yc-design-vue 1.0.2 → 1.0.4

package/lib/ColorPicker/ColorControl.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=e.defineComponent({__name:"ColorControl",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean},mode:{}},emits:["update:color","update:alpha","update:baseColor","change"],setup(r,{expose:t,emit:s}){const i=r,u=s,{color:n,mode:c,popupVisible:d,disabled:p,hideTrigger:v}=e.toRefs(i),m=e.ref(),f=e.ref(),g=e.ref({min:0,max:0}),h=new o.GradientColorCalculator,{x:b}=a.useDraggable(m,{disabled:p,onMove(){y()}}),C=e=>{const{max:a,min:l}=g.value;if("alpha"==c.value){const r=100*o.parseColor(e).getAlpha();b.value=l+r/100*(a-l),u("update:alpha",r)}else b.value=h.getPositionForColor(e,a-l)+l},y=()=>{const{min:e,max:a}=g.value;b.value=b.value<e?e:b.value,b.value=b.value>a?a:b.value;let l="";if("alpha"==c.value){const r=+((b.value-e)/(a-e)).toFixed(2);l=o.parseColor(n.value).setAlpha(r).toRgbString(),u("update:alpha",r)}else l=h.getColorAtPosition(b.value-e,a-e),u("update:baseColor",l),u("change",l);u("update:color",l)},x=e=>{p.value||(b.value=e.pageX,y())};return e.watch(()=>d.value,async e=>{if(e||v.value){await l.sleep(0);const{left:e,right:a}=f.value.getBoundingClientRect();g.value={min:e,max:a},C(n.value)}},{immediate:!0}),t({setPosition:C}),(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-control-bar",style:e.normalizeStyle({background:"alpha"==e.unref(c)?`linear-gradient(to right, rgba(0, 0, 0, 0), ${a.baseColor})`:""}),ref_key:"barRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-control-bar-handler",style:e.normalizeStyle({color:e.unref(n),transform:`translate(calc(${e.unref(l.valueToPx)(e.unref(b)-g.value.min)} - 50%),-50%)`}),ref_key:"btnRef",ref:m},null,4)],4))}});module.exports=r;
+"use strict";const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js"),a=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=e.defineComponent({__name:"ColorControl",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean},mode:{}},emits:["update:color","update:alpha","update:baseColor","change"],setup(r,{expose:t,emit:s}){const i=r,n=s,{color:u,mode:c,popupVisible:d,disabled:p,hideTrigger:v}=e.toRefs(i),m=e.ref(),f=e.ref(),g=e.ref({min:0,max:0}),h=new a.GradientColorCalculator,{x:b}=o.useDraggable(m,{disabled:p,onMove(){y()}}),C=e=>{const{max:o,min:l}=g.value;if("alpha"==c.value){const r=100*a.parseColor(e).getAlpha();b.value=l+r/100*(o-l),n("update:alpha",r)}else b.value=h.getPositionForColor(e,o-l)+l},y=()=>{const{min:e,max:o}=g.value;b.value=b.value<e?e:b.value,b.value=b.value>o?o:b.value;let l="";if("alpha"==c.value){const r=+((b.value-e)/(o-e)).toFixed(2);l=a.parseColor(u.value).setAlpha(r).toRgbString(),n("update:alpha",r)}else l=h.getColorAtPosition(b.value-e,o-e),n("update:baseColor",l),n("change",l);n("update:color",l)},x=e=>{p.value||(b.value=e.pageX,y())};return e.watch(()=>d.value,async e=>{if(e||v.value){await l.sleep(0);const{left:e,right:o}=f.value.getBoundingClientRect();g.value={min:e,max:o},C(u.value)}},{immediate:!0}),t({setPosition:C}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-control-bar",style:e.normalizeStyle({background:"alpha"==e.unref(c)?`linear-gradient(to right, rgba(0, 0, 0, 0), ${o.baseColor})`:""}),ref_key:"barRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-control-bar-handler",style:e.normalizeStyle({color:e.unref(u),transform:`translate(calc(${e.unref(l.valueToPx)(e.unref(b)-g.value.min)} - 50%),-50%)`}),ref_key:"btnRef",ref:m},null,4)],4))}});module.exports=r;

