vue-devui 1.0.0-beta.14 → 1.0.0-beta.15

package/README.md

@@ -174,6 +174,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <table>
   <tr>
     <td align="center"><a href="https://juejin.cn/user/712139267650141"><img src="https://avatars.githubusercontent.com/u/9566362?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kagol</b></sub></a><br /><a href="#maintenance-kagol" title="Maintenance">🚧</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=kagol" title="Code">💻</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=kagol" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/TinsFox"><img src="https://avatars.githubusercontent.com/u/33956589?v=4?s=100" width="100px;" alt=""/><br /><sub><b>TinsFox</b></sub></a><br /><a href="#maintenance-TinsFox" title="Maintenance">🚧</a> <a href="#infra-TinsFox" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
+    <td align="center"><a href="https://github.com/lnzhangsong"><img src="https://avatars.githubusercontent.com/u/15092594?v=4?s=100" width="100px;" alt=""/><br /><sub><b>nif</b></sub></a><br /><a href="https://github.com/DevCloudFE/vue-devui/commits?author=lnzhangsong" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Zcating"><img src="https://avatars.githubusercontent.com/u/13329558?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zcating</b></sub></a><br /><a href="#maintenance-Zcating" title="Maintenance">🚧</a> <a href="https://github.com/DevCloudFE/vue-devui/commits?author=Zcating" title="Code">💻</a></td>
   </tr>
 </table>
 

package/auto-complete/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{left:0!important;top:0!important}.active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-dropdown-menu{width:100%;display:block}.devui-dropdown-menu-cdk{position:static}.devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-no-result-template,.devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-no-result-template:hover,.devui-no-result-template:active,.devui-no-result-template:hover:active,.devui-is-searching-template:hover,.devui-is-searching-template:active,.devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-dropdown-item.disabled,.devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}ul.devui-list-unstyled{margin:0;overflow-y:auto}.devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-dropdown-latestSource ul{line-height:initial!important}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}
+@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete-menu .devui-dropdown-menu{left:0!important;top:0!important}.devui-auto-complete .active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-auto-complete .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-auto-complete .devui-no-result-template,.devui-auto-complete .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-no-result-template:hover,.devui-auto-complete .devui-no-result-template:active,.devui-auto-complete .devui-no-result-template:hover:active,.devui-auto-complete .devui-is-searching-template:hover,.devui-auto-complete .devui-is-searching-template:active,.devui-auto-complete .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-auto-complete ul.devui-list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-auto-complete .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-dropdown-latestSource ul{line-height:initial!important}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}

package/carousel/index.es.js

@@ -298,7 +298,7 @@ var Carousel = defineComponent({
     }, null))]) : null]);
   }
 });
