@web-utils/component 2.0.14 → 2.7.1

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/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", {

package/dist/components/trigger/index.js

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

package/dist/components/verify/index.js

@@ -0,0 +1,80 @@
+import { s as n } from "../../chunks/util.5053d54e.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var u = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "avue-verify"
+  }, e._l(e.list, function(i, a) {
+    return r("span", {
+      key: a,
+      staticClass: "avue-verify__item",
+      style: e.styleName
+    }, [e._v(" " + e._s(i) + " ")]);
+  }), 0);
+}, o = [];
+const _ = {
+  name: "Verify",
+  props: {
+    size: {
+      type: [Number, String],
+      default: 50
+    },
+    value: [Number, String],
+    len: {
+      type: [Number, String],
+      default: 6
+    }
+  },
+  computed: {
+    data: {
+      get() {
+        return this.value || "";
+      },
+      set(e) {
+        let t = e + "";
+        this.$emit("input", t), this.$emit("change", t);
+      }
+    },
+    styleName() {
+      return {
+        padding: `${n(this.size / 7)} ${n(this.size / 4)}`,
+        fontSize: n(this.size)
+      };
+    },
+    list() {
+      return this.data.split("");
+    }
+  },
+  created() {
+    this.random();
+  },
+  methods: {
+    random() {
+      var e = this.len;
+      if (e > 21)
+        return null;
+      var t = new RegExp("(\\d{" + e + "})(\\.|$)");
+      this.data = (Array(e - 1).join(0) + Math.pow(10, e) * Math.random()).match(t)[1];
+    }
+  }
+}, s = {};
+var m = /* @__PURE__ */ l(
+  _,
+  u,
+  o,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const f = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  f as default
+};

package/dist/components/verify/style.css

@@ -0,0 +1 @@
+.avue-verify__item{padding:5px 10px;display:inline-block;margin:0 4px;box-sizing:border-box;border:1px solid #e1e1e1;font-size:64px;text-align:center}

package/dist/components/vue-tags-input/index.js

@@ -1,4 +1,4 @@
-import { n as l } from "../../chunks/5d4282fb.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var h = function() {
   var e = this, s = e.$createElement, a = e._self._c || s;
   return a("div", {
@@ -283,9 +283,22 @@ const o = {
     this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
   },
   methods: {
+    /**
+     * Remove reserved regex characters from a string so that they don't
+     * affect search results
+     *
+     * @param string
+     * @returns String
+     */
     escapeRegExp(e) {
       return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     },
+    /**
+     * Add a tag whether from user input or from search results (typeahead)
+     *
+     * @param ignoreSearchResults
+     * @returns void
+     */
     tagFromInput(e = !1) {
       if (this.searchResults.length && this.searchSelection >= 0 && !e)
         this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
@@ -309,14 +322,34 @@ const o = {
         }
       }
     },
+    /**
+     * Add a tag from search results when a user clicks on it
+     *
+     * @param tag
+     * @returns void
+     */
     tagFromSearchOnClick(e) {
       this.tagFromSearch(e), this.$refs.taginput.blur();
     },
+    /**
+     * Add the selected tag from the search results.
+     * Clear search results.
+     * Clear user input.
+     *
+     * @param tag
+     * @return void
+     */
     tagFromSearch(e) {
       this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
         this.input = "", this.oldInput = "";
       });
     },
+    /**
+     * Add/Select a tag
+     *
+     * @param tag
+     * @returns void | Boolean
+     */
     addTag(e) {
       if (!this.beforeAddingTag(e))
         return !1;
@@ -326,9 +359,20 @@ const o = {
         this.$emit("tag-added", e), this.$emit("tags-updated");
       }));
     },
+    /**
+     * Remove the last tag in the tags array.
+     *
+     * @returns void
+     */
     removeLastTag() {
       !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
     },
+    /**
+     * Remove the selected tag at the specified index.
+     *
+     * @param index
+     * @returns void
+     */
     removeTag(e) {
       const s = this.tags[e];
       if (!this.beforeRemovingTag(s))
@@ -337,6 +381,11 @@ const o = {
         this.$emit("tag-removed", s), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
       });
     },
+    /**
+     * Search the currently entered text in the list of existing tags
+     *
+     * @returns void | Boolean
+     */
     searchTag() {
       if (this.typeahead !== !0)
         return !1;
@@ -352,25 +401,55 @@ const o = {
         this.oldInput = this.input;
       }
     },
+    /**
+     * Hide the typeahead if there's nothing intered into the input field.
+     *
+     * @returns void
+     */
     hideTypeahead() {
       this.input.length || this.$nextTick(() => {
         this.clearSearchResults();
       });
     },
+    /**
+     * Select the next search result in typeahead.
+     *
+     * @returns void
+     */
     nextSearchResult() {
       this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
     },
+    /**
+     * Select the previous search result in typeahead.
+     *
+     * @returns void
+     */
     prevSearchResult() {
       this.searchSelection > 0 && this.searchSelection--;
     },
+    /**
+     * Clear/Empty the search results.
+     *
+     * @reutrns void
+     */
     clearSearchResults() {
       this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
         this.searchTag();
       });
     },
+    /**
+     * Clear the list of selected tags.
+     *
+     * @returns void
+     */
     clearTags() {
       this.tags.splice(0, this.tags.length);
     },
+    /**
+     * Replace the currently selected tags with the tags from the value.
+     *
+     * @returns void
+     */
     tagsFromValue() {
       if (this.value && this.value.length) {
         if (!Array.isArray(this.value)) {
@@ -389,6 +468,12 @@ const o = {
         this.clearTags();
       }
     },
+    /**
+     * Check if a tag is already selected.
+     *
+     * @param tag
+     * @returns Boolean
+     */
     tagSelected(e) {
       if (this.allowDuplicates || !e)
         return !1;
@@ -400,18 +485,47 @@ const o = {
       }
       return !1;
     },
+    /**
+     * Clear the input.
+     *
+     * @returns void
+     */
     clearInput() {
       this.input = "";
     },
+    /**
+     * Process all the keyup events.
+     *
+     * @param e
+     * @returns void
+     */
     onKeyUp(e) {
       this.$emit("keyup", e);
     },
+    /**
+     * Process all the keydown events.
+     *
+     * @param e
+     * @returns void
+     */
     onKeyDown(e) {
       this.$emit("keydown", e);
     },
+    /**
+     * Process the onfocus event.
+     *
+     * @param e
+     * @returns void
+     */
     onFocus(e) {
       this.$emit("focus", e), this.searchTag();
     },
+    /**
+     * Process the onblur event.
+     *
+     * @param e
+     * @returns void
+     */
     onBlur(e) {
       this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
     }