package/lib/ColorPicker/ColorInput.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../_shared/utils/color.js");require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/constants/index.js"),o=require("../Select/index.js"),r=require("../Input/index.js"),t=require("../InputNumber/index.js"),u={class:"yc-color-picker-input-wrapper"},s={class:"yc-color-picker-format"},d={class:"yc-color-picker-color"},n=e.defineComponent({__name:"ColorInput",props:{color:{},baseColor:{},alpha:{},disabled:{type:Boolean},disabledAlpha:{type:Boolean}},emits:["update:color","update:baseColor","update:alpha","change"],setup(n,{emit:i}){const c=n,p=i,{color:m,alpha:b}=e.toRefs(c),h=e.ref("hex"),v=e.ref(""),V=e.ref({}),g=e.ref(b.value),x=e=>{if("hex"==e){const e=l.parseColor(m.value).getAlpha(),a=l.parseColor(v.value).setAlpha(e).toHex8();p("update:color",a),p("update:baseColor",a),p("change",a,"color")}else if("rgb"==e){const{r:e,g:l,b:a}=V.value,o=`rgb(${e},${l},${a})`;p("update:color",o),p("update:baseColor",o),p("change",o,"color")}else{const e=+(g.value/100).toFixed(2),a=l.parseColor(m.value).setAlpha(e).toRgbString();p("update:color",a),p("update:alpha",g.value),p("change",a,"alpha")}};return e.watch(()=>m.value,()=>{v.value=l.parseColor(m.value).toHex(),V.value=l.parseColor(m.value).toRgb()},{immediate:!0}),e.watch(()=>b.value,()=>{g.value=100*b.value}),(l,n)=>(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",s,[e.createVNode(e.unref(o.default),{modelValue:h.value,"onUpdate:modelValue":n[0]||(n[0]=e=>h.value=e),options:e.unref(a.COLOR_PICKER_FORMAT_OPTIONS),"trigger-props":{contentClass:"yc-color-picker-format-popup-content"},size:"mini"},null,8,["modelValue","options"])]),e.createElementVNode("div",d,["hex"==h.value?(e.openBlock(),e.createBlock(e.unref(r),{key:0,modelValue:v.value,"onUpdate:modelValue":n[1]||(n[1]=e=>v.value=e),"max-length":6,disabled:l.disabled,size:"mini",class:"hex-input",onBlur:n[2]||(n[2]=e=>x("hex")),onPressEnter:n[3]||(n[3]=e=>x("hex"))},{prefix:e.withCtx(()=>n[16]||(n[16]=[e.createTextVNode(" # ",-1)])),_:1},8,["modelValue","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(t),{modelValue:V.value.r,"onUpdate:modelValue":n[4]||(n[4]=e=>V.value.r=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[5]||(n[5]=e=>x("rgb")),onPressEnter:n[6]||(n[6]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.g,"onUpdate:modelValue":n[7]||(n[7]=e=>V.value.g=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[8]||(n[8]=e=>x("rgb")),onPressEnter:n[9]||(n[9]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.b,"onUpdate:modelValue":n[10]||(n[10]=e=>V.value.b=e),min:0,max:255,disabled:l.disabled,class:"rgb-input",size:"mini","hide-button":"",onBlur:n[11]||(n[11]=e=>x("rgb")),onPressEnter:n[12]||(n[12]=e=>x("rgb"))},null,8,["modelValue","disabled"])],64)),l.disabledAlpha?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(t),{key:2,modelValue:g.value,"onUpdate:modelValue":n[13]||(n[13]=e=>g.value=e),min:0,max:100,disabled:l.disabled,size:"mini","hide-button":"",class:"alpha-input",onBlur:n[14]||(n[14]=e=>x("alpha")),onPressEnter:n[15]||(n[15]=e=>x("alpha"))},{suffix:e.withCtx(()=>n[17]||(n[17]=[e.createTextVNode(" % ",-1)])),_:1},8,["modelValue","disabled"]))])]))}});module.exports=n;
+"use strict";const e=require("vue"),l=require("../_shared/utils/color.js");require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const a=require("../_shared/constants/index.js"),o=require("../Select/index.js"),r=require("../Input/index.js"),t=require("../InputNumber/index.js"),u={class:"yc-color-picker-input-wrapper"},s={class:"yc-color-picker-format"},d={class:"yc-color-picker-color"},n=e.defineComponent({__name:"ColorInput",props:{color:{},baseColor:{},alpha:{},disabled:{type:Boolean},disabledAlpha:{type:Boolean}},emits:["update:color","update:baseColor","update:alpha","change"],setup(n,{emit:i}){const c=n,p=i,{color:m,alpha:b}=e.toRefs(c),h=e.ref("hex"),v=e.ref(""),V=e.ref({}),g=e.ref(b.value),x=e=>{if("hex"==e){const e=l.parseColor(m.value).getAlpha(),a=l.parseColor(v.value).setAlpha(e).toHex8();p("update:color",a),p("update:baseColor",a),p("change",a,"color")}else if("rgb"==e){const{r:e,g:l,b:a}=V.value,o=`rgb(${e},${l},${a})`;p("update:color",o),p("update:baseColor",o),p("change",o,"color")}else{const e=+(g.value/100).toFixed(2),a=l.parseColor(m.value).setAlpha(e).toRgbString();p("update:color",a),p("update:alpha",g.value),p("change",a,"alpha")}};return e.watch(()=>m.value,()=>{v.value=l.parseColor(m.value).toHex(),V.value=l.parseColor(m.value).toRgb()},{immediate:!0}),e.watch(()=>b.value,()=>{g.value=100*b.value}),(l,n)=>(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",s,[e.createVNode(e.unref(o.default),{modelValue:h.value,"onUpdate:modelValue":n[0]||(n[0]=e=>h.value=e),options:e.unref(a.COLOR_PICKER_FORMAT_OPTIONS),"trigger-props":{contentClass:"yc-color-picker-format-popup-content"},size:"mini"},null,8,["modelValue","options"])]),e.createElementVNode("div",d,["hex"==h.value?(e.openBlock(),e.createBlock(e.unref(r),{key:0,modelValue:v.value,"onUpdate:modelValue":n[1]||(n[1]=e=>v.value=e),"max-length":6,disabled:l.disabled,size:"mini",class:"hex-input",onBlur:n[2]||(n[2]=e=>x("hex")),onPressEnter:n[3]||(n[3]=e=>x("hex"))},{prefix:e.withCtx(()=>n[16]||(n[16]=[e.createTextVNode(" # ",-1)])),_:1},8,["modelValue","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(t),{modelValue:V.value.r,"onUpdate:modelValue":n[4]||(n[4]=e=>V.value.r=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[5]||(n[5]=e=>x("rgb")),onPressEnter:n[6]||(n[6]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.g,"onUpdate:modelValue":n[7]||(n[7]=e=>V.value.g=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[8]||(n[8]=e=>x("rgb")),onPressEnter:n[9]||(n[9]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.b,"onUpdate:modelValue":n[10]||(n[10]=e=>V.value.b=e),min:0,max:255,disabled:l.disabled,class:"rgb-input",size:"mini","hide-button":"",onBlur:n[11]||(n[11]=e=>x("rgb")),onPressEnter:n[12]||(n[12]=e=>x("rgb"))},null,8,["modelValue","disabled"])],64)),l.disabledAlpha?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(t),{key:2,modelValue:g.value,"onUpdate:modelValue":n[13]||(n[13]=e=>g.value=e),min:0,max:100,disabled:l.disabled,size:"mini","hide-button":"",class:"alpha-input",onBlur:n[14]||(n[14]=e=>x("alpha")),onPressEnter:n[15]||(n[15]=e=>x("alpha"))},{suffix:e.withCtx(()=>n[17]||(n[17]=[e.createTextVNode(" % ",-1)])),_:1},8,["modelValue","disabled"]))])]))}});module.exports=n;

package/lib/ColorPicker/ColorPalette.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),a=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const u=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=e.defineComponent({__name:"ColorPalette",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean}},emits:["update:color","update:baseColor"],setup(o,{expose:r,emit:s}){const t=o,i=s,{popupVisible:n,baseColor:v,disabled:c,hideTrigger:d}=e.toRefs(t),p=e.ref(),f=e.ref(),{width:m,height:y,top:g,left:h}=l.useElementBounding(f,{updateTiming:"next-frame"}),b=e.computed(()=>a.parseColor(v.value).toHsv()),{x:_,y:C}=l.useDraggable(p,{disabled:c,onMove(){k()}}),x=e=>{c.value||(_.value=e.pageX,C.value=e.pageY,k())},k=()=>{_.value=(_.value-h.value)/m.value,_.value=_.value<0?0:_.value,_.value=_.value>1?1:_.value,C.value=(C.value-g.value)/y.value,C.value=C.value<0?0:C.value,C.value=C.value>1?1:C.value;const e=a.parseColor({...b.value,s:_.value,v:1-C.value}).toHexString();i("update:color",e)};return e.watch(()=>n.value,async e=>{(e||d.value)&&(await u.sleep(0),_.value=b.value.s,C.value=1-b.value.v)},{immediate:!0}),r({setPosition(e){const{s:l,v:u}=a.parseColor(e).toHsv();_.value=l,C.value=1-u}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-palette",style:e.normalizeStyle({backgroundColor:e.unref(v)}),ref_key:"paletteRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-handler",style:e.normalizeStyle({transform:`translate(calc(${e.unref(u.valueToPx)(e.unref(_)*e.unref(m))} - 50%),calc(${e.unref(u.valueToPx)(e.unref(C)*e.unref(y))} - 50%))`}),ref_key:"btnRef",ref:p},null,4)],4))}});module.exports=o;
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),a=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const u=e.defineComponent({__name:"ColorPalette",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean}},emits:["update:color","update:baseColor"],setup(u,{expose:r,emit:s}){const t=u,n=s,{popupVisible:i,baseColor:v,disabled:c,hideTrigger:p}=e.toRefs(t),d=e.ref(),f=e.ref(),{width:m,height:y,top:g,left:h}=l.useElementBounding(f,{updateTiming:"next-frame"}),b=e.computed(()=>a.parseColor(v.value).toHsv()),{x:C,y:_}=l.useDraggable(d,{disabled:c,onMove(){k()}}),x=e=>{c.value||(C.value=e.pageX,_.value=e.pageY,k())},k=()=>{C.value=(C.value-h.value)/m.value,C.value=C.value<0?0:C.value,C.value=C.value>1?1:C.value,_.value=(_.value-g.value)/y.value,_.value=_.value<0?0:_.value,_.value=_.value>1?1:_.value;const e=a.parseColor({...b.value,s:C.value,v:1-_.value}).toHexString();n("update:color",e)};return e.watch(()=>i.value,async e=>{(e||p.value)&&(await o.sleep(0),C.value=b.value.s,_.value=1-b.value.v)},{immediate:!0}),r({setPosition(e){const{s:l,v:o}=a.parseColor(e).toHsv();C.value=l,_.value=1-o}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-palette",style:e.normalizeStyle({backgroundColor:e.unref(v)}),ref_key:"paletteRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-handler",style:e.normalizeStyle({transform:`translate(calc(${e.unref(o.valueToPx)(e.unref(C)*e.unref(m))} - 50%),calc(${e.unref(o.valueToPx)(e.unref(_)*e.unref(y))} - 50%))`}),ref_key:"btnRef",ref:d},null,4)],4))}});module.exports=u;

package/lib/Comment/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const n=require("./hooks/useContext.js"),o=require("../Avatar/index.js"),a={Comment:"",class:"yc-comment"},l={key:0,class:"yc-comment-avatar"},c={class:"yc-comment-inner"},r={class:"yc-comment-inner-content"},s={key:0,class:"yc-comment-author"},i={key:1,class:"yc-comment-datetime"},m={key:0,class:"yc-comment-content"},d={key:0,class:"yc-comment-inner-comment"},u=e.defineComponent({name:"Comment",__name:"index",props:{author:{default:""},avatar:{default:""},content:{default:""},datetime:{default:""},align:{default:"left"}},setup(u){const{hasChildren:g}=n();return(n,u)=>(e.openBlock(),e.createElementBlock("div",a,[n.$slots.avatar||n.avatar?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(n.$slots,"avatar",{},()=>[e.createVNode(e.unref(o.default),{"image-url":n.avatar,size:e.unref(g)?32:40},null,8,["image-url","size"])],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("div",r,[e.createElementVNode("div",{class:e.normalizeClass(["yc-comment-title",{"yc-comment-title-align-left":"left"==n.align||e.unref(t.isObject)(n.align)&&"left"==n.align.datetime,"yc-comment-title-align-right":"right"==n.align||e.unref(t.isObject)(n.align)&&"right"==n.align.datetime}])},[n.$slots.author||n.author?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(n.$slots,"author",{},()=>[e.createTextVNode(e.toDisplayString(n.author),1)],!0)])):e.createCommentVNode("",!0),n.$slots.datetime||n.datetime?(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(n.$slots,"datetime",{},()=>[e.createTextVNode(e.toDisplayString(n.datetime),1)],!0)])):e.createCommentVNode("",!0)],2),n.$slots.content||n.content?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(n.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(n.content),1)],!0)])):e.createCommentVNode("",!0),n.$slots.actions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["yc-comment-actions",{"yc-comment-actions-align-left":"left"==n.align||e.unref(t.isObject)(n.align)&&"left"==n.align.datetime,"yc-comment-actions-align-right":"right"==n.align||e.unref(t.isObject)(n.align)&&"right"==n.align.datetime}])},[e.renderSlot(n.$slots,"actions",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),n.$slots.default?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(n.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)])]))}});module.exports=u;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const n=require("./hooks/useContext.js"),o=require("../Avatar/index.js"),a={Comment:"",class:"yc-comment"},l={key:0,class:"yc-comment-avatar"},c={class:"yc-comment-inner"},r={class:"yc-comment-inner-content"},s={key:0,class:"yc-comment-author"},i={key:1,class:"yc-comment-datetime"},m={key:0,class:"yc-comment-content"},d={key:0,class:"yc-comment-inner-comment"},u=e.defineComponent({name:"Comment",__name:"index",props:{author:{default:""},avatar:{default:""},content:{default:""},datetime:{default:""},align:{default:"left"}},setup(u){const{hasChildren:g}=n();return(n,u)=>(e.openBlock(),e.createElementBlock("div",a,[n.$slots.avatar||n.avatar?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(n.$slots,"avatar",{},()=>[e.createVNode(e.unref(o.default),{"image-url":n.avatar,size:e.unref(g)?32:40},null,8,["image-url","size"])],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("div",r,[e.createElementVNode("div",{class:e.normalizeClass(["yc-comment-title",{"yc-comment-title-align-left":"left"==n.align||e.unref(t.isObject)(n.align)&&"left"==n.align.datetime,"yc-comment-title-align-right":"right"==n.align||e.unref(t.isObject)(n.align)&&"right"==n.align.datetime}])},[n.$slots.author||n.author?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(n.$slots,"author",{},()=>[e.createTextVNode(e.toDisplayString(n.author),1)],!0)])):e.createCommentVNode("",!0),n.$slots.datetime||n.datetime?(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(n.$slots,"datetime",{},()=>[e.createTextVNode(e.toDisplayString(n.datetime),1)],!0)])):e.createCommentVNode("",!0)],2),n.$slots.content||n.content?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(n.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(n.content),1)],!0)])):e.createCommentVNode("",!0),n.$slots.actions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["yc-comment-actions",{"yc-comment-actions-align-left":"left"==n.align||e.unref(t.isObject)(n.align)&&"left"==n.align.datetime,"yc-comment-actions-align-right":"right"==n.align||e.unref(t.isObject)(n.align)&&"right"==n.align.datetime}])},[e.renderSlot(n.$slots,"actions",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),n.$slots.default?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(n.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)])]))}});module.exports=u;

