@web-utils/component 2.7.36 → 2.8.0

package/toolbar/index.mjs

@@ -0,0 +1,217 @@
+import { NOOP as b } from "@web-utils/core";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const u = {
+  back: {
+    label: "返回",
+    type: "primary",
+    icon: "el-icon-d-arrow-left"
+  },
+  cancel: {
+    label: "取消",
+    icon: "fa fa-undo"
+  },
+  create: {
+    label: "新增",
+    type: "primary",
+    icon: "el-icon-plus"
+  },
+  save: {
+    label: "保存",
+    type: "primary",
+    icon: "fa fa-save"
+  },
+  withdraw: {
+    label: "撤回",
+    type: "primary",
+    icon: "fa fa-undo"
+  },
+  edit: {
+    label: "编辑",
+    type: "primary",
+    icon: "el-icon-edit-outline"
+  },
+  submit: {
+    label: "提交审批",
+    type: "primary",
+    icon: "fa fa-check"
+  },
+  publish: {
+    label: "发布",
+    type: "primary",
+    icon: "fa fa-send"
+  },
+  agree: {
+    label: "同意",
+    type: "primary",
+    icon: "fa fa-check-square-o"
+  },
+  disagree: {
+    label: "不同意",
+    type: "primary",
+    icon: "fa fa-mail-reply"
+  },
+  reject: {
+    label: "退回",
+    type: "primary",
+    icon: "fa fa-reply"
+  },
+  finish: {
+    label: "完成",
+    type: "primary",
+    icon: "fa fa-check-square"
+  },
+  enable: {
+    label: "启用",
+    type: "primary",
+    icon: "el-icon-circle-check"
+  },
+  exp: {
+    label: "导出",
+    type: "primary",
+    icon: "el-icon-download"
+  },
+  imp: {
+    label: "导入",
+    type: "primary",
+    icon: "el-icon-upload"
+  },
+  del: {
+    label: "删除",
+    type: "primary",
+    icon: "el-icon-delete"
+  },
+  disabled: {
+    label: "禁用",
+    type: "primary",
+    icon: "el-icon-remove-outline"
+  },
+  reload: {
+    label: "刷新",
+    type: "primary",
+    icon: "el-icon-refresh"
+  },
+  search: {
+    label: "搜索",
+    icon: "el-icon-search",
+    separateLine: !1
+  }
+}, d = {
+  name: "Toolbar",
+  provide() {
+    return {
+      toolbar: this
+    };
+  },
+  props: {
+    searchable: Boolean,
+    buttons: {
+      type: Array,
+      default: () => ["back"]
+    },
+    back: {
+      type: Function
+    },
+    cancel: {
+      type: Function
+    },
+    emitter: {
+      type: String,
+      default: "self"
+    },
+    footer: Boolean,
+    label: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    goBack() {
+      const e = this.$route.path;
+      this.$bus("closeTab", e, this);
+    },
+    fire(e, t) {
+      this.emitter === "parent" ? this.$parent && this.$parent.$emit(e, t, this) : this.$emit(e, t, this);
+    },
+    createButton(e, {
+      label: t,
+      icon: o,
+      type: i,
+      separateLine: a = !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] || b)(c), n("ToolbarButton", {
+        attrs: {
+          "separate-line": a,
+          icon: o,
+          label: s,
+          footer: this.footer,
+          type: i
+        },
+        on: {
+          click: l
+        }
+      });
+    },
+    getLeftButtons() {
+      var o, i;
+      const {
+        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, 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 ? p : null;
+      });
+    },
+    getRightButtons() {
+      var t, o;
+      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
+    },
+    getSearchButton() {
+      const {
+        createButton: e
+      } = this;
+      return this.searchable ? e("search", u.search) : null;
+    }
+  },
+  render() {
+    const e = arguments[0];
+    return this.footer ? e("div", {
+      class: "footer-bar"
+    }, [this.getLeftButtons()]) : e("div", {
+      class: "toolbar"
+    }, [e("div", {
+      class: "toolbar-left"
+    }, [this.getLeftButtons()]), e("div", {
+      class: "toolbar-right"
+    }, [this.getRightButtons()])]);
+  }
+};
+let y, m;
+const h = {};
+var _ = /* @__PURE__ */ f(
+  d,
+  y,
+  m,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in h)
+    this[t] = h[t];
+}
+const S = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  S as default
+};

package/toolbar/style.css

@@ -0,0 +1 @@
+.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/toolbar-button/index.mjs

@@ -0,0 +1,108 @@
+var s = (t, o, e) => new Promise((c, i) => {
+  var _ = (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(_, u);
+  a((e = e.apply(t, o)).next());
+});
+import { isFunction as d } from "@web-utils/core";
+import { n as p } from "../chunks/vueComponentNormalizer.446f5dc4.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 (d(o))
+          try {
+            yield o(t);
+          } catch (e) {
+          }
+        this.loading = !1;
+      });
+    }
+  }
+}, r = {};
+var v = /* @__PURE__ */ p(
+  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{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/trigger/index.mjs

@@ -0,0 +1,71 @@
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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`
+    });
+  });
+}];
+const o = {
+  name: "Trigger",
+  props: {
+    mode: String,
+    showIcon: Boolean,
+    line: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      prefix: "egd-split-trigger"
+    };
+  },
+  computed: {
+    isVertical() {
+      return this.mode === "vertical";
+    },
+    classes() {
+      return [
+        this.prefix,
+        this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
+        this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
+      ];
+    },
+    barConClasses() {
+      return [
+        `${this.prefix}-bar-con`,
+        this.isVertical ? "vertical" : "horizontal"
+      ];
+    }
+  }
+}, i = {};
+var c = /* @__PURE__ */ n(
+  o,
+  a,
+  l,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let r in i)
+    this[r] = i[r];
+}
+const h = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  h as default
+};

package/verify/index.mjs

@@ -0,0 +1,80 @@
+import { s as n } from "../chunks/util.17330567.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.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 _ = {
+  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 c = /* @__PURE__ */ o(
+  _,
+  l,
+  u,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(t) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const f = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  f as default
+};

package/verify/style.css

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