yc-design-vue 1.0.1

package/lib/Timeline/index.d.ts

@@ -0,0 +1,88 @@
+import { App } from 'vue';
+import { default as _Timeline } from './Timeline.vue';
+import { default as _TimelineItem } from './TimelineItem.vue';
+export type TimelineInstance = InstanceType<typeof _Timeline>;
+export type TimelineItemInstance = InstanceType<typeof _TimelineItem>;
+export * from './type';
+declare const Timeline: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimelineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        reverse: boolean;
+        mode: import('./type').TimelineMode;
+        direction: import('..').Direction;
+        labelPosition: import('./type').TimelineLabelPosition;
+        pending: boolean | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').TimelineProps> & Readonly<{}>, {}, {}, {}, {}, {
+        reverse: boolean;
+        mode: import('./type').TimelineMode;
+        direction: import('..').Direction;
+        labelPosition: import('./type').TimelineLabelPosition;
+        pending: boolean | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').TimelineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    reverse: boolean;
+    mode: import('./type').TimelineMode;
+    direction: import('..').Direction;
+    labelPosition: import('./type').TimelineLabelPosition;
+    pending: boolean | 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').TimelineSlots> & import('./type').TimelineSlots;
+}) & {
+    item: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            position: import('./type').TimelinePositon;
+            label: string;
+            dotColor: string;
+            dotType: import('./type').TimelineDotType;
+            lineType: import('./type').TimelineLineType;
+            lineColor: string;
+            isGhost: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, {
+            position: import('./type').TimelinePositon;
+            label: string;
+            dotColor: string;
+            dotType: import('./type').TimelineDotType;
+            lineType: import('./type').TimelineLineType;
+            lineColor: string;
+            isGhost: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        position: import('./type').TimelinePositon;
+        label: string;
+        dotColor: string;
+        dotType: import('./type').TimelineDotType;
+        lineType: import('./type').TimelineLineType;
+        lineColor: string;
+        isGhost: 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').TimelineItemSlots> & import('./type').TimelineItemSlots;
+    });
+    install: (app: App) => void;
+};
+export { _TimelineItem as TimelineItem };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcTimeline: typeof Timeline;
+        YcTimelineItem: typeof _TimelineItem;
+    }
+}
+export default Timeline;

package/lib/Timeline/index.js

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

package/lib/Timeline/type.d.ts

@@ -0,0 +1,31 @@
+import { Direction } from '../_shared/type';
+export interface TimelineProps {
+    reverse?: boolean;
+    direction?: Direction;
+    mode?: TimelineMode;
+    pending?: boolean | string;
+    labelPosition?: TimelineLabelPosition;
+}
+export interface TimelineSlots {
+    dot(): void;
+    default(): void;
+}
+export interface TimelineItemProps {
+    dotColor?: string;
+    dotType?: TimelineDotType;
+    lineType?: TimelineLineType;
+    lineColor?: string;
+    label?: string;
+    position?: TimelinePositon;
+    isGhost?: boolean;
+}
+export interface TimelineItemSlots {
+    dot(): void;
+    label(): void;
+    default(): void;
+}
+export type TimelineMode = 'left' | 'right' | 'top' | 'bottom' | 'alternate';
+export type TimelineLabelPosition = 'relative' | 'same';
+export type TimelineDotType = 'hollow' | 'solid';
+export type TimelineLineType = 'solid' | 'dashed' | 'dotted';
+export type TimelinePositon = 'left' | 'right' | 'top' | 'bottom';

package/lib/Tooltip/index.d.ts

