yc-design-vue 2.2.9 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/es/DatePicker/DatePicker.vue.d.ts +408 -3
- package/es/DatePicker/DatePicker.vue.js +29 -5
- package/es/DatePicker/MonthPicker.vue.d.ts +1 -1
- package/es/DatePicker/MonthPicker.vue.js +7 -5
- package/es/DatePicker/WeekPicker.vue.d.ts +1 -1
- package/es/DatePicker/WeekPicker.vue.js +7 -5
- package/es/DatePicker/YearPicker.vue.js +7 -5
- package/es/DatePicker/component/{PickerInput.vue.d.ts → Picker.vue.d.ts} +5 -1
- package/es/DatePicker/component/{PickerInput.vue.js → Picker.vue.js} +7 -3
- package/es/DatePicker/component/Picker.vue3.js +5 -0
- package/es/DatePicker/hooks/userPicker.d.ts +2 -0
- package/es/DatePicker/hooks/userPicker.js +18 -22
- package/es/DatePicker/index.css +1 -1
- package/es/DatePicker/index.d.ts +206 -4
- package/es/TimePicker/TimePicker.vue.d.ts +104 -3
- package/es/TimePicker/TimePicker.vue.js +22 -7
- package/es/TimePicker/TimePickerPanel.vue.d.ts +4 -1
- package/es/TimePicker/TimePickerPanel.vue.js +37 -41
- package/es/TimePicker/hooks/useContext.d.ts +2 -0
- package/es/TimePicker/hooks/useContext.js +3 -0
- package/es/TimePicker/index.d.ts +61 -4
- package/es/TimePicker/type.d.ts +1 -0
- package/es/Typography/TypographyBase.vue.js +2 -2
- package/es/_shared/icons/IconCopy.vue.js +1 -24
- package/es/_shared/icons/IconCopy.vue2.js +24 -1
- package/es/_shared/icons/IconEdit.vue.js +1 -24
- package/es/_shared/icons/IconEdit.vue2.js +24 -1
- package/es/index.d.ts +3 -3
- package/es/style.css +1 -1
- package/lib/DatePicker/DatePicker.vue.d.ts +408 -3
- package/lib/DatePicker/DatePicker.vue.js +1 -1
- package/lib/DatePicker/MonthPicker.vue.d.ts +1 -1
- package/lib/DatePicker/MonthPicker.vue.js +1 -1
- package/lib/DatePicker/WeekPicker.vue.d.ts +1 -1
- package/lib/DatePicker/WeekPicker.vue.js +1 -1
- package/lib/DatePicker/YearPicker.vue.js +1 -1
- package/lib/DatePicker/component/{PickerInput.vue.d.ts → Picker.vue.d.ts} +5 -1
- package/lib/DatePicker/component/Picker.vue.js +1 -0
- package/lib/DatePicker/component/{PickerInput.vue3.js → Picker.vue3.js} +1 -1
- package/lib/DatePicker/hooks/userPicker.d.ts +2 -0
- package/lib/DatePicker/hooks/userPicker.js +1 -1
- package/lib/DatePicker/index.css +1 -1
- package/lib/DatePicker/index.d.ts +206 -4
- package/lib/TimePicker/TimePicker.vue.d.ts +104 -3
- package/lib/TimePicker/TimePicker.vue.js +1 -1
- package/lib/TimePicker/TimePickerPanel.vue.d.ts +4 -1
- package/lib/TimePicker/TimePickerPanel.vue.js +1 -1
- package/lib/TimePicker/hooks/useContext.d.ts +2 -0
- package/lib/TimePicker/hooks/useContext.js +1 -1
- package/lib/TimePicker/index.d.ts +61 -4
- package/lib/TimePicker/type.d.ts +1 -0
- package/lib/Typography/TypographyBase.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue2.js +1 -1
- package/lib/_shared/icons/IconEdit.vue.js +1 -1
- package/lib/_shared/icons/IconEdit.vue2.js +1 -1
- package/lib/index.d.ts +3 -3
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/es/DatePicker/component/PickerInput.vue3.js +0 -5
- package/lib/DatePicker/component/PickerInput.vue.js +0 -1
@@ -150,7 +150,11 @@ declare function __VLS_template(): {
|
|
150
150
|
rootEl: any;
|
151
151
|
};
|
152
152
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
153
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}
|
153
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
154
|
+
"popup-visible-change": (val: boolean) => any;
|
155
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
156
|
+
"onPopup-visible-change"?: ((val: boolean) => any) | undefined;
|
157
|
+
}>, {
|
154
158
|
type: "year" | "month" | "week" | "time" | "date";
|
155
159
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
156
160
|
inputRef: ({
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=;/* empty css */,/* empty css */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 n=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js"),/* empty css */;/* empty css */const o=,/* empty css */t=require("../hooks/useContext.js"),s=require("../../Input/index.js"),i=require("../../Trigger/index.js"),l={class:"yc-picker-suffix-icon"},u=e.defineComponent({inheritAttrs:!1,__name:"Picker",props:{type:{default:"date"}},emits:["popup-visible-change"],setup(u){const a=u,{props:d,computedVisible:c,formatValue:p,showClearBtn:f,onClear:m}=t.default().inject(),{popupContainer:v,unmountOnClose:h,readonly:y,disabled:x,position:b,triggerProps:j,size:_,error:k,disabledInput:g,locale:C,placeholder:q}=e.toRefs(d),{t:w}=n.useI18n(),$=e.computed(()=>{var e;const r=`datePicker.placeholder.${a.type}`;return q.value||(null==(e=C.value)?void 0:e[r])||w(r)}),S=e.ref();return e.watch(()=>c.value,async r=>{var n;r||(await e.nextTick(),null==(n=S.value)||n.blur())}),(n,t)=>(e.openBlock(),e.createBlock(e.unref(i.default),e.mergeProps({"popup-visible":e.unref(c),"onUpdate:popupVisible":t[0]||(t[0]=r=>e.isRef(c)?c.value=r:null),"popup-offset":4,"popup-container":e.unref(v),"unmount-on-close":e.unref(h),disabled:e.unref(x)||e.unref(y),position:e.unref(b),"prevent-focus":"",trigger:"click","animation-name":"slide-dynamic-origin","need-transform-origin":""},e.unref(j),{onPopupVisibleChange:t[1]||(t[1]=e=>n.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"trigger",{},()=>[e.createVNode(e.unref(s.default),{"model-value":e.unref(p),placeholder:$.value,disabled:e.unref(x),error:e.unref(k),size:e.unref(_),readonly:e.unref(y)||e.unref(g)||!0,style:e.normalizeStyle(n.$attrs.style),class:e.normalizeClass([n.$attrs.class,{"yc-picker-allow-clear":e.unref(f),"yc-picker-active":e.unref(c)}]),ref_key:"inputRef",ref:S},e.createSlots({suffix:e.withCtx(()=>[e.createElementVNode("div",l,[e.renderSlot(n.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(o.default))])]),e.unref(f)?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,onClick:e.withModifiers(e.unref(m),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)]),_:2},[n.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"prefix")]),key:"0"}:void 0]),1032,["model-value","placeholder","disabled","error","size","readonly","style","class"])])]),_:3},16,["popup-visible","popup-container","unmount-on-close","disabled","position"]))}});exports.default=u;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Picker.vue.js");,/* empty css */exports.default=e.default;
|
@@ -18,6 +18,7 @@ export default function usePicker(params: {
|
|
18
18
|
curYear: import('vue').Ref<number, number>;
|
19
19
|
valueFormat: import('vue').Ref<any, any>;
|
20
20
|
showConfirmBtn: import('vue').ComputedRef<any>;
|
21
|
+
hideTrigger: import('vue').Ref<any, any>;
|
21
22
|
DefinePanel: import('@vueuse/core').DefineTemplateComponent<Record<string, any>, Record<"default", undefined>>;
|
22
23
|
ReusePanel: import('@vueuse/core').ReuseTemplateComponent<Record<string, any>, Record<"default", undefined>>;
|
23
24
|
t: (key: string, ...args: any[]) => string;
|
@@ -26,6 +27,7 @@ export default function usePicker(params: {
|
|
26
27
|
isCellInView: (v: Date, type: string) => boolean;
|
27
28
|
isToday: (v: Date, type: string) => boolean;
|
28
29
|
isSelected: (v: Date, type: string) => boolean;
|
30
|
+
handleVisibleChange: (visible: boolean) => void;
|
29
31
|
getRangeOfYear: (curYear: number) => {
|
30
32
|
range: import('../../_shared/utils').YearData[][];
|
31
33
|
startYear: number;
|
@@ -1 +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");const a=require("../../node_modules/dayjs/dayjs.min.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../../_shared/utils/dom.js"),u=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/hooks.js"),o=require("../../_shared/utils/locale.js"),n=require("../../_shared/utils/time.js"),s=require("./useContext.js");exports.default=function(i){const{props:d,emits:v}=i,{modelValue:c,defaultValue:f,popupVisible:m,defaultPopupVisible:g,pickerValue:h,defaultPickerValue:p,format:Y,valueFormat:V,dayStartOfWeek:M,
|
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");const a=require("../../node_modules/dayjs/dayjs.min.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../../_shared/utils/dom.js"),u=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/hooks.js"),o=require("../../_shared/utils/locale.js"),n=require("../../_shared/utils/time.js"),s=require("./useContext.js");exports.default=function(i){const{props:d,emits:v}=i,{modelValue:c,defaultValue:f,popupVisible:m,defaultPopupVisible:g,pickerValue:h,defaultPickerValue:p,format:Y,valueFormat:V,dayStartOfWeek:M,showTime:D,locale:F,abbreviation:b,hideTrigger:y,showConfirmBtn:k}=e.toRefs(d),{disabledDate:j}=d,w=r.useControlValue(c,f.value,(e,t)=>{const a=E(e);t.value=a,v("update:modelValue",a)}),q=r.useControlValue(m,g.value,e=>{v("popup-visible-change",e),v("update:popupVisible",e)}),_=r.useControlValue(h,p.value,e=>{v("update:pickerValue",e)}),C=e.computed(()=>{const e=A(w.value);return e?Y.value&&w.value?a.default(e).format(Y.value):w.value:""}),O=e.computed({get:()=>w.value,set(e){const t=a.default(e,V.value),l=A(w.value);w.value=l?new Date(l.getFullYear(),l.getMonth(),l.getDate(),t.hour(),t.minute(),t.second()):t.toDate()}}),P=e.computed(()=>(null==D?void 0:D.value)?null==D?void 0:D.value:k.value),{define:S,reuse:T}=t.createReusableTemplate(),{t:R}=o.useI18n();let x,W,B=!1;const I=e.ref(0),N=e.ref(0),U=e.ref(!1),z=e.ref(!1),A=e=>{if(!e)return"";let t;return t=["timestamp","Date"].includes(V.value)||!u.isString(e)?a.default(e):a.default(e,V.value),t.isValid()?t.toDate():""},E=e=>{if(!e||!a.default(e).isValid())return"";const t=e;return"timestamp"==V.value?a.default(t).valueOf():"Date"!=V.value?a.default(t).format(V.value):t};return s.default().provide({computedValue:w,computedVisible:q,formatValue:C,emits:v},d),{formatValue:C,timePickerValue:O,computedValue:w,computedVisible:q,computedPickerValue:_,dayStartOfWeek:M,locale:F,abbreviation:b,showYearPicker:U,showMonthPicker:z,curMonth:N,curYear:I,valueFormat:V,showConfirmBtn:P,hideTrigger:y,DefinePanel:S,ReusePanel:T,t:R,getDateFromFormat:A,getFormatFromDate:E,isCellInView:(e,t)=>{if("year"==t){const t=10*Math.floor(I.value/10);return e.getFullYear()>=t&&e.getFullYear()<=t+10}return"month"==t||e.getFullYear()==I.value&&e.getMonth()==N.value},isToday:(e,t)=>{const l=a.default();return"year"==t?e.getFullYear()==l.year():"month"==t?e.getMonth()==l.month()&&e.getFullYear()==l.year():e.getFullYear()==l.year()&&e.getMonth()==l.month()&&e.getDate()==l.date()},isSelected:(e,t)=>{const a=A(w.value);return!!a&&("year"==t?a.getFullYear()==e.getFullYear():"month"==t?a.getFullYear()==e.getFullYear()&&a.getMonth()==e.getMonth():a.getFullYear()==e.getFullYear()&&a.getMonth()==e.getMonth()&&a.getDate()==e.getDate())},handleVisibleChange:e=>{if(e)B=!1,x=w.value?A(w.value):w.value;else{if(U.value=!1,z.value=!1,!P.value||B||u.isUndefined(x))return;w.value=x}},getRangeOfYear:n.getRangeOfYear,getWeeksOfMonth:n.getWeeksOfMonth,getDaysOfMonth:n.getDaysOfMonth,handleNowClick:()=>{w.value=new Date,(null==D?void 0:D.value)||(B=!0,q.value=!1)},handleSelect:e=>{if(null==j?void 0:j(e))return;w.value=e,W=e;const t=a.default(e).format("YYYY-MM-DD");v("select",w.value,e,t),P.value||v("change",w.value,e,t)},handleConfirm:async()=>{B=!0;const e=a.default(W).format("YYYY-MM-DD");v("change",w.value,W,e),v("ok",w.value,W,e),await l.sleep(0),q.value=!1},handleShortcut:(e,t)=>{t||v("select-shortcut",e),e.value&&(w.value=e.value),t||(B=!0,q.value=!1)}}};
|
package/lib/DatePicker/index.css
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-container{border:none;border-radius:0;box-shadow:none}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{display:flex}.yc-panel-year .yc-panel-year-inner,.yc-panel-month .yc-panel-year-inner,.yc-panel-week .yc-panel-year-inner,.yc-panel-date .yc-panel-year-inner,.yc-panel-year .yc-panel-month-inner,.yc-panel-month .yc-panel-month-inner,.yc-panel-week .yc-panel-month-inner,.yc-panel-date .yc-panel-month-inner,.yc-panel-year .yc-panel-week-inner,.yc-panel-month .yc-panel-week-inner,.yc-panel-week .yc-panel-week-inner,.yc-panel-date .yc-panel-week-inner,.yc-panel-year .yc-panel-date-inner,.yc-panel-month .yc-panel-date-inner,.yc-panel-week .yc-panel-date-inner,.yc-panel-date .yc-panel-date-inner{display:flex;flex-direction:column;width:265px}.yc-panel-year .yc-panel-year-inner .yc-picker-header,.yc-panel-month .yc-panel-year-inner .yc-picker-header,.yc-panel-week .yc-panel-year-inner .yc-picker-header,.yc-panel-date .yc-panel-year-inner .yc-picker-header,.yc-panel-year .yc-panel-month-inner .yc-picker-header,.yc-panel-month .yc-panel-month-inner .yc-picker-header,.yc-panel-week .yc-panel-month-inner .yc-picker-header,.yc-panel-date .yc-panel-month-inner .yc-picker-header,.yc-panel-year .yc-panel-week-inner .yc-picker-header,.yc-panel-month .yc-panel-week-inner .yc-picker-header,.yc-panel-week .yc-panel-week-inner .yc-picker-header,.yc-panel-date .yc-panel-week-inner .yc-picker-header,.yc-panel-year .yc-panel-date-inner .yc-picker-header,.yc-panel-month .yc-panel-date-inner .yc-picker-header,.yc-panel-week .yc-panel-date-inner .yc-picker-header,.yc-panel-date .yc-panel-date-inner .yc-picker-header{height:40px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-body,.yc-panel-month .yc-panel-year-inner .yc-picker-body,.yc-panel-week .yc-panel-year-inner .yc-picker-body,.yc-panel-date .yc-panel-year-inner .yc-picker-body,.yc-panel-year .yc-panel-month-inner .yc-picker-body,.yc-panel-month .yc-panel-month-inner .yc-picker-body,.yc-panel-week .yc-panel-month-inner .yc-picker-body,.yc-panel-date .yc-panel-month-inner .yc-picker-body,.yc-panel-year .yc-panel-week-inner .yc-picker-body,.yc-panel-month .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-year .yc-panel-date-inner .yc-picker-body,.yc-panel-month .yc-panel-date-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-date-inner .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-year .yc-panel-date-timepicker,.yc-panel-month .yc-panel-date-timepicker,.yc-panel-week .yc-panel-date-timepicker,.yc-panel-date .yc-panel-date-timepicker{border-left:1px solid var(--color-neutral-3);display:flex;flex-direction:column}.yc-panel-year .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-month .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-week .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-date .yc-panel-date-timepicker .yc-panel-date-timepicker-title{width:100%;height:40px;border-bottom:1px solid var(--color-neutral-3);color:var(--color-text-1);font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container{height:276px;padding:0 6px;border:none;box-shadow:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker{height:100%}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column{height:100%;width:fit-content;padding:0 4px;border:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar{display:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{height:244px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{width:36px;height:32px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{padding-left:10px}.yc-panel-week .yc-panel-week-inner{width:298px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
|
1
|
+
.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-icon-button{display:flex}.yc-picker-allow-clear:not(.yc-input-disabled):hover .yc-picker-suffix-icon{display:none}.yc-picker-allow-clear .yc-icon-button{font-size:16px;display:none}.yc-picker-allow-clear .yc-picker-suffix-icon{font-size:16px;height:100%;display:flex;justify-content:center;align-items:center}.yc-input-outer.yc-picker-active .yc-input-wrapper{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-outer.yc-picker-active.yc-input-error .yc-input-wrapper{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-container{overflow:hidden;min-height:60px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px #0000001a;display:flex}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-container{border:none;border-radius:0;box-shadow:none}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer{width:min-content;min-width:100%}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-extra-wrapper{padding:8px 24px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{width:100%;padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:space-between;gap:10px}.yc-picker-container .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-now-wrapper{height:36px;border-top:1px solid var(--color-neutral-3);line-height:36px;display:flex;justify-content:center;align-items:center}.yc-picker-container .yc-picker-shortcuts{overflow-y:auto;padding:10px 8px;flex:1;display:flex;flex-direction:column;gap:5px}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-left{border-right:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-right{border-left:1px solid var(--color-neutral-3)}.yc-picker-container .yc-picker-shortcuts.yc-picker-shortcuts-bottom{padding:0;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:5px 10px}.yc-picker-container-shortcuts-right{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom{flex-direction:row-reverse}.yc-picker-container-shortcuts-bottom .yc-picker-panel-wrapper .yc-picker-footer .yc-picker-footer-btn-wrapper{justify-content:space-between}.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{display:flex}.yc-panel-year .yc-panel-year-inner,.yc-panel-month .yc-panel-year-inner,.yc-panel-week .yc-panel-year-inner,.yc-panel-date .yc-panel-year-inner,.yc-panel-year .yc-panel-month-inner,.yc-panel-month .yc-panel-month-inner,.yc-panel-week .yc-panel-month-inner,.yc-panel-date .yc-panel-month-inner,.yc-panel-year .yc-panel-week-inner,.yc-panel-month .yc-panel-week-inner,.yc-panel-week .yc-panel-week-inner,.yc-panel-date .yc-panel-week-inner,.yc-panel-year .yc-panel-date-inner,.yc-panel-month .yc-panel-date-inner,.yc-panel-week .yc-panel-date-inner,.yc-panel-date .yc-panel-date-inner{display:flex;flex-direction:column;width:265px}.yc-panel-year .yc-panel-year-inner .yc-picker-header,.yc-panel-month .yc-panel-year-inner .yc-picker-header,.yc-panel-week .yc-panel-year-inner .yc-picker-header,.yc-panel-date .yc-panel-year-inner .yc-picker-header,.yc-panel-year .yc-panel-month-inner .yc-picker-header,.yc-panel-month .yc-panel-month-inner .yc-picker-header,.yc-panel-week .yc-panel-month-inner .yc-picker-header,.yc-panel-date .yc-panel-month-inner .yc-picker-header,.yc-panel-year .yc-panel-week-inner .yc-picker-header,.yc-panel-month .yc-panel-week-inner .yc-picker-header,.yc-panel-week .yc-panel-week-inner .yc-picker-header,.yc-panel-date .yc-panel-week-inner .yc-picker-header,.yc-panel-year .yc-panel-date-inner .yc-picker-header,.yc-panel-month .yc-panel-date-inner .yc-picker-header,.yc-panel-week .yc-panel-date-inner .yc-picker-header,.yc-panel-date .yc-panel-date-inner .yc-picker-header{height:40px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon{cursor:pointer;width:24px;height:24px;margin-right:2px;margin-left:2px;color:var(--color-text-2);font-size:12px;line-height:24px;text-align:center;background-color:var(--color-bg-popup);border-radius:50%;transition:all .1s cubic-bezier(0, 0, 1, 1);user-select:none}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title{flex:1;color:var(--color-text-1);font-size:14px;line-height:24px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label{cursor:pointer;padding:2px;border-radius:2px;transition:all .1s}.yc-panel-year .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-year-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-month-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-week-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-year .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-panel-date-inner .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-year-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-month-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-week-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-year .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .yc-panel-date-inner .yc-picker-week-list .yc-picker-week-list-item{flex:1;height:32px;padding:0;color:#7d7d7f;font-weight:400;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-year-inner .yc-picker-body,.yc-panel-month .yc-panel-year-inner .yc-picker-body,.yc-panel-week .yc-panel-year-inner .yc-picker-body,.yc-panel-date .yc-panel-year-inner .yc-picker-body,.yc-panel-year .yc-panel-month-inner .yc-picker-body,.yc-panel-month .yc-panel-month-inner .yc-picker-body,.yc-panel-week .yc-panel-month-inner .yc-picker-body,.yc-panel-date .yc-panel-month-inner .yc-picker-body,.yc-panel-year .yc-panel-week-inner .yc-picker-body,.yc-panel-month .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-year .yc-panel-date-inner .yc-picker-body,.yc-panel-month .yc-panel-date-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-year-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-month-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-week-inner .yc-picker-body .yc-picker-row,.yc-panel-year .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-month .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-week .yc-panel-date-inner .yc-picker-body .yc-picker-row,.yc-panel-date .yc-panel-date-inner .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-year .yc-panel-date-timepicker,.yc-panel-month .yc-panel-date-timepicker,.yc-panel-week .yc-panel-date-timepicker,.yc-panel-date .yc-panel-date-timepicker{border-left:1px solid var(--color-neutral-3);display:flex;flex-direction:column}.yc-panel-year .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-month .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-week .yc-panel-date-timepicker .yc-panel-date-timepicker-title,.yc-panel-date .yc-panel-date-timepicker .yc-panel-date-timepicker-title{width:100%;height:40px;border-bottom:1px solid var(--color-neutral-3);color:var(--color-text-1);font-weight:400;font-size:14px;display:flex;justify-content:center;align-items:center}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container{height:276px;padding:0 6px;border:none;box-shadow:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker{height:100%}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column{height:100%;width:fit-content;padding:0 4px;border:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container::-webkit-scrollbar{display:none}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{height:244px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{width:36px;height:32px}.yc-panel-year .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-month .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-week .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner,.yc-panel-date .yc-panel-date-timepicker .yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{padding-left:10px}.yc-panel-week .yc-panel-week-inner{width:298px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
|
2
2
|
.yc-picker-week-row-disabled
|
3
3
|
):hover .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-fill-3)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-first .yc-picker-date .yc-picker-date-value{border-top-left-radius:24px;border-bottom-left-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row .yc-week-picker-cell-last .yc-picker-date .yc-picker-date-value{border-top-right-radius:24px;border-bottom-right-radius:24px}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:rgb(var(--primary-6));color:var(--color-white);transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-selected.yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{background-color:var(--color-link-light-3);color:var(--color-white)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date{cursor:not-allowed;background-color:var(--color-fill-1)}.yc-panel-week .yc-panel-week-inner .yc-picker-body .yc-picker-week-row-disabled .yc-picker-cell:not(:first-child) .yc-picker-date .yc-picker-date-value{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-panel-week .yc-panel-week-inner .yc-picker-body,.yc-panel-date .yc-panel-week-inner .yc-picker-body,.yc-panel-week .yc-panel-date-inner .yc-picker-body,.yc-panel-date .yc-panel-date-inner .yc-picker-body{padding-top:0}.yc-picker-cell{flex:1}.yc-picker-cell .yc-picker-date{cursor:pointer;width:100%;height:100%;padding:4px;display:flex;justify-content:center}.yc-picker-cell .yc-picker-date .yc-picker-date-value{cursor:pointer;height:24px;width:100%;border-radius:24px;color:var(--color-text-4);font-size:14px;line-height:24px;text-align:center}.yc-picker-cell-in-view .yc-picker-date .yc-picker-date-value{color:var(--color-text-1);font-weight:500}.yc-picker-cell-today{position:relative}.yc-picker-cell-today:after{position:absolute;bottom:-2px;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:''}.yc-picker-cell-selected .yc-picker-date .yc-picker-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-picker-cell-disabled .yc-picker-date{background-color:var(--color-fill-1);cursor:not-allowed}.yc-picker-cell-disabled .yc-picker-date .yc-picker-date-value{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-picker-cell-hoverable.yc-picker-cell-in-view:not(.yc-picker-cell-selected):not(.yc-picker-cell-disabled) .yc-picker-date .yc-picker-date-value:hover{color:var(--color-text-1);background-color:var(--color-fill-3)}
|
@@ -58,14 +58,216 @@ declare const DatePicker: {
|
|
58
58
|
pickerValue: import('./type').DatePickerValue;
|
59
59
|
defaultPickerValue: import('./type').DatePickerValue;
|
60
60
|
valueFormat: import('./type').ValueFormat;
|
61
|
-
showConfirmBtn: boolean;
|
62
61
|
abbreviation: boolean;
|
62
|
+
showConfirmBtn: boolean;
|
63
63
|
disabledDate: import('./type').DisabledDate;
|
64
64
|
shortcutsPosition: import('./type').ShortcutsPosition;
|
65
65
|
shortcuts: import('./type').ShortcutType[];
|
66
66
|
previewShortcut: boolean;
|
67
67
|
disabledInput: boolean;
|
68
|
-
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
68
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
69
|
+
timePickerRef: ({
|
70
|
+
$: import('vue').ComponentInternalInstance;
|
71
|
+
$data: {};
|
72
|
+
$props: {
|
73
|
+
readonly type?: import('..').TimePickerType | undefined;
|
74
|
+
readonly modelValue?: import('..').TimePickerValue | undefined;
|
75
|
+
readonly defaultValue?: import('..').TimePickerValue | undefined;
|
76
|
+
readonly disabled?: boolean | undefined;
|
77
|
+
readonly allowClear?: boolean | undefined;
|
78
|
+
readonly readonly?: boolean | undefined;
|
79
|
+
readonly error?: boolean | undefined;
|
80
|
+
readonly format?: string | undefined;
|
81
|
+
readonly placeholder?: string | string[] | undefined;
|
82
|
+
readonly size?: import('..').Size | undefined;
|
83
|
+
readonly popupContainer?: import('..').PopupContainer | undefined;
|
84
|
+
readonly step?: {
|
85
|
+
hour?: number;
|
86
|
+
minute?: number;
|
87
|
+
second?: number;
|
88
|
+
} | undefined;
|
89
|
+
readonly disabledHours?: import('..').DisabledHours | undefined;
|
90
|
+
readonly disabledMinutes?: import('..').DisabledMinutes | undefined;
|
91
|
+
readonly disabledSeconds?: import('..').DisabledSeconds | undefined;
|
92
|
+
readonly hideDisabledOptions?: boolean | undefined;
|
93
|
+
readonly disableConfirm?: boolean | undefined;
|
94
|
+
readonly position?: import('..').TimePickerPosition | undefined;
|
95
|
+
readonly popupVisible?: boolean | undefined;
|
96
|
+
readonly defaultPopupVisible?: boolean | undefined;
|
97
|
+
readonly triggerProps?: import('..').TriggerProps | undefined;
|
98
|
+
readonly unmountOnClose?: boolean | undefined;
|
99
|
+
readonly hideTrigger?: boolean | undefined;
|
100
|
+
readonly scrollbar?: boolean | undefined;
|
101
|
+
readonly scrollOffset?: number | undefined;
|
102
|
+
readonly watchValueChange?: boolean | undefined;
|
103
|
+
readonly onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
104
|
+
readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
105
|
+
readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
|
106
|
+
readonly onClear?: (() => any) | undefined;
|
107
|
+
readonly onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
108
|
+
readonly "onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
|
109
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
110
|
+
$attrs: {
|
111
|
+
[x: string]: unknown;
|
112
|
+
};
|
113
|
+
$refs: {
|
114
|
+
[x: string]: unknown;
|
115
|
+
} & {
|
116
|
+
panelRef: ({
|
117
|
+
$: import('vue').ComponentInternalInstance;
|
118
|
+
$data: {};
|
119
|
+
$props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
|
120
|
+
$attrs: {
|
121
|
+
[x: string]: unknown;
|
122
|
+
};
|
123
|
+
$refs: {
|
124
|
+
[x: string]: unknown;
|
125
|
+
};
|
126
|
+
$slots: Readonly<{
|
127
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
128
|
+
}>;
|
129
|
+
$root: import('vue').ComponentPublicInstance | null;
|
130
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
131
|
+
$host: Element | null;
|
132
|
+
$emit: (event: string, ...args: any[]) => void;
|
133
|
+
$el: HTMLDivElement;
|
134
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
135
|
+
jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => Promise<void>;
|
136
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
137
|
+
beforeCreate?: (() => void) | (() => void)[];
|
138
|
+
created?: (() => void) | (() => void)[];
|
139
|
+
beforeMount?: (() => void) | (() => void)[];
|
140
|
+
mounted?: (() => void) | (() => void)[];
|
141
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
142
|
+
updated?: (() => void) | (() => void)[];
|
143
|
+
activated?: (() => void) | (() => void)[];
|
144
|
+
deactivated?: (() => void) | (() => void)[];
|
145
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
146
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
147
|
+
destroyed?: (() => void) | (() => void)[];
|
148
|
+
unmounted?: (() => void) | (() => void)[];
|
149
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
150
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
151
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
152
|
+
};
|
153
|
+
$forceUpdate: () => void;
|
154
|
+
$nextTick: typeof import('vue').nextTick;
|
155
|
+
$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;
|
156
|
+
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
|
157
|
+
jump: (newDate: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs) => Promise<void>;
|
158
|
+
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
159
|
+
$slots: {
|
160
|
+
extra?(_: {}): any;
|
161
|
+
};
|
162
|
+
}) | null;
|
163
|
+
};
|
164
|
+
$slots: Readonly<{
|
165
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
166
|
+
}>;
|
167
|
+
$root: import('vue').ComponentPublicInstance | null;
|
168
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
169
|
+
$host: Element | null;
|
170
|
+
$emit: ((event: "change", timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "select", timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => void) & ((event: "update:modelValue", value: import('..').TimePickerValue) => void);
|
171
|
+
$el: any;
|
172
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('..').TimePickerProps> & Readonly<{
|
173
|
+
onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
174
|
+
"onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
175
|
+
"onPopup-visible-change"?: ((value: boolean) => any) | undefined;
|
176
|
+
onClear?: (() => any) | undefined;
|
177
|
+
onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
178
|
+
"onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
|
179
|
+
}>, {
|
180
|
+
jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
|
181
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
182
|
+
change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
|
183
|
+
"update:popupVisible": (value: boolean) => any;
|
184
|
+
"popup-visible-change": (value: boolean) => any;
|
185
|
+
clear: () => any;
|
186
|
+
select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
|
187
|
+
"update:modelValue": (value: import('..').TimePickerValue) => any;
|
188
|
+
}, string, {
|
189
|
+
error: boolean;
|
190
|
+
size: import('..').Size;
|
191
|
+
popupVisible: boolean;
|
192
|
+
defaultPopupVisible: boolean;
|
193
|
+
disabled: boolean;
|
194
|
+
position: import('..').TimePickerPosition;
|
195
|
+
unmountOnClose: boolean;
|
196
|
+
popupContainer: import('..').PopupContainer;
|
197
|
+
scrollbar: boolean;
|
198
|
+
type: import('..').TimePickerType;
|
199
|
+
placeholder: string | string[];
|
200
|
+
modelValue: import('..').TimePickerValue;
|
201
|
+
defaultValue: import('..').TimePickerValue;
|
202
|
+
allowClear: boolean;
|
203
|
+
readonly: boolean;
|
204
|
+
triggerProps: import('..').TriggerProps;
|
205
|
+
format: string;
|
206
|
+
hideDisabledOptions: boolean;
|
207
|
+
scrollOffset: number;
|
208
|
+
hideTrigger: boolean;
|
209
|
+
watchValueChange: boolean;
|
210
|
+
disabledHours: import('..').DisabledHours;
|
211
|
+
disabledMinutes: import('..').DisabledMinutes;
|
212
|
+
disabledSeconds: import('..').DisabledSeconds;
|
213
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
214
|
+
beforeCreate?: (() => void) | (() => void)[];
|
215
|
+
created?: (() => void) | (() => void)[];
|
216
|
+
beforeMount?: (() => void) | (() => void)[];
|
217
|
+
mounted?: (() => void) | (() => void)[];
|
218
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
219
|
+
updated?: (() => void) | (() => void)[];
|
220
|
+
activated?: (() => void) | (() => void)[];
|
221
|
+
deactivated?: (() => void) | (() => void)[];
|
222
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
223
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
224
|
+
destroyed?: (() => void) | (() => void)[];
|
225
|
+
unmounted?: (() => void) | (() => void)[];
|
226
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
227
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
228
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
229
|
+
};
|
230
|
+
$forceUpdate: () => void;
|
231
|
+
$nextTick: typeof import('vue').nextTick;
|
232
|
+
$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;
|
233
|
+
} & Readonly<{
|
234
|
+
error: boolean;
|
235
|
+
size: import('..').Size;
|
236
|
+
popupVisible: boolean;
|
237
|
+
defaultPopupVisible: boolean;
|
238
|
+
disabled: boolean;
|
239
|
+
position: import('..').TimePickerPosition;
|
240
|
+
unmountOnClose: boolean;
|
241
|
+
popupContainer: import('..').PopupContainer;
|
242
|
+
scrollbar: boolean;
|
243
|
+
type: import('..').TimePickerType;
|
244
|
+
placeholder: string | string[];
|
245
|
+
modelValue: import('..').TimePickerValue;
|
246
|
+
defaultValue: import('..').TimePickerValue;
|
247
|
+
allowClear: boolean;
|
248
|
+
readonly: boolean;
|
249
|
+
triggerProps: import('..').TriggerProps;
|
250
|
+
format: string;
|
251
|
+
hideDisabledOptions: boolean;
|
252
|
+
scrollOffset: number;
|
253
|
+
hideTrigger: boolean;
|
254
|
+
watchValueChange: boolean;
|
255
|
+
disabledHours: import('..').DisabledHours;
|
256
|
+
disabledMinutes: import('..').DisabledMinutes;
|
257
|
+
disabledSeconds: import('..').DisabledSeconds;
|
258
|
+
}> & Omit<Readonly<import('..').TimePickerProps> & Readonly<{
|
259
|
+
onChange?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
260
|
+
"onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
261
|
+
"onPopup-visible-change"?: ((value: boolean) => any) | undefined;
|
262
|
+
onClear?: (() => any) | undefined;
|
263
|
+
onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
|
264
|
+
"onUpdate:modelValue"?: ((value: import('..').TimePickerValue) => any) | undefined;
|
265
|
+
}>, "jump" | ("error" | "size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "position" | "unmountOnClose" | "popupContainer" | "scrollbar" | "type" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "triggerProps" | "format" | "hideDisabledOptions" | "scrollOffset" | "hideTrigger" | "watchValueChange" | "disabledHours" | "disabledMinutes" | "disabledSeconds")> & import('vue').ShallowUnwrapRef<{
|
266
|
+
jump(date: import('dayjs').Dayjs, oldDate?: import('dayjs').Dayjs): void;
|
267
|
+
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
268
|
+
$slots: any;
|
269
|
+
}) | null;
|
270
|
+
}, any, import('vue').ComponentProvideOptions, {
|
69
271
|
P: {};
|
70
272
|
B: {};
|
71
273
|
D: {};
|
@@ -108,8 +310,8 @@ declare const DatePicker: {
|
|
108
310
|
pickerValue: import('./type').DatePickerValue;
|
109
311
|
defaultPickerValue: import('./type').DatePickerValue;
|
110
312
|
valueFormat: import('./type').ValueFormat;
|
111
|
-
showConfirmBtn: boolean;
|
112
313
|
abbreviation: boolean;
|
314
|
+
showConfirmBtn: boolean;
|
113
315
|
disabledDate: import('./type').DisabledDate;
|
114
316
|
shortcutsPosition: import('./type').ShortcutsPosition;
|
115
317
|
shortcuts: import('./type').ShortcutType[];
|
@@ -166,8 +368,8 @@ declare const DatePicker: {
|
|
166
368
|
pickerValue: import('./type').DatePickerValue;
|
167
369
|
defaultPickerValue: import('./type').DatePickerValue;
|
168
370
|
valueFormat: import('./type').ValueFormat;
|
169
|
-
showConfirmBtn: boolean;
|
170
371
|
abbreviation: boolean;
|
372
|
+
showConfirmBtn: boolean;
|
171
373
|
disabledDate: import('./type').DisabledDate;
|
172
374
|
shortcutsPosition: import('./type').ShortcutsPosition;
|
173
375
|
shortcuts: import('./type').ShortcutType[];
|
@@ -1,12 +1,64 @@
|
|
1
|
+
import { nextTick } from 'vue';
|
1
2
|
import { TimePickerProps } from './type';
|
3
|
+
import { dayjs } from '../_shared/utils';
|
2
4
|
declare function __VLS_template(): {
|
3
5
|
attrs: Partial<{}>;
|
4
6
|
slots: any;
|
5
|
-
refs: {
|
7
|
+
refs: {
|
8
|
+
panelRef: ({
|
9
|
+
$: import('vue').ComponentInternalInstance;
|
10
|
+
$data: {};
|
11
|
+
$props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
|
12
|
+
$attrs: {
|
13
|
+
[x: string]: unknown;
|
14
|
+
};
|
15
|
+
$refs: {
|
16
|
+
[x: string]: unknown;
|
17
|
+
};
|
18
|
+
$slots: Readonly<{
|
19
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
20
|
+
}>;
|
21
|
+
$root: import('vue').ComponentPublicInstance | null;
|
22
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
23
|
+
$host: Element | null;
|
24
|
+
$emit: (event: string, ...args: any[]) => void;
|
25
|
+
$el: HTMLDivElement;
|
26
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
27
|
+
jump: (newDate: dayjs.Dayjs, oldDate?: dayjs.Dayjs) => Promise<void>;
|
28
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
29
|
+
beforeCreate?: (() => void) | (() => void)[];
|
30
|
+
created?: (() => void) | (() => void)[];
|
31
|
+
beforeMount?: (() => void) | (() => void)[];
|
32
|
+
mounted?: (() => void) | (() => void)[];
|
33
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
34
|
+
updated?: (() => void) | (() => void)[];
|
35
|
+
activated?: (() => void) | (() => void)[];
|
36
|
+
deactivated?: (() => void) | (() => void)[];
|
37
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
38
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
39
|
+
destroyed?: (() => void) | (() => void)[];
|
40
|
+
unmounted?: (() => void) | (() => void)[];
|
41
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
42
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
43
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
44
|
+
};
|
45
|
+
$forceUpdate: () => void;
|
46
|
+
$nextTick: typeof nextTick;
|
47
|
+
$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;
|
48
|
+
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
|
49
|
+
jump: (newDate: dayjs.Dayjs, oldDate?: dayjs.Dayjs) => Promise<void>;
|
50
|
+
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
51
|
+
$slots: {
|
52
|
+
extra?(_: {}): any;
|
53
|
+
};
|
54
|
+
}) | null;
|
55
|
+
};
|
6
56
|
rootEl: any;
|
7
57
|
};
|
8
58
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
9
|
-
declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {
|
59
|
+
declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {
|
60
|
+
jump(date: dayjs.Dayjs, oldDate?: dayjs.Dayjs): void;
|
61
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
10
62
|
change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
|
11
63
|
"update:popupVisible": (value: boolean) => any;
|
12
64
|
"popup-visible-change": (value: boolean) => any;
|
@@ -41,10 +93,59 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
|
|
41
93
|
hideDisabledOptions: boolean;
|
42
94
|
scrollOffset: number;
|
43
95
|
hideTrigger: boolean;
|
96
|
+
watchValueChange: boolean;
|
44
97
|
disabledHours: import('./type').DisabledHours;
|
45
98
|
disabledMinutes: import('./type').DisabledMinutes;
|
46
99
|
disabledSeconds: import('./type').DisabledSeconds;
|
47
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
100
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
101
|
+
panelRef: ({
|
102
|
+
$: import('vue').ComponentInternalInstance;
|
103
|
+
$data: {};
|
104
|
+
$props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
|
105
|
+
$attrs: {
|
106
|
+
[x: string]: unknown;
|
107
|
+
};
|
108
|
+
$refs: {
|
109
|
+
[x: string]: unknown;
|
110
|
+
};
|
111
|
+
$slots: Readonly<{
|
112
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
113
|
+
}>;
|
114
|
+
$root: import('vue').ComponentPublicInstance | null;
|
115
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
116
|
+
$host: Element | null;
|
117
|
+
$emit: (event: string, ...args: any[]) => void;
|
118
|
+
$el: HTMLDivElement;
|
119
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
120
|
+
jump: (newDate: dayjs.Dayjs, oldDate?: dayjs.Dayjs) => Promise<void>;
|
121
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
122
|
+
beforeCreate?: (() => void) | (() => void)[];
|
123
|
+
created?: (() => void) | (() => void)[];
|
124
|
+
beforeMount?: (() => void) | (() => void)[];
|
125
|
+
mounted?: (() => void) | (() => void)[];
|
126
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
127
|
+
updated?: (() => void) | (() => void)[];
|
128
|
+
activated?: (() => void) | (() => void)[];
|
129
|
+
deactivated?: (() => void) | (() => void)[];
|
130
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
131
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
132
|
+
destroyed?: (() => void) | (() => void)[];
|
133
|
+
unmounted?: (() => void) | (() => void)[];
|
134
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
135
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
136
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
137
|
+
};
|
138
|
+
$forceUpdate: () => void;
|
139
|
+
$nextTick: typeof nextTick;
|
140
|
+
$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;
|
141
|
+
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
|
142
|
+
jump: (newDate: dayjs.Dayjs, oldDate?: dayjs.Dayjs) => Promise<void>;
|
143
|
+
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
144
|
+
$slots: {
|
145
|
+
extra?(_: {}): any;
|
146
|
+
};
|
147
|
+
}) | null;
|
148
|
+
}, any>;
|
48
149
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
49
150
|
export default _default;
|
50
151
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
@@ -1 +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 r=require("../_shared/utils/global-config.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/locale.js");const o=require("../_shared/utils/time.js"),
|
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 r=require("../_shared/utils/global-config.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/locale.js");const o=require("../_shared/utils/time.js"),a=require("./hooks/useContext.js"),l=;/* empty css */,/* empty css */,/* empty css */;/* empty css */const n=require("../_shared/icons/IconTime.vue.js"),i=require("./TimePickerPanel.vue.js");;/* empty css */const u=require("../Trigger/index.js"),s={key:0,class:"yc-picker-prefix"},d=["value","placeholder","disabled","readonly"],c=["value","placeholder","disabled","readonly"],p={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:void 0},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},hideTrigger:{type:Boolean,default:!1},scrollbar:{type:Boolean,default:!0},scrollOffset:{default:0},watchValueChange:{type:Boolean,default:!0}},emits:["update:modelValue","update:popupVisible","change","select","clear","popup-visible-change"],setup(m,{expose:y,emit:k}){const v=e.useSlots(),h=m,g=k,{size:x}=r.getGlobalConfig(h),{type:b,computedValue:B,computedVisible:C,showClearBtn:V,readonly:j,disabled:_,curIndex:q,inputRefs:w,format:N,placeholder:T}=a.default().provide(h,g),E=e.ref(),P=()=>{B.value="time-range"==b.value?[]:"",g("clear")},S=async r=>{q.value=r,await e.nextTick(),C.value=!0},z=()=>{if(C.value=!1,!t.isArray(B.value))return;const e=B.value[0],r=B.value[1];e&&r?o.isValidTimeRange(e,r,N.value)||(B.value=B.value.reverse()):B.value=[]};return y({jump(e,r){var t;null==(t=E.value)||t.jump(e,r)}}),(r,o)=>r.hideTrigger?(e.openBlock(),e.createBlock(i.default,{key:1,ref_key:"panelRef",ref:E},e.createSlots({_:2},[v.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"extra")]),key:"0"}:void 0]),1536)):(e.openBlock(),e.createBlock(e.unref(u.default),e.mergeProps({key:0,"popup-visible":e.unref(C),position:r.position,"popup-container":r.popupContainer,"popup-offset":4,"unmount-on-close":r.unmountOnClose,disabled:e.unref(_)||e.unref(j),"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":""},r.triggerProps),{content:e.withCtx(()=>[e.createVNode(i.default,{ref_key:"panelRef",ref:E},e.createSlots({_:2},[v.extra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"extra")]),key:"0"}:void 0]),1536)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker",`yc-picker-size-${e.unref(x)}`,r.$attrs.class,{"yc-picker-disabled":e.unref(_),"yc-picker-error":r.error,"yc-picker-focus":e.unref(C),"yc-picker-has-prefix":v.prefix,"yc-picker-allow-clear":e.unref(V),"yc-picker-range":"time-range"==e.unref(b)}]),style:e.normalizeStyle({...r.$attrs.style||{}})},[v.prefix?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"prefix")])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-input",{"yc-picker-input-active":!e.unref(q)&&e.unref(C)}]),onClick:o[0]||(o[0]=e.withModifiers(e=>S(0),["stop"]))},[e.createElementVNode("input",{value:e.unref(t.isArray)(e.unref(B))?e.unref(B)[0]:e.unref(B),placeholder:e.unref(t.isArray)(e.unref(T))?e.unref(T)[0]:e.unref(T),disabled:e.unref(_),readonly:e.unref(j)||!0,ref:r=>e.unref(w)[0]=r,class:"yc-picker-start-time"},null,8,d)],2),"time-range"==e.unref(b)?(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(C)}]),onClick:o[1]||(o[1]=e.withModifiers(e=>S(1),["stop"]))},[e.createElementVNode("input",{value:e.unref(t.isArray)(e.unref(B))?e.unref(B)[1]:e.unref(B),placeholder:e.unref(t.isArray)(e.unref(T))?e.unref(T)[1]:e.unref(T),disabled:e.unref(_),readonly:e.unref(j),ref:r=>e.unref(w)[1]=r,class:"yc-picker-start-time"},null,8,c)],2)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",p,[e.unref(V)?(e.openBlock(),e.createBlock(e.unref(l.default),{key:0,size:14,class:"yc-picker-clear-icon",onClick:P})):e.createCommentVNode("",!0),e.createElementVNode("span",f,[e.renderSlot(r.$slots,"suffix-icon",{},()=>[e.createVNode(e.unref(n.default))])])])],6)]),_:3},16,["popup-visible","position","popup-container","unmount-on-close","disabled"]))}});exports.default=m;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { dayjs } from '../_shared/utils';
|
1
2
|
declare function __VLS_template(): {
|
2
3
|
attrs: Partial<{}>;
|
3
4
|
slots: {
|
@@ -7,7 +8,9 @@ declare function __VLS_template(): {
|
|
7
8
|
rootEl: HTMLDivElement;
|
8
9
|
};
|
9
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
10
|
-
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
12
|
+
jump: (newDate: dayjs.Dayjs, oldDate?: dayjs.Dayjs) => Promise<void>;
|
13
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
11
14
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
12
15
|
export default _default;
|
13
16
|
type __VLS_WithTemplateSlots<T, S> = T & {
|