yc-design-vue 1.0.1

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

@@ -0,0 +1,26 @@
+import { Ref, Reactive } from 'vue';
+import { StepsEmits, StepStatus, StepType } from '../type';
+import { Props, Direction } from '../../_shared/type';
+declare const _default: () => {
+    provide: (props: Props, emits: StepsEmits) => {
+        direction: import('vue').ComputedRef<Direction>;
+        labelPlacement: import('vue').ComputedRef<Direction>;
+        type: Ref<StepType, StepType>;
+    };
+    inject: (props: Props) => {
+        curStep: import('vue').ComputedRef<number>;
+        status: import('vue').ComputedRef<any>;
+        nextStatus: import('vue').ComputedRef<StepStatus>;
+        stepMap: Reactive<Map<string, string>>;
+        computedCurrent: Ref<number>;
+        lineLess: Ref<boolean>;
+        direction: Ref<Direction>;
+        labelPlacement: Ref<Direction>;
+        statusArr: Ref<Ref<StepStatus>[]>;
+        small: Ref<boolean>;
+        type: Ref<StepType>;
+        changeable: Ref<boolean>;
+        emits: StepsEmits;
+    };
+};
+export default _default;

package/lib/Steps/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const u=require("../../_shared/utils/control.js"),a="card-context";module.exports=()=>({provide:(t,r)=>{const{status:s,current:l,defaultCurrent:n,lineLess:o,labelPlacement:i,direction:c,small:d,type:v,changeable:p}=e.toRefs(t),m=u(l,n.value,e=>{r("update:current",e)}),f=e.computed(()=>["default","dot"].includes(v.value)?c.value:"horizontal"),h=e.computed(()=>"default"==v.value&&"horizontal"==f.value?i.value:"dot"==v.value?"vertical"==f.value?"horizontal":"vertical":"horizontal"),j=e.reactive(new Map),q=e.ref([]);return e.provide(a,{stepMap:j,computedCurrent:m,lineLess:o,direction:f,status:s,statusArr:q,small:d,type:v,changeable:p,labelPlacement:h,emits:r}),{direction:f,labelPlacement:h,type:v}},inject:u=>{const{status:s}=e.toRefs(u),l=e.inject(a,{stepMap:e.reactive(new Map),computedCurrent:e.ref(0),lineLess:e.ref(!1),direction:e.ref("horizontal"),status:e.ref("process"),statusArr:e.ref([]),small:e.ref(!1),type:e.ref("default"),changeable:e.ref(!1),labelPlacement:e.ref("horizontal"),emits:()=>{}}),{curStep:n,status:o,nextStatus:i}=(()=>{const{stepMap:u,computedCurrent:a,statusArr:n,status:o}=l,i=t.nanoid();u.set(i,i);const c=e.computed(()=>[...u.values()].findIndex(e=>e==i)+1),d=e.computed(()=>r.isUndefined(s.value)?c.value<a.value?"finish":c.value==a.value?o.value??"process":"wait":s.value),v=e.computed(()=>{var e;return null==(e=n.value[c.value])?void 0:e.value});return n.value[c.value-1]=d,e.onBeforeUnmount(()=>{u.delete(i),n.value.splice(c.value-1,1)}),{curStep:c,status:d,nextStatus:v}})();return{...l,curStep:n,status:o,nextStatus:i}}});

package/lib/Steps/index.d.ts

