@web-utils/component 1.2.4 → 1.2.6

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

@@ -1 +1,97 @@
-var u=Object.defineProperty;var s=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var o=(e,t,n)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,l=(e,t)=>{for(var n in t||(t={}))d.call(t,n)&&o(e,n,t[n]);if(s)for(var n of s(t))c.call(t,n)&&o(e,n,t[n]);return e};import{hasOwn as i}from"@web-utils/core";import{n as p}from"../../chunks/6499de3a.js";var _=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"tag-render"},[e.tags&&e.tags.length&&e.tags[0]?e._l(e.internalTags,function(r,a){return n("ElTag",{key:a,attrs:{closable:e.enable,"disable-transitions":""},on:{close:function(x){return e.$emit("close",e.tags[a],a)}}},[e._v(" "+e._s(e.getTagName(r))+" ")])}):e.enable?e._e():[n("span",{staticStyle:{color:"#b5b5b5"}},[e._v("\u65E0")])],e.enable?n("ElButton",{staticClass:"el-tag el-tag--medium el-tag--light button-new-tag",attrs:{size:"small"},on:{click:function(r){return e.$emit("add")}}},[e._v(" + \u6DFB\u52A0 ")]):e._e(),e.count?n("span",{staticClass:"tags-count"},[e._v(e._s(e.tags.length&&e.tags[0]?e.tags.length:""))]):e._e()],2)},m=[];const f={name:"TagRender",inject:["elFormItem"],props:{enable:{type:Boolean,default:!0},count:{type:Boolean,default:!0},tags:{type:Array,default:()=>[]},transfer:{type:Function,default:null}},computed:{internalTags(){return this.transfer?this.tags.map(e=>{const t=l({},e);return this.transfer(t)}):this.tags}},watch:{tags(e){this.elFormItem&&e&&e.length>0&&this.elFormItem.clearValidate()}},methods:{getTagName(e){return i(e,"name")?e.name:i(e,"label")?e.label:e}}},g={};var b=p(f,_,m,!1,h,null,null,null);function h(e){for(let t in g)this[t]=g[t]}var v=function(){return b.exports}();export{v as default};
+import { hasOwn as r } from "@web-utils/core";
+import { n as o } from "../../chunks/6499de3a.js";
+var i = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "tag-render"
+  }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.internalTags, function(s, a) {
+    return n("ElTag", {
+      key: a,
+      attrs: {
+        closable: t.enable,
+        "disable-transitions": ""
+      },
+      on: {
+        close: function(m) {
+          return t.$emit("close", t.tags[a], a);
+        }
+      }
+    }, [t._v(" " + t._s(t.getTagName(s)) + " ")]);
+  }) : t.enable ? t._e() : [n("span", {
+    staticStyle: {
+      color: "#b5b5b5"
+    }
+  }, [t._v("\u65E0")])], t.enable ? n("ElButton", {
+    staticClass: "el-tag el-tag--medium el-tag--light button-new-tag",
+    attrs: {
+      size: "small"
+    },
+    on: {
+      click: function(s) {
+        return t.$emit("add");
+      }
+    }
+  }, [t._v(" + \u6DFB\u52A0 ")]) : t._e(), t.count ? n("span", {
+    staticClass: "tags-count"
+  }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
+}, u = [];
+const c = {
+  name: "TagRender",
+  inject: ["elFormItem"],
+  props: {
+    enable: {
+      type: Boolean,
+      default: !0
+    },
+    count: {
+      type: Boolean,
+      default: !0
+    },
+    tags: {
+      type: Array,
+      default: () => []
+    },
+    transfer: {
+      type: Function,
+      default: null
+    }
+  },
+  computed: {
+    internalTags() {
+      return this.transfer ? this.tags.map((t) => {
+        const e = { ...t };
+        return this.transfer(e);
+      }) : this.tags;
+    }
+  },
+  watch: {
+    tags(t) {
+      this.elFormItem && t && t.length > 0 && this.elFormItem.clearValidate();
+    }
+  },
+  methods: {
+    getTagName(t) {
+      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
+    }
+  }
+}, l = {};
+var _ = /* @__PURE__ */ o(
+  c,
+  i,
+  u,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const p = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  p as default
+};

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

