@web-utils/component 2.0.9 → 2.0.11

package/dist/components/tag-render/index.js

@@ -1,51 +1,55 @@
-import { hasOwn as r } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
-var i = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { hasOwn } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "tag-render"
-  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.internalTags, function(s, a) {
-    return n("ElTag", {
-      key: a,
+  }, [_vm.tags && _vm.tags.length && _vm.tags[0] ? _vm._l(_vm.internalTags, function(tag, index) {
+    return _c("ElTag", {
+      key: index,
       attrs: {
-        closable: t.enable,
+        "closable": _vm.enable,
         "disable-transitions": ""
       },
       on: {
-        close: function(m) {
-          return t.$emit("close", t.tags[a], a);
+        "close": function($event) {
+          return _vm.$emit("close", _vm.tags[index], index);
         }
       }
-    }, [t._v(" " + t._s(t.getTagName(s)) + " ")]);
-  }) : t.enable ? t._e() : [n("span", {
+    }, [_vm._v(" " + _vm._s(_vm.getTagName(tag)) + " ")]);
+  }) : !_vm.enable ? [_c("span", {
     staticStyle: {
-      color: "#b5b5b5"
+      "color": "#b5b5b5"
     }
-  }, [t._v("无")])], t.enable ? n("ElButton", {
+  }, [_vm._v("无")])] : _vm._e(), _vm.enable ? _c("ElButton", {
     staticClass: "el-tag el-tag--medium el-tag--light button-new-tag",
     attrs: {
-      size: "small"
+      "size": "small"
     },
     on: {
-      click: function(s) {
-        return t.$emit("add");
+      "click": function($event) {
+        return _vm.$emit("add");
       }
     }
-  }, [t._v(" + 添加 ")]) : t._e(), t.count ? n("span", {
+  }, [_vm._v(" + 添加 ")]) : _vm._e(), _vm.count ? _c("span", {
     staticClass: "tags-count"
-  }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
-}, u = [];
-const c = {
+  }, [_vm._v(_vm._s(_vm.tags.length && _vm.tags[0] ? _vm.tags.length : ""))]) : _vm._e()], 2);
+};
+var staticRenderFns = [];
+const TagRender_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "TagRender",
   inject: ["elFormItem"],
   props: {
     enable: {
       type: Boolean,
-      default: !0
+      default: true
     },
     count: {
       type: Boolean,
-      default: !0
+      default: true
     },
     tags: {
       type: Array,
@@ -58,40 +62,50 @@ const c = {
   },
   computed: {
     internalTags() {
-      return this.transfer ? this.tags.map((t) => {
-        const e = { ...t };
-        return this.transfer(e);
+      return this.transfer ? this.tags.map((value) => {
+        const temp = { ...value };
+        return this.transfer(temp);
       }) : this.tags;
     }
   },
   watch: {
-    tags(t) {
-      this.elFormItem && t && t.length > 0 && this.elFormItem.clearValidate();
+    tags(newVal) {
+      if (this.elFormItem && newVal && newVal.length > 0) {
+        this.elFormItem.clearValidate();
+      }
     }
   },
   methods: {
-    getTagName(t) {
-      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
+    getTagName(tag) {
+      if (hasOwn(tag, "name")) {
+        return tag.name;
+      } else if (hasOwn(tag, "label")) {
+        return tag.label;
+      } else {
+        return tag;
+      }
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ o(
-  c,
-  i,
-  u,
-  !1,
-  g,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(t) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const p = /* @__PURE__ */ function() {
-  return _.exports;
+const TagRender = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  TagRender as default
 };

package/dist/components/tag-render/style.css

@@ -1 +1,33 @@
-.tag-render{min-height:80px;padding-top:3px;padding-right:5px;padding-left:5px;overflow:hidden;background-color:#fff;border:1px solid #d7dae0;border-radius:4px}.tag-render .el-tag{margin-top:4px}.tag-render .button-new-tag{padding-top:0;padding-bottom:0}.tag-render .el-tag .el-tag__close:hover{background-color:#ee8677}.tag-render .tags-count{position:absolute;right:7px;bottom:-4px;color:#b7b7b7;font-size:.9em}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.tag-render {
+  min-height: 80px;
+  padding-top: 3px;
+  padding-right: 5px;
+  padding-left: 5px;
+  overflow: hidden;
+  background-color: #fff;
+  border: 1px solid #d7dae0;
+  border-radius: 4px;
+}
+.tag-render .el-tag {
+  margin-top: 4px;
+}
+.tag-render .button-new-tag {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.tag-render .el-tag .el-tag__close:hover {
+  background-color: #ee8677;
+}
+.tag-render .tags-count {
+  position: absolute;
+  right: 7px;
+  bottom: -4px;
+  color: #b7b7b7;
+  font-size: 0.9em;
+}

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

@@ -1,86 +1,90 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _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 = false;
       },
-      "dialog-hide": function(i) {
-        e.hideOnBlur = !0;
+      "dialog-hide": function($event) {
+        _vm.hideOnBlur = true;
       },
-      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, false)) : _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("TinymceWrapper", _vm._b({
+    ref: "editor",
+    attrs: {
+      "query-params": _vm.queryParams,
+      "disabled": _vm.inputDisabled,
+      "value": _vm.value
+    },
+    on: {
+      "on-blur": _vm.onEditorBlur,
+      "dialog-show": function($event) {
+        _vm.hideOnBlur = false;
+      },
+      "dialog-hide": function($event) {
+        _vm.hideOnBlur = true;
+      },
+      "input": function(val) {
+        return _vm.$emit("input", val);
+      }
+    }
+  }, "TinymceWrapper", _vm.$attrs, false)) : _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({
-    ref: "editor",
-    attrs: {
-      "query-params": e.queryParams,
-      disabled: e.inputDisabled,
-      value: e.value
-    },
-    on: {
-      "on-blur": e.onEditorBlur,
-      "dialog-show": function(i) {
-        e.hideOnBlur = !1;
-      },
-      "dialog-hide": function(i) {
-        e.hideOnBlur = !0;
-      },
-      input: function(i) {
-        return e.$emit("input", i);
-      }
-    }
-  }, "TinymceWrapper", e.$attrs, !1))]], 2);
-}, a = [];
-const l = {
+  })]], 2);
+};
+var staticRenderFns = [];
+const TinymceEditor_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "TinymceEditor",
   inject: {
     elForm: {
@@ -94,11 +98,11 @@ const l = {
     disabled: Boolean,
     lazy: {
       type: Boolean,
-      default: !0
+      default: true
     },
     showTypes: {
       type: Boolean,
-      default: !0
+      default: true
     },
     height: {
       type: String,
@@ -113,8 +117,8 @@ const l = {
   },
   data() {
     return {
-      hideOnBlur: !0,
-      focus: !1
+      hideOnBlur: true,
+      focus: false
     };
   },
   computed: {
@@ -126,48 +130,60 @@ const l = {
     }
   },
   watch: {
-    hideOnBlur(e) {
-      e && this.onEditorShadowClick();
+    hideOnBlur(newVal) {
+      if (newVal) {
+        this.onEditorShadowClick();
+      }
     }
   },
   methods: {
     onEditorBlur() {
-      this.inputDisabled || this.hideOnBlur && (this.focus = !1);
+      if (this.inputDisabled) {
+        return;
+      }
+      if (!this.hideOnBlur) {
+        return;
+      }
+      this.focus = false;
     },
     getEditor() {
       return this.$refs.editor.$refs.editor.editor;
     },
     async onEditorShadowClick() {
-      if (this.inputDisabled)
+      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);
-    },
-    insertContent(e) {
-      this.getEditor().insertContent(e);
+      }
+      this.focus = true;
+      await this.$nextTick();
+      const editor = this.getEditor();
+      editor.focus();
+      const body = editor.getBody();
+      editor.selection.setCursorLocation(body, body.childNodes.length);
+    },
+    insertContent(content) {
+      this.getEditor().insertContent(content);
     }
   }
-}, n = {};
-var d = /* @__PURE__ */ o(
-  l,
-  s,
-  a,
-  !1,
-  u,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __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,43 @@
-.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: bold;
+  font-family: "黑体", serif;
+  font-style: italic;
+  cursor: help !important;
+}
+.editor-shadow {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+  overflow: auto;
+  font-size: 16px;
+  font-family: "微软雅黑", 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;
+}