Lt-lowcode-components NPM

当前版本

0.1.034

npm 发布参考

https://blog.csdn.net/qq_36995521/article/details/122739411

平台简介

依赖

elementui -2.15.13
vue 2.6
node 12.18.3(可用)
python 2

### 安装elementUi 
    npm i element-ui -S
    引入
        import ElementUI from 'element-ui';
        import 'element-ui/lib/theme-chalk/index.css';
        Vue.use(ElementUI);

### 安装本包
    npm i lt-lowcode-components -S
    引入
        import ltLowcode from 'lt-lowcode-components/dist/lt-lowcode-components.common'
        Vue.use(ltLowcode)

打包上传npm方式

注：每次要修改package.json 里的版本号  每次别加太多
①检查npm源，确认是否为    https://registry.npmjs.org/ （淘宝源可以自动同步过去）
    npm config get registry
    如果不是
    npm config set registry https://registry.npmjs.org
②登录npm账号（账号自己申请）
    npm addUser
    npm login
    输入账号、密码、邮箱以及发送该邮箱中的一次性动态密码
③打npm包
    npm run lib
    第二步进行一次就好了
④上传
    npm publish

组件介绍

物料（商品）选择<ltGoodAddBtn>
    标签
        <lt-good-add-btn></lt-good-add-btn>
        属性参数：

属性	类型	默认值	说明
outBtn	Object	{text:'添加',icon:'el-icon-plus',size:'mini'}	非必传，覆盖
loading	Boolean	false	非必传
noPic	String	''	非必传,默认图片
dataList	Array	[]	必传,左侧数据源
keyword	String	''	非必传,原则上要传，用于页面缓存数据等
searchDataKeyWord	String	''	非必传,原则上要传，用于页面缓存数据等
placeholder	String	‘’	非必传
disabled	Boolean	false	非必传
submitBtnText	String	'确认'	非必传,确认按钮的文字描述
cancelBtnText	String	'取消'	非必传,取消按钮的文字描述
getDataMothod	Function	()=>{return false}	必传,获取数据的方法
loadMoreData	Function	()=>{return false}	必传,加载更多的方法注:有问题，暂时不能用
product	Object	{code:'',label:'商品',unit:'个'}	非必传,商品或物料的信息,部分功能依赖（右侧防重）

        方法:

属性	类型	参数	说明
open	Function		打开对户口的回调，可用于加载数据
onClose	Function	val	关闭对户口返回对象，keyword, searchDataKeyWord 和value（被选择的数据）