vue-devui 1.0.0-alpha.0 → 1.0.0-alpha.11

package/accordion/index.es.js

@@ -1 +0,0 @@
-import{defineComponent as e,createVNode as t,mergeProps as l,resolveComponent as i,createTextVNode as n,reactive as a}from"vue";var d=e({name:"DAccordionList",inheritAttrs:!1,props:{data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},setup:(e,a)=>()=>(!e.innerListTemplate||0===e.deepth)&&t("ul",l({class:"devui-accordion-list"},a.attrs),[e.data.map((e=>t("li",{class:"devui-accordion-item",key:e.title},[t("div",{class:"devui-accordion-menu-item open",title:e.title},[t("div",{title:e.title,class:"devui-accordion-item-title devui-over-flow-ellipsis open"},[e.title]),t("div",{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;"},[t("ul",{class:"devui-accordion-list"},[e.children.map((e=>t("li",{class:"devui-accordion-item",key:e.title},[t("div",{class:"devui-accordion-item-title devui-over-flow-ellipsis",style:"text-indent: 20px;",title:e.title},[t(i("router-link"),{to:e.link},{default:()=>[t("div",{class:"devui-accordion-splitter",style:"left: 30px;"},null),e.title,e.done&&t("span",{class:"tag-done"},[n("已完成")])]})])])))])])])])))])}),o=e({name:"DAccordion",props:{data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},setup(e){const{data:i,accordionType:n}=a(e);return()=>t("div",{class:"devui-accordion-menu devui-scrollbar "+("normal"===n?"devui-accordion-menu-normal":"")},[t(d,l({data:i,deepth:0,parent:null},e),null)])}});o.install=function(e){e.component(o.name,o)};var r={title:"Accordion 手风琴",category:"导航",install(e){e.use(o)}};export{o as Accordion,r as default};

package/accordion/index.umd.js

@@ -1 +0,0 @@
-!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";var i=t.defineComponent({name:"DAccordionList",inheritAttrs:!1,props:{data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},setup:(e,i)=>()=>(!e.innerListTemplate||0===e.deepth)&&t.createVNode("ul",t.mergeProps({class:"devui-accordion-list"},i.attrs),[e.data.map((e=>t.createVNode("li",{class:"devui-accordion-item",key:e.title},[t.createVNode("div",{class:"devui-accordion-menu-item open",title:e.title},[t.createVNode("div",{title:e.title,class:"devui-accordion-item-title devui-over-flow-ellipsis open"},[e.title]),t.createVNode("div",{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;"},[t.createVNode("ul",{class:"devui-accordion-list"},[e.children.map((e=>t.createVNode("li",{class:"devui-accordion-item",key:e.title},[t.createVNode("div",{class:"devui-accordion-item-title devui-over-flow-ellipsis",style:"text-indent: 20px;",title:e.title},[t.createVNode(t.resolveComponent("router-link"),{to:e.link},{default:()=>[t.createVNode("div",{class:"devui-accordion-splitter",style:"left: 30px;"},null),e.title,e.done&&t.createVNode("span",{class:"tag-done"},[t.createTextVNode("已完成")])]})])])))])])])])))])}),l=t.defineComponent({name:"DAccordion",props:{data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},setup(e){const{data:l,accordionType:n}=t.reactive(e);return()=>t.createVNode("div",{class:"devui-accordion-menu devui-scrollbar "+("normal"===n?"devui-accordion-menu-normal":"")},[t.createVNode(i,t.mergeProps({data:l,deepth:0,parent:null},e),null)])}});l.install=function(e){e.component(l.name,l)};var n={title:"Accordion 手风琴",category:"导航",install(e){e.use(l)}};e.Accordion=l,e.default=n,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/accordion/style.css

@@ -1 +0,0 @@
-@charset "UTF-8";:host{display:block}.devui-accordion-list,.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg,#fff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius,2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base,0 1px 4px 0) var(--devui-shadow,rgba(0,0,0,.2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg,#fff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak,#575d6c);background:0 0;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text,#adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text,#adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg,#f2f5fc);color:var(--devui-list-item-hover-text,#526ecc)}.devui-accordion-item-title:not(.disabled).active:not(.open),.devui-accordion-item-title:not(.disabled).devui-router-active{color:var(--devui-brand-active,#526ecc);font-weight:700}.devui-accordion-item-title:not(.disabled).active:not(.open)>a,.devui-accordion-item-title:not(.disabled).devui-router-active>a{color:var(--devui-brand-active,#526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak,#575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak,#575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active,#5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text,#adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text,#adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active,#526ecc);background:0 0}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line,#dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter::before,.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter::before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active,#5e7ce0);position:absolute;top:11px;left:0}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter::before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter::before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter::before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak,#575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg,#fff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius,2px);text-indent:0;cursor:default}

package/anchor/index.es.js

@@ -1 +0,0 @@
-import{defineComponent as n,createVNode as e,createTextVNode as o}from"vue";var t=n({name:"DAnchor",props:{},setup:()=>()=>e("div",null,[o("devui-anchor")])});t.install=function(n){n.component(t.name,t)};var a={title:"Anchor 锚点",category:"导航",install(n){n.use(t)}};export{t as Anchor,a as default};

package/anchor/index.umd.js

@@ -1 +0,0 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,n){"use strict";var o=n.defineComponent({name:"DAnchor",props:{},setup:()=>()=>n.createVNode("div",null,[n.createTextVNode("devui-anchor")])});o.install=function(e){e.component(o.name,o)};var t={title:"Anchor 锚点",category:"导航",install(e){e.use(o)}};e.Anchor=o,e.default=t,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/carousel/index.es.js

@@ -1 +0,0 @@
-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;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};

