yc-design-vue 1.0.1

package/lib/Progress/Progress.vue.d.ts

@@ -0,0 +1,34 @@
+import { ProgressProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    size: import('..').Size;
+    type: import('./type').ProgressType;
+    animation: boolean;
+    status: import('./type').ProgressStatus;
+    showText: boolean;
+    percent: number;
+    steps: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Progress/Progress.vue.js

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

package/lib/Progress/Progress.vue2.js

@@ -0,0 +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/global-config.js"),o=require("./ProgressLine.vue.js"),r=require("./ProgressSteps.vue.js");;/* empty css                    */const s=require("./ProgressCircle.vue.js"),l=e.defineComponent({name:"Progress",__name:"Progress",props:{type:{default:"line"},size:{default:void 0},percent:{default:0},steps:{default:0},animation:{type:Boolean,default:!1},strokeWidth:{},width:{},color:{},trackColor:{},showText:{type:Boolean,default:!0},status:{default:"normal"}},setup(l){const a=l,{steps:i,percent:u,width:c,type:n,status:d,strokeWidth:p}=e.toRefs(a),{size:h}=t.getGlobalConfig(a),v=e.computed(()=>i.value>0?"steps":n.value),k=e.computed(()=>d.value||(u.value>=1?"success":"normal")),x=e.computed(()=>`${(100*u.value).toFixed(0)}%`),m=e.computed(()=>{if("steps"==v.value||"line"==v.value&&"mini"!=h.value)return c.value;return c.value??{mini:16,small:48,medium:64,large:80}[h.value]});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-progress",`yc-progress-type-${v.value}`,`yc-progress-size-${e.unref(h)}`,`yc-progress-status-${k.value}`])},[e.unref(i)>0?(e.openBlock(),e.createBlock(r,{key:0,percent:e.unref(u),size:e.unref(h),width:m.value,"stroke-width":t.strokeWidth,text:x.value,"show-text":t.showText,color:t.color,"track-color":t.trackColor,steps:e.unref(i)},e.createSlots({_:2},[t.$slots.text?{name:"text",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"text",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"0"}:void 0]),1032,["percent","size","width","stroke-width","text","show-text","color","track-color","steps"])):"line"===v.value&&"mini"!==e.unref(h)?(e.openBlock(),e.createBlock(o,{key:1,width:m.value,size:e.unref(h),"stroke-width":t.strokeWidth,color:t.color,"track-color":t.trackColor,text:x.value,"show-text":t.showText,percent:e.unref(u),status:k.value},e.createSlots({_:2},[t.$slots.text?{name:"text",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"text",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"0"}:void 0]),1032,["width","size","stroke-width","color","track-color","text","show-text","percent","status"])):(e.openBlock(),e.createBlock(s,{key:2,type:v.value,percent:e.unref(u),width:m.value,"stroke-width":"line"===v.value?t.strokeWidth||4:t.strokeWidth,"path-stroke-width":"line"===v.value?t.strokeWidth||4:t.strokeWidth,size:e.unref(h),"show-text":t.showText,text:x.value,color:t.color,"track-color":t.trackColor,status:k.value},e.createSlots({_:2},[t.$slots.text?{name:"text",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"text",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"0"}:void 0]),1032,["type","percent","width","stroke-width","path-stroke-width","size","show-text","text","color","track-color","status"]))],2))}});module.exports=l;

package/lib/Progress/ProgressCircle.vue.d.ts

