yc-design-vue 1.0.1

package/lib/TimePicker/TimePicker.vue.d.ts

@@ -0,0 +1,147 @@
+import { TimePickerProps, TimePickerSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TimePickerSlots> & TimePickerSlots;
+    refs: {
+        panelRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                scroll(value: string): Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
+            scroll(value: string): Promise<void>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                extra?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+    clear: () => any;
+    select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+    "update:modelValue": (value: import('./type').TimePickerValue) => any;
+}, string, import('vue').PublicProps, Readonly<TimePickerProps> & Readonly<{
+    onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    disabled: boolean;
+    position: import('./type').TimePickerPosition;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    error: boolean;
+    type: import('./type').TimePickerType;
+    placeholder: string | string[];
+    triggerProps: import('../Trigger').TriggerProps;
+    format: string;
+    disabledHours: import('./type').DisabledHours;
+    disabledMinutes: import('./type').DisabledMinutes;
+    disabledSeconds: import('./type').DisabledSeconds;
+    hideDisabledOptions: boolean;
+    modelValue: import('./type').TimePickerValue;
+    defaultValue: import('./type').TimePickerValue;
+    allowClear: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panelRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+            scroll(value: string): Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
+        scroll(value: string): Promise<void>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            extra?(_: {}): any;
+        };
+    }) | null;
+}, 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/TimePicker/TimePicker.vue.js

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

