@web-utils/component 1.2.4 → 1.2.6

package/dist/components/split-pane/index.js

@@ -1 +1,209 @@
-import{n as l}from"../../chunks/6499de3a.js";function f(t,e){for(let i=0;i<e.length;i++)if(t===e[i])return!0;return!1}const n=function(){return document.addEventListener?function(t,e,i){t&&e&&i&&t.addEventListener(e,i,!1)}:function(t,e,i){t&&e&&i&&t.attachEvent(`on${e}`,i)}}(),a=function(){return document.removeEventListener?function(t,e,i){t&&e&&t.removeEventListener(e,i,!1)}:function(t,e,i){t&&e&&t.detachEvent(`on${e}`,i)}}();var h=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{ref:"outerWrapper",class:t.wrapperClasses},[t.isHorizontal?i("div",{class:`${t.prefix}-horizontal`},[t.hideLeft?i("div",{class:[`${t.prefix}-pane`,"right-pane"],staticStyle:{left:"0"}},[t._t("right")],2):[i("div",{class:[`${t.prefix}-pane`,"left-pane"],style:{right:`${t.anotherOffset}%`}},[t._t("left")],2),i("div",{class:`${t.prefix}-trigger-con`,style:{left:`calc(${t.offset}% + ${t.triggerSize/2}px)`,width:`${t.triggerSize}px`},on:{mousedown:t.handleMousedown}},[t._t("trigger",function(){return[i("Trigger",{attrs:{mode:"vertical"}})]})],2),i("div",{class:[`${t.prefix}-pane`,"right-pane"],style:{left:`calc(${t.offset}% + ${t.triggerSize}px)`}},[t._t("right")],2)]],2):i("div",{class:`${t.prefix}-vertical`},[i("div",{class:[`${t.prefix}-pane`,"top-pane"],style:{bottom:`${t.anotherOffset}%`}},[t._t("top")],2),i("div",{class:`${t.prefix}-trigger-con`,style:{top:`calc(${t.offset}% + ${t.triggerSize/2}px)`,height:`${t.triggerSize}px`},on:{mousedown:t.handleMousedown}},[t._t("trigger",function(){return[i("Trigger",{attrs:{mode:"horizontal"}})]})],2),i("div",{class:[`${t.prefix}-pane`,"bottom-pane"],style:{top:`calc(${t.offset}% + ${t.triggerSize}px)`}},[t._t("bottom")],2)]),i("ResizeObserver",{on:{notify:t.resetOffset}})],1)},g=[];const d={name:"SplitPane",props:{value:{type:[Number,String],default:.5},mode:{validator(t){return f(t,["horizontal","vertical"])},default:"horizontal"},hideLeft:Boolean,triggerSize:{type:Number,default:6},min:{type:[Number,String],default:"40px"},max:{type:[Number,String],default:"40px"}},data(){return{prefix:"egd-split",offset:0,oldOffset:0,isMoving:!1}},computed:{wrapperClasses(){return[`${this.prefix}-wrapper`,this.isMoving?"no-select":""]},isHorizontal(){return this.mode==="horizontal"},anotherOffset(){return 100-this.offset},valueIsPx(){return typeof this.value=="string"},offsetSize(){return this.isHorizontal?"offsetWidth":"offsetHeight"},computedMin(){return this.getComputedThresholdValue("min")},computedMax(){return this.getComputedThresholdValue("max")}},watch:{value:"resetOffset"},async mounted(){await this.$nextTick(),this.resetOffset()},methods:{resetOffset(){this.offset=(this.valueIsPx?this.px2percent(this.value,this.$refs.outerWrapper[this.offsetSize]):this.value)*1e4/100},px2percent(t,e){return parseFloat(t)/parseFloat(e)},getComputedThresholdValue(t){const e=this.$refs.outerWrapper[this.offsetSize];return this.valueIsPx?typeof this[t]=="string"?this[t]:e*this[t]:typeof this[t]=="string"?this.px2percent(this[t],e):this[t]},getMin(t,e){return this.valueIsPx?`${Math.min(parseFloat(t),parseFloat(e))}px`:Math.min(t,e)},getMax(t,e){return this.valueIsPx?`${Math.max(parseFloat(t),parseFloat(e))}px`:Math.max(t,e)},getAnotherOffset(t){let e=0;return this.valueIsPx?e=`${this.$refs.outerWrapper[this.offsetSize]-parseFloat(t)}px`:e=1-t,e},handleMove(t){const i=(this.isHorizontal?t.pageX:t.pageY)-this.initOffset,s=this.$refs.outerWrapper[this.offsetSize];let r=this.valueIsPx?`${parseFloat(this.oldOffset)+i}px`:this.px2percent(s*this.oldOffset+i,s);const o=this.getAnotherOffset(r);parseFloat(r)<=parseFloat(this.computedMin)&&(r=this.getMax(r,this.computedMin)),parseFloat(o)<=parseFloat(this.computedMax)&&(r=this.getAnotherOffset(this.getMax(o,this.computedMax))),t.atMin=this.value===this.computedMin,t.atMax=this.valueIsPx?this.getAnotherOffset(this.value)===this.computedMax:this.getAnotherOffset(this.value).toFixed(5)===this.computedMax.toFixed(5),this.$emit("input",r),this.$emit("on-moving",t)},handleUp(){this.isMoving=!1,a(window,"mousemove",this.handleMove),a(window,"mouseup",this.handleUp),this.$emit("on-move-end")},handleMousedown(t){this.initOffset=this.isHorizontal?t.pageX:t.pageY,this.oldOffset=this.value,this.isMoving=!0,n(window,"mousemove",this.handleMove),n(window,"mouseup",this.handleUp),this.$emit("on-move-start")}}},p={};var u=l(d,h,g,!1,c,null,null,null);function c(t){for(let e in p)this[e]=p[e]}var x=function(){return u.exports}();export{x as default};
+import { n as h } from "../../chunks/6499de3a.js";
+function l(t, e) {
+  for (let s = 0; s < e.length; s++)
+    if (t === e[s])
+      return !0;
+  return !1;
+}
+const n = function() {
+  return document.addEventListener ? function(t, e, s) {
+    t && e && s && t.addEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && s && t.attachEvent(`on${e}`, s);
+  };
+}(), a = function() {
+  return document.removeEventListener ? function(t, e, s) {
+    t && e && t.removeEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && t.detachEvent(`on${e}`, s);
+  };
+}();
+var p = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    ref: "outerWrapper",
+    class: t.wrapperClasses
+  }, [t.isHorizontal ? s("div", {
+    class: `${t.prefix}-horizontal`
+  }, [t.hideLeft ? s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    staticStyle: {
+      left: "0"
+    }
+  }, [t._t("right")], 2) : [s("div", {
+    class: [`${t.prefix}-pane`, "left-pane"],
+    style: {
+      right: `${t.anotherOffset}%`
+    }
+  }, [t._t("left")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      width: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "vertical"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("right")], 2)]], 2) : s("div", {
+    class: `${t.prefix}-vertical`
+  }, [s("div", {
+    class: [`${t.prefix}-pane`, "top-pane"],
+    style: {
+      bottom: `${t.anotherOffset}%`
+    }
+  }, [t._t("top")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      height: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "horizontal"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "bottom-pane"],
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("bottom")], 2)]), s("ResizeObserver", {
+    on: {
+      notify: t.resetOffset
+    }
+  })], 1);
+}, u = [];
+const d = {
+  name: "SplitPane",
+  props: {
+    value: {
+      type: [Number, String],
+      default: 0.5
+    },
+    mode: {
+      validator(t) {
+        return l(t, ["horizontal", "vertical"]);
+      },
+      default: "horizontal"
+    },
+    hideLeft: Boolean,
+    triggerSize: {
+      type: Number,
+      default: 6
+    },
+    min: {
+      type: [Number, String],
+      default: "40px"
+    },
+    max: {
+      type: [Number, String],
+      default: "40px"
+    }
+  },
+  data() {
+    return {
+      prefix: "egd-split",
+      offset: 0,
+      oldOffset: 0,
+      isMoving: !1
+    };
+  },
+  computed: {
+    wrapperClasses() {
+      return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
+    },
+    isHorizontal() {
+      return this.mode === "horizontal";
+    },
+    anotherOffset() {
+      return 100 - this.offset;
+    },
+    valueIsPx() {
+      return typeof this.value == "string";
+    },
+    offsetSize() {
+      return this.isHorizontal ? "offsetWidth" : "offsetHeight";
+    },
+    computedMin() {
+      return this.getComputedThresholdValue("min");
+    },
+    computedMax() {
+      return this.getComputedThresholdValue("max");
+    }
+  },
+  watch: {
+    value: "resetOffset"
+  },
+  async mounted() {
+    await this.$nextTick(), this.resetOffset();
+  },
+  methods: {
+    resetOffset() {
+      this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 1e4 / 100;
+    },
+    px2percent(t, e) {
+      return parseFloat(t) / parseFloat(e);
+    },
+    getComputedThresholdValue(t) {
+      const e = this.$refs.outerWrapper[this.offsetSize];
+      return this.valueIsPx ? typeof this[t] == "string" ? this[t] : e * this[t] : typeof this[t] == "string" ? this.px2percent(this[t], e) : this[t];
+    },
+    getMin(t, e) {
+      return this.valueIsPx ? `${Math.min(parseFloat(t), parseFloat(e))}px` : Math.min(t, e);
+    },
+    getMax(t, e) {
+      return this.valueIsPx ? `${Math.max(parseFloat(t), parseFloat(e))}px` : Math.max(t, e);
+    },
+    getAnotherOffset(t) {
+      let e = 0;
+      return this.valueIsPx ? e = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(t)}px` : e = 1 - t, e;
+    },
+    handleMove(t) {
+      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, r = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(r * this.oldOffset + s, r);
+      const o = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(o) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(o, this.computedMax))), t.atMin = this.value === this.computedMin, t.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", t);
+    },
+    handleUp() {
+      this.isMoving = !1, a(window, "mousemove", this.handleMove), a(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+    },
+    handleMousedown(t) {
+      this.initOffset = this.isHorizontal ? t.pageX : t.pageY, this.oldOffset = this.value, this.isMoving = !0, n(window, "mousemove", this.handleMove), n(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+    }
+  }
+}, f = {};
+var c = /* @__PURE__ */ h(
+  d,
+  p,
+  u,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(t) {
+  for (let e in f)
+    this[e] = f[e];
+}
+const x = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  x as default
+};

package/dist/components/stateful/index.js

@@ -1 +1,84 @@
-import{n as g}from"../../chunks/6499de3a.js";const A={name:"Stateful",functional:!0,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:r=>["doing","overdue","error","done","closed"].indexOf(r)>-1},status:{type:[String,Number]},size:{type:String}},render(r,{props:t,data:c,children:y}){const{draft:a,doing:o,overdue:n,error:d,done:l,closed:s,status:e,tag:f,size:u,type:p}=t,_={draft:Array.isArray(a)?a.includes(e):a,doing:Array.isArray(o)?o.includes(e):o,overdue:Array.isArray(n)?n.includes(e):n,error:Array.isArray(d)?d.includes(e):d,done:Array.isArray(l)?l.includes(e):l,closed:Array.isArray(s)?s.includes(e):s};return r(f,c,[r("span",{style:{width:u,height:u},class:["stateful",p,_]}),y])}};let v,b;const i={};var x=g(A,v,b,!1,h,null,null,null);function h(r){for(let t in i)this[t]=i[t]}var m=function(){return x.exports}();export{m as default};
+import { n as A } from "../../chunks/6499de3a.js";
+const v = {
+  name: "Stateful",
+  functional: !0,
+  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: (r) => ["doing", "overdue", "error", "done", "closed"].indexOf(r) > -1
+    },
+    status: {
+      type: [String, Number]
+    },
+    size: {
+      type: String
+    }
+  },
+  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 r(_, y, [
+      r("span", {
+        style: { width: u, height: u },
+        class: ["stateful", f, p]
+      }),
+      c
+    ]);
+  }
+};
+let g, S;
+const i = {};
+var m = /* @__PURE__ */ A(
+  v,
+  g,
+  S,
+  !1,
+  B,
+  null,
+  null,
+  null
+);
+function B(r) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const h = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  h as default
+};

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

@@ -1 +1,92 @@
-import{chunk as n}from"lodash";import{n as i}from"../../chunks/6499de3a.js";var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"static-pageable-table"},[a("ElTable",e._g(e._b({attrs:{size:"mini",data:e.records}},"ElTable",e.$attrs,!1),e.$listeners),[e._t("default",function(){return[e._v("\u8BF7\u6DFB\u52A0\u8868\u683C\u5217")]})],2),a("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"},on:{"current-change":function(s){e.page.page=s}}})],1)},o=[];const p={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:!0,handler(){this.page.total=this.rows.length,this.fetchData()}}},methods:{fetchData(){this.records=n(this.rows,this.page.limit)[this.page.page-1]}}},r={};var c=i(p,l,o,!1,g,null,null,null);function g(e){for(let t in r)this[t]=r[t]}var u=function(){return c.exports}();export{u as default};
+import { chunk as n } from "lodash";
+import { n as i } from "../../chunks/6499de3a.js";
+var o = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "static-pageable-table"
+  }, [a("ElTable", e._g(e._b({
+    attrs: {
+      size: "mini",
+      data: e.records
+    }
+  }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
+    return [e._v("\u8BF7\u6DFB\u52A0\u8868\u683C\u5217")];
+  })], 2), a("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"
+    },
+    on: {
+      "current-change": function(s) {
+        e.page.page = s;
+      }
+    }
+  })], 1);
+}, l = [];
+const c = {
+  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: !0,
+      handler() {
+        this.page.total = this.rows.length, this.fetchData();
+      }
+    }
+  },
+  methods: {
+    fetchData() {
+      this.records = n(this.rows, this.page.limit)[this.page.page - 1];
+    }
+  }
+}, r = {};
+var p = /* @__PURE__ */ i(
+  c,
+  o,
+  l,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const h = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  h as default
+};

package/dist/components/swiper/index.js

@@ -1 +1,158 @@
-import{getEleWidth as o}from"@web-utils/core";import{n as a}from"../../chunks/6499de3a.js";var l=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"egd-swiper"},[s("ElButton",{staticClass:"el-carousel__arrow el-carousel__arrow--left",attrs:{disabled:t.reachedLeft,icon:"el-icon-arrow-left"},on:{click:t.clickLeft}}),s("div",{ref:"swiperBox",staticClass:"egd-swiper-box",on:{wheel:function(i){return i.stopPropagation(),i.preventDefault(),t.onMouseWheel.apply(null,arguments)}}},[s("div",{ref:"swiperContent",staticClass:"egd-swiper-content",style:t.swiperContentStyle},[t._t("default")],2)]),s("ElButton",{staticClass:"el-carousel__arrow el-carousel__arrow--right",attrs:{disabled:t.reachedRight,icon:"el-icon-arrow-right"},on:{click:t.clickRight}}),s("ResizeObserver",{on:{notify:t.resize}})],1)},h=[];const d={name:"Swiper",data(){return{mouseDown:!1,swiperBoxWith:0,swiperContentWidth:0,translateX:0,reachedLeft:!0,reachedRight:!1,childrenWidth:[],swiperContentStyle:{transitionDuration:"0ms",transform:"translate3d(0px, 0px, 0px)"}}},async mounted(){await this.layout()},updated(){this.computeContentWidth()},methods:{async layout(){await this.$nextTick(),this.computeContentWidth(),this.resize()},resize(){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 r=o(i);t+=r,e.push(r)}),this.childrenWidth=e,this.swiperContentWidth=t},updateDuration(t){this.swiperContentStyle.transitionDuration=t?"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)`)},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.setTranslateX(e)},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]);break}this.setTranslateX(-e)},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(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(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(e>0){const s=this.translateX+e;this.setTranslateX(s)}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)})},transitionend(){this.updateDuration(!1),this.$refs.swiperContent.removeEventListener("transitionend",this.transitionend),this.$refs.swiperContent.removeEventListener("webkitTransitionEnd",this.transitionend)}}},n={};var c=a(d,l,h,!1,p,null,null,null);function p(t){for(let e in n)this[e]=n[e]}var u=function(){return c.exports}();export{u as default};
+import { getEleWidth as a } from "@web-utils/core";
+import { n as o } from "../../chunks/6499de3a.js";
+var h = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "egd-swiper"
+  }, [s("ElButton", {
+    staticClass: "el-carousel__arrow el-carousel__arrow--left",
+    attrs: {
+      disabled: t.reachedLeft,
+      icon: "el-icon-arrow-left"
+    },
+    on: {
+      click: t.clickLeft
+    }
+  }), s("div", {
+    ref: "swiperBox",
+    staticClass: "egd-swiper-box",
+    on: {
+      wheel: function(i) {
+        return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
+      }
+    }
+  }, [s("div", {
+    ref: "swiperContent",
+    staticClass: "egd-swiper-content",
+    style: t.swiperContentStyle
+  }, [t._t("default")], 2)]), s("ElButton", {
+    staticClass: "el-carousel__arrow el-carousel__arrow--right",
+    attrs: {
+      disabled: t.reachedRight,
+      icon: "el-icon-arrow-right"
+    },
+    on: {
+      click: t.clickRight
+    }
+  }), s("ResizeObserver", {
+    on: {
+      notify: t.resize
+    }
+  })], 1);
+}, l = [];
+const d = {
+  name: "Swiper",
+  data() {
+    return {
+      mouseDown: !1,
+      swiperBoxWith: 0,
+      swiperContentWidth: 0,
+      translateX: 0,
+      reachedLeft: !0,
+      reachedRight: !1,
+      childrenWidth: [],
+      swiperContentStyle: {
+        transitionDuration: "0ms",
+        transform: "translate3d(0px, 0px, 0px)"
+      }
+    };
+  },
+  async mounted() {
+    await this.layout();
+  },
+  updated() {
+    this.computeContentWidth();
+  },
+  methods: {
+    async layout() {
+      await this.$nextTick(), this.computeContentWidth(), this.resize();
+    },
+    resize() {
+      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;
+    },
+    updateDuration(t) {
+      this.swiperContentStyle.transitionDuration = t ? "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)`);
+    },
+    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.setTranslateX(e);
+    },
+    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]);
+          break;
+        }
+      this.setTranslateX(-e);
+    },
+    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(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(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 (e > 0) {
+        const s = this.translateX + e;
+        this.setTranslateX(s);
+      }
+      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);
+      });
+    },
+    transitionend() {
+      this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
+    }
+  }
+}, r = {};
+var c = /* @__PURE__ */ o(
+  d,
+  h,
+  l,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const w = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  w as default
+};