@@ -0,0 +1,34 @@
+import { ProgressColor, ProgressStatus } from './type';
+import { Size } from '../_shared/type';
+type __VLS_Props = {
+    type: string;
+    percent: number;
+    status?: ProgressStatus;
+    size: Size;
+    text: string;
+    showText: boolean;
+    width: number;
+    strokeWidth?: number;
+    pathStrokeWidth?: number;
+    color?: ProgressColor;
+    trackColor?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Progress/ProgressCircle.vue.js

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

package/lib/Progress/ProgressCircle.vue2.js

@@ -0,0 +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"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("../_shared/icons/IconCheck.vue.js"),t=require("../_shared/icons/IconExclamation.vue2.js"),s=require("../_shared/constants/index.js"),c=["aria-valuenow"],a=["viewBox"],n={key:0},u=["id"],i=["offset","stop-color"],m=["cx","cy","r","stroke-width"],d=["cx","cy","r","stroke-width"],p={key:2,class:e.normalizeClass("yc-progress-circle-text")},k=e.defineComponent({__name:"ProgressCircle",props:{type:{},percent:{},status:{},size:{},text:{},showText:{type:Boolean},width:{},strokeWidth:{},pathStrokeWidth:{},color:{},trackColor:{}},setup(k){const v=k,{size:y,width:f,color:h,strokeWidth:x,pathStrokeWidth:B}=e.toRefs(v);let _=0;const g=e.computed(()=>l.isObject(h.value)),C=e.computed(()=>x.value??("mini"===y.value?f.value/2:{mini:4,small:3,medium:4,large:4}[y.value])),E=e.computed(()=>B.value?B.value:"mini"===y.value?C.value:Math.max(2,C.value-2)),w=e.computed(()=>(f.value-C.value)/2),j=e.computed(()=>2*Math.PI*w.value),z=e.computed(()=>f.value/2),O=e.computed(()=>(_+=1,`yc-progress-circle-linear-gradient-${_}`));return(k,v)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":k.percent,class:e.normalizeClass("yc-progress-circle-wrapper"),style:e.normalizeStyle({width:e.unref(r.valueToPx)(e.unref(f)),height:e.unref(r.valueToPx)(e.unref(f))})},["circle"===k.type&&"mini"===e.unref(y)&&"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:0,style:e.normalizeStyle({fontSize:e.unref(f)-2,color:e.unref(h)??e.unref(s.TYPE_ICON_COLOR_MAP).success})},null,8,["style"])):(e.openBlock(),e.createElementBlock("svg",{key:1,viewBox:`0 0 ${e.unref(f)} ${e.unref(f)}`,class:e.normalizeClass("yc-progress-circle-svg")},[e.unref(l.isObject)(e.unref(h))?(e.openBlock(),e.createElementBlock("defs",n,[e.createElementVNode("linearGradient",{id:O.value,x1:"0",y1:"1",x2:"0",y2:"0"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(e.unref(h)),r=>(e.openBlock(),e.createElementBlock("stop",{key:r,offset:r,"stop-color":e.unref(h)[r]},null,8,i))),128))],8,u)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bg"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":E.value,style:e.normalizeStyle({stroke:k.trackColor})},null,12,m),e.createElementVNode("circle",{class:e.normalizeClass("yc-progress-circle-bar"),fill:"none",cx:z.value,cy:z.value,r:w.value,"stroke-width":C.value,style:e.normalizeStyle({stroke:g.value?`url(#${O.value})`:e.unref(h),strokeDasharray:j.value,strokeDashoffset:(k.percent>=1?0:1-k.percent)*j.value})},null,12,d)],8,a)),k.showText&&"mini"!==e.unref(y)?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(k.$slots,"text",{percent:k.percent},()=>["danger"===k.status?(e.openBlock(),e.createBlock(e.unref(t),{key:0,color:e.unref(s.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):"success"===k.status?(e.openBlock(),e.createBlock(e.unref(o),{key:1,color:e.unref(s.TYPE_ICON_COLOR_MAP).success},null,8,["color"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(k.text),1)],64))],!0)])):e.createCommentVNode("",!0)],12,c))}});module.exports=k;

package/lib/Progress/ProgressLine.vue.d.ts

@@ -0,0 +1,32 @@
+import { ProgressColor, ProgressStatus } from './type';
+import { Size } from '../_shared/type';
+type __VLS_Props = {
+    size: Size;
+    percent: number;
+    status?: ProgressStatus;
+    showText: boolean;
+    text: string;
+    width?: number;
+    strokeWidth?: number;
+    color?: ProgressColor;
+    trackColor?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Progress/ProgressLine.vue.js

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

package/lib/Progress/ProgressLine.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");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 s=["aria-valuenow"],l={key:0,class:"yc-progress-line-text"},a=e.defineComponent({__name:"ProgressLine",props:{size:{},percent:{},status:{},showText:{type:Boolean},text:{},width:{},strokeWidth:{},color:{},trackColor:{}},setup(a){const n=a,{width:i,trackColor:u,color:c,percent:d,size:m,strokeWidth:p}=e.toRefs(n),v=e.computed(()=>p.value??{small:3,medium:4,large:8}[m.value]),g=e.computed(()=>({width:o.valueToPx(i.value),height:o.valueToPx(v.value),backgroundColor:u.value})),h=e.computed(()=>({width:100*d.value+"%",...y(c.value)})),y=e=>{if(t.isObject(e)){return{backgroundImage:`linear-gradient(to right, ${Object.keys(e).map(r=>`${e[r]} ${r}`).join(",")})`}}return{backgroundColor:e}};return(o,t)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(d),class:"yc-progress-line-wrapper"},[e.createElementVNode("div",{class:"yc-progress-line",style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:"yc-progress-line-bar",style:e.normalizeStyle(h.value)},null,4)],4),o.showText?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(o.$slots,"text",{percent:e.unref(d)},()=>[e.createElementVNode("span",null,e.toDisplayString(o.text),1),"danger"===o.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).warning),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).error},null,8,["color"])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)],8,s))}});module.exports=a;

package/lib/Progress/ProgressSteps.vue.d.ts

@@ -0,0 +1,32 @@
+import { ProgressColor } from './type';
+import { Size } from '../_shared/type';
+type __VLS_Props = {
+    steps: number;
+    percent: number;
+    size: Size;
+    text: string;
+    showText: boolean;
+    color?: ProgressColor;
+    trackColor?: string;
+    strokeWidth?: number;
+    status?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Progress/ProgressSteps.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("../_shared/constants/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const s=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=["aria-valuenow"],o={key:0,class:"yc-progress-steps-text"},l=e.defineComponent({__name:"ProgressSteps",props:{steps:{},percent:{},size:{},text:{},showText:{type:Boolean},color:{},trackColor:{},strokeWidth:{},status:{}},setup(l){const a=l,{steps:n,percent:c,size:i,strokeWidth:u}=e.toRefs(a),p=e.computed(()=>u.value??("small"==i.value?8:4)),m=e.computed(()=>Array(n.value).fill(0).map((e,r)=>c.value>0&&c.value>1/n.value*r));return(l,a)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e.unref(c),class:"yc-progress-steps-wrapper"},[e.createElementVNode("div",{class:"yc-progress-steps",style:e.normalizeStyle({height:e.unref(s.valueToPx)(p.value)})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["yc-progress-steps-item",{"yc-progress-steps-item-active":r}]),style:e.normalizeStyle({backgroundColor:r?l.color:l.trackColor})},null,6))),128))],4),l.showText?(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(l.$slots,"text",{percent:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(l.text)+" ",1),"danger"===l.status?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.TYPE_ICON_MAP).danger),{key:0,color:e.unref(r.TYPE_ICON_COLOR_MAP).danger},null,8,["color"])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],8,t))}});module.exports=l;

package/lib/Progress/ProgressSteps.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ProgressSteps.vue.js");,/* empty css                    */module.exports=e;

package/lib/Progress/index.d.ts

@@ -0,0 +1,61 @@
+import { App } from 'vue';
+import { default as _Progress } from './Progress.vue';
+export type ProgressInstance = InstanceType<typeof _Progress>;
+export * from './type';
+declare const Progress: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ProgressProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: import('..').Size;
+        type: import('./type').ProgressType;
+        animation: boolean;
+        status: import('./type').ProgressStatus;
+        showText: boolean;
+        percent: number;
+        steps: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ProgressProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: import('..').Size;
+        type: import('./type').ProgressType;
+        animation: boolean;
+        status: import('./type').ProgressStatus;
+        showText: boolean;
+        percent: number;
+        steps: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ProgressProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: import('..').Size;
+    type: import('./type').ProgressType;
+    animation: boolean;
+    status: import('./type').ProgressStatus;
+    showText: boolean;
+    percent: number;
+    steps: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcProgress: typeof Progress;
+    }
+}
+export default Progress;

package/lib/Progress/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Progress.vue.js"),s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;

package/lib/Progress/type.d.ts

@@ -0,0 +1,17 @@
+import { Size } from '../_shared/type';
+export interface ProgressProps {
+    type?: ProgressType;
+    size?: Size;
+    percent?: number;
+    steps?: number;
+    animation?: boolean;
+    strokeWidth?: number;
+    width?: number;
+    color?: ProgressColor;
+    trackColor?: string;
+    showText?: boolean;
+    status?: ProgressStatus;
+}
+export type ProgressType = 'line' | 'circle';
+export type ProgressColor = string | Record<string, string>;
+export type ProgressStatus = 'normal' | 'success' | 'warning' | 'danger';

package/lib/Radio/Radio.vue.d.ts

@@ -0,0 +1,28 @@
+import { RadioProps, RadioSlots, RadioValue } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<RadioSlots> & RadioSlots;
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: RadioValue, ev: Event) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<RadioProps> & Readonly<{
+    onChange?: ((value: RadioValue, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: RadioValue;
+    type: import('./type').RadioType;
+    defaultChecked: boolean;
+    modelValue: RadioValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Radio/Radio.vue.js

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

package/lib/Radio/Radio.vue2.js

@@ -0,0 +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 a=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js"),o=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const t=["value","checked","disabled"],u={key:0,class:"yc-radio-label text-ellipsis"},d={key:1,class:"yc-radio-button-content"},r=e.defineComponent({name:"Radio",__name:"Radio",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:!0},type:{default:void 0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(r,{emit:s}){const n=r,c=s,{modelValue:i,defaultChecked:v,value:m,disabled:p,type:y}=e.toRefs(n),{computedValue:h,disabled:k,type:b,size:f,hasGroup:B,emits:_}=l().inject(),j=a(i,v.value,e=>{c("update:modelValue",e)}),q=e.computed(()=>B.value?h.value==m.value:j.value),V=e.computed(()=>k.value||p.value),C=e.computed(()=>y.value??b.value),E=e=>{V.value||(B.value?h.value=m.value:(j.value=m.value,c("change",m.value,e)))};return(a,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([`yc-radio-button-size-${e.unref(f)}`,"yc-radio"+("radio"==C.value?"":"-button"),"yc-radio-"+(q.value?"checked":"unchecked"),{"yc-radio-disabled":V.value}]),onClick:E},[e.createElementVNode("input",{type:"radio",class:"yc-radio-target",value:a.value,checked:q.value,disabled:V.value},null,8,t),e.renderSlot(a.$slots,"radio",{checked:q.value,disabled:V.value},()=>["radio"==C.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(o),{"hover-size":24,"hover-color":q.value||V.value?"transparent":"rgb(242, 243, 245)"},{default:e.withCtx(()=>l[0]||(l[0]=[e.createElementVNode("span",{class:"yc-radio-icon"},null,-1)])),_:1,__:[0]},8,["hover-color"]),a.$slots.default?(e.openBlock(),e.createElementBlock("span",u,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("span",d,[e.renderSlot(a.$slots,"default",{},void 0,!0)]))],!0)],2))}});module.exports=r;

package/lib/Radio/RadioGroup.vue.d.ts

@@ -0,0 +1,30 @@
+import { RadioGroupProps, RadioGroupSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<RadioGroupSlots> & RadioGroupSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').RadioValue) => any;
+    "update:modelValue": (value: import('./type').RadioValue) => any;
+}, string, import('vue').PublicProps, Readonly<RadioGroupProps> & Readonly<{
+    onChange?: ((value: import('./type').RadioValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    type: import('./type').RadioType;
+    direction: import('..').Direction;
+    modelValue: import('./type').RadioValue;
+    defaultValue: import('./type').RadioValue;
+    options: import('./type').RadioOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Radio/RadioGroup.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("./Radio.vue.js"),r=e.defineComponent({name:"RadioGroup",__name:"RadioGroup",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultValue:{type:[String,Number,Boolean],default:""},size:{default:void 0},type:{default:"radio"},options:{default:()=>[]},direction:{default:"horizontal"},disabled:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(r,{emit:a}){const l=r,d=a,{options:i}=o().provide(l,d);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["radio"==o.type?"yc-radio-group":"yc-radio-button-group","radio"==o.type?`yc-radio-group-direction-${o.direction}`:`yc-radio-button-group-size-${o.size}`])},[e.renderSlot(o.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(r,a)=>(e.openBlock(),e.createBlock(t,{key:a,value:r.value,disabled:r.disabled},e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"label",{data:r},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])]),_:2},[o.$slots.radio?{name:"radio",fn:e.withCtx(t=>[e.renderSlot(o.$slots,"radio",e.mergeProps({ref_for:!0},t))]),key:"0"}:void 0]),1032,["value","disabled"]))),128))],2))}});module.exports=r;