package/lib/TimePicker/TimePicker.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js"),l=require("../_shared/utils/time.js"),o=require("../_shared/utils/global-config.js"),t=require("./hooks/useContext.js"),i=require("../_shared/components/IconButton.vue.js");,/* empty css                                          */;/* empty css                          */const a=require("../_shared/icons/IconTime.vue.js"),n=require("../Trigger/index.js"),s=require("./TimePickerPanel.vue.js"),u={key:0,class:"yc-picker-prefix"},c=["value","placeholder","disabled","readonly"],p=["value","placeholder","disabled","readonly"],d={class:"yc-picker-suffix"},f={class:"yc-picker-suffix-icon"},m=e.defineComponent({name:"TimePicker",inheritAttrs:!1,__name:"TimePicker",props:{type:{default:"time"},modelValue:{default:void 0},defaultValue:{default:e=>"time-range"==e.type?[]:""},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!0},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},format:{default:"HH:mm:ss"},placeholder:{default:e=>"time-range"==e.type?["开始时间","结束时间"]:"请选择时间"},size:{default:void 0},popupContainer:{default:void 0},step:{},disabledHours:{type:Function,default:()=>[]},disabledMinutes:{type:Function,default:()=>[]},disabledSeconds:{type:Function,default:()=>[]},hideDisabledOptions:{type:Boolean,default:!1},disableConfirm:{type:Boolean},position:{default:"bl"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{emit:y}){const v=m,k=y,{popupContainer:h,size:b}=o.getGlobalConfig(v),{type:g,computedValue:C,computedVisible:V,showClearBtn:x,readonly:B,disabled:_,curIndex:q,inputRefs:N,format:j}=t().provide(v,k),E=e.ref(),w=()=>{C.value="time-range"==g.value?[]:"",k("clear")},$=e=>{var l;q.value=e,V.value=!0,null==(l=E.value)||l.scroll(r.isArray(C.value)?C.value[e]:C.value)},z=()=>{if(V.value=!1,!r.isArray(C.value))return;const e=C.value[0],o=C.value[1];e&&o?l.isValidTimeRange(e,o,j.value)||(C.value=C.value.reverse()):C.value=[]};return(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),e.mergeProps({"popup-visible":e.unref(V),position:l.position,"popup-container":e.unref(h),"popup-offset":4,"unmount-on-close":l.unmountOnClose,disabled:e.unref(_)||e.unref(B),"on-click-out-side":z,"auto-fit-popup-min-width":!1,"auto-fit-popup-width":!1,trigger:"click","animation-name":"slide-dynamic-origin","prevent-focus":""},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(s,{ref_key:"panelRef",ref:E},e.createSlots({_:2},[l.$slots.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"extra",{},void 0,!0)]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(b)}`,l.$attrs.class,{"yc-picker-disabled":e.unref(_),"yc-picker-error":l.error,"yc-picker-focus":e.unref(V),"yc-picker-has-prefix":l.$slots.prefix,"yc-picker-allow-clear":e.unref(x)}]),style:e.normalizeStyle({...l.$attrs.style||{}})},[l.$slots.prefix?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(l.$slots,"prefix",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(q)&&e.unref(V)}]),onClick:o[0]||(o[0]=e.withModifiers(e=>$(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[0]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[0]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[0]=r,class:"yc-picker-start-time"},null,8,c)],2),"time-range"==e.unref(g)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o[2]||(o[2]=e.createElementVNode("span",{class:"yc-picker-separator"}," - ",-1)),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":e.unref(q)&&e.unref(V)}]),onClick:o[1]||(o[1]=e.withModifiers(e=>$(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(r.isArray)(e.unref(C))?e.unref(C)[1]:e.unref(C),placeholder:e.unref(r.isArray)(l.placeholder)?l.placeholder[1]:l.placeholder,disabled:e.unref(_),readonly:e.unref(B),ref:r=>e.unref(N)[1]=r,class:"yc-picker-start-time"},null,8,p)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",d,[e.unref(x)?(e.openBlock(),e.createBlock(e.unref(i),{key:0,size:14,class:"yc-picker-clear-icon",onClick:w})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(l.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(a))],!0)])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});module.exports=m;

package/lib/TimePicker/TimePickerPanel.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extra?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    scroll(value: string): Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/TimePicker/TimePickerPanel.vue.js

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

package/lib/TimePicker/TimePickerPanel.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../node_modules/b-tween/dist/b-tween.es.js"),t=require("../node_modules/dayjs/dayjs.min.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/fn.js"),o=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const u=require("./hooks/useContext.js"),i=require("../Button/index.js"),a=require("../Scrollbar/index.js"),n={class:"yc-timepicker-container"},s={class:"yc-timepicker"},c=["onClick"],d={class:"yc-timepicker-cell-inner"},m={key:0,class:"yc-timepicker-footer-extra-wrapper"},v={key:1,class:"yc-timepicker-footer-btn-wrapper"},p=e.defineComponent({__name:"TimePickerPanel",setup(p,{expose:f}){const{timeColumn:k,timeColumnCells:y,curValue:h,format:_,computedValue:C,computedVisible:b,disableConfirm:j,hideDisabledOptions:q,curIndex:x,inputRefs:B,disabledHours:g,disabledMinutes:w,disabledSeconds:E}=u().inject(),V=e.ref([]),N=e.computed(()=>!h.value.length||h.value.some(e=>!`${e}`)),S=(e,l)=>{var t,r,o;return"hour"==l?null==(t=null==g?void 0:g())?void 0:t.includes(e):"minute"==l?null==(r=null==w?void 0:w(...h.value))?void 0:r.includes(e):null==(o=null==E?void 0:E(...h.value))?void 0:o.includes(e)},T=(e,t,r)=>{h.value[t]=e,k.value.forEach((e,l)=>{h.value[l]=o.isUndefined(h.value[l])?0:h.value[l]});const u=V.value[t].getScrollRef();new l({from:{scroll:u.scrollTop},to:{scroll:r.offsetTop},duration:300,easing:"quadOut",onUpdate:e=>{u.scrollTo({top:e.scroll,behavior:"instant"})}}).start(),j.value&&z()},D=e=>{const l=V.value.map(e=>e.getScrollRef().querySelectorAll(".yc-timepicker-cell"));k.value.map((t,r)=>{const o=e[t];T(o,r,Array.from(l[r])[o])})},z=()=>{var e;let l=t();k.value.forEach((e,t)=>{l=l.set(e,h.value[t])});const r=l.format(_.value);if(o.isArray(C.value)){if(C.value[x.value]=r,j.value)return;if(x.value||C.value[x.value+1])return b.value=!1;x.value++,null==(e=B.value[x.value])||e.focus(),h.value=[]}else b.value=!1,C.value=r};return f({async scroll(e){if(!b.value||!e)return;await r.sleep(0);const l=t(e,_.value),o={hour:l.hour(),minute:l.minute(),second:l.second()};h.value=k.value.map(e=>o[e]),D(o)}}),(l,t)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(l,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"yc-timepicker-column"},[e.createVNode(e.unref(a),{"outer-style":{height:"100%"},style:{height:"100%",overflow:"auto"},ref_for:!0,ref:e=>V.value[t]=e},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.cells,r=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:r.value,class:e.normalizeClass(["yc-timepicker-cell",{"yc-timepicker-cell-selected":r.value==e.unref(h)[t],"yc-timepicker-cell-disabled":S(r.value,l.unit)}]),onClick:e=>!S(r.value,l.unit)&&T(r.value,t,e.target)},[e.createElementVNode("div",d,e.toDisplayString(r.label),1)],10,c)),[[e.vShow,!e.unref(q)||!S(r.value,l.unit)]])),128))])]),_:2},1536)]))),128))]),l.$slots.extra?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0),e.unref(j)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(i.default),{size:"mini",onClick:t[0]||(t[0]=()=>{const e=new Date;D({hour:e.getHours(),minute:e.getMinutes(),second:e.getSeconds()})})},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode("此刻",-1)])),_:1,__:[1]}),e.createVNode(e.unref(i.default),{type:"primary",size:"mini",disabled:N.value,onClick:z},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 确定 ",-1)])),_:1,__:[2]},8,["disabled"])]))]))}});module.exports=p;

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

