@web-utils/component 2.0.14 → 2.2.0

package/{dist/components/toolbar/index.js → toolbar/index.mjs}

@@ -1,6 +1,6 @@
-import { NOOP as h } from "@web-utils/core";
-import { n as b } from "../../chunks/5d4282fb.js";
-const p = {
+import { NOOP as b } from "@web-utils/core";
+import { n as f } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const u = {
   back: {
     label: "返回",
     type: "primary",
@@ -95,7 +95,7 @@ const p = {
     icon: "el-icon-search",
     separateLine: !1
   }
-}, f = {
+}, d = {
   name: "Toolbar",
   provide() {
     return {
@@ -142,7 +142,7 @@ const p = {
       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", {
+      return ["back", "cancel"].includes(e) ? l = this.goBack : l = (c) => (this.$listeners[e] || b)(c), n("ToolbarButton", {
         attrs: {
           "separate-line": a,
           icon: o,
@@ -161,12 +161,12 @@ const p = {
         createButton: e
       } = 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, {
+        var l, s, r, c, p;
+        const n = u[a];
+        return n ? ((s = (l = this.$scopedSlots)[a]) == null ? void 0 : s.call(l)) || e(a, n) : a === "slot" && (p = (c = (r = this.$scopedSlots).default) == null ? void 0 : c.call(r, {
           buttons: this.buttons,
           footer: this.footer
-        })) ?? null : null;
+        })) != null ? p : null;
       });
     },
     getRightButtons() {
@@ -177,7 +177,7 @@ const p = {
       const {
         createButton: e
       } = this;
-      return this.searchable ? e("search", p.search) : null;
+      return this.searchable ? e("search", u.search) : null;
     }
   },
   render() {
@@ -193,25 +193,25 @@ const p = {
     }, [this.getRightButtons()])]);
   }
 };
-let d, y;
-const u = {};
-var m = /* @__PURE__ */ b(
-  f,
+let y, m;
+const h = {};
+var _ = /* @__PURE__ */ f(
   d,
   y,
+  m,
   !1,
-  _,
+  g,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in u)
-    this[t] = u[t];
+function g(e) {
+  for (let t in h)
+    this[t] = h[t];
 }
-const $ = /* @__PURE__ */ function() {
-  return m.exports;
+const S = /* @__PURE__ */ function() {
+  return _.exports;
 }();
 export {
-  $ as default
+  S as default
 };

package/toolbar/style.css

@@ -0,0 +1 @@
+.toolbar{background-color:#fff;border-bottom:1px solid #e5e9ec;height:40px;padding:0 10px;line-height:40px;display:flex}.toolbar .toolbar-left{flex: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{color:#1989fa;margin-top:-1px;font-size:15px}.toolbar .toolbar-right .el-button{align-items:center;display:inline-flex}.footer-bar{flex-direction:row;justify-content:center;align-items:center;padding-top:10px;display:flex}.footer-bar .el-button{padding:10px 40px}

package/toolbar-button/index.mjs

@@ -0,0 +1,108 @@
+var s = (t, o, e) => new Promise((c, i) => {
+  var d = (n) => {
+    try {
+      a(e.next(n));
+    } catch (l) {
+      i(l);
+    }
+  }, u = (n) => {
+    try {
+      a(e.throw(n));
+    } catch (l) {
+      i(l);
+    }
+  }, a = (n) => n.done ? c(n.value) : Promise.resolve(n.value).then(d, u);
+  a((e = e.apply(t, o)).next());
+});
+import { isFunction as p } from "@web-utils/core";
+import { n as _ } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var f = function() {
+  var t = this, o = t.$createElement, e = t._self._c || o;
+  return t.footer || t.toolbar.footer ? e("ElButton", {
+    attrs: {
+      disabled: t.disabled || t.loading,
+      type: t.type
+    },
+    on: {
+      click: t.onClick
+    }
+  }, [t._v(" " + t._s(t.label) + " ")]) : e("span", {
+    staticClass: "form-toolbar-button"
+  }, [e("ElButton", {
+    attrs: {
+      icon: t.icon,
+      type: "text",
+      disabled: t.disabled || t.loading,
+      size: "mini"
+    },
+    on: {
+      click: t.onClick
+    }
+  }, [t._v(" " + t._s(t.label) + " ")]), t.separateLine ? e("span", {
+    staticClass: "separate-line"
+  }) : t._e()], 1);
+}, b = [];
+const m = {
+  name: "ToolbarButton",
+  inject: {
+    toolbar: {
+      default: ""
+    }
+  },
+  props: {
+    label: {
+      type: String
+    },
+    icon: {
+      type: String
+    },
+    type: {
+      type: String
+    },
+    disabled: Boolean,
+    separateLine: {
+      type: Boolean,
+      default: !0
+    },
+    footer: Boolean
+  },
+  data() {
+    return {
+      loading: !1
+    };
+  },
+  methods: {
+    onClick(t) {
+      return s(this, null, function* () {
+        this.loading = !0;
+        const { click: o } = this.$listeners;
+        if (p(o))
+          try {
+            yield o(t);
+          } catch (e) {
+          }
+        this.loading = !1;
+      });
+    }
+  }
+}, r = {};
+var v = /* @__PURE__ */ _(
+  m,
+  f,
+  b,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let o in r)
+    this[o] = r[o];
+}
+const k = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  k as default
+};

package/toolbar-button/style.css

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

package/verify/index.mjs

@@ -0,0 +1,80 @@
+import { s as n } from "../chunks/util.C2Bhx22L.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var l = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "avue-verify"
+  }, t._l(t.list, function(i, a) {
+    return s("span", {
+      key: a,
+      staticClass: "avue-verify__item",
+      style: t.styleName
+    }, [t._v(" " + t._s(i) + " ")]);
+  }), 0);
+}, u = [];
+const c = {
+  name: "Verify",
+  props: {
+    size: {
+      type: [Number, String],
+      default: 50
+    },
+    value: [Number, String],
+    len: {
+      type: [Number, String],
+      default: 6
+    }
+  },
+  computed: {
+    data: {
+      get() {
+        return this.value || "";
+      },
+      set(t) {
+        const e = `${t}`;
+        this.$emit("input", e), this.$emit("change", e);
+      }
+    },
+    styleName() {
+      return {
+        padding: `${n(this.size / 7)} ${n(this.size / 4)}`,
+        fontSize: n(this.size)
+      };
+    },
+    list() {
+      return this.data.split("");
+    }
+  },
+  created() {
+    this.random();
+  },
+  methods: {
+    random() {
+      const t = this.len;
+      if (t > 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];
+    }
+  }
+}, r = {};
+var m = /* @__PURE__ */ o(
+  c,
+  l,
+  u,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const h = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  h as default
+};

package/verify/style.css

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