@web-utils/component 2.7.36 → 2.8.0

package/text-ellipsis/index.mjs

@@ -0,0 +1,108 @@
+import { s as o } from "../chunks/util.17330567.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    staticClass: "avue-text-ellipsis",
+    style: {
+      width: t.setPx(t.width, "100%")
+    }
+  }, [t._t("before"), i("ElTooltip", {
+    attrs: {
+      content: t.text,
+      disabled: !(t.useTooltip && t.isHide),
+      placement: t.placement
+    }
+  }, [i("span", [i("span", {
+    key: t.keyIndex,
+    ref: "text",
+    staticClass: "avue-text-ellipsis__text"
+  }, [t._v(t._s(t.text))])])]), i("span", {
+    ref: "more",
+    staticClass: "avue-text-ellipsis__more"
+  }, [t._t("more")], 2), t._t("after")], 2);
+}, a = [];
+const f = {
+  name: "TextEllipsis",
+  props: {
+    text: String,
+    height: Number,
+    width: Number,
+    isLimitHeight: {
+      type: Boolean,
+      default: !0
+    },
+    useTooltip: {
+      type: Boolean,
+      default: !1
+    },
+    placement: String
+  },
+  data() {
+    return {
+      keyIndex: 0,
+      oversize: !1,
+      isHide: !1
+    };
+  },
+  watch: {
+    isLimitHeight() {
+      this.init();
+    },
+    text() {
+      this.init();
+    },
+    height() {
+      this.init();
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    setPx: o,
+    init() {
+      this.oversize = !1, this.keyIndex += 1;
+      const t = this.$refs.more;
+      t.style.display = "none", this.isLimitHeight && this.limitShow();
+    },
+    limitShow() {
+      this.$nextTick(() => {
+        const t = this.$refs.text, e = this.$el, i = this.$refs.more;
+        let n = 1e3;
+        if (t)
+          if (e.offsetHeight > this.height) {
+            i.style.display = "inline-block";
+            let s = this.text;
+            for (; e.offsetHeight > this.height && n > 0; )
+              e.offsetHeight > this.height * 3 ? t.innerText = s = s.substring(
+                0,
+                Math.floor(s.length / 2)
+              ) : t.innerText = s = s.substring(0, s.length - 1), n--;
+            this.$emit("hide"), this.isHide = !0;
+          } else
+            this.$emit("show"), this.isHide = !1;
+      });
+    }
+  }
+}, l = {};
+var _ = /* @__PURE__ */ r(
+  f,
+  h,
+  a,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const u = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  u as default
+};

package/text-ellipsis/style.css

@@ -0,0 +1 @@
+.avue-text-ellipsis__more{padding:0 2px}

package/tinymce-editor/index.mjs

@@ -0,0 +1,191 @@
+var l = (e, i, t) => new Promise((r, a) => {
+  var u = (n) => {
+    try {
+      o(t.next(n));
+    } catch (s) {
+      a(s);
+    }
+  }, c = (n) => {
+    try {
+      o(t.throw(n));
+    } catch (s) {
+      a(s);
+    }
+  }, o = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(u, c);
+  o((t = t.apply(e, i)).next());
+});
+import { n as p } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticStyle: {
+      "margin-bottom": "10px"
+    },
+    style: {
+      height: e.height
+    }
+  }, [e.lazy ? [e.focus && !e.inputDisabled ? t("TinymceWrapper", e._b({
+    ref: "editor",
+    attrs: {
+      "query-params": e.queryParams,
+      disabled: e.inputDisabled,
+      "show-types": e.showTypes,
+      value: e.value
+    },
+    on: {
+      "on-blur": e.onEditorBlur,
+      "dialog-show": function(r) {
+        e.hideOnBlur = !1;
+      },
+      "dialog-hide": function(r) {
+        e.hideOnBlur = !0;
+      },
+      input: function(r) {
+        return e.$emit("input", r);
+      }
+    }
+  }, "TinymceWrapper", e.$attrs, !1)) : t("div", {
+    staticClass: "editor-shadow",
+    class: [{
+      "show-placeholder": e.isEmpty
+    }],
+    style: {
+      cursor: e.inputDisabled ? "not-allowed" : "text"
+    },
+    attrs: {
+      placeholder: e.inputDisabled ? "" : e.placeholder
+    },
+    domProps: {
+      innerHTML: e._s(e.value)
+    },
+    on: {
+      click: e.onEditorShadowClick
+    }
+  })] : [e.inputDisabled ? t("div", {
+    staticClass: "editor-shadow",
+    class: [{
+      "show-placeholder": e.isEmpty
+    }],
+    style: {
+      cursor: e.inputDisabled ? "not-allowed" : "text"
+    },
+    attrs: {
+      placeholder: e.inputDisabled ? "" : e.placeholder
+    },
+    domProps: {
+      innerHTML: e._s(e.value)
+    }
+  }) : t("TinymceWrapper", e._b({
+    ref: "editor",
+    attrs: {
+      "query-params": e.queryParams,
+      disabled: e.inputDisabled,
+      value: e.value
+    },
+    on: {
+      "on-blur": e.onEditorBlur,
+      "dialog-show": function(r) {
+        e.hideOnBlur = !1;
+      },
+      "dialog-hide": function(r) {
+        e.hideOnBlur = !0;
+      },
+      input: function(r) {
+        return e.$emit("input", r);
+      }
+    }
+  }, "TinymceWrapper", e.$attrs, !1))]], 2);
+}, f = [];
+const m = {
+  name: "TinymceEditor",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    disabled: Boolean,
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    showTypes: {
+      type: Boolean,
+      default: !0
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    value: String,
+    placeholder: {
+      type: String,
+      default: "请输入..."
+    },
+    queryParams: Object
+  },
+  data() {
+    return {
+      hideOnBlur: !0,
+      focus: !1
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    isEmpty() {
+      return !this.value;
+    }
+  },
+  watch: {
+    hideOnBlur(e) {
+      e && this.onEditorShadowClick();
+    }
+  },
+  methods: {
+    onEditorBlur() {
+      this.inputDisabled || this.hideOnBlur && (this.focus = !1);
+    },
+    getEditor() {
+      return this.$refs.editor.$refs.editor.editor;
+    },
+    onEditorShadowClick() {
+      return l(this, null, function* () {
+        if (this.inputDisabled)
+          return;
+        this.focus = !0, yield this.$nextTick();
+        const e = this.getEditor();
+        e.focus();
+        const i = e.getBody();
+        e.selection.setCursorLocation(i, i.childNodes.length);
+      });
+    },
+    insertContent(e) {
+      this.getEditor().insertContent(e);
+    }
+  }
+}, d = {};
+var y = /* @__PURE__ */ p(
+  m,
+  h,
+  f,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let i in d)
+    this[i] = d[i];
+}
+const g = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  g as default
+};