@@ -0,0 +1,42 @@
+import { Ref } from 'vue';
+import { TimePickerEmits, TimePickerType, TimePickerValue, TimeUnit, DisabledHours, DisabledMinutes, DisabledSeconds } from '../type';
+import { Props } from '../../_shared/type';
+type TimePickerContext = {
+    type: Ref<TimePickerType>;
+    format: Ref<string>;
+    computedValue: Ref<TimePickerValue>;
+    computedVisible: Ref<boolean>;
+    curIndex: Ref<number>;
+    curValue: Ref<number[]>;
+    timeColumn: Ref<TimeUnit[]>;
+    timeColumnCells: Ref<{
+        unit: TimeUnit;
+        cells: TimePickerCell[];
+    }[]>;
+    inputRefs: Ref<HTMLInputElement[]>;
+    disableConfirm: Ref<boolean>;
+    hideDisabledOptions: Ref<boolean>;
+    disabledHours: DisabledHours;
+    disabledMinutes: DisabledMinutes;
+    disabledSeconds: DisabledSeconds;
+};
+type TimePickerCell = {
+    label: string;
+    value: number;
+};
+declare const _default: () => {
+    provide: (props: Props, emits: TimePickerEmits) => {
+        computedValue: import('vue').WritableComputedRef<any, TimePickerValue>;
+        computedVisible: import('vue').WritableComputedRef<any, boolean>;
+        showClearBtn: import('vue').ComputedRef<any>;
+        curValue: Ref<number[], number[]>;
+        readonly: Ref<boolean, boolean>;
+        disabled: Ref<boolean, boolean>;
+        type: Ref<TimePickerType, TimePickerType>;
+        curIndex: Ref<number, number>;
+        inputRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
+        format: Ref<string, string>;
+    };
+    inject: () => TimePickerContext;
+};
+export default _default;

