@web-utils/component 2.7.36 → 2.7.37

package/dist/components/tinymce-wrapper/{index.js → 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/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.mjs

@@ -0,0 +1,217 @@
+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,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in h)
+    this[t] = h[t];
+}
+const S = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  S 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}