kkw1573

v2-base-ui

  "homepage": "https://gitee.com/my-project---components/v2-base-ui",

    "url": "https://gitee.com/my-project---components/v2-base-ui"

    "build": "yarn && vue-cli-service build",

    "lib": "vue-cli-service build --target lib --name v2-base-ui --dest lib src/lib.js",

    "pub": "npm run lib && npm version patch && git push && npm publish",

    "release": "npm run lib && npm version patch && git push && npm publish"

基于 vue2 , element-ui 封装的一些通用的组件（表格，表单和弹窗），使用场景表格查询，表单编辑提交等。重复的表格页面和表单功能，只用写配置文件就行了。（组件具体使用的 deme，目录 src/main/demo，下载项目直接运行就可看到效果）

// 全局配置可以减少很多重复的代码，统一规范

  // table props 配置 ，默认了表单头部背景色

  searchProps: { inline: true, labelPosition: "right", labelWidth: "120px" },

  formStyle: { width: "400px", labelWidth: "120px" },

  pageStyle: { justifyContent: "flex-end" },

// 上面是组件内默认的配置如果需要重新定义可以使用配置项重新定义

Vue.use(baseui,opt);  // opt就是一个对象 {searchMaxlength: 100} 你可以重新自定义上面默认的配置项

import { BaseTable,BaseForm,BaseDialog,BaseSearch,reset,copyField } from "v2-base-ui";

先定义列表的配置文件 tableConfig

    { prop: "name", prop2:"userNo", label: "姓名/工号" },

      // 数组或者对象，然后会根据value值自动去匹配

    { prop: "address", label: "地址", slotName: "address" },

    { label: "操作", width: "220", slotName: "handler", fixed: "right" },

定义查询条件的配置文件 searchConfig

- 就这么简单，一个标准的查询表单就出来了，后面有表格就只用增删配置项，解放双手。

- 然后还有一些表单组件和弹窗具体使用方法可以看我写的 demo , 所在文件目录 src/main/demo ，直接下载项目运行就能看到效果

https://gitee.com/my-project---components/v2-base-ui

		@@ -5,3 +5,3 @@ {
		"auth": "kkw1573",
		"version": "1.0.4",
		"version": "1.0.5",
		"main": "lib/v2-base-ui.umd.js",
		@@ -8,0 +8,0 @@ "homepage": "https://gitee.com/my-project---components/v2-base-ui",

		@@ -8,9 +8,8 @@ # v2-base-ui
		```
		npm install v2-base-ui
		yarn add v2-base-ui
		```
		// 或者

		or

		```
		yarn add v2-base-ui
		npm install v2-base-ui
		```
		@@ -240,4 +239,6 @@
		```

		- 就这么简单，一个标准的查询表单就出来了，后面有表格就只用增删配置项，解放双手。
		- 然后还有一些表单组件和弹窗具体使用方法可以看我写的 demo , 所在文件目录 src/main/demo ，直接下载项目运行就能看到效果
		- ps 组件持续迭代中

		@@ -244,0 +245,0 @@ # gitee