@web-utils/component 2.0.9 → 2.0.11

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

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

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

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

package/dist/components/swiper/index.js

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

package/dist/components/swiper/style.css

@@ -1 +1,43 @@
-.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}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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;
+}