package/lib/Comment/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface CommentProps {
     author?: string;
     avatar?: string;
@@ -6,12 +7,12 @@ export interface CommentProps {
     align?: CommentAlign;
 }
 export interface CommentSlots {
-    avatar(): void;
-    author(): void;
-    datetime(): void;
-    content(): void;
-    actions(): void;
-    default(): void;
+    avatar?: () => VNode[];
+    author?: () => VNode[];
+    datetime?: () => VNode[];
+    content?: () => VNode[];
+    actions?: () => VNode[];
+    default?: () => VNode[][];
 }
 export type CommentAlign = 'left' | 'right' | {
     datetime?: 'left' | 'right';

package/lib/ConfigProvider/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),t=e.defineComponent({name:"ConfigProvider",__name:"index",props:{zIndex:{default:1001},size:{default:"medium"},popupContainer:{default:"body"},updateAtScroll:{type:Boolean,default:!0},scrollToClose:{type:Boolean,default:!1},exchangeTime:{type:Boolean,default:!0}},setup(t){const l=t,{zIndex:s,size:r,updateAtScroll:n,scrollToClose:u,exchangeTime:i,popupContainer:d}=e.toRefs(l),a=e.useSlots();return e.provide(o.CONFIG_PROVIDER_PROVIDE_KEY,{slots:a,zIndex:s,size:r,updateAtScroll:n,scrollToClose:u,exchangeTime:i,popupContainer:d}),(o,t)=>e.renderSlot(o.$slots,"default")}});module.exports=t;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),t=e.defineComponent({name:"ConfigProvider",__name:"index",props:{zIndex:{default:1001},size:{default:"medium"},popupContainer:{default:"body"},updateAtScroll:{type:Boolean,default:!0},scrollToClose:{type:Boolean,default:!1},exchangeTime:{type:Boolean,default:!0}},setup(t){const l=e.useSlots(),s=t,{zIndex:r,size:n,updateAtScroll:u,scrollToClose:i,exchangeTime:d,popupContainer:a}=e.toRefs(s);return e.provide(o.CONFIG_PROVIDER_PROVIDE_KEY,{slots:l,zIndex:r,size:n,updateAtScroll:u,scrollToClose:i,exchangeTime:d,popupContainer:a}),(o,t)=>e.renderSlot(o.$slots,"default")}});module.exports=t;