@@ -0,0 +1,106 @@
+import { App } from 'vue';
+import { default as _Step } from './Step.vue';
+import { default as _Steps } from './Steps.vue';
+export type StepInstance = InstanceType<typeof _Step>;
+export type StepsInstance = InstanceType<typeof _Steps>;
+export * from './type';
+declare const Steps: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').StepsProps> & Readonly<{
+        onChange?: ((step: number, ev: Event) => any) | undefined;
+        "onUpdate:current"?: ((step: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (step: number, ev: Event) => any;
+        "update:current": (step: number) => any;
+    }, import('vue').PublicProps, {
+        small: boolean;
+        type: import('./type').StepType;
+        direction: import('..').Direction;
+        lineLess: boolean;
+        status: import('./type').StepStatus;
+        current: number;
+        defaultCurrent: number;
+        labelPlacement: import('..').Direction;
+        changeable: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').StepsProps> & Readonly<{
+        onChange?: ((step: number, ev: Event) => any) | undefined;
+        "onUpdate:current"?: ((step: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        small: boolean;
+        type: import('./type').StepType;
+        direction: import('..').Direction;
+        lineLess: boolean;
+        status: import('./type').StepStatus;
+        current: number;
+        defaultCurrent: number;
+        labelPlacement: import('..').Direction;
+        changeable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').StepsProps> & Readonly<{
+    onChange?: ((step: number, ev: Event) => any) | undefined;
+    "onUpdate:current"?: ((step: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (step: number, ev: Event) => any;
+    "update:current": (step: number) => any;
+}, string, {
+    small: boolean;
+    type: import('./type').StepType;
+    direction: import('..').Direction;
+    lineLess: boolean;
+    status: import('./type').StepStatus;
+    current: number;
+    defaultCurrent: number;
+    labelPlacement: import('..').Direction;
+    changeable: 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').StepsSlots> & import('./type').StepsSlots;
+}) & {
+    step: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').StepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            disabled: boolean;
+            title: string;
+            description: string;
+            status: import('./type').StepStatus;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').StepProps> & Readonly<{}>, {}, {}, {}, {}, {
+            disabled: boolean;
+            title: string;
+            description: string;
+            status: import('./type').StepStatus;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').StepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        title: string;
+        description: string;
+        status: import('./type').StepStatus;
+    }, {}, 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').StepSlots> & import('./type').StepSlots;
+    });
+    install: (app: App) => void;
+};
+export { _Step as Step };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcSteps: typeof Steps;
+        YcStep: typeof _Step;
+    }
+}
+export default Steps;

package/lib/Steps/index.js

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

package/lib/Steps/type.d.ts

@@ -0,0 +1,39 @@
+import { Direction } from '../_shared/type';
+export interface StepsProps {
+    type?: StepType;
+    direction?: Direction;
+    labelPlacement?: Direction;
+    current?: number;
+    defaultCurrent?: number;
+    status?: StepStatus;
+    lineLess?: boolean;
+    small?: boolean;
+    changeable?: boolean;
+}
+export interface StepsEmits {
+    (e: 'change', step: number, ev: Event): void;
+    (e: 'update:current', step: number): void;
+}
+export interface StepsSlots {
+    default(): void;
+}
+export interface StepProps {
+    title?: string;
+    description?: string;
+    status?: StepStatus;
+    disabled?: boolean;
+}
+export interface StepSlots {
+    node(scope: {
+        step: number;
+        status: StepStatus;
+    }): void;
+    icon(scope: {
+        step: number;
+        status: StepStatus;
+    }): void;
+    description(): void;
+    default(): void;
+}
+export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+export type StepType = 'default' | 'arrow' | 'dot' | 'navigation';

package/lib/Switch/index.d.ts