@@ -0,0 +1,90 @@
+import { App } from 'vue';
+import { default as _Tooltip } from './index.vue';
+export type TooltipInstance = InstanceType<typeof _Tooltip>;
+export * from './type';
+declare const Tooltip: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TooltipProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:popupVisible": (value: boolean) => any;
+        "popup-visible-change": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        mini: boolean;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        position: import('..').TriggerPostion;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
+        content: string;
+        backgroundColor: string;
+        triggerProps: import('..').TriggerProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').TooltipProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+    }, {}, {}, {}, {
+        mini: boolean;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        position: import('..').TriggerPostion;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
+        content: string;
+        backgroundColor: string;
+        triggerProps: import('..').TriggerProps;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').TooltipProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    hide(): void;
+    show(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+}, string, {
+    mini: boolean;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    position: import('..').TriggerPostion;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: import('vue').CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: import('vue').CSSProperties;
+    popupContainer: import('..').PopupContainer;
+    content: string;
+    backgroundColor: string;
+    triggerProps: import('..').TriggerProps;
+}, {}, 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').TooltipSlots> & import('./type').TooltipSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcTooltip: typeof Tooltip;
+    }
+}
+export default Tooltip;

package/lib/Tooltip/index.js

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

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

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'vue';
+import { TooltipProps, TooltipSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TooltipSlots> & TooltipSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {
+    hide(): void;
+    show(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    mini: boolean;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    position: import('../Trigger').TriggerPostion;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: CSSProperties;
+    popupContainer: import('..').PopupContainer;
+    content: string;
+    backgroundColor: string;
+    triggerProps: import('../Trigger').TriggerProps;
+}, {}, {}, {}, 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/Tooltip/index.vue.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 o=require("../_shared/utils/control.js"),t=require("../Trigger/index.js"),l=e.defineComponent({name:"Tooltip",__name:"index",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},content:{default:""},position:{default:"bottom"},mini:{type:Boolean,default:!1},backgroundColor:{default:"rgb(29,33,41)"},contentClass:{default:""},contentStyle:{default:()=>({})},arrowClass:{default:""},arrowStyle:{default:()=>({})},popupContainer:{default:void 0},triggerProps:{default:()=>({})}},emits:["update:popupVisible","popup-visible-change"],setup(l,{expose:s,emit:r}){const i=l,n=r,{arrowStyle:p,contentStyle:a,backgroundColor:u}=e.toRefs(i),{popupVisible:c,defaultPopupVisible:d}=e.toRefs(i),f=o(c,d.value,e=>{n("update:popupVisible",e),n("popup-visible-change",e)}),m=e.computed(()=>({backgroundColor:u.value,...a.value})),y=e.computed(()=>({backgroundColor:u.value,...p.value}));return s({show(){f.value=!0},hide(){f.value=!1}}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({"popup-visible":e.unref(f),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(f)?f.value=o:null),"popup-container":o.popupContainer,position:o.position,"arrow-class":["yc-tooltip-popup-arrow",o.arrowClass],"arrow-style":m.value,"content-class":["yc-tooltip-popup-content",o.contentClass,{"yc-tooltip-mini":o.mini}],"content-style":y.value,"popup-offset":10,class:["yc-tooltip",o.$attrs.class],style:o.$attrs.style,"animation-name":"zoom-in-fade-out","need-transform-origin":"","show-arrow":""},o.triggerProps),{content:e.withCtx(()=>[e.renderSlot(o.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","popup-container","position","arrow-class","arrow-style","content-class","content-style","class","style"]))}});module.exports=l;

package/lib/Tooltip/index.vue3.js

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

package/lib/Tooltip/type.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'vue';
+import { ClassName, PopupContainer } from '../_shared/type';
+import { TriggerPostion, TriggerProps } from '../Trigger/type';
+export interface TooltipProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    content?: string;
+    position?: TriggerPostion;
+    mini?: boolean;
+    backgroundColor?: string;
+    contentClass?: ClassName;
+    contentStyle?: CSSProperties;
+    arrowClass?: ClassName;
+    arrowStyle?: CSSProperties;
+    popupContainer?: PopupContainer;
+    triggerProps?: TriggerProps;
+}
+export interface TooltipEmits {
+    (e: 'update:popupVisible', value: boolean): void;
+    (e: 'popup-visible-change', value: boolean): void;
+}
+export interface TooltipSlots {
+    default(): void;
+    content(): void;
+}
+export interface TooltipExpose {
+    hide(): void;
+    show(): void;
+}

package/lib/Transfer/Transfer.vue.d.ts

@@ -0,0 +1,42 @@
+import { TransferProps, TransferSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TransferSlots> & TransferSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').TransferItemValue[]) => any;
+    select: (value: import('./type').TransferItemValue[]) => any;
+    search: (value: string, type: "source" | "target") => any;
+    "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
+    "update:selected": (value: import('./type').TransferItemValue[]) => any;
+}, string, import('vue').PublicProps, Readonly<TransferProps> & Readonly<{
+    onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    data: import('./type').TransferItem[];
+    title: string[];
+    modelValue: string[];
+    defaultValue: string[];
+    simple: boolean;
+    selected: string[];
+    defaultSelected: string[];
+    oneWay: boolean;
+    sourceInputSearchProps: import('..').InputProps;
+    targetInputSearchProps: import('..').InputProps;
+    showSearch: boolean;
+    showSelectAll: 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/Transfer/Transfer.vue.js

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

package/lib/Transfer/Transfer.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"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./TransferPanel.vue.js"),r=require("../Button/index.js"),o={key:0,class:"yc-transfer-operations"},s=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(s,{emit:u}){const d=s,c=u,{computedValue:n,targetChecked:i,computedSelected:f,sourceChecked:p}=t().provide(d,c),m=()=>{const e=[...p.value];n.value=[...n.value,...p.value],f.value=f.value.filter(t=>!e.includes(t))},h=()=>{const e=[...i.value];n.value=n.value.filter(t=>!e.includes(t)),f.value=f.value.filter(t=>!e.includes(t))};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(l,{type:"source"}),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",o,[e.createVNode(e.unref(r.default),{disabled:!e.unref(p).length||t.disabled,shape:"circle",onClick:m},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(a))],!0)]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,disabled:!e.unref(i).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(a),{rotate:180})],!0)]),_:3},8,["disabled"]))])),e.createVNode(l,{type:"target"})],2))}});module.exports=s;

package/lib/Transfer/TransferPanel.vue.d.ts

@@ -0,0 +1,19 @@
+import { TransferPanelSlots } from './type';
+type __VLS_Props = {
+    type: 'source' | 'target';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TransferPanelSlots> & TransferPanelSlots;
+    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/Transfer/TransferPanel.vue.js

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

package/lib/Transfer/TransferPanel.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 l=require("../_shared/utils/global-config.js");;/* empty css                          */const t=require("../_shared/icons/IconClose.vue.js"),a=require("../_shared/icons/IconDelete.vue2.js"),r=require("../_shared/icons/IconSearch.vue2.js"),n=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),u=require("../Scrollbar/index.js"),c=require("../Input/index.js"),s=require("../_shared/components/IconButton.vue.js");;/* empty css                                          */const i={class:"yc-transfer-view"},v={class:"yc-transfer-view-header"},d={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},f={key:0,class:"yc-transfer-view-search"},p={class:"yc-transfer-view-body"},k={key:1,role:"list",class:"yc-transfer-list"},h=["onClick"],y={class:"yc-transfer-list-item-content text-ellipsis"},g=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(g){const B=g,{type:C}=e.toRefs(B),{renderEmpty:V}=l.getGlobalConfig(),{computedValue:x,computedSelected:N,targetChecked:_,sourceChecked:b,sourceOptions:w,targetOptions:E,disabled:S,oneWay:j,showSearch:q,showSelectAll:D,simple:I,sourceInputSearchProps:T,targetInputSearchProps:F,slots:P,title:z,emits:L}=n().inject(),O=e.ref(""),A=e.computed(()=>("source"==C.value?w.value:E.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes(O.value.toLowerCase())})),U=e.computed(()=>"source"==C.value?b.value:_.value),G=e.computed(()=>"source"==C.value?T.value:F.value),K=e.computed(()=>"source"==C.value?z.value[0]:z.value[1]),R=e.computed({get:()=>!!U.value.length&&U.value.length==A.value.length,set(e){if(e)N.value=[...new Set([...N.value,...A.value.map(e=>e.value)])];else{const e=Object.fromEntries(A.value.map(e=>[e.value,e]));N.value=N.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!U.value.length&&U.value.length<=A.value.length),$=()=>{!S.value&&x.value.length&&(x.value=[])},H=()=>{var e;return null==(e=P["source"==C.value?"source-title":"target-title"])?void 0:e.call(P,{countTotal:"source"==C.value?w.value.length:E.value.length,countSelected:"source"==C.value?b.value.length:_.value.length,searchValue:O.value,checked:R.value,indeterminate:W.value,onSelectAllChange:e=>{R.value=e},onClear:$})},J=()=>{var e;return null==(e=P[C.value])?void 0:e.call(P,{selectedKeys:U.value,data:A.value,onSelect:e=>{N.value=e}})},M=e=>()=>{var l;return null==(l=P.item)?void 0:l.call(P,e)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",v,[e.unref(P)[`${e.unref(C)}-title`]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(H),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",d,[!e.unref(D)||e.unref(I)||e.unref(j)&&"target"==e.unref(C)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(K.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:R.value,"onUpdate:modelValue":n[0]||(n[0]=e=>R.value=e),indeterminate:W.value,disabled:!A.value.length||e.unref(S)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(K.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(I)||e.unref(j)&&"target"==e.unref(C)?"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:1,size:14,onClick:$},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(U.value.length)+" / "+e.toDisplayString(A.value.length),1)],64))])],64))]),e.unref(q)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(c),e.mergeProps({modelValue:O.value,"onUpdate:modelValue":n[1]||(n[1]=e=>O.value=e)},G.value,{onInput:n[2]||(n[2]=l=>e.unref(L)("search",l,e.unref(C)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(r))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[A.value.length?(e.openBlock(),e.createBlock(e.unref(u),{key:0},{default:e.withCtx(()=>[e.unref(P)[e.unref(C)]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(J),{key:0})):(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":l.disabled||e.unref(S)}]),onClick:e=>(e=>{const{value:l}=e;S.value||e.disabled||(j.value&&"source"!=C.value||I.value)&&(x.value="source"==C.value?[...x.value,l]:x.value.filter(e=>e!=l))})(l)},[e.unref(j)&&(!e.unref(j)||"source"!=e.unref(C))||e.unref(I)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",y,[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),"target"!=e.unref(C)||e.unref(I)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":U.value.includes(l.value),disabled:l.disabled||e.unref(S),onChange:e=>((e,l)=>{N.value=e?[...N.value,l]:N.value.filter(e=>e!=l),L("select",N.value)})(e,l.value)},{default:e.withCtx(()=>[e.unref(P).item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(l)),{key:0})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(e.unref(P).item?"":l.label),1)]),_:2},1032,["model-value","disabled","onChange"]))],10,h))),128))]))]),_:1})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(V)("Transfer"))))])]))}});module.exports=g;

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

