@web-utils/component 3.0.2 → 3.0.3

package/text-ellipsis/index.mjs

@@ -1,4 +1,4 @@
-import { s as o } from "../chunks/util.7844e2c2.mjs";
+import { s as o } from "../chunks/util.ae730cde.mjs";
 import r from "element-ui/lib/tooltip";
 import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var a = function() {

package/tinymce-editor/index.mjs

@@ -1,15 +1,15 @@
-var F = Object.defineProperty, C = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var b = (e, t, i) => t in e ? F(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, h = (e, t) => {
+var _ = Object.defineProperty, F = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var w = (e, t, i) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, h = (e, t) => {
   for (var i in t || (t = {}))
-    T.call(t, i) && b(e, i, t[i]);
-  if (w)
-    for (var i of w(t))
-      P.call(t, i) && b(e, i, t[i]);
+    T.call(t, i) && w(e, i, t[i]);
+  if (y)
+    for (var i of y(t))
+      B.call(t, i) && w(e, i, t[i]);
   return e;
-}, f = (e, t) => C(e, B(t));
+}, f = (e, t) => F(e, C(t));
 var p = (e, t, i) => new Promise((a, n) => {
   var o = (s) => {
     try {
@@ -27,8 +27,8 @@ var p = (e, t, i) => new Promise((a, n) => {
   r((i = i.apply(e, t)).next());
 });
 import "tinymce/skins/lightgray/skin.min.css";
-import S from "tinymce";
-import D from "@tinymce/tinymce-vue";
+import P from "tinymce";
+import S from "@tinymce/tinymce-vue";
 import "tinymce/themes/modern/theme";
 import "tinymce/plugins/contextmenu";
 import "tinymce/plugins/wordcount";
@@ -37,10 +37,10 @@ import "tinymce/plugins/image";
 import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/preview";
 import "tinymce/plugins/imagetools";
-import { getFilePrefix as A, guid as $ } from "@web-utils/core";
-import R from "element-ui/lib/upload";
-import { n as k } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const E = {
+import { getFilePrefix as D, guid as A } from "@web-utils/core";
+import $ from "element-ui/lib/upload";
+import { n as I } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const R = {
   Redo: "重做",
   Undo: "撤销",
   Cut: "剪切",
@@ -429,7 +429,7 @@ const E = {
   Spellcheck: "拼写检查",
   Caption: "标题",
   "Insert template": "插入模板"
-}, L = '方正小标宋="方正小标宋";仿宋GB2312="仿宋GB2312";微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";', U = `
+}, E = '方正小标宋="方正小标宋";仿宋GB2312="仿宋GB2312";微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";', L = `
 * {
     margin: 0;
     padding: 0
@@ -454,7 +454,7 @@ body {
     max-width: 100%;
 }
 `;
-function x(e) {
+function U(e) {
   let t;
   const i = e.naturalHeight, a = document.createElement("canvas");
   a.width = 1, a.height = i;
@@ -471,17 +471,17 @@ function x(e) {
   const s = r / i;
   return s === 0 ? 1 : s;
 }
-function _(e) {
+function k(e) {
   const t = atob(e.split(",")[1]), i = new ArrayBuffer(t.length), a = new Uint8Array(i);
   for (let n = 0; n < t.length; n++)
     a[n] = t.charCodeAt(n);
   return i;
 }
-function H(e) {
-  const t = e.split(",")[0].split(":")[1].split(";")[0], i = _(e);
+function x(e) {
+  const t = e.split(",")[0].split(":")[1].split(";")[0], i = k(e);
   return new Blob([i], { type: t });
 }
-function M(e) {
+function H(e) {
   const t = new DataView(e);
   if (t.getUint16(0, !1) !== 65496)
     return -2;
@@ -507,7 +507,7 @@ function M(e) {
   }
   return -1;
 }
-function q(e, t, i) {
+function M(e, t, i) {
   const a = e.width, n = e.height;
   switch (i > 4 && (e.width = n, e.height = a), i) {
     case 2:
@@ -533,33 +533,33 @@ function q(e, t, i) {
       break;
   }
 }
-function O(e) {
+function q(e) {
   return e.split(",")[0].split(":")[1].split(";")[0];
 }
-function z(e) {
-  return `.${O(e).replace("image/", "")}`;
+function O(e) {
+  return `.${q(e).replace("image/", "")}`;
 }
-function N(e, t) {
+function z(e, t) {
   return p(this, null, function* () {
     return new Promise((i, a) => {
       const n = new Image();
       n.onload = function() {
-        const o = x(n), l = M(_(n.src)), r = document.createElement("canvas"), s = r.getContext("2d"), d = t.compress.width, g = t.compress.height;
+        const o = U(n), l = H(k(n.src)), r = document.createElement("canvas"), s = r.getContext("2d"), d = t.compress.width, g = t.compress.height;
         let c = n.width, u = n.height;
-        c < u && u > g ? (c = parseInt(`${g * n.width / n.height}`), u = g) : c >= u && c > d && (u = parseInt(`${d * n.height / n.width}`), c = d), r.width = c, r.height = u, l > 0 && q(r, s, l), s.drawImage(n, 0, 0, c, u / o);
+        c < u && u > g ? (c = parseInt(`${g * n.width / n.height}`), u = g) : c >= u && c > d && (u = parseInt(`${d * n.height / n.width}`), c = d), r.width = c, r.height = u, l > 0 && M(r, s, l), s.drawImage(n, 0, 0, c, u / o);
         const m = r.toDataURL("image/jpeg", t.compress.quality);
-        /;base64,null/.test(m) || /;base64,$/.test(m) ? (t.onError(new Error(`Compress fail, dataURL is ${m}.`)), a(Error("图片压缩失败"))) : i(W(m, `${A(t.fileName)}.jpg`));
+        /;base64,null/.test(m) || /;base64,$/.test(m) ? (t.onError(new Error(`Compress fail, dataURL is ${m}.`)), a(Error("图片压缩失败"))) : i(W(m, `${D(t.fileName)}.jpg`));
       }, n.src = e;
     });
   });
 }
-function j(e, t) {
+function N(e, t) {
   return p(this, null, function* () {
-    const i = yield G(e);
-    return N(i, h({ fileName: e.name }, t));
+    const i = yield j(e);
+    return z(i, h({ fileName: e.name }, t));
   });
 }
-function G(e) {
+function j(e) {
   return new Promise((t, i) => {
     const a = new FileReader();
     a.onload = function(n) {
@@ -570,10 +570,10 @@ function G(e) {
   });
 }
 function W(e = "", t) {
-  const i = H(e);
-  return i.name = t || `image${z(e)}`, i;
+  const i = x(e);
+  return i.name = t || `image${O(e)}`, i;
 }
-var V = function() {
+var G = function() {
   var e = this, t = e.$createElement, i = e._self._c || t;
   return e.show ? i("div", {
     class: ["tinymce-editor", {
@@ -593,7 +593,7 @@ var V = function() {
       },
       expression: "val"
     }
-  }), i(R, {
+  }), i($, {
     ref: "uploader",
     staticStyle: {
       display: "none"
@@ -606,12 +606,12 @@ var V = function() {
       accept: ".jpg,.jpeg,.png,.gif,.bmp"
     }
   }, [i("span")])], 1) : e._e();
-}, Y = [];
-S.addI18n("zh_CN", E);
-const X = {
+}, V = [];
+P.addI18n("zh_CN", R);
+const Y = {
   name: "TinymceWrapper",
   components: {
-    Editor: D
+    Editor: S
   },
   inject: {
     elForm: {
@@ -693,7 +693,7 @@ const X = {
         },
         toolbar: a,
         placeholder: "在这里输入文字",
-        content_style: U,
+        content_style: L,
         fontname: "宋体",
         fontFamily: "宋体",
         branding: !1,
@@ -704,7 +704,7 @@ const X = {
         height: "100%",
         elementpath: !1,
         plugins: `${t},${this.plugins}`,
-        font_formats: L,
+        font_formats: E,
         fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt"
       }
     };
@@ -751,7 +751,7 @@ const X = {
         var o, l;
         try {
           this.loading = this.$loading({ text: "压缩中...", background: "rgba(0,0,0,0.2)" });
-          const r = yield j(e, {
+          const r = yield N(e, {
             compress: {
               width: 1920,
               height: 1600,
@@ -760,7 +760,7 @@ const X = {
           });
           this.loading.text = "上传中...";
           const s = yield this.api((o = this.getUploadUrl) == null ? void 0 : o.call(this), r, {
-            data: { unid: $(), type: this.fileLabel },
+            data: { unid: A(), type: this.fileLabel },
             onprogress(d) {
               i == null || i(d);
             }
@@ -799,23 +799,23 @@ const X = {
       return e.replace("/var/local/data/merge", "");
     }
   }
-}, v = {};
-var Z = /* @__PURE__ */ k(
-  X,
-  V,
+}, b = {};
+var X = /* @__PURE__ */ I(
   Y,
+  G,
+  V,
   !1,
-  J,
+  Z,
   null,
   null,
   null
 );
-function J(e) {
-  for (let t in v)
-    this[t] = v[t];
+function Z(e) {
+  for (let t in b)
+    this[t] = b[t];
 }
-const y = /* @__PURE__ */ function() {
-  return Z.exports;
+const J = /* @__PURE__ */ function() {
+  return X.exports;
 }();
 var K = function() {
   var e = this, t = e.$createElement, i = e._self._c || t;
@@ -826,7 +826,7 @@ var K = function() {
     style: {
       height: e.height
     }
-  }, [e.lazy ? [e.focus && !e.inputDisabled ? i(y, e._b({
+  }, [e.lazy ? [e.focus && !e.inputDisabled ? i("TinymceWrapper", e._b({
     ref: "editor",
     attrs: {
       "query-params": e.queryParams,
@@ -877,7 +877,7 @@ var K = function() {
     domProps: {
       innerHTML: e._s(e.value)
     }
-  }) : i(y, e._b({
+  }) : i("TinymceWrapper", e._b({
     ref: "editor",
     attrs: {
       "query-params": e.queryParams,
@@ -900,7 +900,7 @@ var K = function() {
 }, Q = [];
 const ee = {
   name: "TinymceEditor",
-  components: { TinymceWrapper: y },
+  components: { TinymceWrapper: J },
   inject: {
     elForm: {
       default: ""
@@ -971,8 +971,8 @@ const ee = {
       this.getEditor().insertContent(e);
     }
   }
-}, I = {};
-var te = /* @__PURE__ */ k(
+}, v = {};
+var te = /* @__PURE__ */ I(
   ee,
   K,
   Q,
@@ -983,8 +983,8 @@ var te = /* @__PURE__ */ k(
   null
 );
 function ie(e) {
-  for (let t in I)
-    this[t] = I[t];
+  for (let t in v)
+    this[t] = v[t];
 }
 const we = /* @__PURE__ */ function() {
   return te.exports;

package/toolbar/index.mjs

@@ -1,24 +1,217 @@
-import { _ as t } from "../chunks/Toolbar.vue_vue_type_style_index_0_lang.7594243c.mjs";
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-let _, r;
-const n = {};
-var s = /* @__PURE__ */ o(
-  t,
-  _,
-  r,
+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,
-  l,
+  g,
   null,
   null,
   null
 );
-function l(u) {
-  for (let e in n)
-    this[e] = n[e];
+function g(e) {
+  for (let t in h)
+    this[t] = h[t];
 }
-const a = /* @__PURE__ */ function() {
-  return s.exports;
+const S = /* @__PURE__ */ function() {
+  return _.exports;
 }();
 export {
-  a as default
+  S as default
 };

package/toolbar-button/index.mjs

@@ -1,23 +1,49 @@
-var i = (n, t, e) => new Promise((c, s) => {
-  var u = (o) => {
+var s = (t, o, e) => new Promise((_, i) => {
+  var p = (n) => {
     try {
-      a(e.next(o));
-    } catch (r) {
-      s(r);
+      a(e.next(n));
+    } catch (l) {
+      i(l);
     }
-  }, p = (o) => {
+  }, u = (n) => {
     try {
-      a(e.throw(o));
-    } catch (r) {
-      s(r);
+      a(e.throw(n));
+    } catch (l) {
+      i(l);
     }
-  }, a = (o) => o.done ? c(o.value) : Promise.resolve(o.value).then(u, p);
-  a((e = e.apply(n, t)).next());
+  }, a = (n) => n.done ? _(n.value) : Promise.resolve(n.value).then(p, u);
+  a((e = e.apply(t, o)).next());
 });
-import { isFunction as f } from "@web-utils/core";
-import { s as d, r as _ } from "../chunks/ToolbarButton.vue_vue_type_style_index_0_lang.e2cb14ba.mjs";
-import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const y = {
+import { isFunction as d } from "@web-utils/core";
+import r from "element-ui/lib/button";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var m = function() {
+  var t = this, o = t.$createElement, e = t._self._c || o;
+  return t.footer || t.toolbar.footer ? e(r, {
+    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(r, {
+    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 v = {
   name: "ToolbarButton",
   inject: {
     toolbar: {
@@ -47,36 +73,36 @@ const y = {
     };
   },
   methods: {
-    onClick(n) {
-      return i(this, null, function* () {
+    onClick(t) {
+      return s(this, null, function* () {
         this.loading = !0;
-        const { click: t } = this.$listeners;
-        if (f(t))
+        const { click: o } = this.$listeners;
+        if (d(o))
           try {
-            yield t(n);
+            yield o(t);
           } catch (e) {
           }
         this.loading = !1;
       });
     }
   }
-}, l = {};
-var g = /* @__PURE__ */ m(
-  y,
-  _,
-  d,
+}, c = {};
+var y = /* @__PURE__ */ f(
+  v,
+  m,
+  b,
   !1,
-  h,
+  g,
   null,
   null,
   null
 );
-function h(n) {
-  for (let t in l)
-    this[t] = l[t];
+function g(t) {
+  for (let o in c)
+    this[o] = c[o];
 }
 const x = /* @__PURE__ */ function() {
-  return g.exports;
+  return y.exports;
 }();
 export {
   x as default

package/verify/index.mjs

@@ -1,4 +1,4 @@
-import { s as n } from "../chunks/util.7844e2c2.mjs";
+import { s as n } from "../chunks/util.ae730cde.mjs";
 import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var l = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;

package/watermark/index.mjs

@@ -10,7 +10,7 @@ var u = (n, t, e) => t in n ? d(n, t, { enumerable: !0, configurable: !0, writab
       v.call(t, e) && u(n, e, t[e]);
   return n;
 }, c = (n, t) => g(n, y(t));
-import { g as b } from "../chunks/index.d91bd77a.mjs";
+import { g as b } from "../chunks/index.57f871af.mjs";
 import { n as S } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const k = {
   name: "Watermark",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",