@web-utils/component 2.0.13 → 2.7.0

package/dist/components/stateful/index.js

@@ -1,8 +1,7 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const Stateful_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+import { n as A } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const v = {
   name: "Stateful",
-  functional: true,
+  functional: !0,
   props: {
     tag: {
       type: String,
@@ -34,7 +33,7 @@ const __vue2_script = {
     },
     type: {
       type: String,
-      validator: (value) => ["doing", "overdue", "error", "done", "closed"].indexOf(value) > -1
+      validator: (r) => ["doing", "overdue", "error", "done", "closed"].indexOf(r) > -1
     },
     status: {
       type: [String, Number]
@@ -43,45 +42,43 @@ const __vue2_script = {
       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
+  render(r, { props: t, data: y, children: c }) {
+    const { draft: n, doing: a, overdue: o, error: s, done: l, closed: d, status: e, tag: _, size: u, type: f } = t, p = {
+      draft: Array.isArray(n) ? n.includes(e) : n,
+      doing: Array.isArray(a) ? a.includes(e) : a,
+      overdue: Array.isArray(o) ? o.includes(e) : o,
+      error: Array.isArray(s) ? s.includes(e) : s,
+      done: Array.isArray(l) ? l.includes(e) : l,
+      closed: Array.isArray(d) ? d.includes(e) : d
     };
-    return createElement(tag, data, [
-      createElement("span", {
-        style: { width: size, height: size },
-        class: ["stateful", type, statusClass]
+    return r(_, y, [
+      r("span", {
+        style: { width: u, height: u },
+        class: ["stateful", f, p]
       }),
-      children
+      c
     ]);
   }
 };
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let g, S;
+const i = {};
+var m = /* @__PURE__ */ A(
+  v,
+  g,
+  S,
+  !1,
+  B,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function B(r) {
+  for (let t in i)
+    this[t] = i[t];
 }
-const Stateful = /* @__PURE__ */ function() {
-  return __component__.exports;
+const h = /* @__PURE__ */ function() {
+  return m.exports;
 }();
 export {
-  Stateful as default
+  h as default
 };

package/dist/components/stateful/style.css

@@ -1,33 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.stateful {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-right: 6px;
-  vertical-align: middle;
-  border-radius: 2px;
-  content: "";
-}
-.stateful.draft {
-  background-color: #d7d7d7;
-}
-.stateful.doing {
-  background-color: #14ca7a;
-}
-.stateful.overdue {
-  background-color: #feae3d;
-}
-.stateful.error {
-  background-color: #f00;
-}
-.stateful.done {
-  background-color: #45a3e7;
-}
-.stateful.closed {
-  background-color: #d7d7d7;
-}
+.stateful{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:middle;border-radius:2px;content:""}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}

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

@@ -1,37 +1,33 @@
-import { chunk } from "lodash";
-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 { chunk as n } from "lodash";
+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", {
     staticClass: "static-pageable-table"
-  }, [_c("ElTable", _vm._g(_vm._b({
+  }, [a("ElTable", e._g(e._b({
     attrs: {
-      "size": "mini",
-      "data": _vm.records
+      size: "mini",
+      data: e.records
     }
-  }, "ElTable", _vm.$attrs, false), _vm.$listeners), [_vm._t("default", function() {
-    return [_vm._v("请添加表格列")];
-  })], 2), _c("ElPagination", {
+  }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
+    return [e._v("请添加表格列")];
+  })], 2), a("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"
+      "current-page": e.page.page,
+      "hide-on-single-page": !0,
+      "page-size": e.page.limit,
+      total: e.page.total,
+      background: "",
+      layout: "total, prev, pager, next"
     },
     on: {
-      "current-change": function(curPage) {
-        _vm.page.page = curPage;
+      "current-change": function(s) {
+        e.page.page = s;
       }
     }
   })], 1);
-};
-var staticRenderFns = [];
-const StaticPageableTable_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, l = [];
+const c = {
   name: "StaticPageableTable",
   props: {
     rows: {
@@ -62,38 +58,35 @@ const __vue2_script = {
       this.page.page = 1;
     },
     observer: {
-      immediate: true,
+      immediate: !0,
       handler() {
-        this.page.total = this.rows.length;
-        this.fetchData();
+        this.page.total = this.rows.length, this.fetchData();
       }
     }
   },
   methods: {
     fetchData() {
-      this.records = chunk(this.rows, this.page.limit)[this.page.page - 1];
+      this.records = n(this.rows, this.page.limit)[this.page.page - 1];
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, r = {};
+var p = /* @__PURE__ */ i(
+  c,
+  o,
+  l,
+  !1,
+  g,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function g(e) {
+  for (let t in r)
+    this[t] = r[t];
 }
-const StaticPageableTable = /* @__PURE__ */ function() {
-  return __component__.exports;
+const h = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  StaticPageableTable as default
+  h as default
 };

package/dist/components/static-pageable-table/style.css

@@ -1,9 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.static-pageable-table {
-  flex: 1 1 auto;
-}
+.static-pageable-table{flex:1 1 auto}

package/dist/components/swiper/index.js

@@ -1,61 +1,55 @@
-import { getEleWidth } 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 { getEleWidth as a } from "@web-utils/core";
+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", {
     staticClass: "egd-swiper"
-  }, [_c("ElButton", {
+  }, [s("ElButton", {
     staticClass: "el-carousel__arrow el-carousel__arrow--left",
     attrs: {
-      "disabled": _vm.reachedLeft,
-      "icon": "el-icon-arrow-left"
+      disabled: t.reachedLeft,
+      icon: "el-icon-arrow-left"
     },
     on: {
-      "click": _vm.clickLeft
+      click: t.clickLeft
     }
-  }), _c("div", {
+  }), s("div", {
     ref: "swiperBox",
     staticClass: "egd-swiper-box",
     on: {
-      "wheel": function($event) {
-        $event.stopPropagation();
-        $event.preventDefault();
-        return _vm.onMouseWheel.apply(null, arguments);
+      wheel: function(i) {
+        return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
       }
     }
-  }, [_c("div", {
+  }, [s("div", {
     ref: "swiperContent",
     staticClass: "egd-swiper-content",
-    style: _vm.swiperContentStyle
-  }, [_vm._t("default")], 2)]), _c("ElButton", {
+    style: t.swiperContentStyle
+  }, [t._t("default")], 2)]), s("ElButton", {
     staticClass: "el-carousel__arrow el-carousel__arrow--right",
     attrs: {
-      "disabled": _vm.reachedRight,
-      "icon": "el-icon-arrow-right"
+      disabled: t.reachedRight,
+      icon: "el-icon-arrow-right"
     },
     on: {
-      "click": _vm.clickRight
+      click: t.clickRight
     }
-  }), _c("ResizeObserver", {
+  }), s("ResizeObserver", {
     on: {
-      "notify": _vm.resize
+      notify: t.resize
     }
   })], 1);
-};
-var staticRenderFns = [];
-const Swiper_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, l = [];
+const d = {
   name: "Swiper",
   data() {
     return {
-      mouseDown: false,
+      mouseDown: !1,
       swiperBoxWith: 0,
       swiperContentWidth: 0,
       translateX: 0,
-      reachedLeft: true,
-      reachedRight: false,
+      reachedLeft: !0,
+      reachedRight: !1,
       childrenWidth: [],
       swiperContentStyle: {
         transitionDuration: "0ms",
@@ -71,153 +65,94 @@ const __vue2_script = {
   },
   methods: {
     async layout() {
-      await this.$nextTick();
-      this.computeContentWidth();
-      this.resize();
+      await this.$nextTick(), this.computeContentWidth(), this.resize();
     },
     resize() {
-      console.log(1);
-      this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
+      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;
+      let t = 0;
+      const e = [], { children: s } = this.$refs.swiperContent;
+      Array.prototype.forEach.call(s, (i) => {
+        const n = a(i);
+        t += n, e.push(n);
+      }), this.childrenWidth = e, this.swiperContentWidth = t;
     },
-    updateDuration(use) {
-      this.swiperContentStyle.transitionDuration = use ? "300ms" : "0ms";
+    updateDuration(t) {
+      this.swiperContentStyle.transitionDuration = t ? "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)`;
+    setTranslateX(t) {
+      this.swiperContentWidth <= this.swiperBoxWith || (t > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : t - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = t, this.reachedLeft = !1, this.reachedRight = !1), 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.updateDuration(!0);
+      let t = this.translateX + this.swiperBoxWith, e = t;
+      if (t < 0) {
+        e = 0, t = -t;
+        for (let s = 0, i = this.childrenWidth.length; s < i && (e += this.childrenWidth[s], !(e >= t)); s++)
+          ;
+        e = -e;
       }
-      this.setTranslateX(width);
+      this.setTranslateX(e);
     },
     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];
-          }
+      this.updateDuration(!0);
+      const t = Math.abs(this.translateX - this.swiperBoxWith);
+      let e = 0;
+      for (let s = 0, i = this.childrenWidth.length; s < i; s++)
+        if (e += this.childrenWidth[s], e >= t) {
+          e > t && (e -= this.childrenWidth[s]);
           break;
         }
-      }
-      this.setTranslateX(-width);
+      this.setTranslateX(-e);
     },
-    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);
-      }
+    onMouseWheel(t) {
+      this.updateDuration(!0), t.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - t.deltaY * 30) : t.deltaMode === WheelEvent.DOM_DELTA_PAGE ? t.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - t.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 });
+    onMouseDown(t) {
+      this.mouseDown = !0, this.startX = t.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
     },
-    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);
+    onMouseUp(t) {
+      this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
+      const e = t.clientX - this.startX;
+      if (e < 0) {
+        const s = this.translateX + e;
+        this.setTranslateX(s);
       }
-      if (t > 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
+      if (e > 0) {
+        const s = this.translateX + e;
+        this.setTranslateX(s);
       }
-      window.removeEventListener("mousemove", this.onMouseMove);
-      window.removeEventListener("mouseup", this.onMouseUp);
+      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);
-        });
-      }
+    onMouseMove(t) {
+      this.mouseDown && requestAnimationFrame(() => {
+        const e = t.clientX - this.startX, s = this.translateXRaw + e;
+        this.setTranslateX(s);
+      });
     },
     transitionend() {
-      this.updateDuration(false);
-      this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend);
-      this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
+      this.updateDuration(!1), 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,
+}, r = {};
+var c = /* @__PURE__ */ o(
+  d,
+  h,
+  l,
+  !1,
+  u,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function u(t) {
+  for (let e in r)
+    this[e] = r[e];
 }
-const Swiper = /* @__PURE__ */ function() {
-  return __component__.exports;
+const w = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  Swiper as default
+  w as default
 };

package/dist/components/swiper/style.css

@@ -1,43 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.egd-swiper {
-  position: relative;
-  height: 100%;
-  padding: 0 60px;
-}
-.egd-swiper .el-button.el-carousel__arrow {
-  padding: 0;
-  color: #fff;
-  font-size: 12px;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
-  border-radius: 50%;
-}
-.egd-swiper .el-button.el-carousel__arrow i {
-  cursor: unset;
-}
-.egd-swiper .el-button.el-carousel__arrow.is-disabled {
-  color: white;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
-}
-.egd-swiper .egd-swiper-box {
-  height: 100%;
-  overflow: hidden;
-  user-select: none;
-}
-.egd-swiper .egd-swiper-box .egd-swiper-content {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-  height: 100%;
-  padding-top: 14px;
-  overflow: visible;
-  transform: translate3d(0, 0, 0);
-  transition-property: transform;
-}
+.egd-swiper{position:relative;height:100%;padding:0 60px}.egd-swiper .el-button.el-carousel__arrow{padding:0;color:#fff;font-size:12px;background-color:#1f2d3d1c;border-color:#1f2d3d03;border-radius:50%}.egd-swiper .el-button.el-carousel__arrow i{cursor:unset}.egd-swiper .el-button.el-carousel__arrow.is-disabled{color:#fff;background-color:#1f2d3d1c;border-color:#1f2d3d03}.egd-swiper .egd-swiper-box{height:100%;overflow:hidden;user-select:none}.egd-swiper .egd-swiper-box .egd-swiper-content{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%;padding-top:14px;overflow:visible;transform:translateZ(0);transition-property:transform}