@web-utils/component 2.0.13 → 2.7.0

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

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

package/dist/components/column/index.js

@@ -0,0 +1,114 @@
+import { B as s, c as p, a as l } from "../../chunks/util.5053d54e.js";
+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,
+      attrs: {
+        "column-option": r
+      },
+      scopedSlots: t._u([t._l(t.crud.mainSlot, function(i) {
+        return {
+          key: i,
+          fn: function(o) {
+            return [t._t(i, null, null, o)];
+          }
+        };
+      })], null, !0)
+    }) : e("ColumnSlot", {
+      key: r.prop,
+      attrs: {
+        column: r,
+        "column-option": t.columnOption
+      },
+      scopedSlots: t._u([t._l(t.crud.mainSlot, function(i) {
+        return {
+          key: i,
+          fn: function(o) {
+            return [t._t(i, null, null, o)];
+          }
+        };
+      })], null, !0)
+    })];
+  }), t._t("footer")], 2);
+}, a = [];
+const f = {
+  name: "Column",
+  inject: ["crud"],
+  provide() {
+    return {
+      crud: this.crud,
+      dynamic: this
+    };
+  },
+  props: {
+    columnOption: Array
+  },
+  computed: {
+    list() {
+      let t = [...this.columnOption];
+      return t = s(t, "index", (n, e) => {
+        var r, i;
+        return ((r = this.crud.objectOption[n.prop]) == null ? void 0 : r.index) - ((i = this.crud.objectOption[e.prop]) == null ? void 0 : i.index);
+      }), t;
+    }
+  },
+  methods: {
+    //表格筛选逻辑
+    handleFilterMethod(t, n, e) {
+      const r = this.columnOption.filter(
+        (i) => i.prop === e.property
+      )[0];
+      return typeof r.filterMethod == "function" ? r.filterMethod(t, n, r) : n[r.prop] === t;
+    },
+    //表格筛选字典
+    handleFilters(t, n) {
+      if (n !== !0)
+        return;
+      let e = this.crud.DIC[t.prop] || [], r = [];
+      return p(e) ? this.crud.cellForm.list.forEach((i) => {
+        r.map((o) => o.text).includes(i[t.prop]) || r.push({
+          text: i[t.prop],
+          value: i[t.prop]
+        });
+      }) : e.forEach((i) => {
+        const o = t.props || this.crud.tableOption.props || {};
+        r.push({
+          text: i[o.label || l.label],
+          value: i[o.value || l.value]
+        });
+      }), r;
+    },
+    getColumnProp(t, n) {
+      let e = this.crud.objectOption[t.prop] || {};
+      if (n === "filterMethod")
+        return e == null ? void 0 : e.filters;
+      if (this.crud.isMobile && ["fixed"].includes(n))
+        return !1;
+      let 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;
+    }
+  }
+}, u = {};
+var h = /* @__PURE__ */ c(
+  f,
+  d,
+  a,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let n in u)
+    this[n] = u[n];
+}
+const x = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  x as default
+};

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

@@ -0,0 +1,105 @@
+import { c as r } from "../../chunks/config.46422d7f.js";
+import { o as d } from "../../chunks/util.5053d54e.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", {
+    attrs: {
+      width: "1px"
+    }
+  }), e.crud.tableOption.expand ? t("ElTableColumn", {
+    key: "expand",
+    attrs: {
+      type: "expand",
+      width: e.crud.tableOption.expandWidth || e.config.expandWidth,
+      fixed: e.optVal(e.crud.tableOption.expandFixed, e.config.expandFixed),
+      align: "center"
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(o) {
+        var i = o.row;
+        return [e._t("expand", null, {
+          row: i,
+          index: i.$index
+        })];
+      }
+    }], null, !0)
+  }) : e._e(), e.crud.tableOption.selection ? t("ElTableColumn", {
+    key: "selection",
+    attrs: {
+      fixed: e.optVal(e.crud.tableOption.selectionFixed, e.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,
+      align: "center"
+    }
+  }) : e._e(), e.optVal(e.crud.tableOption.index) ? t("ElTableColumn", {
+    key: "index",
+    attrs: {
+      fixed: e.optVal(e.crud.tableOption.indexFixed, e.config.indexFixed),
+      label: e.crud.tableOption.indexLabel || e.config.indexLabel,
+      type: "index",
+      width: e.crud.tableOption.indexWidth || e.config.indexWidth,
+      index: e.indexMethod,
+      align: "center"
+    }
+  }) : e._e()], 1);
+}, s = [];
+const u = {
+  name: "ColumnDefault",
+  inject: ["crud"],
+  data() {
+    return {
+      config: r
+    };
+  },
+  mounted() {
+    this.setSort();
+  },
+  methods: {
+    optVal: d,
+    indexMethod(e) {
+      return e + 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());
+      });
+    },
+    columnDrop() {
+      let e = this.crud.$refs.table.$el.querySelector(this.config.dropColClass), 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();
+      });
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ c(
+  u,
+  a,
+  s,
+  !1,
+  x,
+  null,
+  null,
+  null
+);
+function x(e) {
+  for (let n in l)
+    this[n] = l[n];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

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

@@ -0,0 +1,93 @@
+import { o as u } from "../../chunks/util.5053d54e.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,
+    attrs: {
+      prop: n.columnOption.prop,
+      label: n.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")
+    }
+  }, [n._l(n.columnOption.children, function(o) {
+    return [o.children && o.children.length > 0 ? l("ColumnDynamic", {
+      key: o.prop,
+      attrs: {
+        "column-option": o
+      },
+      scopedSlots: n._u([n._l(n.crud.mainSlot, function(e) {
+        return {
+          key: e,
+          fn: function(i) {
+            return [n._t(e, null, null, i)];
+          }
+        };
+      })], null, !0)
+    }) : l("ColumnSlot", {
+      key: o.prop,
+      attrs: {
+        column: o,
+        "column-option": n.columnOption.children
+      },
+      scopedSlots: n._u([n._l(n.crud.mainSlot, function(e) {
+        return {
+          key: e,
+          fn: function(i) {
+            return [n._t(e, null, null, i)];
+          }
+        };
+      })], null, !0)
+    })];
+  })], 2) : n._e();
+}, m = [];
+const a = {
+  name: "ColumnDynamic",
+  inject: ["dynamic", "crud"],
+  props: {
+    columnOption: Object
+  },
+  created() {
+    const n = [
+      "getColumnProp",
+      "handleFilterMethod",
+      "handleFilters"
+    ];
+    Object.keys(this.dynamic).forEach((t) => {
+      n.includes(t) && (this[t] = this.dynamic[t]);
+    });
+  },
+  methods: {
+    optVal: u
+  }
+}, r = {};
+var d = /* @__PURE__ */ c(
+  a,
+  p,
+  m,
+  !1,
+  s,
+  null,
+  null,
+  null
+);
+function s(n) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const _ = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  _ as default
+};