yc-design-vue 1.0.1

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

@@ -0,0 +1,33 @@
+import { RateProps, RateSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<RateSlots> & RateSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+    "hover-change": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<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;
+}, {}, {}, {}, 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/Rate/index.vue.js

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

package/lib/Rate/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("../_shared/icons/IconFaceSmile.vue.js"),o=require("../_shared/icons/IconStar.vue.js"),t=require("../_shared/utils/control.js"),n=["onClick","onMouseenter"],u=["onClick","onMouseenter"],c=e.defineComponent({name:"Rate",__name:"index",props:{count:{default:5},modelValue:{default:void 0},defaultValue:{default:0},allowHalf:{type:Boolean,default:!1},allowClear:{type:Boolean},grading:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{default:"rgb(247, 186, 30)"}},emits:["update:modelValue","change","hover-change"],setup(c,{emit:s}){const i=c,d=s,{modelValue:v,defaultValue:f,readonly:m,disabled:y,count:k,allowClear:p,color:h}=e.toRefs(i),B=e.ref([]);let g=!1;const _=e.ref(0),j=t(v,f.value,e=>{d("update:modelValue",e)}),q=e.computed(()=>{var e;return a.isObject(h.value)?(null==(e=Object.entries(h.value).find(([e])=>_.value<=+e))?void 0:e[1])??"rgb(247, 186, 30)":h.value??"rgb(247, 186, 30)"}),C=async e=>{if(!(m.value||y.value||g)){j.value=p.value&&j.value==e?0:e,d("change",j.value),g=!0;for(let e=1;e<=k.value;e++){if(e>j.value)continue;const a=B.value[e];a.classList.add("yc-rate-character-scale"),await l.sleep(50),setTimeout(()=>{a.classList.remove("yc-rate-character-scale")},150)}g=!1}};let b;const V=e=>{m.value||y.value||(b&&clearTimeout(b),_.value=e,d("hover-change",e))},M=()=>{m.value||y.value||(b&&clearTimeout(b),b=setTimeout(()=>{_.value=0},100))};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-rate",{"yc-rate-disabled":e.unref(y),"yc-rate-readonly":e.unref(m)}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(k),a=>(e.openBlock(),e.createElementBlock("div",{key:a,class:"yc-rate-character",ref_for:!0,ref:e=>B.value[a]=e},[l.allowHalf?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-rate-character-left",style:e.normalizeStyle({color:a-.5<=e.unref(j)&&!_.value||a-.5<=_.value?q.value:""}),onClick:e.withModifiers(e=>C(a-.5),["stop"]),onMouseenter:e=>V(a-.5),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],44,n)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-rate-character-right",style:e.normalizeStyle({color:a<=e.unref(j)&&!_.value||a<=_.value?q.value:""}),onClick:e=>C(a),onMouseenter:e=>V(a),onMouseleave:M},[e.renderSlot(l.$slots,"character",{index:a},()=>[l.grading?(e.openBlock(),e.createBlock(e.unref(r),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))],!0)],44,u)]))),128))],2))}});module.exports=c;

package/lib/Rate/type.d.ts

@@ -0,0 +1,21 @@
+export interface RateProps {
+    count?: number;
+    modelValue?: number;
+    defaultValue?: number;
+    allowHalf?: boolean;
+    allowClear?: boolean;
+    grading?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    color?: string | Record<number, string>;
+}
+export interface RateEmits {
+    (e: 'update:modelValue', value: number): void;
+    (e: 'change', value: number): void;
+    (e: 'hover-change', value: number): void;
+}
+export interface RateSlots {
+    character(scope: {
+        index: number;
+    }): void;
+}

package/lib/ResizeBox/index.d.ts

@@ -0,0 +1,89 @@
+import { App } from 'vue';
+import { default as _ResizeBox } from './index.vue';
+export type ResizeBoxInstance = InstanceType<typeof _ResizeBox>;
+export * from './type';
+declare const ResizeBox: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ResizeBoxProps> & Readonly<{
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:height"?: ((value: number) => any) | undefined;
+        "onMoving-start"?: ((ev: MouseEvent) => any) | undefined;
+        onMoving?: ((size: {
+            width: number;
+            height: number;
+        }, ev: MouseEvent) => any) | undefined;
+        "onMoving-end"?: ((ev: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:width": (value: number) => any;
+        "update:height": (value: number) => any;
+        "moving-start": (ev: MouseEvent) => any;
+        moving: (size: {
+            width: number;
+            height: number;
+        }, ev: MouseEvent) => any;
+        "moving-end": (ev: MouseEvent) => any;
+    }, import('vue').PublicProps, {
+        width: number;
+        height: number;
+        component: string;
+        directions: import('./type').ResizeBoxDirection[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        boxRef: unknown;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ResizeBoxProps> & Readonly<{
+        "onUpdate:width"?: ((value: number) => any) | undefined;
+        "onUpdate:height"?: ((value: number) => any) | undefined;
+        "onMoving-start"?: ((ev: MouseEvent) => any) | undefined;
+        onMoving?: ((size: {
+            width: number;
+            height: number;
+        }, ev: MouseEvent) => any) | undefined;
+        "onMoving-end"?: ((ev: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        width: number;
+        height: number;
+        component: string;
+        directions: import('./type').ResizeBoxDirection[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ResizeBoxProps> & Readonly<{
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:height"?: ((value: number) => any) | undefined;
+    "onMoving-start"?: ((ev: MouseEvent) => any) | undefined;
+    onMoving?: ((size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any) | undefined;
+    "onMoving-end"?: ((ev: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:width": (value: number) => any;
+    "update:height": (value: number) => any;
+    "moving-start": (ev: MouseEvent) => any;
+    moving: (size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any;
+    "moving-end": (ev: MouseEvent) => any;
+}, string, {
+    width: number;
+    height: number;
+    component: string;
+    directions: import('./type').ResizeBoxDirection[];
+}, {}, 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').ResizeBoxSlots> & import('./type').ResizeBoxSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcResizeBox: typeof ResizeBox;
+    }
+}
+export default ResizeBox;

package/lib/ResizeBox/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;

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

@@ -0,0 +1,43 @@
+import { ResizeBoxProps, ResizeBoxSlots, ResizeBoxDirection } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ResizeBoxSlots> & ResizeBoxSlots;
+    refs: {
+        boxRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ResizeBoxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:width": (value: number) => any;
+    "update:height": (value: number) => any;
+    "moving-start": (ev: MouseEvent) => any;
+    moving: (size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any;
+    "moving-end": (ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ResizeBoxProps> & Readonly<{
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+    "onUpdate:height"?: ((value: number) => any) | undefined;
+    "onMoving-start"?: ((ev: MouseEvent) => any) | undefined;
+    onMoving?: ((size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any) | undefined;
+    "onMoving-end"?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    width: number;
+    height: number;
+    component: string;
+    directions: ResizeBoxDirection[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    boxRef: unknown;
+}, any>;
+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/ResizeBox/index.vue.js

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

package/lib/ResizeBox/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");const o=require("../_shared/utils/control.js");;/* empty css                          */const i=require("../_shared/icons/IconDragDot.vue.js"),l=["dir","onMousedown"],u={class:"yc-resizebox-trigger-icon-wrapper"},n=e.defineComponent({name:"ResizeBox",__name:"index",props:{width:{default:void 0},height:{default:void 0},component:{default:"div"},directions:{default:()=>["right"]}},emits:["update:width","update:height","moving-start","moving","moving-end"],setup(n,{emit:s}){e.useSlots();const a=n,d=s,{width:c,height:v}=e.toRefs(a),h=o(c,0,e=>{d("update:width",e)}),g=o(v,0,e=>{d("update:height",e)}),m=e.reactive([]),f=e.reactive({left:0,right:0,bottom:0,top:0}),p=e.ref(),y=e.ref(null),b=e.ref(0),x=e.ref(0);let w;return t.useEventListener("mousemove",async e=>{if(!y.value||!p.value)return;const{clientX:t,clientY:o}=e,i="left"==y.value?b.value-t:t-b.value,l="top"==y.value?x.value-o:o-x.value,u=f.left+f.right,n=f.top+f.bottom;b.value=t,x.value=o,["left","right"].includes(y.value)?(h.value+=i,h.value<=u&&(h.value=u),p.value.style.width=r.valueToPx(h.value)):(g.value+=l,g.value<=n&&(g.value=n),p.value.style.height=r.valueToPx(g.value));const{width:s,height:a}=p.value.getBoundingClientRect();h.value!=s&&(h.value=s),a!=g.value&&(g.value=a),d("moving",{width:s,height:a},e)}),t.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=w,d("moving-end",e))}),t.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:r,height:o}}=e;f[t]=["right","left"].includes(t)?r:o})},{box:"border-box"}),(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{class:"yc-resizebox",ref_key:"boxRef",ref:p},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.directions,(r,o)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:e.normalizeClass(["yc-resizebox-trigger",`yc-resizebox-direction-${r}`,"yc-resizebox-trigger-"+(["left","right"].includes(r)?"vertical":"horizontal")]),dir:r,ref_for:!0,ref:e=>m[o]=e,onMousedown:e=>((e,t)=>{t.preventDefault(),y.value=e;const{width:r,height:o}=p.value.getBoundingClientRect(),{clientX:i,clientY:l}=t;h.value=r,g.value=o,b.value=i,x.value=l,w=getComputedStyle(document.body).cursor,document.body.style.cursor=["left","right"].includes(e)?"col-resize":"row-resize",d("moving-start",t)})(r,e)},[e.renderSlot(t.$slots,"resize-trigger",{direction:r},()=>[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:r},()=>[e.createVNode(e.unref(i),{rotate:["left","right"].includes(r)?90:0},null,8,["rotate"])],!0)])],!0)],42,l))),128))]),_:3},512))}});module.exports=n;

package/lib/ResizeBox/type.d.ts

@@ -0,0 +1,26 @@
+export interface ResizeBoxProps {
+    width?: number;
+    height?: number;
+    component?: string;
+    directions?: ResizeBoxDirection[];
+}
+export interface ResizeBoxEmits {
+    (e: 'update:width', value: number): void;
+    (e: 'update:height', value: number): void;
+    (e: 'moving-start', ev: MouseEvent): void;
+    (e: 'moving', size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent): void;
+    (e: 'moving-end', ev: MouseEvent): void;
+}
+export interface ResizeBoxSlots {
+    default(): void;
+    ['resize-trigger'](scope: {
+        direction: ResizeBoxDirection;
+    }): void;
+    ['resize-trigger-icon'](scope: {
+        direction: ResizeBoxDirection;
+    }): void;
+}
+export type ResizeBoxDirection = 'left' | 'right' | 'top' | 'bottom';

package/lib/Result/index.d.ts

@@ -0,0 +1,39 @@
+import { App } from 'vue';
+import { default as _Result } from './index.vue';
+export type ResultInstance = InstanceType<typeof _Result>;
+export * from './type';
+declare const Result: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ResultProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        title: string;
+        status: import('./type').ResultStatus;
+        subtitle: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ResultProps> & Readonly<{}>, {}, {}, {}, {}, {
+        title: string;
+        status: import('./type').ResultStatus;
+        subtitle: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ResultProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    title: string;
+    status: import('./type').ResultStatus;
+    subtitle: string;
+}, {}, 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').ResultSlots> & import('./type').ResultSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcResult: typeof Result;
+    }
+}
+export default Result;

package/lib/Result/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;

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

@@ -0,0 +1,20 @@
+import { ResultProps, ResultSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ResultSlots> & ResultSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ResultProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ResultProps> & Readonly<{}>, {
+    title: string;
+    status: import('./type').ResultStatus;
+    subtitle: string;
+}, {}, {}, {}, 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/Result/index.vue.js

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

package/lib/Result/index.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../_shared/constants/index.js"),l={class:"yc-result"},o={class:"yc-result-icon-tip"},s=["src"],n={key:1,class:"yc-result-title"},r={key:2,class:"yc-result-subtitle"},c={key:3,class:"yc-result-extra"},a={key:4,class:"yc-result-content"},i=e.defineComponent({name:"Result",__name:"index",props:{status:{default:"info"},title:{default:""},subtitle:{default:""}},setup(i){const u=i,{status:d}=e.toRefs(u);return(i,u)=>(e.openBlock(),e.createElementBlock("div",l,[i.$slots.icon||e.unref(d)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-result-icon",`yc-result-icon-${e.unref(d)}`])},[e.createElementVNode("div",o,[e.renderSlot(i.$slots,"icon",{},()=>[e.unref(d)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[["403","404","500"].includes(e.unref(d))?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(d)}`]},null,8,s)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.TYPE_ICON_MAP)[`result-${e.unref(d)}`]),{key:1}))],64)):e.createCommentVNode("",!0)],!0)])],2)):e.createCommentVNode("",!0),i.$slots.title||i.title?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(i.title),1)],!0)])):e.createCommentVNode("",!0),i.$slots.subtitle||i.subtitle?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(i.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(i.subtitle),1)],!0)])):e.createCommentVNode("",!0),i.$slots.extra?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(i.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0),i.$slots.default?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(i.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});module.exports=i;

package/lib/Result/type.d.ts

@@ -0,0 +1,13 @@
+export interface ResultProps {
+    status?: ResultStatus;
+    title?: string;
+    subtitle?: string;
+}
+export interface ResultSlots {
+    icon(): void;
+    title(): void;
+    subtitle(): void;
+    default(): void;
+    extra(): void;
+}
+export type ResultStatus = 'info' | 'success' | 'warning' | 'error' | '403' | '404' | '500' | null;

package/lib/Scrollbar/Scrollbar.vue.d.ts

@@ -0,0 +1,36 @@
+import { ScrollbarProps, ScrollbarSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ScrollbarSlots> & ScrollbarSlots;
+    refs: {
+        scrollRef: HTMLDivElement;
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ScrollbarProps, {
+    scrollTo(options: ScrollOptions): void;
+    scrollLeft(left: number): void;
+    scrollTop(top: number): void;
+    getScrollRef(): HTMLDivElement;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    scroll: (left: number, top: number, ev: Event) => any;
+}, string, import('vue').PublicProps, Readonly<ScrollbarProps> & Readonly<{
+    onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
+}>, {
+    scrollbar: boolean;
+    type: import('./type').TackType;
+    outerClass: import('../_shared/type').ClassName;
+    outerStyle: import('vue').CSSProperties;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLDivElement;
+    contentRef: HTMLDivElement;
+}, any>;
+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/Scrollbar/Scrollbar.vue.js

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

package/lib/Scrollbar/Scrollbar.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),r=require("./ScrollbarTrack.vue.js"),o=require("./hooks/useContext.js"),t=e.defineComponent({name:"Scrollbar",inheritAttrs:!1,__name:"Scrollbar",props:{type:{default:"embed"},outerClass:{default:""},outerStyle:{default:()=>({})},scrollbar:{type:Boolean,default:!0}},emits:["scroll"],setup(t,{expose:a,emit:u}){const c=t,s=u,{type:n,scrollbar:v}=e.toRefs(c),f=e.ref(),i=e.ref(),d=e.ref(0),h=e.ref(0);l.useResizeObserver(f,()=>{const{offsetWidth:e,offsetHeight:l}=f.value;d.value=e,h.value=l});const{hasVerticalBar:m=e.ref(!1),hashorizontalBar:p=e.ref(!1),trackHeight:b=e.ref(0),trackWidth:k=e.ref(0),scrollWidth:y,scrollHeight:g,curLeft:T,curTop:z,movableLeft:B,movableTop:S}=function(){if(!v.value)return{hasVerticalBar:e.ref(!1),hashorizontalBar:e.ref(!1),trackHeight:e.ref(0),trackWidth:e.ref(0),contentWidth:e.ref(0),contentHeight:e.ref(0),scrollWidth:e.ref(0),scrollHeight:e.ref(0),curLeft:e.ref(0),curTop:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0)};const r=e.ref(0),t=e.ref(0),{width:a,height:u}=l.useElementSize(i,void 0,{box:"border-box"}),c=e.ref(0),s=e.ref(0),n=e.computed(()=>{const e=i.value?getComputedStyle(i.value):{overflowY:"",overflow:""},l=e.overflowY,r=e.overflow,o=["auto","scroll"];return h.value>u.value&&(o.includes(l)||o.includes(r))}),f=e.computed(()=>{const e=i.value?getComputedStyle(i.value):{overflowX:"",overflow:""},l=e.overflowX,r=e.overflow,o=["auto","scroll"];return d.value>a.value&&(o.includes(l)||o.includes(r))}),m=e.computed(()=>{if(!n.value)return 0;const e=+(u.value*u.value/h.value).toFixed(0);return e<=20?20:e}),p=e.computed(()=>{if(!f.value)return 0;const e=+(a.value*a.value/d.value).toFixed(0);return e<=20?20:e}),b=e.computed(()=>{const e=f.value?t.value:0;return u.value-m.value-e}),k=e.computed(()=>{const e=n.value?r.value:0;return a.value-p.value-e});return o().provide({curLeft:s,curTop:c,movableLeft:k,movableTop:b,thumbHeight:m,thumbWidth:p,scrollRef:i,isDragging:e.ref(!1)}),{hasVerticalBar:n,hashorizontalBar:f,trackWidth:r,trackHeight:t,contentHeight:h,contentWidth:d,scrollHeight:u,scrollWidth:a,movableLeft:k,movableTop:b,curTop:c,curLeft:s}}(),H=e=>{const{scrollTop:l,scrollLeft:r,scrollWidth:o,scrollHeight:t}=e.target;if(s("scroll",r,l,e),!v.value)return;const a=l/(h.value-g.value)*S.value;z.value=a<=S.value?a:S.value;const u=r/(d.value-y.value)*B.value;T.value=u<=B.value?u:B.value},L=(e,l)=>{if(e){z.value=l;const e=h.value-g.value,r=z.value/S.value*e;i.value.scrollTop=r>=e?e:r}else{T.value=l;const e=d.value-y.value,r=T.value/B.value*e;i.value.scrollLeft=r>=e?e:r}};return a({scrollTo(e){var l;null==(l=i.value)||l.scrollTo(e)},scrollLeft(e){var l;null==(l=i.value)||l.scrollTo({left:e})},scrollTop(e){var l;null==(l=i.value)||l.scrollTo({top:e})},getScrollRef:()=>i.value}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar",l.outerClass,{"yc-scrollbar-both-track":"track"==e.unref(n)&&e.unref(m)&&e.unref(p),"yc-scrollbar-vertical-track":"track"==e.unref(n)&&e.unref(m),"yc-scrollbar-horizontal-track":"track"==e.unref(n)&&e.unref(p),"yc-scrollbar-real":!e.unref(v)}]),style:e.normalizeStyle(l.outerStyle)},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-container",l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style),ref_key:"scrollRef",ref:i,onScroll:H},[e.createElementVNode("div",{class:"yc-scrollbar-content",ref_key:"contentRef",ref:f},[e.renderSlot(l.$slots,"default",{},void 0,!0)],512)],38),e.unref(m)?(e.openBlock(),e.createBlock(r,{key:0,direction:"vertical",onDrag:L,onResize:o[0]||(o[0]=e=>k.value=e)})):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(r,{key:1,direction:"horizontal",onDrag:L,onResize:o[1]||(o[1]=e=>b.value=e)})):e.createCommentVNode("",!0)],6))}});module.exports=t;

package/lib/Scrollbar/ScrollbarTrack.vue.d.ts

@@ -0,0 +1,17 @@
+import { Direction } from '../_shared/type';
+type __VLS_Props = {
+    direction?: Direction;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    drag: (isVertical: boolean, value: number) => any;
+    resize: (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDrag?: ((isVertical: boolean, value: number) => any) | undefined;
+    onResize?: ((val: number) => any) | undefined;
+}>, {
+    direction: Direction;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trackRef: HTMLDivElement;
+    dragRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/Scrollbar/ScrollbarTrack.vue.js

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

package/lib/Scrollbar/ScrollbarTrack.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const a=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./hooks/useContext.js"),u=e.defineComponent({__name:"ScrollbarTrack",props:{direction:{default:"vertical"}},emits:["drag","resize"],setup(u,{emit:t}){const s=u,o=t,{direction:i}=e.toRefs(s),{scrollRef:c,thumbHeight:n,thumbWidth:v,movableLeft:d,movableTop:f,curTop:m,curLeft:g,isDragging:h}=r().inject(),b=e.computed(()=>"vertical"==i.value),y=e.computed(()=>b.value?{height:a.valueToPx(n.value),transform:`translateY(${a.valueToPx(m.value)})`}:{width:a.valueToPx(v.value),transform:`translateX(${a.valueToPx(g.value)})`}),p=e.ref();l.useResizeObserver(p,()=>{const{width:e,height:l}=p.value.getBoundingClientRect();o("resize",b.value?e:l)});const _=e.ref(),{x:k,y:j,isDragging:q}=l.useDraggable(_,{onMove(){const{left:e,top:l}=c.value.getBoundingClientRect(),a=l,r=f.value+a,u=e,t=d.value+u;b.value?(j.value=j.value<=a?a:j.value,j.value=j.value>=r?r:j.value,o("drag",!0,j.value-a)):(k.value=k.value<=u?u:k.value,k.value=k.value>=t?t:k.value,o("drag",!1,k.value-u))}});e.watchEffect(()=>{h.value=q.value});const x=e=>{const{offsetX:l,offsetY:a}=e;if(b.value){const e=m.value<a?f.value/9:-f.value/9;let l=m.value+e;l=l<=0?0:l,l=l>f.value?f.value:l,o("drag",!0,l)}else{const e=g.value<l?d.value/9:-d.value/9;let a=g.value+e;a=a<=0?0:a,a=a>d.value?d.value:a,o("drag",!1,a)}};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-scrollbar-track",`yc-scrollbar-track-direction-${e.unref(i)}`]),ref_key:"trackRef",ref:p,onClick:e.withModifiers(x,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb",`yc-scrollbar-thumb-direction-${e.unref(i)}`]),style:e.normalizeStyle(y.value),ref_key:"dragRef",ref:_},[e.createElementVNode("div",{class:e.normalizeClass(["yc-scrollbar-thumb-bar",{"yc-scrollbar-thumb-bar-dragging":e.unref(q),"yc-scrollbar-thumb-bar-hover":!e.unref(q)&&e.unref(h)}])},null,2)],6)],2))}});module.exports=u;

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

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+type ScrollbarContext = {
+    curTop: Ref<number>;
+    curLeft: Ref<number>;
+    movableLeft: Ref<number>;
+    movableTop: Ref<number>;
+    thumbHeight: Ref<number>;
+    thumbWidth: Ref<number>;
+    isDragging: Ref<boolean>;
+    scrollRef: Ref<HTMLDivElement | undefined>;
+};
+declare const _default: () => {
+    provide: (params: ScrollbarContext) => void;
+    inject: () => ScrollbarContext;
+};
+export default _default;

package/lib/Scrollbar/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r="scrollbar-context";module.exports=()=>({provide:t=>{e.provide(r,t)},inject:()=>e.inject(r,{curTop:e.ref(0),curLeft:e.ref(0),movableLeft:e.ref(0),movableTop:e.ref(0),thumbHeight:e.ref(0),thumbWidth:e.ref(0),scrollRef:e.ref(),isDragging:e.ref(!1)})});

package/lib/Scrollbar/index.d.ts

@@ -0,0 +1,70 @@
+import { App } from 'vue';
+import { default as _Scrollbar } from './Scrollbar.vue';
+export type ScrollbarInstance = InstanceType<typeof _Scrollbar>;
+export * from './type';
+declare const Scrollbar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').ScrollbarProps> & Readonly<{
+        onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
+    }>, {
+        scrollTo(options: ScrollOptions): void;
+        scrollLeft(left: number): void;
+        scrollTop(top: number): void;
+        getScrollRef(): HTMLDivElement;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        scroll: (left: number, top: number, ev: Event) => any;
+    }, import('vue').PublicProps, {
+        scrollbar: boolean;
+        type: import('./type').TackType;
+        outerClass: import('../_shared/type').ClassName;
+        outerStyle: import('vue').CSSProperties;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        scrollRef: HTMLDivElement;
+        contentRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').ScrollbarProps> & Readonly<{
+        onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
+    }>, {
+        scrollTo(options: ScrollOptions): void;
+        scrollLeft(left: number): void;
+        scrollTop(top: number): void;
+        getScrollRef(): HTMLDivElement;
+    }, {}, {}, {}, {
+        scrollbar: boolean;
+        type: import('./type').TackType;
+        outerClass: import('../_shared/type').ClassName;
+        outerStyle: import('vue').CSSProperties;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').ScrollbarProps> & Readonly<{
+    onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
+}>, {
+    scrollTo(options: ScrollOptions): void;
+    scrollLeft(left: number): void;
+    scrollTop(top: number): void;
+    getScrollRef(): HTMLDivElement;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    scroll: (left: number, top: number, ev: Event) => any;
+}, string, {
+    scrollbar: boolean;
+    type: import('./type').TackType;
+    outerClass: import('../_shared/type').ClassName;
+    outerStyle: import('vue').CSSProperties;
+}, {}, 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').ScrollbarSlots> & import('./type').ScrollbarSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcScrollbar: typeof Scrollbar;
+    }
+}
+export default Scrollbar;

package/lib/Scrollbar/index.js

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

package/lib/Scrollbar/type.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'vue';
+import { ClassName } from '../_shared/type';
+export interface ScrollbarProps {
+    type?: TackType;
+    outerClass?: ClassName;
+    outerStyle?: CSSProperties;
+    scrollbar?: boolean;
+}
+export interface ScrollbarEmits {
+    (e: 'scroll', left: number, top: number, ev: Event): void;
+}
+export interface ScrollbarSlots {
+    default(): void;
+}
+export interface ScrollbarExpose {
+    scrollTo(options: ScrollOptions): void;
+    scrollLeft(left: number): void;
+    scrollTop(top: number): void;
+    getScrollRef(): HTMLDivElement;
+}
+export type TackType = 'track' | 'embed';

package/lib/Select/Optgroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { OptgroupProps, OptgroupSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<OptgroupSlots> & OptgroupSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OptgroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OptgroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Select/Optgroup.vue.js

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

package/lib/Select/Optgroup.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t={class:"yc-option-group-label text-ellipsis"},l=e.defineComponent({name:"Optgroup",__name:"Optgroup",props:{label:{}},setup:l=>(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",t,[e.renderSlot(l.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)],!0)]),e.renderSlot(l.$slots,"default",{},void 0,!0)],64))});module.exports=l;

package/lib/Select/Option.vue.d.ts

@@ -0,0 +1,25 @@
+import { OptionProps, OptionSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<OptionSlots> & OptionSlots;
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OptionProps> & Readonly<{}>, {
+    disabled: boolean;
+    value: import('./type').SelectValue;
+    label: string;
+    isFallbackOption: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, 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/Select/Option.vue.js

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

package/lib/Select/Option.vue2.js

@@ -0,0 +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("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),n=require("../Checkbox/index.js"),s={key:0,class:"yc-select-option-icon"},r={key:3,class:"yc-select-option-suffix"},i=e.defineComponent({name:"Option",__name:"Option",props:{label:{default:""},value:{type:[String,Number,Boolean,Object,Array],default:""},disabled:{type:Boolean,default:!1},tagProps:{},id:{},isFallbackOption:{type:Boolean,default:!1}},setup(i){const a=i,{label:u,disabled:c}=e.toRefs(a),{computedValue:d,multiple:p,limit:f,curIndex:v,options:m,blur:y,filterOption:k,getValue:x,emits:b,collectOption:B}=o().inject(),_=e.ref(),h=e.computed(()=>`${a.value}`?a.value:t.getDomText(_)),j=e.computed(()=>a.label?a.label:t.getDomText(_)),q=e.computed(()=>{if(!p.value)return!1;return-1!=d.value.findIndex(e=>x(e)===x(h.value))}),g=()=>{c.value||l.isUndefined(d.value)||(d.value=h.value,b("select",h.value),y())},C=e=>{const t=d.value,{value:l}=h;if(e){if(f.value>0&&t.length==f.value)return b("exceedLimit",l);b("select",h.value),d.value=[...t,l]}else d.value=t.filter(e=>e!=l)};return B(a,j),(t,l)=>{var o;return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-select-option",{"yc-select-option-active":(null==(o=e.unref(m)[e.unref(v)])?void 0:o.value)==h.value,"yc-select-option-disabled":e.unref(c)}])},[t.$slots.icon?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,"model-value":q.value,disabled:e.unref(c),"onUpdate:modelValue":C,class:"yc-select-option-content"},{default:e.withCtx(()=>[e.createElementVNode("span",{ref_key:"contentRef",ref:_},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)],!0)],512)]),_:3},8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-select-option-content text-ellipsis",ref_key:"contentRef",ref:_,onClick:g},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)),1)],!0)],512)),t.$slots.suffix?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],2)),[[e.vShow,e.unref(k)({...t.$props,label:j.value})]])}}});module.exports=i;