@web-utils/component 1.2.4 → 1.2.6

package/dist/components/toolbar/index.js

@@ -1 +1,217 @@
-import{NOOP as u}from"@web-utils/core";import{n as h}from"../../chunks/6499de3a.js";const b={back:{label:"\u8FD4\u56DE",type:"primary",icon:"el-icon-d-arrow-left"},cancel:{label:"\u53D6\u6D88",icon:"fa fa-undo"},create:{label:"\u65B0\u589E",type:"primary",icon:"el-icon-plus"},save:{label:"\u4FDD\u5B58",type:"primary",icon:"fa fa-save"},withdraw:{label:"\u64A4\u56DE",type:"primary",icon:"fa fa-undo"},edit:{label:"\u7F16\u8F91",type:"primary",icon:"el-icon-edit-outline"},submit:{label:"\u63D0\u4EA4\u5BA1\u6279",type:"primary",icon:"fa fa-check"},publish:{label:"\u53D1\u5E03",type:"primary",icon:"fa fa-send"},agree:{label:"\u540C\u610F",type:"primary",icon:"fa fa-check-square-o"},disagree:{label:"\u4E0D\u540C\u610F",type:"primary",icon:"fa fa-mail-reply"},reject:{label:"\u9000\u56DE",type:"primary",icon:"fa fa-reply"},finish:{label:"\u5B8C\u6210",type:"primary",icon:"fa fa-check-square"},enable:{label:"\u542F\u7528",type:"primary",icon:"el-icon-circle-check"},exp:{label:"\u5BFC\u51FA",type:"primary",icon:"el-icon-download"},imp:{label:"\u5BFC\u5165",type:"primary",icon:"el-icon-upload"},del:{label:"\u5220\u9664",type:"primary",icon:"el-icon-delete"},disabled:{label:"\u7981\u7528",type:"primary",icon:"el-icon-remove-outline"},reload:{label:"\u5237\u65B0",type:"primary",icon:"el-icon-refresh"},search:{label:"\u641C\u7D22",icon:"el-icon-search",separateLine:!1}};var 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:l=!0}){var r;const n=this.$createElement;let a;const s=((r=this.label)==null?void 0:r[e])||t;return["back","cancel"].includes(e)?a=this.goBack:a=c=>(this.$listeners[e]||u)(c),n("ToolbarButton",{attrs:{"separate-line":l,icon:o,label:s,footer:this.footer,type:i},on:{click:a}})},getLeftButtons(){var o,i;const{createButton:e}=this;return((i=(o=this.$scopedSlots)["toolbar-left"])==null?void 0:i.call(o))||this.buttons.map(l=>{var a,s,r,c,p;const n=b[l];return n?((s=(a=this.$scopedSlots)[l])==null?void 0:s.call(a))||e(l,n):l==="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",b.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 f={};var g=h(d,y,m,!1,_,null,null,null);function _(e){for(let t in f)this[t]=f[t]}var v=function(){return g.exports}();export{v as default};
+import { NOOP as b } from "@web-utils/core";
+import { n as f } from "../../chunks/6499de3a.js";
+const u = {
+  back: {
+    label: "\u8FD4\u56DE",
+    type: "primary",
+    icon: "el-icon-d-arrow-left"
+  },
+  cancel: {
+    label: "\u53D6\u6D88",
+    icon: "fa fa-undo"
+  },
+  create: {
+    label: "\u65B0\u589E",
+    type: "primary",
+    icon: "el-icon-plus"
+  },
+  save: {
+    label: "\u4FDD\u5B58",
+    type: "primary",
+    icon: "fa fa-save"
+  },
+  withdraw: {
+    label: "\u64A4\u56DE",
+    type: "primary",
+    icon: "fa fa-undo"
+  },
+  edit: {
+    label: "\u7F16\u8F91",
+    type: "primary",
+    icon: "el-icon-edit-outline"
+  },
+  submit: {
+    label: "\u63D0\u4EA4\u5BA1\u6279",
+    type: "primary",
+    icon: "fa fa-check"
+  },
+  publish: {
+    label: "\u53D1\u5E03",
+    type: "primary",
+    icon: "fa fa-send"
+  },
+  agree: {
+    label: "\u540C\u610F",
+    type: "primary",
+    icon: "fa fa-check-square-o"
+  },
+  disagree: {
+    label: "\u4E0D\u540C\u610F",
+    type: "primary",
+    icon: "fa fa-mail-reply"
+  },
+  reject: {
+    label: "\u9000\u56DE",
+    type: "primary",
+    icon: "fa fa-reply"
+  },
+  finish: {
+    label: "\u5B8C\u6210",
+    type: "primary",
+    icon: "fa fa-check-square"
+  },
+  enable: {
+    label: "\u542F\u7528",
+    type: "primary",
+    icon: "el-icon-circle-check"
+  },
+  exp: {
+    label: "\u5BFC\u51FA",
+    type: "primary",
+    icon: "el-icon-download"
+  },
+  imp: {
+    label: "\u5BFC\u5165",
+    type: "primary",
+    icon: "el-icon-upload"
+  },
+  del: {
+    label: "\u5220\u9664",
+    type: "primary",
+    icon: "el-icon-delete"
+  },
+  disabled: {
+    label: "\u7981\u7528",
+    type: "primary",
+    icon: "el-icon-remove-outline"
+  },
+  reload: {
+    label: "\u5237\u65B0",
+    type: "primary",
+    icon: "el-icon-refresh"
+  },
+  search: {
+    label: "\u641C\u7D22",
+    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/dist/components/toolbar-button/index.js

@@ -1 +1,90 @@
-import{isFunction as a}from"@web-utils/core";import{n as l}from"../../chunks/6499de3a.js";var r=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)},i=[];const s={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:{async onClick(t){this.loading=!0;const{click:o}=this.$listeners;if(a(o))try{await o(t)}catch{}this.loading=!1}}},n={};var c=l(s,r,i,!1,u,null,null,null);function u(t){for(let o in n)this[o]=n[o]}var d=function(){return c.exports}();export{d as default};
+import { isFunction as a } from "@web-utils/core";
+import { n as l } from "../../chunks/6499de3a.js";
+var i = function() {
+  var t = this, e = t.$createElement, o = t._self._c || e;
+  return t.footer || t.toolbar.footer ? o("ElButton", {
+    attrs: {
+      disabled: t.disabled || t.loading,
+      type: t.type
+    },
+    on: {
+      click: t.onClick
+    }
+  }, [t._v(" " + t._s(t.label) + " ")]) : o("span", {
+    staticClass: "form-toolbar-button"
+  }, [o("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 ? o("span", {
+    staticClass: "separate-line"
+  }) : t._e()], 1);
+}, s = [];
+const r = {
+  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: {
+    async onClick(t) {
+      this.loading = !0;
+      const { click: e } = this.$listeners;
+      if (a(e))
+        try {
+          await e(t);
+        } catch {
+        }
+      this.loading = !1;
+    }
+  }
+}, n = {};
+var c = /* @__PURE__ */ l(
+  r,
+  i,
+  s,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const p = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  p as default
+};

package/dist/components/trigger/index.js

@@ -1 +1,71 @@
-import{n}from"../../chunks/6499de3a.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`})})}];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=n(o,a,l,!1,_,null,null,null);function _(e){for(let r in i)this[r]=i[r]}var u=function(){return c.exports}();export{u as default};
+import { n } from "../../chunks/6499de3a.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`
+    });
+  });
+}];
+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
+};