@@ -0,0 +1,32 @@
+import { Ref, Slots } from 'vue';
+import { TransferEmits, TransferItem, TransferItemValue } from '../type';
+import { InputProps } from '../../Input';
+import { Props } from '../../_shared/type';
+type TransferContext = {
+    computedValue: Ref<TransferItemValue[]>;
+    computedSelected: Ref<TransferItemValue[]>;
+    targetChecked: Ref<TransferItemValue[]>;
+    sourceChecked: Ref<TransferItemValue[]>;
+    sourceOptions: Ref<TransferItem[]>;
+    targetOptions: Ref<TransferItem[]>;
+    showSelectAll: Ref<boolean>;
+    disabled: Ref<boolean>;
+    title: Ref<string[]>;
+    sourceInputSearchProps: Ref<InputProps>;
+    targetInputSearchProps: Ref<InputProps>;
+    showSearch: Ref<boolean>;
+    oneWay: Ref<boolean>;
+    simple: Ref<boolean>;
+    slots: Slots;
+    emits: TransferEmits;
+};
+declare const _default: () => {
+    provide: (props: Props, emits: TransferEmits) => {
+        computedValue: import('vue').WritableComputedRef<any, TransferItemValue[]>;
+        targetChecked: import('vue').ComputedRef<any>;
+        computedSelected: import('vue').WritableComputedRef<any, TransferItemValue[]>;
+        sourceChecked: import('vue').ComputedRef<any>;
+    };
+    inject: () => TransferContext;
+};
+export default _default;