package/lib/ConfigProvider/type.d.ts

@@ -1,4 +1,5 @@
 import { Size, PopupContainer } from '../_shared/type';
+import { VNode } from 'vue';
 export interface ConfigProviderProps {
     zIndex?: number;
     size?: Size;
@@ -8,10 +9,10 @@ export interface ConfigProviderProps {
     exchangeTime?: boolean;
 }
 export interface ConfigconfigSlots {
-    default(): void;
-    loading(): void;
-    empty(scope: {
+    default?: () => VNode[];
+    loading?: () => VNode[];
+    empty?: (scope: {
         component: EmptyComponent;
-    }): void;
+    }) => VNode[];
 }
 export type EmptyComponent = 'Select' | 'List' | 'Transfer';

package/lib/Descriptions/ReuseItem.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const n=require("./hooks/useContext.js"),r={class:"yc-descriptions-item"},s=e.defineComponent({__name:"ReuseItem",props:{data:{},index:{}},setup(s){const{labelStyle:a,valueStyle:i,slots:o,align:u}=n().inject();return(n,s)=>{var c,d,m,f;return e.openBlock(),e.createElementBlock("td",r,[e.createElementVNode("div",{class:"yc-descriptions-item-label",style:e.normalizeStyle({...e.unref(a),textAlign:e.unref(t.isObject)(e.unref(u))?e.unref(u).label??"left":e.unref(u)})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.getSlotFunction)((null==(d=(c=e.unref(o)).label)?void 0:d.call(c,{label:n.data.label,index:n.index,data:n.data}))??n.data.label))))],4),e.createElementVNode("div",{class:"yc-descriptions-item-value",style:e.normalizeStyle({...e.unref(i),textAlign:e.unref(t.isObject)(e.unref(u))?e.unref(u).value??"left":e.unref(u)})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.getSlotFunction)((null==(f=(m=e.unref(o)).value)?void 0:f.call(m,{value:n.data.value,index:n.index,data:n.data}))??n.data.value))))],4)])}}});module.exports=s;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const n=require("./hooks/useContext.js"),r={class:"yc-descriptions-item"},s=e.defineComponent({__name:"ReuseItem",props:{data:{},index:{}},setup(s){const{labelStyle:a,valueStyle:o,slots:i,align:u}=n().inject();return(n,s)=>{var c,d,m,f;return e.openBlock(),e.createElementBlock("td",r,[e.createElementVNode("div",{class:"yc-descriptions-item-label",style:e.normalizeStyle({...e.unref(a),textAlign:e.unref(t.isObject)(e.unref(u))?e.unref(u).label??"left":e.unref(u)})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.getSlotFunction)((null==(d=(c=e.unref(i)).label)?void 0:d.call(c,{label:n.data.label,index:n.index,data:n.data}))??n.data.label))))],4),e.createElementVNode("div",{class:"yc-descriptions-item-value",style:e.normalizeStyle({...e.unref(o),textAlign:e.unref(t.isObject)(e.unref(u))?e.unref(u).value??"left":e.unref(u)})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l.getSlotFunction)((null==(f=(m=e.unref(i)).value)?void 0:f.call(m,{value:n.data.value,index:n.index,data:n.data}))??n.data.value))))],4)])}}});module.exports=s;

package/lib/Descriptions/ReuseTd.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const s=require("./hooks/useContext.js"),n=["colspan"],r=e.defineComponent({__name:"ReuseTd",props:{data:{},index:{},type:{},colspan:{}},setup(r){const{labelStyle:a,valueStyle:i,bordered:o,size:u,align:c,slots:d}=s().inject();return(s,r)=>{var p,m,y,f;return e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["label"==s.type?"yc-descriptions-item-label":"yc-descriptions-item-value",`yc-descriptions-item-cell-size-${e.unref(u)}`,{"yc-descriptions-item-cell-bordered":e.unref(o)}]),style:e.normalizeStyle({..."label"==s.type?e.unref(a):e.unref(i),textAlign:e.unref(l.isObject)(e.unref(c))?e.unref(c)[s.type]??"left":e.unref(c)}),colspan:s.colspan},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.getSlotFunction)("label"==s.type?(null==(m=(p=e.unref(d)).label)?void 0:m.call(p,{label:s.data.label,index:s.index,data:s.data}))??s.data.label:(null==(f=(y=e.unref(d)).value)?void 0:f.call(y,{value:s.data.value,index:s.index,data:s.data}))??s.data.value))))],14,n)}}});module.exports=r;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const n=require("./hooks/useContext.js"),s=["colspan"],r=e.defineComponent({__name:"ReuseTd",props:{data:{},index:{},type:{},colspan:{}},setup(r){const{labelStyle:a,valueStyle:i,bordered:o,size:u,align:c,slots:d}=n().inject();return(n,r)=>{var p,m,y,f;return e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["label"==n.type?"yc-descriptions-item-label":"yc-descriptions-item-value",`yc-descriptions-item-cell-size-${e.unref(u)}`,{"yc-descriptions-item-cell-bordered":e.unref(o)}]),style:e.normalizeStyle({..."label"==n.type?e.unref(a):e.unref(i),textAlign:e.unref(l.isObject)(e.unref(c))?e.unref(c)[n.type]??"left":e.unref(c)}),colspan:n.colspan},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.getSlotFunction)("label"==n.type?(null==(m=(p=e.unref(d)).label)?void 0:m.call(p,{label:n.data.label,index:n.index,data:n.data}))??n.data.label:(null==(f=(y=e.unref(d)).value)?void 0:f.call(y,{value:n.data.value,index:n.index,data:n.data}))??n.data.value))))],14,s)}}});module.exports=r;

