@web-utils/component 2.7.20 → 2.7.21

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

@@ -1,85 +1,85 @@
-import { s as S } from "../../chunks/slot.4b391395.js";
-import { c as o } from "../../chunks/config.46422d7f.js";
-import { d as w } from "../../chunks/dataformat.65b92bfe.js";
-import { o as h, j as g, d as m } from "../../chunks/util.23fe58fb.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", {
+import { s as slot } from "../../chunks/slot.a7387ecc.js";
+import { c as config } from "../../chunks/config.7dec2bf2.js";
+import { d as getSearchType } from "../../chunks/dataformat.9cc4428a.js";
+import { o as optVal, v as filterParams, d as deepClone } 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.searchFlag ? _c("ElCard", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.searchShow && e.searchFlag,
+      value: _vm.searchShow && _vm.searchFlag,
       expression: "searchShow && searchFlag"
     }],
     staticClass: "avue-crud__search",
     attrs: {
-      shadow: e.crud.isCard
+      shadow: _vm.crud.isCard
     }
-  }, [e._t("search", null, {
-    row: e.searchForm,
-    search: e.searchForm,
-    size: e.crud.controlSize
-  }), c("FyForm", {
+  }, [_vm._t("search", null, {
+    row: _vm.searchForm,
+    search: _vm.searchForm,
+    size: _vm.crud.controlSize
+  }), _c("FyForm", {
     ref: "form",
     attrs: {
-      option: e.option
+      option: _vm.option
     },
     on: {
-      submit: e.searchChange,
-      "reset-change": e.resetChange
+      submit: _vm.searchChange,
+      "reset-change": _vm.resetChange
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._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", {
+      fn: function(scope) {
+        return [_vm._t("searchMenu", null, null, Object.assign(scope, {
+          search: _vm.searchForm,
+          row: _vm.searchForm
+        })), _vm.isSearchIcon ? [_vm.show === !1 ? _c("ElButton", {
           attrs: {
             type: "text",
             icon: "el-icon-arrow-down"
           },
           on: {
-            click: function(s) {
-              e.show = !0;
+            click: function($event) {
+              _vm.show = !0;
             }
           }
-        }, [e._v(" 展 开 ")]) : e._e(), e.show === !0 ? c("ElButton", {
+        }, [_vm._v(" 展 开 ")]) : _vm._e(), _vm.show === !0 ? _c("ElButton", {
           attrs: {
             type: "text",
             icon: "el-icon-arrow-up"
           },
           on: {
-            click: function(s) {
-              e.show = !1;
+            click: function($event) {
+              _vm.show = !1;
             }
           }
-        }, [e._v(" 收 缩 ")]) : e._e()] : e._e()];
+        }, [_vm._v(" 收 缩 ")]) : _vm._e()] : _vm._e()];
       }
-    }, e._l(e.crud.searchSlot, function(t) {
+    }, _vm._l(_vm.crud.searchSlot, function(item) {
       return {
-        key: e.getSlotName(t),
-        fn: function(s) {
-          return [e._t(t, null, null, Object.assign(s, {
-            search: e.searchForm,
-            row: e.searchForm
+        key: _vm.getSlotName(item),
+        fn: function(scope) {
+          return [_vm._t(item, null, null, Object.assign(scope, {
+            search: _vm.searchForm,
+            row: _vm.searchForm
           }))];
         }
       };
     })], null, !0),
     model: {
-      value: e.searchForm,
-      callback: function(t) {
-        e.searchForm = t;
+      value: _vm.searchForm,
+      callback: function($$v) {
+        _vm.searchForm = $$v;
       },
       expression: "searchForm"
     }
-  })], 2) : e._e();
-}, b = [];
-const y = {
+  })], 2) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "HeaderSearch",
-  mixins: [S],
+  mixins: [slot],
   inject: ["crud"],
   props: {
     search: Object
@@ -96,81 +96,81 @@ const y = {
       get() {
         return this.crud.search;
       },
-      set(e) {
-        this.crud.$emit("update:search", e);
+      set(val) {
+        this.crud.$emit("update:search", val);
       }
     },
     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)
+      const option = this.crud.option, detailColumn = (list = []) => {
+        list = deepClone(list);
+        const column = [];
+        let count = 0;
+        return list = list.sort((a, b) => (b.searchOrder || 0) - (a.searchOrder || 0)), list.forEach((ele) => {
+          if (ele.search) {
+            const isCount = count < this.searchIndex, obj = {};
+            Object.keys(ele).forEach((item) => {
+              const key = "search";
+              if (item != "searchProp" && item.includes(key)) {
+                let result = item.replace(key, "");
+                if (result.length == 0)
                   return;
-                n = n.replace(n[0], n[0].toLowerCase()), d[n] = r[i];
+                result = result.replace(result[0], result[0].toLowerCase()), obj[result] = ele[item];
               }
-            }), r = Object.assign(r, d, {
-              type: w(r),
+            }), ele = Object.assign(ele, obj, {
+              type: getSearchType(ele),
               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;
+              dicFlag: ele.cascader ? !0 : optVal(ele.dicFlag, !1),
+              span: ele.searchSpan || option.searchSpan || config.searchSpan,
+              control: ele.searchControl,
+              gutter: ele.searchGutter || option.searchGutter || config.searchGutter,
+              labelWidth: ele.searchLabelWidth || option.searchLabelWidth || config.searchLabelWidth,
+              labelPosition: ele.searchLabelPosition || option.searchLabelPosition,
+              size: ele.searchSize || option.searchSize,
+              value: ele.searchValue,
+              rules: ele.searchRules,
+              row: ele.searchRow,
+              bind: ele.searchBin,
+              disabled: ele.searchDisabled,
+              readonly: ele.searchReadonly,
+              display: this.isSearchIcon ? this.show ? !0 : isCount : !0
+            }), column.push(ele), count = count + 1;
           }
-        }), s;
+        }), column;
       };
