yc-design-vue 2.2.9 → 2.3.1

package/lib/TimePicker/TimePickerPanel.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});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");const u=require("../_shared/utils/dom.js"),a=require("../_shared/utils/is.js"),r=require("../_shared/utils/locale.js"),i=require("../_shared/utils/time.js"),o=require("./hooks/useContext.js"),n=require("../Button/index.js"),s=require("../Scrollbar/index.js"),c={class:"yc-timepicker-container"},d={class:"yc-timepicker"},v=["onClick"],m={class:"yc-timepicker-cell-inner"},f={key:0,class:"yc-timepicker-footer-extra-wrapper"},p={key:1,class:"yc-timepicker-footer-btn-wrapper"},k=e.defineComponent({__name:"TimePickerPanel",setup(k){const{timeColumn:y,timeColumnCells:h,curValue:b,format:w,computedValue:g,computedVisible:C,disableConfirm:_,hideDisabledOptions:B,curIndex:j,inputRefs:x,hideTrigger:V,scrollbar:q,scrollOffset:E,disabledHours:N,disabledMinutes:S,disabledSeconds:T}=o.default().inject(),{t:P}=r.useI18n(),D=e.ref([]),O=e.ref([[],[],[]]),z=e.computed(()=>!b.value.length||b.value.some(e=>!`${e}`)),F=(e,l)=>{var t,u,a;return"hour"==l?null==(t=null==N?void 0:N())?void 0:t.includes(e):"minute"==l?null==(u=null==S?void 0:S(...b.value))?void 0:u.includes(e):null==(a=null==T?void 0:T(...b.value))?void 0:a.includes(e)},M=(e,t,u)=>new Promise(r=>{b.value[t]=e,y.value.forEach((e,l)=>{b.value[l]=a.isUndefined(b.value[l])?0:b.value[l]});const i=D.value[t];i&&u&&new l.default({from:{scroll:i.scrollTop},to:{scroll:u.offsetTop},duration:300,easing:"quadOut",onUpdate:e=>{i.scrollTop=e.scroll-E.value},onFinish:()=>{r("")}}).start(),_.value&&$()}),R=async(e,l)=>{const t={hour:e.hour(),minute:e.minute(),second:e.second()},u={hour:null==l?void 0:l.hour(),minute:null==l?void 0:l.minute(),second:null==l?void 0:l.second()};for(let a=0;a<y.value.length;a++){const e=t[y.value[a]];if(u){if(u[y.value[a]]==e)continue}await M(e,a,O.value[a][e])}},$=()=>{var e;let l=t.default();y.value.forEach((e,t)=>{l=l.set(e,b.value[t])});const u=l.format(w.value);if(a.isArray(g.value)){if(g.value[j.value]=u,_.value)return;if(j.value||g.value[j.value+1]){return!i.isValidTimeRange(g.value[0],g.value[1],w.value)&&(g.value=g.value.reverse()),void(C.value=!1)}j.value++,null==(e=x.value[j.value])||e.focus(),b.value=[]}else C.value=!1,g.value=u};return e.watch(()=>g.value,async(e,l)=>{if(await u.sleep(0),!e)return b.value=[];if(!V.value)return;const a=t.default(l,w.value),r=t.default(e,w.value);R(r,a)},{immediate:!0}),e.watch(()=>C.value,async e=>{const l=a.isArray(g.value)?g.value[j.value]:g.value;if(!l)return b.value=[];e&&(await u.sleep(0),R(t.default(l,w.value)))},{immediate:!0}),(l,u)=>(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(h),(l,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"yc-timepicker-column"},[e.createVNode(e.unref(s.default),{"outer-style":{height:"100%"},style:{height:"100%",overflow:"auto"},scrollbar:e.unref(q),ref_for:!0,ref:e=>D.value[t]=null==e?void 0:e.getScrollRef()},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.cells,(u,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:u.value,class:e.normalizeClass(["yc-timepicker-cell",{"yc-timepicker-cell-selected":u.value==e.unref(b)[t],"yc-timepicker-cell-disabled":F(u.value,l.unit)}]),ref_for:!0,ref:e=>O.value[t][a]=e,onClick:a=>{F(u.value,l.unit)||u.value==e.unref(b)[t]||M(u.value,t,a.target)}},[e.createElementVNode("div",m,e.toDisplayString(u.label),1)],10,v)),[[e.vShow,!e.unref(B)||!F(u.value,l.unit)]])),128))])]),_:2},1032,["scrollbar"])]))),128))]),l.$slots.extra?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"extra")])):e.createCommentVNode("",!0),e.unref(_)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(n.default),{size:"mini",onClick:u[0]||(u[0]=l=>R(e.unref(t.default)()))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)("datePicker.now")),1)]),_:1}),e.createVNode(e.unref(n.default),{type:"primary",size:"mini",disabled:z.value,onClick:$},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(P)("datePicker.ok")),1)]),_:1},8,["disabled"])]))]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/b-tween/dist/b-tween.es.js"),u=require("../node_modules/dayjs/dayjs.min.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js"),a=require("../_shared/utils/is.js"),r=require("../_shared/utils/locale.js"),i=require("../_shared/utils/time.js"),o=require("./hooks/useContext.js"),n=require("../Button/index.js"),s=require("../Scrollbar/index.js"),c={class:"yc-timepicker-container"},d={class:"yc-timepicker"},v=["onClick"],m={class:"yc-timepicker-cell-inner"},f={key:0,class:"yc-timepicker-footer-extra-wrapper"},p={key:1,class:"yc-timepicker-footer-btn-wrapper"},k=e.defineComponent({__name:"TimePickerPanel",setup(k,{expose:h}){const{timeColumn:y,timeColumnCells:b,curValue:g,format:C,computedValue:w,computedVisible:_,disableConfirm:j,hideDisabledOptions:x,curIndex:B,inputRefs:V,hideTrigger:E,scrollbar:q,scrollOffset:N,watchValueChange:S,disabledHours:T,disabledMinutes:D,disabledSeconds:P}=o.default().inject(),{t:O}=r.useI18n(),z=e.ref([]),M=e.ref([[],[],[]]),R=e.computed(()=>!g.value.length||g.value.some(e=>!`${e}`)),$=(e,l)=>{var u,t,a;return"hour"==l?null==(u=null==T?void 0:T())?void 0:u.includes(e):"minute"==l?null==(t=null==D?void 0:D(...g.value))?void 0:t.includes(e):null==(a=null==P?void 0:P(...g.value))?void 0:a.includes(e)},A=(e,u,t)=>{g.value[u]=e,y.value.forEach((e,l)=>{g.value[l]=a.isUndefined(g.value[l])?0:g.value[l]});const r=z.value[u];r&&t&&new l.default({from:{scroll:r.scrollTop},to:{scroll:t.offsetTop},duration:300,easing:"quadOut",onUpdate:e=>{r.scrollTop=e.scroll-N.value}}).start(),j.value&&I()},F=async(e,l)=>{await t.sleep(0);const u={hour:e.hour(),minute:e.minute(),second:e.second()},a={hour:null==l?void 0:l.hour(),minute:null==l?void 0:l.minute(),second:null==l?void 0:l.second()};y.value.forEach((e,l)=>{const t=u[e];(a?a[y.value[l]]:-1)!=t&&A(t,l,M.value[l][t])})},I=()=>{var e;let l=u.default();y.value.forEach((e,u)=>{l=l.set(e,g.value[u])});const t=l.format(C.value);if(a.isArray(w.value)){if(w.value[B.value]=t,j.value)return;if(B.value||w.value[B.value+1]){return!i.isValidTimeRange(w.value[0],w.value[1],C.value)&&(w.value=w.value.reverse()),void(_.value=!1)}B.value++,null==(e=V.value[B.value])||e.focus(),g.value=[]}else _.value=!1,w.value=t};return e.watch(()=>w.value,(e,l)=>{if(!e)return g.value=[];E.value&&S.value&&F(u.default(e,C.value),u.default(l,C.value))},{immediate:!0}),e.watch(()=>_.value,e=>{const l=a.isArray(w.value)?w.value[B.value]:w.value;if(!l)return g.value=[];e&&F(u.default(l,C.value))},{immediate:!0}),h({jump:F}),(l,t)=>(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),(l,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:"yc-timepicker-column"},[e.createVNode(e.unref(s.default),{"outer-style":{height:"100%"},style:{height:"100%",overflow:"auto"},scrollbar:e.unref(q),ref_for:!0,ref:e=>z.value[u]=null==e?void 0:e.getScrollRef()},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.cells,(t,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("li",{key:t.value,class:e.normalizeClass(["yc-timepicker-cell",{"yc-timepicker-cell-selected":t.value==e.unref(g)[u],"yc-timepicker-cell-disabled":$(t.value,l.unit)}]),ref_for:!0,ref:e=>M.value[u][a]=e,onClick:a=>{$(t.value,l.unit)||t.value==e.unref(g)[u]||A(t.value,u,a.target)}},[e.createElementVNode("div",m,e.toDisplayString(t.label),1)],10,v)),[[e.vShow,!e.unref(x)||!$(t.value,l.unit)]])),128))])]),_:2},1032,["scrollbar"])]))),128))]),l.$slots.extra?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"extra")])):e.createCommentVNode("",!0),e.unref(j)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(n.default),{size:"mini",onClick:t[0]||(t[0]=l=>F(e.unref(u.default)()))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(O)("datePicker.now")),1)]),_:1}),e.createVNode(e.unref(n.default),{type:"primary",size:"mini",disabled:R.value,onClick:I},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(O)("datePicker.ok")),1)]),_:1},8,["disabled"])]))]))}});exports.default=k;

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

