vue-devui 1.0.0-alpha.4 → 1.0.0-beta.10

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;