package/lib/Radio/RadioGroup.vue3.js

@@ -0,0 +1 @@
+"use strict";const e=require("./RadioGroup.vue.js");,/* empty css                 */module.exports=e;

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

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+import { RadioType, RadioGroupEmits, RadioValue, RadioOption } from '../type';
+import { Size, Props } from '../../_shared/type';
+interface RadioContext {
+    computedValue: Ref<RadioValue | undefined>;
+    type: Ref<RadioType>;
+    disabled: Ref<boolean>;
+    size: Ref<Size>;
+    hasGroup: Ref<boolean>;
+    emits: RadioGroupEmits;
+}
+declare const _default: () => {
+    provide: (props: Props, emits: RadioGroupEmits) => {
+        options: import('vue').ComputedRef<((RadioOption & Record<string, unknown>) | {
+            label: RadioOption;
+            value: RadioOption;
+        })[]>;
+    };
+    inject: () => RadioContext;
+};
+export default _default;

package/lib/Radio/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const s=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js");const r=require("../../_shared/utils/global-config.js"),i=require("../../_shared/utils/control.js"),o="radio-group-context";module.exports=()=>({provide:(t,u)=>{const{modelValue:l,defaultValue:d,disabled:a,type:c,options:n}=e.toRefs(t),{size:p}=r.getGlobalConfig(t),m=i(l,d.value,e=>{u("update:modelValue",e),u("change",e)}),f=e.computed(()=>n.value.map(e=>s.isObject(e)?e:{label:e,value:e}));return e.provide(o,{computedValue:m,type:c,disabled:a,size:p,hasGroup:e.ref(!0),emits:u}),{options:f}},inject:()=>e.inject(o,{computedValue:e.ref(void 0),disabled:e.ref(!1),type:e.ref("radio"),size:e.ref("medium"),hasGroup:e.ref(!1),emits:()=>{}})});

