@web-utils/component 2.0.13 → 2.7.0

package/dist/components/guide-steps/index.js

@@ -1,36 +1,32 @@
-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("ElSteps", {
+import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var n = function() {
+  var t = this, e = t.$createElement, a = t._self._c || e;
+  return a("ElSteps", {
     staticClass: "guide-steps",
     attrs: {
       "align-center": ""
     }
-  }, _vm._l(_vm.steps, function(item, index) {
-    return _c("ElStep", {
-      key: item.label,
+  }, t._l(t.steps, function(r, s) {
+    return a("ElStep", {
+      key: r.label,
       class: [{
-        "current important": _vm.value === index,
-        disabled: !_vm.available(index),
-        available: !_vm.ready[index] && _vm.available(index)
+        "current important": t.value === s,
+        disabled: !t.available(s),
+        available: !t.ready[s] && t.available(s)
       }],
       attrs: {
-        "status": _vm.ready[index] ? "success" : "",
-        "title": item.label
+        status: t.ready[s] ? "success" : "",
+        title: r.label
       },
       nativeOn: {
-        "click": function($event) {
-          return _vm.activeStep(index);
+        click: function(_) {
+          return t.activeStep(s);
         }
       }
     });
   }), 1);
-};
-var staticRenderFns = [];
-const GuideSteps_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, u = [];
+const c = {
   name: "GuideSteps",
   props: {
     value: {
@@ -49,60 +45,50 @@ const __vue2_script = {
   },
   watch: {
     steps: {
-      immediate: true,
-      deep: true,
-      handler(newVal) {
-        this.ready = (newVal == null ? void 0 : newVal.length) ? newVal.map(() => false) : [];
+      immediate: !0,
+      deep: !0,
+      handler(t) {
+        this.ready = t != null && t.length ? t.map(() => !1) : [];
       }
     }
   },
   methods: {
-    activeStep(index) {
-      if (index !== 0) {
-        if (!this.available(index)) {
-          return;
-        }
-      }
-      this.$emit("input", index);
+    activeStep(t) {
+      t !== 0 && !this.available(t) || this.$emit("input", t);
     },
-    setReady(index, val) {
-      if (index < this.ready.length) {
-        this.$set(this.ready, index, val);
-      }
+    setReady(t, e) {
+      t < this.ready.length && this.$set(this.ready, t, e);
     },
-    available(index) {
-      let ready = true;
-      if (index > 0 && index < this.ready.length) {
-        for (let i = 0; i < index; i++) {
-          if (!this.ready[i]) {
-            ready = false;
+    available(t) {
+      let e = !0;
+      if (t > 0 && t < this.ready.length) {
+        for (let a = 0; a < t; a++)
+          if (!this.ready[a]) {
+            e = !1;
             break;
           }
-        }
       }
-      return ready;
+      return e;
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, l = {};
+var o = /* @__PURE__ */ i(
+  c,
+  n,
+  u,
+  !1,
+  p,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function p(t) {
+  for (let e in l)
+    this[e] = l[e];
 }
-const GuideSteps = /* @__PURE__ */ function() {
-  return __component__.exports;
+const f = /* @__PURE__ */ function() {
+  return o.exports;
 }();
 export {
-  GuideSteps as default
+  f as default
 };

package/dist/components/guide-steps/style.css

@@ -1,34 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.guide-steps {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-.guide-steps .el-step .el-step__line-inner {
-  width: 100% !important;
-  border-width: 1px !important;
-}
-.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text {
-  color: #f55634 !important;
-  border-color: #f55634 !important;
-}
-.guide-steps .el-step.current.important .el-step__title {
-  color: #f55634 !important;
-}
-.guide-steps .el-step.available .el-step__head .el-step__icon.is-text {
-  color: #eab006 !important;
-  border-color: #eab006 !important;
-}
-.guide-steps .el-step.available .el-step__title {
-  color: #eab006 !important;
-}
-.guide-steps .el-step .el-step__icon.is-text {
-  cursor: pointer;
-}
-.guide-steps .el-step.disabled .el-step__icon.is-text {
-  cursor: not-allowed;
-}
+.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{width:100%!important;border-width:1px!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}

package/dist/components/header-menu/index.js

@@ -0,0 +1,238 @@
+import { p as s } from "../../chunks/permission.ce5d2121.js";
+import { c } from "../../chunks/config.46422d7f.js";
+import { o } from "../../chunks/util.5053d54e.js";
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var d = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticClass: "avue-crud__menu"
+  }, [e.optVal(e.crud.tableOption.menuLeft, !0) ? t("div", {
+    staticClass: "avue-crud__left"
+  }, [e.optVal(e.crud.tableOption.addBtn, e.config.addBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("addBtn"),
+      expression: "crud.getPermission('addBtn')"
+    }],
+    attrs: {
+      type: "primary",
+      icon: e.crud.getBtnIcon("addBtn"),
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.crud.rowAdd
+    }
+  }, [e.crud.isIconMenu ? e._e() : [e._v(" " + e._s(e.crud.menuIcon("addBtn")) + " ")]], 2) : e._e(), e.optVal(e.crud.tableOption.addRowBtn, e.config.addRowBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("addRowBtn"),
+      expression: "crud.getPermission('addRowBtn')"
+    }],
+    attrs: {
+      type: "primary",
+      icon: e.crud.getBtnIcon("addBtn"),
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.crud.rowCellAdd
+    }
+  }, [e.crud.isIconMenu ? e._e() : [e._v(" " + e._s(e.crud.menuIcon("addBtn")) + " ")]], 2) : e._e(), e._t("menuLeft", null, {
+    size: e.crud.isMediumSize
+  })], 2) : e._e(), e.optVal(e.crud.tableOption.menuRight, !0) ? t("div", {
+    staticClass: "avue-crud__right"
+  }, [e.optVal(e.crud.tableOption.dateBtn, e.config.dateBtn) ? t("FyDate", {
+    staticStyle: {
+      display: "inline-block",
+      "margin-right": "20px"
+    },
+    attrs: {
+      type: "datetimerange",
+      "value-format": "yyyy-MM-dd HH:mm:ss",
+      format: "yyyy-MM-dd HH:mm:ss",
+      "picker-options": e.pickerOptions,
+      size: e.crud.isMediumSize
+    },
+    on: {
+      change: e.dateChange
+    }
+  }) : e._e(), e._t("menuRight", null, {
+    size: e.crud.isMediumSize
+  }), e.optVal(e.crud.tableOption.excelBtn, e.config.excelBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("excelBtn"),
+      expression: "crud.getPermission('excelBtn')"
+    }],
+    attrs: {
+      icon: e.crud.getBtnIcon("excelBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.rowExcel
+    }
+  }) : e._e(), e.optVal(e.crud.tableOption.printBtn, e.config.printBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("printBtn"),
+      expression: "crud.getPermission('printBtn')"
+    }],
+    attrs: {
+      icon: e.crud.getBtnIcon("printBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.rowPrint
+    }
+  }) : e._e(), e.optVal(e.crud.tableOption.refreshBtn, e.config.refreshBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("refreshBtn"),
+      expression: "crud.getPermission('refreshBtn')"
+    }],
+    attrs: {
+      icon: e.crud.getBtnIcon("refreshBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.crud.refreshChange
+    }
+  }) : e._e(), e.optVal(e.crud.tableOption.columnBtn, e.config.columnBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("columnBtn"),
+      expression: "crud.getPermission('columnBtn')"
+    }],
+    attrs: {
+      icon: e.crud.getBtnIcon("columnBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: function(n) {
+        return e.crud.$refs.dialogColumn.handleShow();
+      }
+    }
+  }) : e._e(), (e.crud.$refs.headerSearch || {}).searchFlag && e.optVal(e.crud.tableOption.searchShowBtn, !0) ? t("ElButton", {
+    attrs: {
+      icon: e.crud.getBtnIcon("searchBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: function(n) {
+        return e.crud.$refs.headerSearch.handleSearchShow();
+      }
+    }
+  }) : e._e(), e.optVal(e.crud.tableOption.filterBtn, e.config.filterBtn) ? t("ElButton", {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: e.crud.getPermission("filterBtn"),
+      expression: "crud.getPermission('filterBtn')"
+    }],
+    attrs: {
+      icon: e.crud.getBtnIcon("filterBtn"),
+      circle: "",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: function(n) {
+        return e.crud.$refs.dialogFilter.handleShow();
+      }
+    }
+  }) : e._e()], 2) : e._e()]);
+}, u = [];
+const l = {
+  name: "HeaderMenu",
+  directives: {
+    permission: s
+  },
+  inject: ["crud"],
+  data() {
+    return {
+      dateCreate: !1,
+      pickerOptions: {
+        shortcuts: [{
+          text: "今日",
+          onClick(e) {
+            const i = new Date(), t = new Date();
+            t.setTime(t.getTime()), e.$emit("pick", [t, i]);
+          }
+        }, {
+          text: "昨日",
+          onClick(e) {
+            const i = new Date(), t = new Date();
+            t.setTime(t.getTime() - 3600 * 1e3 * 24 * 1), e.$emit("pick", [t, i]);
+          }
+        }, {
+          text: "最近一周",
+          onClick(e) {
+            const i = new Date(), t = new Date();
+            t.setTime(t.getTime() - 3600 * 1e3 * 24 * 7), e.$emit("pick", [t, i]);
+          }
+        }, {
+          text: "最近一个月",
+          onClick(e) {
+            const i = new Date(), t = new Date();
+            t.setTime(t.getTime() - 3600 * 1e3 * 24 * 30), e.$emit("pick", [t, i]);
+          }
+        }, {
+          text: "最近三个月",
+          onClick(e) {
+            const i = new Date(), t = new Date();
+            t.setTime(t.getTime() - 3600 * 1e3 * 24 * 90), e.$emit("pick", [t, i]);
+          }
+        }]
+      },
+      config: c
+    };
+  },
+  created() {
+    this.initFun();
+  },
+  methods: {
+    optVal: o,
+    //日期组件回调
+    dateChange(e) {
+      this.dateCreate ? this.crud.$emit("date-change", e) : this.dateCreate = !0;
+    },
+    initFun() {
+      this.crud.rowExcel = this.rowExcel, this.crud.rowPrint = this.rowPrint;
+    },
+    rowExcel() {
+      this.crud.$refs.dialogExcel.handleShow();
+    },
+    rowPrint() {
+      this.$Print(this.crud.$refs.table);
+    }
+  }
+}, r = {};
+var m = /* @__PURE__ */ a(
+  l,
+  d,
+  u,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let i in r)
+    this[i] = r[i];
+}
+const v = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  v as default
+};

