UNPKG

com-serp-common-components

Version:

``` formJson: { inline: false, // 是否inline展示 labelPosition: "right", // 标题位置(左,右,居中) labelWidth: "", // 标题宽度 (可在单行上定义) statusIcon: true, formItemList: [ // 表单配置项 { type: "slot", slotName: "upload", label: "上传", // 中文名或标题 pro

66 lines 7.3 kB
{ "name": "com-serp-common-components", "version": "0.1.1", "private": false, "main": "index.js", "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@babel/parser": "^7.7.4", "clipboard": "^2.0.6", "core-js": "^3.6.5", "css-loader": "^3.6.0", "element-ui": "^2.13.2", "file-saver": "^2.0.2", "lodash": "^4.17.19", "node-sass": "^4.14.1", "sass-loader": "^8.0.2", "sortablejs": "^1.10.2", "throttle-debounce": "^2.1.0", "vue": "^2.6.11", "vuedraggable": "^2.23.2" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.4.0", "@vue/cli-plugin-eslint": "~4.4.0", "@vue/cli-service": "~4.4.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "vue-cli-plugin-element": "^1.0.1", "vue-template-compiler": "^2.6.11" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ], "description": "```\r formJson: {\r \tinline: false, // 是否inline展示\r \tlabelPosition: \"right\", // 标题位置(左,右,居中)\r \tlabelWidth: \"\", // 标题宽度 (可在单行上定义)\r \tstatusIcon: true, \r \tformItemList: [ // 表单配置项\r \t\t{\r \t\t\ttype: \"slot\",\r \t\t\tslotName: \"upload\",\r \t\t\tlabel: \"上传\", // 中文名或标题\r \t\t\tprop: \"upload\", // 字段名\r \t\t\tvalue: \"baidu.com\" // 值\r \t\t}, {\r \t\t\ttype: \"select\",\r \t\t\tlabel: \"下拉框1\", // 中文名或标题\r \t\t\tprop: \"select1\", // 字段名\r \t\t\tvalue: [], // 值\r \t\t\tclearable: true, // 可清空 true / false\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\treadonly: false, // 只读 true / false\r \t\t\tsearch: true, // 搜索\r \t\t\tmultiple: true, // 多选\r \t\t\tlimit: 2, // 多选限制\r \t\t\tcolaTags: true, // 是否折叠\r \t\t\tplaceholder: \"请选择下拉框1\", // 暗文\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }],\r \t\t\trequestBody: { // 发请求获取下拉数据(示例)\r \t\t\t\trequest: \"post\", // 触发请求 post / get\r \t\t\t\turl: \"/api/getSelectOptions\",\r \t\t\t\tparam: {\r \t\t\t\t\ta: 1,\r \t\t\t\t\tb: 2\r \t\t\t\t}\r \t\t\t},\r \t\t\toptions: [], // 下拉数据\r \t\t\tdefaultKey: { // 通过这个统一数据格式\r \t\t\t\tlabel: 'name',\r \t\t\t\tvalue: 'code'\r \t\t\t},\r \t\t\textraName: 'selectName' // 额外需要传给后台的字段\r \t\t}, {\r \t\t\ttype: \"input\",\r \t\t\tlabel: \"输入框1\", // 中文名或标题\r \t\t\tprop: \"test1\", // 字段名\r \t\t\tvalue: \"\", // 值\r \t\t\tsubType: \"text\", // 输入框类型\r \t\t\tclearable: true, // 可清空 true / false\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\treadonly: false, // 只读 true / false\r \t\t\tplaceholder: \"请输入内容1\", // 暗文\r \t\t\tmaxlength: 20, // 最大长度 number\r \t\t\tsize: \"\", // 尺寸 medium / small / mini / ''\r \t\t\tprefix: \"\", // 内嵌式前文字\r \t\t\tsuffix: \"\", // 内嵌式后文字\r \t\t\tprefixIcon: \"el-icon-search\", // 前图标\r \t\t\tsuffixIcon: \"\", // 后图标\r \t\t\tprepend: \"\", // 前扩展\r \t\t\tappend: \"\", // 后扩展\r \t\t\trules: [ // 校验\r \t\t\t\t{\r \t\t\t\t\tvalidator: (rule, value, callback) => {\r \t\t\t\t\t\tsetTimeout(() => {\r \t\t\t\t\t\t\tif (value && value.length) {\r \t\t\t\t\t\t\t\tif (value.length > 10) {\r \t\t\t\t\t\t\t\t\tcallback(new Error(\"最多10个字符\"));\r \t\t\t\t\t\t\t\t} else {\r \t\t\t\t\t\t\t\t\tcallback();\r \t\t\t\t\t\t\t\t}\r \t\t\t\t\t\t\t} else {\r \t\t\t\t\t\t\t\tcallback(new Error(\"不能为空\"));\r \t\t\t\t\t\t\t}\r \t\t\t\t\t\t}, 100);\r \t\t\t\t\t},\r \t\t\t\t\ttrigger: \"blur\"\r \t\t\t\t}\r \t\t\t]\r \t\t}, {\r \t\t\ttype: \"date\",\r \t\t\tlabel: \"日期\", // 中文名或标题\r \t\t\tprop: \"date\", // 字段名\r \t\t\tvalue: \"\", // 值\r \t\t\tsubType: \"\", // 输入框类型\r \t\t\tclearable: true, // 可清空 true / false\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\treadonly: false, // 只读 true / false\r \t\t\tplaceholder: \"\", // 暗文\r \t\t\tvalueFormat: \"yyyy-MM-DD\", // 返回数据格式\r \t\t\tpickerOptions: [], // 可选时间\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }]\r \t\t}, {\r \t\t\ttype: \"daterange\",\r \t\t\tlabel: \"日期时间\", // 中文名或标题\r \t\t\tprop: \"daterange\", // 字段名\r \t\t\tvalue: \"\", // 值\r \t\t\tsubType: \"\", // 输入框类型\r \t\t\tclearable: true, // 可清空 true / false\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\treadonly: false, // 只读 true / false\r \t\t\tvalueFormat: \"yyyy-MM-DD\", // 返回数据格式\r \t\t\tpickerOptions: [], // 可选时间\r \t\t\tplaceholder: \"\", // 暗文\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }]\r \t\t}, {\r \t\t\ttype: \"timerange\",\r \t\t\tlabel: \"时间段\", // 中文名或标题\r \t\t\tprop: \"timerange\", // 字段名\r \t\t\tvalue: \"\", // 值\r \t\t\tsubType: \"\", // 输入框类型\r \t\t\tclearable: true, // 可清空 true / false\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\treadonly: false, // 只读 true / false\r \t\t\tvalueFormat: \"HH:mm:ss\", // 返回数据格式\r \t\t\tpickerOptions: [], // 可选时间\r \t\t\tplaceholder: \"\", // 暗文\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }]\r \t\t}, {\r \t\t\ttype: \"checkbox\",\r \t\t\tlabel: \"多选\", // 中文名或标题\r \t\t\tprop: \"checkbox\", // 字段名\r \t\t\tvalue: [], // 值\r \t\t\t// limit: 1, // 多选限制\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\trequestBody: {\r \t\t\t\trequest: \"post\", // 触发请求 post / get ...\r \t\t\t\turl: \"/api/getCheckBoxOptions\",\r \t\t\t\tparam: {\r \t\t\t\t\ta: 1,\r \t\t\t\t\tb: 2\r \t\t\t\t}\r \t\t\t},\r \t\t\toptions: [], // 数据\r \t\t\tdefaultKey: { // 通过这个统一数据格式\r \t\t\t\tlabel: 'name',\r \t\t\t\tvalue: 'code'\r \t\t\t},\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }]\r \t\t}, {\r \t\t\ttype: \"radio\",\r \t\t\tlabel: \"单选\", // 中文名或标题\r \t\t\tprop: \"radio\", // 字段名\r \t\t\tvalue: \"\", // 值\r \t\t\tdisabled: false, // 置灰 true / false\r \t\t\trequestBody: {\r \t\t\t\trequest: \"post\", // 触发请求 post / get ...\r \t\t\t\turl: \"/api/getRadioOptions\",\r \t\t\t\tparam: {\r \t\t\t\t\ta: 1,\r \t\t\t\t\tb: 2\r \t\t\t\t}\r \t\t\t},\r \t\t\toptions: [], // 数据\r \t\t\tdefaultKey: { // 通过这个统一数据格式\r \t\t\t\tlabel: 'name',\r \t\t\t\tvalue: 'code'\r \t\t\t},\r \t\t\trules: [{ required: true, message: \"不能为空\", trigger: \"change\" }]\r \t\t}\r \t]\r }\r ```", "repository": { "type": "git", "url": "git@code.mlamp.cn:serp/com-serp-common-components.git" }, "keywords": [ "serp", "common-components" ], "author": "liushida", "license": "ISC" }