@web-utils/component 2.0.13 → 2.7.0

package/dist/components/tab/index.js

@@ -1,35 +1,31 @@
-import { p as parentMixin } from "../../chunks/9d848bf6.js";
-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 { 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", {
     staticClass: "vux-tab-wrap",
-    class: _vm.barPosition === "top" ? "vux-tab-bar-top" : ""
-  }, [_c("div", {
+    class: t.barPosition === "top" ? "vux-tab-bar-top" : ""
+  }, [e("div", {
     staticClass: "vux-tab-container"
-  }, [_c("div", {
+  }, [e("div", {
     ref: "nav",
     staticClass: "vux-tab",
     class: [{
-      "vux-tab-no-animate": !_vm.animate,
-      scrollable: _vm.scrollable
+      "vux-tab-no-animate": !t.animate,
+      scrollable: t.scrollable
     }]
-  }, [_vm._t("default"), _vm.animate ? _c("div", {
+  }, [t._t("default"), t.animate ? e("div", {
     staticClass: "vux-tab-ink-bar",
-    class: _vm.barClass,
-    style: _vm.barStyle
-  }, [_vm.customBarWidth ? _c("span", {
+    class: t.barClass,
+    style: t.barStyle
+  }, [t.customBarWidth ? e("span", {
     staticClass: "vux-tab-bar-inner",
-    style: _vm.innerBarStyle
-  }) : _vm._e()]) : _vm._e()], 2)])]);
-};
-var staticRenderFns = [];
-const Tab_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+    style: t.innerBarStyle
+  }) : t._e()]) : t._e()], 2)])]);
+}, l = [];
+const c = {
   name: "Tab",
-  mixins: [parentMixin],
+  mixins: [a],
   props: {
     lineWidth: {
       type: Number,
@@ -39,7 +35,7 @@ const __vue2_script = {
     barActiveColor: String,
     animate: {
       type: Boolean,
-      default: true
+      default: !0
     },
     customBarWidth: [Function, String],
     scrollThreshold: {
@@ -49,52 +45,49 @@ const __vue2_script = {
     barPosition: {
       type: String,
       default: "bottom",
-      validator(val) {
-        return ["bottom", "top"].indexOf(val) !== -1;
+      validator(t) {
+        return ["bottom", "top"].indexOf(t) !== -1;
       }
     }
   },
   data() {
     return {
       direction: "forward",
-      hasReady: false
+      hasReady: !1
     };
   },
   computed: {
     barLeft() {
       if (this.hasReady) {
-        const count = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
-        return `${this.currentIndex * (100 / count)}%`;
+        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${this.currentIndex * (100 / t)}%`;
       }
       return null;
     },
     barRight() {
       if (this.hasReady) {
-        const count = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
-        return `${(count - this.currentIndex - 1) * (100 / count)}%`;
+        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${(t - this.currentIndex - 1) * (100 / t)}%`;
       }
       return null;
     },
+    // when prop:custom-bar-width
     innerBarStyle() {
       return {
-        width: typeof this.customBarWidth === "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
+        width: typeof this.customBarWidth == "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
         backgroundColor: this.barActiveColor || this.activeColor
       };
     },
+    // end
     barStyle() {
-      const commonStyle = {
+      const t = {
         left: this.barLeft,
         right: this.barRight,
         display: "block",
         height: `${this.lineWidth}px`,
-        transition: !this.hasReady ? "none" : null
+        transition: this.hasReady ? null : "none"
       };
-      if (!this.customBarWidth) {
-        commonStyle.backgroundColor = this.barActiveColor || this.activeColor;
-      } else {
-        commonStyle.backgroundColor = "transparent";
-      }
-      return commonStyle;
+      return this.customBarWidth ? t.backgroundColor = "transparent" : t.backgroundColor = this.barActiveColor || this.activeColor, t;
     },
     barClass() {
       return {
@@ -107,57 +100,48 @@ const __vue2_script = {
     }
   },
   watch: {
-    currentIndex(newIndex, oldIndex) {
-      this.direction = newIndex > oldIndex ? "forward" : "backward";
-      this.$emit("on-index-change", newIndex, oldIndex);
-      this.hasReady && this.scrollToActiveTab();
+    currentIndex(t, r) {
+      this.direction = t > r ? "forward" : "backward", this.$emit("on-index-change", t, r), this.hasReady && this.scrollToActiveTab();
     }
   },
   mounted() {
     this.$nextTick(() => {
       setTimeout(() => {
-        this.hasReady = true;
+        this.hasReady = !0;
       }, 0);
     });
   },
   methods: {
     scrollToActiveTab() {
-      if (!this.scrollable || !this.$children || !this.$children.length) {
+      if (!this.scrollable || !this.$children || !this.$children.length)
         return;
-      }
-      const currentIndexTab = this.$children[this.currentIndex].$el;
-      let count = 0;
-      const step = () => {
-        const scrollDuration = 15;
-        const nav = this.$refs.nav;
-        nav.scrollLeft += (currentIndexTab.offsetLeft - (nav.offsetWidth - currentIndexTab.offsetWidth) / 2 - nav.scrollLeft) / scrollDuration;
-        if (++count < scrollDuration) {
-          window.requestAnimationFrame(step);
-        }
+      const t = this.$children[this.currentIndex].$el;
+      let r = 0;
+      const e = () => {
+        const i = this.$refs.nav;
+        i.scrollLeft += (t.offsetLeft - (i.offsetWidth - t.offsetWidth) / 2 - i.scrollLeft) / 15, ++r < 15 && window.requestAnimationFrame(e);
       };
-      window.requestAnimationFrame(step);
+      window.requestAnimationFrame(e);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, n = {};
+var h = /* @__PURE__ */ s(
+  c,
+  o,
+  l,
+  !1,
+  u,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function u(t) {
+  for (let r in n)
+    this[r] = n[r];
 }
-const Tab = /* @__PURE__ */ function() {
-  return __component__.exports;
+const m = /* @__PURE__ */ function() {
+  return h.exports;
 }();
 export {
-  Tab as default
+  m as default
 };

package/dist/components/tab/style.css

@@ -1,122 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.vux-tab-ink-bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  text-align: center;
-  background-color: #1989fa;
-}
-.vux-tab-ink-bar-transition-forward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s;
-}
-.vux-tab-ink-bar-transition-backward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.vux-tab-bar-top .vux-tab-ink-bar {
-  top: 0;
-}
-.vux-tab {
-  position: relative;
-  display: flex;
-  height: 36px;
-  background-color: #fff;
-}
-.vux-tab button {
-  padding: 0;
-  background: 0 0;
-  border: 0;
-  outline: 0;
-  appearance: none;
-}
-.vux-tab .vux-tab-item {
-  display: block;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  color: #666;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-  cursor: pointer;
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat; */
-  /* background-size: 100% 1px; */
-}
-.vux-tab .vux-tab-item.vux-tab-selected {
-  color: #1989fa;
-  border-bottom: 3px solid #1989fa;
-}
-.vux-tab-bar-top .vux-tab .vux-tab-item {
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat; */
-  /* background-size: 100% 1px; */
-}
-.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected {
-  border-top: 3px solid #1989fa;
-  border-bottom: none;
-}
-.vux-tab .vux-tab-item.vux-tab-disabled {
-  color: #ddd;
-}
-.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected {
-  background: 0 0;
-}
-
-/** when=prop:custom-bar-width **/
-.vux-tab-bar-inner {
-  display: block;
-  height: 100%;
-  margin: auto;
-  background-color: #1989fa;
-  transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.vux-tab-item-badge {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: 18px;
-  height: 18px;
-  margin: auto 0 auto 4px;
-  padding: 0 4px;
-  font-size: 11px;
-  line-height: 18px;
-  vertical-align: middle;
-  background-clip: padding-box;
-  border-radius: 30px;
-}
-.vux-tab-wrap {
-  position: relative;
-  padding-top: 36px;
-}
-.vux-tab-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 36px;
-  overflow: hidden;
-}
-.scrollable {
-  box-sizing: content-box;
-  padding-bottom: 17px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-.scrollable::-webkit-scrollbar {
-  display: none;
-}
-.scrollable .vux-tab-ink-bar {
-  position: absolute;
-  bottom: 17px;
-}
-.scrollable .vux-tab-item {
-  flex: 0 0 22%;
-}
+.vux-tab-ink-bar{position:absolute;bottom:0;left:0;height:2px;text-align:center;background-color:#1989fa}.vux-tab-ink-bar-transition-forward{transition:right .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1) .09s}.vux-tab-ink-bar-transition-backward{transition:right .3s cubic-bezier(.35,0,.25,1) .09s,left .3s cubic-bezier(.35,0,.25,1)}.vux-tab-bar-top .vux-tab-ink-bar{top:0}.vux-tab{position:relative;display:flex;height:36px;background-color:#fff}.vux-tab button{padding:0;background:0 0;border:0;outline:0;appearance:none}.vux-tab .vux-tab-item{display:block;flex:1 1 auto;box-sizing:border-box;width:100%;height:100%;color:#666;font-size:14px;line-height:36px;text-align:center;cursor:pointer}.vux-tab .vux-tab-item.vux-tab-selected{color:#1989fa;border-bottom:3px solid #1989fa}.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected{border-top:3px solid #1989fa;border-bottom:none}.vux-tab .vux-tab-item.vux-tab-disabled{color:#ddd}.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected{background:0 0}.vux-tab-bar-inner{display:block;height:100%;margin:auto;background-color:#1989fa;transition:width .3s cubic-bezier(.35,0,.25,1)}.vux-tab-item-badge{position:absolute;top:0;bottom:0;display:inline-block;box-sizing:border-box;min-width:18px;height:18px;margin:auto 0 auto 4px;padding:0 4px;font-size:11px;line-height:18px;vertical-align:middle;background-clip:padding-box;border-radius:30px}.vux-tab-wrap{position:relative;padding-top:36px}.vux-tab-container{position:absolute;top:0;right:0;left:0;height:36px;overflow:hidden}.scrollable{box-sizing:content-box;padding-bottom:17px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scrollable::-webkit-scrollbar{display:none}.scrollable .vux-tab-ink-bar{position:absolute;bottom:17px}.scrollable .vux-tab-item{flex:0 0 22%}

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

@@ -1,31 +1,28 @@
-import { c as childMixin } from "../../chunks/9d848bf6.js";
-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 { 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", {
     staticClass: "vux-tab-item",
-    class: [_vm.currentSelected ? _vm.activeClass : "", {
-      "vux-tab-selected": _vm.currentSelected,
-      "vux-tab-disabled": _vm.disabled
+    class: [e.currentSelected ? e.activeClass : "", {
+      "vux-tab-selected": e.currentSelected,
+      "vux-tab-disabled": e.disabled
     }],
-    style: _vm.style,
+    style: e.style,
     on: {
-      "click": _vm.onItemClick
+      click: e.onItemClick
     }
-  }, [_vm._t("default"), typeof _vm.badgeLabel !== "undefined" && _vm.badgeLabel !== "" ? _c("span", {
+  }, [e._t("default"), typeof e.badgeLabel < "u" && e.badgeLabel !== "" ? a("span", {
     staticClass: "vux-tab-item-badge",
     style: {
-      background: _vm.badgeBackground,
-      color: _vm.badgeColor
+      background: e.badgeBackground,
+      color: e.badgeColor
     }
-  }, [_vm._v(" " + _vm._s(_vm.badgeLabel) + " ")]) : _vm._e()], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
+  }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
+}, s = [];
+const i = {
   name: "TabItem",
-  mixins: [childMixin],
+  mixins: [n],
   props: {
     activeClass: {
       type: String
@@ -53,26 +50,24 @@ const __vue2_script = {
       };
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, r = {};
+var d = /* @__PURE__ */ l(
+  i,
+  o,
+  s,
+  !1,
+  c,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function c(e) {
+  for (let t in r)
+    this[t] = r[t];
 }
-const TabItem = /* @__PURE__ */ function() {
-  return __component__.exports;
+const p = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  TabItem as default
+  p as default
 };

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

@@ -1,5 +1,5 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const tableColumnProps = {
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const i = {
   props: {
     type: {
       type: String,
@@ -15,13 +15,13 @@ const tableColumnProps = {
     renderHeader: Function,
     sortable: {
       type: [Boolean, String],
-      default: false
+      default: !1
     },
     sortMethod: Function,
     sortBy: [String, Function, Array],
     resizable: {
       type: Boolean,
-      default: true
+      default: !0
     },
     columnKey: String,
     align: String,
@@ -29,7 +29,7 @@ const tableColumnProps = {
     showTooltipWhenOverflow: Boolean,
     showOverflowTooltip: {
       type: Boolean,
-      default: true
+      default: !0
     },
     fixed: [Boolean, String],
     formatter: Function,
@@ -41,7 +41,7 @@ const tableColumnProps = {
     filterPlacement: String,
     filterMultiple: {
       type: Boolean,
-      default: true
+      default: !0
     },
     index: [Number, Function],
     sortOrders: {
@@ -49,43 +49,41 @@ const tableColumnProps = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(val) {
-        return val.every((order) => ["ascending", "descending", null].indexOf(order) > -1);
+      validator(n) {
+        return n.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
       }
     }
   }
-};
-const __vue2_script = {
+}, a = {
   name: "TableColumn",
-  functional: true,
-  mixins: [tableColumnProps],
-  render(createElement, { data, props, children }) {
-    return createElement("ElTableColumn", {
-      ...data,
-      props: { ...props, showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(props.type) ? false : props.showOverflowTooltip }
-    }, children);
+  functional: !0,
+  mixins: [i],
+  render(n, { data: e, props: t, children: r }) {
+    return n("ElTableColumn", {
+      ...e,
+      props: { ...t, showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(t.type) ? !1 : t.showOverflowTooltip }
+    }, r);
   }
 };
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let s, u;
+const l = {};
+var d = /* @__PURE__ */ o(
+  a,
+  s,
+  u,
+  !1,
+  c,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function c(n) {
+  for (let e in l)
+    this[e] = l[e];
 }
-const TableColumn = /* @__PURE__ */ function() {
-  return __component__.exports;
+const p = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  TableColumn as default
+  p as default
 };

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
+};