package/lib/TimePicker/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const s=require("../../_shared/utils/control.js"),l="time-picker-context";module.exports=()=>({provide:(i,r)=>{const{modelValue:t,defaultValue:o,popupVisible:d,defaultPopupVisible:a,disabled:n,readonly:c,allowClear:p,format:m,type:f,disableConfirm:b,hideDisabledOptions:h,step:v}=e.toRefs(i),{disabledHours:V,disabledMinutes:C,disabledSeconds:y}=i,j=s(t,o.value,e=>{r("update:modelValue",e)}),q=e.ref(0),_=e.ref([]),x=s(d,a.value,e=>{r("update:popupVisible",e),r("popup-visible-change",e)}),H=e.computed(()=>{const e=!n.value&&!c.value&&p.value;return u.isArray(j.value)?j.value[0]&&j.value[1]&&e:j.value&&e}),g=e.computed(()=>{const e=m.value.toLowerCase().replace(/[^a-z]/g,""),u=[];return e.includes("h")&&u.push("hour"),e.includes("m")&&u.push("minute"),e.includes("s")&&u.push("second"),u.length>0?u:["hour","minute","second"]}),I=e.computed(()=>g.value.map(e=>{var u;const s=(null==(u=v.value)?void 0:u[e])||1,l=Math.ceil(("hour"===e?24:60)/s);return{unit:e,cells:Array.from({length:l},(e,u)=>{const l=u*s;return{label:`${l<=9?"0":""}${l}`,value:l}})}})),M=e.ref([]);return e.provide(l,{computedValue:j,computedVisible:x,timeColumn:g,timeColumnCells:I,curValue:_,format:m,type:f,curIndex:q,inputRefs:M,disableConfirm:b,hideDisabledOptions:h,disabledHours:V,disabledMinutes:C,disabledSeconds:y}),{computedValue:j,computedVisible:x,showClearBtn:H,curValue:_,readonly:c,disabled:n,type:f,curIndex:q,inputRefs:M,format:m}},inject:()=>e.inject(l,{type:e.ref("time"),format:e.ref("HH:mm:ss"),curValue:e.ref([]),computedValue:e.ref(""),computedVisible:e.ref(!1),curIndex:e.ref(0),timeColumn:e.ref([]),timeColumnCells:e.ref([]),inputRefs:e.ref([]),disableConfirm:e.ref(!1),hideDisabledOptions:e.ref(!1),disabledHours:()=>[],disabledMinutes:()=>[],disabledSeconds:()=>[]})});

package/lib/TimePicker/index.d.ts

@@ -0,0 +1,173 @@
+import { App } from 'vue';
+import { default as _TimePicker } from './TimePicker.vue';
+export type TimePickerInstance = InstanceType<typeof _TimePicker>;
+export * from './type';
+declare const TimePicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TimePickerProps> & Readonly<{
+        onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+        "update:popupVisible": (value: boolean) => any;
+        "popup-visible-change": (value: boolean) => any;
+        clear: () => any;
+        select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+        "update:modelValue": (value: import('./type').TimePickerValue) => any;
+    }, import('vue').PublicProps, {
+        size: import('..').Size;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        disabled: boolean;
+        position: import('./type').TimePickerPosition;
+        unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        error: boolean;
+        type: import('./type').TimePickerType;
+        placeholder: string | string[];
+        triggerProps: import('..').TriggerProps;
+        format: string;
+        disabledHours: import('./type').DisabledHours;
+        disabledMinutes: import('./type').DisabledMinutes;
+        disabledSeconds: import('./type').DisabledSeconds;
+        hideDisabledOptions: boolean;
+        modelValue: import('./type').TimePickerValue;
+        defaultValue: import('./type').TimePickerValue;
+        allowClear: boolean;
+        readonly: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        panelRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                scroll(value: string): Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "scroll"> & import('vue').ShallowUnwrapRef<{
+            scroll(value: string): Promise<void>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                extra?(_: {}): any;
+            };
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').TimePickerProps> & Readonly<{
+        onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('..').Size;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        disabled: boolean;
+        position: import('./type').TimePickerPosition;
+        unmountOnClose: boolean;
+        popupContainer: import('..').PopupContainer;
+        error: boolean;
+        type: import('./type').TimePickerType;
+        placeholder: string | string[];
+        triggerProps: import('..').TriggerProps;
+        format: string;
+        disabledHours: import('./type').DisabledHours;
+        disabledMinutes: import('./type').DisabledMinutes;
+        disabledSeconds: import('./type').DisabledSeconds;
+        hideDisabledOptions: boolean;
+        modelValue: import('./type').TimePickerValue;
+        defaultValue: import('./type').TimePickerValue;
+        allowClear: boolean;
+        readonly: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').TimePickerProps> & Readonly<{
+    onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+    clear: () => any;
+    select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
+    "update:modelValue": (value: import('./type').TimePickerValue) => any;
+}, string, {
+    size: import('..').Size;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    disabled: boolean;
+    position: import('./type').TimePickerPosition;
+    unmountOnClose: boolean;
+    popupContainer: import('..').PopupContainer;
+    error: boolean;
+    type: import('./type').TimePickerType;
+    placeholder: string | string[];
+    triggerProps: import('..').TriggerProps;
+    format: string;
+    disabledHours: import('./type').DisabledHours;
+    disabledMinutes: import('./type').DisabledMinutes;
+    disabledSeconds: import('./type').DisabledSeconds;
+    hideDisabledOptions: boolean;
+    modelValue: import('./type').TimePickerValue;
+    defaultValue: import('./type').TimePickerValue;
+    allowClear: boolean;
+    readonly: 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').TimePickerSlots> & import('./type').TimePickerSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcTimePicker: typeof TimePicker;
+    }
+}
+export default TimePicker;

