npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@crh/vue

v0.1.8-dev

Published

vue 公共组件 mjs版本(未编译)

Downloads

65

Readme

适用于 Vue 的综合库(未编译)

changelog

  • @0.1.2-dev PB优化,针对某些嵌套返回数据流做转字符串操作
  • @0.0.39-dev PB的编码解码方法剥离出来方便给其他场景使用
  • @0.0.37-dev 完善 useAxios 对一些接口数据污染的清理,以及加入单元测试确保可靠性
  • @0.0.35-dev 一些兼容性问题
  • @0.0.30-dev 修复下拉刷新个别设备会有几像素偏差导致无法下拉,增加兼容范围
  • @0.0.28-dev 修复modal 关闭后遮罩问题跟actionsheet 地区选择器变更默认值出现的问题
  • @0.0.27-dev 修复部分组件1像素问题
  • @0.0.26-dev 修复一些弹出层mask会影响其他布局的问题
  • @0.0.24-dev 新增 resp/actionsheet/list,base,regions 上滑抽屉、地区选择
  • @0.0.23-dev 新增 input/LimitText 限制字数文本框
  • @0.0.22-dev 新增 upload/snapshot 截图上传组件
  • @0.0.21-dev 演示地址改为 http://linyupark.github.io/projects/storybook-crh-vue/
  • @0.0.20-dev list/nav 列表滚动定位导航
  • @0.0.19-dev 带弹出的遮罩zIndex可设置并避免滑动穿透
  • @0.0.18-dev input/tag 标签管理(仿微信)
  • @0.0.16-dev input/base/search || index 基础输入框 || 搜索框
  • @0.0.11-dev filter/tags 支持多个分组
  • @0.0.10-dev list/refresh, list/loadByScroll 增加下拉刷新跟上拉加载
  • @0.0.9-dev filter/dropdown 增加选择框跟遮罩层的样式微调
  • @0.0.8-dev 新增 resp/modal 提示跟确认弹框
  • @0.0.7-dev 新增 list/slide 可滑动操作的列表单元
  • @0.0.6-dev 新增 filter/tags 可作为 filterDropdown 中的标签选择筛选
  • @0.0.4-debug 新增 List , ListItem, FilterDropdown 组件

包含

  • functions 各类工具函数
  • sass 常用全局样式
  • 其他 UI 组件,在线演示地址:http://linyupark.github.io/projects/storybook-crh-vue/

使用注意点

因为是未编译版,因此编译工具需要将 node_modules/@crh/vue 目录设置为可引入编译的目录

/** 这里举例脚本 */
module: {
  rules: [
    {
      test: /\.(js|ts|jsx)?$/,
      include: [path.resolve(__dirname, 'node_modules/@crh/vue'), ...],
      exclude: [/node_modules/],
      use: [
        {
          loader: 'babel-loader'
        }
      ]
    },
  ]
}

一些组件使用到了样式函数,因此需要引入 sass/var.scss

/** 加入 scss 支持 */
config.module.rules.push({
  test: /\.scss$/,
  include: path.resolve(__dirname, '../packages'),
  use: [
    'style-loader',
    {
      loader: 'css-loader',
      options: {
        importLoaders: 2
      }
    },
    {
      loader: 'postcss-loader'
    },
    {
      loader: 'sass-loader',
      options: {
        data: `
          @import "~@crh/vue/sass/var.scss";
        `
      }
    }
  ]
});