package/carousel/index.umd.js

@@ -1 +0,0 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,l)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,__spreadValues=(e,t)=>{for(var l in t||(t={}))__hasOwnProp.call(t,l)&&__defNormalProp(e,l,t[l]);if(__getOwnPropSymbols)for(var l of __getOwnPropSymbols(t))__propIsEnum.call(t,l)&&__defNormalProp(e,l,t[l]);return e};!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 l={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 r=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:l,color:r,classPrefix:a}=this;return t.createVNode("i",{class:`${a} ${a}-${e}`,style:{fontSize:l,color:r}},null)}}),a=t.defineComponent({name:"DCarousel",props:l,emits:["update:activeIndex"],setup(e,{emit:l}){const{arrowTrigger:r,autoplay:a,autoplaySpeed:o,dotTrigger:n,activeIndex:u,activeIndexChange:i}=e,s=t.ref(0),c=t.ref(!1),d=t.ref(0),p=t.ref(null),v=t.ref(null),f=t.ref(null);t.watch((()=>r),(()=>{c.value="always"===r}),{immediate:!0}),t.watch((()=>u),(()=>{d.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(d.value)}),500)},g=(e,t)=>{if(p.value){const l=p.value.getBoundingClientRect();e.style.transform=`translateX(${(t?-s.value:s.value)*l.width}px)`}},h=e=>{if(e===d.value||!p.value||!v.value)return;v.value.style.transition="left 500ms ease";let t=d.value;if(e<0&&0===d.value){t=s.value-1;const e=v.value.children[t];g(e,!0),m(-1),y(e)}else if(e>=s.value&&d.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);d.value=t,l("update:activeIndex",t),null==i||i(t),b()},w=()=>{h(d.value+1)},_=()=>{f.value&&(clearTimeout(f.value),f.value=null)},b=()=>{_(),a&&o&&(f.value=setTimeout((()=>{w()}),o))};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:c,currentIndex:d,itemCount:s,changeItemCount:e=>{s.value=e,b()},goto:h,prev:()=>{h(d.value-1)},next:w,arrowMouseEvent:e=>{"hover"===r&&(c.value="enter"===e)},switchStep:(e,t)=>{t===n&&h(e)}}},render(){var e,l;const{showArrow:a,currentIndex:o,itemCount:n,arrowTrigger:u,height:i,showDots:s,dotPosition:c,prev:d,next:p,arrowMouseEvent:v,switchStep:f,changeItemCount:m,$slots:y}=this,g=null!=(l=null==(e=y.default)?void 0:e.call(y))?l:[];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&&a?t.createVNode("div",{class:"devui-carousel-arrow"},[t.createVNode("button",{class:"arrow-left",onClick:()=>d()},[t.createVNode(r,{name:"arrow-left"},null)]),t.createVNode("button",{class:"arrow-right",onClick:()=>p()},[t.createVNode(r,{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",c]},[h.map(((e,l)=>t.createVNode("li",{class:{"dot-item":!0,active:o===l},onClick:()=>f(l,"click"),onMouseenter:()=>f(l,"hover")},null)))]):null])}}),o=t.defineComponent({name:"DCarouselItem",render(){var e;const{$slots:l}=this,r=null==(e=l.default)?void 0:e.call(l);return t.createVNode("div",{class:"d-carousel-item "},[r])}});a.install=function(e){e.component(a.name,a)},o.install=function(e){e.component(o.name,o)};var n={title:"Carousel 走马灯",category:"数据展示",install(e){e.use(a),e.use(o)}};e.Carousel=a,e.default=n,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/carousel/style.css

@@ -1 +0,0 @@
-.devui-carousel-container{display:block;position:relative}.devui-carousel-container .devui-carousel-arrow{position:absolute;width:100%;top:50%}.devui-carousel-container .devui-carousel-arrow .arrow-left{position:absolute;top:-18px;z-index:2;cursor:pointer;width:36px;height:36px;border-radius:18px;background:var(--devui-highlight-overlay,rgba(255,255,255,.8));box-shadow:var(--devui-shadow-length-hover,0 4px 16px 0) var(--devui-light-shadow,rgba(0,0,0,.1));display:inline-flex;align-items:center;justify-content:center;left:10px}.devui-carousel-container .devui-carousel-arrow .arrow-left:hover{background:var(--devui-area,#f8f8f8)}.devui-carousel-container .devui-carousel-arrow .arrow-left svg polygon{fill:var(--devui-text,#252b3a)}.devui-carousel-container .devui-carousel-arrow .arrow-right{position:absolute;top:-18px;z-index:2;cursor:pointer;width:36px;height:36px;border-radius:18px;background:var(--devui-highlight-overlay,rgba(255,255,255,.8));box-shadow:var(--devui-shadow-length-hover,0 4px 16px 0) var(--devui-light-shadow,rgba(0,0,0,.1));display:inline-flex;align-items:center;justify-content:center;right:10px}.devui-carousel-container .devui-carousel-arrow .arrow-right:hover{background:var(--devui-area,#f8f8f8)}.devui-carousel-container .devui-carousel-arrow .arrow-right svg polygon{fill:var(--devui-text,#252b3a)}.devui-carousel-container .devui-carousel-item-wrapper{position:relative;overflow:hidden;height:100%}.devui-carousel-container .devui-carousel-item-wrapper .devui-carousel-item-container{display:flex;height:100%;position:relative}.devui-carousel-container .devui-carousel-item-wrapper .devui-carousel-item-container .d-carousel-item{flex:1;position:relative;height:100%}.devui-carousel-container .devui-carousel-dots{position:absolute;display:flex;justify-content:center;width:100%;list-style:none}.devui-carousel-container .devui-carousel-dots.bottom{bottom:8px}.devui-carousel-container .devui-carousel-dots.top{top:8px}.devui-carousel-container .devui-carousel-dots .dot-item{width:6px;height:6px;border-radius:3px;margin-right:8px;background:var(--devui-icon-fill,#d3d5d9)}.devui-carousel-container .devui-carousel-dots .dot-item:hover{cursor:pointer;background:var(--devui-list-item-hover-bg,#f2f5fc)}.devui-carousel-container .devui-carousel-dots .dot-item.active{width:24px;background:var(--devui-list-item-active-bg,#5e7ce0);transition:all var(--devui-animation-duration-slow, 300ms) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-carousel-container .devui-carousel-arrow .arrow-left,.devui-carousel-container .devui-carousel-arrow .arrow-right{transition:background-color var(--devui-animation-duration-slow, 300ms) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}

package/date-picker/index.es.js

@@ -1 +0,0 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,r=(t,n,a)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[n]=a;import{defineComponent as o,computed as s,ref as l,watch as u,createVNode as i,withDirectives as d,mergeProps as c,resolveDirective as p,resolveComponent as g,createTextVNode as h,reactive as m,onMounted as y,onUnmounted as v}from"vue";const f=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),w=(e,t)=>{const n=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let a=e;return a=a.replace(/y+/g,(e=>{const t=n[0]+"";return 2===e.length?t.substring(2):t})),a=a.replace(/M+/g,(e=>f(n[1],e))),a=a.replace(/d+/g,(e=>f(n[2],e))),a=a.replace(/h+/g,(e=>f(n[4],e))),a=a.replace(/m+/g,(e=>f(n[5],e))),a=a.replace(/s+/g,(e=>f(n[6],e))),a},x=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},M=(e,...t)=>{"function"==typeof e&&e(...t)},S=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),r=e.getDay(),o=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:r,hour:o,H:o,h:o,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),r=[];let o=n.getDay();for(;o>0;)o-=1,r.push({date:new Date(e,t-1,-o),current:-1});o=a.getDate()-n.getDate();for(let l=0;l<=o;l++){const e=new Date(n);e.setDate(l+1),r.push({date:e,current:0})}o=a.getDay();let s=a;for(let l=o;l<6;l++)s=new Date(e,t,l-o+1),r.push({date:s,current:1});if(r.length<42){o=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,o+n),r.push({date:s,current:1})}return r})(t,n),r=[];for(;a.length>0;)r.push(a.splice(0,7));return r},b=["日","一","二","三","四","五","六"],D=(e,...t)=>{"function"==typeof e&&e(...t)},C=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/864e5,F=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(o=e,12*(r=t).getFullYear()+r.getMonth()-(12*o.getFullYear()+o.getMonth())>a));var r,o},I=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,r,o]=t.split(/[^\d]+/),s=Y(a),l=Y(r),u=Y(o)||1;if(!s||!l)return null;const i=$(n);return new Date(s,l-1,u,...i)},Y=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},$=e=>{const[t,n,a,r]=e.split(/[\:\.]+/);return[Y(t,0),Y(n,0),Y(a,0),Y(r,0)]},P=(e,t,n="d")=>{const a=k(e,n),r=k(t,n);return a<r?-1:a>r?1:0},k=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/864e5>>0},T=(e,t,n)=>!(t instanceof Date&&P(t,e,"d")>0)&&!(n instanceof Date&&P(e,n,"d")>0);var N=o({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:{placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},emits:["update:value","focus","blur","change","keydown"],setup(e,t){const n=s((()=>`devui-input-${e.size}`)),a=l(!1),r=l("text"),o=s((()=>({error:e.error,[e.cssClass]:!0,[n.value]:""!==e.size}))),i=s((()=>"password"===r.value));u((()=>e.showPassword),(e=>{r.value=e?"password":"text"}),{immediate:!0}),u((()=>e.value),(e=>{e&&e.length>0&&i.value?a.value=!0:a.value=!1}));return{inputCls:o,inputType:r,showPreviewIcon:i,showPwdIcon:a,onInput:e=>{t.emit("update:value",e.target.value)},onFocus:()=>{t.emit("focus")},onBlur:()=>{t.emit("blur")},onChange:e=>{t.emit("change",e.target.value)},onKeydown:e=>{t.emit("keydown",e)},onChangeInputType:()=>{r.value="password"===r.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:n,inputCls:a,inputType:r,maxLength:o,autoFocus:s,placeholder:l,disabled:u,onInput:h,onFocus:m,onBlur:y,onChange:v,onKeydown:f,onChangeInputType:w}=this;return i("div",{class:"devui-input__wrap"},[d(i("input",c({dinput:!0},{value:e,disabled:u,type:r,maxlength:o,placeholder:l,class:a,onInput:h,onFocus:m,onBlur:y,onChange:v,onKeydown:f}),null),[[p("focus"),s]]),n&&i("div",{class:"devui-input__preview",onClick:w},[i(g("d-icon"),t?{name:"preview",size:"12px",key:1}:{name:"preview-forbidden",size:"12px",key:2},null)])])}});N.install=function(e){e.component(N.name,N)};var B=o({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,o)=>{for(var s in o||(o={}))n.call(o,s)&&r(e,s,o[s]);if(t)for(var s of t(o))a.call(o,s)&&r(e,s,o[s]);return e})({},e),render(){const{name:e,size:t,color:n,classPrefix:a}=this;return i("i",{class:`${a} ${a}-${e}`,style:{fontSize:t,color:n}},null)}});B.install=function(e){e.component(B.name,B)};const E=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),0===n?e.current=r:e.next=r;break;case 2:const o=new Date(a);o.setMonth(o.getMonth()+1),0===n?e.current=o:e.next=o;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},z=(e,t)=>{const{format:n="y/MM/dd",range:a,rangeSpliter:r="-"}=t||{};if(a){if(!e.start)return"";if(!e.end)return w(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,a="-")=>{const r=[t,n];return t.getTime()>n.getTime()&&r.reverse(),`${w(e,r[0])} ${a} ${w(e,r[1])}`})(n,e.start,e.end,r)}return e.start?w(n,e.start):""},L=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},O=e=>e.toDateString(),H=(e,t,n="cell")=>{if(!T(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=O(t.date);if("range"===e.type){if(e.dateStart){if(O(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&O(e.dateEnd)===a)return`${n} selected`;const r=e.dateEnd||e.dateHover;if(r){const a=r>e.dateStart?[e.dateStart,r]:[r,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&O(e.dateStart)===a?`${n} selected`:n},A=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-1.000000, -1.000000)"},[i("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},_=e=>{const{color:t="#585d6b",rotate:n=0}=e;return i("svg",{style:{transform:`rotate(${n}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[i("g",{fill:t,transform:"translate(-3.000000, -1.000000)"},[i("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const R=e=>{const{button:t,disabled:n=!1,rotate:a=0,date:r,pos:o,cb:s}=e;return i("a",{class:""+(n?"disabled":""),onClick:n?void 0:()=>D(e.cb,r,o)},[i(t,{color:n?"#cfd0d3":"#585d6b",rotate:a},null)])},j=e=>{const{date:t}=e;return i("a",{class:"title"},[`${t.getFullYear()}年${(t.getMonth()+1+"").padStart(2,"0")}月`])},K=e=>{const{type:t,current:n,compare:a,pos:r,dateMax:o,dateMin:s,onPreviousYear:l,onPreviousMonth:u,onNextMonth:d,onNextYear:c}=e,p=[!1,!1,!1,!1];return"range"===t?1===r?(p[0]=!F(a,n,"year",1),p[1]=!F(a,n,"month",1),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,a,"month",1),p[3]=!F(n,a,"year",1)):(p[0]=!F(s,n,"year",0),p[1]=!F(s,n,"month",0),p[2]=!F(n,o,"month",0),p[3]=!F(n,o,"year",0)),i("div",{class:"devui-calendar-toolbar"},[i(R,{disabled:p[0],date:n,pos:r,button:A,cb:l},null),i(R,{disabled:p[1],date:n,pos:r,button:_,rotate:-90,cb:u},null),i(j,{date:n},null),i(R,{disabled:p[2],date:n,pos:r,button:_,rotate:90,cb:d},null),i(R,{disabled:p[3],date:n,pos:r,button:A,rotate:180,cb:c},null)])},X=e=>{const{onSelected:t=(()=>0),disabled:n=!1}=e;return i("div",{class:"today-container "+(n?"disabled":"")},[i("button",{class:"today-button",disabled:n,onClick:n?void 0:()=>t(new Date)},[h("今天")])])};const q=e=>{const t=new Date;return i("div",{class:"devui-calendar-panel"},[i(K,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),i("ol",{class:"head row"},[b.map((e=>i("li",{class:"cell"},[e])))]),i("ul",{class:"body"},[S(e.current).map((t=>i("li",{class:"row"},[t.map((t=>i("span",{class:H(e,t),onClick:()=>((e,t)=>{T(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?D(e.onReset,t.date):0!==C(e.dateStart,t.date)&&(D(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):D(e.onSelectStart,t.date):(D(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,t),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&C(t.date,n)<0||a&&C(a,t.date)<0||"range"!==e.type)){const n=O(t.date);if(!e.dateStart||O(e.dateStart)===n||e.dateEnd)return;D(e.onSelecting,t.date)}})(e,t)},[t.date.getDate()])))])))]),"range"!==e.type?i(X,{disabled:!T(t,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const G=o({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:t=[0,1,2,3,4,5,6,7,8,9],selectedIndex:n=0,size:a=26,className:r="",itemClassNormal:o="",itemClassSelected:s="selected",onChange:u}=e||{};let d=0,c=0;const p=l(),g=l();let h=null,v=null;const f=m({selectedIndex:n,barOpacity:0,x:0,y:0,transition:"none"}),w=e=>{e.stopPropagation(),e.preventDefault(),h=[e.clientX,e.clientY],f.transition="none"},x=e=>{e.stopPropagation(),e.preventDefault(),h&&v&&(f.x=v[0]+e.clientX-h[0],f.y=Math.min(d,Math.max(c,v[1]+e.clientY-h[1])),f.selectedIndex=(d-f.y+a/2)/a>>0)},M=e=>{if(e.stopPropagation(),e.preventDefault(),h=null,f.y=d-f.selectedIndex*a,f.transition="transform 0.1s",v[0]=f.x,v[1]=f.y,"function"==typeof u){const e=f.selectedIndex,n=t[e];u(n,e)}};return y((()=>{const{height:e}=p.value.getBoundingClientRect(),{height:t}=g.value.getBoundingClientRect();d=(e-a)/2,c=(e+a)/2-t,v=[0,d-f.selectedIndex*a],f.x=v[0],f.y=v[1],f.barOpacity=1,f.transition="transform 0.1s"})),()=>i("div",{ref:p,class:`devui-vertical-slider ${r}`},[i("div",{ref:g,class:"movable-bar",style:{opacity:f.barOpacity,transform:`translateY(${f.y}px)`,transition:f.transition}},[t.map(((e,t)=>{const n=t===f.selectedIndex?s:o;return i("span",{class:`slider-item ${n}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[e])}))]),i("div",{class:"slider-mask",onMousedown:w,onMousemove:x,onMouseup:M,onMouseout:M},null)])}});const U=o({props:{time:{type:Date}},setup(e){const{time:t=new Date}=e||{},n=m({hour:t.getHours(),minute:t.getMinutes(),second:t.getSeconds()}),a=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),r=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>i("div",{class:"devui-calendar-timepicker"},[i("div",{class:"head"},[i("div",{class:"chars"},[i("span",null,[n.hour.toString().padStart(2,"0"),h(":"),n.minute.toString().padStart(2,"0"),h(":"),n.second.toString().padStart(2,"0")])])]),i("div",{class:"select"},[i(G,{items:a,selectedIndex:n.hour,onChange:(e,t)=>n.hour=t},null),i(G,{items:r,selectedIndex:n.minute,onChange:(e,t)=>n.minute=t},null),i(G,{items:r,selectedIndex:n.second,onChange:(e,t)=>n.second=t},null)])])}});const Z=e=>{const{showTime:t=!1}=e;let{current:n}=e;if(n instanceof Date||(n=new Date),"range"===e.type){let{next:a}=e;return a instanceof Date||(a=new Date(n.getFullYear(),n.getMonth()+1,1)),i("div",{class:"devui-calendar-container"},[i(q,c(e,{pos:0,current:n,compare:a}),null),t?i(U,{time:n},null):null,i(q,c(e,{pos:1,current:a,compare:n}),null),t?i(U,{time:a},null):null])}return i("div",{class:"devui-calendar-container"},[i(q,c(e,{pos:0,current:n}),null),t?i(U,{time:n},null):null])};var J=o({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,t){const n=l(null),a=l(null),r=I(e.dateMin)||new Date,o=new Date(r.getFullYear(),r.getMonth()+1,1),s=m({show:!1,value:"",placeholder:L(e),current:r,next:o});s.value=z(s,e),s.placeholder=L(e);const u=e=>{e.stopPropagation(),x(e.target,n.value)||x(e.target,a.value)||(s.show=!1)};return y((()=>{document.addEventListener("click",u)})),v((()=>{document.removeEventListener("click",u)})),()=>i("div",{class:"devui-datepicker-container"},[i("div",{class:"input-container",ref:a},[i(N,{ref:a,class:"datepicker-input",value:s.value,placeholder:s.placeholder,onFocus:()=>s.show=!0},null),i(B,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),i("div",{class:"devui-datepicker-panel",ref:n},[s.show?i(Z,{type:e.range?"range":"select",showTime:e.showTime,current:s.current,next:s.next,dateMin:I(e.dateMin),dateMax:I(e.dateMax),dateStart:s.start,dateEnd:s.end,dateHover:s.hover,onReset:e=>{s.end=s.hover=void 0,s.start=e},onChange:(t,n)=>{s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onToday:t=>{s.current=t,s.start=t,s.value=z(s,e),s.placeholder=L(e),M(e.selectedDateChange,s.value),e.autoClose&&(s.show=!1)},onSelected:e=>{s.start=e,0!==P(s.current,e)&&(s.current=e)},onSelectStart:e=>s.start=e,onSelectEnd:e=>{s.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==P(t,n,"m")?(e.current=t,e.next=n):(P(t,e.current)<0&&(e.current=t),P(e.next,n)<0&&(e.next=n))})(s)},onSelecting:e=>s.hover=e,onPreviousYear:(e,t)=>E(s,0,t,e),onPreviousMonth:(e,t)=>E(s,1,t,e),onNextMonth:(e,t)=>E(s,2,t,e),onNextYear:(e,t)=>E(s,3,t,e)},null):null])])}});const Q=o({name:"DStickSlider",props:{},setup(e){const t=m({showButtons:!1,selectedIndex:0}),n=e=>{e.stopPropagation(),t.showButtons=!0},a=e=>{e.stopPropagation(),t.showButtons=!1};return()=>i("div",{class:"devui-stick-slider",onMousedown:n,onMouseup:a,onMouseleave:a},[i("div",{class:"sub-buttons",style:{display:t.showButtons?"":"none"}},[Array(16).fill(null).map(((e,n)=>i("div",{class:"button "+(n===t.selectedIndex?"selected":""),onMouseenter:()=>t.selectedIndex=n},[n])))]),i("div",{class:"main-button"},null)])}});var V={install(e){J.version="0.0.1",e.component(J.name,J),e.component(Q.name,Q)}};export{J as DatePicker,Q as StickSlider,V as default};