package/lib/Transfer/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"),require("../../Empty/index.js");/* empty css                              */const t=require("../../_shared/utils/control.js"),r="transfer-context";module.exports=()=>({provide:(s,u)=>{const{modelValue:o,defaultValue:a,selected:l,defaultSelected:c,data:d,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S}=e.toRefs(s),g=e.useSlots(),j=e.computed(()=>Object.fromEntries(d.value.map(e=>[e.value,e]))),q=t(o,a.value,e=>{u("update:modelValue",e),u("change",e)}),w=e.computed(()=>new Map(q.value.map(e=>[e,e]))),I=t(l,c.value,e=>{u("update:selected",e)}),k=e.computed(()=>d.value.filter(e=>!w.value.has(e.value))),y=e.computed(()=>q.value.map(e=>j.value[e])),C=e.computed(()=>I.value.filter(e=>!w.value.has(e))),P=e.computed(()=>I.value.filter(e=>w.value.has(e)));return e.provide(r,{computedValue:q,computedSelected:I,targetChecked:P,sourceChecked:C,sourceOptions:k,targetOptions:y,oneWay:p,simple:i,sourceInputSearchProps:n,targetInputSearchProps:h,showSearch:m,showSelectAll:f,disabled:v,title:S,slots:g,emits:u}),{computedValue:q,targetChecked:P,computedSelected:I,sourceChecked:C}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})});