@@ -0,0 +1,94 @@
+import { App } from 'vue';
+import { default as _Switch } from './index.vue';
+export type SwitchInstance = InstanceType<typeof _Switch>;
+export * from './type';
+declare const Switch: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').SwitchProps> & Readonly<{
+        onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('./type').SwitchValue, ev: Event) => any;
+        focus: (ev: FocusEvent) => any;
+        blur: (ev: FocusEvent) => any;
+        "update:modelValue": (value: import('./type').SwitchValue) => any;
+    }, import('vue').PublicProps, {
+        size: import('./type').SwitchSize;
+        disabled: boolean;
+        loading: boolean;
+        type: import('./type').SwitchType;
+        defaultChecked: import('./type').SwitchValue;
+        modelValue: import('./type').SwitchValue;
+        checkedValue: import('./type').SwitchValue;
+        uncheckedValue: import('./type').SwitchValue;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedText: string;
+        uncheckedText: string;
+        beforeChange: import('./type').BeforeChange;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').SwitchProps> & Readonly<{
+        onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('./type').SwitchSize;
+        disabled: boolean;
+        loading: boolean;
+        type: import('./type').SwitchType;
+        defaultChecked: import('./type').SwitchValue;
+        modelValue: import('./type').SwitchValue;
+        checkedValue: import('./type').SwitchValue;
+        uncheckedValue: import('./type').SwitchValue;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedText: string;
+        uncheckedText: string;
+        beforeChange: import('./type').BeforeChange;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').SwitchProps> & Readonly<{
+    onChange?: ((value: import('./type').SwitchValue, ev: Event) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').SwitchValue) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').SwitchValue, ev: Event) => any;
+    focus: (ev: FocusEvent) => any;
+    blur: (ev: FocusEvent) => any;
+    "update:modelValue": (value: import('./type').SwitchValue) => any;
+}, string, {
+    size: import('./type').SwitchSize;
+    disabled: boolean;
+    loading: boolean;
+    type: import('./type').SwitchType;
+    defaultChecked: import('./type').SwitchValue;
+    modelValue: import('./type').SwitchValue;
+    checkedValue: import('./type').SwitchValue;
+    uncheckedValue: import('./type').SwitchValue;
+    checkedColor: string;
+    uncheckedColor: string;
+    checkedText: string;
+    uncheckedText: string;
+    beforeChange: import('./type').BeforeChange;
+}, {}, 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').SwitchSlots> & import('./type').SwitchSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcSwitch: typeof Switch;
+    }
+}
+export default Switch;

package/lib/Switch/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/Switch/index.vue.d.ts