package/lib/Descriptions/type.d.ts

@@ -1,6 +1,6 @@
 import { RenderContent, Size } from '../_shared/type';
 import { ResponsiveValue } from '../Grid';
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface DescriptionsProps {
     data?: DescData[];
     column?: DescriptionsColumn;
@@ -14,26 +14,26 @@ export interface DescriptionsProps {
     tableLayout?: TableLayout;
 }
 export interface DescriptionsSlots {
-    default(): void;
-    value(scope: {
+    default?: () => VNode[];
+    value?: (scope: {
         value: string;
         index: number;
         data: DescData;
-    }): void;
-    label(scope: {
+    }) => VNode[];
+    label?: (scope: {
         label: string;
         index: number;
         data: DescData;
-    }): void;
-    title(): void;
+    }) => VNode[];
+    title?: () => VNode[];
 }
 export interface DescriptionsItemProps {
     span?: number;
     label?: string;
 }
 export interface DescriptionsItemSlots {
-    default(): void;
-    label(): void;
+    default?: () => VNode[];
+    label?: () => VNode[];
 }
 export interface DescData {
     label?: string | RenderContent;

package/lib/Divider/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const i=e.defineComponent({name:"Divider",__name:"index",props:{direction:{default:"horizontal"},orientation:{default:"center"},type:{default:"solid"},size:{default:1},margin:{default:void 0}},setup(i){const o=i,{size:l,margin:a,direction:n,type:s}=e.toRefs(o),u=e.computed(()=>t.isUndefined(a.value)?"horizontal"==n.value?"20px 0":"0 12px":"horizontal"==n.value?`${r.valueToPx(a.value)} 0`:`0 ${r.valueToPx(a.value)}`),d=e.computed(()=>`${r.valueToPx(l.value)} ${s.value} rgb(229, 230, 235)`);return(r,t)=>(e.openBlock(),e.createElementBlock("div",{role:"separator",class:e.normalizeClass(["yc-divider",`yc-divider-direction-${e.unref(n)}`]),style:e.normalizeStyle({margin:u.value,borderLeft:"vertical"==e.unref(n)?d.value:"",borderBottom:"horizontal"==e.unref(n)?d.value:""})},[r.$slots.default&&"vertical"!=e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-divider-text",`yc-divider-text-${r.orientation}`])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)],6))}});module.exports=i;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const o=e.defineComponent({name:"Divider",__name:"index",props:{direction:{default:"horizontal"},orientation:{default:"center"},type:{default:"solid"},size:{default:1},margin:{default:void 0}},setup(o){const i=o,{size:l,margin:a,direction:n,type:s}=e.toRefs(i),u=e.computed(()=>t.isUndefined(a.value)?"horizontal"==n.value?"20px 0":"0 12px":"horizontal"==n.value?`${r.valueToPx(a.value)} 0`:`0 ${r.valueToPx(a.value)}`),d=e.computed(()=>`${r.valueToPx(l.value)} ${s.value} rgb(229, 230, 235)`);return(r,t)=>(e.openBlock(),e.createElementBlock("div",{role:"separator",class:e.normalizeClass(["yc-divider",`yc-divider-direction-${e.unref(n)}`]),style:e.normalizeStyle({margin:u.value,borderLeft:"vertical"==e.unref(n)?d.value:"",borderBottom:"horizontal"==e.unref(n)?d.value:""})},[r.$slots.default&&"vertical"!=e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-divider-text",`yc-divider-text-${r.orientation}`])},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)],6))}});module.exports=o;