package/lib/Transfer/index.d.ts

@@ -0,0 +1,99 @@
+import { App } from 'vue';
+import { default as _Transfer } from './Transfer.vue';
+export type TransferInstance = InstanceType<typeof _Transfer>;
+export * from './type';
+declare const Transfer: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TransferProps> & Readonly<{
+        onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('./type').TransferItemValue[]) => any;
+        select: (value: import('./type').TransferItemValue[]) => any;
+        search: (value: string, type: "source" | "target") => any;
+        "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
+        "update:selected": (value: import('./type').TransferItemValue[]) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        data: import('./type').TransferItem[];
+        title: string[];
+        modelValue: string[];
+        defaultValue: string[];
+        simple: boolean;
+        selected: string[];
+        defaultSelected: string[];
+        oneWay: boolean;
+        sourceInputSearchProps: import('..').InputProps;
+        targetInputSearchProps: import('..').InputProps;
+        showSearch: boolean;
+        showSelectAll: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').TransferProps> & Readonly<{
+        onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+        "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        data: import('./type').TransferItem[];
+        title: string[];
+        modelValue: string[];
+        defaultValue: string[];
+        simple: boolean;
+        selected: string[];
+        defaultSelected: string[];
+        oneWay: boolean;
+        sourceInputSearchProps: import('..').InputProps;
+        targetInputSearchProps: import('..').InputProps;
+        showSearch: boolean;
+        showSelectAll: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').TransferProps> & Readonly<{
+    onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+    "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').TransferItemValue[]) => any;
+    select: (value: import('./type').TransferItemValue[]) => any;
+    search: (value: string, type: "source" | "target") => any;
+    "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
+    "update:selected": (value: import('./type').TransferItemValue[]) => any;
+}, string, {
+    disabled: boolean;
+    data: import('./type').TransferItem[];
+    title: string[];
+    modelValue: string[];
+    defaultValue: string[];
+    simple: boolean;
+    selected: string[];
+    defaultSelected: string[];
+    oneWay: boolean;
+    sourceInputSearchProps: import('..').InputProps;
+    targetInputSearchProps: import('..').InputProps;
+    showSearch: boolean;
+    showSelectAll: 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').TransferSlots> & import('./type').TransferSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcTransfer: typeof Transfer;
+    }
+}
+export default Transfer;