@@ -0,0 +1,40 @@
+import { SwitchProps, SwitchSlots, SwitchValue } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<SwitchSlots> & SwitchSlots;
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: SwitchValue, ev: Event) => any;
+    focus: (ev: FocusEvent) => any;
+    blur: (ev: FocusEvent) => any;
+    "update:modelValue": (value: SwitchValue) => any;
+}, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
+    onChange?: ((value: SwitchValue, ev: Event) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SwitchValue) => any) | undefined;
+}>, {
+    size: import('./type').SwitchSize;
+    disabled: boolean;
+    loading: boolean;
+    type: import('./type').SwitchType;
+    defaultChecked: SwitchValue;
+    modelValue: SwitchValue;
+    checkedValue: SwitchValue;
+    uncheckedValue: SwitchValue;
+    checkedColor: string;
+    uncheckedColor: string;
+    checkedText: string;
+    uncheckedText: string;
+    beforeChange: import('./type').BeforeChange;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+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/Switch/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-cc705f5d"]]);module.exports=r;

package/lib/Switch/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/is.js");require("../_shared/utils/time.js");const c=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/control.js"),t=require("../Spin/index.js"),u=["aria-checked"],o={class:"yc-switch-handle"},n={class:"yc-switch-handle-icon"},s={key:0,class:"yc-switch-placeholder"},r={key:1,class:"yc-switch-text"},d=e.defineComponent({name:"Switch",__name:"index",props:{modelValue:{type:[String,Number,Boolean],default:void 0},defaultChecked:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:"circle"},size:{default:void 0},checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},checkedColor:{default:"rgba(22, 93, 255)"},uncheckedColor:{default:"rgb(201, 205, 212)"},checkedText:{default:""},uncheckedText:{default:""},beforeChange:{type:Function,default:()=>!0}},emits:["update:modelValue","change","focus","blur"],setup(d,{emit:i}){e.useCssVars(e=>({"455e587d":$.value}));const h=d,k=i,{modelValue:v,defaultChecked:f,checkedValue:m,uncheckedValue:p,disabled:y,type:g,checkedText:B,uncheckedText:b,checkedColor:w,uncheckedColor:C,loading:V}=e.toRefs(h),{beforeChange:S}=h,x=e.useSlots(),{size:N}=c.getGlobalConfig(h),q=a(v,f.value,e=>{k("update:modelValue",e)}),_=e.computed(()=>q.value==m.value),j=e.computed(()=>{const e=_.value&&(B.value||x.checked),l=!_.value&&(b.value||x.unchecked);return"line"!=g.value&&"small"!=N.value&&(e||l)}),$=e.computed(()=>_.value?w.value:C.value),T=e.ref(!1),z=e.computed(()=>T.value||V.value),E=async e=>{if(z.value||y.value)return;const c=_.value?p.value:m.value,a=await(async e=>{let c=!0;T.value=!0;const a=S(e);if(l.isBoolean(a))c=a;else if(a instanceof Promise)try{const e=await a;l.isBoolean(e)&&(c=e)}catch{c=!1}return T.value=!1,c})(c);a&&(q.value=c,k("change",c,e))};return(l,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yc-switch",`yc-switch-shape-${e.unref(g)}`,`yc-switch-size-${e.unref(N)}`,_.value?"yc-switch-checked":"yc-switch-unchecked",{"yc-switch-loading":z.value,"yc-switch-disabled":e.unref(y)}]),"aria-checked":_.value,role:"switch",onFocus:c[0]||(c[0]=e=>l.$emit("focus",e)),onBlur:c[1]||(c[1]=e=>l.$emit("blur",e)),onClick:E},[e.createElementVNode("span",o,[e.createElementVNode("span",n,[z.value?(e.openBlock(),e.createBlock(e.unref(t),{key:0,"is-size-inherit":""})):e.renderSlot(l.$slots,_.value?"checked-icon":"unchecked-icon",{key:1},void 0,!0)])]),j.value?(e.openBlock(),e.createElementBlock("span",s,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(b)),1)],!0)])):e.createCommentVNode("",!0),j.value?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(l.$slots,_.value?"checked":"unchecked",{},()=>[e.createTextVNode(e.toDisplayString(_.value?e.unref(B):e.unref(b)),1)],!0)])):e.createCommentVNode("",!0)],42,u))}});module.exports=d;

package/lib/Switch/type.d.ts

@@ -0,0 +1,31 @@
+export interface SwitchProps {
+    modelValue?: SwitchValue;
+    defaultChecked?: SwitchValue;
+    disabled?: boolean;
+    loading?: boolean;
+    type?: SwitchType;
+    size?: SwitchSize;
+    checkedValue?: SwitchValue;
+    uncheckedValue?: SwitchValue;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    checkedText?: string;
+    uncheckedText?: string;
+    beforeChange?: BeforeChange;
+}
+export interface SwitchEmits {
+    (e: 'update:modelValue', value: SwitchValue): void;
+    (e: 'change', value: SwitchValue, ev: Event): void;
+    (e: 'focus', ev: FocusEvent): void;
+    (e: 'blur', ev: FocusEvent): void;
+}
+export interface SwitchSlots {
+    ['checked-icon'](): void;
+    ['unchecked-icon'](): void;
+    ['checked'](): void;
+    ['unchecked'](): void;
+}
+export type SwitchValue = string | number | boolean;
+export type SwitchType = 'circle' | 'round' | 'line';
+export type SwitchSize = 'small' | 'medium';
+export type BeforeChange = (newValue: SwitchValue) => Promise<boolean | void> | boolean | void;

package/lib/Tabs/TabButton.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    className?: boolean;
+    type?: 'add' | 'close';
+    direction?: 'left' | 'up' | 'right' | 'down';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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<{}>, {
+    className: 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/Tabs/TabButton.vue.js

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

package/lib/Tabs/TabButton.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../_shared/components/IconButton.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js"),/* empty css                           */;/* empty css                                          */const o=e.defineComponent({__name:"TabButton",props:{className:{type:Boolean,default:!0},type:{},direction:{}},setup:o=>(o,s)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({size:14,class:[`yc-tabs-nav-${o.type?`${o.type}-`:""}button`,{[`yc-tabs-nav-button-${o.direction}`]:o.direction}],"hover-color":"rgb(242,243,245)"},o.$attrs),{default:e.withCtx(()=>[o.$slots.default?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3},16,["class"]))});module.exports=o;

package/lib/Tabs/TabPane.vue.d.ts

@@ -0,0 +1,22 @@
+import { TabPaneProps, TabPaneSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TabPaneSlots> & TabPaneSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TabPaneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+    path: import('./type').TabKey;
+    closable: boolean;
+    destoryOnHide: 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/Tabs/TabPane.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),s={class:"yc-tabs-content-item"},n={key:0,class:"yc-tabs-pane"},r=e.defineComponent({name:"TabPane",__name:"TabPane",props:{title:{default:""},path:{default:""},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:void 0},destoryOnHide:{type:Boolean,default:void 0}},setup(r){const d=r,{computedActiveKey:i,destoryOnHide:a}=o().inject(),l=e.computed(()=>t.isUndefined(d.destoryOnHide)?a.value:d.destoryOnHide);return(t,o)=>(e.openBlock(),e.createElementBlock("div",s,[l.value&&e.unref(i)!=t.path?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"default")]))]))}});module.exports=r;

