@web-utils/component 2.7.19 → 2.7.21

package/dist/components/text-ellipsis/index.js

@@ -1,28 +1,28 @@
-import { s as o } from "../../chunks/util.23fe58fb.js";
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("div", {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-text-ellipsis",
     style: {
-      width: t.setPx(t.width, "100%")
+      width: _vm.setPx(_vm.width, "100%")
     }
-  }, [t._t("before"), i("ElTooltip", {
+  }, [_vm._t("before"), _c("ElTooltip", {
     attrs: {
-      content: t.text,
-      disabled: !(t.useTooltip && t.isHide),
-      placement: t.placement
+      content: _vm.text,
+      disabled: !(_vm.useTooltip && _vm.isHide),
+      placement: _vm.placement
     }
-  }, [i("span", [i("span", {
-    key: t.keyIndex,
+  }, [_c("span", [_c("span", {
+    key: _vm.keyIndex,
     ref: "text",
     staticClass: "avue-text-ellipsis__text"
-  }, [t._v(t._s(t.text))])])]), i("span", {
+  }, [_vm._v(_vm._s(_vm.text))])])]), _c("span", {
     ref: "more",
     staticClass: "avue-text-ellipsis__more"
-  }, [t._t("more")], 2), t._t("after")], 2);
-}, a = [];
-const f = {
+  }, [_vm._t("more")], 2), _vm._t("after")], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "TextEllipsis",
   props: {
     text: String,
@@ -60,49 +60,49 @@ const f = {
     this.init();
   },
   methods: {
-    setPx: o,
+    setPx,
     init() {
       this.oversize = !1, this.keyIndex += 1;
-      const t = this.$refs.more;
-      t.style.display = "none", this.isLimitHeight && this.limitShow();
+      const more = this.$refs.more;
+      more.style.display = "none", this.isLimitHeight && this.limitShow();
     },
     limitShow() {
       this.$nextTick(() => {
-        const t = this.$refs.text, e = this.$el, i = this.$refs.more;
+        const textDom = this.$refs.text, title = this.$el, more = 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(
+        if (textDom)
+          if (title.offsetHeight > this.height) {
+            more.style.display = "inline-block";
+            let text = this.text;
+            for (; title.offsetHeight > this.height && n > 0; )
+              title.offsetHeight > this.height * 3 ? textDom.innerText = text = text.substring(
                 0,
-                Math.floor(s.length / 2)
-              ) : t.innerText = s = s.substring(0, s.length - 1), n--;
+                Math.floor(text.length / 2)
+              ) : textDom.innerText = text = text.substring(0, text.length - 1), n--;
             this.$emit("hide"), this.isHide = !0;
           } else
             this.$emit("show"), this.isHide = !1;
       });
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ r(
-  f,
-  h,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(t) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const u = /* @__PURE__ */ function() {
-  return _.exports;
+const TextEllipsis = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  TextEllipsis as default
 };

package/dist/components/text-ellipsis/style.css

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

package/dist/components/tinymce-editor/index.js

@@ -1,86 +1,86 @@
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var s = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticStyle: {
       "margin-bottom": "10px"
     },
     style: {
-      height: e.height
+      height: _vm.height
     }
-  }, [e.lazy ? [e.focus && !e.inputDisabled ? r("TinymceWrapper", e._b({
+  }, [_vm.lazy ? [_vm.focus && !_vm.inputDisabled ? _c("TinymceWrapper", _vm._b({
     ref: "editor",
     attrs: {
-      "query-params": e.queryParams,
-      disabled: e.inputDisabled,
-      "show-types": e.showTypes,
-      value: e.value
+      "query-params": _vm.queryParams,
+      disabled: _vm.inputDisabled,
+      "show-types": _vm.showTypes,
+      value: _vm.value
     },
     on: {
-      "on-blur": e.onEditorBlur,
-      "dialog-show": function(i) {
-        e.hideOnBlur = !1;
+      "on-blur": _vm.onEditorBlur,
+      "dialog-show": function($event) {
+        _vm.hideOnBlur = !1;
       },
-      "dialog-hide": function(i) {
-        e.hideOnBlur = !0;
+      "dialog-hide": function($event) {
+        _vm.hideOnBlur = !0;
       },
-      input: function(i) {
-        return e.$emit("input", i);
+      input: function(val) {
+        return _vm.$emit("input", val);
       }
     }
-  }, "TinymceWrapper", e.$attrs, !1)) : r("div", {
+  }, "TinymceWrapper", _vm.$attrs, !1)) : _c("div", {
     staticClass: "editor-shadow",
     class: [{
-      "show-placeholder": e.isEmpty
+      "show-placeholder": _vm.isEmpty
     }],
     style: {
-      cursor: e.inputDisabled ? "not-allowed" : "text"
+      cursor: _vm.inputDisabled ? "not-allowed" : "text"
     },
     attrs: {
-      placeholder: e.inputDisabled ? "" : e.placeholder
+      placeholder: _vm.inputDisabled ? "" : _vm.placeholder
     },
     domProps: {
-      innerHTML: e._s(e.value)
+      innerHTML: _vm._s(_vm.value)
     },
     on: {
-      click: e.onEditorShadowClick
+      click: _vm.onEditorShadowClick
     }
-  })] : [e.inputDisabled ? r("div", {
+  })] : [_vm.inputDisabled ? _c("div", {
     staticClass: "editor-shadow",
     class: [{
-      "show-placeholder": e.isEmpty
+      "show-placeholder": _vm.isEmpty
     }],
     style: {
-      cursor: e.inputDisabled ? "not-allowed" : "text"
+      cursor: _vm.inputDisabled ? "not-allowed" : "text"
     },
     attrs: {
-      placeholder: e.inputDisabled ? "" : e.placeholder
+      placeholder: _vm.inputDisabled ? "" : _vm.placeholder
     },
     domProps: {
-      innerHTML: e._s(e.value)
+      innerHTML: _vm._s(_vm.value)
     }
-  }) : r("TinymceWrapper", e._b({
+  }) : _c("TinymceWrapper", _vm._b({
     ref: "editor",
     attrs: {
-      "query-params": e.queryParams,
-      disabled: e.inputDisabled,
-      value: e.value
+      "query-params": _vm.queryParams,
+      disabled: _vm.inputDisabled,
+      value: _vm.value
     },
     on: {
-      "on-blur": e.onEditorBlur,
-      "dialog-show": function(i) {
-        e.hideOnBlur = !1;
+      "on-blur": _vm.onEditorBlur,
+      "dialog-show": function($event) {
+        _vm.hideOnBlur = !1;
       },
-      "dialog-hide": function(i) {
-        e.hideOnBlur = !0;
+      "dialog-hide": function($event) {
+        _vm.hideOnBlur = !0;
       },
-      input: function(i) {
-        return e.$emit("input", i);
+      input: function(val) {
+        return _vm.$emit("input", val);
       }
     }
-  }, "TinymceWrapper", e.$attrs, !1))]], 2);
-}, a = [];
-const l = {
+  }, "TinymceWrapper", _vm.$attrs, !1))]], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "TinymceEditor",
   inject: {
     elForm: {
@@ -126,8 +126,8 @@ const l = {
     }
   },
   watch: {
-    hideOnBlur(e) {
-      e && this.onEditorShadowClick();
+    hideOnBlur(newVal) {
+      newVal && this.onEditorShadowClick();
     }
   },
   methods: {
@@ -141,33 +141,33 @@ const l = {
       if (this.inputDisabled)
         return;
       this.focus = !0, await this.$nextTick();
-      const e = this.getEditor();
-      e.focus();
-      const t = e.getBody();
-      e.selection.setCursorLocation(t, t.childNodes.length);
+      const editor = this.getEditor();
+      editor.focus();
+      const body = editor.getBody();
+      editor.selection.setCursorLocation(body, body.childNodes.length);
     },
-    insertContent(e) {
-      this.getEditor().insertContent(e);
+    insertContent(content) {
+      this.getEditor().insertContent(content);
     }
   }
-}, n = {};
-var d = /* @__PURE__ */ o(
-  l,
-  s,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return d.exports;
+const TinymceEditor = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  TinymceEditor as default
 };

package/dist/components/tinymce-editor/style.css

@@ -1 +1,37 @@
-.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}
+.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

@@ -1,6 +1,6 @@
 import "tinymce/skins/lightgray/skin.min.css";
-import d from "tinymce";
-import c from "@tinymce/tinymce-vue";
+import tinymce from "tinymce";
+import Editor from "@tinymce/tinymce-vue";
 import "tinymce/themes/modern/theme";
 import "tinymce/plugins/contextmenu";
 import "tinymce/plugins/wordcount";
@@ -8,9 +8,9 @@ import "tinymce/plugins/image";
 import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/preview";
 import "tinymce/plugins/imagetools";
-import { guid as u } from "@web-utils/core";
-import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const m = {
+import { guid } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const zhCN = {
   Redo: "重做",
   Undo: "撤销",
   Cut: "剪切",
@@ -400,51 +400,51 @@ const m = {
   Caption: "标题",
   "Insert template": "插入模板"
 };
-var g = function() {
-  var e = this, a = e.$createElement, i = e._self._c || a;
-  return e.show ? i("div", {
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.show ? _c("div", {
     class: ["tinymce-editor", {
-      "none-resize": !e.resize
+      "none-resize": !_vm.resize
     }]
-  }, [i("Editor", {
+  }, [_c("Editor", {
     ref: "editor",
     attrs: {
-      disabled: e.inputDisabled,
+      disabled: _vm.inputDisabled,
       "model-events": "change input undo redo SetContent",
-      init: e.init
+      init: _vm.init
     },
     model: {
-      value: e.val,
-      callback: function(r) {
-        e.val = r;
+      value: _vm.val,
+      callback: function($$v) {
+        _vm.val = $$v;
       },
       expression: "val"
     }
-  }), i("ElUpload", {
+  }), _c("ElUpload", {
     ref: "uploader",
     staticStyle: {
       display: "none"
     },
     attrs: {
-      action: e.action,
-      headers: e.headers,
-      "before-upload": e.beforeUploadFile,
-      "on-success": e.onFileUploadSuccess,
+      action: _vm.action,
+      headers: _vm.headers,
+      "before-upload": _vm.beforeUploadFile,
+      "on-success": _vm.onFileUploadSuccess,
       "show-file-list": !1,
       data: {
-        unid: e.guid(),
-        type: e.fileLabel
+        unid: _vm.guid(),
+        type: _vm.fileLabel
       },
       "auto-upload": "",
       accept: ".jpg,.jpeg,.png,.gif,.bmp"
     }
-  }, [i("span")])], 1) : e._e();
-}, h = [];
-d.addI18n("zh_CN", m);
-const f = {
+  }, [_c("span")])], 1) : _vm._e();
+}, staticRenderFns = [];
+tinymce.addI18n("zh_CN", zhCN);
+const __vue2_script = {
   name: "TinymceWrapper",
   components: {
-    Editor: c
+    Editor
   },
   inject: {
     elForm: {
@@ -489,41 +489,41 @@ const f = {
     imageUrl: String
   },
   data() {
-    const a = ["fullscreen", "image", "wordcount"].join(","), i = this.buttons || [];
-    let r = this.toolbar || " | ";
-    return r = `bold italic underline | alignleft aligncenter alignright alignjustify | fontselect fontsizeselect | removeformat |  | ${r}`, i && (r += ` ${i.map((o) => o.name).join(" ")}`), r += " | fullscreen", {
+    const defaultPlugins = ["fullscreen", "image", "wordcount"].join(","), buttons = this.buttons || [];
+    let toolbar = this.toolbar || " | ";
+    return toolbar = `bold italic underline | alignleft aligncenter alignright alignjustify | fontselect fontsizeselect | removeformat |  | ${toolbar}`, buttons && (toolbar += ` ${buttons.map((value) => value.name).join(" ")}`), toolbar += " | fullscreen", {
       val: "",
       show: !0,
       init: {
-        setup: (o) => {
-          o.settings.dialog_title = this.dialogTitle, o.settings.show_types = this.showTypes, o.on("PreInit", (t) => {
-            t.target.dom.doc.body.style.fontFamily = "微软雅黑";
-          }), o.on("Blur", (t) => {
-            this.$emit("on-blur", t);
-          }), o.on("DialogShow", (t) => {
-            this.$emit("dialog-show", t);
-          }), o.on("DialogHide", (t) => {
-            this.$emit("dialog-hide", t);
-          }), i.forEach((t) => {
-            t.icon = ` ${t.icon}`;
-            const { onclick: s } = t;
-            o.addButton(t.name, {
-              ...t,
-              onclick: () => s(o)
+        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, {
+              ...btn,
+              onclick: () => onclick(editor)
             });
           });
-          const n = {
+          const uploadButton = {
             icon: " el-icon-picture",
             name: "uploadImage",
             title: "上传图片",
             onclick: this.upload
           };
-          o.addButton(n.name, {
-            ...n,
-            onclick: () => n.onclick(o)
+          editor.addButton(uploadButton.name, {
+            ...uploadButton,
+            onclick: () => uploadButton.onclick(editor)
           });
         },
-        toolbar: r,
+        toolbar,
         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: "宋体",
@@ -535,7 +535,7 @@ const f = {
         menubar: !1,
         height: "100%",
         elementpath: !1,
-        plugins: `${a},${this.plugins}`,
+        plugins: `${defaultPlugins},${this.plugins}`,
         font_formats: '微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";'
       }
     };
@@ -548,26 +548,26 @@ const f = {
       return this.prop ? this.prop : this.elFormItem ? this.elFormItem.prop : "";
     },
     action() {
-      var e;
-      return (e = this.getUploadUrl) == null ? void 0 : e.call(this);
+      var _a;
+      return (_a = this.getUploadUrl) == null ? void 0 : _a.call(this);
     },
     headers() {
-      var e;
-      return (e = this.getHeader) == null ? void 0 : e.call(this);
+      var _a;
+      return (_a = this.getHeader) == null ? void 0 : _a.call(this);
     }
   },
   watch: {
     value: {
       immediate: !0,
-      handler(e) {
-        this.val = e;
+      handler(newVal) {
+        this.val = newVal;
       }
     },
-    dialogTitle(e) {
-      this.getEditor() && (this.getEditor().settings.dialog_title = e);
+    dialogTitle(newVal) {
+      this.getEditor() && (this.getEditor().settings.dialog_title = newVal);
     },
-    val(e) {
-      this.elForm && this.elFormItem && this.elForm.clearValidate([this.elFormItem.prop]), this.$emit("input", e);
+    val(newVal) {
+      this.elForm && this.elFormItem && this.elForm.clearValidate([this.elFormItem.prop]), this.$emit("input", newVal);
     }
   },
   deactivated() {
@@ -580,7 +580,7 @@ const f = {
     getEditor() {
       return this.$refs.editor.editor;
     },
-    guid: u,
+    guid,
     focus() {
       this.getEditor().focus();
     },
@@ -589,30 +589,30 @@ const f = {
     },
     beforeUploadFile() {
     },
-    onFileUploadSuccess(e) {
+    onFileUploadSuccess(res) {
       this.getEditor().insertContent(
-        `<img alt="图片" src="${e.data.filePath.replace("/var/local/data/merge", this.imageUrl || "")}"/>`
+        `<img alt="图片" src="${res.data.filePath.replace("/var/local/data/merge", this.imageUrl || "")}"/>`
       );
     }
   }
-}, l = {};
-var y = /* @__PURE__ */ p(
-  f,
-  g,
-  h,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  w,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function w(e) {
-  for (let a in l)
-    this[a] = l[a];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const D = /* @__PURE__ */ function() {
-  return y.exports;
+const TinymceWrapper = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  D as default
+  TinymceWrapper as default
 };

package/dist/components/tinymce-wrapper/style.css

@@ -1 +1,30 @@
-.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}
+.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;
+}