@web-utils/component 2.0.14 → 2.7.0

package/dist/components/split-pane/index.js

@@ -1,4 +1,4 @@
-import { n as h } from "../../chunks/5d4282fb.js";
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 function l(t, e) {
   for (let s = 0; s < e.length; s++)
     if (t === e[s])
@@ -115,6 +115,12 @@ const d = {
       default: "40px"
     }
   },
+  /**
+   * Events
+   * @on-move-start
+   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
+   * @on-move-end
+   */
   data() {
     return {
       prefix: "egd-split",

package/dist/components/stateful/index.js

@@ -1,4 +1,4 @@
-import { n as A } from "../../chunks/5d4282fb.js";
+import { n as A } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const v = {
   name: "Stateful",
   functional: !0,

package/dist/components/static-pageable-table/index.js

@@ -1,5 +1,5 @@
 import { chunk as n } from "lodash";
-import { n as i } from "../../chunks/5d4282fb.js";
+import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var o = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {

package/dist/components/swiper/index.js

@@ -1,5 +1,5 @@
 import { getEleWidth as a } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var h = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {

package/dist/components/tab/index.js

@@ -1,5 +1,5 @@
-import { p as a } from "../../chunks/8c0142e0.js";
-import { n as s } from "../../chunks/5d4282fb.js";
+import { p as a } from "../../chunks/tab-mixin.8c0142e0.js";
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var o = function() {
   var t = this, r = t.$createElement, e = t._self._c || r;
   return e("div", {
@@ -71,12 +71,14 @@ const c = {
       }
       return null;
     },
+    // when prop:custom-bar-width
     innerBarStyle() {
       return {
         width: typeof this.customBarWidth == "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
         backgroundColor: this.barActiveColor || this.activeColor
       };
     },
+    // end
     barStyle() {
       const t = {
         left: this.barLeft,

package/dist/components/tab-item/index.js

@@ -1,5 +1,5 @@
-import { c as n } from "../../chunks/8c0142e0.js";
-import { n as l } from "../../chunks/5d4282fb.js";
+import { c as n } from "../../chunks/tab-mixin.8c0142e0.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var o = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {

package/dist/components/table-column/index.js

@@ -1,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const i = {
   props: {
     type: {

package/dist/components/table-page/index.js

@@ -0,0 +1,129 @@
+import { c as i } from "../../chunks/config.46422d7f.js";
+import { o as n } from "../../chunks/util.5053d54e.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var g = function() {
+  var e = this, t = e.$createElement, u = e._self._c || t;
+  return e.pageFlag && e.optVal(e.crud.tableOption.page, !0) ? u("ElCard", {
+    staticClass: "avue-pagination",
+    attrs: {
+      shadow: e.crud.isCard
+    }
+  }, [e._t("page"), u("ElPagination", {
+    attrs: {
+      small: e.crud.size === "mini",
+      disabled: e.defaultPage.disabled,
+      "hide-on-single-page": e.defaultPage.single,
+      "pager-count": e.defaultPage.pagerCount,
+      "current-page": e.defaultPage.currentPage,
+      background: e.defaultPage.background,
+      "page-size": e.defaultPage.pageSize,
+      "page-sizes": e.defaultPage.pageSizes,
+      layout: e.defaultPage.layout,
+      total: e.defaultPage.total
+    },
+    on: {
+      "update:currentPage": function(a) {
+        return e.$set(e.defaultPage, "currentPage", a);
+      },
+      "update:current-page": function(a) {
+        return e.$set(e.defaultPage, "currentPage", a);
+      },
+      "size-change": e.sizeChange,
+      "prev-click": e.prevClick,
+      "next-click": e.nextClick,
+      "current-change": e.currentChange
+    }
+  })], 2) : e._e();
+}, s = [];
+const c = {
+  name: "TablePage",
+  inject: ["crud"],
+  data() {
+    return {
+      config: i,
+      defaultPage: {
+        single: !1,
+        total: 0,
+        // 总页数
+        pagerCount: 7,
+        //超过多少条隐藏
+        currentPage: 1,
+        // 当前页数
+        pageSize: 10,
+        // 每页显示多少条
+        pageSizes: [10, 20, 30, 40, 50, 100],
+        layout: "total, sizes, prev, pager, next, jumper",
+        background: !0
+        // 背景颜色
+      }
+    };
+  },
+  computed: {
+    pageFlag() {
+      return this.defaultPage.total != 0;
+    }
+  },
+  watch: {
+    "crud.page": {
+      handler() {
+        this.pageInit();
+      },
+      deep: !0
+    },
+    pageFlag() {
+      this.crud.getTableHeight();
+    },
+    //如果当前页面删除没数据了调用第一页
+    "defaultPage.total"(e) {
+      this.defaultPage.total === (this.defaultPage.currentPage - 1) * this.defaultPage.pageSize && this.defaultPage.total != 0 && (this.defaultPage.currentPage = this.defaultPage.currentPage - 1, this.currentChange(this.defaultPage.currentPage));
+    }
+  },
+  created() {
+    this.crud.isMobile && (this.defaultPage.layout = "total, sizes, prev, pager, next"), this.pageInit(), this.crud.$emit("on-load", this.defaultPage);
+  },
+  methods: {
+    optVal: n,
+    pageInit() {
+      this.defaultPage = Object.assign(this.defaultPage, this.crud.page), this.updateValue();
+    },
+    updateValue() {
+      this.crud.$emit("update:page", this.defaultPage);
+    },
+    //下一页事件
+    nextClick(e) {
+      this.crud.$emit("next-click", e);
+    },
+    //上一页事件
+    prevClick(e) {
+      this.crud.$emit("prev-click", e);
+    },
+    // 页大小回调
+    sizeChange(e) {
+      this.defaultPage.currentPage = 1, this.defaultPage.pageSize = e, this.updateValue(), this.crud.$emit("on-load", this.defaultPage), this.crud.$emit("size-change", e);
+    },
+    // 页码回调
+    currentChange(e) {
+      this.updateValue(), this.crud.$emit("on-load", this.defaultPage), this.crud.$emit("current-change", e);
+    }
+  }
+}, r = {};
+var d = /* @__PURE__ */ l(
+  c,
+  g,
+  s,
+  !1,
+  o,
+  null,
+  null,
+  null
+);
+function o(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const P = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  P as default
+};

package/dist/components/table-view/index.js

@@ -1,6 +1,6 @@
 import { isString as o, isArray as d, trace as n, warning as f, merge as i, toStringArray as p, isFunction as u, hasOwn as c } from "@web-utils/core";
-import { k as b } from "../../chunks/f71045fc.js";
-import { n as m } from "../../chunks/5d4282fb.js";
+import { k as b } from "../../chunks/utils.fa73de78.js";
+import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var _ = function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("div", {

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,5 +1,5 @@
 import { hasOwn as r } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
+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", {

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,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+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", {

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

@@ -9,7 +9,7 @@ import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/preview";
 import "tinymce/plugins/imagetools";
 import { guid as u } from "@web-utils/core";
-import { n as p } from "../../chunks/5d4282fb.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const m = {
   Redo: "重做",
   Undo: "撤销",

package/dist/components/toolbar/index.js

@@ -1,5 +1,5 @@
 import { NOOP as h } from "@web-utils/core";
-import { n as b } from "../../chunks/5d4282fb.js";
+import { n as b } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const p = {
   back: {
     label: "返回",

package/dist/components/toolbar-button/index.js

@@ -1,5 +1,5 @@
 import { isFunction as a } from "@web-utils/core";
-import { n as l } from "../../chunks/5d4282fb.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var i = function() {
   var t = this, e = t.$createElement, o = t._self._c || e;
   return t.footer || t.toolbar.footer ? o("ElButton", {