package/lib/Radio/index.d.ts

@@ -0,0 +1,118 @@
+import { App } from 'vue';
+import { default as _Radio } from './Radio.vue';
+import { default as _RadioGroup } from './RadioGroup.vue';
+export type RadioInstance = InstanceType<typeof _Radio>;
+export type RadioGroupInstance = InstanceType<typeof _RadioGroup>;
+export * from './type';
+declare const Radio: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').RadioProps> & Readonly<{
+        onChange?: ((value: import('./type').RadioValue, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('./type').RadioValue, ev: Event) => any;
+        "update:modelValue": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        value: import('./type').RadioValue;
+        type: import('./type').RadioType;
+        defaultChecked: boolean;
+        modelValue: import('./type').RadioValue;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLabelElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').RadioProps> & Readonly<{
+        onChange?: ((value: import('./type').RadioValue, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        value: import('./type').RadioValue;
+        type: import('./type').RadioType;
+        defaultChecked: boolean;
+        modelValue: import('./type').RadioValue;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').RadioProps> & Readonly<{
+    onChange?: ((value: import('./type').RadioValue, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').RadioValue, ev: Event) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, {
+    disabled: boolean;
+    value: import('./type').RadioValue;
+    type: import('./type').RadioType;
+    defaultChecked: boolean;
+    modelValue: import('./type').RadioValue;
+}, {}, 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').RadioSlots> & import('./type').RadioSlots;
+}) & {
+    group: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').RadioGroupProps> & Readonly<{
+            onChange?: ((value: import('./type').RadioValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (value: import('./type').RadioValue) => any;
+            "update:modelValue": (value: import('./type').RadioValue) => any;
+        }, import('vue').PublicProps, {
+            size: import('..').Size;
+            disabled: boolean;
+            type: import('./type').RadioType;
+            direction: import('..').Direction;
+            modelValue: import('./type').RadioValue;
+            defaultValue: import('./type').RadioValue;
+            options: import('./type').RadioOption[];
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').RadioGroupProps> & Readonly<{
+            onChange?: ((value: import('./type').RadioValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            size: import('..').Size;
+            disabled: boolean;
+            type: import('./type').RadioType;
+            direction: import('..').Direction;
+            modelValue: import('./type').RadioValue;
+            defaultValue: import('./type').RadioValue;
+            options: import('./type').RadioOption[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').RadioGroupProps> & Readonly<{
+        onChange?: ((value: import('./type').RadioValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').RadioValue) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('./type').RadioValue) => any;
+        "update:modelValue": (value: import('./type').RadioValue) => any;
+    }, string, {
+        size: import('..').Size;
+        disabled: boolean;
+        type: import('./type').RadioType;
+        direction: import('..').Direction;
+        modelValue: import('./type').RadioValue;
+        defaultValue: import('./type').RadioValue;
+        options: import('./type').RadioOption[];
+    }, {}, 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').RadioGroupSlots> & import('./type').RadioGroupSlots;
+    });
+    install: (app: App) => void;
+};
+export { _RadioGroup as RadioGroup };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcRadio: typeof Radio;
+        YcRadioGroup: typeof _RadioGroup;
+    }
+}
+export default Radio;

package/lib/Radio/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Radio.vue.js"),o=require("./RadioGroup.vue.js");;/* empty css                 */const r=Object.assign(e,{group:o,install:r=>{r.component("Yc"+e.name,e),r.component("Yc"+o.name,o)}});exports.RadioGroup=o,exports.default=r;

package/lib/Radio/type.d.ts

@@ -0,0 +1,49 @@
+import { Direction, Size, ObjectData } from '../_shared/type';
+export interface RadioProps {
+    modelValue?: RadioValue;
+    defaultChecked?: boolean;
+    value?: RadioValue;
+    type?: RadioType;
+    disabled?: boolean;
+}
+export interface RadioEmits {
+    (e: 'update:modelValue', value: boolean): void;
+    (e: 'change', value: RadioValue, ev: Event): void;
+}
+export interface RadioSlots {
+    default(): void;
+    radio(scope: {
+        checked: boolean;
+        disabled: boolean;
+    }): void;
+}
+export interface RadioGroupProps {
+    modelValue?: RadioValue;
+    defaultValue?: RadioValue;
+    size?: Size;
+    type?: RadioType;
+    options?: RadioOption[];
+    direction?: Direction;
+    disabled?: boolean;
+}
+export interface RadioGroupEmits {
+    (e: 'update:modelValue', value: RadioValue): void;
+    (e: 'change', value: RadioValue): void;
+}
+export interface RadioGroupSlots {
+    default(): void;
+    radio(scope: {
+        checked: boolean;
+        disabled: boolean;
+    }): void;
+    label(scope: {
+        data: ObjectData;
+    }): void;
+}
+export type RadioOption = (RadioValue | {
+    label?: string;
+    value: RadioValue;
+    disabled?: boolean;
+})[];
+export type RadioValue = string | number | boolean;
+export type RadioType = 'radio' | 'button';

package/lib/Rate/index.d.ts

@@ -0,0 +1,74 @@
+import { App } from 'vue';
+import { default as _Rate } from './index.vue';
+export type RateInstance = InstanceType<typeof _Rate>;
+export * from './type';
+declare const Rate: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').RateProps> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        "onHover-change"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: number) => any;
+        "update:modelValue": (value: number) => any;
+        "hover-change": (value: number) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        color: string | Record<number, string>;
+        modelValue: number;
+        defaultValue: number;
+        readonly: boolean;
+        count: number;
+        allowHalf: boolean;
+        grading: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').RateProps> & Readonly<{
+        onChange?: ((value: number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        "onHover-change"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        color: string | Record<number, string>;
+        modelValue: number;
+        defaultValue: number;
+        readonly: boolean;
+        count: number;
+        allowHalf: boolean;
+        grading: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').RateProps> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onHover-change"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+    "hover-change": (value: number) => any;
+}, string, {
+    disabled: boolean;
+    color: string | Record<number, string>;
+    modelValue: number;
+    defaultValue: number;
+    readonly: boolean;
+    count: number;
+    allowHalf: boolean;
+    grading: 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').RateSlots> & import('./type').RateSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcRate: typeof Rate;
+    }
+}
+export default Rate;

package/lib/Rate/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index.vue.js"),s=Object.assign(e,{install:s=>{s.component("Yc"+e.name,e)}});module.exports=s;