@@ -19,6 +19,7 @@ type TimePickerContext = {
     scrollOffset: Ref<number>;
     hideDisabledOptions: Ref<boolean>;
     hideTrigger: Ref<boolean>;
+    watchValueChange: Ref<boolean>;
     disabledHours: DisabledHours;
     disabledMinutes: DisabledMinutes;
     disabledSeconds: DisabledSeconds;
@@ -50,6 +51,7 @@ export default function useTimePickerContext(): {
         scrollOffset: Ref<number>;
         hideDisabledOptions: Ref<boolean>;
         hideTrigger: Ref<boolean>;
+        watchValueChange: Ref<boolean>;
         disabledHours: DisabledHours;
         disabledMinutes: DisabledMinutes;
         disabledSeconds: DisabledSeconds;

package/lib/TimePicker/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const l=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/hooks.js"),s=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const u="time-picker-context";exports.default=function(){return{provide:(i,o)=>{const{modelValue:t,defaultValue:d,popupVisible:a,defaultPopupVisible:n,disabled:c,readonly:m,allowClear:p,format:f,type:b,disableConfirm:h,hideDisabledOptions:v,step:g,scrollbar:C,scrollOffset:V,hideTrigger:j,placeholder:y}=e.toRefs(i),{disabledHours:_,disabledMinutes:q,disabledSeconds:O}=i,{t:M}=s.useI18n(),w=r.useControlValue(t,d.value,e=>{o("update:modelValue",e)}),x=e.ref(0),H=e.ref([]),S=r.useControlValue(a,n.value,e=>{o("update:popupVisible",e),o("popup-visible-change",e)}),P=e.computed(()=>{const e=!c.value&&!m.value&&p.value;return l.isArray(w.value)?w.value[0]&&w.value[1]&&e:w.value&&e}),T=e.computed(()=>{const e=f.value.toLowerCase().replace(/[^a-z]/g,""),l=[];return e.includes("h")&&l.push("hour"),e.includes("m")&&l.push("minute"),e.includes("s")&&l.push("second"),l.length>0?l:["hour","minute","second"]}),k=e.computed(()=>T.value.map(e=>{var l;const r=(null==(l=g.value)?void 0:l[e])||1,s=Math.ceil(("hour"===e?24:60)/r);return{unit:e,cells:Array.from({length:s},(e,l)=>{const s=l*r;return{label:`${s<=9?"0":""}${s}`,value:s}})}})),D=e.computed(()=>y.value??M("datePicker."+("time-range"==b.value?"rangePlaceholder.time":"placeholder.time"))),I=e.ref([]),R={computedValue:w,computedVisible:S,timeColumn:T,timeColumnCells:k,curValue:H,format:f,type:b,curIndex:x,inputRefs:I,scrollbar:C,hideTrigger:j,scrollOffset:V,disableConfirm:h,hideDisabledOptions:v,disabledHours:_,disabledMinutes:q,disabledSeconds:O};return e.provide(u,R),{...R,showClearBtn:P,readonly:m,disabled:c,placeholder:D}},inject:()=>e.inject(u,{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),scrollbar:e.ref(!0),hideTrigger:e.ref(!1),scrollOffset:e.ref(4),hideDisabledOptions:e.ref(!1),disabledHours:()=>[],disabledMinutes:()=>[],disabledSeconds:()=>[]})}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const l=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/hooks.js"),s=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const u="time-picker-context";exports.default=function(){return{provide:(i,a)=>{const{modelValue:o,defaultValue:t,popupVisible:d,defaultPopupVisible:n,disabled:c,readonly:m,allowClear:p,format:f,type:h,disableConfirm:b,hideDisabledOptions:v,step:g,scrollbar:C,scrollOffset:V,hideTrigger:j,watchValueChange:y,placeholder:_}=e.toRefs(i),{disabledHours:q,disabledMinutes:w,disabledSeconds:O}=i,{t:M}=s.useI18n(),x=r.useControlValue(o,t.value,e=>{a("update:modelValue",e)}),H=e.ref(0),S=e.ref([]),P=r.useControlValue(d,n.value,e=>{a("update:popupVisible",e),a("popup-visible-change",e)}),T=e.computed(()=>{const e=!c.value&&!m.value&&p.value;return l.isArray(x.value)?x.value[0]&&x.value[1]&&e:x.value&&e}),k=e.computed(()=>{const e=f.value.toLowerCase().replace(/[^a-z]/g,""),l=[];return e.includes("h")&&l.push("hour"),e.includes("m")&&l.push("minute"),e.includes("s")&&l.push("second"),l.length>0?l:["hour","minute","second"]}),D=e.computed(()=>k.value.map(e=>{var l;const r=(null==(l=g.value)?void 0:l[e])||1,s=Math.ceil(("hour"===e?24:60)/r);return{unit:e,cells:Array.from({length:s},(e,l)=>{const s=l*r;return{label:`${s<=9?"0":""}${s}`,value:s}})}})),I=e.computed(()=>_.value??M("datePicker."+("time-range"==h.value?"rangePlaceholder.time":"placeholder.time"))),R=e.ref([]),A={computedValue:x,computedVisible:P,timeColumn:k,timeColumnCells:D,curValue:S,format:f,type:h,curIndex:H,inputRefs:R,scrollbar:C,hideTrigger:j,scrollOffset:V,disableConfirm:b,watchValueChange:y,hideDisabledOptions:v,disabledHours:q,disabledMinutes:w,disabledSeconds:O};return e.provide(u,A),{...A,showClearBtn:T,readonly:m,disabled:c,placeholder:I}},inject:()=>e.inject(u,{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),scrollbar:e.ref(!0),hideTrigger:e.ref(!1),scrollOffset:e.ref(4),watchValueChange:e.ref(!0),hideDisabledOptions:e.ref(!1),disabledHours:()=>[],disabledMinutes:()=>[],disabledSeconds:()=>[]})}};