package/lib/Tabs/TabPane.vue3.js

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

package/lib/Tabs/Tabs.vue.d.ts

@@ -0,0 +1,48 @@
+import { TabsProps, TabsSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TabsSlots> & TabsSlots;
+    refs: {
+        listRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').TabKey) => any;
+    delete: (value: import('./type').TabKey) => any;
+    add: () => any;
+    "update:activeKey": (value: import('./type').TabKey) => any;
+    "tab-click": (value: import('./type').TabKey) => any;
+}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
+    onChange?: ((value: import('./type').TabKey) => any) | undefined;
+    onDelete?: ((value: import('./type').TabKey) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    "onUpdate:activeKey"?: ((value: import('./type').TabKey) => any) | undefined;
+    "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    trigger: import('./type').TabTrigger;
+    position: import('./type').TabPositon;
+    justify: boolean;
+    type: import('./type').TabType;
+    animation: boolean;
+    direction: import('..').Direction;
+    activeKey: import('./type').TabKey;
+    defaultActiveKey: import('./type').TabKey;
+    editable: boolean;
+    autoSwitch: boolean;
+    headerPadding: boolean;
+    destoryOnHide: boolean;
+    showAddButton: boolean;
+    hideContent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: 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/Tabs/Tabs.vue.js

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

package/lib/Tabs/Tabs.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const a=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css                           */const n=require("../_shared/icons/IconArrowRight.vue.js"),o=require("../_shared/icons/IconPlus.vue.js"),l=require("./hooks/useContext.js"),r=require("./hooks/useTabsScroll.js"),i=require("./TabPane.vue.js");;/* empty css              */const s=require("./TabsTab.vue.js"),u=require("./TabsNavInk.vue.js"),c=require("./TabButton.vue.js"),d={class:"yc-tabs-nav"},f={key:3,class:"yc-tabs-nav-extra"},y=e.defineComponent({name:"Tabs",__name:"Tabs",props:{activeKey:{default:void 0},defaultActiveKey:{default:""},position:{default:void 0},size:{default:void 0},type:{default:"line"},direction:{default:"horizontal"},editable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},destoryOnHide:{type:Boolean,default:!1},justify:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},headerPadding:{type:Boolean,default:!0},autoSwitch:{type:Boolean,default:!1},hideContent:{type:Boolean,default:!1},trigger:{default:"click"}},emits:["update:activeKey","change","tab-click","add","delete"],setup(y,{emit:p}){const m=y,v=p,h=e.ref(),{computedActiveKey:k,size:b,direction:B,autoSwitch:z,position:x}=l().provide(m,v,h),C=e.useSlots(),j=e.computed(()=>{var e;return a.findComponentsFromVnodes((null==(e=C.default)?void 0:e.call(C))||[],i.name)}),q=e.computed(()=>j.value.map(e=>({title:"",path:"",disabled:!1,...e.props||{},slots:e.children}))),_=e.computed(()=>m.showAddButton&&["line","card","card-gutter"].includes(m.type)),g=e.computed(()=>{const e=q.value.findIndex(e=>e.path==k.value);return e<0?0:e}),{scrollDis:N,isScrollable:V,preDisabled:T,nextDisabled:$,navHeight:w,handleScroll:E}=r({listRef:h,panes:q,direction:B}),S=async()=>{v("add"),z.value&&(await e.nextTick(),k.value=q.value[q.value.length-1].path)};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-tabs",`yc-tabs-${e.unref(B)}`,`yc-tabs-type-${a.type}`,`yc-tabs-size-${e.unref(b)}`,{"yc-tabs-animation":a.animation,"yc-tabs-justify":"horizontal"==e.unref(B)&&a.justify,"yc-tabs-no-padding":a.headerPadding&&["line","text"].includes(a.type)&&"horizontal"===m.direction,[`yc-tabs-${e.unref(x)}`]:e.unref(x)}])},[e.createElementVNode("div",d,[e.unref(V)?(e.openBlock(),e.createBlock(c,{key:0,disabled:e.unref(T),direction:"horizontal"==e.unref(B)?"left":"up",onClick:l[0]||(l[0]=t=>e.unref(E)("pre"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(B)?180:-90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-tabs-nav-tab",{"yc-tabs-nav-tab-scroll":e.unref(V)}])},[e.createElementVNode("div",{class:"yc-tabs-nav-tab-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(B)?"X":"Y"}(${e.unref(t.valueToPx)(e.unref(N))})`}),ref_key:"listRef",ref:h},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(t,a)=>(e.openBlock(),e.createBlock(s,{key:a,index:a,node:t},null,8,["index","node"]))),128)),"line"==a.type?(e.openBlock(),e.createBlock(u,{key:0,"cur-index":g.value,panes:q.value},null,8,["cur-index","panes"])):e.createCommentVNode("",!0)],4)],2),e.unref(V)?(e.openBlock(),e.createBlock(c,{key:1,disabled:e.unref($),direction:"horizontal"==e.unref(B)?"right":"down",onClick:l[1]||(l[1]=t=>e.unref(E)("next"))},{default:e.withCtx(()=>[e.createVNode(e.unref(n),{rotate:"horizontal"==e.unref(B)?0:90,size:14},null,8,["rotate"])]),_:1},8,["disabled","direction"])):e.createCommentVNode("",!0),_.value?(e.openBlock(),e.createBlock(c,{key:2,type:"add",size:"12",onClick:S},{default:e.withCtx(()=>[e.createVNode(e.unref(o),{size:12})]),_:1})):e.createCommentVNode("",!0),a.$slots.extra?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(a.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)]),a.hideContent?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-tabs-content",style:e.normalizeStyle({height:"vertical"==e.unref(B)?`${e.unref(t.valueToPx)(e.unref(w))}`:""})},[e.createElementVNode("div",{class:"yc-tabs-content-list",style:e.normalizeStyle({transform:`translate${"horizontal"==e.unref(B)?"X":"Y"}(${100*-g.value}%)`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,(t,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:a}))),128))],4)],4))],2))}});module.exports=y;