package/lib/Divider/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface DividerProps {
     direction?: Direction;
     orientation?: Orientation;
@@ -7,7 +8,7 @@ export interface DividerProps {
     margin?: number;
 }
 export interface DividerSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export type Orientation = 'left' | 'center' | 'right';
 export type DividerType = 'solid' | 'dashed' | 'dotted' | 'double';

package/lib/Drawer/Drawer.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,p=u,{visible:m,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b}=e.toRefs(f),{onBeforeOk:g,onBeforeCancel:V}=f,{zIndex:x,popupContainer:T}=t.getGlobalConfig(f),N=e.computed(()=>({height:"left"==h.value||"right"==h.value?"100%":o.valueToPx(k.value),width:"left"==h.value||"right"==h.value?o.valueToPx(B.value):"100%",...w.value})),{outerVisible:S,innerVisible:_,asyncLoading:$,handleClose:q,handleAfterLeave:E}=l({visible:m,defaultVisible:y,escToClose:C,maskClosable:v,onBeforeCancel:V,onBeforeOk:g,emits:p});return(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(T),disabled:!e.unref(b)},[!o.unmountOnClose||e.unref(S)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(h)}`,o.$attrs.class,{"yc-drawer-position-absolute":e.unref(T)||!e.unref(b)}]),style:e.normalizeStyle({zIndex:e.unref(x),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:t[0]||(t[0]=o=>e.unref(q)("mask",o))},null,512)),[[e.vShow,e.unref(_)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(h)}`,onBeforeEnter:t[4]||(t[4]=e=>o.$emit("before-open")),onBeforeLeave:t[5]||(t[5]=e=>o.$emit("before-close")),onAfterEnter:t[6]||(t[6]=e=>o.$emit("open")),onAfterLeave:e.unref(E)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-drawer-container",style:e.normalizeStyle(N.value)},[e.renderSlot(o.$slots,"header",{},()=>[o.header?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),o.closable?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:"yc-modal-close-button",onClick:t[1]||(t[1]=o=>e.unref(q)("closeBtn",o))})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.renderSlot(o.$slots,"footer",{},()=>[o.footer?(e.openBlock(),e.createElementBlock("div",d,[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:t[2]||(t[2]=o=>e.unref(q)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref($)},o.okButtonProps,{onClick:t[3]||(t[3]=o=>e.unref(q)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])])):e.createCommentVNode("",!0)],!0)],4),[[e.vShow,e.unref(_)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(S)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=c;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const t=require("../_shared/utils/global-config.js"),l=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),r=require("../_shared/components/IconButton.vue.js");,/* empty css                                          */;/* empty css                              */const n={key:0,class:"yc-drawer-header"},s={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},d={key:0,class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:u}){const f=c,p=u,{visible:m,defaultVisible:y,width:B,height:k,placement:h,maskClosable:v,escToClose:C,drawerStyle:w,renderToBody:b}=e.toRefs(f),{onBeforeOk:g,onBeforeCancel:V}=f,{zIndex:x,popupContainer:T}=t.getGlobalConfig(f),N=e.computed(()=>({height:"left"==h.value||"right"==h.value?"100%":o.valueToPx(k.value),width:"left"==h.value||"right"==h.value?o.valueToPx(B.value):"100%",...w.value})),{outerVisible:S,innerVisible:_,asyncLoading:q,handleClose:$,handleAfterLeave:j}=l({visible:m,defaultVisible:y,escToClose:C,maskClosable:v,onBeforeCancel:V,onBeforeOk:g,emits:p});return(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(T),disabled:!e.unref(b)},[!o.unmountOnClose||e.unref(S)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(h)}`,o.$attrs.class,{"yc-drawer-position-absolute":e.unref(T)||!e.unref(b)}]),style:e.normalizeStyle({zIndex:e.unref(x),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:t[0]||(t[0]=o=>e.unref($)("mask",o))},null,512)),[[e.vShow,e.unref(_)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(h)}`,onBeforeEnter:t[4]||(t[4]=e=>o.$emit("before-open")),onBeforeLeave:t[5]||(t[5]=e=>o.$emit("before-close")),onAfterEnter:t[6]||(t[6]=e=>o.$emit("open")),onAfterLeave:e.unref(j)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-drawer-container",style:e.normalizeStyle(N.value)},[e.renderSlot(o.$slots,"header",{},()=>[o.header?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)]),o.closable?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:"yc-modal-close-button",onClick:t[1]||(t[1]=o=>e.unref($)("closeBtn",o))})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.renderSlot(o.$slots,"footer",{},()=>[o.footer?(e.openBlock(),e.createElementBlock("div",d,[o.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},o.cancelButtonProps,{onClick:t[2]||(t[2]=o=>e.unref($)("cancelBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:o.okLoading||e.unref(q)},o.okButtonProps,{onClick:t[3]||(t[3]=o=>e.unref($)("confirmBtn",o))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.okText),1)]),_:1},16,["loading"])])):e.createCommentVNode("",!0)],!0)],4),[[e.vShow,e.unref(_)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(S)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});module.exports=c;

package/lib/Drawer/DrawerService.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const n=require("./Drawer.vue.js"),l={class:"yc-drawer-body-content"},t=e.defineComponent({__name:"DrawerService",props:{placement:{default:"right"},title:{type:[String,Array,Function],default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:"yc-overlay-drawer"},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!1},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(t){const r=t,{onClose:a,serviceClose:u}=r,s=e.ref(!1),i=()=>{null==u||u(),null==a||a()};return e.onMounted(()=>{s.value=!0}),(t,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(r,{visible:s.value,"onUpdate:visible":a[0]||(a[0]=e=>s.value=e),onOk:a[1]||(a[1]=e=>{var o;return null==(o=t.onOk)?void 0:o.call(t)}),onCancel:a[2]||(a[2]=e=>{var o;return null==(o=t.onCancel)?void 0:o.call(t)}),onBeforeOpen:a[3]||(a[3]=e=>{var o;return null==(o=t.onBeforeOpen)?void 0:o.call(t)}),onBeforeClose:a[4]||(a[4]=e=>{var o;return null==(o=t.onBeforeClose)?void 0:o.call(t)}),onOpen:a[5]||(a[5]=e=>{var o;return null==(o=t.onOpen)?void 0:o.call(t)}),onClose:i}),{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.title))))]),default:e.withCtx(()=>[e.createElementVNode("div",l,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.content))))])]),_:1},16,["visible"]))}});module.exports=t;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const n=require("./Drawer.vue.js"),l={class:"yc-drawer-body-content"},t=e.defineComponent({__name:"DrawerService",props:{placement:{default:"right"},title:{type:[String,Array,Function],default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:"确认"},cancelText:{default:"取消"},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:"yc-overlay-drawer"},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!1},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0},content:{},onOk:{},onCancel:{},onOpen:{},onClose:{},onBeforeOpen:{},onBeforeClose:{},serviceClose:{}},setup(t){const r=t,{onClose:a,serviceClose:u}=r,s=e.ref(!1),c=()=>{null==u||u(),null==a||a()};return e.onMounted(()=>{s.value=!0}),(t,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(r,{visible:s.value,"onUpdate:visible":a[0]||(a[0]=e=>s.value=e),onOk:a[1]||(a[1]=e=>{var o;return null==(o=t.onOk)?void 0:o.call(t)}),onCancel:a[2]||(a[2]=e=>{var o;return null==(o=t.onCancel)?void 0:o.call(t)}),onBeforeOpen:a[3]||(a[3]=e=>{var o;return null==(o=t.onBeforeOpen)?void 0:o.call(t)}),onBeforeClose:a[4]||(a[4]=e=>{var o;return null==(o=t.onBeforeClose)?void 0:o.call(t)}),onOpen:a[5]||(a[5]=e=>{var o;return null==(o=t.onOpen)?void 0:o.call(t)}),onClose:c}),{title:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.title))))]),default:e.withCtx(()=>[e.createElementVNode("div",l,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t.content))))])]),_:1},16,["visible"]))}});module.exports=t;

package/lib/Drawer/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ButtonProps } from '../Button';
 import { OnBeforeCancel, OnBeforeOk } from '../Modal';
 import { RenderContent, PopupContainer } from '../_shared/type';
