@web-utils/component 2.7.19 → 2.7.21

package/dist/components/toolbar/index.js

@@ -1,6 +1,6 @@
-import { NOOP as h } from "@web-utils/core";
-import { n as b } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const p = {
+import { NOOP } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const builtinButtons = {
   back: {
     label: "返回",
     type: "primary",
@@ -95,7 +95,7 @@ const p = {
     icon: "el-icon-search",
     separateLine: !1
   }
-}, f = {
+}, __vue2_script = {
   name: "Toolbar",
   provide() {
     return {
@@ -126,92 +126,92 @@ const p = {
   },
   methods: {
     goBack() {
-      const e = this.$route.path;
-      this.$bus("closeTab", e, this);
+      const path = this.$route.path;
+      this.$bus("closeTab", path, this);
     },
-    fire(e, t) {
-      this.emitter === "parent" ? this.$parent && this.$parent.$emit(e, t, this) : this.$emit(e, t, this);
+    fire(type, event) {
+      this.emitter === "parent" ? this.$parent && this.$parent.$emit(type, event, this) : this.$emit(type, event, this);
     },
-    createButton(e, {
-      label: t,
-      icon: o,
-      type: i,
-      separateLine: a = !0
+    createButton(key, {
+      label,
+      icon,
+      type,
+      separateLine = !0
     }) {
-      var r;
-      const n = this.$createElement;
-      let l;
-      const s = ((r = this.label) == null ? void 0 : r[e]) || t;
-      return ["back", "cancel"].includes(e) ? l = this.goBack : l = (c) => (this.$listeners[e] || h)(c), n("ToolbarButton", {
+      var _a;
+      const h = this.$createElement;
+      let handler;
+      const buttonLabel = ((_a = this.label) == null ? void 0 : _a[key]) || label;
+      return ["back", "cancel"].includes(key) ? handler = this.goBack : handler = (e) => (this.$listeners[key] || NOOP)(e), h("ToolbarButton", {
         attrs: {
-          "separate-line": a,
-          icon: o,
-          label: s,
+          "separate-line": separateLine,
+          icon,
+          label: buttonLabel,
           footer: this.footer,
-          type: i
+          type
         },
         on: {
-          click: l
+          click: handler
         }
       });
     },
     getLeftButtons() {
-      var o, i;
+      var _a, _b;
       const {
-        createButton: e
+        createButton
       } = this;
-      return ((i = (o = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : i.call(o)) || this.buttons.map((a) => {
-        var l, s, r, c;
-        const n = p[a];
-        return n ? ((s = (l = this.$scopedSlots)[a]) == null ? void 0 : s.call(l)) || e(a, n) : a === "slot" ? ((c = (r = this.$scopedSlots).default) == null ? void 0 : c.call(r, {
+      return ((_b = (_a = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : _b.call(_a)) || this.buttons.map((key) => {
+        var _a2, _b2, _c, _d;
+        const button = builtinButtons[key];
+        return button ? ((_b2 = (_a2 = this.$scopedSlots)[key]) == null ? void 0 : _b2.call(_a2)) || createButton(key, button) : key === "slot" ? ((_d = (_c = this.$scopedSlots).default) == null ? void 0 : _d.call(_c, {
           buttons: this.buttons,
           footer: this.footer
         })) ?? null : null;
       });
     },
     getRightButtons() {
-      var t, o;
-      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
+      var _a, _b;
+      return ((_b = (_a = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : _b.call(_a)) || this.getSearchButton();
     },
     getSearchButton() {
       const {
-        createButton: e
+        createButton
       } = this;
-      return this.searchable ? e("search", p.search) : null;
+      return this.searchable ? createButton("search", builtinButtons.search) : null;
     }
   },
   render() {
-    const e = arguments[0];
-    return this.footer ? e("div", {
+    const h = arguments[0];
+    return this.footer ? h("div", {
       class: "footer-bar"
-    }, [this.getLeftButtons()]) : e("div", {
+    }, [this.getLeftButtons()]) : h("div", {
       class: "toolbar"
-    }, [e("div", {
+    }, [h("div", {
       class: "toolbar-left"
-    }, [this.getLeftButtons()]), e("div", {
+    }, [this.getLeftButtons()]), h("div", {
       class: "toolbar-right"
     }, [this.getRightButtons()])]);
   }
 };
-let d, y;
-const u = {};
-var m = /* @__PURE__ */ b(
-  f,
-  d,
-  y,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in u)
-    this[t] = u[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const $ = /* @__PURE__ */ function() {
-  return m.exports;
+const Toolbar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  $ as default
+  Toolbar as default
 };

package/dist/components/toolbar/style.css

@@ -1 +1,35 @@
-.toolbar{display:flex;height:40px;padding:0 10px;line-height:40px;background-color:#fff;border-bottom:1px solid #e5e9ec}.toolbar .toolbar-left{flex:1 1 auto}.toolbar .toolbar-left>.form-toolbar-button:last-child .separate-line{display:none}.toolbar .toolbar-left [class*=" el-icon-"],.toolbar .toolbar-left [class^=el-icon-],.toolbar .toolbar-left i.fa{margin-top:-1px;color:#1989fa;font-size:15px}.toolbar .toolbar-right .el-button{display:inline-flex;align-items:center}.footer-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-top:10px}.footer-bar .el-button{padding:10px 40px}
+.toolbar {
+  display: flex;
+  height: 40px;
+  padding: 0 10px;
+  line-height: 40px;
+  background-color: #fff;
+  border-bottom: 1px solid #e5e9ec;
+}
+.toolbar .toolbar-left {
+  flex: 1 1 auto;
+}
+.toolbar .toolbar-left > .form-toolbar-button:last-child .separate-line {
+  display: none;
+}
+.toolbar .toolbar-left [class*=" el-icon-"],
+.toolbar .toolbar-left [class^=el-icon-],
+.toolbar .toolbar-left i.fa {
+  margin-top: -1px;
+  color: #1989fa;
+  font-size: 15px;
+}
+.toolbar .toolbar-right .el-button {
+  display: inline-flex;
+  align-items: center;
+}
+.footer-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding-top: 10px;
+}
+.footer-bar .el-button {
+  padding: 10px 40px;
+}

package/dist/components/toolbar-button/index.js

@@ -1,32 +1,32 @@
-import { isFunction as a } from "@web-utils/core";
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var t = this, e = t.$createElement, o = t._self._c || e;
-  return t.footer || t.toolbar.footer ? o("ElButton", {
+import { isFunction } 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 _vm.footer || _vm.toolbar.footer ? _c("ElButton", {
     attrs: {
-      disabled: t.disabled || t.loading,
-      type: t.type
+      disabled: _vm.disabled || _vm.loading,
+      type: _vm.type
     },
     on: {
-      click: t.onClick
+      click: _vm.onClick
     }
-  }, [t._v(" " + t._s(t.label) + " ")]) : o("span", {
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _c("span", {
     staticClass: "form-toolbar-button"
-  }, [o("ElButton", {
+  }, [_c("ElButton", {
     attrs: {
-      icon: t.icon,
+      icon: _vm.icon,
       type: "text",
-      disabled: t.disabled || t.loading,
+      disabled: _vm.disabled || _vm.loading,
       size: "mini"
     },
     on: {
-      click: t.onClick
+      click: _vm.onClick
     }
-  }, [t._v(" " + t._s(t.label) + " ")]), t.separateLine ? o("span", {
+  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _vm.separateLine ? _c("span", {
     staticClass: "separate-line"
-  }) : t._e()], 1);
-}, s = [];
-const r = {
+  }) : _vm._e()], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ToolbarButton",
   inject: {
     toolbar: {
@@ -56,35 +56,35 @@ const r = {
     };
   },
   methods: {
-    async onClick(t) {
+    async onClick(e) {
       this.loading = !0;
-      const { click: e } = this.$listeners;
-      if (a(e))
+      const { click } = this.$listeners;
+      if (isFunction(click))
         try {
-          await e(t);
+          await click(e);
         } catch {
         }
       this.loading = !1;
     }
   }
-}, n = {};
-var c = /* @__PURE__ */ l(
-  r,
-  i,
-  s,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let e in n)
-    this[e] = n[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return c.exports;
+const ToolbarButton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  ToolbarButton as default
 };

package/dist/components/toolbar-button/style.css

@@ -1 +1,15 @@
-.form-toolbar-button .separate-line{display:inline-block;width:1px;height:18px;margin:0 10px;vertical-align:middle;background-color:#aaa}.form-toolbar-button .form-toolbar-button .el-button{display:inline-flex;align-items:center}.form-toolbar-button .form-toolbar-button .el-button:hover{border-color:transparent}
+.form-toolbar-button .separate-line {
+  display: inline-block;
+  width: 1px;
+  height: 18px;
+  margin: 0 10px;
+  vertical-align: middle;
+  background-color: #aaa;
+}
+.form-toolbar-button .form-toolbar-button .el-button {
+  display: inline-flex;
+  align-items: center;
+}
+.form-toolbar-button .form-toolbar-button .el-button:hover {
+  border-color: transparent;
+}

package/dist/components/trigger/index.js

@@ -1,21 +1,21 @@
-import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("div", {
-    class: e.classes
-  }, [e.showIcon ? t("div", {
-    class: e.barConClasses
-  }, e._m(0), 0) : e._e()]);
-}, l = [function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return e._l(8, function(s) {
-    return t("i", {
-      key: `trigger-${s}`,
-      class: `${e.prefix}-bar`
+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: _vm.classes
+  }, [_vm.showIcon ? _c("div", {
+    class: _vm.barConClasses
+  }, _vm._m(0), 0) : _vm._e()]);
+}, staticRenderFns = [function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm._l(8, function(i) {
+    return _c("i", {
+      key: `trigger-${i}`,
+      class: `${_vm.prefix}-bar`
     });
   });
 }];
-const o = {
+const __vue2_script = {
   name: "Trigger",
   props: {
     mode: String,
@@ -48,24 +48,24 @@ const o = {
       ];
     }
   }
-}, i = {};
-var c = /* @__PURE__ */ n(
-  o,
-  a,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let r in i)
-    this[r] = i[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const h = /* @__PURE__ */ function() {
-  return c.exports;
+const Trigger = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  h as default
+  Trigger as default
 };

package/dist/components/verify/index.js

@@ -1,18 +1,18 @@
-import { s as n } from "../../chunks/util.23fe58fb.js";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var l = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { s as setPx } 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", {
     staticClass: "avue-verify"
-  }, t._l(t.list, function(i, a) {
-    return s("span", {
-      key: a,
+  }, _vm._l(_vm.list, function(item, index) {
+    return _c("span", {
+      key: index,
       staticClass: "avue-verify__item",
-      style: t.styleName
-    }, [t._v(" " + t._s(i) + " ")]);
+      style: _vm.styleName
+    }, [_vm._v(" " + _vm._s(item) + " ")]);
   }), 0);
-}, u = [];
-const _ = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Verify",
   props: {
     size: {
@@ -30,15 +30,15 @@ const _ = {
       get() {
         return this.value || "";
       },
-      set(t) {
-        const e = `${t}`;
-        this.$emit("input", e), this.$emit("change", e);
+      set(val) {
+        const value = `${val}`;
+        this.$emit("input", value), this.$emit("change", value);
       }
     },
     styleName() {
       return {
-        padding: `${n(this.size / 7)} ${n(this.size / 4)}`,
-        fontSize: n(this.size)
+        padding: `${setPx(this.size / 7)} ${setPx(this.size / 4)}`,
+        fontSize: setPx(this.size)
       };
     },
     list() {
@@ -50,31 +50,31 @@ const _ = {
   },
   methods: {
     random() {
-      const t = this.len;
-      if (t > 21)
+      const n = this.len;
+      if (n > 21)
         return null;
-      const e = new RegExp(`(\\d{${t}})(\\.|$)`);
-      this.data = (Array(t - 1).join(0) + Math.pow(10, t) * Math.random()).match(e)[1];
+      const re = new RegExp(`(\\d{${n}})(\\.|$)`);
+      this.data = (Array(n - 1).join(0) + Math.pow(10, n) * Math.random()).match(re)[1];
     }
   }
-}, r = {};
-var c = /* @__PURE__ */ o(
-  _,
-  l,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(t) {
-  for (let e in r)
-    this[e] = r[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return c.exports;
+const Verify = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  Verify as default
 };

package/dist/components/verify/style.css

@@ -1 +1,9 @@
-.avue-verify__item{padding:5px 10px;display:inline-block;margin:0 4px;box-sizing:border-box;border:1px solid #e1e1e1;font-size:64px;text-align:center}
+.avue-verify__item {
+  padding: 5px 10px;
+  display: inline-block;
+  margin: 0 4px;
+  box-sizing: border-box;
+  border: 1px solid #e1e1e1;
+  font-size: 64px;
+  text-align: center;
+}