vue-devui 1.0.0-alpha.5 → 1.0.0-beta.11

package/card/index.es.js

@@ -1 +1,61 @@
-import{defineComponent as a,createVNode as l}from"vue";var t=a({name:"DCard",props:{align:{type:String,default:"start"},src:{type:String,default:""}},render(){var a,t,s,i,d,c,r,e,n,o,v,u,h,$;const{align:g,src:m}=this,p={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${g}`]:"start"!==g};return l("div",{class:"card-container devui-card"},[null==(t=(a=this.$slots).default)?void 0:t.call(a),l("div",{class:"devui-card-header"},[(null==(i=(s=this.$slots).cardAvatar)?void 0:i.call(s))?l("div",{class:"devui-card-avatar"},[null==(c=(d=this.$slots).cardAvatar)?void 0:c.call(d)]):"",l("div",{class:"devui-card-header-title-area"},[l("div",{class:"devui-card-title"},[null==(e=(r=this.$slots).cardTitle)?void 0:e.call(r)]),l("div",{class:"devui-card-subtitle"},[null==(o=(n=this.$slots).cardSubtitle)?void 0:o.call(n)])])]),""!==m?l("img",{src:m,alt:"",class:"devui-card-meta"},null):"",l("div",{class:"devui-card-content"},[null==(u=(v=this.$slots).cardContent)?void 0:u.call(v)]),l("div",{class:p},[this.$slots.cardActions?null==($=(h=this.$slots).cardActions)?void 0:$.call(h):""])])}});t.install=function(a){a.component(t.name,t)};var s={title:"Card 卡片",category:"数据展示",install(a){a.use(t)}};export{t as Card,s as default};
+import { defineComponent, createVNode } from "vue";
+var card = "";
+const cardProps = {
+  align: {
+    type: String,
+    default: "start"
+  },
+  src: {
+    type: String,
+    default: ""
+  }
+};
+var Card = defineComponent({
+  name: "DCard",
+  props: cardProps,
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    const {
+      align,
+      src
+    } = this;
+    const alignCls = {
+      "d-card-actions": true,
+      "devui-card-actions": true,
+      [`devui-card-actions-align-${align}`]: align !== "start"
+    };
+    return createVNode("div", {
+      "class": "card-container devui-card"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
+      "class": "devui-card-header"
+    }, [((_d = (_c = this.$slots).cardAvatar) == null ? void 0 : _d.call(_c)) ? createVNode("div", {
+      "class": "devui-card-avatar"
+    }, [(_f = (_e = this.$slots).cardAvatar) == null ? void 0 : _f.call(_e)]) : "", createVNode("div", {
+      "class": "devui-card-header-title-area"
+    }, [createVNode("div", {
+      "class": "devui-card-title"
+    }, [(_h = (_g = this.$slots).cardTitle) == null ? void 0 : _h.call(_g)]), createVNode("div", {
+      "class": "devui-card-subtitle"
+    }, [(_j = (_i = this.$slots).cardSubtitle) == null ? void 0 : _j.call(_i)])])]), src !== "" ? createVNode("img", {
+      "src": src,
+      "alt": "",
+      "class": "devui-card-meta"
+    }, null) : "", createVNode("div", {
+      "class": "devui-card-content"
+    }, [(_l = (_k = this.$slots).cardContent) == null ? void 0 : _l.call(_k)]), createVNode("div", {
+      "class": alignCls
+    }, [this.$slots.cardActions ? (_n = (_m = this.$slots).cardActions) == null ? void 0 : _n.call(_m) : ""])]);
+  }
+});
+Card.install = function(app) {
+  app.component(Card.name, Card);
+};
+var index = {
+  title: "Card \u5361\u7247",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.use(Card);
+  }
+};
+export { Card, index as default };

package/card/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const a={align:{type:String,default:"start"},src:{type:String,default:""}};var d=t.defineComponent({name:"DCard",props:a,render(){var e,a,d,l,i,s,c,r,o,n,u,v,f,h;const{align:p,src:g}=this,V={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${p}`]:"start"!==p};return t.createVNode("div",{class:"card-container devui-card"},[null==(a=(e=this.$slots).default)?void 0:a.call(e),t.createVNode("div",{class:"devui-card-header"},[(null==(l=(d=this.$slots).cardAvatar)?void 0:l.call(d))?t.createVNode("div",{class:"devui-card-avatar"},[null==(s=(i=this.$slots).cardAvatar)?void 0:s.call(i)]):"",t.createVNode("div",{class:"devui-card-header-title-area"},[t.createVNode("div",{class:"devui-card-title"},[null==(r=(c=this.$slots).cardTitle)?void 0:r.call(c)]),t.createVNode("div",{class:"devui-card-subtitle"},[null==(n=(o=this.$slots).cardSubtitle)?void 0:n.call(o)])])]),""!==g?t.createVNode("img",{src:g,alt:"",class:"devui-card-meta"},null):"",t.createVNode("div",{class:"devui-card-content"},[null==(v=(u=this.$slots).cardContent)?void 0:v.call(u)]),t.createVNode("div",{class:V},[this.$slots.cardActions?null==(h=(f=this.$slots).cardActions)?void 0:h.call(f):""])])}});d.install=function(e){e.component(d.name,d)};var l={title:"Card 卡片",category:"数据展示",install(e){e.use(d)}};e.Card=d,e.default=l,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var y="";const N={align:{type:String,default:"start"},src:{type:String,default:""}};var d=e.defineComponent({name:"DCard",props:N,render(){var i,r,c,n,o,l,u,f,v,h,p,V,g,m;const{align:a,src:s}=this,C={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${a}`]:a!=="start"};return e.createVNode("div",{class:"card-container devui-card"},[(r=(i=this.$slots).default)==null?void 0:r.call(i),e.createVNode("div",{class:"devui-card-header"},[((n=(c=this.$slots).cardAvatar)==null?void 0:n.call(c))?e.createVNode("div",{class:"devui-card-avatar"},[(l=(o=this.$slots).cardAvatar)==null?void 0:l.call(o)]):"",e.createVNode("div",{class:"devui-card-header-title-area"},[e.createVNode("div",{class:"devui-card-title"},[(f=(u=this.$slots).cardTitle)==null?void 0:f.call(u)]),e.createVNode("div",{class:"devui-card-subtitle"},[(h=(v=this.$slots).cardSubtitle)==null?void 0:h.call(v)])])]),s!==""?e.createVNode("img",{src:s,alt:"",class:"devui-card-meta"},null):"",e.createVNode("div",{class:"devui-card-content"},[(V=(p=this.$slots).cardContent)==null?void 0:V.call(p)]),e.createVNode("div",{class:C},[this.$slots.cardActions?(m=(g=this.$slots).cardActions)==null?void 0:m.call(g):""])])}});d.install=function(a){a.component(d.name,d)};var $={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.use(d)}};t.Card=d,t.default=$,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/carousel/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/carousel/index.es.js

@@ -1 +1,329 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,r=(t,l,a)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[l]=a;"undefined"!=typeof require&&require;import{defineComponent as n,createVNode as o,ref as u,watch as i,onMounted as s,onBeforeUnmount as v,Fragment as c,Comment as d}from"vue";const p={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var f=n({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>((e,n)=>{for(var o in n||(n={}))l.call(n,o)&&r(e,o,n[o]);if(t)for(var o of t(n))a.call(n,o)&&r(e,o,n[o]);return e})({},e),render(){const{name:e,size:t,color:l,classPrefix:a}=this;return o("i",{class:`${a} ${a}-${e}`,style:{fontSize:t,color:l}},null)}}),m=n({name:"DCarousel",props:p,emits:["update:activeIndex"],setup(e,{emit:t}){const{arrowTrigger:l,autoplay:a,autoplaySpeed:r,dotTrigger:n,activeIndex:o,activeIndexChange:c}=e,d=u(0),p=u(!1),f=u(0),m=u(null),y=u(null),g=u(null);i((()=>l),(()=>{p.value="always"===l}),{immediate:!0}),i((()=>o),(()=>{f.value=o}),{immediate:!0});const h=e=>{y.value&&(y.value.style.left=100*-e+"%")},w=e=>{setTimeout((()=>{y.value&&(y.value.style.transition=""),e.style.transform="",h(f.value)}),500)},b=(e,t)=>{if(m.value){const l=m.value.getBoundingClientRect();e.style.transform=`translateX(${(t?-d.value:d.value)*l.width}px)`}},x=e=>{if(e===f.value||!m.value||!y.value)return;y.value.style.transition="left 500ms ease";let l=f.value;if(e<0&&0===f.value){l=d.value-1;const e=y.value.children[l];b(e,!0),h(-1),w(e)}else if(e>=d.value&&f.value===d.value-1){l=0;const e=y.value.children[l];b(e,!1),h(d.value),w(e)}else l=e<0?0:e>d.value-1?d.value-1:e,h(l);f.value=l,t("update:activeIndex",l),null==c||c(l),I()},S=()=>{x(f.value+1)},C=()=>{g.value&&(clearTimeout(g.value),g.value=null)},I=()=>{C(),a&&r&&(g.value=setTimeout((()=>{S()}),r))};return s((()=>{y.value&&(y.value.style.transition="left 500ms ease",y.value.style.left="0%"),I()})),v((()=>{C()})),{wrapperRef:m,containerRef:y,showArrow:p,currentIndex:f,itemCount:d,changeItemCount:e=>{d.value=e,I()},goto:x,prev:()=>{x(f.value-1)},next:S,arrowMouseEvent:e=>{"hover"===l&&(p.value="enter"===e)},switchStep:(e,t)=>{t===n&&x(e)}}},render(){var e,t;const{showArrow:l,currentIndex:a,itemCount:r,arrowTrigger:n,height:u,showDots:i,dotPosition:s,prev:v,next:p,arrowMouseEvent:m,switchStep:y,changeItemCount:g,$slots:h}=this,w=null!=(t=null==(e=h.default)?void 0:e.call(h))?t:[];let b=w;return 1===b.length&&b[0].type===c&&(b=(b[0].children||[]).filter((e=>(null==e?void 0:e.type)!==d))),b.length!==r&&g(b.length),o("div",{class:"devui-carousel-container",style:{height:u},onMouseenter:()=>m("enter"),onMouseleave:()=>m("leave")},["never"!==n&&l?o("div",{class:"devui-carousel-arrow"},[o("button",{class:"arrow-left",onClick:()=>v()},[o(f,{name:"arrow-left"},null)]),o("button",{class:"arrow-right",onClick:()=>p()},[o(f,{name:"arrow-right"},null)])]):null,o("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[o("div",{class:"devui-carousel-item-container",style:{width:100*r+"%"},ref:"containerRef"},[w])]),r>0&&i?o("ul",{class:["devui-carousel-dots",s]},[b.map(((e,t)=>o("li",{class:{"dot-item":!0,active:a===t},onClick:()=>y(t,"click"),onMouseenter:()=>y(t,"hover")},null)))]):null])}}),y=n({name:"DCarouselItem",render(){var e;const{$slots:t}=this,l=null==(e=t.default)?void 0:e.call(t);return o("div",{class:"d-carousel-item "},[l])}});m.install=function(e){e.component(m.name,m)},y.install=function(e){e.component(y.name,y)};var g={title:"Carousel 走马灯",category:"数据展示",install(e){e.use(m),e.use(y)}};export{m as Carousel,g as default};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { defineComponent, createVNode, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
+const carouselProps = {
+  arrowTrigger: {
+    type: String,
+    default: "hover"
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  autoplaySpeed: {
+    type: Number,
+    default: 3e3
+  },
+  height: {
+    type: String,
+    default: "100%"
+  },
+  showDots: {
+    type: Boolean,
+    default: true
+  },
+  dotTrigger: {
+    type: String,
+    default: "click"
+  },
+  dotPosition: {
+    type: String,
+    default: "bottom"
+  },
+  activeIndex: {
+    type: Number,
+    default: 0
+  },
+  activeIndexChange: {
+    type: Function
+  }
+};
+var Icon = defineComponent({
+  name: "DIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "inherit"
+    },
+    color: {
+      type: String,
+      default: "inherit"
+    },
+    classPrefix: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(props) {
+    return __spreadValues({}, props);
+  },
+  render() {
+    const {
+      name,
+      size,
+      color,
+      classPrefix
+    } = this;
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
+      "src": name,
+      "alt": name.split("/")[name.split("/").length - 1],
+      "style": {
+        width: size,
+        verticalAlign: "text-bottom"
+      }
+    }, null) : createVNode("i", {
+      "class": `${classPrefix} ${classPrefix}-${name}`,
+      "style": {
+        fontSize: size,
+        color
+      }
+    }, null);
+  }
+});
+var carousel = "";
+var Carousel = defineComponent({
+  name: "DCarousel",
+  props: carouselProps,
+  emits: ["update:activeIndex"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      arrowTrigger,
+      autoplay,
+      autoplaySpeed,
+      dotTrigger,
+      activeIndex,
+      activeIndexChange
+    } = props;
+    const transitionSpeed = 500;
+    const itemCount = ref(0);
+    const showArrow = ref(false);
+    const currentIndex = ref(0);
+    const wrapperRef = ref(null);
+    const containerRef = ref(null);
+    const scheduledId = ref(null);
+    watch(() => arrowTrigger, () => {
+      showArrow.value = arrowTrigger === "always";
+    }, {
+      immediate: true
+    });
+    watch(() => activeIndex, () => {
+      currentIndex.value = activeIndex;
+    }, {
+      immediate: true
+    });
+    const translatePosition = (size) => {
+      if (containerRef.value)
+        containerRef.value.style.left = `${-size * 100}%`;
+    };
+    const adjustTransition = (targetEl) => {
+      setTimeout(() => {
+        if (containerRef.value)
+          containerRef.value.style.transition = "";
+        targetEl.style.transform = "";
+        translatePosition(currentIndex.value);
+      }, transitionSpeed);
+    };
+    const adjustPosition = (targetEl, firstToLast) => {
+      if (wrapperRef.value) {
+        const wrapperRect = wrapperRef.value.getBoundingClientRect();
+        targetEl.style.transform = `translateX(${(firstToLast ? -itemCount.value : itemCount.value) * wrapperRect.width}px)`;
+      }
+    };
+    const goto = (index2) => {
+      if (index2 === currentIndex.value || !wrapperRef.value || !containerRef.value) {
+        return;
+      }
+      containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
+      let latestIndex = currentIndex.value;
+      if (index2 < 0 && currentIndex.value === 0) {
+        latestIndex = itemCount.value - 1;
+        const targetEl = containerRef.value.children[latestIndex];
+        adjustPosition(targetEl, true);
+        translatePosition(-1);
+        adjustTransition(targetEl);
+      } else if (index2 >= itemCount.value && currentIndex.value === itemCount.value - 1) {
+        latestIndex = 0;
+        const targetEl = containerRef.value.children[latestIndex];
+        adjustPosition(targetEl, false);
+        translatePosition(itemCount.value);
+        adjustTransition(targetEl);
+      } else {
+        latestIndex = index2 < 0 ? 0 : index2 > itemCount.value - 1 ? itemCount.value - 1 : index2;
+        translatePosition(latestIndex);
+      }
+      currentIndex.value = latestIndex;
+      emit("update:activeIndex", latestIndex);
+      activeIndexChange == null ? void 0 : activeIndexChange(latestIndex);
+      autoScheduleTransition();
+    };
+    const prev = () => {
+      goto(currentIndex.value - 1);
+    };
+    const next = () => {
+      goto(currentIndex.value + 1);
+    };
+    const arrowMouseEvent = (type) => {
+      if (arrowTrigger !== "hover")
+        return;
+      showArrow.value = type === "enter";
+    };
+    const switchStep = (index2, type) => {
+      if (type === dotTrigger)
+        goto(index2);
+    };
+    const clearScheduledTransition = () => {
+      if (scheduledId.value) {
+        clearTimeout(scheduledId.value);
+        scheduledId.value = null;
+      }
+    };
+    const autoScheduleTransition = () => {
+      clearScheduledTransition();
+      if (autoplay && autoplaySpeed) {
+        scheduledId.value = setTimeout(() => {
+          next();
+        }, autoplaySpeed);
+      }
+    };
+    const changeItemCount = (val) => {
+      itemCount.value = val;
+      autoScheduleTransition();
+    };
+    onMounted(() => {
+      if (containerRef.value) {
+        containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
+        containerRef.value.style.left = "0%";
+      }
+      autoScheduleTransition();
+    });
+    onBeforeUnmount(() => {
+      clearScheduledTransition();
+    });
+    return {
+      wrapperRef,
+      containerRef,
+      showArrow,
+      currentIndex,
+      itemCount,
+      changeItemCount,
+      goto,
+      prev,
+      next,
+      arrowMouseEvent,
+      switchStep
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      showArrow,
+      currentIndex,
+      itemCount,
+      arrowTrigger,
+      height,
+      showDots,
+      dotPosition,
+      prev,
+      next,
+      arrowMouseEvent,
+      switchStep,
+      changeItemCount,
+      $slots
+    } = this;
+    const slot = (_b = (_a = $slots.default) == null ? void 0 : _a.call($slots)) != null ? _b : [];
+    let children = slot;
+    if (children.length === 1 && children[0].type === Fragment) {
+      children = (children[0].children || []).filter((item) => (item == null ? void 0 : item.type) !== Comment);
+    }
+    if (children.length !== itemCount) {
+      changeItemCount(children.length);
+    }
+    return createVNode("div", {
+      "class": "devui-carousel-container",
+      "style": {
+        height
+      },
+      "onMouseenter": () => arrowMouseEvent("enter"),
+      "onMouseleave": () => arrowMouseEvent("leave")
+    }, [arrowTrigger !== "never" && showArrow ? createVNode("div", {
+      "class": "devui-carousel-arrow"
+    }, [createVNode("button", {
+      "class": "arrow-left",
+      "onClick": () => prev()
+    }, [createVNode(Icon, {
+      "name": "arrow-left"
+    }, null)]), createVNode("button", {
+      "class": "arrow-right",
+      "onClick": () => next()
+    }, [createVNode(Icon, {
+      "name": "arrow-right"
+    }, null)])]) : null, createVNode("div", {
+      "class": "devui-carousel-item-wrapper",
+      "ref": "wrapperRef"
+    }, [createVNode("div", {
+      "class": "devui-carousel-item-container",
+      "style": {
+        width: `${itemCount * 100}%`
+      },
+      "ref": "containerRef"
+    }, [slot])]), itemCount > 0 && showDots ? createVNode("ul", {
+      "class": ["devui-carousel-dots", dotPosition]
+    }, [children.map((_, index2) => createVNode("li", {
+      "class": {
+        "dot-item": true,
+        active: currentIndex === index2
+      },
+      "onClick": () => switchStep(index2, "click"),
+      "onMouseenter": () => switchStep(index2, "hover")
+    }, null))]) : null]);
+  }
+});
+var CarouseItem = defineComponent({
+  name: "DCarouselItem",
+  render() {
+    var _a;
+    const {
+      $slots
+    } = this;
+    const children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
+    return createVNode("div", {
+      "class": "d-carousel-item "
+    }, [children]);
+  }
+});
+Carousel.install = function(app) {
+  app.component(Carousel.name, Carousel);
+};
+CarouseItem.install = function(app) {
+  app.component(CarouseItem.name, CarouseItem);
+};
+var index = {
+  title: "Carousel \u8D70\u9A6C\u706F",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "80%",
+  install(app) {
+    app.use(Carousel);
+    app.use(CarouseItem);
+  }
+};
+export { Carousel, index as default };

package/carousel/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const r={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup:e=>__spreadValues({},e),render(){const{name:e,size:r,color:o,classPrefix:l}=this;return t.createVNode("i",{class:`${l} ${l}-${e}`,style:{fontSize:r,color:o}},null)}}),l=t.defineComponent({name:"DCarousel",props:r,emits:["update:activeIndex"],setup(e,{emit:r}){const{arrowTrigger:o,autoplay:l,autoplaySpeed:a,dotTrigger:n,activeIndex:u,activeIndexChange:i}=e,s=t.ref(0),d=t.ref(!1),c=t.ref(0),p=t.ref(null),v=t.ref(null),f=t.ref(null);t.watch((()=>o),(()=>{d.value="always"===o}),{immediate:!0}),t.watch((()=>u),(()=>{c.value=u}),{immediate:!0});const m=e=>{v.value&&(v.value.style.left=100*-e+"%")},y=e=>{setTimeout((()=>{v.value&&(v.value.style.transition=""),e.style.transform="",m(c.value)}),500)},g=(e,t)=>{if(p.value){const r=p.value.getBoundingClientRect();e.style.transform=`translateX(${(t?-s.value:s.value)*r.width}px)`}},h=e=>{if(e===c.value||!p.value||!v.value)return;v.value.style.transition="left 500ms ease";let t=c.value;if(e<0&&0===c.value){t=s.value-1;const e=v.value.children[t];g(e,!0),m(-1),y(e)}else if(e>=s.value&&c.value===s.value-1){t=0;const e=v.value.children[t];g(e,!1),m(s.value),y(e)}else t=e<0?0:e>s.value-1?s.value-1:e,m(t);c.value=t,r("update:activeIndex",t),null==i||i(t),b()},w=()=>{h(c.value+1)},_=()=>{f.value&&(clearTimeout(f.value),f.value=null)},b=()=>{_(),l&&a&&(f.value=setTimeout((()=>{w()}),a))};return t.onMounted((()=>{v.value&&(v.value.style.transition="left 500ms ease",v.value.style.left="0%"),b()})),t.onBeforeUnmount((()=>{_()})),{wrapperRef:p,containerRef:v,showArrow:d,currentIndex:c,itemCount:s,changeItemCount:e=>{s.value=e,b()},goto:h,prev:()=>{h(c.value-1)},next:w,arrowMouseEvent:e=>{"hover"===o&&(d.value="enter"===e)},switchStep:(e,t)=>{t===n&&h(e)}}},render(){var e,r;const{showArrow:l,currentIndex:a,itemCount:n,arrowTrigger:u,height:i,showDots:s,dotPosition:d,prev:c,next:p,arrowMouseEvent:v,switchStep:f,changeItemCount:m,$slots:y}=this,g=null!=(r=null==(e=y.default)?void 0:e.call(y))?r:[];let h=g;return 1===h.length&&h[0].type===t.Fragment&&(h=(h[0].children||[]).filter((e=>(null==e?void 0:e.type)!==t.Comment))),h.length!==n&&m(h.length),t.createVNode("div",{class:"devui-carousel-container",style:{height:i},onMouseenter:()=>v("enter"),onMouseleave:()=>v("leave")},["never"!==u&&l?t.createVNode("div",{class:"devui-carousel-arrow"},[t.createVNode("button",{class:"arrow-left",onClick:()=>c()},[t.createVNode(o,{name:"arrow-left"},null)]),t.createVNode("button",{class:"arrow-right",onClick:()=>p()},[t.createVNode(o,{name:"arrow-right"},null)])]):null,t.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[t.createVNode("div",{class:"devui-carousel-item-container",style:{width:100*n+"%"},ref:"containerRef"},[g])]),n>0&&s?t.createVNode("ul",{class:["devui-carousel-dots",d]},[h.map(((e,r)=>t.createVNode("li",{class:{"dot-item":!0,active:a===r},onClick:()=>f(r,"click"),onMouseenter:()=>f(r,"hover")},null)))]):null])}}),a=t.defineComponent({name:"DCarouselItem",render(){var e;const{$slots:r}=this,o=null==(e=r.default)?void 0:e.call(r);return t.createVNode("div",{class:"d-carousel-item "},[o])}});l.install=function(e){e.component(l.name,l)},a.install=function(e){e.component(a.name,a)};var n={title:"Carousel 走马灯",category:"数据展示",install(e){e.use(l),e.use(a)}};e.Carousel=l,e.default=n,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var F=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?F(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var M=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:T,dotTrigger:b,activeIndex:V,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>V,()=>{u.value=V},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},v=(n,l)=>{if(f.value){const h=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*h.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const h=r.value.children[l];v(h,!0),m(-1),N(h)}else if(n>=o.value&&u.value===o.value-1){l=0;const h=r.value.children[l];v(h,!1),m(o.value),N(h)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),x()},E=()=>{p(u.value-1)},P=()=>{p(u.value+1)},j=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===b&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},x=()=>{D(),g&&T&&(c.value=setTimeout(()=>{P()},T))},z=n=>{o.value=n,x()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),x()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:z,goto:p,prev:E,next:P,arrowMouseEvent:j,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:T,showDots:b,dotPosition:V,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(v=>(v==null?void 0:v.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:T},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(M,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(M,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&b?e.createVNode("ul",{class:["devui-carousel-dots",V]},[c.map((v,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),I=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},I.install=function(t){t.component(I.name,I)};var A={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(I)}};a.Carousel=w,a.default=A,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/cascader/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;