@web-utils/component 4.0.0 → 4.0.2

package/toolbar/index.mjs

@@ -1,16 +1,16 @@
-import { h as i } from "vue";
-import { NOOP as u } from "@web-utils/core";
-import f from "../toolbar-button/index.mjs";
-import "../toolbar-button/style.css";
+import { h as u } from "vue";
+import { copy as g, NOOP as d } from "@web-utils/core";
+import { g as f } from "../chunks/configComponents.BDhlZU8F.mjs";
+import { n as y } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const h = {
   back: {
     label: "返回",
     type: "primary",
-    icon: "el-icon-d-arrow-left"
+    icon: "el-icon-arrow-left"
   },
   cancel: {
     label: "取消",
-    icon: "fa fa-undo"
+    icon: "el-icon-close"
   },
   create: {
     label: "新增",
@@ -20,12 +20,13 @@ const h = {
   save: {
     label: "保存",
     type: "primary",
-    icon: "fa fa-save"
+    icon: "el-icon-takeaway-box",
+    loadable: !0
   },
   withdraw: {
-    label: "撤回",
+    label: "提取",
     type: "primary",
-    icon: "fa fa-undo"
+    icon: "el-icon-refresh-left"
   },
   edit: {
     label: "编辑",
@@ -33,34 +34,34 @@ const h = {
     icon: "el-icon-edit-outline"
   },
   submit: {
-    label: "提交审批",
+    label: "审批办理",
     type: "primary",
-    icon: "fa fa-check"
+    icon: "el-icon-s-promotion"
   },
   publish: {
     label: "发布",
     type: "primary",
-    icon: "fa fa-send"
+    icon: "el-icon-s-promotion"
   },
   agree: {
     label: "同意",
     type: "primary",
-    icon: "fa fa-check-square-o"
+    icon: "el-icon-check"
   },
   disagree: {
     label: "不同意",
     type: "primary",
-    icon: "fa fa-mail-reply"
+    icon: "el-icon-close"
   },
   reject: {
     label: "退回",
     type: "primary",
-    icon: "fa fa-reply"
+    icon: "el-icon-s-release"
   },
   finish: {
     label: "完成",
     type: "primary",
-    icon: "fa fa-check-square"
+    icon: "el-icon-circle-check"
   },
   enable: {
     label: "启用",
@@ -82,6 +83,11 @@ const h = {
     type: "primary",
     icon: "el-icon-delete"
   },
+  print: {
+    label: "打印",
+    type: "primary",
+    icon: "el-icon-printer"
+  },
   disabled: {
     label: "禁用",
     type: "primary",
@@ -89,15 +95,23 @@ const h = {
   },
   reload: {
     label: "刷新",
-    type: "primary",
-    icon: "el-icon-refresh"
+    icon: "el-icon-refresh",
+    separateLine: !1,
+    circle: !0
+  },
+  settings: {
+    label: "设置",
+    icon: "el-icon-s-operation",
+    separateLine: !1,
+    circle: !0
   },
   search: {
     label: "搜索",
     icon: "el-icon-search",
-    separateLine: !1
+    separateLine: !1,
+    circle: !0
   }
-}, v = {
+}, B = {
   name: "Toolbar",
   provide() {
     return {
@@ -106,50 +120,49 @@ const h = {
   },
   props: {
     searchable: Boolean,
+    refreshable: Boolean,
     buttons: {
       type: Array,
       default: () => ["back"]
     },
-    back: {
-      type: Function
-    },
-    cancel: {
-      type: Function
-    },
+    back: Function,
+    cancel: Function,
     emitter: {
       type: String,
       default: "self"
     },
     footer: Boolean,
-    label: {
-      type: Object,
-      default: () => ({})
-    }
+    label: Object
   },
   methods: {
     goBack() {
+      var n, o;
       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);
+      (o = (n = f.toolbar) == null ? void 0 : n.goBack) == null || o.call(n, e);
     },
     createButton(e, {
-      label: t,
+      label: n,
       icon: o,
-      type: s,
-      separateLine: a = !0
+      type: a,
+      separateLine: s = !0,
+      loadable: t,
+      circle: l,
+      onClick: c,
+      title: i
     }) {
-      var l;
+      var b;
       let r;
-      const n = ((l = this.label) == null ? void 0 : l[e]) || t;
-      return ["back", "cancel"].includes(e) ? r = this.goBack : r = (c) => (this.$listeners[e] || u)(c), i(f, {
+      const p = ((b = this.label) == null ? void 0 : b[e]) || n;
+      return c ? r = c : ["back", "cancel"].includes(e) ? r = this.goBack : r = (m) => (this.$listeners[e] || d)(m), u("ToolbarButton", {
         attrs: {
-          "separate-line": a,
+          "separate-line": s,
           icon: o,
-          label: n,
+          title: i,
+          label: p,
+          loadable: t,
+          circle: l,
           footer: this.footer,
-          type: s
+          type: a
         },
         on: {
           click: r
@@ -157,42 +170,86 @@ const h = {
       });
     },
     getLeftButtons() {
-      var o, s;
+      var a, s;
       const {
         createButton: e
-      } = this;
-      return ((s = (o = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : s.call(o)) || this.buttons.map((a) => {
-        var n, l, c, p, b;
-        const r = h[a];
-        return r ? ((l = (n = this.$scopedSlots)[a]) == null ? void 0 : l.call(n)) || e(a, r) : a === "slot" && (b = (p = (c = this.$scopedSlots).default) == null ? void 0 : p.call(c, {
+      } = this, o = ((s = (a = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : s.call(a)) || this.buttons.flatMap((t) => {
+        var c, i, r, p;
+        const l = h[t];
+        return l ? ((i = (c = this.$scopedSlots)[t]) == null ? void 0 : i.call(c)) || e(t, l) : t === "slot" ? ((p = (r = this.$scopedSlots).default) == null ? void 0 : p.call(r, {
           buttons: this.buttons,
           footer: this.footer
-        })) != null ? b : null;
+        })) ?? null : null;
+      });
+      return o == null ? void 0 : o.filter((t) => {
+        var l;
+        return (l = t == null ? void 0 : t.componentOptions) != null && l.propsData.privilege ? f.privilege.hasAuthority(t.componentOptions.propsData.privilege) : !0;
       });
     },
     getRightButtons() {
-      var t, o;
-      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
+      var a, s, t, l;
+      const e = (s = (a = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : s.call(a), o = [...((l = (t = this.$scopedSlots)["toolbar-right-button"]) == null ? void 0 : l.call(t)) || [], this.getRefreshButton(), this.getSettingsButton(), this.getSearchButton()];
+      if (process.env.NODE_ENV === "development" && this.$parent.toggleSearch) {
+        const {
+          createButton: c
+        } = this;
+        o.push(c("copyColumnWidth", {
+          label: "复制列宽",
+          title: "复制列宽",
+          icon: "el-icon-document-copy",
+          separateLine: !1,
+          circle: !0,
+          onClick: () => {
+            let i = Array.from(this.$el.parentNode.querySelectorAll(".el-table__header > colgroup > col"));
+            i = i.filter((r, p) => p > 1 && p < i.length - 1).map((r) => `width="${r.getAttribute("width")}"`).join(`
+`), g(i, () => {
+              this.$message.success("复制成功");
+            });
+          }
+        }));
+      }
+      return e || o;
     },
     getSearchButton() {
       const {
         createButton: e
       } = this;
       return this.searchable ? e("search", h.search) : null;
+    },
+    getRefreshButton() {
+      const {
+        createButton: e
+      } = this;
+      return this.refreshable ? e("reload", h.reload) : null;
+    },
+    getSettingsButton() {
+      const {
+        createButton: e
+      } = this;
+      return this.refreshable ? e("settings", h.settings) : null;
     }
   },
   render() {
-    return this.footer ? i("div", {
+    return this.footer ? u("div", {
       class: "footer-bar"
-    }, [this.getLeftButtons()]) : i("div", {
+    }, [this.getLeftButtons()]) : u("div", {
       class: "toolbar"
-    }, [i("div", {
+    }, [u("div", {
       class: "toolbar-left"
-    }, [this.getLeftButtons()]), i("div", {
+    }, [this.getLeftButtons()]), u("div", {
       class: "toolbar-right"
     }, [this.getRightButtons()])]);
   }
-};
+}, _ = null, S = null;
+var v = /* @__PURE__ */ y(
+  B,
+  _,
+  S,
+  !1,
+  null,
+  null
+);
+const R = v.exports;
 export {
-  v as default
+  R as default
 };

package/toolbar/style.css

@@ -1 +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}
+.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 .el-button [class*=\ el-icon-],.toolbar .toolbar-left .el-button [class^=el-icon-]{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

@@ -1,77 +1,121 @@
-var s = (a, t, e) => new Promise((r, i) => {
-  var c = (o) => {
-    try {
-      n(e.next(o));
-    } catch (l) {
-      i(l);
-    }
-  }, d = (o) => {
-    try {
-      n(e.throw(o));
-    } catch (l) {
-      i(l);
-    }
-  }, n = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(c, d);
-  n((e = e.apply(a, t)).next());
-});
-import { isFunction as p } from "@web-utils/core";
-import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = {
+import { isFunction as n, isArray as r } from "@web-utils/core";
+import { g as a } from "../chunks/configComponents.BDhlZU8F.mjs";
+import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const s = {
   name: "ToolbarButton",
   inject: {
     toolbar: {
       default: ""
     }
   },
+  inheritAttrs: !1,
   props: {
-    label: {
-      type: String
-    },
-    icon: {
-      type: String
-    },
-    type: {
-      type: String
+    label: String,
+    icon: String,
+    type: String,
+    size: {
+      type: String,
+      default: "mini"
     },
+    loadable: Boolean,
     disabled: Boolean,
-    separateLine: {
-      type: Boolean,
-      default: !0
+    footer: Boolean,
+    circle: Boolean,
+    plain: Boolean,
+    round: Boolean,
+    primary: Boolean,
+    warning: Boolean,
+    nativeType: {
+      type: String,
+      default: "button"
     },
-    footer: Boolean
+    privilege: String,
+    // eslint-disable-next-line vue/require-prop-types
+    condition: {},
+    conditionTips: String,
+    confirm: Boolean,
+    confirmTips: String,
+    beforeExecute: Function,
+    afterExecute: Function,
+    route: [String, Object],
+    title: String,
+    cancelButtonText: String,
+    confirmButtonText: String
   },
   data() {
     return {
       loading: !1
     };
   },
+  computed: {
+    isVisible() {
+      return this.privilege ? a.privilege.hasAuthority(this.privilege) : !0;
+    }
+  },
   methods: {
-    onClick(a) {
-      return s(this, null, function* () {
-        this.loading = !0;
-        const { click: t } = this.$listeners;
-        if (p(t))
+    async onClick(o) {
+      try {
+        if (n(this.beforeExecute) && await this.beforeExecute() === !1)
+          return;
+        if (this.conditionTips) {
+          let t = !0;
+          if (r(this.condition) ? t = this.condition.length <= 0 : n(this.condition) ? t = !this.condition() : t = !this.condition, t) {
+            this.$message.warning(this.conditionTips);
+            return;
+          }
+        }
+        if (this.confirm || this.confirmTips)
           try {
-            yield t(a);
-          } catch (e) {
+            await this.$confirm(this.confirmTips || "你确定要删除该记录吗?", "系统提示", {
+              type: "warning",
+              distinguishCancelAndClose: !0,
+              cancelButtonText: this.cancelButtonText,
+              confirmButtonText: this.confirmButtonText
+            });
+          } catch (t) {
+            if (t === "cancel") {
+              const { cancel: e } = this.$listeners;
+              n(e) && await e(t);
+            } else if (t === "close") {
+              const { close: e } = this.$listeners;
+              n(e) && await e(t);
+            }
+            return;
           }
-        this.loading = !1;
-      });
+        this.loading = !0;
+        let i;
+        if (this.route)
+          await this.$router.push(this.route);
+        else {
+          const { click: t } = this.$listeners;
+          if (n(t))
+            try {
+              i = await t(o);
+            } catch {
+            }
+        }
+        this.loading = !1, n(this.afterExecute) && await this.afterExecute(i);
+      } catch {
+      }
     }
   }
 };
-var u = function() {
-  var t = this, e = t._self._c;
-  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 = [], m = /* @__PURE__ */ _(
-  f,
+var c = function() {
+  var i = this, t = i._self._c;
+  return i.isVisible && (i.footer || i.toolbar.footer) ? t("ElButton", { attrs: { disabled: i.disabled || i.loading, circle: i.circle, plain: i.plain, size: i.size, loading: i.loadable ? i.loading : !1, type: i.primary ? "primary" : i.warning ? "warning" : i.type, round: i.round, "native-type": i.nativeType }, on: { click: i.onClick } }, [i.circle ? i._e() : [i._t("default", function() {
+    return [i._v(i._s(i.label))];
+  })]], 2) : i.isVisible ? t("ElButton", { attrs: { disabled: i.disabled || i.loading, plain: i.plain, size: i.size, icon: i.icon, "native-type": i.nativeType, circle: i.circle, loading: i.loadable ? i.loading : !1, type: i.primary ? "primary" : i.warning ? "warning" : i.type, round: i.round, title: i.title }, on: { click: i.onClick } }, [i.circle ? i._e() : [i._t("default", function() {
+    return [i._v(i._s(i.label))];
+  })]], 2) : i._e();
+}, u = [], f = /* @__PURE__ */ l(
+  s,
+  c,
   u,
-  b,
   !1,
   null,
   null
 );
-const B = m.exports;
+const g = f.exports;
 export {
-  B as default
+  g as default
 };