package/lib/Tabs/TabsNavInk.vue.d.ts

@@ -0,0 +1,7 @@
+import { ObjectData } from '../_shared/type';
+type __VLS_Props = {
+    curIndex: number;
+    panes: ObjectData[];
+};
+declare const _default: 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>;
+export default _default;

package/lib/Tabs/TabsNavInk.vue.js

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

package/lib/Tabs/TabsNavInk.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"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),s=e.defineComponent({__name:"TabsNavInk",props:{curIndex:{},panes:{}},setup(s){const i=s,{curIndex:n,panes:u}=e.toRefs(i),{titleRefs:r,listRef:a,direction:c,editable:d}=o().inject(),v=e.computed(()=>{var e,o,s;const i=u.value[n.value],v=d.value&&(t.isUndefined(i.closable)||i.closable)?22:0,f=r.value[n.value],{left:p,top:h}=(null==(o=null==(e=a.value)?void 0:e.getBoundingClientRect)?void 0:o.call(e))??{left:0,top:0},{scrollLeft:m,scrollTop:j}=a.value??{scrollLeft:0,scrollTop:0},{left:q,top:x}=(null==(s=null==f?void 0:f.getBoundingClientRect)?void 0:s.call(f))??{left:0,top:0},{offsetHeight:_,offsetWidth:g}=f??{offsetHeight:0,offsetWidth:0};return"horizontal"==c.value?{width:l.valueToPx(g+v),left:l.valueToPx(q-p+m)}:{height:l.valueToPx(_),top:l.valueToPx(x-h+j)}});return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-tabs-nav-ink",style:e.normalizeStyle(v.value)},null,4))}});module.exports=s;