-      return ((t) => {
-        let s = m(t);
-        return s.column = a(this.crud.propOption), s = Object.assign(s, {
-          rowKey: e.searchRowKey || "null",
+      return ((list) => {
+        let result = deepClone(list);
+        return result.column = detailColumn(this.crud.propOption), result = Object.assign(result, {
+          rowKey: option.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),
+          filterDic: option.searchFilterDic,
+          filterNull: option.searchFilterNull,
+          filterParam: option.searchFilterParam,
+          enter: option.searchEnter,
+          size: option.searchSize,
+          submitText: option.searchBtnText || "搜 索",
+          submitBtn: optVal(option.searchBtn, config.searchSubBtn),
           submitIcon: this.crud.getBtnIcon("searchBtn"),
-          emptyText: e.emptyBtnText || "清 空",
-          emptyBtn: h(e.emptyBtn, o.emptyBtn),
+          emptyText: option.emptyBtnText || "清 空",
+          emptyBtn: optVal(option.emptyBtn, config.emptyBtn),
           emptyIcon: this.crud.getBtnIcon("emptyBtn"),
-          menuSpan: (() => this.show || !this.isSearchIcon || e.searchMenuSpan < 6 ? e.searchMenuSpan : 6)(),
-          menuPosition: e.searchMenuPosition || "center",
+          menuSpan: (() => this.show || !this.isSearchIcon || option.searchMenuSpan < 6 ? option.searchMenuSpan : 6)(),
+          menuPosition: option.searchMenuPosition || "center",
           dicFlag: !1,
           dicData: this.crud.DIC
-        }), s;
-      })(e);
+        }), result;
+      })(option);
     },
     isSearchIcon() {
-      return h(this.crud.option.searchIcon, this.$AVUE.searchIcon) && this.searchLen > this.searchIndex;
+      return optVal(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;
+      let count = 0;
+      return this.crud.propOption.forEach((ele) => {
+        ele.search && count++;
+      }), count;
     },
     searchFlag() {
       return !!this.crud.$scopedSlots.search || this.searchLen !== 0;
@@ -193,8 +193,8 @@ const y = {
       immediate: !0,
       deep: !0,
       handler() {
-        var e;
-        this.searchIndex = ((e = this.option) == null ? void 0 : e.searchIndex) || 2;
+        var _a;
+        this.searchIndex = ((_a = this.option) == null ? void 0 : _a.searchIndex) || 2;
       }
     }
   },
@@ -203,16 +203,16 @@ const y = {
   },
   methods: {
     initFun() {
-      ["searchReset", "searchChange"].forEach((e) => this.crud[e] = this[e]);
+      ["searchReset", "searchChange"].forEach((ele) => this.crud[ele] = this[ele]);
     },
-    getSlotName(e) {
-      return e.replace("Search", "");
+    getSlotName(item) {
+      return item.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);
+    searchChange(form, done) {
+      form = filterParams(form), this.crud.propOption.forEach((ele) => {
+        ele.searchProp && (form[ele.searchProp] = form[ele.prop], delete form[ele.prop]);
+      }), this.crud.$emit("search-change", form, done);
     },
     // 搜索清空
     resetChange() {
@@ -226,28 +226,28 @@ const y = {
       this.searchShow = !this.searchShow;
     },
     dataFormat() {
-      const e = this.crud.option;
-      this.searchShow = h(e.searchShow, o.searchShow);
+      const option = this.crud.option;
+      this.searchShow = optVal(option.searchShow, config.searchShow);
     }
   }
-}, f = {};
-var v = /* @__PURE__ */ F(
-  y,
-  _,
-  b,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  x,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function x(e) {
-  for (let a in f)
-    this[a] = f[a];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const P = /* @__PURE__ */ function() {
-  return v.exports;
+const HeaderSearch = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  P as default
+  HeaderSearch as default
 };

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

@@ -0,0 +1,76 @@
+import hljs from "highlight.js/lib/core";
+import "highlight.js/styles/atom-one-dark-reasonable.css";
+import { escapeHtml } 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("pre", {
+    staticClass: "highlight-js"
+  }, [_c("code", {
+    class: _vm.className,
+    domProps: {
+      innerHTML: _vm._s(_vm.highlighted.value)
+    }
+  })]);
+}, staticRenderFns = [];
+const __vue2_script = {
+  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 && !hljs.getLanguage(this.language))
+        return console.warn(`The language "${this.language}" you specified could not be found.`), {
+          language: "",
+          value: escapeHtml(this.code)
+        };
+      let result = {};
+      return !this.language || this.autodetect ? result = hljs.highlightAuto(this.code) : result = hljs.highlight(this.code, {
+        language: this.language,
+        ignoreIllegals: this.ignoreIllegals
+      }), result;
+    },
+    ignoreIllegals() {
+      return !0;
+    }
+  },
+  watch: {
+    "highlighted.language": {
+      immediate: !0,
+      handler(newVal) {
+        this.detectedLanguage = newVal;
+      }
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
+}
+const HighlightJS = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  HighlightJS as default
+};

package/dist/components/highlight-j-s/style.css

@@ -0,0 +1,18 @@
+.highlight-js {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
+  max-height: calc(80vh - 32px);
+  overflow-y: auto;
+}
+.highlight-js .hljs {
+  height: 100%;
+  word-break: break-word;
+  white-space: pre-wrap;
+}
+.highlight-js .hljs * {
+  font-family:
+    Consolas,
+    Monaco,
+    monospace;
+}

package/dist/components/icon-card/index.js

@@ -1,26 +1,26 @@
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
-    class: ["icon-card", "flex-row", t.iconBg]
-  }, [n("div", {
+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", {
+    class: ["icon-card", "flex-row", _vm.iconBg]
+  }, [_c("div", {
     staticClass: "card-icon_bg"
-  }, [n("i", {
-    class: ["card-icon", t.icon]
-  })]), n("div", {
+  }, [_c("i", {
+    class: ["card-icon", _vm.icon]
+  })]), _c("div", {
     staticClass: "flex-item"
-  }, [n("p", {
+  }, [_c("p", {
     staticClass: "icon-card_title"
-  }, [t._t("default")], 2), n("div", {
+  }, [_vm._t("default")], 2), _c("div", {
     staticClass: "icon-card_num"
-  }, [n("span", {
+  }, [_c("span", {
     staticClass: "icon-card_color",
     on: {
-      click: t.toDetails
+      click: _vm.toDetails
     }
-  }, [t._v(t._s(t.number))]), t._t("nuit")], 2)])]);
-}, i = [];
-const o = {
+  }, [_vm._v(_vm._s(_vm.number))]), _vm._t("nuit")], 2)])]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "IconCard",
   props: {
     iconBg: {
@@ -39,24 +39,24 @@ const o = {
       this.$router.push(this.path);
     }
   }
-}, s = {};
-var r = /* @__PURE__ */ c(
-  o,
-  a,
-  i,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  l,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function l(t) {
-  for (let e in s)
-    this[e] = s[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const u = /* @__PURE__ */ function() {
-  return r.exports;
+const IconCard = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  IconCard as default
 };

package/dist/components/icon-card/style.css

@@ -1 +1,50 @@
-.icon-card{padding:14px;border-radius:4px}.icon-card .card-icon_bg{width:48px;height:48px;margin-right:14px;text-align:center;border-radius:14px}.icon-card .card-icon{font-size:24px;line-height:48px}.icon-card .icon-card_color{font-weight:700;font-size:18px;cursor:pointer}.icon-card.blue{background:#f4f9ff}.icon-card.blue .card-icon_bg{color:#3c8efd;background:#e8f2fc}.icon-card.blue .icon-card_color{color:#3c8efd}.icon-card.orange{background:#f9f5ee}.icon-card.orange .card-icon_bg{color:#fdc12e;background:#fdf2dc}.icon-card.orange .icon-card_color{color:#fdc12e}.icon-card.green{background:#f1f7ed}.icon-card.green .card-icon_bg{color:#72c734;background:#ddf7d9}.icon-card.green .icon-card_color{color:#72c734}
+.icon-card {
+  padding: 14px;
+  border-radius: 4px;
+}
+.icon-card .card-icon_bg {
+  width: 48px;
+  height: 48px;
+  margin-right: 14px;
+  text-align: center;
+  border-radius: 14px;
+}
+.icon-card .card-icon {
+  font-size: 24px;
+  line-height: 48px;
+}
+.icon-card .icon-card_color {
+  font-weight: 700;
+  font-size: 18px;
+  cursor: pointer;
+}
+.icon-card.blue {
+  background: #f4f9ff;
+}
+.icon-card.blue .card-icon_bg {
+  color: #3c8efd;
+  background: #e8f2fc;
+}
+.icon-card.blue .icon-card_color {
+  color: #3c8efd;
+}
+.icon-card.orange {
+  background: #f9f5ee;
+}
+.icon-card.orange .card-icon_bg {
+  color: #fdc12e;
+  background: #fdf2dc;
+}
+.icon-card.orange .icon-card_color {
+  color: #fdc12e;
+}
+.icon-card.green {
+  background: #f1f7ed;
+}
+.icon-card.green .card-icon_bg {
+  color: #72c734;
+  background: #ddf7d9;
+}
+.icon-card.green .icon-card_color {
+  color: #72c734;
+}

package/dist/components/icon-temp/index.js

@@ -1,24 +1,24 @@
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var l = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("span", {
+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("span", {
     staticClass: "avue-icon",
     class: {
-      "avue-icon--small": e.small
+      "avue-icon--small": _vm.small
     }
-  }, [e.text.includes("#") ? n("svg", {
+  }, [_vm.text.includes("#") ? _c("svg", {
     attrs: {
       "aria-hidden": "true"
     }
-  }, [n("use", {
+  }, [_c("use", {
     attrs: {
-      "xlink:href": e.text
+      "xlink:href": _vm.text
     }
-  })]) : n("i", {
-    class: e.text
+  })]) : _c("i", {
+    class: _vm.text
   })]);
-}, o = [];
-const r = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "IconTemp",
   props: {
     small: Boolean,
@@ -27,24 +27,24 @@ const r = {
       default: ""
     }
   }
-}, s = {};
-var c = /* @__PURE__ */ a(
-  r,
-  l,
-  o,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in s)
-    this[t] = s[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const u = /* @__PURE__ */ function() {
-  return c.exports;
+const IconTemp = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  IconTemp as default
 };

package/dist/components/icon-temp/style.css

@@ -1 +1,17 @@
-.avue-icon{display:flex;align-items:center;justify-content:center}.avue-icon svg,.avue-icon i{width:20px;height:20px;font-size:20px}.avue-icon--small svg,.avue-icon--small i{font-size:15px;width:15px;height:15px}
+.avue-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.avue-icon svg,
+.avue-icon i {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+}
+.avue-icon--small svg,
+.avue-icon--small i {
+  font-size: 15px;
+  width: 15px;
+  height: 15px;
+}