package/lib/TimePicker/index.d.ts

@@ -10,7 +10,9 @@ declare const TimePicker: {
         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, {} & {
+    }>, {
+        jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
+    }, {}, {}, {}, 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;
@@ -38,10 +40,59 @@ declare const TimePicker: {
         hideDisabledOptions: boolean;
         scrollOffset: number;
         hideTrigger: boolean;
+        watchValueChange: boolean;
         disabledHours: import('./type').DisabledHours;
         disabledMinutes: import('./type').DisabledMinutes;
         disabledSeconds: import('./type').DisabledSeconds;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, 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<{}>, {
+                jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => 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<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
+            jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => Promise<void>;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: {
+                extra?(_: {}): any;
+            };
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -55,7 +106,9 @@ declare const TimePicker: {
         onClear?: (() => any) | undefined;
         onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
+    }, {}, {}, {}, {
         error: boolean;
         size: import('..').Size;
         popupVisible: boolean;
@@ -76,6 +129,7 @@ declare const TimePicker: {
         hideDisabledOptions: boolean;
         scrollOffset: number;
         hideTrigger: boolean;
+        watchValueChange: boolean;
         disabledHours: import('./type').DisabledHours;
         disabledMinutes: import('./type').DisabledMinutes;
         disabledSeconds: import('./type').DisabledSeconds;
@@ -90,7 +144,9 @@ declare const TimePicker: {
     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, {} & {
+}>, {
+    jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
+}, {}, {}, {}, 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;
@@ -118,6 +174,7 @@ declare const TimePicker: {
     hideDisabledOptions: boolean;
     scrollOffset: number;
     hideTrigger: boolean;
+    watchValueChange: boolean;
     disabledHours: import('./type').DisabledHours;
     disabledMinutes: import('./type').DisabledMinutes;
     disabledSeconds: import('./type').DisabledSeconds;

package/lib/TimePicker/type.d.ts

@@ -31,6 +31,7 @@ export interface TimePickerProps {
     hideTrigger?: boolean;
     scrollbar?: boolean;
     scrollOffset?: number;
+    watchValueChange?: boolean;
 }
 export interface TimePickerEmits {
     (e: 'update:modelValue', value: TimePickerValue): void;

package/lib/Typography/TypographyBase.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),l=require("../_shared/utils/hooks.js"),a=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconCopy.vue.js"),r=require("../_shared/icons/IconEdit.vue.js"),u=require("../_shared/icons/IconInfo.vue.js"),d=require("../Input/index.js"),s=require("../Tooltip/index.js"),i=e.defineComponent({name:"TypographyBase",__name:"TypographyBase",props:{tag:{default:"span"},type:{default:void 0},bold:{type:Boolean,default:!1},disabled:{type:Boolean},mark:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},code:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editing:{type:Boolean,default:void 0},defaultEditing:{type:Boolean,default:!1},editText:{default:""},copyable:{type:Boolean,default:!1},copyText:{default:""},copyDelay:{default:3e3},editTooltiProps:{default:()=>({})},copyTooltiProps:{default:()=>({})}},emits:["update:editing","update:editText","edit-start","change","copy","edit-end"],setup(i,{emit:p}){const c=i,y=p,{editing:f,defaultEditing:v,editText:m,copyText:g,copyable:h,copyDelay:k,code:B,mark:_,delete:x,underline:j,bold:T}=e.toRefs(c),{t:b}=a.useI18n(),{isSupported:q,copy:C}=t.useClipboard(),V=e.ref(!1),w=e.ref(),E=e.ref(),I=l.useControlValue(f,v.value,e=>{y("update:editing",e)}),N=l.useControlValue(m,"",e=>{y("update:editText",e),y("change",e)}),P=e.computed(()=>{const e=[_.value,B.value,x.value,j.value,T.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),S=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),n=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,n(t,o+1));return n(null==(l=o.default)?void 0:l.call(o),0)}}),R=async()=>{var e;I.value=!0,N.value=N.value?N.value:o.innerText(w),y("edit-start"),await o.sleep(0),null==(e=E.value)||e.focus()},D=()=>{I.value=!1,y("edit-end")},$=async()=>{if(!h.value||!q.value||V.value)return;const e=g.value||o.innerText(w);C(e),y("copy",e),V.value=!0,await o.sleep(k.value),V.value=!1};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(T),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(j),"yc-typography-delete":e.unref(x)}]),ref_key:"contentRef",ref:w},{default:e.withCtx(()=>[e.unref(I)?(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,modelValue:e.unref(N),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(N)?N.value=t:null),ref_key:"inputRef",ref:E,onBlur:D},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(S),{key:1,tags:P.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(I)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:R},[e.createVNode(e.unref(s.default),e.mergeProps({content:e.unref(b)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r.default))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:$},[e.createVNode(e.unref(s.default),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:V.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(b)("typography."+(V.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:V.value},()=>[V.value?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),l=require("../_shared/utils/hooks.js"),a=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconCopy.vue2.js"),r=require("../_shared/icons/IconEdit.vue2.js"),u=require("../_shared/icons/IconInfo.vue.js"),d=require("../Input/index.js"),s=require("../Tooltip/index.js"),i=e.defineComponent({name:"TypographyBase",__name:"TypographyBase",props:{tag:{default:"span"},type:{default:void 0},bold:{type:Boolean,default:!1},disabled:{type:Boolean},mark:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},code:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},editing:{type:Boolean,default:void 0},defaultEditing:{type:Boolean,default:!1},editText:{default:""},copyable:{type:Boolean,default:!1},copyText:{default:""},copyDelay:{default:3e3},editTooltiProps:{default:()=>({})},copyTooltiProps:{default:()=>({})}},emits:["update:editing","update:editText","edit-start","change","copy","edit-end"],setup(i,{emit:p}){const c=i,y=p,{editing:f,defaultEditing:v,editText:m,copyText:g,copyable:h,copyDelay:k,code:B,mark:_,delete:x,underline:j,bold:T}=e.toRefs(c),{t:b}=a.useI18n(),{isSupported:q,copy:C}=t.useClipboard(),V=e.ref(!1),w=e.ref(),E=e.ref(),I=l.useControlValue(f,v.value,e=>{y("update:editing",e)}),N=l.useControlValue(m,"",e=>{y("update:editText",e),y("change",e)}),P=e.computed(()=>{const e=[_.value,B.value,x.value,j.value,T.value];return["mark","code","del","u","b"].filter((t,o)=>e[o])}),S=e.defineComponent({props:{tags:{type:Array,default:()=>[]}},setup:(t,{slots:o})=>()=>{var l;const{tags:a}=e.toRefs(t),n=(t,o)=>o>=a.value.length?t:e.h(a.value[o],null,n(t,o+1));return n(null==(l=o.default)?void 0:l.call(o),0)}}),R=async()=>{var e;I.value=!0,N.value=N.value?N.value:o.innerText(w),y("edit-start"),await o.sleep(0),null==(e=E.value)||e.focus()},D=()=>{I.value=!1,y("edit-end")},$=async()=>{if(!h.value||!q.value||V.value)return;const e=g.value||o.innerText(w);C(e),y("copy",e),V.value=!0,await o.sleep(k.value),V.value=!1};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(["yc-typography",{[`yc-typography-${t.type}`]:t.type,"yc-typography-bold":e.unref(T),"yc-typography-disabled":t.disabled,"yc-typography-underline":e.unref(j),"yc-typography-delete":e.unref(x)}]),ref_key:"contentRef",ref:w},{default:e.withCtx(()=>[e.unref(I)?(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,modelValue:e.unref(N),"onUpdate:modelValue":o[0]||(o[0]=t=>e.isRef(N)?N.value=t:null),ref_key:"inputRef",ref:E,onBlur:D},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(S),{key:1,tags:P.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["tags"])),t.editable&&!e.unref(I)?(e.openBlock(),e.createElementBlock("span",{key:2,class:"yc-typography-operation-edit",onClick:R},[e.createVNode(e.unref(s.default),e.mergeProps({content:e.unref(b)("typography.edit"),position:"top"},t.editTooltiProps),{default:e.withCtx(()=>[e.createElementVNode("span",null,[e.createVNode(e.unref(r.default))])]),_:1},16,["content"])])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createElementBlock("span",{key:3,class:"yc-typography-operation-copy",onClick:$},[e.createVNode(e.unref(s.default),e.mergeProps({position:"top"},t.copyTooltiProps),{content:e.withCtx(()=>[e.renderSlot(t.$slots,"copy-tooltip",{copied:V.value},()=>[e.createTextVNode(e.toDisplayString(e.unref(b)("typography."+(V.value?"copied":"copy"))),1)])]),default:e.withCtx(()=>[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"copy-icon",{copied:V.value},()=>[V.value?(e.openBlock(),e.createBlock(e.unref(u.default),{key:0,color:"rgb(0, 180, 42)"})):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1}))])])]),_:3},16)])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.default=i;

package/lib/_shared/icons/IconCopy.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../utils/dom.js"),require("../utils/locale.js"),require("../utils/time.js"),/* empty css                                    */;/* empty css                                        */const o=require("../components/Icon/index.vue3.js");;/* empty css                            */const n=e.defineComponent({__name:"IconCopy",setup:n=>(n,t)=>(e.openBlock(),e.createBlock(e.unref(o.default),e.normalizeProps(e.guardReactiveProps(n.$attrs)),{default:e.withCtx(()=>[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z"},null,-1)])]),_:1},16))});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./IconCopy.vue2.js");exports.default=e.default;