package/lib/TimePicker/index.js

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

package/lib/TimePicker/type.d.ts

@@ -0,0 +1,50 @@
+import { PopupContainer, Size } from '../_shared/type';
+import { TriggerProps } from '../Trigger';
+export interface TimePickerProps {
+    type?: TimePickerType;
+    modelValue?: TimePickerValue;
+    defaultValue?: TimePickerValue;
+    disabled?: boolean;
+    allowClear?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    format?: string;
+    placeholder?: string | string[];
+    size?: Size;
+    popupContainer?: PopupContainer;
+    step?: {
+        hour?: number;
+        minute?: number;
+        second?: number;
+    };
+    disabledHours?: DisabledHours;
+    disabledMinutes?: DisabledMinutes;
+    disabledSeconds?: DisabledSeconds;
+    hideDisabledOptions?: boolean;
+    disableConfirm?: boolean;
+    position?: TimePickerPosition;
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    triggerProps?: TriggerProps;
+    unmountOnClose?: boolean;
+}
+export interface TimePickerEmits {
+    (e: 'update:modelValue', value: TimePickerValue): void;
+    (e: 'update:popupVisible', value: boolean): void;
+    (e: 'change', timeString: string | Array<string | undefined> | undefined, time: Date | Array<Date | undefined> | undefined): void;
+    (e: 'select', timeString: string | Array<string | undefined> | undefined, time: Date | Array<Date | undefined> | undefined): void;
+    (e: 'clear'): void;
+    (e: 'popup-visible-change', value: boolean): void;
+}
+export interface TimePickerSlots {
+    prefix(): void;
+    ['suffix-icon'](): void;
+    extra(): void;
+}
+export type TimeUnit = 'hour' | 'minute' | 'second';
+export type TimePickerValue = string | number | Date | (string | number | Date)[];
+export type TimePickerType = 'time' | 'time-range';
+export type TimePickerPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
+export type DisabledHours = () => number[];
+export type DisabledMinutes = (selectedHour?: number) => number[];
+export type DisabledSeconds = (selectedHour?: number, selectedMinute?: number) => number[];

package/lib/Timeline/Timeline.vue.d.ts

@@ -0,0 +1,22 @@
+import { TimelineProps, TimelineSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TimelineSlots> & TimelineSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TimelineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
+    reverse: boolean;
+    mode: import('./type').TimelineMode;
+    direction: import('..').Direction;
+    labelPosition: import('./type').TimelineLabelPosition;
+    pending: boolean | 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/Timeline/Timeline.vue.js

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

package/lib/Timeline/Timeline.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/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=require("./hooks/useContext.js"),n=require("./TimelineItem.vue.js"),i=require("../Spin/index.js"),r={key:0},l=e.defineComponent({name:"Timeline",__name:"Timeline",props:{reverse:{type:Boolean,default:!1},direction:{default:"vertical"},mode:{default:e=>"horizontal"==e.direction?"top":"left"},pending:{type:[Boolean,String],default:!1},labelPosition:{default:"same"}},setup(l){const s=l,{direction:a,mode:c,timelineItems:d}=o().provide(s),u=e=>"alternate"!=c.value?c.value:"horizontal"==a.value?e%2==0?"top":"bottom":e%2==0?"left":"right";return(o,l)=>(e.openBlock(),e.createElementBlock("div",{role:"list",class:e.normalizeClass(["yc-timeline",`yc-timeline-direction-${e.unref(a)}`,`yc-timeline-${e.unref(c)}`,{"yc-timeline-reverse":o.reverse}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:o,mode:u(o)},null,8,["mode"]))),128)),o.pending?(e.openBlock(),e.createBlock(n,{key:0,"is-ghost":""},{dot:e.withCtx(()=>[e.renderSlot(o.$slots,"dot",{},()=>[e.createVNode(e.unref(i),{size:12})],!0)]),default:e.withCtx(()=>[e.unref(t.isString)(o.pending)?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.pending),1)):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0)],2))}});module.exports=l;

