@web-utils/component 2.7.36 → 2.8.0

package/dist/components/dialog-filter/index.js

@@ -1,259 +0,0 @@
-import { d as deepClone } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.box ? _c("div", [_c("ElDrawer", {
-    staticClass: "avue-dialog",
-    class: ["avue-crud__dialog", "avue-crud__filter"],
-    attrs: {
-      "lock-scroll": "",
-      "append-to-body": "",
-      "title": "过滤条件",
-      "size": _vm.crud.isMobile ? "100%" : "60%",
-      "visible": _vm.box
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.box = $event;
-      }
-    }
-  }, [_c("ElRow", {
-    attrs: {
-      "span": 24
-    }
-  }, [_c("div", {
-    staticClass: "avue-crud__filter-menu"
-  }, [_c("ElButtonGroup", [_c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": _vm.crud.isMediumSize
-    },
-    on: {
-      "click": _vm.handleAdd
-    }
-  }, [_vm._v(" 新增条件 ")]), _c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": _vm.crud.isMediumSize
-    },
-    on: {
-      "click": _vm.handleClear
-    }
-  }, [_vm._v(" 清空条件 ")]), _c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": _vm.crud.isMediumSize
-    },
-    on: {
-      "click": _vm.handleValueClear
-    }
-  }, [_vm._v(" 清空数据 ")])], 1)], 1), _vm._l(_vm.list, function(column, index) {
-    return _c("ElCol", {
-      key: index,
-      staticClass: "avue-crud__filter-item",
-      attrs: {
-        "md": 12,
-        "xs": 24,
-        "sm": 12
-      }
-    }, [_c("FySelect", {
-      staticClass: "avue-crud__filter-label",
-      attrs: {
-        "dic": _vm.columnOption,
-        "clearable": false,
-        "size": _vm.crud.isMediumSize
-      },
-      on: {
-        "change": function($event) {
-          return _vm.handleChange(index);
-        }
-      },
-      model: {
-        value: column.text,
-        callback: function($$v) {
-          _vm.$set(column, "text", $$v);
-        },
-        expression: "column.text"
-      }
-    }), _c("FySelect", {
-      staticClass: "avue-crud__filter-symbol",
-      attrs: {
-        "dic": _vm.symbolDic,
-        "clearable": false,
-        "size": _vm.crud.isMediumSize
-      },
-      model: {
-        value: column.symbol,
-        callback: function($$v) {
-          _vm.$set(column, "symbol", $$v);
-        },
-        expression: "column.symbol"
-      }
-    }), _c("FyInput", {
-      staticClass: "avue-crud__filter-value",
-      attrs: {
-        "size": _vm.crud.isMediumSize
-      },
-      model: {
-        value: column.value,
-        callback: function($$v) {
-          _vm.$set(column, "value", $$v);
-        },
-        expression: "column.value"
-      }
-    }), _c("ElButton", {
-      staticClass: "avue-crud__filter-icon",
-      attrs: {
-        "type": "danger",
-        "size": "mini",
-        "circle": "",
-        "icon": "el-icon-minus"
-      },
-      on: {
-        "click": function($event) {
-          return _vm.handleDelete(index);
-        }
-      }
-    })], 1);
-  }), _c("ElCol", {
-    staticClass: "avue-form__menu avue-form__menu--right",
-    attrs: {
-      "span": 24
-    }
-  }, [_c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": _vm.crud.isMediumSize
-    },
-    on: {
-      "click": _vm.handleSubmit
-    }
-  }, [_vm._v(" 确 定 ")]), _c("ElButton", {
-    attrs: {
-      "size": _vm.crud.isMediumSize
-    },
-    on: {
-      "click": function($event) {
-        _vm.box = false;
-      }
-    }
-  }, [_vm._v(" 取 消 ")])], 1)], 2)], 1)], 1) : _vm._e();
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "DialogFilter",
-  inject: ["crud"],
-  data() {
-    return {
-      box: false,
-      columnObj: {},
-      symbolDic: [
-        {
-          label: "=",
-          value: "="
-        },
-        {
-          label: "≠",
-          value: "≠"
-        },
-        {
-          label: "like",
-          value: "like"
-        },
-        {
-          label: ">",
-          value: ">"
-        },
-        {
-          label: "≥",
-          value: "≥"
-        },
-        {
-          label: "<",
-          value: "<"
-        },
-        {
-          label: "≤",
-          value: "≤"
-        },
-        {
-          label: "∈",
-          value: "∈"
-        }
-      ],
-      list: [],
-      columnOption: {}
-    };
-  },
-  methods: {
-    handleShow() {
-      this.getColumnOption();
-      this.box = true;
-    },
-    getColumnOption() {
-      const result = [];
-      const column = deepClone(this.crud.propOption);
-      column.forEach((ele) => {
-        if (ele.showColumn !== false) {
-          result.push(Object.assign(ele, {
-            value: ele.prop
-          }));
-        }
-      });
-      this.columnOption = result;
-      this.columnObj = this.columnOption[0];
-    },
-    handleDelete(index) {
-      this.list.splice(index, 1);
-    },
-    handleClear() {
-      this.list = [];
-    },
-    handleValueClear() {
-      this.list.forEach((ele) => ele.value = "");
-    },
-    handleSubmit() {
-      const result = [];
-      this.list.forEach((ele) => {
-        result.push([ele.text, ele.symbol, ele.value]);
-      });
-      this.crud.$emit("filter", result);
-      this.box = false;
-    },
-    handleChange(index) {
-      this.list[index].value = "";
-    },
-    handleAdd() {
-      const prop = this.columnObj.prop;
-      this.list.push({
-        text: prop,
-        value: "",
-        symbol: this.symbolDic[0].value
-      });
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const DialogFilter = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DialogFilter as default
-};

package/dist/components/dialog-form/index.js

@@ -1,163 +0,0 @@
-import { isEmpty } from "@web-utils/core";
-import { d as deepClone } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(_vm.dialogType, _vm._b({
-    tag: "Component",
-    staticClass: "dialog-form",
-    attrs: {
-      "visible": _vm.visible,
-      "destroy-on-close": "",
-      "before-close": _vm.beforeClose
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.visible = $event;
-      }
-    }
-  }, "Component", _vm.dialog, false), [_c("FyForm", {
-    ref: "form",
-    attrs: {
-      "option": Object.assign({}, _vm.deepClone(_vm.option), {
-        menuBtn: false
-      }),
-      "status": _vm.disabled
-    },
-    on: {
-      "update:status": function($event) {
-        _vm.disabled = $event;
-      },
-      "submit": _vm.handleSubmit,
-      "reset-change": _vm.close
-    },
-    model: {
-      value: _vm.data,
-      callback: function($$v) {
-        _vm.data = $$v;
-      },
-      expression: "data"
-    }
-  }), _vm.isEmpty(_vm.option.menuBtn, true) ? _c("span", {
-    staticClass: "avue-dialog__footer",
-    class: `avue-dialog__footer--${_vm.menuPosition}`
-  }, [_vm.isEmpty(_vm.option.submitBtn, true) ? _c("ElButton", {
-    attrs: {
-      "size": _vm.$AVUE.size,
-      "icon": _vm.option.submitIcon,
-      "loading": _vm.disabled,
-      "type": "primary"
-    },
-    on: {
-      "click": _vm.submit
-    }
-  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, true) ? _c("ElButton", {
-    attrs: {
-      "disabled": _vm.disabled,
-      "size": _vm.$AVUE.size,
-      "icon": _vm.option.emptyIcon
-    },
-    on: {
-      "click": _vm.reset
-    }
-  }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e()], 1) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const DialogForm_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "DialogForm",
-  // showForm,
-  data() {
-    return {
-      opt: {},
-      disabled: false,
-      callback: null,
-      visible: false,
-      dialog: {
-        closeOnClickModal: false
-      },
-      isDrawer: false,
-      option: {
-        submitText: "提交",
-        emptyText: "关闭",
-        submitIcon: "el-icon-check",
-        emptyIcon: "el-icon-close",
-        column: []
-      },
-      data: {}
-    };
-  },
-  computed: {
-    dialogType() {
-      return this.isDrawer ? "ElDrawer" : "ElementDialog";
-    },
-    menuPosition() {
-      return this.opt.menuPosition || "center";
-    }
-  },
-  methods: {
-    isEmpty,
-    deepClone,
-    submit() {
-      this.$refs.form.submit();
-    },
-    reset() {
-      this.$refs.form.resetForm();
-    },
-    beforeClose(done) {
-      done();
-      this.close();
-    },
-    show(opt) {
-      this.opt = opt;
-      this.callback = opt.callback;
-      const dialog = this.deepClone(opt);
-      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]);
-      this.dialog = Object.assign(this.dialog, dialog);
-      this.dialog.size = this.dialog.width;
-      this.isDrawer = this.dialog.type === "drawer";
-      this.option = Object.assign(this.option, opt.option);
-      this.data = opt.data;
-      this.visible = true;
-    },
-    close() {
-      const callback = () => {
-        this.visible = false;
-        this.$destroy();
-        this.$el.remove();
-      };
-      if (typeof this.dialog.beforeClose === "function") {
-        this.dialog.beforeClose(callback);
-      } else {
-        callback();
-      }
-    },
-    handleSubmit(data, done) {
-      this.callback && this.callback({ data, close: this.close, done });
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const DialogForm = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DialogForm as default
-};

package/dist/components/dialog-form/style.css

@@ -1,10 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body, .dialog-form .el-drawer__body {
-  position: static;
-  margin-bottom: 53px;
-}

package/dist/components/dynamic-table/index.js

@@ -1,219 +0,0 @@
-import { fastClone, validateNumber, validateIdCard, validatePhoneNum } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "dynamic-table"
-  }, [_c("ElTable", {
-    key: _vm.key,
-    staticStyle: {
-      "width": "100%"
-    },
-    attrs: {
-      "data": _vm.value
-    }
-  }, [_vm._l(_vm.columns, function(column) {
-    return _c("ElTableColumn", {
-      key: column.prop,
-      attrs: {
-        "prop": column.prop,
-        "label": column.label,
-        "min-width": "150"
-      },
-      scopedSlots: _vm._u([{
-        key: "default",
-        fn: function(_ref) {
-          var row = _ref.row, $index = _ref.$index;
-          return [_c("ElFormItem", {
-            style: {
-              marginBottom: _vm.inputDisabled ? "0px" : "16px"
-            },
-            attrs: {
-              "prop": `${_vm.prop}.${$index}.${column.prop}`,
-              "size": "mini",
-              "rules": _vm.getRules(column)
-            }
-          }, [_c("ElInput", {
-            attrs: {
-              "prefix-icon": _vm.getIcon(column),
-              "disabled": _vm.inputDisabled,
-              "placeholder": _vm.inputDisabled ? "" : `请输入${column.label}！`
-            },
-            model: {
-              value: row[column.prop],
-              callback: function($$v) {
-                _vm.$set(row, column.prop, $$v);
-              },
-              expression: "row[column.prop]"
-            }
-          })], 1)];
-        }
-      }], null, true)
-    });
-  }), !_vm.inputDisabled ? _c("ElTableColumn", {
-    attrs: {
-      "label": "操作",
-      "width": "60",
-      "fixed": "right"
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function(_ref2) {
-        var row = _ref2.row, column = _ref2.column, $index = _ref2.$index;
-        return [_c("i", {
-          staticClass: "el-icon-minus dynamic-table-action-icon",
-          staticStyle: {
-            "position": "relative",
-            "top": "-8px",
-            "color": "#f00"
-          },
-          attrs: {
-            "title": "删除"
-          },
-          on: {
-            "click": function($event) {
-              $event.stopPropagation();
-              return _vm.removeRow(row, $index, column);
-            }
-          }
-        })];
-      }
-    }], null, false, 410881950)
-  }) : _vm._e()], 2), !_vm.inputDisabled ? _c("ElButton", {
-    staticStyle: {
-      "color": "#08c108"
-    },
-    attrs: {
-      "type": "text",
-      "icon": "el-icon-plus"
-    },
-    on: {
-      "click": _vm.addRow
-    }
-  }, [_vm._v(" 添加 ")]) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const DynamicTable_vue_vue_type_style_index_0_lang = "";
-const icons = {
-  number: "fa fa-superscript",
-  email: "el-icon-lx-mail",
-  phone: "fa fa-phone",
-  idCard: "el-icon-lx-news"
-};
-const __vue2_script = {
-  name: "DynamicTable",
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    prop: {
-      type: String,
-      default: "rows"
-    },
-    value: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    disabled: Boolean
-  },
-  data() {
-    return {
-      key: 1
-    };
-  },
-  computed: {
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-  watch: {
-    value: {
-      deep: true,
-      handler(newVal) {
-        this.$emit("input", newVal);
-      }
-    },
-    columns: {
-      deep: true,
-      handler() {
-        this.key++;
-      }
-    }
-  },
-  methods: {
-    getIcon(column) {
-      return icons[column.type] ? icons[column.type] : "";
-    },
-    addRow() {
-      const value = this.value;
-      value.push(this.newRow());
-      this.$emit("input", value);
-    },
-    removeRow(row, index) {
-      const value = this.value;
-      value.splice(index, 1);
-      this.$emit("input", value);
-    },
-    newRow() {
-      const row = {};
-      this.columns.forEach((value) => {
-        row[value.prop] = void 0;
-      });
-      return row;
-    },
-    getRules(column) {
-      const userRules = column.rules;
-      if (["email", "idCard", "phone", "number"].includes(column.type)) {
-        const rules = fastClone(userRules || []);
-        if (column.type === "number") {
-          rules.push({ validator: validateNumber, message: "请输入数字！" });
-        }
-        if (column.type === "email") {
-          rules.push({ type: "email", message: "请输入正确的邮箱地址！" });
-        }
-        if (column.type === "idCard") {
-          rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" });
-        }
-        if (column.type === "phone") {
-          rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" });
-        }
-        return rules;
-      } else {
-        return userRules;
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const DynamicTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DynamicTable as default
-};

package/dist/components/dynamic-table/style.css

@@ -1,30 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.dynamic-table {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-}
-.dynamic-table .dynamic-table-action-icon {
-  margin-left: 10px;
-  font-weight: bold;
-  cursor: pointer;
-}
-.dynamic-table .el-form-item {
-  margin-bottom: 0;
-}
-.dynamic-table .el-table {
-  flex: 1 1 auto;
-}
-.dynamic-table .el-table td {
-  padding: 2px 0;
-}
-.dynamic-table .el-input.is-disabled .el-input__inner {
-  background-color: transparent;
-  border: none;
-}