package/lib/_shared/icons/IconCopy.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./IconCopy.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../utils/dom.js"),require("../utils/locale.js"),require("../utils/time.js"),/* empty css                                    */;/* empty css                                        */const o=require("../components/Icon/index.vue3.js");;/* empty css                            */const n=e.defineComponent({__name:"IconCopy",setup:n=>(n,t)=>(e.openBlock(),e.createBlock(e.unref(o.default),e.normalizeProps(e.guardReactiveProps(n.$attrs)),{default:e.withCtx(()=>[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z"},null,-1)])]),_:1},16))});exports.default=n;

package/lib/_shared/icons/IconEdit.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../utils/dom.js"),require("../utils/locale.js"),require("../utils/time.js"),/* empty css                                    */;/* empty css                                        */const o=require("../components/Icon/index.vue3.js");;/* empty css                            */const n=e.defineComponent({__name:"IconEdit",setup:n=>(n,t)=>(e.openBlock(),e.createBlock(e.unref(o.default),e.normalizeProps(e.guardReactiveProps(n.$attrs)),{default:e.withCtx(()=>[...t[0]||(t[0]=[e.createElementVNode("path",{d:"m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36"},null,-1)])]),_:1},16))});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./IconEdit.vue2.js");exports.default=e.default;

package/lib/_shared/icons/IconEdit.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./IconEdit.vue.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../utils/dom.js"),require("../utils/locale.js"),require("../utils/time.js"),/* empty css                                    */;/* empty css                                        */const o=require("../components/Icon/index.vue3.js");;/* empty css                            */const n=e.defineComponent({__name:"IconEdit",setup:n=>(n,t)=>(e.openBlock(),e.createBlock(e.unref(o.default),e.normalizeProps(e.guardReactiveProps(n.$attrs)),{default:e.withCtx(()=>[...t[0]||(t[0]=[e.createElementVNode("path",{d:"m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36"},null,-1)])]),_:1},16))});exports.default=n;

