@web-utils/component 2.0.13 → 2.7.0

package/dist/components/tabs/index.js

@@ -0,0 +1,90 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-tabs"
+  }, [e("ElTabs", {
+    attrs: {
+      "tab-position": t.parentOption.position,
+      type: t.parentOption.type
+    },
+    model: {
+      value: t.active,
+      callback: function(n) {
+        t.active = n;
+      },
+      expression: "active"
+    }
+  }, t._l(t.columnOption, function(n, s) {
+    return e("ElTabPane", {
+      key: s,
+      attrs: {
+        name: s + "",
+        disabled: n.disabled
+      }
+    }, [e("span", {
+      attrs: {
+        slot: "label"
+      },
+      slot: "label"
+    }, [e("i", {
+      class: n.icon
+    }), t._v("  " + t._s(n.label) + " ")])]);
+  }), 1)], 1);
+}, l = [];
+const c = {
+  name: "Tabs",
+  props: {
+    option: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      active: "0"
+    };
+  },
+  computed: {
+    tabsObj() {
+      return this.columnOption[this.active];
+    },
+    parentOption() {
+      return this.option;
+    },
+    columnOption() {
+      return this.parentOption.column || [];
+    }
+  },
+  watch: {
+    active() {
+      this.$emit("change", this.tabsObj);
+    }
+  },
+  methods: {
+    changeTabs(t) {
+      this.active = t + "";
+    }
+  }
+}, i = {};
+var p = /* @__PURE__ */ o(
+  c,
+  r,
+  l,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let a in i)
+    this[a] = i[a];
+}
+const v = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  v as default
+};

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

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

@@ -0,0 +1,107 @@
+import { s as o } from "../../chunks/util.5053d54e.js";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+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;
+      let t = this.$refs.more;
+      t.style.display = "none", this.isLimitHeight && this.limitShow();
+    },
+    limitShow() {
+      this.$nextTick(() => {
+        let t = this.$refs.text, e = this.$el, i = this.$refs.more, l = 1e3;
+        if (t)
+          if (e.offsetHeight > this.height) {
+            i.style.display = "inline-block";
+            let s = this.text;
+            for (; e.offsetHeight > this.height && l > 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), l--;
+            this.$emit("hide"), this.isHide = !0;
+          } else
+            this.$emit("show"), this.isHide = !1;
+      });
+    }
+  }
+}, n = {};
+var _ = /* @__PURE__ */ r(
+  f,
+  h,
+  a,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const x = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  x as default
+};

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

@@ -0,0 +1 @@
+.avue-text-ellipsis__more{padding:0 2px}

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

@@ -1,90 +1,86 @@
-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", {
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
     staticStyle: {
       "margin-bottom": "10px"
     },
     style: {
-      height: _vm.height
+      height: e.height
     }
-  }, [_vm.lazy ? [_vm.focus && !_vm.inputDisabled ? _c("TinymceWrapper", _vm._b({
+  }, [e.lazy ? [e.focus && !e.inputDisabled ? r("TinymceWrapper", e._b({
     ref: "editor",
     attrs: {
-      "query-params": _vm.queryParams,
-      "disabled": _vm.inputDisabled,
-      "show-types": _vm.showTypes,
-      "value": _vm.value
+      "query-params": e.queryParams,
+      disabled: e.inputDisabled,
+      "show-types": e.showTypes,
+      value: e.value
     },
     on: {
-      "on-blur": _vm.onEditorBlur,
-      "dialog-show": function($event) {
-        _vm.hideOnBlur = false;
+      "on-blur": e.onEditorBlur,
+      "dialog-show": function(i) {
+        e.hideOnBlur = !1;
       },
-      "dialog-hide": function($event) {
-        _vm.hideOnBlur = true;
+      "dialog-hide": function(i) {
+        e.hideOnBlur = !0;
       },
-      "input": function(val) {
-        return _vm.$emit("input", val);
+      input: function(i) {
+        return e.$emit("input", i);
       }
     }
-  }, "TinymceWrapper", _vm.$attrs, false)) : _c("div", {
+  }, "TinymceWrapper", e.$attrs, !1)) : r("div", {
     staticClass: "editor-shadow",
     class: [{
-      "show-placeholder": _vm.isEmpty
+      "show-placeholder": e.isEmpty
     }],
     style: {
-      cursor: _vm.inputDisabled ? "not-allowed" : "text"
+      cursor: e.inputDisabled ? "not-allowed" : "text"
     },
     attrs: {
-      "placeholder": _vm.inputDisabled ? "" : _vm.placeholder
+      placeholder: e.inputDisabled ? "" : e.placeholder
     },
     domProps: {
-      "innerHTML": _vm._s(_vm.value)
+      innerHTML: e._s(e.value)
     },
     on: {
-      "click": _vm.onEditorShadowClick
+      click: e.onEditorShadowClick
     }
-  })] : [!_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", {
+  })] : [e.inputDisabled ? r("div", {
     staticClass: "editor-shadow",
     class: [{
-      "show-placeholder": _vm.isEmpty
+      "show-placeholder": e.isEmpty
     }],
     style: {
-      cursor: _vm.inputDisabled ? "not-allowed" : "text"
+      cursor: e.inputDisabled ? "not-allowed" : "text"
     },
     attrs: {
-      "placeholder": _vm.inputDisabled ? "" : _vm.placeholder
+      placeholder: e.inputDisabled ? "" : e.placeholder
     },
     domProps: {
-      "innerHTML": _vm._s(_vm.value)
+      innerHTML: e._s(e.value)
     }
-  })]], 2);
-};
-var staticRenderFns = [];
-const TinymceEditor_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  }) : 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: {
@@ -98,11 +94,11 @@ const __vue2_script = {
     disabled: Boolean,
     lazy: {
       type: Boolean,
-      default: true
+      default: !0
     },
     showTypes: {
       type: Boolean,
-      default: true
+      default: !0
     },
     height: {
       type: String,
@@ -117,8 +113,8 @@ const __vue2_script = {
   },
   data() {
     return {
-      hideOnBlur: true,
-      focus: false
+      hideOnBlur: !0,
+      focus: !1
     };
   },
   computed: {
@@ -130,60 +126,48 @@ const __vue2_script = {
     }
   },
   watch: {
-    hideOnBlur(newVal) {
-      if (newVal) {
-        this.onEditorShadowClick();
-      }
+    hideOnBlur(e) {
+      e && this.onEditorShadowClick();
     }
   },
   methods: {
     onEditorBlur() {
-      if (this.inputDisabled) {
-        return;
-      }
-      if (!this.hideOnBlur) {
-        return;
-      }
-      this.focus = false;
+      this.inputDisabled || this.hideOnBlur && (this.focus = !1);
     },
     getEditor() {
       return this.$refs.editor.$refs.editor.editor;
     },
     async onEditorShadowClick() {
-      if (this.inputDisabled) {
+      if (this.inputDisabled)
         return;
-      }
-      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);
+      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);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, n = {};
+var d = /* @__PURE__ */ o(
+  l,
+  s,
+  a,
+  !1,
+  u,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function u(e) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const TinymceEditor = /* @__PURE__ */ function() {
-  return __component__.exports;
+const p = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  TinymceEditor as default
+  p 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}