package/lib/Tabs/TabsTab.vue.d.ts

@@ -0,0 +1,7 @@
+import { PaneNode } from './hooks/useContext';
+type __VLS_Props = {
+    node: PaneNode;
+    index: number;
+};
+declare const _default: 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>;
+export default _default;

package/lib/Tabs/TabsTab.vue.js

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

package/lib/Tabs/TabsTab.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const n=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=require("./TabButton.vue.js"),s=e.defineComponent({__name:"TabsTab",props:{node:{},index:{}},setup(s){const a=s,{node:o,index:u}=e.toRefs(a),{computedActiveKey:i,titleRefs:l,tabRefs:c,trigger:d,editable:f,type:b,direction:p,position:y,headerPadding:m,size:v,emits:h}=t().inject(),k=e=>{const{slots:t,title:n}=e;return t.title??(()=>n)},j=(e,t)=>{const{disabled:n,path:r}=e;i.value==r||n||t!=d.value||(i.value=r,h("change",r),h("tab-click",r))};return e.onMounted(()=>{if(i.value==o.value.path);else{if(i.value||u.value)return;i.value=o.value.path}}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:e.normalizeClass(["yc-tabs-tab",`yc-tabs-tab-type-${e.unref(b)}`,`yc-tabs-tab-${e.unref(p)}`,`yc-tabs-tab-size-${e.unref(v)}`,{[`yc-tabs-tab-${e.unref(y)}`]:e.unref(y),"yc-tabs-tab-no-padding":!e.unref(m)&&"horizontal"==e.unref(p)&&["line","text"].includes(e.unref(b)),"yc-tabs-tab-active":e.unref(i)==e.unref(o).path,"yc-tabs-tab-disabled":e.unref(o).disabled}]),ref:t=>e.unref(c)[e.unref(u)]=t,onMouseenter:s[1]||(s[1]=t=>j(e.unref(o),"hover")),onClick:s[2]||(s[2]=t=>j(e.unref(o),"click"))},[e.createElementVNode("span",{class:"yc-tabs-tab-title",ref:t=>e.unref(l)[e.unref(u)]=t},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(e.unref(o)))))],512),e.unref(f)&&(e.unref(n.isUndefined)(e.unref(o).closable)||e.unref(o).closable)?(e.openBlock(),e.createBlock(r,{key:0,type:"close",onClick:s[0]||(s[0]=t=>(async e=>{h("delete",e.path)})(e.unref(o)))})):e.createCommentVNode("",!0)],34))}});module.exports=s;

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

@@ -0,0 +1,35 @@
+import { Ref, Slots } from 'vue';
+import { TabPaneProps as _TabPaneProps, TabKey, TabsEmits, TabTrigger, TabType, TabPositon } from '../type';
+import { Direction, Props, RequiredDeep, Size } from '../../_shared/type';
+type TabsContext = {
+    computedActiveKey: Ref<TabKey>;
+    type: Ref<TabType>;
+    trigger: Ref<TabTrigger>;
+    direction: Ref<Direction>;
+    position: Ref<TabPositon>;
+    editable: Ref<boolean>;
+    destoryOnHide: Ref<boolean>;
+    listRef: Ref<HTMLDivElement | undefined>;
+    titleRefs: Ref<HTMLSpanElement[]>;
+    tabRefs: Ref<HTMLDivElement[]>;
+    headerPadding: Ref<boolean>;
+    size: Ref<Size>;
+    emits: TabsEmits;
+};
+type TabPaneProps = RequiredDeep<_TabPaneProps>;
+export type PaneNode = {
+    slots: Slots;
+} & TabPaneProps;
+declare const _default: () => {
+    provide: (props: Props, emits: TabsEmits, listRef: Ref<HTMLDivElement | undefined>) => {
+        computedActiveKey: import('vue').WritableComputedRef<any, TabKey>;
+        size: Ref<any, any>;
+        direction: import('vue').ComputedRef<Direction>;
+        position: Ref<TabPositon, TabPositon>;
+        autoSwitch: Ref<boolean, boolean>;
+        titleRefs: Ref<HTMLSpanElement[], HTMLSpanElement[]>;
+        tabRefs: Ref<HTMLDivElement[], HTMLDivElement[]>;
+    };
+    inject: () => TabsContext;
+};
+export default _default;