package/tinymce-editor/style.css

@@ -0,0 +1 @@
+.template-tag{margin:0 10px;color:#1e90ff;font-weight:700;font-family:\9ed1\4f53,serif;font-style:italic;cursor:help!important}.editor-shadow{position:relative;width:100%;height:100%;padding:10px;overflow:auto;font-size:16px;font-family:\5fae\8f6f\96c5\9ed1,serif;line-height:normal;text-align:left;word-break:normal;word-spacing:0;overflow-wrap:break-word;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:text}.show-placeholder{position:relative}.show-placeholder:after{position:absolute;top:10px;left:11px;color:#a9a9a9;content:attr(placeholder);pointer-events:none}

package/{dist/components/tinymce-wrapper/index.js → tinymce-wrapper/index.mjs}

@@ -1,25 +1,18 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var m = Object.defineProperty, g = Object.defineProperties;
+var h = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var c = (e, t, o) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, l = (e, t) => {
+  for (var o in t || (t = {}))
+    f.call(t, o) && c(e, o, t[o]);
+  if (d)
+    for (var o of d(t))
+      y.call(t, o) && c(e, o, t[o]);
+  return e;
+}, s = (e, t) => g(e, h(t));
 import "tinymce/skins/lightgray/skin.min.css";
-import tinymce from "tinymce";
-import Editor from "@tinymce/tinymce-vue";
+import w from "tinymce";
+import b from "@tinymce/tinymce-vue";
 import "tinymce/themes/modern/theme";
 import "tinymce/plugins/contextmenu";
 import "tinymce/plugins/wordcount";
@@ -27,9 +20,9 @@ import "tinymce/plugins/image";
 import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/preview";
 import "tinymce/plugins/imagetools";
-import { guid } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const zhCN = {
+import { guid as v } from "@web-utils/core";
+import { n as F } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const k = {
   Redo: "重做",
   Undo: "撤销",
   Cut: "剪切",
@@ -419,55 +412,51 @@ const zhCN = {
   Caption: "标题",
   "Insert template": "插入模板"
 };
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.show ? _c("div", {
+var C = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return e.show ? o("div", {
     class: ["tinymce-editor", {
-      "none-resize": !_vm.resize
+      "none-resize": !e.resize
     }]
-  }, [_c("Editor", {
+  }, [o("Editor", {
     ref: "editor",
     attrs: {
-      "disabled": _vm.inputDisabled,
+      disabled: e.inputDisabled,
       "model-events": "change input undo redo SetContent",
-      "init": _vm.init
+      init: e.init
     },
     model: {
-      value: _vm.val,
-      callback: function($$v) {
-        _vm.val = $$v;
+      value: e.val,
+      callback: function(a) {
+        e.val = a;
       },
       expression: "val"
     }
-  }), _c("ElUpload", {
+  }), o("ElUpload", {
     ref: "uploader",
     staticStyle: {
-      "display": "none"
+      display: "none"
     },
     attrs: {
-      "action": _vm.action,
-      "headers": _vm.headers,
-      "before-upload": _vm.beforeUploadFile,
-      "on-success": _vm.onFileUploadSuccess,
-      "show-file-list": false,
-      "data": {
-        unid: _vm.guid(),
-        type: _vm.fileLabel
+      action: e.action,
+      headers: e.headers,
+      "before-upload": e.beforeUploadFile,
+      "on-success": e.onFileUploadSuccess,
+      "show-file-list": !1,
+      data: {
+        unid: e.guid(),
+        type: e.fileLabel
       },
       "auto-upload": "",
-      "accept": ".jpg,.jpeg,.png,.gif,.bmp"
+      accept: ".jpg,.jpeg,.png,.gif,.bmp"
     }
-  }, [_c("span")])], 1) : _vm._e();
-};
-var staticRenderFns = [];
-const TinymceWrapper_vue_vue_type_style_index_0_lang = "";
-tinymce.addI18n("zh_CN", zhCN);
-const __vue2_script = {
+  }, [o("span")])], 1) : e._e();
+}, I = [];
+w.addI18n("zh_CN", k);
+const S = {
   name: "TinymceWrapper",
   components: {
-    Editor
+    Editor: b
   },
   inject: {
     elForm: {
@@ -485,11 +474,11 @@ const __vue2_script = {
     resize: Boolean,
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     showTypes: {
       type: Boolean,
-      default: true
+      default: !0
     },
     plugins: {
       type: [String, Array],
@@ -512,65 +501,51 @@ const __vue2_script = {
     imageUrl: String
   },
   data() {
-    const plugins = ["fullscreen", "image", "wordcount"];
-    const defaultPlugins = plugins.join(",");
-    const buttons = this.buttons || [];
-    let toolbar = this.toolbar || " | ";
-    const defaultToolbar = "bold italic underline | alignleft aligncenter alignright alignjustify | fontselect fontsizeselect | removeformat | ";
-    toolbar = `${defaultToolbar} | ${toolbar}`;
-    if (buttons) {
-      toolbar += ` ${buttons.map((value) => value.name).join(" ")}`;
-    }
-    toolbar += " | fullscreen";
-    return {
+    const t = ["fullscreen", "image", "wordcount"].join(","), o = this.buttons || [];
+    let a = this.toolbar || " | ";
+    return a = `bold italic underline | alignleft aligncenter alignright alignjustify | fontselect fontsizeselect | removeformat |  | ${a}`, o && (a += ` ${o.map((r) => r.name).join(" ")}`), a += " | fullscreen", {
       val: "",
-      show: true,
+      show: !0,
       init: {
-        setup: (editor) => {
-          editor.settings.dialog_title = this.dialogTitle;
-          editor.settings.show_types = this.showTypes;
-          editor.on("PreInit", (event) => {
-            event.target.dom.doc.body.style.fontFamily = "微软雅黑";
-          });
-          editor.on("Blur", (event) => {
-            this.$emit("on-blur", event);
-          });
-          editor.on("DialogShow", (event) => {
-            this.$emit("dialog-show", event);
-          });
-          editor.on("DialogHide", (event) => {
-            this.$emit("dialog-hide", event);
-          });
-          buttons.forEach((btn) => {
-            btn.icon = ` ${btn.icon}`;
-            const { onclick } = btn;
-            editor.addButton(btn.name, __spreadProps(__spreadValues({}, btn), {
-              onclick: () => onclick(editor)
+        setup: (r) => {
+          r.settings.dialog_title = this.dialogTitle, r.settings.show_types = this.showTypes, r.on("PreInit", (i) => {
+            i.target.dom.doc.body.style.fontFamily = "微软雅黑";
+          }), r.on("Blur", (i) => {
+            this.$emit("on-blur", i);
+          }), r.on("DialogShow", (i) => {
+            this.$emit("dialog-show", i);
+          }), r.on("DialogHide", (i) => {
+            this.$emit("dialog-hide", i);
+          }), o.forEach((i) => {
+            i.icon = ` ${i.icon}`;
+            const { onclick: p } = i;
+            r.addButton(i.name, s(l({}, i), {
+              onclick: () => p(r)
             }));
           });
-          const uploadButton = {
+          const n = {
             icon: " el-icon-picture",
             name: "uploadImage",
             title: "上传图片",
             onclick: this.upload
           };
-          editor.addButton(uploadButton.name, __spreadProps(__spreadValues({}, uploadButton), {
-            onclick: () => uploadButton.onclick(editor)
+          r.addButton(n.name, s(l({}, n), {
+            onclick: () => n.onclick(r)
           }));
         },
-        toolbar,
+        toolbar: a,
         placeholder: "在这里输入文字",
         content_style: "*{margin:0;padding:0} body{font-family: 微软雅黑, sans-serif;padding:10px; font-size: 18px} .template-tag {font-style: italic;color: #1e90ff;margin: 0 10px;font-weight: bold;cursor: help !important;font-family: 黑体,serif;}",
         fontname: "宋体",
         fontFamily: "宋体",
-        branding: false,
+        branding: !1,
         query_params: this.queryParams,
-        skin: false,
+        skin: !1,
         dialog_title: "",
-        menubar: false,
+        menubar: !1,
         height: "100%",
-        elementpath: false,
-        plugins: `${defaultPlugins},${this.plugins}`,
+        elementpath: !1,
+        plugins: `${t},${this.plugins}`,
         font_formats: '微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";'
       }
     };
@@ -580,51 +555,42 @@ const __vue2_script = {
       return this.disabled || (this.elForm || {}).disabled;
     },
     fileLabel() {
-      if (this.prop) {
-        return this.prop;
-      } else if (this.elFormItem) {
-        return this.elFormItem.prop;
-      } else {
-        return "";
-      }
+      return this.prop ? this.prop : this.elFormItem ? this.elFormItem.prop : "";
     },
     action() {
-      var _a;
-      return (_a = this.getUploadUrl) == null ? void 0 : _a.call(this);
+      var e;
+      return (e = this.getUploadUrl) == null ? void 0 : e.call(this);
     },
     headers() {
-      var _a;
-      return (_a = this.getHeader) == null ? void 0 : _a.call(this);
+      var e;
+      return (e = this.getHeader) == null ? void 0 : e.call(this);
     }
   },
   watch: {
     value: {
-      immediate: true,
-      handler(newVal) {
-        this.val = newVal;
+      immediate: !0,
+      handler(e) {
+        this.val = e;
       }
     },
-    dialogTitle(newVal) {
-      if (this.getEditor()) {
-        this.getEditor().settings.dialog_title = newVal;
-      }
+    dialogTitle(e) {
+      this.getEditor() && (this.getEditor().settings.dialog_title = e);
     },
-    val(newVal) {
-      this.elForm && this.elFormItem && this.elForm.clearValidate([this.elFormItem.prop]);
-      this.$emit("input", newVal);
+    val(e) {
+      this.elForm && this.elFormItem && this.elForm.clearValidate([this.elFormItem.prop]), this.$emit("input", e);
     }
   },
   deactivated() {
-    this.show = false;
+    this.show = !1;
   },
   activated() {
-    this.show = true;
+    this.show = !0;
   },
   methods: {
     getEditor() {
       return this.$refs.editor.editor;
     },
-    guid,
+    guid: v,
     focus() {
       this.getEditor().focus();
     },
@@ -633,32 +599,30 @@ const __vue2_script = {
     },
     beforeUploadFile() {
     },
-    onFileUploadSuccess(res) {
+    onFileUploadSuccess(e) {
       this.getEditor().insertContent(
-        `<img alt="图片" src="${res.data.filePath.replace("/var/local/data/merge", this.imageUrl || "")}"/>`
+        `<img alt="图片" src="${e.data.filePath.replace("/var/local/data/merge", this.imageUrl || "")}"/>`
       );
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, u = {};
+var A = /* @__PURE__ */ F(
+  S,
+  C,
+  I,
+  !1,
+  P,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function P(e) {
+  for (let t in u)
+    this[t] = u[t];
 }
-const TinymceWrapper = /* @__PURE__ */ function() {
-  return __component__.exports;
+const G = /* @__PURE__ */ function() {
+  return A.exports;
 }();
 export {
-  TinymceWrapper as default
+  G as default
 };

package/tinymce-wrapper/style.css

@@ -0,0 +1 @@
+.tinymce-editor{height:100%}.tinymce-editor.none-resize .mce-resizehandle{display:none}.tinymce-editor .mce-tinymce{flex:1;height:calc(100% - 4px)}.tinymce-editor .mce-tinymce .mce-menubtn.mce-fixed-width span{width:60px}.tinymce-editor .mce-tinymce>.mce-container-body{display:flex;flex-direction:column;height:100%}.tinymce-editor .mce-tinymce>.mce-container-body>.mce-edit-area{flex:1}.tinymce-editor .fa-icon{font: 14px/1 FontAwesome!important}.tinymce-editor .el-icon{font-family:element-icons,serif!important}.tinymce-editor .mce-label{display:none}