yc-design-vue 2.0.2 → 2.0.4

package/lib/Dropdown/Dsubmenu.vue.js

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

package/lib/Dropdown/Dsubmenu.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Dsubmenu.vue.js");,/* empty css               */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dsubmenu.vue.js");,/* empty css               */exports.default=e.default;

package/lib/Dropdown/hooks/useContext.d.ts

@@ -1,10 +1,10 @@
 import { DoptionValue, DropdownEmits } from '../type';
-import { Props } from '../../_shared/type';
+import { RecordType } from '../../_shared/type';
 type DropdownContext = {
     select: (value: DoptionValue, ev: MouseEvent) => void;
 };
 declare const _default: () => {
-    provide: (props: Props, emits: DropdownEmits) => {
+    provide: (props: RecordType, emits: DropdownEmits) => {
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => DropdownContext;

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("../../_shared/utils/locale.js");const i=require("../../_shared/utils/control.js"),s="dropdown-context";module.exports=()=>({provide:(o,t)=>{const{popupVisible:r,defaultPopupVisible:u,hideOnSelect:l,position:p}=e.toRefs(o),c=i(r,u.value,e=>{t("update:popupVisible",e),t("popup-visible-change",e)});return e.provide(s,{select:(e,i)=>{t("select",e,i),l.value&&(c.value=!1)}}),{computedVisible:c}},inject:()=>e.inject(s,{select:()=>{}})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="dropdown-context";exports.default=()=>({provide:(i,l)=>{const{popupVisible:u,defaultPopupVisible:s,hideOnSelect:p,position:r}=e.toRefs(i),c=t.useControlValue(u,s.value,e=>{l("update:popupVisible",e),l("popup-visible-change",e)});return e.provide(o,{select:(e,t)=>{l("select",e,t),p.value&&(c.value=!1)}}),{computedVisible:c}},inject:()=>e.inject(o,{select:()=>{}})});

package/lib/Dropdown/index.d.ts

@@ -23,15 +23,15 @@ declare const Dropdown: {
         "popup-visible-change": (value: boolean) => any;
         select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -47,15 +47,15 @@ declare const Dropdown: {
         show(): void;
         hide(): void;
     }, {}, {}, {}, {
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         alignPoint: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
         triggerProps: import('..').TriggerProps;
         hideOnSelect: boolean;
-        popupMaxHeight: number | boolean;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -72,17 +72,17 @@ declare const Dropdown: {
     "popup-visible-change": (value: boolean) => any;
     select: (value: import('./type').DoptionValue, ev: MouseEvent) => any;
 }, string, {
+    popupContainer: import('..').PopupContainer;
     trigger: import('..').TriggerType;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     alignPoint: boolean;
     position: import('./type').DropdownPosition;
-    popupContainer: import('..').PopupContainer;
     triggerProps: import('..').TriggerProps;
     hideOnSelect: boolean;
-    popupMaxHeight: number | boolean;
+    popupMaxHeight: import('..').PopupMaxHeight;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').DropdownSlots> & import('./type').DropdownSlots;
+    $slots: any;
 }) & {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DoptionProps> & Readonly<{
@@ -119,7 +119,7 @@ declare const Dropdown: {
         isSubmenu: boolean;
         isActive: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -147,13 +147,13 @@ declare const Dropdown: {
             select: (value: import('./type').DoptionValue) => any;
         }, import('vue').PublicProps, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -169,13 +169,13 @@ declare const Dropdown: {
             onSelect?: ((value: import('./type').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('..').Size;
+            type: import('..').ButtonType;
+            popupContainer: import('..').PopupContainer;
             trigger: import('..').TriggerType;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DropdownPosition;
-            popupContainer: import('..').PopupContainer;
-            type: import('..').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
         }>;
@@ -192,13 +192,13 @@ declare const Dropdown: {
         select: (value: import('./type').DoptionValue) => any;
     }, string, {
         size: import('..').Size;
+        type: import('..').ButtonType;
+        popupContainer: import('..').PopupContainer;
         trigger: import('..').TriggerType;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DropdownPosition;
-        popupContainer: import('..').PopupContainer;
-        type: import('..').ButtonType;
         hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -215,13 +215,13 @@ declare const Dropdown: {
             "update:popupVisible": (value: boolean) => any;
             "popup-visible-change": (value: boolean) => any;
         }, import('vue').PublicProps, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             triggerRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -230,7 +230,7 @@ declare const Dropdown: {
                     readonly popupVisible?: boolean | undefined;
                     readonly defaultPopupVisible?: boolean | undefined;
                     readonly trigger?: import('..').TriggerType | undefined;
-                    readonly position?: import('..').TriggerPostion | undefined;
+                    readonly position?: import('..').PopupPosition | undefined;
                     readonly disabled?: boolean | undefined;
                     readonly popupOffset?: number | undefined;
                     readonly popupTranslate?: number[] | undefined;
@@ -240,9 +240,9 @@ declare const Dropdown: {
                     readonly clickToClose?: boolean | undefined;
                     readonly clickOutsideToClose?: boolean | undefined;
                     readonly unmountOnClose?: boolean | undefined;
-                    readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                    readonly contentClass?: import('..').ClassName | undefined;
                     readonly contentStyle?: import('vue').CSSProperties | undefined;
-                    readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                    readonly arrowClass?: import('..').ClassName | undefined;
                     readonly arrowStyle?: import('vue').CSSProperties | undefined;
                     readonly animationName?: string | undefined;
                     readonly duration?: number | undefined;
@@ -332,7 +332,7 @@ declare const Dropdown: {
                     }> & Omit<Readonly<{
                         preventFocus?: boolean;
                         tag?: string;
-                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                         $slots: {
                             default?(_: {}): any;
                         };
@@ -362,6 +362,8 @@ declare const Dropdown: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -376,21 +378,19 @@ declare const Dropdown: {
                     scrollToClose: boolean;
                     autoSetPosition: boolean;
                     alignPoint: boolean;
-                    position: import('..').TriggerPostion;
+                    position: import('..').PopupPosition;
                     popupOffset: number;
                     popupTranslate: number[];
                     showArrow: boolean;
                     unmountOnClose: boolean;
-                    contentClass: import('../_shared/type').ClassName;
+                    contentClass: import('..').ClassName;
                     contentStyle: import('vue').CSSProperties;
-                    arrowClass: import('../_shared/type').ClassName;
+                    arrowClass: import('..').ClassName;
                     arrowStyle: import('vue').CSSProperties;
                     animationName: string;
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -416,6 +416,8 @@ declare const Dropdown: {
                 $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<{
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -430,21 +432,19 @@ declare const Dropdown: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('..').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -454,12 +454,12 @@ declare const Dropdown: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
             optionRef: ({
                 $: import('vue').ComponentInternalInstance;
@@ -519,8 +519,8 @@ declare const Dropdown: {
                 isActive: boolean;
             }> & Omit<Readonly<import('./type').DoptionProps> & Readonly<{
                 onClick?: ((ev: MouseEvent) => any) | undefined;
-            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<import('./type').DoptionSlots> & import('./type').DoptionSlots;
+            }>, "disabled" | "isSubmenu" | "isActive"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
             }) | null;
         }, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -536,13 +536,13 @@ declare const Dropdown: {
             show(): void;
             hide(): void;
         }, {}, {}, {}, {
-            trigger: import('./type').DsubmenuTrigger;
+            trigger: import('..').EventTrigger;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: import('./type').DsubmenuPosition;
             triggerProps: import('..').TriggerProps;
-            popupMaxHeight: number;
+            popupMaxHeight: import('..').PopupMaxHeight;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -557,15 +557,15 @@ declare const Dropdown: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
     }, string, {
-        trigger: import('./type').DsubmenuTrigger;
+        trigger: import('..').EventTrigger;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: import('./type').DsubmenuPosition;
         triggerProps: import('..').TriggerProps;
-        popupMaxHeight: number;
+        popupMaxHeight: import('..').PopupMaxHeight;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').DsubmenuSlots> & import('./type').DsubmenuSlots;
+        $slots: any;
     });
     install: (app: App) => void;
 };

package/lib/Dropdown/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown.vue.js");;/* empty css               */const o=require("./Doption.vue.js");;/* empty css              */const n=require("./Dgroup.vue.js");;/* empty css             */const u=require("./DropdownButton.vue.js"),r=require("./Dsubmenu.vue.js");;/* empty css               */const t=Object.assign(e,{option:o,group:n,button:u,submenu:r,install:t=>{t.component("Yc"+e.name,e),t.component("Yc"+o.name,o),t.component("Yc"+n.name,n),t.component("Yc"+u.name,u),t.component("Yc"+r.name,r)}});exports.Doption=o,exports.Dgroup=n,exports.DropdownButton=u,exports.Dsubmenu=r,exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropdown.vue.js");;/* empty css               */const u=require("./Doption.vue.js");;/* empty css              */const t=require("./Dgroup.vue.js");;/* empty css             */const o=require("./DropdownButton.vue.js"),n=require("./Dsubmenu.vue.js");;/* empty css               */const r=Object.assign(e.default,{option:u.default,group:t.default,button:o.default,submenu:n.default,install:r=>{r.component("Yc"+e.default.name,e.default),r.component("Yc"+u.default.name,u.default),r.component("Yc"+t.default.name,t.default),r.component("Yc"+o.default.name,o.default),r.component("Yc"+n.default.name,n.default)}});exports.Doption=u.default,exports.Dgroup=t.default,exports.DropdownButton=o.default,exports.Dsubmenu=n.default,exports.default=r;

package/lib/Dropdown/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, PopupContainer, Size } from '../_shared/type';
+import { EventTrigger, RecordType, PopupContainer, PopupMaxHeight, Size } from '../_shared/type';
 import { TriggerProps, TriggerType } from '../Trigger';
 import { ButtonProps, ButtonType } from '../Button';
 import { VNode } from 'vue';
@@ -11,7 +11,7 @@ export interface DropdownProps {
     hideOnSelect?: boolean;
     alignPoint?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number | boolean;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DropdownEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -40,12 +40,12 @@ export interface DoptionSlots {
 }
 export interface DsubmenuProps {
     disabled?: boolean;
-    trigger?: DsubmenuTrigger;
+    trigger?: EventTrigger;
     position?: DsubmenuPosition;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     triggerProps?: TriggerProps;
-    popupMaxHeight?: number;
+    popupMaxHeight?: PopupMaxHeight;
 }
 export interface DsubmenuEmits {
     (e: 'update:popupVisible', value: boolean): void;
@@ -80,7 +80,6 @@ export interface DropdownButtonSlots {
     default?: () => VNode[];
     icon?: () => VNode[];
 }
-export type DoptionValue = string | number | boolean | ObjectData;
+export type DoptionValue = string | number | boolean | RecordType;
 export type DropdownPosition = 'top' | 'tr' | 'tl' | 'bottom' | 'br' | 'bl';
-export type DsubmenuTrigger = 'hover' | 'click';
 export type DsubmenuPosition = 'rt' | 'lt';

package/lib/Empty/index.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */;/* empty css            */const s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;

package/lib/Empty/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 t=require("../_shared/utils/locale.js");,/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconEmpty.vue.js"),s={class:"yc-empty"},o={class:"yc-empty-image"},n=["src"],i={class:"yc-empty-description"},c=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:""},imgSrc:{default:""}},setup(c){const d=c,{description:l}=e.toRefs(d),{t:u}=t.useI18n();return(t,c)=>(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",o,[e.renderSlot(t.$slots,"image",{},()=>[t.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.imgSrc,alt:"图片加载失败"},null,8,n)):e.createCommentVNode("",!0),e.createVNode(e.unref(r))])]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description||e.unref(u)("empty.description")),1)])])]))}});module.exports=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/locale.js");require("../_shared/utils/dom.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const r=require("../_shared/icons/IconEmpty.vue.js"),o={class:"yc-empty"},s={class:"yc-empty-image"},n=["src"],i={class:"yc-empty-description"},c=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:""},imgSrc:{default:""}},setup(c){const d=c,{description:a}=e.toRefs(d),{t:l}=t.useI18n();return(t,c)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"image",{},()=>[t.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.imgSrc,alt:"图片加载失败"},null,8,n)):e.createCommentVNode("",!0),e.createVNode(e.unref(r.default))])]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description||e.unref(l)("empty.description")),1)])])]))}});exports.default=c;