package/lib/Tabs/hooks/useContext.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"),i=require("../../_shared/utils/control.js"),r="tabs-context";module.exports=()=>({provide:(o,s,d)=>{const{size:l}=t.getGlobalConfig(o),{activeKey:a,defaultActiveKey:c,position:n,trigger:u,autoSwitch:f,type:p,editable:g,headerPadding:m,destoryOnHide:v,direction:y}=e.toRefs(o),h=i(a,c.value,e=>{s("update:activeKey",e)}),b=e.ref([]),R=e.ref([]),j=e.computed(()=>["top","bottom"].includes(n.value)?"horizontal":["left","right"].includes(n.value)?"vertical":y.value);return e.provide(r,{computedActiveKey:h,editable:g,direction:j,trigger:u,type:p,destoryOnHide:v,position:n,headerPadding:m,size:l,listRef:d,titleRefs:b,tabRefs:R,emits:s}),{computedActiveKey:h,size:l,direction:j,position:n,autoSwitch:f,titleRefs:b,tabRefs:R}},inject:()=>e.inject(r,{computedActiveKey:e.ref(""),editable:e.ref(!1),headerPadding:e.ref(!1),trigger:e.ref("click"),type:e.ref("line"),direction:e.ref("horizontal"),destoryOnHide:e.ref(!1),position:e.ref("top"),size:e.ref("medium"),titleRefs:e.ref([]),listRef:e.ref(),tabRefs:e.ref([]),emits:()=>{}})});

package/lib/Tabs/hooks/useTabsScroll.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+import { Direction, ObjectData } from '../../_shared/type';
+declare const _default: (params: {
+    direction: Ref<Direction>;
+    panes: Ref<ObjectData[]>;
+    listRef: Ref<HTMLDivElement | undefined>;
+}) => {
+    navHeight: Ref<number, number>;
+    scrollDis: Ref<number, number>;
+    isScrollable: Ref<boolean, boolean>;
+    preDisabled: import('vue').ComputedRef<boolean>;
+    nextDisabled: import('vue').ComputedRef<boolean>;
+    handleScroll: (type: "pre" | "next") => void;
+};
+export default _default;

package/lib/Tabs/hooks/useTabsScroll.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                              */module.exports=u=>{const{direction:r,panes:t,listRef:s}=u,v=e.ref(!1),i=e.ref(0),o=e.ref(0),n=e.ref(0),c=e.ref(0),h=e.ref(0),d=e.ref(0),f=e.computed(()=>!i.value),m=e.computed(()=>"horizontal"==r.value?Math.abs(i.value)+c.value>=o.value:Math.abs(i.value)+h.value>=n.value);l.useResizeObserver(s,()=>q()),e.watch(()=>t.value.length,async()=>{await a.sleep(0),q()});const p=()=>{n.value=s.value.scrollHeight,o.value=s.value.scrollWidth,c.value=s.value.parentElement.offsetWidth,h.value=s.value.parentElement.offsetHeight,d.value=s.value.parentElement.parentElement.offsetHeight},q=()=>{p(),"horizontal"==r.value?v.value=o.value>c.value:v.value=n.value>h.value};return{navHeight:d,scrollDis:i,isScrollable:v,preDisabled:f,nextDisabled:m,handleScroll:e=>{p();const l="horizontal"===r.value?c.value:h.value,a="horizontal"===r.value?o.value:n.value,u=.8*l;let t=i.value;t="next"===e?Math.max(i.value-u,l-a):Math.min(i.value+u,0),i.value=t}}};