@web-utils/component 2.0.9 → 2.0.11

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/5d4282fb.js";
-const m = {
+import { guid } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+const zhCN = {
   Redo: "重做",
   Undo: "撤销",
   Cut: "剪切",
@@ -400,51 +400,55 @@ 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;
+  var _h = _vm.$createElement;
+  var _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"
+      "display": "none"
     },
     attrs: {
-      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
+      "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
       },
       "auto-upload": "",
-      accept: ".jpg,.jpeg,.png,.gif,.bmp"
+      "accept": ".jpg,.jpeg,.png,.gif,.bmp"
     }
-  }, [i("span")])], 1) : e._e();
-}, h = [];
-d.addI18n("zh_CN", m);
-const f = {
+  }, [_c("span")])], 1) : _vm._e();
+};
+var staticRenderFns = [];
+const TinymceWrapper_vue_vue_type_style_index_0_lang = "";
+tinymce.addI18n("zh_CN", zhCN);
+const __vue2_script = {
   name: "TinymceWrapper",
   components: {
-    Editor: c
+    Editor
   },
   inject: {
     elForm: {
@@ -462,11 +466,11 @@ const f = {
     resize: Boolean,
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     showTypes: {
       type: Boolean,
-      default: !0
+      default: true
     },
     plugins: {
       type: [String, Array],
@@ -489,53 +493,67 @@ 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 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 {
       val: "",
-      show: !0,
+      show: true,
       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: "宋体",
         fontFamily: "宋体",
-        branding: !1,
+        branding: false,
         query_params: this.queryParams,
-        skin: !1,
+        skin: false,
         dialog_title: "",
-        menubar: !1,
+        menubar: false,
         height: "100%",
-        elementpath: !1,
-        plugins: `${a},${this.plugins}`,
+        elementpath: false,
+        plugins: `${defaultPlugins},${this.plugins}`,
         font_formats: '微软雅黑="微软雅黑";宋体="宋体";黑体="黑体";仿宋="仿宋";楷体="楷体";隶书="隶书";幼圆="幼圆";Arial="Arial";'
       }
     };
@@ -545,42 +563,51 @@ const f = {
       return this.disabled || (this.elForm || {}).disabled;
     },
     fileLabel() {
-      return this.prop ? this.prop : this.elFormItem ? this.elFormItem.prop : "";
+      if (this.prop) {
+        return this.prop;
+      } else if (this.elFormItem) {
+        return this.elFormItem.prop;
+      } else {
+        return "";
+      }
     },
     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;
+      immediate: true,
+      handler(newVal) {
+        this.val = newVal;
       }
     },
-    dialogTitle(e) {
-      this.getEditor() && (this.getEditor().settings.dialog_title = e);
+    dialogTitle(newVal) {
+      if (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() {
-    this.show = !1;
+    this.show = false;
   },
   activated() {
-    this.show = !0;
+    this.show = true;
   },
   methods: {
     getEditor() {
       return this.$refs.editor.editor;
     },
-    guid: u,
+    guid,
     focus() {
       this.getEditor().focus();
     },
@@ -589,30 +616,32 @@ 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,
-  !1,
-  w,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __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,36 @@
-.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: normal normal normal 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 as h } from "@web-utils/core";
-import { n as b } from "../../chunks/5d4282fb.js";
-const p = {
+import { NOOP } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+const builtinButtons = {
   back: {
     label: "返回",
     type: "primary",
@@ -93,9 +93,10 @@ const p = {
   search: {
     label: "搜索",
     icon: "el-icon-search",
-    separateLine: !1
+    separateLine: false
   }
-}, f = {
+};
+const __vue2_script = {
   name: "Toolbar",
   provide() {
     return {
@@ -126,92 +127,112 @@ const p = {
   },
   methods: {
     goBack() {
-      const e = this.$route.path;
-      this.$bus("closeTab", e, this);
+      const path = this.$route.path;
+      this.$bus("closeTab", path, this);
     },
-    fire(e, t) {
-      this.emitter === "parent" ? this.$parent && this.$parent.$emit(e, t, this) : this.$emit(e, t, this);
+    fire(type, event) {
+      if (this.emitter === "parent") {
+        this.$parent && this.$parent.$emit(type, event, this);
+      } else {
+        this.$emit(type, event, this);
+      }
     },
-    createButton(e, {
-      label: t,
-      icon: o,
-      type: i,
-      separateLine: a = !0
+    createButton(key, {
+      label,
+      icon,
+      type,
+      separateLine = true
     }) {
-      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
+      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
         },
-        on: {
-          click: l
+        "on": {
+          "click": handler
         }
       });
     },
     getLeftButtons() {
-      var o, i;
+      var _a, _b;
       const {
-        createButton: e
+        createButton
       } = this;
-      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;
+      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;
+        }
       });
     },
     getRightButtons() {
-      var t, o;
-      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
+      var _a, _b;
+      const vNodes = (_b = (_a = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : _b.call(_a);
+      return vNodes || this.getSearchButton();
     },
     getSearchButton() {
       const {
-        createButton: e
+        createButton
       } = this;
-      return this.searchable ? e("search", p.search) : null;
+      return this.searchable ? createButton("search", builtinButtons.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"
+    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"
     }, [this.getRightButtons()])]);
   }
 };
-let d, y;
-const u = {};
-var m = /* @__PURE__ */ b(
-  f,
-  d,
-  y,
-  !1,
-  _,
+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,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in u)
-    this[t] = u[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const $ = /* @__PURE__ */ function() {
-  return m.exports;
+const Toolbar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  $ as default
+  Toolbar as default
 };

package/dist/components/toolbar/style.css

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