@@ -29,10 +29,10 @@ export interface DrawerProps {
     onBeforeOk?: OnBeforeOk;
 }
 export interface DrawerSlots {
-    default(): void;
-    header(): void;
-    footer(): void;
-    title(): void;
+    default?: () => VNode[];
+    header?: () => VNode[];
+    footer?: () => VNode[];
+    title?: () => VNode[];
 }
 export interface DrawerEmits {
     (e: 'update:visible', value: boolean): void;

package/lib/Dropdown/Dropdown.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const i=require("./hooks/useContext.js"),l=require("../Trigger/index.js"),r=require("../Scrollbar/index.js"),s={class:"yc-dropdown"},n={class:"yc-dropdown-list"},u={key:0,class:"yc-dropdown-footer"},a=e.defineComponent({name:"Dropdown",__name:"Dropdown",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"bottom"},popupContainer:{default:void 0},hideOnSelect:{type:Boolean,default:!0},alignPoint:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Number,Boolean],default:200},theme:{default:"light"}},emits:["update:popupVisible","popup-visible-change","select"],setup(a,{expose:p,emit:d}){const c=a,m=d,{trigger:f,position:g,popupMaxHeight:v}=e.toRefs(c),{computedVisible:y}=i().provide(c,m),h=e.computed(()=>["top","tl","tr","bottom","bl","br"].includes(g.value)?g.value:"bottom"),b=e.computed(()=>t.isBoolean(v.value)&&!v.value||t.isUndefined(v)?"":o.valueToPx(t.isBoolean(v.value)?200:v.value));return p({show(){y.value=!0},hide(){y.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(l),e.mergeProps({"popup-visible":e.unref(y),"onUpdate:popupVisible":t[0]||(t[0]=o=>e.isRef(y)?y.value=o:null),trigger:e.unref(f),position:h.value,"popup-offset":4,"mouse-enter-delay":150,"mouse-leave-delay":150,alignPoint:o.alignPoint,"auto-fit-popup-min-width":!o.alignPoint&&["top","bottom"].includes(h.value),class:["yc-dropdown-popup",,`yc-dropdown-theme-${o.theme}`,o.$attrs.class],style:o.$attrs.style,"animation-name":"slide-dynamic-origin","need-transform-origin":""},o.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",s,[e.createVNode(e.unref(r),{style:e.normalizeStyle({maxHeight:b.value})},{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.renderSlot(o.$slots,"content")])]),_:3},8,["style"]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","trigger","position","alignPoint","auto-fit-popup-min-width","class","style"]))}});module.exports=a;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const i=require("./hooks/useContext.js"),l=require("../Trigger/index.js"),r=require("../Scrollbar/index.js"),s={class:"yc-dropdown"},n={class:"yc-dropdown-list"},u={key:0,class:"yc-dropdown-footer"},a=e.defineComponent({name:"Dropdown",__name:"Dropdown",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"bottom"},popupContainer:{default:void 0},hideOnSelect:{type:Boolean,default:!0},alignPoint:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Number,Boolean],default:200},theme:{default:"light"}},emits:["update:popupVisible","popup-visible-change","select"],setup(a,{expose:p,emit:d}){const c=a,m=d,{trigger:f,position:g,popupMaxHeight:v}=e.toRefs(c),{computedVisible:y}=i().provide(c,m),h=e.computed(()=>["top","tl","tr","bottom","bl","br"].includes(g.value)?g.value:"bottom"),b=e.computed(()=>t.isBoolean(v.value)&&!v.value||t.isUndefined(v)?"":o.valueToPx(t.isBoolean(v.value)?200:v.value));return p({show(){y.value=!0},hide(){y.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(l),e.mergeProps({"popup-visible":e.unref(y),"onUpdate:popupVisible":t[0]||(t[0]=o=>e.isRef(y)?y.value=o:null),trigger:e.unref(f),position:h.value,"popup-offset":4,"mouse-enter-delay":150,"mouse-leave-delay":150,alignPoint:o.alignPoint,"auto-fit-popup-min-width":!o.alignPoint&&["top","bottom"].includes(h.value),class:["yc-dropdown-popup",,`yc-dropdown-theme-${o.theme}`,o.$attrs.class],style:o.$attrs.style,"animation-name":"slide-dynamic-origin","need-transform-origin":""},o.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",s,[e.createVNode(e.unref(r),{style:e.normalizeStyle({maxHeight:b.value})},{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.renderSlot(o.$slots,"content")])]),_:3},8,["style"]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","trigger","position","alignPoint","auto-fit-popup-min-width","class","style"]))}});module.exports=a;

package/lib/Dropdown/DropdownButton.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("../_shared/icons/IconMore.vue.js"),o=require("./Dropdown.vue.js");;/* empty css               */const i=require("../Button/index.js"),r=require("../Button/ButtonGroup.vue.js");;/* empty css                          */const u=e.defineComponent({name:"DropdownButton",__name:"DropdownButton",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"br"},popupContainer:{default:void 0},disabled:{type:Boolean,default:!1},type:{default:"secondary"},size:{default:void 0},buttonProps:{default:()=>({})},hideOnSelect:{type:Boolean,default:!0}},emits:["popup-visible-change","click","select"],setup:u=>(u,s)=>(e.openBlock(),e.createBlock(e.unref(r),{disabled:u.disabled,type:u.type,size:u.size},{default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.mergeProps(u.buttonProps,{onClick:s[0]||(s[0]=e=>u.$emit("click",e))}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16),e.createVNode(o,e.mergeProps({"popup-visible":u.popupVisible,"default-popup-visible":u.defaultPopupVisible,trigger:u.trigger,position:u.position,"popup-container":u.popupContainer,"hide-on-select":u.hideOnSelect,disabled:u.disabled},u.$attrs,{onSelect:s[1]||(s[1]=e=>u.$emit("select",e)),onPopupVisibleChange:s[2]||(s[2]=e=>u.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(u.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.normalizeProps(e.guardReactiveProps(u.buttonProps)),{icon:e.withCtx(()=>[e.renderSlot(u.$slots,"icon",{},()=>[e.createVNode(e.unref(t))])]),_:3},16)]),_:3},16,["popup-visible","default-popup-visible","trigger","position","popup-container","hide-on-select","disabled"])]),_:3},8,["disabled","type","size"]))});module.exports=u;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const t=require("../_shared/icons/IconMore.vue.js"),o=require("./Dropdown.vue.js");;/* empty css               */const i=require("../Button/index.js"),r=require("../Button/ButtonGroup.vue.js");;/* empty css                          */const u=e.defineComponent({name:"DropdownButton",__name:"DropdownButton",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"br"},popupContainer:{default:void 0},disabled:{type:Boolean,default:!1},type:{default:"secondary"},size:{default:void 0},buttonProps:{default:()=>({})},hideOnSelect:{type:Boolean,default:!0}},emits:["popup-visible-change","click","select"],setup:u=>(u,s)=>(e.openBlock(),e.createBlock(e.unref(r),{disabled:u.disabled,type:u.type,size:u.size},{default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.mergeProps(u.buttonProps,{onClick:s[0]||(s[0]=e=>u.$emit("click",e))}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16),e.createVNode(o,e.mergeProps({"popup-visible":u.popupVisible,"default-popup-visible":u.defaultPopupVisible,trigger:u.trigger,position:u.position,"popup-container":u.popupContainer,"hide-on-select":u.hideOnSelect,disabled:u.disabled},u.$attrs,{onSelect:s[1]||(s[1]=e=>u.$emit("select",e)),onPopupVisibleChange:s[2]||(s[2]=e=>u.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(u.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.normalizeProps(e.guardReactiveProps(u.buttonProps)),{icon:e.withCtx(()=>[e.renderSlot(u.$slots,"icon",{},()=>[e.createVNode(e.unref(t))])]),_:3},16)]),_:3},16,["popup-visible","default-popup-visible","trigger","position","popup-container","hide-on-select","disabled"])]),_:3},8,["disabled","type","size"]))});module.exports=u;

package/lib/Dropdown/Dsubmenu.vue.d.ts

