imeik-imui 2.3.7 → 2.3.9

package/dist/imeik-imui.umd.13.js

@@ -0,0 +1,127 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] || []).push([[13],{
+
+/***/ "e56d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c4e617d-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImDrawerDemo.vue?vue&type=template&id=3fdaf850&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('ImWrapper', [_c('div', {
+    staticClass: "p-4 bg-white",
+    attrs: {
+      "slot": "header"
+    },
+    slot: "header"
+  }, [_vm._v("这个页面是抽屉组件的演示页面")]), _c('el-button', {
+    on: {
+      "click": _vm.openDrawer
+    }
+  }, [_vm._v("打开抽屉")]), _c('ImDrawer', {
+    attrs: {
+      "visible": _vm.drawerVisible,
+      "title": "示例抽屉",
+      "width": 600
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.drawerVisible = $event;
+      },
+      "submit": _vm.handleSubmit,
+      "close": _vm.handleClose
+    }
+  }, [_c('ImForm', {
+    attrs: {
+      "form": _vm.formConfig
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImDrawerDemo.vue?vue&type=template&id=3fdaf850&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImDrawerDemo.vue?vue&type=script&lang=js
+/* harmony default export */ var ImDrawerDemovue_type_script_lang_js = ({
+  name: 'ImDrawerDemo',
+  data: function data() {
+    return {
+      drawerVisible: false,
+      formConfig: {
+        column: 1,
+        gutter: 24,
+        attrs: {
+          labelPosition: 'top'
+        },
+        props: {
+          name: undefined,
+          description: undefined
+        },
+        formItems: [{
+          type: 'ImInput',
+          prop: 'name',
+          label: '名称',
+          attrs: {
+            maxlength: 20,
+            showWordLimit: true
+          }
+        }, {
+          type: 'ImInput',
+          prop: 'description',
+          label: '描述',
+          attrs: {
+            type: 'textarea',
+            rows: 4,
+            maxlength: 100,
+            showWordLimit: true
+          }
+        }]
+      }
+    };
+  },
+  methods: {
+    openDrawer: function openDrawer() {
+      this.drawerVisible = true;
+    },
+    handleSubmit: function handleSubmit() {
+      console.log('提交表单', this.formConfig.props);
+      this.drawerVisible = false;
+    },
+    handleClose: function handleClose() {
+      console.log('关闭抽屉');
+      this.drawerVisible = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/views/commonComponents/ImDrawerDemo.vue?vue&type=script&lang=js
+ /* harmony default export */ var commonComponents_ImDrawerDemovue_type_script_lang_js = (ImDrawerDemovue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImDrawerDemo.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  commonComponents_ImDrawerDemovue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "3fdaf850",
+  null
+  
+)
+
+/* harmony default export */ var ImDrawerDemo = __webpack_exports__["default"] = (component.exports);
+
+/***/ })
+
+}]);

package/dist/imeik-imui.umd.14.js

@@ -0,0 +1,357 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] || []).push([[14],{
+
+/***/ "d3a5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c4e617d-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImFormDemo.vue?vue&type=template&id=07bb1dab
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('ImWrapper', [_c('ImCard', [_c('h3', {
+    attrs: {
+      "slot": "title"
+    },
+    slot: "title"
+  }, [_vm._v("常用表单")]), _c('el-button', {
+    attrs: {
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_vm._v("点击")]), _c('ImForm', {
+    ref: "ImForm",
+    attrs: {
+      "form": _vm.formConfig
+    }
+  })], 1), _c('ImCard', [_c('h3', {
+    attrs: {
+      "slot": "title"
+    },
+    slot: "title"
+  }, [_vm._v("表格形式表单")]), _c('ImForm', {
+    attrs: {
+      "form": _vm.formConfig1,
+      "table-h": ""
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImFormDemo.vue?vue&type=template&id=07bb1dab
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImFormDemo.vue?vue&type=script&lang=js
+/* harmony default export */ var ImFormDemovue_type_script_lang_js = ({
+  data: function data() {
+    return {
+      // 表单配置对象
+      formConfig: {
+        column: 4,
+        // 表单列数
+        gutter: 24,
+        // 表单项间距
+        attrs: {
+          labelWidth: '120px',
+          // 标签宽度
+          labelPosition: 'top' // 标签位置
+        },
+        // 表单数据对象
+        props: {
+          author: '',
+          introduction: '',
+          name: '',
+          type: undefined,
+          coverUrl: '',
+          fileUrl: '',
+          checkbox: [1, 2]
+        },
+        // 表单项配置数组
+        formItems: [
+        // 作者输入框
+        {
+          type: 'ImInput',
+          prop: 'author',
+          label: '作者',
+          rules: [{
+            required: true,
+            message: '请输入作者'
+          }],
+          attrs: {
+            maxlength: 32
+          }
+        },
+        // 名称输入框
+        {
+          type: 'ImInput',
+          prop: 'name',
+          label: '名称',
+          rules: [{
+            required: true,
+            message: '请输入名称'
+          }],
+          attrs: {
+            maxlength: 32,
+            showWordLimit: true
+          }
+        }, {
+          type: 'ImBr',
+          prop: 'br',
+          label: '换行',
+          notInForm: true
+        }, {
+          type: 'ImDatePicker',
+          label: '规则时效',
+          prop: 'ruleTimeRange',
+          rules: [{
+            required: !this.isView,
+            message: '请输入规则时效'
+          }],
+          attrs: {
+            isView: this.isView,
+            style: 'width: 100%;',
+            valueFormat: 'yyyy-MM-dd HH:mm:ss',
+            labelFormat: 'YYYY.MM.DD HH:mm:ss',
+            type: 'datetimerange',
+            startPlaceholder: '开始日期',
+            endPlaceholder: '结束日期',
+            defaultTime: ['00:00:00', '23:59:59']
+          }
+        },
+        // 性别选择框
+        {
+          type: 'ImSelect',
+          prop: 'gender',
+          label: '性别',
+          rules: [{
+            required: true,
+            message: '请选择性别'
+          }],
+          attrs: {
+            style: 'width: 100%'
+          }
+        },
+        // checkbox组件
+        {
+          type: 'ImCheckbox',
+          prop: 'checkbox',
+          label: '复选框',
+          attrs: {
+            isView: false,
+            options: [{
+              label: '选项1',
+              value: 1
+            }, {
+              label: '选项2',
+              value: 2
+            }]
+          }
+        },
+        // 文件上传组件
+        {
+          type: 'FieldFileUpload',
+          prop: 'fileList',
+          label: '上传附件',
+          span: 24,
+          rules: [{
+            required: !this.isView,
+            message: '请上传附件'
+          }],
+          attrs: {
+            isView: this.isView,
+            // accept: '.pdf,.jpg,.png,.docx,.doc',
+            fileSize: 5,
+            limit: 50,
+            tipText: '请上传pdf、jpg、png、docx、doc格式文件，且每个文件不超过5M,最多上传50个文件'
+          }
+        },
+        // 简介文本域
+        {
+          type: 'ImInput',
+          prop: 'introduction',
+          label: '简介',
+          span: 24,
+          rules: [{
+            required: true,
+            message: '请输入简介'
+          }],
+          attrs: {
+            type: 'textarea',
+            rows: 6,
+            maxlength: 64,
+            showWordLimit: true
+          }
+        }]
+      },
+      formConfig1: {
+        column: 3,
+        // 表单列数
+        gutter: 0,
+        // 表单项间距
+        attrs: {
+          labelWidth: '120px',
+          // 标签宽度
+          labelPosition: 'right' // 标签位置
+        },
+        // 表单数据对象
+        props: {
+          author: '',
+          introduction: '',
+          name: '',
+          type: undefined,
+          coverUrl: '',
+          fileUrl: '',
+          checkbox: [1, 2]
+        },
+        // 表单项配置数组
+        formItems: [
+        // 作者输入框
+        {
+          type: 'ImInput',
+          prop: 'author',
+          label: '作者',
+          rules: [{
+            required: true,
+            message: '请输入作者'
+          }],
+          attrs: {
+            maxlength: 32
+          }
+        },
+        // 名称输入框
+        {
+          type: 'ImInput',
+          prop: 'name',
+          label: '名称',
+          rules: [{
+            required: true,
+            message: '请输入名称'
+          }],
+          attrs: {
+            maxlength: 32,
+            showWordLimit: true
+          }
+        }, {
+          type: 'ImDatePicker',
+          label: '规则时效',
+          prop: 'ruleTimeRange',
+          rules: [{
+            required: !this.isView,
+            message: '请输入规则时效'
+          }],
+          attrs: {
+            isView: this.isView,
+            style: 'width: 100%;',
+            valueFormat: 'yyyy-MM-dd HH:mm:ss',
+            labelFormat: 'YYYY.MM.DD HH:mm:ss',
+            type: 'datetimerange',
+            startPlaceholder: '开始日期',
+            endPlaceholder: '结束日期',
+            defaultTime: ['00:00:00', '23:59:59']
+          }
+        },
+        // 性别选择框
+        {
+          type: 'ImSelect',
+          prop: 'gender',
+          label: '性别',
+          rules: [{
+            required: true,
+            message: '请选择性别'
+          }],
+          attrs: {
+            style: 'width: 100%'
+          }
+        },
+        // checkbox组件
+        {
+          type: 'ImCheckbox',
+          prop: 'checkbox',
+          label: '复选框',
+          attrs: {
+            isView: false,
+            options: [{
+              label: '选项1',
+              value: 1
+            }, {
+              label: '选项2',
+              value: 2
+            }]
+          }
+        },
+        // 文件上传组件
+        {
+          type: 'FieldFileUpload',
+          prop: 'fileList',
+          label: '上传附件',
+          span: 24,
+          rules: [{
+            required: !this.isView,
+            message: '请上传附件'
+          }],
+          attrs: {
+            isView: this.isView,
+            // accept: '.pdf,.jpg,.png,.docx,.doc',
+            fileSize: 5,
+            limit: 50,
+            tipText: '请上传pdf、jpg、png、docx、doc格式文件，且每个文件不超过5M,最多上传50个文件'
+          }
+        },
+        // 简介文本域
+        {
+          type: 'ImInput',
+          prop: 'introduction',
+          label: '简介',
+          span: 24,
+          rules: [{
+            required: true,
+            message: '请输入简介'
+          }],
+          attrs: {
+            type: 'textarea',
+            rows: 6,
+            maxlength: 64,
+            showWordLimit: true
+          }
+        }]
+      }
+    };
+  },
+  methods: {
+    handleClick: function handleClick() {
+      this.$refs.ImForm.showCustomDialog();
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/views/commonComponents/ImFormDemo.vue?vue&type=script&lang=js
+ /* harmony default export */ var commonComponents_ImFormDemovue_type_script_lang_js = (ImFormDemovue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImFormDemo.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  commonComponents_ImFormDemovue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ImFormDemo = __webpack_exports__["default"] = (component.exports);
+
+/***/ })
+
+}]);

package/dist/imeik-imui.umd.15.js

@@ -0,0 +1,157 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpimeik_imui"] || []).push([[15],{
+
+/***/ "a92c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c4e617d-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImTableCellWithBorderDemo.vue?vue&type=template&id=5fc83d94
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('ImWrapper', [_c('div', {
+    staticClass: "bg-white p-4",
+    attrs: {
+      "slot": "header"
+    },
+    slot: "header"
+  }, [_vm._v("合并单元格使用方式实例")]), _c('ImCard', [_c('h3', {
+    attrs: {
+      "slot": "title"
+    },
+    slot: "title"
+  }, [_vm._v("合并单元格")]), _c('ImTable', {
+    attrs: {
+      "table": _vm.tableConfig,
+      "has-border": ""
+    }
+  }, [_c('template', {
+    slot: "multipleLine"
+  }, _vm._l(4, function (item) {
+    return _c('ImTableCellWithBorder', {
+      key: item
+    }, [_vm._v(" item ")]);
+  }), 1), _c('template', {
+    slot: "operate"
+  }, [_c('el-button', {
+    attrs: {
+      "size": "medium",
+      "type": "text"
+    }
+  }, [_vm._v("查看")]), _c('el-button', {
+    attrs: {
+      "size": "medium",
+      "type": "text"
+    }
+  }, [_vm._v("编辑")]), _c('el-button', {
+    attrs: {
+      "size": "medium",
+      "type": "text"
+    }
+  }, [_vm._v("删除")])], 1)], 2)], 1)], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImTableCellWithBorderDemo.vue?vue&type=template&id=5fc83d94
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./src/views/commonComponents/ImTableCellWithBorderDemo.vue?vue&type=script&lang=js
+/* harmony default export */ var ImTableCellWithBorderDemovue_type_script_lang_js = ({
+  data: function data() {
+    return {
+      tableConfig: {
+        data: [{}, {}, {}, {}],
+        tableItems: [{
+          prop: 'paperNumber',
+          label: '试卷编号',
+          attrs: {
+            fixed: 'left',
+            'show-overflow-tooltip': true,
+            width: '180'
+          }
+        }, {
+          label: '试卷名称',
+          type: 'slot',
+          slot: 'multipleLine',
+          attrs: {
+            'min-width': '180'
+          }
+        }, {
+          prop: 'productName',
+          label: '关联认证产品',
+          attrs: {
+            'show-overflow-tooltip': true,
+            'min-width': '120'
+          }
+        }, {
+          prop: 'createName',
+          label: '创建人',
+          attrs: {
+            'show-overflow-tooltip': true,
+            'min-width': '100'
+          }
+        }, {
+          prop: 'createTime',
+          label: '创建时间',
+          attrs: {
+            'show-overflow-tooltip': true,
+            'min-width': '180'
+          }
+        }, {
+          prop: 'updateName',
+          label: '最近更新人',
+          attrs: {
+            'show-overflow-tooltip': true,
+            'min-width': '100'
+          }
+        }, {
+          prop: 'updateTime',
+          label: '最近更新时间',
+          attrs: {
+            'show-overflow-tooltip': true,
+            'min-width': '180'
+          }
+        }, {
+          prop: '',
+          label: '操作',
+          type: 'slot',
+          attrs: {
+            fixed: 'right',
+            width: '150'
+          },
+          slot: 'operate'
+        }]
+      }
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/views/commonComponents/ImTableCellWithBorderDemo.vue?vue&type=script&lang=js
+ /* harmony default export */ var commonComponents_ImTableCellWithBorderDemovue_type_script_lang_js = (ImTableCellWithBorderDemovue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/views/commonComponents/ImTableCellWithBorderDemo.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  commonComponents_ImTableCellWithBorderDemovue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ImTableCellWithBorderDemo = __webpack_exports__["default"] = (component.exports);
+
+/***/ })
+
+}]);