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

mpzj-sell-lib

v0.1.29

Published

> 基于vue2.7版本 和 element-ui

Downloads

65

Readme

使用说明

基于vue2.7版本 和 element-ui

关于打包

尽量使用webpack进行打包,可减少打包体积 不再使用dist中打包好的结果做为引入目标,直接使用/components/lib目录,此处不再打包,由最终项目中的webpack自动打包

添加指令 clickoutside

  import Clickoutside from 'element-ui/lib/utils/clickoutside';
  Vue.directive('clickoutside', Clickoutside);

引入样式

  import 'mpzj-sell-lib/dist/css/index.css'; // 废弃,使用下一种

引入样式(应用主题颜色,需使用scss)

  // 后续补充其它主题色
  $--color-primary: #428DFA;
  $--color-danger: #ff3769;
  @import '~mpzj-sell-lib/components/css/index.scss';

两种引入样式方式2选1 (建议第二种)

组件列表:

EpCascader

依赖el-popover、el-button、el-scrollbar

Button

点击后取消聚焦状态

Pager

分页组件

CommonDialogComp

公共弹窗组件

LRWidthDragAutoChangeComp

左右可拖动组件

FormulaPanelElementSelectDialog

属性选择弹窗组件

ResultFormulaTableComp

条件数据表格 提供2个方法:setup 和 remove

ContionCommonComp

条件设置组件

ADAreaDialogSelector

产品、地址弹窗选择组件

PropertyClass

导出的属性设置相关类

SearchInputComp

搜索关键词组件

其余组件后面慢慢补充

组件参数

参数后面补充(或添加d.ts文件)

关于依赖

默认去掉全部依赖库,放置到package copy.json文件中,需要用时修改文件名称然后进行安装(不再使用打包好的结果做为引入目标,不再需要打包)