yc-design-vue 1.1.9 → 1.2.0

package/lib/Button/Button.vue.d.ts

@@ -28,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     status: import('./type').ButtonStatus;
     long: boolean;
     htmlType: import('./type').ButtonHtmlType;
+    autofocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/Button/Button.vue.js

@@ -1 +1 @@
-"use strict";const e=require("./Button.vue2.js");;/* empty css             */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-2327bc3e"]]);module.exports=t;
+"use strict";const e=require("./Button.vue2.js");;/* empty css             */const t=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-1536384b"]]);module.exports=t;

package/lib/Button/Button.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("../Spin/index.js"),n=["href"],l={key:0,class:"yc-button-icon"},u=["type","disabled"],s={key:0,class:"yc-button-icon"},c=e.defineComponent({name:"Button",__name:"Button",props:{type:{default:void 0},shape:{default:void 0},status:{default:void 0},size:{default:void 0},long:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},htmlType:{default:"button"},href:{default:""}},emits:["mousedown","mouseup","click","dblclick","contextmenu"],setup(c,{emit:a}){const i=e.useSlots(),d=c,r=a,{loading:p,disabled:k,type:m,status:y,shape:f,long:b}=e.toRefs(d),{size:v,disabled:B,type:h,status:$,shape:g}=o().inject(d),x=e.computed(()=>["yc-button",`yc-button-size-${v.value}`,`yc-button-${h.value}`,`yc-button-status-${$.value}`,`yc-button-shape-${g.value}`,{"yc-button-long":b.value,"yc-button-loading":p.value,"yc-button-disabled":B.value,"yc-button-only-icon":!i.default}]),C=(e,o)=>{B.value||p.value||r(e,o)};return(o,c)=>o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,href:o.href,class:x.value},o.$attrs,{onMousedown:c[0]||(c[0]=e=>C("mousedown",e)),onMouseup:c[1]||(c[1]=e=>C("mouseup",e)),onClick:c[2]||(c[2]=e=>C("click",e)),onDblclick:c[3]||(c[3]=e=>C("dblclick",e)),onContextmenu:c[4]||(c[4]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",l,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,n)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:o.htmlType,disabled:e.unref(B),class:x.value},o.$attrs,{onMousedown:c[5]||(c[5]=e=>C("mousedown",e)),onMouseup:c[6]||(c[6]=e=>C("mouseup",e)),onClick:c[7]||(c[7]=e=>C("click",e)),onDblclick:c[8]||(c[8]=e=>C("dblclick",e)),onContextmenu:c[9]||(c[9]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",s,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,u))}});module.exports=c;
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("../Spin/index.js"),n=["href","autofocus"],u={key:0,class:"yc-button-icon"},l=["type","disabled","autofocus"],s={key:0,class:"yc-button-icon"},c=e.defineComponent({name:"Button",__name:"Button",props:{type:{default:void 0},shape:{default:void 0},status:{default:void 0},size:{default:void 0},long:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:void 0},htmlType:{default:"button"},autofocus:{type:Boolean,default:!1},href:{default:""}},emits:["mousedown","mouseup","click","dblclick","contextmenu"],setup(c,{emit:a}){const i=e.useSlots(),d=c,r=a,{loading:p,disabled:f,type:k,status:y,shape:m,long:b}=e.toRefs(d),{size:v,disabled:B,type:h,status:$,shape:g}=o().inject(d),x=e.computed(()=>["yc-button",`yc-button-size-${v.value}`,`yc-button-${h.value}`,`yc-button-status-${$.value}`,`yc-button-shape-${g.value}`,{"yc-button-long":b.value,"yc-button-loading":p.value,"yc-button-disabled":B.value,"yc-button-only-icon":!i.default}]),C=(e,o)=>{B.value||p.value||r(e,o)};return(o,c)=>o.href?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,href:o.href,class:x.value,autofocus:o.autofocus},o.$attrs,{onMousedown:c[0]||(c[0]=e=>C("mousedown",e)),onMouseup:c[1]||(c[1]=e=>C("mouseup",e)),onClick:c[2]||(c[2]=e=>C("click",e)),onDblclick:c[3]||(c[3]=e=>C("dblclick",e)),onContextmenu:c[4]||(c[4]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",u,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,n)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:o.htmlType,disabled:e.unref(B),class:x.value,autofocus:o.autofocus},o.$attrs,{onMousedown:c[5]||(c[5]=e=>C("mousedown",e)),onMouseup:c[6]||(c[6]=e=>C("mouseup",e)),onClick:c[7]||(c[7]=e=>C("click",e)),onDblclick:c[8]||(c[8]=e=>C("dblclick",e)),onContextmenu:c[9]||(c[9]=e=>C("contextmenu",e))}),[o.$slots.icon||e.unref(p)?(e.openBlock(),e.createElementBlock("span",s,[e.unref(p)?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(o.$slots,"icon",{key:1},void 0,!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],16,l))}});module.exports=c;

package/lib/Button/index.d.ts

@@ -27,6 +27,7 @@ declare const Button: {
         status: import('./type').ButtonStatus;
         long: boolean;
         htmlType: import('./type').ButtonHtmlType;
+        autofocus: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -50,6 +51,7 @@ declare const Button: {
         status: import('./type').ButtonStatus;
         long: boolean;
         htmlType: import('./type').ButtonHtmlType;
+        autofocus: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -76,6 +78,7 @@ declare const Button: {
     status: import('./type').ButtonStatus;
     long: boolean;
     htmlType: import('./type').ButtonHtmlType;
+    autofocus: 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').ButtonSlots> & import('./type').ButtonSlots;
 }) & {

package/lib/Button/type.d.ts

@@ -9,6 +9,7 @@ export interface ButtonProps {
     loading?: boolean;
     disabled?: boolean;
     htmlType?: ButtonHtmlType;
+    autofocus?: boolean;
     href?: string;
 }
 export interface ButtonEmits {

package/lib/Divider/index.d.ts

@@ -7,7 +7,7 @@ declare const Divider: {
         size: number;
         type: import('./type').DividerType;
         direction: import('..').Direction;
-        margin: number;
+        margin: number | string;
         orientation: import('./type').Orientation;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -20,7 +20,7 @@ declare const Divider: {
         size: number;
         type: import('./type').DividerType;
         direction: import('..').Direction;
-        margin: number;
+        margin: number | string;
         orientation: import('./type').Orientation;
     }>;
     __isFragment?: never;
@@ -30,7 +30,7 @@ declare const Divider: {
     size: number;
     type: import('./type').DividerType;
     direction: import('..').Direction;
-    margin: number;
+    margin: number | string;
     orientation: import('./type').Orientation;
 }, {}, 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').DividerSlots> & import('./type').DividerSlots;

package/lib/Divider/index.vue.d.ts

@@ -10,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {
     size: number;
     type: import('./type').DividerType;
     direction: import('..').Direction;
-    margin: number;
+    margin: number | string;
     orientation: import('./type').Orientation;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/Divider/index.vue.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-a009a00c"]]);module.exports=r;
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-5d3da063"]]);module.exports=r;

package/lib/Divider/type.d.ts

@@ -5,7 +5,7 @@ export interface DividerProps {
     orientation?: Orientation;
     type?: DividerType;
     size?: number;
-    margin?: number;
+    margin?: number | string;
 }
 export interface DividerSlots {
     default?: () => VNode[];

package/lib/Space/index.d.ts

@@ -4,7 +4,7 @@ export type SpaceInstance = InstanceType<typeof _Space>;
 export * from './type';
 declare const Space: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        size: import('..').Size | number;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
         wrap: boolean;
         direction: import('..').Direction;
@@ -17,7 +17,7 @@ declare const Space: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: import('..').Size | number;
+        size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
         fill: boolean;
         wrap: boolean;
         direction: import('..').Direction;
@@ -27,7 +27,7 @@ declare const Space: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').SpaceProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: import('..').Size | number;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
     wrap: boolean;
     direction: import('..').Direction;

package/lib/Space/index.vue.d.ts

@@ -7,7 +7,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SpaceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
-    size: import('..').Size | number;
+    size: import('./type').SpaceSize | [import('./type').SpaceSize, import('./type').SpaceSize];
     fill: boolean;
     wrap: boolean;
     direction: import('..').Direction;

package/lib/Space/index.vue.js

@@ -1 +1 @@
-"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7a9a36b0"]]);module.exports=r;
+"use strict";const e=;/* empty css            */;/* empty css            */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4f9e1543"]]);module.exports=r;

package/lib/Space/index.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const s={class:"yc-space-item"},a={key:0,class:"yc-space-split"},r=e.defineComponent({name:"Space",__name:"index",props:{align:{default:void 0},direction:{default:"horizontal"},wrap:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},size:{default:"small"}},setup(r){const n=e.useSlots(),i=r,{size:c,direction:u,align:d}=e.toRefs(i),m=e.computed(()=>l.valueToPx(t.isNumber(c.value)?c.value:{mini:4,small:8,medium:16,large:24}[c.value])),p=e.computed(()=>t.isUndefined(d.value)?"horizontal"==u.value?"center":"start":d.value),v=e.computed(()=>{var l;if(!n.split)return[];const t=[];return((null==(l=n.default)?void 0:l.call(n))||[]).forEach(l=>{l.type===e.Fragment?t.push(...l.children):l.type!==e.Comment&&t.push(l)}),t});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-space",`yc-space-align-${p.value}`,`yc-space-direction-${e.unref(u)}`,{"yc-space-wrap":l.wrap,"yc-space-fill":l.fill}]),style:e.normalizeStyle({gap:m.value})},[l.$slots.split?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[e.createElementVNode("div",s,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t))))]),r<v.value.length-1?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(l.$slots,"split",{},void 0,!0)])):e.createCommentVNode("",!0)],64))),128))],6))}});module.exports=r;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                               */const a={class:"yc-space-item"},s={key:0,class:"yc-space-split"},r=e.defineComponent({name:"Space",__name:"index",props:{align:{default:void 0},direction:{default:"horizontal"},wrap:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},size:{default:"small"}},setup(r){const n=e.useSlots(),i=r,{size:c,direction:u,align:d}=e.toRefs(i),m=e.computed(()=>{const e={mini:4,small:8,medium:16,large:24};return t.isNumber(c.value)?l.valueToPx(c.value):t.isArray(c.value)?c.value.map(e=>l.valueToPx(e)).join(" "):l.valueToPx(e[c.value])}),p=e.computed(()=>t.isUndefined(d.value)?"horizontal"==u.value?"center":"start":d.value),v=e.computed(()=>{var l;if(!n.split)return[];const t=[];return((null==(l=n.default)?void 0:l.call(n))||[]).forEach(l=>{l.type===e.Fragment?t.push(...l.children):l.type!==e.Comment&&t.push(l)}),t});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-space",`yc-space-align-${p.value}`,`yc-space-direction-${e.unref(u)}`,{"yc-space-wrap":l.wrap,"yc-space-fill":l.fill}]),style:e.normalizeStyle({gap:m.value})},[l.$slots.split?e.createCommentVNode("",!0):e.renderSlot(l.$slots,"default",{key:0},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[e.createElementVNode("div",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o.getSlotFunction)(t))))]),r<v.value.length-1?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(l.$slots,"split",{},void 0,!0)])):e.createCommentVNode("",!0)],64))),128))],6))}});module.exports=r;

package/lib/Space/type.d.ts

@@ -5,10 +5,11 @@ export interface SpaceProps {
     direction?: Direction;
     wrap?: boolean;
     fill?: boolean;
-    size?: Size | number;
+    size?: SpaceSize | [SpaceSize, SpaceSize];
 }
 export interface SpaceSlots {
     default?: () => VNode[];
     split?: () => VNode[];
 }
 export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export type SpaceSize = Size | number;