@web-utils/component 2.7.36 → 2.7.37

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

@@ -0,0 +1,94 @@
+import { n as i } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var n = function() {
+  var t = this, e = t.$createElement, a = t._self._c || e;
+  return a("ElSteps", {
+    staticClass: "guide-steps",
+    attrs: {
+      "align-center": ""
+    }
+  }, t._l(t.steps, function(r, s) {
+    return a("ElStep", {
+      key: r.label,
+      class: [{
+        "current important": t.value === s,
+        disabled: !t.available(s),
+        available: !t.ready[s] && t.available(s)
+      }],
+      attrs: {
+        status: t.ready[s] ? "success" : "",
+        title: r.label
+      },
+      nativeOn: {
+        click: function(_) {
+          return t.activeStep(s);
+        }
+      }
+    });
+  }), 1);
+}, u = [];
+const c = {
+  name: "GuideSteps",
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    steps: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      ready: []
+    };
+  },
+  watch: {
+    steps: {
+      immediate: !0,
+      deep: !0,
+      handler(t) {
+        this.ready = t != null && t.length ? t.map(() => !1) : [];
+      }
+    }
+  },
+  methods: {
+    activeStep(t) {
+      t !== 0 && !this.available(t) || this.$emit("input", t);
+    },
+    setReady(t, e) {
+      t < this.ready.length && this.$set(this.ready, t, e);
+    },
+    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 e;
+    }
+  }
+}, l = {};
+var o = /* @__PURE__ */ i(
+  c,
+  n,
+  u,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const f = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  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.mjs

@@ -0,0 +1,238 @@
+import { p as s } from "../../chunks/permission.ce5d2121.mjs";
+import { c } from "../../chunks/config.46422d7f.mjs";
+import { o } from "../../chunks/util.eca708b6.mjs";
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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.mjs

@@ -0,0 +1,253 @@
+import { s as S } from "../../chunks/slot.4b391395.mjs";
+import { c as o } from "../../chunks/config.46422d7f.mjs";
+import { d as w } from "../../chunks/dataformat.5f95e59e.mjs";
+import { o as h, v as g, d as m } from "../../chunks/util.eca708b6.mjs";
+import { n as F } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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, a = (t = []) => {
+        t = m(t);
+        const s = [];
+        let u = 0;
+        return t = t.sort((r, l) => (l.searchOrder || 0) - (r.searchOrder || 0)), t.forEach((r) => {
+          if (r.search) {
+            const l = u < this.searchIndex, d = {};
+            Object.keys(r).forEach((i) => {
+              const 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 : h(r.dicFlag, !1),
+              span: r.searchSpan || e.searchSpan || o.searchSpan,
+              control: r.searchControl,
+              gutter: r.searchGutter || e.searchGutter || o.searchGutter,
+              labelWidth: r.searchLabelWidth || e.searchLabelWidth || o.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: h(e.searchBtn, o.searchSubBtn),
+          submitIcon: this.crud.getBtnIcon("searchBtn"),
+          emptyText: e.emptyBtnText || "清 空",
+          emptyBtn: h(e.emptyBtn, o.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 h(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();
+    },
+    option: {
+      immediate: !0,
+      deep: !0,
+      handler() {
+        var e;
+        this.searchIndex = ((e = this.option) == null ? void 0 : e.searchIndex) || 2;
+      }
+    }
+  },
+  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 = h(e.searchShow, o.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
+};

package/dist/components/highlight-j-s/index.mjs

@@ -0,0 +1,76 @@
+import a from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark-reasonable.css";
+import { escapeHtml as l } from "@web-utils/core";
+import { n as g } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("pre", {
+    staticClass: "highlight-js"
+  }, [n("code", {
+    class: e.className,
+    domProps: {
+      innerHTML: e._s(e.highlighted.value)
+    }
+  })]);
+}, r = [];
+const o = {
+  name: "HighlightJS",
+  props: {
+    language: String,
+    code: String,
+    autodetect: Boolean
+  },
+  data: function() {
+    return {
+      detectedLanguage: ""
+    };
+  },
+  computed: {
+    className() {
+      return this.detectedLanguage ? `hljs ${this.detectedLanguage}` : "";
+    },
+    highlighted() {
+      if (!this.language && !a.getLanguage(this.language))
+        return console.warn(`The language "${this.language}" you specified could not be found.`), {
+          language: "",
+          value: l(this.code)
+        };
+      let e = {};
+      return !this.language || this.autodetect ? e = a.highlightAuto(this.code) : e = a.highlight(this.code, {
+        language: this.language,
+        ignoreIllegals: this.ignoreIllegals
+      }), e;
+    },
+    ignoreIllegals() {
+      return !0;
+    }
+  },
+  watch: {
+    "highlighted.language": {
+      immediate: !0,
+      handler(e) {
+        this.detectedLanguage = e;
+      }
+    }
+  }
+}, i = {};
+var u = /* @__PURE__ */ g(
+  o,
+  s,
+  r,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const p = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  p as default
+};