@web-utils/component 2.7.20 → 2.7.21

package/dist/components/color-picker/index.js

@@ -1,39 +1,39 @@
-import s from "element-ui/packages/color-picker/src/color";
-import l from "element-ui/src/utils/clickoutside";
-import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("ElColorPickerDropdown", {
+import Color from "element-ui/packages/color-picker/src/color";
+import Clickoutside from "element-ui/src/utils/clickoutside";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("ElColorPickerDropdown", {
     directives: [{
       name: "clickoutside",
       rawName: "v-clickoutside",
-      value: e.onClickOutside,
+      value: _vm.onClickOutside,
       expression: "onClickOutside"
     }],
     ref: "dropdown",
-    class: ["el-color-picker__panel", e.popperClass || ""],
+    class: ["el-color-picker__panel", _vm.popperClass || ""],
     attrs: {
-      offset: e.offset,
-      "append-to-body": e.appendToBody,
-      color: e.color,
-      predefine: e.predefine
+      offset: _vm.offset,
+      "append-to-body": _vm.appendToBody,
+      color: _vm.color,
+      predefine: _vm.predefine
     },
     on: {
-      pick: e.confirmValue,
-      clear: e.clearValue
+      pick: _vm.confirmValue,
+      clear: _vm.clearValue
     },
     model: {
-      value: e.showPicker,
-      callback: function(r) {
-        e.showPicker = r;
+      value: _vm.showPicker,
+      callback: function($$v) {
+        _vm.showPicker = $$v;
       },
       expression: "showPicker"
     }
   });
-}, a = [];
-const d = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ColorPicker",
-  directives: { Clickoutside: l },
+  directives: { Clickoutside },
   props: {
     popperClass: String,
     predefine: Array,
@@ -52,21 +52,21 @@ const d = {
   },
   data() {
     return {
-      color: new s({ enableAlpha: !1 }),
+      color: new Color({ enableAlpha: !1 }),
       showPicker: !1
     };
   },
   watch: {
     value: {
       immediate: !0,
-      handler(e) {
-        e && e !== this.color.value && this.color.fromString(e);
+      handler(val) {
+        val && val !== this.color.value && this.color.fromString(val);
       }
     },
     visible: {
       immediate: !0,
-      async handler(e) {
-        e ? (await this.$nextTick(), this.$refs.dropdown.referenceElm = this.anchor) : this.$refs.dropdown && this.$refs.dropdown.doDestroy(!0), this.showPicker = e;
+      async handler(newVal) {
+        newVal ? (await this.$nextTick(), this.$refs.dropdown.referenceElm = this.anchor) : this.$refs.dropdown && this.$refs.dropdown.doDestroy(!0), this.showPicker = newVal;
       }
     }
   },
@@ -77,8 +77,8 @@ const d = {
     clearValue() {
       this.$emit("clear"), this.hide();
     },
-    emitInput(e) {
-      this.$emit("input", e.value);
+    emitInput(color) {
+      this.$emit("input", color.value);
     },
     onClickOutside() {
       this.hideOnClickOutside && this.hide();
@@ -87,24 +87,24 @@ const d = {
       this.$emit("update:visible", !1);
     }
   }
-}, o = {};
-var u = /* @__PURE__ */ n(
-  d,
-  c,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  p,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function p(e) {
-  for (let i in o)
-    this[i] = o[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const k = /* @__PURE__ */ function() {
-  return u.exports;
+const ColorPicker = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  k as default
+  ColorPicker as default
 };

package/dist/components/column/index.js

@@ -1,40 +1,40 @@
-import { B as s, k as l } from "../../chunks/util.23fe58fb.js";
-import { isBlank as p } from "@web-utils/core";
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var d = function() {
-  var t = this, n = t.$createElement, e = t._self._c || n;
-  return e("div", [t._t("header"), t._l(t.list, function(r) {
-    return [r.children && r.children.length > 0 ? e("ColumnDynamic", {
-      key: r.pop,
+import { a as arraySort, D as DIC_PROPS } from "../../chunks/util.89913643.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _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,
       attrs: {
-        "column-option": r
+        "column-option": column
       },
-      scopedSlots: t._u([t._l(t.crud.mainSlot, function(o) {
+      scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
         return {
-          key: o,
-          fn: function(i) {
-            return [t._t(o, null, null, i)];
+          key: item,
+          fn: function(scope) {
+            return [_vm._t(item, null, null, scope)];
           }
         };
       })], null, !0)
-    }) : e("ColumnSlot", {
-      key: r.prop,
+    }) : _c("ColumnSlot", {
+      key: column.prop,
       attrs: {
-        column: r,
-        "column-option": t.columnOption
+        column,
+        "column-option": _vm.columnOption
       },
-      scopedSlots: t._u([t._l(t.crud.mainSlot, function(o) {
+      scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
         return {
-          key: o,
-          fn: function(i) {
-            return [t._t(o, null, null, i)];
+          key: item,
+          fn: function(scope) {
+            return [_vm._t(item, null, null, scope)];
           }
         };
       })], null, !0)
     })];
-  }), t._t("footer")], 2);
-}, f = [];
-const a = {
+  }), _vm._t("footer")], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Column",
   inject: ["crud"],
   provide() {
@@ -48,68 +48,68 @@ const a = {
   },
   computed: {
     list() {
-      let t = [...this.columnOption];
-      return t = s(t, "index", (n, e) => {
-        var r, o;
-        return ((r = this.crud.objectOption[n.prop]) == null ? void 0 : r.index) - ((o = this.crud.objectOption[e.prop]) == null ? void 0 : o.index);
-      }), t;
+      let result = [...this.columnOption];
+      return 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;
     }
   },
   methods: {
     // 表格筛选逻辑
-    handleFilterMethod(t, n, e) {
-      const r = this.columnOption.filter(
-        (o) => o.prop === e.property
+    handleFilterMethod(value, row, column) {
+      const columnNew = this.columnOption.filter(
+        (ele) => ele.prop === column.property
       )[0];
-      return typeof r.filterMethod == "function" ? r.filterMethod(t, n, r) : n[r.prop] === t;
+      return typeof columnNew.filterMethod == "function" ? columnNew.filterMethod(value, row, columnNew) : row[columnNew.prop] === value;
     },
     // 表格筛选字典
-    handleFilters(t, n) {
-      if (n !== !0)
+    handleFilters(column, flag) {
+      if (flag !== !0)
         return;
-      const e = this.crud.DIC[t.prop] || [], r = [];
-      return p(e) ? this.crud.cellForm.list.forEach((o) => {
-        r.map((i) => i.text).includes(o[t.prop]) || r.push({
-          text: o[t.prop],
-          value: o[t.prop]
+      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]
         });
-      }) : e.forEach((o) => {
-        const i = t.props || this.crud.tableOption.props || {};
-        r.push({
-          text: o[i.label || l.label],
-          value: o[i.value || l.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]
         });
-      }), r;
+      }), list;
     },
-    getColumnProp(t, n) {
-      const e = this.crud.objectOption[t.prop] || {};
-      if (n === "filterMethod")
-        return e == null ? void 0 : e.filters;
-      if (this.crud.isMobile && ["fixed"].includes(n))
+    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;
-      const r = e == null ? void 0 : e[n];
-      if (!(n === "width" && r == 0))
-        return n === "filters" ? this.handleFilters(t, r) : n === "hide" ? (e == null ? void 0 : e.hide) !== !0 : r;
+      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;
     }
   }
-}, u = {};
-var h = /* @__PURE__ */ c(
-  a,
-  d,
-  f,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let n in u)
-    this[n] = u[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const C = /* @__PURE__ */ function() {
-  return h.exports;
+const Column = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  C as default
+  Column as default
 };

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

@@ -1,106 +1,106 @@
-import { c as r } from "../../chunks/config.46422d7f.js";
-import { o as d } from "../../chunks/util.23fe58fb.js";
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var e = this, n = e.$createElement, t = e._self._c || n;
-  return t("div", [t("ElTableColumn", {
+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.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", [_c("ElTableColumn", {
     attrs: {
       width: "1px"
     }
-  }), e.crud.tableOption.expand ? t("ElTableColumn", {
+  }), _vm.crud.tableOption.expand ? _c("ElTableColumn", {
     key: "expand",
     attrs: {
       type: "expand",
-      width: e.crud.tableOption.expandWidth || e.config.expandWidth,
-      fixed: e.optVal(e.crud.tableOption.expandFixed, e.config.expandFixed),
+      width: _vm.crud.tableOption.expandWidth || _vm.config.expandWidth,
+      fixed: _vm.optVal(_vm.crud.tableOption.expandFixed, _vm.config.expandFixed),
       align: "center"
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(o) {
-        var i = o.row;
-        return [e._t("expand", null, {
-          row: i,
-          index: i.$index
+      fn: function(_ref) {
+        var row = _ref.row;
+        return [_vm._t("expand", null, {
+          row,
+          index: row.$index
         })];
       }
     }], null, !0)
-  }) : e._e(), e.crud.tableOption.selection ? t("ElTableColumn", {
+  }) : _vm._e(), _vm.crud.tableOption.selection ? _c("ElTableColumn", {
     key: "selection",
     attrs: {
-      fixed: e.optVal(e.crud.tableOption.selectionFixed, e.config.selectionFixed),
+      fixed: _vm.optVal(_vm.crud.tableOption.selectionFixed, _vm.config.selectionFixed),
       type: "selection",
-      selectable: e.crud.tableOption.selectable,
-      "reserve-selection": e.optVal(e.crud.tableOption.reserveSelection),
-      width: e.crud.tableOption.selectionWidth || e.config.selectionWidth,
+      selectable: _vm.crud.tableOption.selectable,
+      "reserve-selection": _vm.optVal(_vm.crud.tableOption.reserveSelection),
+      width: _vm.crud.tableOption.selectionWidth || _vm.config.selectionWidth,
       align: "center"
     }
-  }) : e._e(), e.optVal(e.crud.tableOption.index) ? t("ElTableColumn", {
+  }) : _vm._e(), _vm.optVal(_vm.crud.tableOption.index) ? _c("ElTableColumn", {
     key: "index",
     attrs: {
-      fixed: e.optVal(e.crud.tableOption.indexFixed, e.config.indexFixed),
-      label: e.crud.tableOption.indexLabel || e.config.indexLabel,
+      fixed: _vm.optVal(_vm.crud.tableOption.indexFixed, _vm.config.indexFixed),
+      label: _vm.crud.tableOption.indexLabel || _vm.config.indexLabel,
       type: "index",
-      width: e.crud.tableOption.indexWidth || e.config.indexWidth,
-      index: e.indexMethod,
+      width: _vm.crud.tableOption.indexWidth || _vm.config.indexWidth,
+      index: _vm.indexMethod,
       align: "center"
     }
-  }) : e._e()], 1);
-}, s = [];
-const u = {
+  }) : _vm._e()], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ColumnDefault",
   inject: ["crud"],
   data() {
     return {
-      config: r
+      config
     };
   },
   mounted() {
     this.setSort();
   },
   methods: {
-    optVal: d,
-    indexMethod(e) {
-      return e + 1 + ((this.crud.page.currentPage || 1) - 1) * (this.crud.page.pageSize || 10);
+    optVal,
+    indexMethod(index) {
+      return index + 1 + ((this.crud.page.currentPage || 1) - 1) * (this.crud.page.pageSize || 10);
     },
     setSort() {
       this.rowDrop(), this.columnDrop();
     },
     rowDrop() {
-      const e = this.crud.$refs.table.$el.querySelectorAll(this.config.dropRowClass)[0];
-      this.crud.tableDrop("row", e, (n) => {
-        const t = n.oldIndex, o = n.newIndex, i = this.crud.list.splice(t, 1)[0];
-        this.crud.list.splice(o, 0, i), this.crud.$emit("sortable-change", t, o), this.crud.refreshTable(() => this.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());
       });
     },
     columnDrop() {
-      const e = this.crud.$refs.table.$el.querySelector(this.config.dropColClass);
-      let n = 0;
-      ["selection", "index", "expand"].forEach((t) => {
-        this.crud.tableOption[t] && (n += 1);
-      }), this.crud.tableDrop("column", e, (t) => {
-        this.crud.headerSort(t.oldIndex - n, t.newIndex - n), this.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();
       });
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ c(
-  u,
-  a,
-  s,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  x,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function x(e) {
-  for (let n in l)
-    this[n] = l[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const ColumnDefault = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  ColumnDefault as default
 };

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

@@ -1,93 +1,93 @@
-import { o as u } from "../../chunks/util.23fe58fb.js";
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var p = function() {
-  var n = this, t = n.$createElement, l = n._self._c || t;
-  return n.getColumnProp(n.columnOption, "hide") ? l("ElTableColumn", {
-    key: n.columnOption.prop,
+import { o as optVal } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.getColumnProp(_vm.columnOption, "hide") ? _c("ElTableColumn", {
+    key: _vm.columnOption.prop,
     attrs: {
-      prop: n.columnOption.prop,
-      label: n.columnOption.label,
+      prop: _vm.columnOption.prop,
+      label: _vm.columnOption.label,
       "filter-placement": "bottom-end",
-      filters: n.getColumnProp(n.columnOption, "filters"),
-      "filter-method": n.getColumnProp(n.columnOption, "filterMethod") ? n.handleFilterMethod : void 0,
-      "filter-multiple": n.optVal(n.columnOption.filterMultiple, !0),
-      "show-overflow-tooltip": n.columnOption.overHidden,
-      "min-width": n.columnOption.minWidth,
-      sortable: n.getColumnProp(n.columnOption, "sortable"),
-      "render-header": n.columnOption.renderHeader,
-      align: n.columnOption.align || n.crud.tableOption.align,
-      "header-align": n.columnOption.headerAlign || n.crud.tableOption.headerAlign,
-      width: n.getColumnProp(n.columnOption, "width"),
-      fixed: n.getColumnProp(n.columnOption, "fixed")
+      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),
+      "show-overflow-tooltip": _vm.columnOption.overHidden,
+      "min-width": _vm.columnOption.minWidth,
+      sortable: _vm.getColumnProp(_vm.columnOption, "sortable"),
+      "render-header": _vm.columnOption.renderHeader,
+      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")
     }
-  }, [n._l(n.columnOption.children, function(o) {
-    return [o.children && o.children.length > 0 ? l("ColumnDynamic", {
-      key: o.prop,
+  }, [_vm._l(_vm.columnOption.children, function(column) {
+    return [column.children && column.children.length > 0 ? _c("ColumnDynamic", {
+      key: column.prop,
       attrs: {
-        "column-option": o
+        "column-option": column
       },
-      scopedSlots: n._u([n._l(n.crud.mainSlot, function(e) {
+      scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
         return {
-          key: e,
-          fn: function(i) {
-            return [n._t(e, null, null, i)];
+          key: item,
+          fn: function(scope) {
+            return [_vm._t(item, null, null, scope)];
           }
         };
       })], null, !0)
-    }) : l("ColumnSlot", {
-      key: o.prop,
+    }) : _c("ColumnSlot", {
+      key: column.prop,
       attrs: {
-        column: o,
-        "column-option": n.columnOption.children
+        column,
+        "column-option": _vm.columnOption.children
       },
-      scopedSlots: n._u([n._l(n.crud.mainSlot, function(e) {
+      scopedSlots: _vm._u([_vm._l(_vm.crud.mainSlot, function(item) {
         return {
-          key: e,
-          fn: function(i) {
-            return [n._t(e, null, null, i)];
+          key: item,
+          fn: function(scope) {
+            return [_vm._t(item, null, null, scope)];
           }
         };
       })], null, !0)
     })];
-  })], 2) : n._e();
-}, m = [];
-const a = {
+  })], 2) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ColumnDynamic",
   inject: ["dynamic", "crud"],
   props: {
     columnOption: Object
   },
   created() {
-    const n = [
+    const list = [
       "getColumnProp",
       "handleFilterMethod",
       "handleFilters"
     ];
-    Object.keys(this.dynamic).forEach((t) => {
-      n.includes(t) && (this[t] = this.dynamic[t]);
+    Object.keys(this.dynamic).forEach((ele) => {
+      list.includes(ele) && (this[ele] = this.dynamic[ele]);
     });
   },
   methods: {
-    optVal: u
+    optVal
   }
-}, r = {};
-var d = /* @__PURE__ */ c(
-  a,
-  p,
-  m,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  s,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function s(n) {
-  for (let t in r)
-    this[t] = r[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return d.exports;
+const ColumnDynamic = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  ColumnDynamic as default
 };