@web-utils/component 2.7.29 → 2.7.31

package/dist/components/column/index.js

@@ -1,8 +1,10 @@
-import { a as arraySort, D as DIC_PROPS } from "../../chunks/util.89913643.js";
+import { a as arraySort, D as DIC_PROPS } from "../../chunks/util.b0d0b0ad.js";
 import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", [_vm._t("header"), _vm._l(_vm.list, function(column) {
     return [column.children && column.children.length > 0 ? _c("ColumnDynamic", {
       key: column.pop,
@@ -16,11 +18,11 @@ var render = function() {
             return [_vm._t(item, null, null, scope)];
           }
         };
-      })], null, !0)
+      })], null, true)
     }) : _c("ColumnSlot", {
       key: column.prop,
       attrs: {
-        column,
+        "column": column,
         "column-option": _vm.columnOption
       },
       scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
@@ -30,10 +32,11 @@ var render = function() {
             return [_vm._t(item, null, null, scope)];
           }
         };
-      })], null, !0)
+      })], null, true)
     })];
   }), _vm._t("footer")], 2);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "Column",
   inject: ["crud"],
@@ -49,10 +52,11 @@ const __vue2_script = {
   computed: {
     list() {
       let result = [...this.columnOption];
-      return result = arraySort(result, "index", (a, b) => {
+      result = arraySort(result, "index", (a, b) => {
         var _a, _b;
         return ((_a = this.crud.objectOption[a.prop]) == null ? void 0 : _a.index) - ((_b = this.crud.objectOption[b.prop]) == null ? void 0 : _b.index);
-      }), result;
+      });
+      return result;
     }
   },
   methods: {
@@ -61,51 +65,72 @@ const __vue2_script = {
       const columnNew = this.columnOption.filter(
         (ele) => ele.prop === column.property
       )[0];
-      return typeof columnNew.filterMethod == "function" ? columnNew.filterMethod(value, row, columnNew) : row[columnNew.prop] === value;
+      if (typeof columnNew.filterMethod === "function") {
+        return columnNew.filterMethod(value, row, columnNew);
+      } else {
+        return row[columnNew.prop] === value;
+      }
     },
     // 表格筛选字典
     handleFilters(column, flag) {
-      if (flag !== !0)
-        return;
-      const DIC = this.crud.DIC[column.prop] || [], list = [];
-      return isBlank(DIC) ? this.crud.cellForm.list.forEach((ele) => {
-        list.map((item) => item.text).includes(ele[column.prop]) || list.push({
-          text: ele[column.prop],
-          value: ele[column.prop]
+      if (flag !== true)
+        return void 0;
+      const DIC = this.crud.DIC[column.prop] || [];
+      const list = [];
+      if (!isBlank(DIC)) {
+        DIC.forEach((ele) => {
+          const props = column.props || this.crud.tableOption.props || {};
+          list.push({
+            text: ele[props.label || DIC_PROPS.label],
+            value: ele[props.value || DIC_PROPS.value]
+          });
         });
-      }) : DIC.forEach((ele) => {
-        const props = column.props || this.crud.tableOption.props || {};
-        list.push({
-          text: ele[props.label || DIC_PROPS.label],
-          value: ele[props.value || DIC_PROPS.value]
+      } else {
+        this.crud.cellForm.list.forEach((ele) => {
+          if (!list.map((item) => item.text).includes(ele[column.prop])) {
+            list.push({
+              text: ele[column.prop],
+              value: ele[column.prop]
+            });
+          }
         });
-      }), list;
+      }
+      return list;
     },
     getColumnProp(column, type) {
       const obj = this.crud.objectOption[column.prop] || {};
       if (type === "filterMethod")
         return obj == null ? void 0 : obj.filters;
       if (this.crud.isMobile && ["fixed"].includes(type))
-        return !1;
+        return false;
       const result = obj == null ? void 0 : obj[type];
-      if (!(type === "width" && result == 0))
-        return type === "filters" ? this.handleFilters(column, result) : type === "hide" ? (obj == null ? void 0 : obj.hide) !== !0 : result;
+      if (type === "width" && result == 0) {
+        return void 0;
+      }
+      if (type === "filters")
+        return this.handleFilters(column, result);
+      if (type === "hide")
+        return (obj == null ? void 0 : obj.hide) !== true;
+      else
+        return result;
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Column = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/column-default/index.js

@@ -1,52 +1,55 @@
-import { c as config } from "../../chunks/config.7dec2bf2.js";
-import { o as optVal } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { c as config } from "../../chunks/config.75161c38.js";
+import { o as optVal } from "../../chunks/util.b0d0b0ad.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", [_c("ElTableColumn", {
     attrs: {
-      width: "1px"
+      "width": "1px"
     }
   }), _vm.crud.tableOption.expand ? _c("ElTableColumn", {
     key: "expand",
     attrs: {
-      type: "expand",
-      width: _vm.crud.tableOption.expandWidth || _vm.config.expandWidth,
-      fixed: _vm.optVal(_vm.crud.tableOption.expandFixed, _vm.config.expandFixed),
-      align: "center"
+      "type": "expand",
+      "width": _vm.crud.tableOption.expandWidth || _vm.config.expandWidth,
+      "fixed": _vm.optVal(_vm.crud.tableOption.expandFixed, _vm.config.expandFixed),
+      "align": "center"
     },
     scopedSlots: _vm._u([{
       key: "default",
       fn: function(_ref) {
         var row = _ref.row;
         return [_vm._t("expand", null, {
-          row,
-          index: row.$index
+          "row": row,
+          "index": row.$index
         })];
       }
-    }], null, !0)
+    }], null, true)
   }) : _vm._e(), _vm.crud.tableOption.selection ? _c("ElTableColumn", {
     key: "selection",
     attrs: {
-      fixed: _vm.optVal(_vm.crud.tableOption.selectionFixed, _vm.config.selectionFixed),
-      type: "selection",
-      selectable: _vm.crud.tableOption.selectable,
+      "fixed": _vm.optVal(_vm.crud.tableOption.selectionFixed, _vm.config.selectionFixed),
+      "type": "selection",
+      "selectable": _vm.crud.tableOption.selectable,
       "reserve-selection": _vm.optVal(_vm.crud.tableOption.reserveSelection),
-      width: _vm.crud.tableOption.selectionWidth || _vm.config.selectionWidth,
-      align: "center"
+      "width": _vm.crud.tableOption.selectionWidth || _vm.config.selectionWidth,
+      "align": "center"
     }
   }) : _vm._e(), _vm.optVal(_vm.crud.tableOption.index) ? _c("ElTableColumn", {
     key: "index",
     attrs: {
-      fixed: _vm.optVal(_vm.crud.tableOption.indexFixed, _vm.config.indexFixed),
-      label: _vm.crud.tableOption.indexLabel || _vm.config.indexLabel,
-      type: "index",
-      width: _vm.crud.tableOption.indexWidth || _vm.config.indexWidth,
-      index: _vm.indexMethod,
-      align: "center"
+      "fixed": _vm.optVal(_vm.crud.tableOption.indexFixed, _vm.config.indexFixed),
+      "label": _vm.crud.tableOption.indexLabel || _vm.config.indexLabel,
+      "type": "index",
+      "width": _vm.crud.tableOption.indexWidth || _vm.config.indexWidth,
+      "index": _vm.indexMethod,
+      "align": "center"
     }
   }) : _vm._e()], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "ColumnDefault",
   inject: ["crud"],
@@ -64,39 +67,50 @@ const __vue2_script = {
       return index + 1 + ((this.crud.page.currentPage || 1) - 1) * (this.crud.page.pageSize || 10);
     },
     setSort() {
-      this.rowDrop(), this.columnDrop();
+      this.rowDrop();
+      this.columnDrop();
     },
     rowDrop() {
       const el = this.crud.$refs.table.$el.querySelectorAll(this.config.dropRowClass)[0];
       this.crud.tableDrop("row", el, (evt) => {
-        const oldIndex = evt.oldIndex, newIndex = evt.newIndex, targetRow = this.crud.list.splice(oldIndex, 1)[0];
-        this.crud.list.splice(newIndex, 0, targetRow), this.crud.$emit("sortable-change", oldIndex, newIndex), this.crud.refreshTable(() => this.rowDrop());
+        const oldIndex = evt.oldIndex;
+        const newIndex = evt.newIndex;
+        const targetRow = this.crud.list.splice(oldIndex, 1)[0];
+        this.crud.list.splice(newIndex, 0, targetRow);
+        this.crud.$emit("sortable-change", oldIndex, newIndex);
+        this.crud.refreshTable(() => this.rowDrop());
       });
     },
     columnDrop() {
       const el = this.crud.$refs.table.$el.querySelector(this.config.dropColClass);
       let noIndexCount = 0;
       ["selection", "index", "expand"].forEach((ele) => {
-        this.crud.tableOption[ele] && (noIndexCount += 1);
-      }), this.crud.tableDrop("column", el, (evt) => {
-        this.crud.headerSort(evt.oldIndex - noIndexCount, evt.newIndex - noIndexCount), this.columnDrop();
+        if (this.crud.tableOption[ele]) {
+          noIndexCount += 1;
+        }
+      });
+      this.crud.tableDrop("column", el, (evt) => {
+        this.crud.headerSort(evt.oldIndex - noIndexCount, evt.newIndex - noIndexCount);
+        this.columnDrop();
       });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const ColumnDefault = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1,24 +1,26 @@
-import { o as optVal } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { o as optVal } from "../../chunks/util.b0d0b0ad.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _vm.getColumnProp(_vm.columnOption, "hide") ? _c("ElTableColumn", {
     key: _vm.columnOption.prop,
     attrs: {
-      prop: _vm.columnOption.prop,
-      label: _vm.columnOption.label,
+      "prop": _vm.columnOption.prop,
+      "label": _vm.columnOption.label,
       "filter-placement": "bottom-end",
-      filters: _vm.getColumnProp(_vm.columnOption, "filters"),
+      "filters": _vm.getColumnProp(_vm.columnOption, "filters"),
       "filter-method": _vm.getColumnProp(_vm.columnOption, "filterMethod") ? _vm.handleFilterMethod : void 0,
-      "filter-multiple": _vm.optVal(_vm.columnOption.filterMultiple, !0),
+      "filter-multiple": _vm.optVal(_vm.columnOption.filterMultiple, true),
       "show-overflow-tooltip": _vm.columnOption.overHidden,
       "min-width": _vm.columnOption.minWidth,
-      sortable: _vm.getColumnProp(_vm.columnOption, "sortable"),
+      "sortable": _vm.getColumnProp(_vm.columnOption, "sortable"),
       "render-header": _vm.columnOption.renderHeader,
-      align: _vm.columnOption.align || _vm.crud.tableOption.align,
+      "align": _vm.columnOption.align || _vm.crud.tableOption.align,
       "header-align": _vm.columnOption.headerAlign || _vm.crud.tableOption.headerAlign,
-      width: _vm.getColumnProp(_vm.columnOption, "width"),
-      fixed: _vm.getColumnProp(_vm.columnOption, "fixed")
+      "width": _vm.getColumnProp(_vm.columnOption, "width"),
+      "fixed": _vm.getColumnProp(_vm.columnOption, "fixed")
     }
   }, [_vm._l(_vm.columnOption.children, function(column) {
     return [column.children && column.children.length > 0 ? _c("ColumnDynamic", {
@@ -33,11 +35,11 @@ var render = function() {
             return [_vm._t(item, null, null, scope)];
           }
         };
-      })], null, !0)
+      })], null, true)
     }) : _c("ColumnSlot", {
       key: column.prop,
       attrs: {
-        column,
+        "column": column,
         "column-option": _vm.columnOption.children
       },
       scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
@@ -47,10 +49,11 @@ var render = function() {
             return [_vm._t(item, null, null, scope)];
           }
         };
-      })], null, !0)
+      })], null, true)
     })];
   })], 2) : _vm._e();
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "ColumnDynamic",
   inject: ["dynamic", "crud"],
@@ -64,26 +67,30 @@ const __vue2_script = {
       "handleFilters"
     ];
     Object.keys(this.dynamic).forEach((ele) => {
-      list.includes(ele) && (this[ele] = this.dynamic[ele]);
+      if (list.includes(ele)) {
+        this[ele] = this.dynamic[ele];
+      }
     });
   },
   methods: {
     optVal
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const ColumnDynamic = /* @__PURE__ */ function() {
   return __component__.exports;