-var CarouseItem = defineComponent({
+var CarouselItem = defineComponent({
   name: "DCarouselItem",
   render() {
     var _a;
@@ -314,8 +314,8 @@ var CarouseItem = defineComponent({
 Carousel.install = function(app) {
   app.component(Carousel.name, Carousel);
 };
-CarouseItem.install = function(app) {
-  app.component(CarouseItem.name, CarouseItem);
+CarouselItem.install = function(app) {
+  app.component(CarouselItem.name, CarouselItem);
 };
 var index = {
   title: "Carousel \u8D70\u9A6C\u706F",
@@ -323,7 +323,7 @@ var index = {
   status: "80%",
   install(app) {
     app.use(Carousel);
-    app.use(CarouseItem);
+    app.use(CarouselItem);
   }
 };
-export { Carousel, index as default };
+export { Carousel, CarouselItem, index as default };

package/carousel/index.umd.js

@@ -1 +1 @@
-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"});
+var F=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(n,e,s)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[e]=s,k=(n,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(n,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(n,s,e[s]);return n};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,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 P=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:S}=t,I=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=a=>{r.value&&(r.value.style.left=`${-a*100}%`)},N=a=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),a.style.transform="",m(u.value)},I)},v=(a,l)=>{if(f.value){const h=f.value.getBoundingClientRect();a.style.transform=`translateX(${(l?-o.value:o.value)*h.width}px)`}},p=a=>{if(a===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${I}ms ease`;let l=u.value;if(a<0&&u.value===0){l=o.value-1;const h=r.value.children[l];v(h,!0),m(-1),N(h)}else if(a>=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=a<0?0:a>o.value-1?o.value-1:a,m(l);u.value=l,d("update:activeIndex",l),S==null||S(l),M()},E=()=>{p(u.value-1)},x=()=>{p(u.value+1)},j=a=>{i==="hover"&&(y.value=a==="enter")},B=(a,l)=>{l===b&&p(a)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},M=()=>{D(),g&&T&&(c.value=setTimeout(()=>{x()},T))},z=a=>{o.value=a,M()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${I}ms ease`,r.value.style.left="0%"),M()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:z,goto:p,prev:E,next:x,arrowMouseEvent:j,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:T,showDots:b,dotPosition:V,prev:S,next:I,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:()=>S()},[e.createVNode(P,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>I()},[e.createVNode(P,{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])}}),C=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)},C.install=function(t){t.component(C.name,C)};var A={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(C)}};n.Carousel=w,n.CarouselItem=C,n.default=A,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/index.es.js

@@ -37,7 +37,8 @@ var Comment = defineComponent({
           return null;
         }
         const actionList = actions2.map((action, index2) => createVNode("li", {
-          "key": `devui-comment-action-${index2}`
+          "key": `devui-comment-action-${index2}`,
+          "class": `devui-comment-action-${index2}`
         }, [action]));
         return actionList;
       };
@@ -77,7 +78,7 @@ Comment.install = function(app) {
 var index = {
   title: "Comment \u8BC4\u8BBA",
   category: "\u6570\u636E\u5C55\u793A",
-  status: "70%",
+  status: "100%",
   install(app) {
     app.use(Comment);
   }

package/comment/index.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const N={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var x="",c=e.defineComponent({name:"DComment",props:N,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const g=o=>!o||!o.length?null:o.map((D,T)=>e.createVNode("li",{key:`devui-comment-action-${T}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),j=(f=a.author)!=null?f:(r=t.author)==null?void 0:r.call(t),d=(v=a.avatar)!=null?v:(l=t.avatar)==null?void 0:l.call(t),C=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),O=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),A=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),B=i?e.createVNode("ul",{class:"devui-comment-actions"},[g(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[A,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[j]),e.createVNode("div",{class:"devui-comment-datetime"},[O])]),e.createVNode("div",{class:"devui-comment-content"},[C]),B])])}}});c.install=function(a){a.component(c.name,c)};var b={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"70%",install(a){a.use(c)}};n.Comment=c,n.default=b,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const b={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var T="",c=e.defineComponent({name:"DComment",props:b,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const j=o=>!o||!o.length?null:o.map((D,N)=>e.createVNode("li",{key:`devui-comment-action-${N}`,class:`devui-comment-action-${N}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),C=(f=a.author)!=null?f:(r=t.author)==null?void 0:r.call(t),d=(v=a.avatar)!=null?v:(l=t.avatar)==null?void 0:l.call(t),O=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),A=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),s=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),B=i?e.createVNode("ul",{class:"devui-comment-actions"},[j(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[s,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),B])])}}});c.install=function(a){a.component(c.name,c)};var g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.use(c)}};n.Comment=c,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/style.css

@@ -1 +1 @@
-.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{list-style-type:none;margin:12px 0 0}
+.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{padding:0;list-style-type:none;margin:12px 0 0}

package/drawer/index.es.js