package/lib/Empty/index.vue3.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css           */,/* empty css            */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css           */,/* empty css            */exports.default=e.default;

package/lib/Grid/Grid.vue.d.ts

@@ -7,10 +7,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridProps> & Readonly<{}>, {
-    cols: number | import('./type').ResponsiveValue;
-    rowGap: number | import('./type').ResponsiveValue;
-    colGap: number | import('./type').ResponsiveValue;
+    rowGap: number | import('..').ResponsiveValue;
     collapsed: boolean;
+    cols: number | import('..').ResponsiveValue;
+    colGap: number | import('..').ResponsiveValue;
     collapsedRows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/Grid/Grid.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),l=e.defineComponent({name:"Grid",__name:"Grid",props:{cols:{default:24},rowGap:{default:0},colGap:{default:0},collapsed:{type:Boolean,default:!1},collapsedRows:{default:1}},setup(l){const s=l,{breakpoint:t,cols:a,rowGap:u,colGap:n}=o.default().provide(s);return r.mediaQueryHandler(e=>{t.value=e}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(r.valueToPx)(e.unref(u))} ${e.unref(r.valueToPx)(e.unref(n))}`,gridTemplateColumns:`repeat(${e.unref(a)}, minmax(0px, 1fr))`})},[e.renderSlot(o.$slots,"default")],4))}});module.exports=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),r=e.defineComponent({name:"Grid",__name:"Grid",props:{cols:{default:24},rowGap:{default:0},colGap:{default:0},collapsed:{type:Boolean,default:!1},collapsedRows:{default:1}},setup(r){const a=r,{breakpoint:t,cols:u,rowGap:s,colGap:d}=o.default().provide(a);return l.mediaQueryHandler(e=>{t.value=e}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-grid",style:e.normalizeStyle({gap:`${e.unref(l.valueToPx)(e.unref(s))} ${e.unref(l.valueToPx)(e.unref(d))}`,gridTemplateColumns:`repeat(${e.unref(u)}, minmax(0px, 1fr))`})},[e.renderSlot(o.$slots,"default")],4))}});exports.default=r;

package/lib/Grid/Grid.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./Grid.vue.js");,/* empty css           */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Grid.vue.js");,/* empty css           */exports.default=e.default;

package/lib/Grid/GridCol.vue.d.ts

@@ -7,8 +7,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridColProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
-    offset: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Grid/GridCol.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const r=require("./hooks/useContext.js"),o=e.defineComponent({name:"Col",__name:"GridCol",props:{span:{default:24},offset:{default:0},order:{},flex:{}},setup(o){const a=o,{span:s,order:u,offset:n,flex:i}=e.toRefs(a),{gutter:d,div:c,breakpoint:f}=r.default().inject(),p=e.computed(()=>{const e=t.getBreakpointValue(f.value,i.value),r=t.getBreakpointValue(f.value,s.value,24),o=t.getBreakpointValue(f.value,n.value,0),a={padding:`${t.valueToPx(d.value[1]/2)} ${t.valueToPx(d.value[0]/2)}`,order:t.getBreakpointValue(f.value,u.value,0)};if(!e)return r?{...a,flex:`0 0 ${r/24*100}%`,marginLeft:`calc(${o/24*100}%)`}:{display:"none"};let c="";return c=l.isString(e)?/\d/.test(e)?`0 0 ${e}`:e:`${e} 1 0%`,{...a,flex:c}});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-col":!e.unref(c)}]),style:e.normalizeStyle(p.value)},[e.renderSlot(t.$slots,"default")],6))}});module.exports=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js"),a=require("./hooks/useContext.js"),r=e.defineComponent({name:"Col",__name:"GridCol",props:{span:{default:24},offset:{default:0},order:{},flex:{}},setup(r){const o=r,{span:u,order:s,offset:n,flex:i}=e.toRefs(o),{gutter:d,div:f,breakpoint:p}=a.default().inject(),v=e.computed(()=>{const e=t.getBreakpointValue(p.value,i.value),a=t.getBreakpointValue(p.value,u.value,24),r=t.getBreakpointValue(p.value,n.value,0),o={padding:`${t.valueToPx(d.value[1]/2)} ${t.valueToPx(d.value[0]/2)}`,order:t.getBreakpointValue(p.value,s.value,0)};if(!e)return a?{...o,flex:`0 0 ${a/24*100}%`,marginLeft:`calc(${r/24*100}%)`}:{display:"none"};let f="";return f=l.isString(e)?/\d/.test(e)?`0 0 ${e}`:e:`${e} 1 0%`,{...o,flex:f}});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-col":!e.unref(f)}]),style:e.normalizeStyle(v.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=r;

package/lib/Grid/GridCol.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("./GridCol.vue.js");module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridCol.vue.js");exports.default=e.default;

package/lib/Grid/GridItem.vue.d.ts

@@ -7,9 +7,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
-    span: number | import('./type').ResponsiveValue;
+    span: number | import('..').ResponsiveValue;
     suffix: boolean;
-    offset: number | import('./type').ResponsiveValue;
+    offset: number | import('..').ResponsiveValue;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Grid/GridItem.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const u=require("./hooks/useContext.js"),a=e.defineComponent({name:"GridItem",__name:"GridItem",props:{span:{default:1},offset:{default:0},suffix:{type:Boolean,default:!1}},setup(a){const t=a,{span:o,offset:s,suffix:r}=e.toRefs(t),{cols:i,colGap:n,collapsed:v,collapsedRows:c,spanMap:f,breakpoint:d,collectSpan:p}=u.default().inject(),m=e.computed(()=>l.getBreakpointValue(d.value,s.value)),x=e.computed(()=>{const e=l.getBreakpointValue(d.value,o.value)+m.value;return e>=i.value?i.value:e}),k=e.computed(()=>({gridColumn:`${r.value?i.value-x.value+1:`span ${x.value}`} / span ${x.value}`,marginLeft:m.value?`calc(${100/x.value*m.value}% + ${l.valueToPx(m.value*n.value)})`:""})),{id:h}=p(x,r),j=e.computed(()=>{if(!v.value)return!1;const e=[...f.values()],l=i.value*c.value;return e.filter(({suffix:e})=>!e).reduce((e,l)=>e+l.span,0)>l}),q=e.computed(()=>{if(!v.value||r.value)return!1;const e=[...f.values()],l=e.filter(({suffix:e})=>e).reduce((e,{span:l})=>e+l,0),u=i.value*c.value,a=e.filter(({suffix:e})=>!e);let t=0;for(let{id:o,span:s}of a)if(t+=s,o==h)break;return t>u-l});return(l,u)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(k.value)},[e.renderSlot(l.$slots,"default",{overflow:j.value})],4)),[[e.vShow,!q.value]])}});module.exports=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/dom.js"),u=require("./hooks/useContext.js"),a=e.defineComponent({name:"GridItem",__name:"GridItem",props:{span:{default:1},offset:{default:0},suffix:{type:Boolean,default:!1}},setup(a){const t=a,{span:o,offset:r,suffix:s}=e.toRefs(t),{cols:n,colGap:i,collapsed:v,collapsedRows:f,spanMap:p,breakpoint:c,collectSpan:d}=u.default().inject(),m=e.computed(()=>l.getBreakpointValue(c.value,r.value)),x=e.computed(()=>{const e=l.getBreakpointValue(c.value,o.value)+m.value;return e>=n.value?n.value:e}),g=e.computed(()=>({gridColumn:`${s.value?n.value-x.value+1:`span ${x.value}`} / span ${x.value}`,marginLeft:m.value?`calc(${100/x.value*m.value}% + ${l.valueToPx(m.value*i.value)})`:""})),{id:k}=d(x,s),S=e.computed(()=>{if(!v.value)return!1;const e=[...p.values()],l=n.value*f.value;return e.filter(({suffix:e})=>!e).reduce((e,l)=>e+l.span,0)>l}),$=e.computed(()=>{if(!v.value||s.value)return!1;const e=[...p.values()],l=e.filter(({suffix:e})=>e).reduce((e,{span:l})=>e+l,0),u=n.value*f.value,a=e.filter(({suffix:e})=>!e);let t=0;for(let{id:o,span:r}of a)if(t+=r,o==k)break;return t>u-l});return(l,u)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"yc-grid-item",style:e.normalizeStyle(g.value)},[e.renderSlot(l.$slots,"default",{overflow:S.value})],4)),[[e.vShow,!$.value]])}});exports.default=a;

package/lib/Grid/GridItem.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("./GridItem.vue.js");module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridItem.vue.js");exports.default=e.default;

package/lib/Grid/GridRow.vue.d.ts

@@ -7,11 +7,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GridRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridRowProps> & Readonly<{}>, {
+    div: boolean;
     wrap: boolean;
     justify: import('./type').GridRowJustify;
-    div: boolean;
-    gutter: import('./type').Gutter | [import('./type').Gutter, import('./type').Gutter];
     align: import('./type').GridRowAlign;
+    gutter: import('./type').GridRowGutter | [import('./type').GridRowGutter, import('./type').GridRowGutter];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Grid/GridRow.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const t=require("./hooks/useContext.js"),o=e.defineComponent({name:"Row",__name:"GridRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},div:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0}},setup(o){const u=o,{div:s,wrap:n,justify:l,align:a}=e.toRefs(u),{breakpoint:i,gutter:d}=t.default().provide(u);return r.mediaQueryHandler(e=>{i.value=e}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(s),"yc-row-wrap":e.unref(n)&&!e.unref(s),[`yc-row-align-${e.unref(a)}`]:!e.unref(s),[`yc-row-justify-${e.unref(l)}`]:!e.unref(s)}]),style:e.normalizeStyle({margin:`0 ${e.unref(r.valueToPx)(-e.unref(d)[0]/2)}`})},[e.renderSlot(t.$slots,"default")],6))}});module.exports=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../_shared/utils/dom.js"),t=require("./hooks/useContext.js"),u=e.defineComponent({name:"Row",__name:"GridRow",props:{gutter:{default:0},justify:{default:"start"},align:{default:"start"},div:{type:Boolean,default:!1},wrap:{type:Boolean,default:!0}},setup(u){const o=u,{div:a,wrap:l,justify:n,align:s}=e.toRefs(o),{breakpoint:i,gutter:f}=t.default().provide(o);return r.mediaQueryHandler(e=>{i.value=e}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"yc-row":!e.unref(a),"yc-row-wrap":e.unref(l)&&!e.unref(a),[`yc-row-align-${e.unref(s)}`]:!e.unref(a),[`yc-row-justify-${e.unref(n)}`]:!e.unref(a)}]),style:e.normalizeStyle({margin:`0 ${e.unref(r.valueToPx)(-e.unref(f)[0]/2)}`})},[e.renderSlot(t.$slots,"default")],6))}});exports.default=u;

package/lib/Grid/GridRow.vue3.js

@@ -1 +1 @@
-"use strict";const e=require("./GridRow.vue.js");,/* empty css              */module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./GridRow.vue.js");,/* empty css              */exports.default=e.default;

package/lib/Grid/hooks/useContext.d.ts

@@ -1,6 +1,6 @@
 import { Ref, Reactive } from 'vue';
-import { BreakpointName, Gutter } from '../type';
-import { Props } from '../../_shared/type';
+import { GridRowGutter } from '../type';
+import { RecordType, BreakpointName } from '../../_shared/type';
 export declare const GRID_CONTEXT_KEY = "grid-context";
 export type GridContext = {
     breakpoint: Ref<BreakpointName>;
@@ -17,9 +17,9 @@ export type SpanMap = Map<string, {
     span: number;
     suffix: boolean;
 }>;
-export type GutterValue = Gutter | [Gutter, Gutter];
+export type GutterValue = GridRowGutter | [GridRowGutter, GridRowGutter];
 declare const _default: () => {
-    provide: (props: Props) => {
+    provide: (props: RecordType) => {
         breakpoint: Ref<BreakpointName, BreakpointName>;
         cols: import('vue').ComputedRef<number>;
         colGap: import('vue').ComputedRef<number>;

package/lib/Grid/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js");const r=require("../../_shared/utils/dom.js"),o=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../_shared/utils/locale.js");const a=require("../../node_modules/nanoid/index.browser.js"),t="grid-context";exports.GRID_CONTEXT_KEY=t,exports.default=()=>({provide:a=>{const{gutter:l=e.ref(0),cols:s=e.ref(24),rowGap:u=e.ref(0),colGap:i=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:p=e.ref(1),div:c=e.ref(!1)}=e.toRefs(a),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>r.getBreakpointValue(f.value,s.value,24)),g=e.computed(()=>r.getBreakpointValue(f.value,u.value)),m=e.computed(()=>r.getBreakpointValue(f.value,i.value,0)),_=e.computed(()=>o.isArray(l.value)?l.value.map(e=>r.getBreakpointValue(f.value,e,0)):[r.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:_,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:p}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:_}},inject:()=>{const r=e.inject(t,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=r;return{...r,collectSpan:(r,t)=>{const l=a.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:r.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../node_modules/nanoid/index.browser.js"),a=require("../../_shared/utils/is.js"),o=require("../../_shared/utils/dom.js"),t="grid-context";exports.GRID_CONTEXT_KEY=t,exports.default=()=>({provide:r=>{const{gutter:l=e.ref(0),cols:u=e.ref(24),rowGap:s=e.ref(0),colGap:p=e.ref(0),collapsed:n=e.ref(!1),collapsedRows:i=e.ref(1),div:c=e.ref(!1)}=e.toRefs(r),d=e.reactive(new Map),f=e.ref("xxl"),v=e.computed(()=>o.getBreakpointValue(f.value,u.value,24)),g=e.computed(()=>o.getBreakpointValue(f.value,s.value)),m=e.computed(()=>o.getBreakpointValue(f.value,p.value,0)),w=e.computed(()=>a.isArray(l.value)?l.value.map(e=>o.getBreakpointValue(f.value,e,0)):[o.getBreakpointValue(f.value,l.value,0),0]);return e.provide(t,{breakpoint:f,gutter:w,div:c,spanMap:d,cols:v,colGap:m,collapsed:n,collapsedRows:i}),{breakpoint:f,cols:v,colGap:m,rowGap:g,gutter:w}},inject:()=>{const a=e.inject(t,{gutter:e.ref([0,0]),breakpoint:e.ref("xs"),div:e.ref(!1),colGap:e.ref(0),cols:e.ref(24),collapsed:e.ref(!1),collapsedRows:e.ref(1),spanMap:new Map}),{spanMap:o}=a;return{...a,collectSpan:(a,t)=>{const l=r.nanoid();return e.watchEffect(()=>{o.set(l,{id:l,suffix:t.value,span:a.value})}),e.onBeforeUnmount(()=>{o.delete(l)}),{id:l}}}}});