@web-utils/component 2.0.12 → 2.0.14

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

@@ -1,6 +1,6 @@
 import "tinymce/skins/lightgray/skin.min.css";
-import tinymce from "tinymce";
-import Editor from "@tinymce/tinymce-vue";
+import d from "tinymce";
+import c 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 } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const zhCN = {
+import { guid as u } from "@web-utils/core";
+import { n as p } from "../../chunks/5d4282fb.js";
+const m = {
   Redo: "重做",
   Undo: "撤销",
   Cut: "剪切",
@@ -400,55 +400,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 g = function() {
+  var e = this, a = e.$createElement, i = e._self._c || a;
+  return e.show ? i("div", {
     class: ["tinymce-editor", {
-      "none-resize": !_vm.resize
+      "none-resize": !e.resize
     }]
-  }, [_c("Editor", {
+  }, [i("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(r) {
+        e.val = r;
       },
       expression: "val"
     }
-  }), _c("ElUpload", {
+  }), i("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 = {
+  }, [i("span")])], 1) : e._e();
+}, h = [];
+d.addI18n("zh_CN", m);
+const f = {
   name: "TinymceWrapper",
   components: {
-    Editor
+    Editor: c
   },
   inject: {
     elForm: {
@@ -466,11 +462,11 @@ const __vue2_script = {
     resize: Boolean,
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     showTypes: {
       type: Boolean,
-      default: true
+      default: !0
     },
     plugins: {
       type: [String, Array],
@@ -493,67 +489,53 @@ 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 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", {
       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, {
-              ...btn,
-              onclick: () => onclick(editor)
+        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)
             });
           });
-          const uploadButton = {
+          const n = {
             icon: " el-icon-picture",
             name: "uploadImage",
             title: "上传图片",
             onclick: this.upload
           };
-          editor.addButton(uploadButton.name, {
-            ...uploadButton,
-            onclick: () => uploadButton.onclick(editor)
+          o.addButton(n.name, {
+            ...n,
+            onclick: () => n.onclick(o)
           });
         },
-        toolbar,
+        toolbar: r,
         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: `${a},${this.plugins}`,
         font_formats: '微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";'
       }
     };
@@ -563,51 +545,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: u,
     focus() {
       this.getEditor().focus();
     },
@@ -616,32 +589,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,
+}, l = {};
+var y = /* @__PURE__ */ p(
+  f,
+  g,
+  h,
+  !1,
+  w,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function w(e) {
+  for (let a in l)
+    this[a] = l[a];
 }
-const TinymceWrapper = /* @__PURE__ */ function() {
-  return __component__.exports;
+const D = /* @__PURE__ */ function() {
+  return y.exports;
 }();
 export {
-  TinymceWrapper as default
+  D as default
 };

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

@@ -1,36 +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: normal normal normal 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}

package/dist/components/toolbar/index.js

@@ -1,6 +1,6 @@
-import { NOOP } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const builtinButtons = {
+import { NOOP as h } from "@web-utils/core";
+import { n as b } from "../../chunks/5d4282fb.js";
+const p = {
   back: {
     label: "返回",
     type: "primary",
@@ -93,10 +93,9 @@ const builtinButtons = {
   search: {
     label: "搜索",
     icon: "el-icon-search",
-    separateLine: false
+    separateLine: !1
   }
-};
-const __vue2_script = {
+}, f = {
   name: "Toolbar",
   provide() {
     return {
@@ -127,112 +126,92 @@ const __vue2_script = {
   },
   methods: {
     goBack() {
-      const path = this.$route.path;
-      this.$bus("closeTab", path, this);
+      const e = this.$route.path;
+      this.$bus("closeTab", e, this);
     },
-    fire(type, event) {
-      if (this.emitter === "parent") {
-        this.$parent && this.$parent.$emit(type, event, this);
-      } else {
-        this.$emit(type, event, this);
-      }
+    fire(e, t) {
+      this.emitter === "parent" ? this.$parent && this.$parent.$emit(e, t, this) : this.$emit(e, t, this);
     },
-    createButton(key, {
-      label,
-      icon,
-      type,
-      separateLine = true
+    createButton(e, {
+      label: t,
+      icon: o,
+      type: i,
+      separateLine: a = !0
     }) {
-      var _a;
-      const h = this.$createElement;
-      let handler;
-      const buttonLabel = ((_a = this.label) == null ? void 0 : _a[key]) || label;
-      if (!["back", "cancel"].includes(key)) {
-        handler = (e) => (this.$listeners[key] || NOOP)(e);
-      } else {
-        handler = this.goBack;
-      }
-      return h("ToolbarButton", {
-        "attrs": {
-          "separate-line": separateLine,
-          "icon": icon,
-          "label": buttonLabel,
-          "footer": this.footer,
-          "type": type
+      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] || h)(c), n("ToolbarButton", {
+        attrs: {
+          "separate-line": a,
+          icon: o,
+          label: s,
+          footer: this.footer,
+          type: i
         },
-        "on": {
-          "click": handler
+        on: {
+          click: l
         }
       });
     },
     getLeftButtons() {
-      var _a, _b;
+      var o, i;
       const {
-        createButton
+        createButton: e
       } = this;
-      const toolbarLeft = (_b = (_a = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : _b.call(_a);
-      return toolbarLeft || this.buttons.map((key) => {
-        var _a2, _b2, _c, _d;
-        const button = builtinButtons[key];
-        if (button) {
-          const vNodes = (_b2 = (_a2 = this.$scopedSlots)[key]) == null ? void 0 : _b2.call(_a2);
-          return vNodes || createButton(key, button);
-        } else if (key === "slot") {
-          return ((_d = (_c = this.$scopedSlots).default) == null ? void 0 : _d.call(_c, {
-            buttons: this.buttons,
-            footer: this.footer
-          })) ?? null;
-        } else {
-          return null;
-        }
+      return ((i = (o = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : i.call(o)) || this.buttons.map((a) => {
+        var l, s, r, c;
+        const n = p[a];
+        return n ? ((s = (l = this.$scopedSlots)[a]) == null ? void 0 : s.call(l)) || e(a, n) : a === "slot" ? ((c = (r = this.$scopedSlots).default) == null ? void 0 : c.call(r, {
+          buttons: this.buttons,
+          footer: this.footer
+        })) ?? null : null;
       });
     },
     getRightButtons() {
-      var _a, _b;
-      const vNodes = (_b = (_a = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : _b.call(_a);
-      return vNodes || this.getSearchButton();
+      var t, o;
+      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
     },
     getSearchButton() {
       const {
-        createButton
+        createButton: e
       } = this;
-      return this.searchable ? createButton("search", builtinButtons.search) : null;
+      return this.searchable ? e("search", p.search) : null;
     }
   },
   render() {
-    const h = arguments[0];
-    return this.footer ? h("div", {
-      "class": "footer-bar"
-    }, [this.getLeftButtons()]) : h("div", {
-      "class": "toolbar"
-    }, [h("div", {
-      "class": "toolbar-left"
-    }, [this.getLeftButtons()]), h("div", {
-      "class": "toolbar-right"
+    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()])]);
   }
 };
-const Toolbar_vue_vue_type_style_index_0_lang = "";
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let d, y;
+const u = {};
+var m = /* @__PURE__ */ b(
+  f,
+  d,
+  y,
+  !1,
+  _,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function _(e) {
+  for (let t in u)
+    this[t] = u[t];
 }
-const Toolbar = /* @__PURE__ */ function() {
-  return __component__.exports;
+const $ = /* @__PURE__ */ function() {
+  return m.exports;
 }();
 export {
-  Toolbar as default
+  $ as default
 };

package/dist/components/toolbar/style.css

@@ -1,39 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.toolbar {
-  display: flex;
-  height: 40px;
-  padding: 0 10px;
-  line-height: 40px;
-  background-color: #fff;
-  border-bottom: 1px solid #e5e9ec;
-}
-.toolbar .toolbar-left {
-  flex: 1 1 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 {
-  margin-top: -1px;
-  color: #1989fa;
-  font-size: 15px;
-}
-.toolbar .toolbar-right .el-button {
-  display: inline-flex;
-  align-items: center;
-}
-.footer-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-top: 10px;
-}
-.footer-bar .el-button {
-  padding: 10px 40px;
-}
+.toolbar{display:flex;height:40px;padding:0 10px;line-height:40px;background-color:#fff;border-bottom:1px solid #e5e9ec}.toolbar .toolbar-left{flex:1 1 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{margin-top:-1px;color:#1989fa;font-size:15px}.toolbar .toolbar-right .el-button{display:inline-flex;align-items:center}.footer-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-top:10px}.footer-bar .el-button{padding:10px 40px}