@web-utils/component 2.7.35 → 2.7.37

package/dist/components/stateful/index.js

@@ -1,87 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const Stateful_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Stateful",
-  functional: true,
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    },
-    draft: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    doing: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    overdue: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    error: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    done: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    closed: {
-      type: [Array, Boolean],
-      default: () => []
-    },
-    type: {
-      type: String,
-      validator: (value) => ["doing", "overdue", "error", "done", "closed"].indexOf(value) > -1
-    },
-    status: {
-      type: [String, Number]
-    },
-    size: {
-      type: String
-    }
-  },
-  render(createElement, { props, data, children }) {
-    const { draft, doing, overdue, error, done, closed, status, tag, size, type } = props;
-    const statusClass = {
-      draft: Array.isArray(draft) ? draft.includes(status) : draft,
-      doing: Array.isArray(doing) ? doing.includes(status) : doing,
-      overdue: Array.isArray(overdue) ? overdue.includes(status) : overdue,
-      error: Array.isArray(error) ? error.includes(status) : error,
-      done: Array.isArray(done) ? done.includes(status) : done,
-      closed: Array.isArray(closed) ? closed.includes(status) : closed
-    };
-    return createElement(tag, data, [
-      createElement("span", {
-        style: { width: size, height: size },
-        class: ["stateful", type, statusClass]
-      }),
-      children
-    ]);
-  }
-};
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Stateful = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Stateful as default
-};

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