@@ -56,7 +56,70 @@ declare function __VLS_template(): {
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                triggerRef: unknown;
+                popupRef: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly preventFocus?: boolean | undefined;
+                        readonly tag?: string | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                        preventFocus: boolean;
+                        tag: string;
+                    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{
+                    preventFocus: boolean;
+                    tag: string;
+                }> & Omit<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                }) | null;
+                arrowRef: HTMLDivElement;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -177,7 +240,7 @@ declare function __VLS_template(): {
             show(): void;
             updatePosition(x: number, y: number): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
         }) | null;
         optionRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -314,7 +377,70 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            triggerRef: unknown;
+            popupRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly preventFocus?: boolean | undefined;
+                    readonly tag?: string | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    preventFocus?: boolean;
+                    tag?: string;
+                }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                    preventFocus: boolean;
+                    tag: string;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                preventFocus: boolean;
+                tag: string;
+            }> & Omit<Readonly<{
+                preventFocus?: boolean;
+                tag?: string;
+            }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            arrowRef: HTMLDivElement;
+        };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -435,7 +561,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsubmenuProps, {
         show(): void;
         updatePosition(x: number, y: number): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<import('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
     }) | null;
     optionRef: ({
         $: import('vue').ComponentInternalInstance;

package/lib/Dropdown/Dsubmenu.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js");require("./index.js");const u=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a=require("./Doption.vue.js"),d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:y,trigger:b,position:x,popupMaxHeight:_}=e.toRefs(v),{theme:j}=l().inject(),q=s(y,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),C=e.computed(()=>["hover","click"].includes(b.value)?b.value:"hover"),B=e.computed(()=>i.isBoolean(_.value)&&!_.value||i.isUndefined(_)?"":o.valueToPx(i.isBoolean(_.value)?200:_.value)),P=async()=>{var o;await e.nextTick();const i=t.unrefElement(w);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==k.value?l:r-u,a=s-5;null==(o=V.value)||o.updatePosition(n,a)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:C.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":P,"on-trigger-mouseclick":P,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown",`yc-dropdown-theme-${e.unref(j)}`])},[e.createVNode(e.unref(n),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content",{},void 0,!0)])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(a),{disabled:t.disabled,theme:e.unref(j),class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","theme","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const o=require("../_shared/utils/fn.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                               */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js");require("./index.js");const u=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a=require("./Doption.vue.js"),d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:y,trigger:b,position:x,popupMaxHeight:j}=e.toRefs(v),{theme:q}=l().inject(),_=s(y,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),C=e.computed(()=>["hover","click"].includes(b.value)?b.value:"hover"),B=e.computed(()=>i.isBoolean(j.value)&&!j.value||i.isUndefined(j)?"":o.valueToPx(i.isBoolean(j.value)?200:j.value)),P=async()=>{var o;await e.nextTick();const i=t.unrefElement(w);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==k.value?l:r-u,a=s-5;null==(o=V.value)||o.updatePosition(n,a)};return f({show(){_.value=!0},hide(){_.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({"popup-visible":e.unref(_),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(_)?_.value=t:null),trigger:C.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":P,"on-trigger-mouseclick":P,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown",`yc-dropdown-theme-${e.unref(q)}`])},[e.createVNode(e.unref(n),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content",{},void 0,!0)])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(a),{disabled:t.disabled,theme:e.unref(q),class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","theme","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;

package/lib/Dropdown/hooks/useContext.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const i=require("../../_shared/utils/control.js"),s="dropdown-context";module.exports=()=>({provide:(t,o)=>{const{popupVisible:r,defaultPopupVisible:u,hideOnSelect:l,theme:p,position:c}=e.toRefs(t),n=i(r,u.value,e=>{o("update:popupVisible",e),o("popup-visible-change",e)});return e.provide(s,{theme:p,select:(e,i)=>{o("select",e,i),l.value&&(n.value=!1)}}),{computedVisible:n}},inject:()=>e.inject(s,{theme:e.ref("light"),select:()=>{}})});
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                                  */const i=require("../../_shared/utils/control.js"),t="dropdown-context";module.exports=()=>({provide:(s,o)=>{const{popupVisible:r,defaultPopupVisible:u,hideOnSelect:l,theme:p,position:n}=e.toRefs(s),c=i(r,u.value,e=>{o("update:popupVisible",e),o("popup-visible-change",e)});return e.provide(t,{theme:p,select:(e,i)=>{o("select",e,i),l.value&&(c.value=!1)}}),{computedVisible:c}},inject:()=>e.inject(t,{theme:e.ref("light"),select:()=>{}})});

package/lib/Dropdown/index.d.ts

@@ -278,7 +278,70 @@ declare const Dropdown: {
                 $attrs: {
                     [x: string]: unknown;
                 };
-                $refs: any;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    triggerRef: unknown;
+                    popupRef: ({
+                        $: import('vue').ComponentInternalInstance;
+                        $data: {};
+                        $props: {
+                            readonly preventFocus?: boolean | undefined;
+                            readonly tag?: string | undefined;
+                        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                        $attrs: {
+                            [x: string]: unknown;
+                        };
+                        $refs: {
+                            [x: string]: unknown;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: import('vue').Slot<any> | undefined;
+                        }>;
+                        $root: import('vue').ComponentPublicInstance | null;
+                        $parent: import('vue').ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: string, ...args: any[]) => void;
+                        $el: any;
+                        $options: import('vue').ComponentOptionsBase<Readonly<{
+                            preventFocus?: boolean;
+                            tag?: string;
+                        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                            preventFocus: boolean;
+                            tag: string;
+                        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                            beforeCreate?: (() => void) | (() => void)[];
+                            created?: (() => void) | (() => void)[];
+                            beforeMount?: (() => void) | (() => void)[];
+                            mounted?: (() => void) | (() => void)[];
+                            beforeUpdate?: (() => void) | (() => void)[];
+                            updated?: (() => void) | (() => void)[];
+                            activated?: (() => void) | (() => void)[];
+                            deactivated?: (() => void) | (() => void)[];
+                            beforeDestroy?: (() => void) | (() => void)[];
+                            beforeUnmount?: (() => void) | (() => void)[];
+                            destroyed?: (() => void) | (() => void)[];
+                            unmounted?: (() => void) | (() => void)[];
+                            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                        };
+                        $forceUpdate: () => void;
+                        $nextTick: typeof import('vue').nextTick;
+                        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                    } & Readonly<{
+                        preventFocus: boolean;
+                        tag: string;
+                    }> & Omit<Readonly<{
+                        preventFocus?: boolean;
+                        tag?: string;
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                        };
+                    }) | null;
+                    arrowRef: HTMLDivElement;
+                };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
                 }>;
@@ -399,7 +462,7 @@ declare const Dropdown: {
                 show(): void;
                 updatePosition(x: number, y: number): void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: any;
+                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;