@@ -1 +1,173 @@
-import{n}from"../../chunks/6499de3a.js";var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticStyle:{"margin-bottom":"10px"},style:{height:e.height}},[e.lazy?[e.focus&&!e.inputDisabled?i("TinymceWrapper",e._b({ref:"editor",attrs:{"query-params":e.queryParams,disabled:e.inputDisabled,"show-types":e.showTypes,value:e.value},on:{"on-blur":e.onEditorBlur,"dialog-show":function(r){e.hideOnBlur=!1},"dialog-hide":function(r){e.hideOnBlur=!0},input:function(r){return e.$emit("input",r)}}},"TinymceWrapper",e.$attrs,!1)):i("div",{staticClass:"editor-shadow",class:[{"show-placeholder":e.isEmpty}],style:{cursor:e.inputDisabled?"not-allowed":"text"},attrs:{placeholder:e.inputDisabled?"":e.placeholder},domProps:{innerHTML:e._s(e.value)},on:{click:e.onEditorShadowClick}})]:[e.inputDisabled?i("div",{staticClass:"editor-shadow",class:[{"show-placeholder":e.isEmpty}],style:{cursor:e.inputDisabled?"not-allowed":"text"},attrs:{placeholder:e.inputDisabled?"":e.placeholder},domProps:{innerHTML:e._s(e.value)}}):i("TinymceWrapper",e._b({ref:"editor",attrs:{"query-params":e.queryParams,disabled:e.inputDisabled,value:e.value},on:{"on-blur":e.onEditorBlur,"dialog-show":function(r){e.hideOnBlur=!1},"dialog-hide":function(r){e.hideOnBlur=!0},input:function(r){return e.$emit("input",r)}}},"TinymceWrapper",e.$attrs,!1))]],2)},l=[];const s={name:"TinymceEditor",inject:{elForm:{default:""},elFormItem:{default:""}},props:{disabled:Boolean,lazy:{type:Boolean,default:!0},showTypes:{type:Boolean,default:!0},height:{type:String,default:"300px"},value:String,placeholder:{type:String,default:"\u8BF7\u8F93\u5165..."},queryParams:Object},data(){return{hideOnBlur:!0,focus:!1}},computed:{inputDisabled(){return this.disabled||(this.elForm||{}).disabled},isEmpty(){return!this.value}},watch:{hideOnBlur(e){e&&this.onEditorShadowClick()}},methods:{onEditorBlur(){this.inputDisabled||!this.hideOnBlur||(this.focus=!1)},getEditor(){return this.$refs.editor.$refs.editor.editor},async onEditorShadowClick(){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)}}},o={};var d=n(s,a,l,!1,u,null,null,null);function u(e){for(let t in o)this[t]=o[t]}var p=function(){return d.exports}();export{p as default};
+import { n as o } from "../../chunks/6499de3a.js";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticStyle: {
+      "margin-bottom": "10px"
+    },
+    style: {
+      height: e.height
+    }
+  }, [e.lazy ? [e.focus && !e.inputDisabled ? r("TinymceWrapper", e._b({
+    ref: "editor",
+    attrs: {
+      "query-params": e.queryParams,
+      disabled: e.inputDisabled,
+      "show-types": e.showTypes,
+      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)) : r("div", {
+    staticClass: "editor-shadow",
+    class: [{
+      "show-placeholder": e.isEmpty
+    }],
+    style: {
+      cursor: e.inputDisabled ? "not-allowed" : "text"
+    },
+    attrs: {
+      placeholder: e.inputDisabled ? "" : e.placeholder
+    },
+    domProps: {
+      innerHTML: e._s(e.value)
+    },
+    on: {
+      click: e.onEditorShadowClick
+    }
+  })] : [e.inputDisabled ? r("div", {
+    staticClass: "editor-shadow",
+    class: [{
+      "show-placeholder": e.isEmpty
+    }],
+    style: {
+      cursor: e.inputDisabled ? "not-allowed" : "text"
+    },
+    attrs: {
+      placeholder: e.inputDisabled ? "" : e.placeholder
+    },
+    domProps: {
+      innerHTML: e._s(e.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 = {
+  name: "TinymceEditor",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    disabled: Boolean,
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    showTypes: {
+      type: Boolean,
+      default: !0
+    },
+    height: {
+      type: String,
+      default: "300px"
+    },
+    value: String,
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165..."
+    },
+    queryParams: Object
+  },
+  data() {
+    return {
+      hideOnBlur: !0,
+      focus: !1
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    isEmpty() {
+      return !this.value;
+    }
+  },
+  watch: {
+    hideOnBlur(e) {
+      e && this.onEditorShadowClick();
+    }
+  },
+  methods: {
+    onEditorBlur() {
+      this.inputDisabled || !this.hideOnBlur || (this.focus = !1);
+    },
+    getEditor() {
+      return this.$refs.editor.$refs.editor.editor;
+    },
+    async onEditorShadowClick() {
+      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);
+    }
+  }
+}, n = {};
+var d = /* @__PURE__ */ o(
+  l,
+  s,
+  a,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const p = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  p as default
+};