@@ -1,99 +0,0 @@
-import { chunk } from "lodash";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "static-pageable-table"
-  }, [_c("ElTable", _vm._g(_vm._b({
-    attrs: {
-      "size": "mini",
-      "data": _vm.records
-    }
-  }, "ElTable", _vm.$attrs, false), _vm.$listeners), [_vm._t("default", function() {
-    return [_vm._v("请添加表格列")];
-  })], 2), _c("ElPagination", {
-    attrs: {
-      "current-page": _vm.page.page,
-      "hide-on-single-page": true,
-      "page-size": _vm.page.limit,
-      "total": _vm.page.total,
-      "background": "",
-      "layout": "total, prev, pager, next"
-    },
-    on: {
-      "current-change": function(curPage) {
-        _vm.page.page = curPage;
-      }
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const StaticPageableTable_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "StaticPageableTable",
-  props: {
-    rows: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      page: {
-        total: 0,
-        page: 1,
-        limit: 25
-      },
-      records: []
-    };
-  },
-  computed: {
-    observer() {
-      return {
-        page: this.page.page,
-        rows: this.rows
-      };
-    }
-  },
-  watch: {
-    rows() {
-      this.page.page = 1;
-    },
-    observer: {
-      immediate: true,
-      handler() {
-        this.page.total = this.rows.length;
-        this.fetchData();
-      }
-    }
-  },
-  methods: {
-    fetchData() {
-      this.records = chunk(this.rows, this.page.limit)[this.page.page - 1];
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const StaticPageableTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  StaticPageableTable as default
-};

package/dist/components/swiper/index.js

@@ -1,247 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { getEleWidth } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "egd-swiper"
-  }, [_c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--left",
-    attrs: {
-      "disabled": _vm.reachedLeft,
-      "icon": "el-icon-arrow-left"
-    },
-    on: {
-      "click": _vm.clickLeft
-    }
-  }), _c("div", {
-    ref: "swiperBox",
-    staticClass: "egd-swiper-box",
-    on: {
-      "wheel": function($event) {
-        $event.stopPropagation();
-        $event.preventDefault();
-        return _vm.onMouseWheel.apply(null, arguments);
-      }
-    }
-  }, [_c("div", {
-    ref: "swiperContent",
-    staticClass: "egd-swiper-content",
-    style: _vm.swiperContentStyle
-  }, [_vm._t("default")], 2)]), _c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--right",
-    attrs: {
-      "disabled": _vm.reachedRight,
-      "icon": "el-icon-arrow-right"
-    },
-    on: {
-      "click": _vm.clickRight
-    }
-  }), _c("ResizeObserver", {
-    on: {
-      "notify": _vm.resize
-    }
-  })], 1);
-};
-var staticRenderFns = [];
-const Swiper_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Swiper",
-  data() {
-    return {
-      mouseDown: false,
-      swiperBoxWith: 0,
-      swiperContentWidth: 0,
-      translateX: 0,
-      reachedLeft: true,
-      reachedRight: false,
-      childrenWidth: [],
-      swiperContentStyle: {
-        transitionDuration: "0ms",
-        transform: "translate3d(0px, 0px, 0px)"
-      }
-    };
-  },
-  mounted() {
-    return __async(this, null, function* () {
-      yield this.layout();
-    });
-  },
-  updated() {
-    this.computeContentWidth();
-  },
-  methods: {
-    layout() {
-      return __async(this, null, function* () {
-        yield this.$nextTick();
-        this.computeContentWidth();
-        this.resize();
-      });
-    },
-    resize() {
-      console.log(1);
-      this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
-    },
-    computeContentWidth() {
-      let width = 0;
-      const childrenWidth = [];
-      const { children } = this.$refs.swiperContent;
-      Array.prototype.forEach.call(children, (el) => {
-        const cw = getEleWidth(el);
-        width += cw;
-        childrenWidth.push(cw);
-      });
-      this.childrenWidth = childrenWidth;
-      this.swiperContentWidth = width;
-    },
-    updateDuration(use) {
-      this.swiperContentStyle.transitionDuration = use ? "300ms" : "0ms";
-    },
-    setTranslateX(translateX) {
-      if (this.swiperContentWidth <= this.swiperBoxWith) {
-        return;
-      }
-      if (translateX > 0) {
-        this.translateX = 0;
-        this.reachedLeft = true;
-        this.reachedRight = false;
-      } else if (translateX - this.swiperBoxWith < -this.swiperContentWidth) {
-        this.translateX = -this.swiperContentWidth + this.swiperBoxWith;
-        this.reachedLeft = false;
-        this.reachedRight = true;
-      } else {
-        this.translateX = translateX;
-        this.reachedLeft = false;
-        this.reachedRight = false;
-      }
-      this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`;
-    },
-    clickLeft() {
-      this.updateDuration(true);
-      let translateX = this.translateX + this.swiperBoxWith;
-      let width = translateX;
-      if (translateX < 0) {
-        width = 0;
-        translateX = -translateX;
-        for (let i = 0, len = this.childrenWidth.length; i < len; i++) {
-          width += this.childrenWidth[i];
-          if (width >= translateX) {
-            break;
-          }
-        }
-        width = -width;
-      }
-      this.setTranslateX(width);
-    },
-    clickRight() {
-      this.updateDuration(true);
-      const translateX = Math.abs(this.translateX - this.swiperBoxWith);
-      let width = 0;
-      for (let i = 0, len = this.childrenWidth.length; i < len; i++) {
-        width += this.childrenWidth[i];
-        if (width >= translateX) {
-          if (width > translateX) {
-            width -= this.childrenWidth[i];
-          }
-          break;
-        }
-      }
-      this.setTranslateX(-width);
-    },
-    onMouseWheel(e) {
-      this.updateDuration(true);
-      if (e.deltaMode === WheelEvent.DOM_DELTA_LINE) {
-        this.setTranslateX(this.translateX - e.deltaY * 30);
-      } else if (e.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
-        if (e.deltaY > 0) {
-          this.clickRight();
-        } else {
-          this.clickLeft();
-        }
-      } else {
-        this.setTranslateX(this.translateX - e.deltaY);
-      }
-    },
-    onMouseDown(e) {
-      this.mouseDown = true;
-      this.startX = e.clientX;
-      this.translateXRaw = this.translateX;
-      window.addEventListener("mousemove", this.onMouseMove, { passive: false });
-      window.addEventListener("mouseup", this.onMouseUp, { passive: false });
-    },
-    onMouseUp(e) {
-      this.mouseDown = false;
-      this.updateDuration(true);
-      this.$refs.swiperContent.addEventListener("transitionend", this.transitionend);
-      this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
-      const t = e.clientX - this.startX;
-      if (t < 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      if (t > 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      window.removeEventListener("mousemove", this.onMouseMove);
-      window.removeEventListener("mouseup", this.onMouseUp);
-    },
-    onMouseMove(e) {
-      if (this.mouseDown) {
-        requestAnimationFrame(() => {
-          const disX = e.clientX - this.startX;
-          const translateX = this.translateXRaw + disX;
-          this.setTranslateX(translateX);
-        });
-      }
-    },
-    transitionend() {
-      this.updateDuration(false);
-      this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend);
-      this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Swiper = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Swiper as default
-};

package/dist/components/tab/index.js

@@ -1,165 +0,0 @@
-import { p as parentMixin } from "../../chunks/tab-mixin.9d848bf6.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "vux-tab-wrap",
-    class: _vm.barPosition === "top" ? "vux-tab-bar-top" : ""
-  }, [_c("div", {
-    staticClass: "vux-tab-container"
-  }, [_c("div", {
-    ref: "nav",
-    staticClass: "vux-tab",
-    class: [{
-      "vux-tab-no-animate": !_vm.animate,
-      scrollable: _vm.scrollable
-    }]
-  }, [_vm._t("default"), _vm.animate ? _c("div", {
-    staticClass: "vux-tab-ink-bar",
-    class: _vm.barClass,
-    style: _vm.barStyle
-  }, [_vm.customBarWidth ? _c("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 = {
-  name: "Tab",
-  mixins: [parentMixin],
-  props: {
-    lineWidth: {
-      type: Number,
-      default: 3
-    },
-    activeColor: String,
-    barActiveColor: String,
-    animate: {
-      type: Boolean,
-      default: true
-    },
-    customBarWidth: [Function, String],
-    scrollThreshold: {
-      type: Number,
-      default: 4
-    },
-    barPosition: {
-      type: String,
-      default: "bottom",
-      validator(val) {
-        return ["bottom", "top"].indexOf(val) !== -1;
-      }
-    }
-  },
-  data() {
-    return {
-      direction: "forward",
-      hasReady: false
-    };
-  },
-  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)}%`;
-      }
-      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)}%`;
-      }
-      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 commonStyle = {
-        left: this.barLeft,
-        right: this.barRight,
-        display: "block",
-        height: `${this.lineWidth}px`,
-        transition: !this.hasReady ? "none" : null
-      };
-      if (!this.customBarWidth) {
-        commonStyle.backgroundColor = this.barActiveColor || this.activeColor;
-      } else {
-        commonStyle.backgroundColor = "transparent";
-      }
-      return commonStyle;
-    },
-    barClass() {
-      return {
-        "vux-tab-ink-bar-transition-forward": this.direction === "forward",
-        "vux-tab-ink-bar-transition-backward": this.direction === "backward"
-      };
-    },
-    scrollable() {
-      return this.number > this.scrollThreshold;
-    }
-  },
-  watch: {
-    currentIndex(newIndex, oldIndex) {
-      this.direction = newIndex > oldIndex ? "forward" : "backward";
-      this.$emit("on-index-change", newIndex, oldIndex);
-      this.hasReady && this.scrollToActiveTab();
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      setTimeout(() => {
-        this.hasReady = true;
-      }, 0);
-    });
-  },
-  methods: {
-    scrollToActiveTab() {
-      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);
-        }
-      };
-      window.requestAnimationFrame(step);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Tab = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Tab as default
-};

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

@@ -1,78 +0,0 @@
-import { c as childMixin } from "../../chunks/tab-mixin.9d848bf6.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "vux-tab-item",
-    class: [_vm.currentSelected ? _vm.activeClass : "", {
-      "vux-tab-selected": _vm.currentSelected,
-      "vux-tab-disabled": _vm.disabled
-    }],
-    style: _vm.style,
-    on: {
-      "click": _vm.onItemClick
-    }
-  }, [_vm._t("default"), typeof _vm.badgeLabel !== "undefined" && _vm.badgeLabel !== "" ? _c("span", {
-    staticClass: "vux-tab-item-badge",
-    style: {
-      background: _vm.badgeBackground,
-      color: _vm.badgeColor
-    }
-  }, [_vm._v(" " + _vm._s(_vm.badgeLabel) + " ")]) : _vm._e()], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "TabItem",
-  mixins: [childMixin],
-  props: {
-    activeClass: {
-      type: String
-    },
-    disabled: Boolean,
-    badgeBackground: {
-      type: String,
-      default: "#f74c31"
-    },
-    badgeColor: {
-      type: String,
-      default: "#fff"
-    },
-    badgeLabel: {
-      type: String
-    }
-  },
-  computed: {
-    style() {
-      return {
-        borderWidth: `${this.$parent.lineWidth}px`,
-        borderColor: this.$parent.activeColor,
-        color: this.currentSelected ? this.$parent.activeColor : this.disabled ? this.$parent.disabledColor : this.$parent.defaultColor,
-        border: this.$parent.animate ? "none" : "auto"
-      };
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TabItem = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TabItem as default
-};