package/date-picker/index.umd.js

@@ -1 +0,0 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e};!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 n=(e,t,n=2,a="0")=>(e+"").padStart(Math.min(t.length,n),a),a=(e,t)=>{const a=(e=>[e.getFullYear(),e.getMonth()+1,e.getDate(),e.getDay(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()])(t);let o=e;return o=o.replace(/y+/g,(e=>{const t=a[0]+"";return 2===e.length?t.substring(2):t})),o=o.replace(/M+/g,(e=>n(a[1],e))),o=o.replace(/d+/g,(e=>n(a[2],e))),o=o.replace(/h+/g,(e=>n(a[4],e))),o=o.replace(/m+/g,(e=>n(a[5],e))),o=o.replace(/s+/g,(e=>n(a[6],e))),o},o=(e,t)=>{if(!t)return!1;for(;e;){if(e===t)return!0;e=e.parentNode}return!1},r=(e,...t)=>{"function"==typeof e&&e(...t)},s=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:t,month:n}=(e=>{const t=e.getFullYear(),n=e.getMonth()+1,a=e.getDate(),o=e.getDay(),r=e.getHours(),s=e.getMinutes(),l=e.getSeconds();return{year:t,y:t,month:n,M:n,date:a,d:a,day:o,hour:r,H:r,h:r,minute:s,m:s,second:l,s:l,ms:e.getMilliseconds()}})(e),a=((e,t)=>{const n=new Date(e,t-1,1),a=new Date(e,t,0),o=[];let r=n.getDay();for(;r>0;)r-=1,o.push({date:new Date(e,t-1,-r),current:-1});r=a.getDate()-n.getDate();for(let l=0;l<=r;l++){const e=new Date(n);e.setDate(l+1),o.push({date:e,current:0})}r=a.getDay();let s=a;for(let l=r;l<6;l++)s=new Date(e,t,l-r+1),o.push({date:s,current:1});if(o.length<42){r=s.getDate();for(let n=1;n<=7;n++)s=new Date(e,t,r+n),o.push({date:s,current:1})}return o})(t,n),o=[];for(;a.length>0;)o.push(a.splice(0,7));return o},l=["日","一","二","三","四","五","六"],d=(e,...t)=>{"function"==typeof e&&e(...t)},c=864e5,i=(e,t)=>(new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(t.getFullYear(),t.getMonth(),t.getDate()).getTime())/c,u=(e,t,n,a)=>{return!e||!t||("year"===n?t.getFullYear()-e.getFullYear()>a:(r=e,12*(o=t).getFullYear()+o.getMonth()-(12*r.getFullYear()+r.getMonth())>a));var o,r},p=e=>{if(!e||"string"!=typeof e)return null;const[t="",n=""]=e.split(/([ ]|T)+/);if(!t)return null;const[a,o,r]=t.split(/[^\d]+/),s=g(a),l=g(o),d=g(r)||1;if(!s||!l)return null;const c=m(n);return new Date(s,l-1,d,...c)},g=(e,t)=>{if(!e||"string"!=typeof e)return t;const n=parseInt(e);return isNaN(n)?t:n},m=e=>{const[t,n,a,o]=e.split(/[\:\.]+/);return[g(t,0),g(n,0),g(a,0),g(o,0)]},f=(e,t,n="d")=>{const a=h(e,n),o=h(t,n);return a<o?-1:a>o?1:0},h=(e,t)=>{switch(t){case"y":return e.getFullYear();case"m":return 12*e.getFullYear()+e.getMonth()}return e.getTime()/c>>0},y=(e,t,n)=>!(t instanceof Date&&f(t,e,"d")>0)&&!(n instanceof Date&&f(e,n,"d")>0),v={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var w=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:v,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const a=t.computed((()=>`devui-input-${e.size}`)),o=t.ref(!1),r=t.ref("text"),s=t.computed((()=>({error:e.error,[e.cssClass]:!0,[a.value]:""!==e.size}))),l=t.computed((()=>"password"===r.value));t.watch((()=>e.showPassword),(e=>{r.value=e?"password":"text"}),{immediate:!0}),t.watch((()=>e.value),(e=>{e&&e.length>0&&l.value?o.value=!0:o.value=!1}));return{inputCls:s,inputType:r,showPreviewIcon:l,showPwdIcon:o,onInput:e=>{n.emit("update:value",e.target.value)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur")},onChange:e=>{n.emit("change",e.target.value)},onKeydown:e=>{n.emit("keydown",e)},onChangeInputType:()=>{r.value="password"===r.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:a,inputCls:o,inputType:r,maxLength:s,autoFocus:l,placeholder:d,disabled:c,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:m,onChangeInputType:f}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:c,type:r,maxlength:s,placeholder:d,class:o,onInput:i,onFocus:u,onBlur:p,onChange:g,onKeydown:m}),null),[[t.resolveDirective("focus"),l]]),a&&t.createVNode("div",{class:"devui-input__preview",onClick:f},[n?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}});w.install=function(e){e.component(w.name,w)};var N=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:n,color:a,classPrefix:o}=this;return t.createVNode("i",{class:`${o} ${o}-${e}`,style:{fontSize:n,color:a}},null)}});N.install=function(e){e.component(N.name,N)};const x=(e,t,n,a)=>{switch(t){case 0:const t=new Date(a);t.setFullYear(t.getFullYear()-1),0===n?e.current=t:e.next=t;break;case 1:const o=new Date(a);o.setMonth(o.getMonth()-1),0===n?e.current=o:e.next=o;break;case 2:const r=new Date(a);r.setMonth(r.getMonth()+1),0===n?e.current=r:e.next=r;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),0===n?e.current=s:e.next=s}},M=(e,t)=>{const{format:n="y/MM/dd",range:o,rangeSpliter:r="-"}=t||{};if(o){if(!e.start)return"";if(!e.end)return a(n,e.start);if(e.end<e.start){const t=e.end;e.end=e.start,e.start=t}return((e,t,n,o="-")=>{const r=[t,n];return t.getTime()>n.getTime()&&r.reverse(),`${a(e,r[0])} ${o} ${a(e,r[1])}`})(n,e.start,e.end,r)}return e.start?a(n,e.start):""},S=e=>{if(!e)return"";const t=e.format||"y/MM/dd",n=e.rangeSpliter||"-";return e.range?`${t} ${n} ${t}`:t},b=e=>e.toDateString(),V=(e,t,n="cell")=>{if(!y(t.date,e.dateMin,e.dateMax))return`${n} disabled`;if(0!==t.current)return`${n} not-current`;const a=b(t.date);if("range"===e.type){if(e.dateStart){if(b(e.dateStart)===a)return`${n} selected`;if(e.dateEnd&&b(e.dateEnd)===a)return`${n} selected`;const o=e.dateEnd||e.dateHover;if(o){const a=o>e.dateStart?[e.dateStart,o]:[o,e.dateStart];if(t.date>a[0]&&t.date<a[1])return`${n} innerday`}}return n}return e.dateStart&&b(e.dateStart)===a?`${n} selected`:n},D=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[t.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},C=e=>{const{color:n="#585d6b",rotate:a=0}=e;return t.createVNode("svg",{style:{transform:`rotate(${a}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[t.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};const P=e=>{const{button:n,disabled:a=!1,rotate:o=0,date:r,pos:s,cb:l}=e,c=a?"#cfd0d3":"#585d6b",i=""+(a?"disabled":""),u=a?void 0:()=>d(e.cb,r,s);return t.createVNode("a",{class:i,onClick:u},[t.createVNode(n,{color:c,rotate:o},null)])},_=e=>{const{date:n}=e;return t.createVNode("a",{class:"title"},[`${n.getFullYear()}年${(n.getMonth()+1+"").padStart(2,"0")}月`])},F=e=>{const{type:n,current:a,compare:o,pos:r,dateMax:s,dateMin:l,onPreviousYear:d,onPreviousMonth:c,onNextMonth:i,onNextYear:p}=e,g=[!1,!1,!1,!1];return"range"===n?1===r?(g[0]=!u(o,a,"year",1),g[1]=!u(o,a,"month",1),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,o,"month",1),g[3]=!u(a,o,"year",1)):(g[0]=!u(l,a,"year",0),g[1]=!u(l,a,"month",0),g[2]=!u(a,s,"month",0),g[3]=!u(a,s,"year",0)),t.createVNode("div",{class:"devui-calendar-toolbar"},[t.createVNode(P,{disabled:g[0],date:a,pos:r,button:D,cb:d},null),t.createVNode(P,{disabled:g[1],date:a,pos:r,button:C,rotate:-90,cb:c},null),t.createVNode(_,{date:a},null),t.createVNode(P,{disabled:g[2],date:a,pos:r,button:C,rotate:90,cb:i},null),t.createVNode(P,{disabled:g[3],date:a,pos:r,button:D,rotate:180,cb:p},null)])},I=e=>{const{onSelected:n=(()=>0),disabled:a=!1}=e;return t.createVNode("div",{class:"today-container "+(a?"disabled":"")},[t.createVNode("button",{class:"today-button",disabled:a,onClick:a?void 0:()=>n(new Date)},[t.createTextVNode("今天")])])};const T=e=>{const n=new Date;return t.createVNode("div",{class:"devui-calendar-panel"},[t.createVNode(F,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),t.createVNode("ol",{class:"head row"},[l.map((e=>t.createVNode("li",{class:"cell"},[e])))]),t.createVNode("ul",{class:"body"},[s(e.current).map((n=>t.createVNode("li",{class:"row"},[n.map((n=>t.createVNode("span",{class:V(e,n),onClick:()=>((e,t)=>{y(t.date,e.dateMin,e.dateMax)&&("range"===e.type?e.dateStart?e.dateEnd?d(e.onReset,t.date):0!==i(e.dateStart,t.date)&&(d(e.onSelectEnd,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)):d(e.onSelectStart,t.date):(d(e.onSelected,t.date),"function"==typeof e.onChange&&e.onChange(e.type,e)))})(e,n),onMouseenter:()=>((e,t)=>{if(0!==t.current)return;const{dateMin:n,dateMax:a}=e;if(!(n&&i(t.date,n)<0||a&&i(a,t.date)<0||"range"!==e.type)){const n=b(t.date);if(!e.dateStart||b(e.dateStart)===n||e.dateEnd)return;d(e.onSelecting,t.date)}})(e,n)},[n.date.getDate()])))])))]),"range"!==e.type?t.createVNode(I,{disabled:!y(n,e.dateMin,e.dateMax),onSelected:t=>{"function"==typeof e.onToday&&e.onToday(t,0)}},null):null])};const Y=t.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:a=0,size:o=26,className:r="",itemClassNormal:s="",itemClassSelected:l="selected",onChange:d}=e||{};let c=0,i=0;const u=t.ref(),p=t.ref();let g=null,m=null;const f=t.reactive({selectedIndex:a,barOpacity:0,x:0,y:0,transition:"none"}),h=e=>{e.stopPropagation(),e.preventDefault(),g=[e.clientX,e.clientY],f.transition="none"},y=e=>{e.stopPropagation(),e.preventDefault(),g&&m&&(f.x=m[0]+e.clientX-g[0],f.y=Math.min(c,Math.max(i,m[1]+e.clientY-g[1])),f.selectedIndex=(c-f.y+o/2)/o>>0)},v=e=>{if(e.stopPropagation(),e.preventDefault(),g=null,f.y=c-f.selectedIndex*o,f.transition="transform 0.1s",m[0]=f.x,m[1]=f.y,"function"==typeof d){const e=f.selectedIndex,t=n[e];d(t,e)}};return t.onMounted((()=>{const{height:e}=u.value.getBoundingClientRect(),{height:t}=p.value.getBoundingClientRect();c=(e-o)/2,i=(e+o)/2-t,m=[0,c-f.selectedIndex*o],f.x=m[0],f.y=m[1],f.barOpacity=1,f.transition="transform 0.1s"})),()=>t.createVNode("div",{ref:u,class:`devui-vertical-slider ${r}`},[t.createVNode("div",{ref:p,class:"movable-bar",style:{opacity:f.barOpacity,transform:`translateY(${f.y}px)`,transition:f.transition}},[n.map(((e,n)=>{const a=n===f.selectedIndex?l:s;return t.createVNode("span",{class:`slider-item ${a}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[e])}))]),t.createVNode("div",{class:"slider-mask",onMousedown:h,onMousemove:y,onMouseup:v,onMouseout:v},null)])}});const $=t.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},a=t.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),o=Array(24).fill(0).map(((e,t)=>`${t}`.padStart(2,"0"))),r=Array(60).fill(0).map(((e,t)=>`${t}`.padStart(2,"0")));return()=>t.createVNode("div",{class:"devui-calendar-timepicker"},[t.createVNode("div",{class:"head"},[t.createVNode("div",{class:"chars"},[t.createVNode("span",null,[a.hour.toString().padStart(2,"0"),t.createTextVNode(":"),a.minute.toString().padStart(2,"0"),t.createTextVNode(":"),a.second.toString().padStart(2,"0")])])]),t.createVNode("div",{class:"select"},[t.createVNode(Y,{items:o,selectedIndex:a.hour,onChange:(e,t)=>a.hour=t},null),t.createVNode(Y,{items:r,selectedIndex:a.minute,onChange:(e,t)=>a.minute=t},null),t.createVNode(Y,{items:r,selectedIndex:a.second,onChange:(e,t)=>a.second=t},null)])])}});const k=e=>{const{showTime:n=!1}=e;let{current:a}=e;if(a instanceof Date||(a=new Date),"range"===e.type){let{next:o}=e;return o instanceof Date||(o=new Date(a.getFullYear(),a.getMonth()+1,1)),t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a,compare:o}),null),n?t.createVNode($,{time:a},null):null,t.createVNode(T,t.mergeProps(e,{pos:1,current:o,compare:a}),null),n?t.createVNode($,{time:o},null):null])}return t.createVNode("div",{class:"devui-calendar-container"},[t.createVNode(T,t.mergeProps(e,{pos:0,current:a}),null),n?t.createVNode($,{time:a},null):null])};var B=t.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,n){const a=t.ref(null),s=t.ref(null),l=p(e.dateMin)||new Date,d=new Date(l.getFullYear(),l.getMonth()+1,1),c=t.reactive({show:!1,value:"",placeholder:S(e),current:l,next:d});c.value=M(c,e),c.placeholder=S(e);const i=e=>{e.stopPropagation(),o(e.target,a.value)||o(e.target,s.value)||(c.show=!1)};return t.onMounted((()=>{document.addEventListener("click",i)})),t.onUnmounted((()=>{document.removeEventListener("click",i)})),()=>t.createVNode("div",{class:"devui-datepicker-container"},[t.createVNode("div",{class:"input-container",ref:s},[t.createVNode(w,{ref:s,class:"datepicker-input",value:c.value,placeholder:c.placeholder,onFocus:()=>c.show=!0},null),t.createVNode(N,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),t.createVNode("div",{class:"devui-datepicker-panel",ref:a},[c.show?t.createVNode(k,{type:e.range?"range":"select",showTime:e.showTime,current:c.current,next:c.next,dateMin:p(e.dateMin),dateMax:p(e.dateMax),dateStart:c.start,dateEnd:c.end,dateHover:c.hover,onReset:e=>{c.end=c.hover=void 0,c.start=e},onChange:(t,n)=>{c.value=M(c,e),c.placeholder=S(e),r(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onToday:t=>{c.current=t,c.start=t,c.value=M(c,e),c.placeholder=S(e),r(e.selectedDateChange,c.value),e.autoClose&&(c.show=!1)},onSelected:e=>{c.start=e,0!==f(c.current,e)&&(c.current=e)},onSelectStart:e=>c.start=e,onSelectEnd:e=>{c.end=e,(e=>{const[t,n]=[e.start,e.end].sort(((e,t)=>e.getTime()-t.getTime()));e.start=t,e.end=n,0!==f(t,n,"m")?(e.current=t,e.next=n):(f(t,e.current)<0&&(e.current=t),f(e.next,n)<0&&(e.next=n))})(c)},onSelecting:e=>c.hover=e,onPreviousYear:(e,t)=>x(c,0,t,e),onPreviousMonth:(e,t)=>x(c,1,t,e),onNextMonth:(e,t)=>x(c,2,t,e),onNextYear:(e,t)=>x(c,3,t,e)},null):null])])}});const E=t.defineComponent({name:"DStickSlider",props:{},setup(e){const n=t.reactive({showButtons:!1,selectedIndex:0}),a=e=>{e.stopPropagation(),n.showButtons=!0},o=e=>{e.stopPropagation(),n.showButtons=!1};return()=>t.createVNode("div",{class:"devui-stick-slider",onMousedown:a,onMouseup:o,onMouseleave:o},[t.createVNode("div",{class:"sub-buttons",style:{display:n.showButtons?"":"none"}},[Array(16).fill(null).map(((e,a)=>t.createVNode("div",{class:"button "+(a===n.selectedIndex?"selected":""),onMouseenter:()=>n.selectedIndex=a},[a])))]),t.createVNode("div",{class:"main-button"},null)])}});var O={install(e){B.version="0.0.1",e.component(B.name,B),e.component(E.name,E)}};e.DatePicker=B,e.StickSlider=E,e.default=O,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));