@web-utils/component 2.7.36 → 2.7.37

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

@@ -0,0 +1,108 @@
+var c = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var l = (t, e, n) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, o = (t, e) => {
+  for (var n in e || (e = {}))
+    _.call(e, n) && l(t, n, e[n]);
+  if (r)
+    for (var n of r(e))
+      g.call(e, n) && l(t, n, e[n]);
+  return t;
+};
+import { hasOwn as i } from "@web-utils/core";
+import { n as m } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var f = 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(b) {
+          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("无")])], 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(" + 添加 ")]) : 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);
+}, d = [];
+const p = {
+  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 = o({}, t);
+        return this.transfer(e);
+      }) : this.tags;
+    }
+  },
+  watch: {
+    tags(t) {
+      this.elFormItem && t && t.length > 0 && this.elFormItem.clearValidate();
+    }
+  },
+  methods: {
+    getTagName(t) {
+      return i(t, "name") ? t.name : i(t, "label") ? t.label : t;
+    }
+  }
+}, u = {};
+var v = /* @__PURE__ */ m(
+  p,
+  f,
+  d,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const $ = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  $ as default
+};

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

@@ -1,33 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;
-}
+.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}

package/dist/components/text-ellipsis/index.mjs

@@ -0,0 +1,108 @@
+import { s as o } from "../../chunks/util.eca708b6.mjs";
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    staticClass: "avue-text-ellipsis",
+    style: {
+      width: t.setPx(t.width, "100%")
+    }
+  }, [t._t("before"), i("ElTooltip", {
+    attrs: {
+      content: t.text,
+      disabled: !(t.useTooltip && t.isHide),
+      placement: t.placement
+    }
+  }, [i("span", [i("span", {
+    key: t.keyIndex,
+    ref: "text",
+    staticClass: "avue-text-ellipsis__text"
+  }, [t._v(t._s(t.text))])])]), i("span", {
+    ref: "more",
+    staticClass: "avue-text-ellipsis__more"
+  }, [t._t("more")], 2), t._t("after")], 2);
+}, a = [];
+const f = {
+  name: "TextEllipsis",
+  props: {
+    text: String,
+    height: Number,
+    width: Number,
+    isLimitHeight: {
+      type: Boolean,
+      default: !0
+    },
+    useTooltip: {
+      type: Boolean,
+      default: !1
+    },
+    placement: String
+  },
+  data() {
+    return {
+      keyIndex: 0,
+      oversize: !1,
+      isHide: !1
+    };
+  },
+  watch: {
+    isLimitHeight() {
+      this.init();
+    },
+    text() {
+      this.init();
+    },
+    height() {
+      this.init();
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    setPx: o,
+    init() {
+      this.oversize = !1, this.keyIndex += 1;
+      const t = this.$refs.more;
+      t.style.display = "none", this.isLimitHeight && this.limitShow();
+    },
+    limitShow() {
+      this.$nextTick(() => {
+        const t = this.$refs.text, e = this.$el, i = this.$refs.more;
+        let n = 1e3;
+        if (t)
+          if (e.offsetHeight > this.height) {
+            i.style.display = "inline-block";
+            let s = this.text;
+            for (; e.offsetHeight > this.height && n > 0; )
+              e.offsetHeight > this.height * 3 ? t.innerText = s = s.substring(
+                0,
+                Math.floor(s.length / 2)
+              ) : t.innerText = s = s.substring(0, s.length - 1), n--;
+            this.$emit("hide"), this.isHide = !0;
+          } else
+            this.$emit("show"), this.isHide = !1;
+      });
+    }
+  }
+}, l = {};
+var _ = /* @__PURE__ */ r(
+  f,
+  h,
+  a,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const u = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  u as default
+};

package/dist/components/text-ellipsis/style.css

@@ -1,9 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-text-ellipsis__more {
-  padding: 0 2px;
-}
+.avue-text-ellipsis__more{padding:0 2px}

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

@@ -0,0 +1,191 @@
+var l = (e, i, t) => new Promise((r, a) => {
+  var u = (n) => {
+    try {
+      o(t.next(n));
+    } catch (s) {
+      a(s);
+    }
+  }, c = (n) => {
+    try {
+      o(t.throw(n));
+    } catch (s) {
+      a(s);
+    }
+  }, o = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(u, c);
+  o((t = t.apply(e, i)).next());
+});
+import { n as p } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticStyle: {
+      "margin-bottom": "10px"
+    },
+    style: {
+      height: e.height
+    }
+  }, [e.lazy ? [e.focus && !e.inputDisabled ? t("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)) : t("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 ? t("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)
+    }
+  }) : t("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);
+}, f = [];
+const m = {
+  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: "请输入..."
+    },
+    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;
+    },
+    onEditorShadowClick() {
+      return l(this, null, function* () {
+        if (this.inputDisabled)
+          return;
+        this.focus = !0, yield this.$nextTick();
+        const e = this.getEditor();
+        e.focus();
+        const i = e.getBody();
+        e.selection.setCursorLocation(i, i.childNodes.length);
+      });
+    },
+    insertContent(e) {
+      this.getEditor().insertContent(e);
+    }
+  }
+}, d = {};
+var y = /* @__PURE__ */ p(
+  m,
+  h,
+  f,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let i in d)
+    this[i] = d[i];
+}
+const g = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  g as default
+};

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

@@ -1,43 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;
-}
+.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}