package/dist/components/header-search/index.js

@@ -0,0 +1,246 @@
+import { s as S } from "../../chunks/slot.1b8d2b1b.js";
+import { c as h } from "../../chunks/config.46422d7f.js";
+import { d as w } from "../../chunks/dataformat.fb35ee10.js";
+import { o, n as g, k as m } from "../../chunks/util.5053d54e.js";
+import { n as F } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var _ = function() {
+  var e = this, a = e.$createElement, c = e._self._c || a;
+  return e.searchFlag ? c("ElCard", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.searchShow && e.searchFlag,
+      expression: "searchShow && searchFlag"
+    }],
+    staticClass: "avue-crud__search",
+    attrs: {
+      shadow: e.crud.isCard
+    }
+  }, [e._t("search", null, {
+    row: e.searchForm,
+    search: e.searchForm,
+    size: e.crud.controlSize
+  }), c("FyForm", {
+    ref: "form",
+    attrs: {
+      option: e.option
+    },
+    on: {
+      submit: e.searchChange,
+      "reset-change": e.resetChange
+    },
+    scopedSlots: e._u([{
+      key: "menuForm",
+      fn: function(t) {
+        return [e._t("searchMenu", null, null, Object.assign(t, {
+          search: e.searchForm,
+          row: e.searchForm
+        })), e.isSearchIcon ? [e.show === !1 ? c("ElButton", {
+          attrs: {
+            type: "text",
+            icon: "el-icon-arrow-down"
+          },
+          on: {
+            click: function(s) {
+              e.show = !0;
+            }
+          }
+        }, [e._v(" 展 开 ")]) : e._e(), e.show === !0 ? c("ElButton", {
+          attrs: {
+            type: "text",
+            icon: "el-icon-arrow-up"
+          },
+          on: {
+            click: function(s) {
+              e.show = !1;
+            }
+          }
+        }, [e._v(" 收 缩 ")]) : e._e()] : e._e()];
+      }
+    }, e._l(e.crud.searchSlot, function(t) {
+      return {
+        key: e.getSlotName(t),
+        fn: function(s) {
+          return [e._t(t, null, null, Object.assign(s, {
+            search: e.searchForm,
+            row: e.searchForm
+          }))];
+        }
+      };
+    })], null, !0),
+    model: {
+      value: e.searchForm,
+      callback: function(t) {
+        e.searchForm = t;
+      },
+      expression: "searchForm"
+    }
+  })], 2) : e._e();
+}, b = [];
+const y = {
+  name: "HeaderSearch",
+  mixins: [S],
+  inject: ["crud"],
+  props: {
+    search: Object
+  },
+  data() {
+    return {
+      show: !1,
+      searchIndex: 2,
+      searchShow: !0
+    };
+  },
+  computed: {
+    searchForm: {
+      get() {
+        return this.crud.search;
+      },
+      set(e) {
+        this.crud.$emit("update:search", e);
+      }
+    },
+    option() {
+      const e = this.crud.option;
+      this.searchIndex = e.searchIndex || 2;
+      const a = (t = []) => {
+        t = m(t);
+        let s = [], u = 0;
+        return t = t.sort((r, l) => (l.searchOrder || 0) - (r.searchOrder || 0)), t.forEach((r) => {
+          if (r.search) {
+            let l = u < this.searchIndex, d = {};
+            Object.keys(r).forEach((i) => {
+              let p = "search";
+              if (i != "searchProp" && i.includes(p)) {
+                let n = i.replace(p, "");
+                if (n.length == 0)
+                  return;
+                n = n.replace(n[0], n[0].toLowerCase()), d[n] = r[i];
+              }
+            }), r = Object.assign(r, d, {
+              type: w(r),
+              detail: !1,
+              dicFlag: r.cascader ? !0 : o(r.dicFlag, !1),
+              span: r.searchSpan || e.searchSpan || h.searchSpan,
+              control: r.searchControl,
+              gutter: r.searchGutter || e.searchGutter || h.searchGutter,
+              labelWidth: r.searchLabelWidth || e.searchLabelWidth || h.searchLabelWidth,
+              labelPosition: r.searchLabelPosition || e.searchLabelPosition,
+              size: r.searchSize || e.searchSize,
+              value: r.searchValue,
+              rules: r.searchRules,
+              row: r.searchRow,
+              bind: r.searchBin,
+              disabled: r.searchDisabled,
+              readonly: r.searchReadonly,
+              display: this.isSearchIcon ? this.show ? !0 : l : !0
+            }), s.push(r), u = u + 1;
+          }
+        }), s;
+      };
+      return ((t) => {
+        let s = m(t);
+        return s.column = a(this.crud.propOption), s = Object.assign(s, {
+          rowKey: e.searchRowKey || "null",
+          tabs: !1,
+          group: !1,
+          printBtn: !1,
+          mockBtn: !1,
+          filterDic: e.searchFilterDic,
+          filterNull: e.searchFilterNull,
+          filterParam: e.searchFilterParam,
+          enter: e.searchEnter,
+          size: e.searchSize,
+          submitText: e.searchBtnText || "搜 索",
+          submitBtn: o(e.searchBtn, h.searchSubBtn),
+          submitIcon: this.crud.getBtnIcon("searchBtn"),
+          emptyText: e.emptyBtnText || "清 空",
+          emptyBtn: o(e.emptyBtn, h.emptyBtn),
+          emptyIcon: this.crud.getBtnIcon("emptyBtn"),
+          menuSpan: (() => this.show || !this.isSearchIcon || e.searchMenuSpan < 6 ? e.searchMenuSpan : 6)(),
+          menuPosition: e.searchMenuPosition || "center",
+          dicFlag: !1,
+          dicData: this.crud.DIC
+        }), s;
+      })(e);
+    },
+    isSearchIcon() {
+      return o(this.crud.option.searchIcon, this.$AVUE.searchIcon) && this.searchLen > this.searchIndex;
+    },
+    searchLen() {
+      let e = 0;
+      return this.crud.propOption.forEach((a) => {
+        a.search && e++;
+      }), e;
+    },
+    searchFlag() {
+      return !!this.crud.$scopedSlots.search || this.searchLen !== 0;
+    }
+  },
+  watch: {
+    "crud.propOption": {
+      handler() {
+        this.dataFormat();
+      },
+      deep: !0
+    },
+    show() {
+      this.crud.getTableHeight();
+    },
+    searchShow() {
+      this.crud.getTableHeight();
+    }
+  },
+  created() {
+    this.initFun(), this.dataFormat();
+  },
+  methods: {
+    initFun() {
+      ["searchReset", "searchChange"].forEach((e) => this.crud[e] = this[e]);
+    },
+    getSlotName(e) {
+      return e.replace("Search", "");
+    },
+    // 搜索回调
+    searchChange(e, a) {
+      e = g(e), this.crud.propOption.forEach((c) => {
+        c.searchProp && (e[c.searchProp] = e[c.prop], delete e[c.prop]);
+      }), this.crud.$emit("search-change", e, a);
+    },
+    // 搜索清空
+    resetChange() {
+      this.crud.$emit("search-reset", this.searchForm);
+    },
+    // 搜索清空
+    searchReset() {
+      this.$refs.form.resetForm();
+    },
+    handleSearchShow() {
+      this.searchShow = !this.searchShow;
+    },
+    dataFormat() {
+      const e = this.crud.option;
+      this.searchShow = o(e.searchShow, h.searchShow);
+    }
+  }
+}, f = {};
+var v = /* @__PURE__ */ F(
+  y,
+  _,
+  b,
+  !1,
+  x,
+  null,
+  null,
+  null
+);
+function x(e) {
+  for (let a in f)
+    this[a] = f[a];
+}
+const P = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  P as default
+};