@@ -18,7 +18,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, ref, inject, computed, createVNode, createTextVNode, createApp, toRefs, watch, provide, onUnmounted, Teleport } from "vue";
+import { defineComponent, ref, inject, computed, createVNode, createTextVNode, toRefs, watch, provide, onUnmounted, Teleport, createApp } from "vue";
 const drawerProps = {
   width: {
     type: String,
@@ -48,8 +48,18 @@ const drawerProps = {
     type: Boolean,
     default: true
   },
+  destroyOnHide: {
+    type: Boolean,
+    default: false
+  },
   beforeHidden: {
     type: [Promise, Function]
+  },
+  content: {
+    type: [Object, Function]
+  },
+  header: {
+    type: [Object, Function]
   }
 };
 var drawerHeader = "";
@@ -59,6 +69,7 @@ var DrawerHeader = defineComponent({
   setup(props, ctx) {
     const isFullScreen = ref(false);
     const visible = inject("visible");
+    const destroyOnHide = inject("destroyOnHide");
     const fullScreenClassName = computed(() => isFullScreen.value ? "icon icon-minimize" : "icon icon-maxmize");
     const handleFullScreen = (e) => {
       e.stopPropagation();
@@ -72,7 +83,8 @@ var DrawerHeader = defineComponent({
       fullScreenClassName,
       visible,
       handleFullScreen,
-      handleDrawerClose
+      handleDrawerClose,
+      destroyOnHide
     };
   },
   render() {
@@ -80,12 +92,18 @@ var DrawerHeader = defineComponent({
       handleFullScreen,
       handleDrawerClose,
       visible,
-      fullScreenClassName
+      fullScreenClassName,
+      destroyOnHide
     } = this;
-    if (!visible)
+    if (destroyOnHide.value && !visible) {
       return null;
+    }
+    const visibleVal = visible ? "visible" : "hidden";
     return createVNode("div", {
-      "class": "devui-drawer-header"
+      "class": "devui-drawer-header",
+      "style": {
+        visibility: visibleVal
+      }
     }, [createVNode("div", {
       "class": "devui-drawer-header-item"
     }, [createVNode("span", {
@@ -107,17 +125,26 @@ var DrawerContainer = defineComponent({
   name: "DrawerContainer",
   setup() {
     const visible = inject("visible");
+    const destroyOnHide = inject("destroyOnHide");
     return {
-      visible
+      visible,
+      destroyOnHide
     };
   },
   render() {
     const {
-      visible
+      visible,
+      destroyOnHide
     } = this;
-    if (!visible)
+    if (destroyOnHide.value && !visible) {
       return null;
-    return createVNode("div", null, [createTextVNode("\u5185\u5BB9\u533A\u57DF")]);
+    }
+    const visibleVal = this.visible ? "visible" : "hidden";
+    return createVNode("div", {
+      "style": {
+        visibility: visibleVal
+      }
+    }, [createTextVNode("\u5185\u5BB9\u533A\u57DF")]);
   }
 });
 var drawerBody = "";
@@ -134,6 +161,7 @@ var DrawerBody = defineComponent({
     const width = inject("width");
     const visible = inject("visible");
     const backdropCloseable = inject("backdropCloseable");
+    const destroyOnHide = inject("destroyOnHide");
     const navRight = computed(() => position.value === "right" ? {
       "right": 0
     } : {
@@ -156,7 +184,8 @@ var DrawerBody = defineComponent({
       navWidth,
       visible,
       clickContent,
-      handleDrawerClose
+      handleDrawerClose,
+      destroyOnHide
     };
   },
   render() {
@@ -167,14 +196,18 @@ var DrawerBody = defineComponent({
       navRight,
       navWidth,
       visible,
-      handleDrawerClose
+      handleDrawerClose,
+      destroyOnHide
     } = this;
-    if (!visible)
+    if (destroyOnHide.value && !visible) {
       return null;
+    }
+    const visibleVal = visible ? "visible" : "hidden";
     return createVNode("div", {
       "class": "devui-drawer",
       "style": {
-        zIndex: zindex
+        zIndex: zindex,
+        visibility: visibleVal
       },
       "onClick": handleDrawerClose
     }, [isCover ? createVNode("div", {
@@ -192,34 +225,7 @@ var DrawerBody = defineComponent({
     }, [slots.default ? slots.default() : null])])])]);
   }
 });
-const inBrowser = typeof window !== "undefined";
-function createDrawerApp(props) {
-  return createApp(Drawer, __spreadValues({}, props));
-}
-class DrawerService {
-  static show(props) {
-    this.$div = document.createElement("div");
-    this.$body.appendChild(this.$div);
-    this.drawer = createDrawerApp(props);
-    this.drawer.mount(this.$div);
-  }
-  static hide() {
-    var _a;
-    (_a = this.drawer) == null ? void 0 : _a.unmount();
-    this.drawer = null;
-    if (this.$div) {
-      this.$body.removeChild(this.$div);
-    }
-    this.$div = null;
-  }
-}
-__publicField(DrawerService, "$body");
-__publicField(DrawerService, "$div", null);
-__publicField(DrawerService, "drawer", null);
-if (inBrowser) {
-  DrawerService.$body = document.body;
-}
-var Drawer = defineComponent({
+var Drawer$1 = defineComponent({
   name: "DDrawer",
   props: drawerProps,
   emits: ["close", "update:visible", "afterOpened"],
@@ -234,15 +240,15 @@ var Drawer = defineComponent({
       isCover,
       escKeyCloseable,
       position,
-      backdropCloseable
+      backdropCloseable,
+      destroyOnHide
     } = toRefs(props);
     const isFullScreen = ref(false);
-    const fullScreenEvent = () => {
+    const fullscreen = () => {
       isFullScreen.value = !isFullScreen.value;
     };
     const closeDrawer = async () => {
       var _a;
-      DrawerService.hide();
       const beforeHidden = props.beforeHidden;
       let result = (_a = typeof beforeHidden === "function" ? beforeHidden() : beforeHidden) != null ? _a : false;
       if (result instanceof Promise) {
@@ -261,7 +267,9 @@ var Drawer = defineComponent({
     watch(visible, (val) => {
       if (val) {
         emit("afterOpened");
-        isFullScreen.value = false;
+        if (destroyOnHide.value) {
+          isFullScreen.value = false;
+        }
       }
       if (escKeyCloseable && val) {
         document.addEventListener("keyup", escCloseDrawer);
@@ -277,6 +285,7 @@ var Drawer = defineComponent({
     provide("visible", visible);
     provide("isFullScreen", isFullScreen);
     provide("backdropCloseable", backdropCloseable);
+    provide("destroyOnHide", destroyOnHide);
     onUnmounted(() => {
       document.removeEventListener("keyup", escCloseDrawer);
     });
@@ -284,37 +293,107 @@ var Drawer = defineComponent({
       isFullScreen,
       visible,
       slots,
-      fullScreenEvent,
+      fullscreen,
       closeDrawer
     };
   },
   render() {
-    const fullScreenEvent = this.fullScreenEvent;
-    const closeDrawer = this.closeDrawer;
-    if (!this.visible)
+    const {
+      fullscreen,
+      closeDrawer,
+      visible,
+      destroyOnHide
+    } = this;
+    if (destroyOnHide.value && !visible) {
       return null;
+    }
+    const visibleVal = visible ? "visible" : "hidden";
     return createVNode(Teleport, {
       "to": "body"
     }, {
-      default: () => [createVNode(DrawerBody, null, {
-        default: () => [this.slots.header ? this.slots.header() : createVNode(DrawerHeader, {
-          "onToggleFullScreen": fullScreenEvent,
+      default: () => [createVNode(DrawerBody, {
+        "style": {
+          visibility: visibleVal
+        }
+      }, {
+        default: () => [this.slots.header ? this.slots.header({
+          fullscreen,
+          closeDrawer
+        }) : createVNode(DrawerHeader, {
+          "onToggleFullScreen": fullscreen,
           "onClose": closeDrawer
-        }, null), this.slots.default ? this.slots.default() : createVNode(DrawerContainer, null, null)]
+        }, null), this.slots.content ? this.slots.content() : createVNode(DrawerContainer, null, null)]
       })]
     });
   }
 });
-Drawer.install = function(app) {
-  app.component(Drawer.name, Drawer);
+function createDrawerApp(props, drawer, el) {
+  if (drawer) {
+    return drawer;
+  }
+  const res = createApp(createVNode(Drawer$1, {
+    "visible": props.visible,
+    "onUpdate:visible": ($event) => props.visible = $event
+  }, {
+    header: props.header,
+    content: props.content
+  }));
+  res.mount(el);
+  return res;
+}
+class DrawerService {
+  static create(props, drawer) {
+    if (!drawer) {
+      drawer = new Drawer(props);
+    }
+    return drawer;
+  }
+}
+class Drawer {
+  constructor(props) {
+    __publicField(this, "drawer", null);
+    __publicField(this, "div", null);
+    __publicField(this, "props", null);
+    __publicField(this, "hide", async () => {
+      var _a;
+      const beforeHidden = this.props.beforeHidden;
+      let result = (_a = typeof beforeHidden === "function" ? beforeHidden() : beforeHidden) != null ? _a : false;
+      if (result instanceof Promise) {
+        result = await result;
+      }
+      if (!result)
+        this.hideDirectly();
+    });
+    __publicField(this, "hideDirectly", () => {
+      this.drawer._instance.props.visible = false;
+    });
+    __publicField(this, "destroy", () => {
+      if (this.drawer) {
+        this.drawer.unmount();
+        this.drawer = null;
+        this.div.remove();
+      }
+    });
+    this.props = props;
+  }
+  show() {
+    if (!this.drawer) {
+      this.div = document.createElement("div");
+      this.drawer = createDrawerApp(this.props, this.drawer, this.div);
+    }
+    this.drawer._instance.props.visible = true;
+  }
+}
+Drawer$1.install = function(app) {
+  app.component(Drawer$1.name, Drawer$1);
 };
 var index = {
   title: "Drawer \u62BD\u5C49\u677F",
   category: "\u53CD\u9988",
-  status: "60%",
+  status: "75%",
   install(app) {
-    app.use(Drawer);
+    app.use(Drawer$1);
     app.config.globalProperties.$drawerService = DrawerService;
   }
 };
-export { Drawer, DrawerService, index as default };
+export { Drawer$1 as Drawer, DrawerService, index as default };

package/drawer/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty;var g=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var N=(n,e,i)=>e in n?z(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i,S=(n,e)=>{for(var i in e||(e={}))E.call(e,i)&&N(n,i,e[i]);if(g)for(var i of g(e))P.call(e,i)&&N(n,i,e[i]);return n};var b=(n,e,i)=>(N(n,typeof e!="symbol"?e+"":e,i),i);(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const i={width:{type:String,default:"300px"},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},isCover:{type:Boolean,default:!0},escKeyCloseable:{type:Boolean,default:!0},position:{type:String,default:"left"},backdropCloseable:{type:Boolean,default:!0},beforeHidden:{type:[Promise,Function]}};var H="",k=e.defineComponent({name:"DrawerHeader",emits:["toggleFullScreen","close"],setup(t,r){const o=e.ref(!1),s=e.inject("visible");return{fullScreenClassName:e.computed(()=>o.value?"icon icon-minimize":"icon icon-maxmize"),visible:s,handleFullScreen:h=>{h.stopPropagation(),o.value=!o.value,r.emit("toggleFullScreen")},handleDrawerClose:()=>{r.emit("close")}}},render(){const{handleFullScreen:t,handleDrawerClose:r,visible:o,fullScreenClassName:s}=this;return o?e.createVNode("div",{class:"devui-drawer-header"},[e.createVNode("div",{class:"devui-drawer-header-item"},[e.createVNode("span",{class:"devui-drawer-header-item icon icon-more-operate"},null)]),e.createVNode("div",{class:"devui-drawer-header-item",onClick:t},[e.createVNode("span",{class:s},null)]),e.createVNode("div",{class:"devui-drawer-header-item",onClick:r},[e.createVNode("span",{class:"icon icon-close"},null)])]):null}}),F=e.defineComponent({name:"DrawerContainer",setup(){return{visible:e.inject("visible")}},render(){const{visible:t}=this;return t?e.createVNode("div",null,[e.createTextVNode("\u5185\u5BB9\u533A\u57DF")]):null}}),T="",j=e.defineComponent({name:"DrawerBody",setup(t,{slots:r}){const o=e.inject("isFullScreen"),s=e.inject("closeDrawer"),a=e.inject("zindex"),p=e.inject("isCover"),f=e.inject("position"),h=e.inject("width"),C=e.inject("visible"),y=e.inject("backdropCloseable"),c=e.computed(()=>f.value==="right"?{right:0}:{left:0}),D=e.computed(()=>o.value?"100vw":h.value);return{zindex:a,slots:r,isCover:p,navRight:c,navWidth:D,visible:C,clickContent:l=>{l.stopPropagation()},handleDrawerClose:()=>{!y.value||s()}}},render(){const{zindex:t,slots:r,isCover:o,navRight:s,navWidth:a,visible:p,handleDrawerClose:f}=this;return p?e.createVNode("div",{class:"devui-drawer",style:{zIndex:t},onClick:f},[o?e.createVNode("div",{class:"devui-overlay-backdrop"},null):null,e.createVNode("div",{class:"devui-overlay-wrapper"},[e.createVNode("div",{class:"devui-drawer-nav",style:S({width:a},s)},[e.createVNode("div",{class:"devui-drawer-content",onClick:this.clickContent},[r.default?r.default():null])])])]):null}});const $=typeof window!="undefined";function B(t){return e.createApp(u,S({},t))}class d{static show(r){this.$div=document.createElement("div"),this.$body.appendChild(this.$div),this.drawer=B(r),this.drawer.mount(this.$div)}static hide(){var r;(r=this.drawer)==null||r.unmount(),this.drawer=null,this.$div&&this.$body.removeChild(this.$div),this.$div=null}}b(d,"$body"),b(d,"$div",null),b(d,"drawer",null),$&&(d.$body=document.body);var u=e.defineComponent({name:"DDrawer",props:i,emits:["close","update:visible","afterOpened"],setup(t,{emit:r,slots:o}){const{width:s,visible:a,zIndex:p,isCover:f,escKeyCloseable:h,position:C,backdropCloseable:y}=e.toRefs(t),c=e.ref(!1),D=()=>{c.value=!c.value},w=async()=>{var V;d.hide();const l=t.beforeHidden;let v=(V=typeof l=="function"?l():l)!=null?V:!1;v instanceof Promise&&(v=await v),!v&&(r("update:visible",!1),r("close"))},m=l=>{l.code==="Escape"&&w()};return e.watch(a,l=>{l&&(r("afterOpened"),c.value=!1),h&&l?document.addEventListener("keyup",m):document.removeEventListener("keyup",m)}),e.provide("closeDrawer",w),e.provide("zindex",p),e.provide("isCover",f),e.provide("position",C),e.provide("width",s),e.provide("visible",a),e.provide("isFullScreen",c),e.provide("backdropCloseable",y),e.onUnmounted(()=>{document.removeEventListener("keyup",m)}),{isFullScreen:c,visible:a,slots:o,fullScreenEvent:D,closeDrawer:w}},render(){const t=this.fullScreenEvent,r=this.closeDrawer;return this.visible?e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(j,null,{default:()=>[this.slots.header?this.slots.header():e.createVNode(k,{onToggleFullScreen:t,onClose:r},null),this.slots.default?this.slots.default():e.createVNode(F,null,null)]})]}):null}});u.install=function(t){t.component(u.name,u)};var x={title:"Drawer \u62BD\u5C49\u677F",category:"\u53CD\u9988",status:"60%",install(t){t.use(u),t.config.globalProperties.$drawerService=d}};n.Drawer=u,n.DrawerService=d,n.default=x,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+var z=Object.defineProperty;var S=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var V=(r,e,o)=>e in r?z(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,g=(r,e)=>{for(var o in e||(e={}))P.call(e,o)&&V(r,o,e[o]);if(S)for(var o of S(e))T.call(e,o)&&V(r,o,e[o]);return r};var p=(r,e,o)=>(V(r,typeof e!="symbol"?e+"":e,o),o);(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";const o={width:{type:String,default:"300px"},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},isCover:{type:Boolean,default:!0},escKeyCloseable:{type:Boolean,default:!0},position:{type:String,default:"left"},backdropCloseable:{type:Boolean,default:!0},destroyOnHide:{type:Boolean,default:!1},beforeHidden:{type:[Promise,Function]},content:{type:[Object,Function]},header:{type:[Object,Function]}};var E="",O=e.defineComponent({name:"DrawerHeader",emits:["toggleFullScreen","close"],setup(n,i){const t=e.ref(!1),s=e.inject("visible"),l=e.inject("destroyOnHide");return{fullScreenClassName:e.computed(()=>t.value?"icon icon-minimize":"icon icon-maxmize"),visible:s,handleFullScreen:c=>{c.stopPropagation(),t.value=!t.value,i.emit("toggleFullScreen")},handleDrawerClose:()=>{i.emit("close")},destroyOnHide:l}},render(){const{handleFullScreen:n,handleDrawerClose:i,visible:t,fullScreenClassName:s,destroyOnHide:l}=this;if(l.value&&!t)return null;const d=t?"visible":"hidden";return e.createVNode("div",{class:"devui-drawer-header",style:{visibility:d}},[e.createVNode("div",{class:"devui-drawer-header-item"},[e.createVNode("span",{class:"devui-drawer-header-item icon icon-more-operate"},null)]),e.createVNode("div",{class:"devui-drawer-header-item",onClick:n},[e.createVNode("span",{class:s},null)]),e.createVNode("div",{class:"devui-drawer-header-item",onClick:i},[e.createVNode("span",{class:"icon icon-close"},null)])])}}),j=e.defineComponent({name:"DrawerContainer",setup(){const n=e.inject("visible"),i=e.inject("destroyOnHide");return{visible:n,destroyOnHide:i}},render(){const{visible:n,destroyOnHide:i}=this;if(i.value&&!n)return null;const t=this.visible?"visible":"hidden";return e.createVNode("div",{style:{visibility:t}},[e.createTextVNode("\u5185\u5BB9\u533A\u57DF")])}}),_="",k=e.defineComponent({name:"DrawerBody",setup(n,{slots:i}){const t=e.inject("isFullScreen"),s=e.inject("closeDrawer"),l=e.inject("zindex"),d=e.inject("isCover"),h=e.inject("position"),v=e.inject("width"),c=e.inject("visible"),C=e.inject("backdropCloseable"),b=e.inject("destroyOnHide"),u=e.computed(()=>h.value==="right"?{right:0}:{left:0}),D=e.computed(()=>t.value?"100vw":v.value);return{zindex:l,slots:i,isCover:d,navRight:u,navWidth:D,visible:c,clickContent:a=>{a.stopPropagation()},handleDrawerClose:()=>{!C.value||s()},destroyOnHide:b}},render(){const{zindex:n,slots:i,isCover:t,navRight:s,navWidth:l,visible:d,handleDrawerClose:h,destroyOnHide:v}=this;if(v.value&&!d)return null;const c=d?"visible":"hidden";return e.createVNode("div",{class:"devui-drawer",style:{zIndex:n,visibility:c},onClick:h},[t?e.createVNode("div",{class:"devui-overlay-backdrop"},null):null,e.createVNode("div",{class:"devui-overlay-wrapper"},[e.createVNode("div",{class:"devui-drawer-nav",style:g({width:l},s)},[e.createVNode("div",{class:"devui-drawer-content",onClick:this.clickContent},[i.default?i.default():null])])])])}}),f=e.defineComponent({name:"DDrawer",props:o,emits:["close","update:visible","afterOpened"],setup(n,{emit:i,slots:t}){const{width:s,visible:l,zIndex:d,isCover:h,escKeyCloseable:v,position:c,backdropCloseable:C,destroyOnHide:b}=e.toRefs(n),u=e.ref(!1),D=()=>{u.value=!u.value},w=async()=>{var H;const a=n.beforeHidden;let m=(H=typeof a=="function"?a():a)!=null?H:!1;m instanceof Promise&&(m=await m),!m&&(i("update:visible",!1),i("close"))},y=a=>{a.code==="Escape"&&w()};return e.watch(l,a=>{a&&(i("afterOpened"),b.value&&(u.value=!1)),v&&a?document.addEventListener("keyup",y):document.removeEventListener("keyup",y)}),e.provide("closeDrawer",w),e.provide("zindex",d),e.provide("isCover",h),e.provide("position",c),e.provide("width",s),e.provide("visible",l),e.provide("isFullScreen",u),e.provide("backdropCloseable",C),e.provide("destroyOnHide",b),e.onUnmounted(()=>{document.removeEventListener("keyup",y)}),{isFullScreen:u,visible:l,slots:t,fullscreen:D,closeDrawer:w}},render(){const{fullscreen:n,closeDrawer:i,visible:t,destroyOnHide:s}=this;if(s.value&&!t)return null;const l=t?"visible":"hidden";return e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode(k,{style:{visibility:l}},{default:()=>[this.slots.header?this.slots.header({fullscreen:n,closeDrawer:i}):e.createVNode(O,{onToggleFullScreen:n,onClose:i},null),this.slots.content?this.slots.content():e.createVNode(j,null,null)]})]})}});function F(n,i,t){if(i)return i;const s=e.createApp(e.createVNode(f,{visible:n.visible,"onUpdate:visible":l=>n.visible=l},{header:n.header,content:n.content}));return s.mount(t),s}class N{static create(i,t){return t||(t=new B(i)),t}}class B{constructor(i){p(this,"drawer",null);p(this,"div",null);p(this,"props",null);p(this,"hide",async()=>{var s;const i=this.props.beforeHidden;let t=(s=typeof i=="function"?i():i)!=null?s:!1;t instanceof Promise&&(t=await t),t||this.hideDirectly()});p(this,"hideDirectly",()=>{this.drawer._instance.props.visible=!1});p(this,"destroy",()=>{this.drawer&&(this.drawer.unmount(),this.drawer=null,this.div.remove())});this.props=i}show(){this.drawer||(this.div=document.createElement("div"),this.drawer=F(this.props,this.drawer,this.div)),this.drawer._instance.props.visible=!0}}f.install=function(n){n.component(f.name,f)};var x={title:"Drawer \u62BD\u5C49\u677F",category:"\u53CD\u9988",status:"75%",install(n){n.use(f),n.config.globalProperties.$drawerService=N}};r.Drawer=f,r.DrawerService=N,r.default=x,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/nuxt/components/CarouselItem.js

@@ -0,0 +1,3 @@
+import '../../carousel/style.css' 
+
+export  { CarouselItem as default } from '../../carousel/index.es.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.0.0-beta.14",
+  "version": "1.0.0-beta.15",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -18,6 +18,26 @@
   "main": "vue-devui.umd.js",
   "module": "vue-devui.es.js",
   "style": "style.css",
+  "bin": {
+    "devui-cli": "./devui-cli/index.js"
+  },
+  "scripts": {
+    "dev": "yarn generate:theme && vitepress dev docs",
+    "build": "yarn generate:theme && node --max_old_space_size=8192 ./node_modules/.bin/vitepress build docs && cp public/* docs/.vitepress/dist/assets",
+    "serve": "vitepress serve docs",
+    "app:dev": "vite",
+    "app:build": "vite build",
+    "build:lib": "yarn predev && yarn build:components && yarn copy",
+    "test": "jest --config jest.config.js",
+    "build:components": "node ./devui-cli/index.js build",
+    "generate:theme": "node ./devui-cli/index.js generate:theme",
+    "generate:dts": "node ./devui-cli/index.js generate:dts",
+    "copy": "cp package.json build && cp ../../README.md build && cp devui/theme/theme.scss build/theme",
+    "clean:cli": "npm uninstall -g devui-cli & npm uninstall -g vue-devui",
+    "cli:create": "node ./devui-cli/index.js create -t component",
+    "predev": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error",
+    "prebuild": "node ./devui-cli/index.js create -t vue-devui --ignore-parse-error"
+  },
   "dependencies": {
     "@devui-design/icons": "^1.3.0",
     "@types/lodash-es": "^4.17.4",