package/lib/index.d.ts

@@ -683,8 +683,8 @@ declare const YcDesignVue: {
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
-            showConfirmBtn: boolean;
             abbreviation: boolean;
+            showConfirmBtn: boolean;
             disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
@@ -729,8 +729,8 @@ declare const YcDesignVue: {
             pickerValue: import('./DatePicker').DatePickerValue;
             defaultPickerValue: import('./DatePicker').DatePickerValue;
             valueFormat: import('./DatePicker').ValueFormat;
-            showConfirmBtn: boolean;
             abbreviation: boolean;
+            showConfirmBtn: boolean;
             disabledDate: import('./DatePicker').DisabledDate;
             shortcutsPosition: import('./DatePicker').ShortcutsPosition;
             shortcuts: import('./DatePicker').ShortcutType[];
@@ -783,8 +783,8 @@ declare const YcDesignVue: {
         pickerValue: import('./DatePicker').DatePickerValue;
         defaultPickerValue: import('./DatePicker').DatePickerValue;
         valueFormat: import('./DatePicker').ValueFormat;
-        showConfirmBtn: boolean;
         abbreviation: boolean;
+        showConfirmBtn: boolean;
         disabledDate: import('./DatePicker').DisabledDate;
         shortcutsPosition: import('./DatePicker').ShortcutsPosition;
         shortcuts: import('./DatePicker').ShortcutType[];