package/lib/Transfer/index.js

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

package/lib/Transfer/type.d.ts

@@ -0,0 +1,64 @@
+import { InputProps } from '../Input';
+export interface TransferProps {
+    data?: TransferItem[];
+    modelValue?: string[];
+    defaultValue?: string[];
+    selected?: string[];
+    defaultSelected?: string[];
+    disabled?: boolean;
+    simple?: boolean;
+    oneWay?: boolean;
+    showSearch?: boolean;
+    showSelectAll?: boolean;
+    title?: string[];
+    sourceInputSearchProps?: InputProps;
+    targetInputSearchProps?: InputProps;
+}
+export interface TransferEmits {
+    (e: 'update:selected', value: TransferItemValue[]): void;
+    (e: 'update:modelValue', value: TransferItemValue[]): void;
+    (e: 'change', value: TransferItemValue[]): void;
+    (e: 'select', value: TransferItemValue[]): void;
+    (e: 'search', value: string, type: 'target' | 'source'): void;
+}
+export interface TransferSlots {
+    source(scope: DefaultSlots): void;
+    target(scope: DefaultSlots): void;
+    ['source-title'](scope: TitleSlots): void;
+    ['target-title'](scope: TitleSlots): void;
+    ['to-source-icon'](): void;
+    ['to-target-icon'](): void;
+    item(scope: {
+        value: string;
+        label: string;
+    }): void;
+}
+export interface TransferPanelSlots {
+    default(scope: DefaultSlots): void;
+    ['title'](scope: TitleSlots): void;
+    item(scope: {
+        value: string;
+        label: string;
+    }): void;
+}
+export interface TransferItem {
+    label?: string;
+    value?: TransferItemValue;
+    disabled?: boolean;
+}
+export type TransferItemValue = string | number;
+type TitleSlots = {
+    countTotal: number;
+    countSelected: number;
+    searchValue: string;
+    checked: boolean;
+    indeterminate: boolean;
+    onSelectAllChange: (checked: boolean) => void;
+    onClear: () => void;
+};
+type DefaultSlots = {
+    data: TransferItem[];
+    selectedKeys: string[];
+    onSelect: (value: TransferItemValue[]) => void;
+};
+export {};

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

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { TriggerType, TriggerProps as _TriggerProps } from '../type';
+import { RequiredDeep } from '../../_shared/type';
+export type TriggerProps = RequiredDeep<_TriggerProps>;
+/**
+ *  depth 记录组件内部嵌套的层级,当curHoverLevel小于level关闭
+ *  curDepth 记录当前hover的层级
+ *  groupIds 同一个submenu里面的groupId集合
+ *  groupId  组件标识，用于标识元素是否处于一个嵌套中
+ */
+declare const _default: (params: {
+    trigger: TriggerType;
+    mouseEnterDelay: Ref<number>;
+    computedVisible: Ref<boolean>;
+    popupRef: Ref<HTMLDivElement | undefined>;
+}) => {
+    timeout: Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
+    mouseEnterHandler: () => void;
+    clickOutsideHandler: (e: Event) => boolean;
+    mosueLeaveHandler: (e: MouseEvent) => boolean;
+};
+export default _default;

package/lib/Trigger/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/fn.js");require("../../_shared/utils/time.js");const u=require("../../_shared/utils/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const o="trigger-context";module.exports=i=>{const{trigger:s,popupRef:a,computedVisible:n,mouseEnterDelay:l}=i,{depth:d,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=d+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=s||(n.value=!1)}),e.watch(()=>n.value,async e=>{if(!e)return;await r.sleep(0);const t=u.unrefElement(a);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},l.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return n.value=t?h<=r:n.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?n.value=!1:p.value=-1,!0}}};