package/lib/Timeline/TimelineItem.vue.d.ts

@@ -0,0 +1,24 @@
+import { TimelineItemProps, TimelineItemSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TimelineItemSlots> & TimelineItemSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TimelineItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
+    position: import('./type').TimelinePositon;
+    label: string;
+    dotColor: string;
+    dotType: import('./type').TimelineDotType;
+    lineType: import('./type').TimelineLineType;
+    lineColor: string;
+    isGhost: 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/Timeline/TimelineItem.vue.js

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

package/lib/Timeline/TimelineItem.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./hooks/useContext.js"),l={class:"yc-timeline-item-dot-wrapper"},i={class:"yc-timeline-item-dot-content"},o={key:0,class:"yc-timeline-item-dot-custom"},n={class:"yc-timeline-item-content-wrapper"},s={class:"yc-timeline-item-content"},r={key:0,class:"yc-timeline-item-label"},m={key:0,class:"yc-timeline-item-label"},c=e.defineComponent({name:"TimelineItem",__name:"TimelineItem",props:{dotColor:{default:""},dotType:{default:"solid"},lineType:{default:"solid"},lineColor:{default:""},label:{default:""},position:{default:"top"},isGhost:{type:Boolean,default:!1}},setup(c){const{direction:a,labelPosition:d,reverse:y}=t().inject();return(t,c)=>(e.openBlock(),e.createElementBlock("div",{role:"listitem",class:e.normalizeClass(["yc-timeline-item",`yc-timeline-item-${t.$attrs.mode}`,`yc-timeline-item-direction-${e.unref(a)}`,{"yc-timeline-item-label-is-relative":"relative"==e.unref(d),"yc-timeline-item-ghost":t.isGhost,"yc-timeline-item-reverse":e.unref(y)}])},[e.createElementVNode("div",l,[e.createElementVNode("div",{class:"yc-timeline-item-dot-line",style:e.normalizeStyle({"border-style":t.lineType})},null,4),e.createElementVNode("div",i,[t.$slots.dot?(e.openBlock(),e.createElementBlock("div",o,[e.renderSlot(t.$slots,"dot",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["yc-timeline-item-dot",`yc-timeline-item-dot-${t.dotType}`]),style:e.normalizeStyle({backgroundColor:t.dotColor})},null,6))])]),e.createElementVNode("div",n,[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"default",{},void 0,!0)]),"same"==e.unref(d)?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)])):e.createCommentVNode("",!0)]),"relative"==e.unref(d)?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)])):e.createCommentVNode("",!0)],2))}});module.exports=c;

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

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { TimelineLabelPosition, TimelineMode } from '../type';
+import { Props, Direction } from '../../_shared/type';
+type TimelineContext = {
+    direction: Ref<Direction>;
+    mode: Ref<TimelineMode>;
+    reverse: Ref<boolean>;
+    labelPosition: Ref<TimelineLabelPosition>;
+};
+declare const _default: () => {
+    provide: (props: Props) => {
+        direction: Ref<Direction, Direction>;
+        mode: import('vue').ComputedRef<TimelineMode>;
+        timelineItems: import('vue').ComputedRef<import('../../_shared/type').ObjectData[]>;
+    };
+    inject: () => TimelineContext;
+};
+export default _default;

package/lib/Timeline/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/vue-utils.js");require("../../Empty/index.js");/* empty css                              */const r=require("../TimelineItem.vue.js"),i="timeline-context";module.exports=()=>({provide:o=>{const{direction:s,labelPosition:l,reverse:n,mode:u}=e.toRefs(o),d=e.useSlots(),a=e.computed(()=>"vertical"==s.value?["left","right","alternate"].includes(u.value)?u.value:"left":["top","bottom","alternate"].includes(u.value)?u.value:"bottom"),c=e.computed(()=>{var e;return t.findComponentsFromVnodes((null==(e=d.default)?void 0:e.call(d))||[],r.name)});return e.provide(i,{direction:s,mode:a,labelPosition:l,reverse:n}),{direction:s,mode:a,timelineItems:c}},inject:()=>e.inject(i,{direction:e.ref("vertical"),mode:e.ref("left"),labelPosition:e.ref("same"),reverse:e.ref(!1)})});