yc-design-vue 2.3.1 → 2.3.3
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.js +10 -4
- package/es/DatePicker/MonthPicker.vue.js +1 -1
- package/es/DatePicker/WeekPicker.vue.js +3 -3
- package/es/DatePicker/YearPicker.vue.js +1 -1
- package/es/DatePicker/hooks/userPicker.d.ts +3 -3
- package/es/DatePicker/hooks/userPicker.js +16 -8
- package/es/DatePicker/type.d.ts +3 -1
- package/es/TimePicker/TimePicker.vue.d.ts +6 -6
- package/es/TimePicker/TimePickerPanel.vue.d.ts +2 -2
- package/es/TimePicker/index.css +1 -1
- package/es/_shared/utils/dependencies.d.ts +2 -2
- package/es/node_modules/dayjs/dayjs.min.js +1 -0
- package/es/style.css +1 -1
- package/lib/DatePicker/DatePicker.vue.js +1 -1
- package/lib/DatePicker/MonthPicker.vue.js +1 -1
- package/lib/DatePicker/WeekPicker.vue.js +1 -1
- package/lib/DatePicker/YearPicker.vue.js +1 -1
- package/lib/DatePicker/hooks/userPicker.d.ts +3 -3
- package/lib/DatePicker/hooks/userPicker.js +1 -1
- package/lib/DatePicker/type.d.ts +3 -1
- package/lib/TimePicker/TimePicker.vue.d.ts +6 -6
- package/lib/TimePicker/TimePickerPanel.vue.d.ts +2 -2
- package/lib/TimePicker/index.css +1 -1
- package/lib/_shared/utils/dependencies.d.ts +2 -2
- package/lib/node_modules/dayjs/dayjs.min.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
71
71
|
format: { default: (props) => {
|
72
72
|
return props.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
|
73
73
|
} },
|
74
|
-
previewShortcut: { type: Boolean, default:
|
74
|
+
previewShortcut: { type: Boolean, default: false },
|
75
75
|
showConfirmBtn: { type: Boolean, default: false },
|
76
76
|
disabledInput: { type: Boolean, default: false },
|
77
77
|
abbreviation: { type: Boolean, default: true }
|
@@ -164,7 +164,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
164
164
|
(_a = timePickerRef.value) == null ? void 0 : _a.jump(newDate, oldDate);
|
165
165
|
},
|
166
166
|
{
|
167
|
-
immediate: true
|
167
|
+
immediate: true,
|
168
|
+
deep: true
|
168
169
|
}
|
169
170
|
);
|
170
171
|
return (_ctx, _cache) => {
|
@@ -182,7 +183,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
182
183
|
"show-now": "",
|
183
184
|
onConfirm: unref(handleConfirm),
|
184
185
|
onShortcutSelect: unref(handleShortcut),
|
185
|
-
onNowClick:
|
186
|
+
onNowClick: _cache[9] || (_cache[9] = ($event) => {
|
187
|
+
unref(handleNowClick)((val, oldVal) => {
|
188
|
+
var _a;
|
189
|
+
(_a = timePickerRef.value) == null ? void 0 : _a.jump(unref(dayjs)(val), oldVal ? unref(dayjs)(oldVal) : void 0);
|
190
|
+
});
|
191
|
+
})
|
186
192
|
}, createSlots({
|
187
193
|
default: withCtx(() => {
|
188
194
|
var _a, _b, _c, _d, _e, _f, _g;
|
@@ -313,7 +319,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
313
319
|
]),
|
314
320
|
key: "0"
|
315
321
|
} : void 0
|
316
|
-
]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "show-footer", "onConfirm", "onShortcutSelect"
|
322
|
+
]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "show-footer", "onConfirm", "onShortcutSelect"])
|
317
323
|
]),
|
318
324
|
_: 3
|
319
325
|
}),
|
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
47
47
|
popupContainer: { default: void 0 },
|
48
48
|
valueFormat: { default: "YYYY-MM" },
|
49
49
|
format: { default: "YYYY-MM" },
|
50
|
-
previewShortcut: { type: Boolean, default:
|
50
|
+
previewShortcut: { type: Boolean, default: false },
|
51
51
|
showConfirmBtn: { type: Boolean, default: false },
|
52
52
|
disabledInput: { type: Boolean, default: false },
|
53
53
|
abbreviation: { type: Boolean, default: true }
|
@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
59
59
|
popupContainer: { default: void 0 },
|
60
60
|
valueFormat: { default: "YYYY-MM-DD" },
|
61
61
|
format: { default: "gggg-wo" },
|
62
|
-
previewShortcut: { type: Boolean, default:
|
62
|
+
previewShortcut: { type: Boolean, default: false },
|
63
63
|
showConfirmBtn: { type: Boolean, default: false },
|
64
64
|
disabledInput: { type: Boolean, default: false },
|
65
65
|
abbreviation: { type: Boolean, default: true }
|
@@ -228,8 +228,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
228
228
|
"is-today": unref(isToday)(date, "week"),
|
229
229
|
hoverable: false,
|
230
230
|
class: normalizeClass({
|
231
|
-
"yc-week-picker-cell-first": !
|
232
|
-
"yc-week-picker-cell-last":
|
231
|
+
"yc-week-picker-cell-first": !k,
|
232
|
+
"yc-week-picker-cell-last": k == time.length - 1
|
233
233
|
})
|
234
234
|
}, createSlots({ _: 2 }, [
|
235
235
|
$slots.cell ? {
|
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
42
42
|
popupContainer: { default: void 0 },
|
43
43
|
valueFormat: { default: "YYYY" },
|
44
44
|
format: { default: "YYYY" },
|
45
|
-
previewShortcut: { type: Boolean, default:
|
45
|
+
previewShortcut: { type: Boolean, default: false },
|
46
46
|
showConfirmBtn: { type: Boolean, default: false },
|
47
47
|
disabledInput: { type: Boolean, default: false },
|
48
48
|
abbreviation: { type: Boolean }
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { BasePickerEmits, DatePickerValue,
|
1
|
+
import { BasePickerEmits, DatePickerValue, ShortcutType } from '../type';
|
2
2
|
import { RecordType } from '../../_shared/type';
|
3
3
|
export default function usePicker(params: {
|
4
4
|
props: RecordType;
|
@@ -32,9 +32,9 @@ export default function usePicker(params: {
|
|
32
32
|
range: import('../../_shared/utils').YearData[][];
|
33
33
|
startYear: number;
|
34
34
|
};
|
35
|
-
getWeeksOfMonth: (year: number, month: number, startOfWeek?: DayStartOfWeek) => import('../../_shared/utils').WeekData[];
|
35
|
+
getWeeksOfMonth: (year: number, month: number, startOfWeek?: import('..').DayStartOfWeek) => import('../../_shared/utils').WeekData[];
|
36
36
|
getDaysOfMonth: (year: number, month: number, dayStartOfWeek?: number) => import('../../_shared/utils').DayData[][];
|
37
|
-
handleNowClick: () => void;
|
37
|
+
handleNowClick: (onSet: (value: Date, oldValue: Date | "") => void) => void;
|
38
38
|
handleSelect: (date: Date) => void;
|
39
39
|
handleConfirm: () => Promise<void>;
|
40
40
|
handleShortcut: (shortcut: ShortcutType, hover: boolean) => void;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { toRefs, computed, ref } from "vue";
|
2
2
|
import { createReusableTemplate } from "../../node_modules/@vueuse/core/index.js";
|
3
3
|
import "../../node_modules/b-tween/dist/b-tween.es.js";
|
4
|
-
import dayjs from "../../node_modules/dayjs/dayjs.min.js";
|
4
|
+
import dayjs, { d as dayjs_minExports } from "../../node_modules/dayjs/dayjs.min.js";
|
5
5
|
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
6
6
|
import { sleep } from "../../_shared/utils/dom.js";
|
7
|
-
import { isString, isUndefined } from "../../_shared/utils/is.js";
|
7
|
+
import { isString, isUndefined, isFunction, isArray } from "../../_shared/utils/is.js";
|
8
8
|
import { useControlValue } from "../../_shared/utils/hooks.js";
|
9
9
|
import { useI18n } from "../../_shared/utils/locale.js";
|
10
10
|
import { getDaysOfMonth, getWeeksOfMonth, getRangeOfYear } from "../../_shared/utils/time.js";
|
@@ -98,15 +98,20 @@ function usePicker(params) {
|
|
98
98
|
}
|
99
99
|
};
|
100
100
|
const handleShortcut = (shortcut, hover) => {
|
101
|
-
if (!hover) {
|
102
|
-
emits("select-shortcut", shortcut);
|
103
|
-
}
|
104
101
|
if (shortcut.value) {
|
105
|
-
|
102
|
+
const value = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
|
103
|
+
if (isArray(value)) {
|
104
|
+
computedValue.value = value.map((v) => {
|
105
|
+
return dayjs_minExports.isDayjs(v) ? v.toDate() : v;
|
106
|
+
});
|
107
|
+
} else {
|
108
|
+
computedValue.value = dayjs_minExports.isDayjs(value) ? value.toDate() : value;
|
109
|
+
}
|
106
110
|
}
|
107
111
|
if (hover) return;
|
108
112
|
isConfirm = true;
|
109
113
|
computedVisible.value = false;
|
114
|
+
emits("select-shortcut", shortcut);
|
110
115
|
};
|
111
116
|
const handleSelect = (date) => {
|
112
117
|
if (disabledDate == null ? void 0 : disabledDate(date)) {
|
@@ -127,8 +132,11 @@ function usePicker(params) {
|
|
127
132
|
await sleep(0);
|
128
133
|
computedVisible.value = false;
|
129
134
|
};
|
130
|
-
const handleNowClick = () => {
|
131
|
-
|
135
|
+
const handleNowClick = (onSet) => {
|
136
|
+
const value = /* @__PURE__ */ new Date();
|
137
|
+
const oldValue = getDateFromFormat(computedValue.value);
|
138
|
+
computedValue.value = value;
|
139
|
+
onSet(value, oldValue);
|
132
140
|
if (showTime == null ? void 0 : showTime.value) return;
|
133
141
|
isConfirm = true;
|
134
142
|
computedVisible.value = false;
|
package/es/DatePicker/type.d.ts
CHANGED
@@ -2,6 +2,7 @@ import { VNode } from 'vue';
|
|
2
2
|
import { PopupContainer, Position, Size } from '../_shared/type';
|
3
3
|
import { TriggerProps } from '../Trigger';
|
4
4
|
import { DisabledHours, DisabledMinutes, DisabledSeconds, TimePickerProps } from '../TimePicker';
|
5
|
+
import { Dayjs } from '../_shared/utils';
|
5
6
|
export interface BasePickerProps {
|
6
7
|
locale?: Record<string, any>;
|
7
8
|
hideTrigger?: boolean;
|
@@ -98,8 +99,9 @@ export type DisabledTime = (current: Date | string) => {
|
|
98
99
|
disabledMinutes?: DisabledMinutes;
|
99
100
|
disabledSeconds?: DisabledSeconds;
|
100
101
|
};
|
102
|
+
export type ShortcutValue = Date | Dayjs | (Date | Dayjs)[];
|
101
103
|
export type ShortcutType = {
|
102
104
|
label: string | number | (() => VNode);
|
103
|
-
value:
|
105
|
+
value: ShortcutValue | (() => ShortcutValue);
|
104
106
|
format: string;
|
105
107
|
};
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { nextTick } from 'vue';
|
2
2
|
import { TimePickerProps } from './type';
|
3
|
-
import {
|
3
|
+
import { Dayjs } from '../_shared/utils';
|
4
4
|
declare function __VLS_template(): {
|
5
5
|
attrs: Partial<{}>;
|
6
6
|
slots: any;
|
@@ -24,7 +24,7 @@ declare function __VLS_template(): {
|
|
24
24
|
$emit: (event: string, ...args: any[]) => void;
|
25
25
|
$el: HTMLDivElement;
|
26
26
|
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
27
|
-
jump: (newDate:
|
27
|
+
jump: (newDate: Dayjs, oldDate?: Dayjs) => Promise<void>;
|
28
28
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
29
29
|
beforeCreate?: (() => void) | (() => void)[];
|
30
30
|
created?: (() => void) | (() => void)[];
|
@@ -46,7 +46,7 @@ declare function __VLS_template(): {
|
|
46
46
|
$nextTick: typeof nextTick;
|
47
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
48
|
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
|
49
|
-
jump: (newDate:
|
49
|
+
jump: (newDate: Dayjs, oldDate?: Dayjs) => Promise<void>;
|
50
50
|
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
51
51
|
$slots: {
|
52
52
|
extra?(_: {}): any;
|
@@ -57,7 +57,7 @@ declare function __VLS_template(): {
|
|
57
57
|
};
|
58
58
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
59
59
|
declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {
|
60
|
-
jump(date:
|
60
|
+
jump(date: Dayjs, oldDate?: Dayjs): void;
|
61
61
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
62
62
|
change: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
|
63
63
|
"update:popupVisible": (value: boolean) => any;
|
@@ -117,7 +117,7 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {
|
|
117
117
|
$emit: (event: string, ...args: any[]) => void;
|
118
118
|
$el: HTMLDivElement;
|
119
119
|
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
120
|
-
jump: (newDate:
|
120
|
+
jump: (newDate: Dayjs, oldDate?: Dayjs) => Promise<void>;
|
121
121
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
122
122
|
beforeCreate?: (() => void) | (() => void)[];
|
123
123
|
created?: (() => void) | (() => void)[];
|
@@ -139,7 +139,7 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {
|
|
139
139
|
$nextTick: typeof nextTick;
|
140
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
141
|
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "jump"> & import('vue').ShallowUnwrapRef<{
|
142
|
-
jump: (newDate:
|
142
|
+
jump: (newDate: Dayjs, oldDate?: Dayjs) => Promise<void>;
|
143
143
|
}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
|
144
144
|
$slots: {
|
145
145
|
extra?(_: {}): any;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { Dayjs } from '../_shared/utils';
|
2
2
|
declare function __VLS_template(): {
|
3
3
|
attrs: Partial<{}>;
|
4
4
|
slots: {
|
@@ -9,7 +9,7 @@ declare function __VLS_template(): {
|
|
9
9
|
};
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
12
|
-
jump: (newDate:
|
12
|
+
jump: (newDate: Dayjs, oldDate?: Dayjs) => Promise<void>;
|
13
13
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
14
14
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
15
15
|
export default _default;
|
package/es/TimePicker/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);font-size:14px;display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container{scroll-behavior:unset}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner:hover{background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}
|
1
|
+
.yc-picker{position:relative;padding:4px 11px 4px 4px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0, 0, 1, 1);line-height:1.5715;display:inline-flex;align-items:center}.yc-picker:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-fill-3);border-color:transparent}.yc-picker .yc-picker-has-prefix,.yc-picker .yc-picker-input.yc-picker-suffix,.yc-picker .yc-picker-separator{flex-shrink:0}.yc-picker .yc-picker-prefix{margin-right:4px;font-size:14px;color:var(--color-text-2)}.yc-picker .yc-picker-input{flex:1;height:100%;display:flex;align-items:center}.yc-picker .yc-picker-input input{height:100%;width:100%;padding:0;padding-left:8px;background-color:transparent;border:none;outline:none;text-align:left;color:var(--color-text-2);transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-picker .yc-picker-input input::placeholder{color:var(--color-text-3)}.yc-picker .yc-picker-separator{min-width:10px;padding:0 8px;color:var(--color-text-3)}.yc-picker .yc-picker-suffix{margin-left:4px;display:flex;align-items:center}.yc-picker .yc-picker-suffix .yc-icon-button{display:none}.yc-picker .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-2);font-size:14px;display:flex;justify-content:center;align-items:center}.yc-picker-has-prefix{padding-left:12px}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-icon-button{display:flex}.yc-picker-allow-clear:hover .yc-picker-suffix .yc-picker-suffix-icon{display:none}.yc-picker-focus{background-color:var(--color-bg-1);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-picker-range .yc-picker-input-active input{background:var(--color-fill-2)}.yc-picker-error{background-color:var(--color-danger-light-1);border-color:transparent}.yc-picker-error:not(.yc-picker-disabled):not(.yc-picker-focus):hover{background-color:var(--color-danger-light-2)}.yc-picker-error.yc-picker-focus{background-color:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-picker-disabled{cursor:not-allowed;color:var(--color-text-4);background-color:var(--color-fill-2);border-color:transparent}.yc-picker-disabled .yc-picker-input input{cursor:not-allowed}.yc-picker-disabled .yc-picker-input input::placeholder{color:var(--color-text-4)}.yc-picker-disabled .yc-picker-suffix .yc-picker-suffix-icon{color:var(--color-text-4)}.yc-picker-size-mini{height:24px}.yc-picker-size-mini input{font-size:12px}.yc-picker-size-small{height:28px}.yc-picker-size-small input{font-size:14px}.yc-picker-size-medium{height:32px}.yc-picker-size-medium input{font-size:14px}.yc-picker-size-large{height:36px}.yc-picker-size-large input{font-size:14px}.yc-timepicker-container{overflow:hidden;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-medium);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.yc-timepicker-container .yc-timepicker{position:relative;display:flex;padding:0}.yc-timepicker-container .yc-timepicker .yc-timepicker-column{overflow:hidden;width:64px;height:224px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container{scroll-behavior:unset}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell{padding:4px 0;color:var(--color-text-1);font-weight:500;cursor:pointer}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner{height:24px;padding-left:24px;font-size:14px;line-height:24px}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell .yc-timepicker-cell-inner:hover{background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell.yc-timepicker-cell-selected .yc-timepicker-cell-inner{font-weight:500;background-color:var(--color-fill-2)}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell.yc-timepicker-cell-disabled{color:var(--color-text-4);cursor:not-allowed}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul .yc-timepicker-cell.yc-timepicker-cell-disabled .yc-timepicker-cell-inner:hover{background-color:transparent}.yc-timepicker-container .yc-timepicker .yc-timepicker-column .yc-scrollbar .yc-scrollbar-container ul::after{display:block;width:100%;height:192px;content:''}.yc-timepicker-container .yc-timepicker-footer-extra-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);color:var(--color-text-1);font-size:12px}.yc-timepicker-container .yc-timepicker-footer-btn-wrapper{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:space-between}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
export { unrefElement, createReusableTemplate, useEventListener, useResizeObserver, useDraggable, useElementBounding, useElementSize, useMediaQuery, useMutationObserver, useClipboard, onClickOutside, useTimeoutFn, onKeyStroke, useVirtualList, useScroll, useDropZone, useFileDialog, } from '@vueuse/core';
|
2
2
|
export { nanoid } from 'nanoid';
|
3
3
|
export { default as BTween } from 'b-tween';
|
4
|
-
export { default as dayjs } from 'dayjs';
|
5
|
-
export type { UnitType } from 'dayjs';
|
4
|
+
export { default as dayjs, isDayjs } from 'dayjs';
|
5
|
+
export type { UnitType, Dayjs } from 'dayjs';
|
6
6
|
export { default as tinycolor } from 'tinycolor2';
|
7
7
|
export type { ColorInput } from 'tinycolor2';
|
@@ -278,5 +278,6 @@ import { __module as dayjs_min } from "../../_virtual/dayjs.min.js";
|
|
278
278
|
var dayjs_minExports = dayjs_min.exports;
|
279
279
|
const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
|
280
280
|
export {
|
281
|
+
dayjs_minExports as d,
|
281
282
|
dayjs as default
|
282
283
|
};
|