yc-design-vue 2.2.4 → 2.2.5
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/Alert/index.vue.js +2 -2
- package/es/Avatar/Avatar.vue.js +1 -1
- package/es/BackTop/index.vue.js +1 -1
- package/es/Breadcrumb/BreadcrumbItem.vue.js +1 -1
- package/es/Breadcrumb/BreadcrumbMore.vue.js +1 -1
- package/es/Breadcrumb/BreadcrumbSeparator.vue.js +1 -1
- package/es/Calendar/Calendar.vue.js +2 -2
- package/es/Calendar/CalendarMonth.vue.js +2 -4
- package/es/Carousel/CarouselArrow.vue.js +1 -1
- package/es/Cascader/CascaderIcon.vue.js +2 -2
- package/es/Cascader/CascaderOption.vue.js +1 -1
- package/es/Checkbox/Checkbox.vue.js +2 -2
- package/es/Collapse/CollapseItem.vue.js +2 -2
- package/es/ColorPicker/ColorPicker.vue.d.ts +1 -1
- package/es/ColorPicker/index.d.ts +3 -3
- package/es/DatePicker/YcDatePicker.vue.d.ts +69 -1
- package/es/DatePicker/YcDatePicker.vue.js +257 -4
- package/es/DatePicker/{YcDatePicker.vue2.js → YcDatePicker.vue3.js} +1 -0
- package/es/DatePicker/YcMonthPicker.vue.d.ts +2 -2
- package/es/DatePicker/YcMonthPicker.vue.js +40 -56
- package/es/DatePicker/YcWeekPicker.vue.d.ts +2 -2
- package/es/DatePicker/YcWeekPicker.vue.js +262 -4
- package/es/DatePicker/YcWeekPicker.vue3.js +5 -0
- package/es/DatePicker/YcYearPicker.vue.d.ts +2 -2
- package/es/DatePicker/YcYearPicker.vue.js +44 -49
- package/es/DatePicker/component/PickerCell.vue.d.ts +2 -2
- package/es/DatePicker/component/PickerCell.vue.js +39 -5
- package/es/DatePicker/component/PickerCell.vue3.js +5 -0
- package/es/DatePicker/component/PickerHeader.vue.d.ts +40 -0
- package/es/DatePicker/component/PickerHeader.vue.js +83 -0
- package/es/DatePicker/component/PickerHeader.vue3.js +5 -0
- package/es/DatePicker/component/PickerInput.vue.js +119 -5
- package/es/DatePicker/component/PickerInput.vue3.js +5 -0
- package/es/DatePicker/component/PickerPanel.vue.d.ts +6 -1
- package/es/DatePicker/component/PickerPanel.vue.js +47 -6
- package/es/DatePicker/component/PickerWeekHeader.vue.d.ts +8 -0
- package/es/DatePicker/component/PickerWeekHeader.vue.js +58 -0
- package/es/DatePicker/component/PickerWeekHeader.vue3.js +5 -0
- package/es/DatePicker/hooks/userPicker.d.ts +7 -15
- package/es/DatePicker/hooks/userPicker.js +45 -49
- package/es/DatePicker/index.css +2 -2
- package/es/DatePicker/index.d.ts +156 -3
- package/es/DatePicker/index.js +5 -3
- package/es/Drawer/Drawer.vue.js +2 -2
- package/es/Dropdown/DropdownButton.vue.js +1 -1
- package/es/Dropdown/Dsubmenu.vue.js +1 -1
- package/es/Empty/index.vue.js +1 -1
- package/es/Image/Image.vue.js +1 -1
- package/es/Image/ImagePreview.vue.js +1 -1
- package/es/Image/ImagePreviewArrow.vue.js +1 -1
- package/es/Image/ImagePreviewToolbar.vue.js +1 -1
- package/es/Input/Input.vue.js +2 -2
- package/es/Input/InputPassword.vue.js +2 -2
- package/es/Input/InputSearch.vue.js +2 -2
- package/es/InputNumber/InputNumber.vue.d.ts +1 -1
- package/es/InputNumber/InputOperaBtn.vue.js +1 -1
- package/es/InputNumber/index.d.ts +3 -3
- package/es/InputTag/index.vue.js +2 -2
- package/es/Layout/LayoutSider.vue.d.ts +1 -1
- package/es/Layout/LayoutSider.vue.js +1 -1
- package/es/Layout/index.d.ts +3 -3
- package/es/Link/index.vue.js +1 -1
- package/es/Menu/Menu.vue.js +1 -1
- package/es/Menu/MenuEllipsis.vue.js +1 -1
- package/es/Menu/SubMenu.vue.js +1 -1
- package/es/Message/Message.vue.js +2 -2
- package/es/Modal/Modal.vue.js +2 -2
- package/es/Notification/Notification.vue.js +2 -2
- package/es/PageHeader/index.vue.js +2 -2
- package/es/Pagination/PaginationItem.vue.js +1 -1
- package/es/Progress/ProgressCircle.vue.js +1 -1
- package/es/Radio/Radio.vue.js +2 -2
- package/es/Rate/index.vue.js +1 -1
- package/es/ResizeBox/index.vue.js +1 -1
- package/es/Select/SelectIcon.vue.js +2 -2
- package/es/Slider/Slider.vue.d.ts +1 -1
- package/es/Slider/index.d.ts +3 -3
- package/es/Spin/index.vue.js +1 -1
- package/es/Split/index.vue.js +1 -1
- package/es/Statistic/Countdown.vue.d.ts +1 -1
- package/es/Statistic/Statistic.vue.d.ts +1 -1
- package/es/Statistic/index.d.ts +6 -6
- package/es/Steps/Step.vue.js +1 -1
- package/es/Tabs/TabButton.vue.js +2 -2
- package/es/Tabs/Tabs.vue.js +1 -1
- package/es/Tag/index.vue.js +2 -2
- package/es/Textarea/index.vue.js +2 -2
- package/es/TimePicker/TimePicker.vue.js +2 -2
- package/es/Transfer/Transfer.vue.js +1 -1
- package/es/Transfer/TransferPanel.vue.js +2 -2
- package/es/Trigger/index.vue.js +1 -1
- package/es/Typography/TypographyBase.vue.js +1 -1
- package/es/Upload/UploadButton.vue.js +1 -1
- package/es/Upload/UploadDrag.vue.js +1 -1
- package/es/Upload/UploadFileList.vue.js +2 -2
- package/es/Upload/UploadPictureCard.vue.js +1 -1
- package/es/_shared/components/IconButton/{index.vue.js → index.vue2.js} +1 -1
- package/es/_shared/components/IconButton/index.vue3.js +2 -2
- package/es/_shared/constants/index.js +1 -1
- package/es/_shared/icons/IconArrowDown.vue.js +1 -1
- package/es/_shared/icons/IconArrowRight.vue.js +1 -1
- package/es/_shared/icons/IconCalendar.vue2.js +1 -1
- package/es/_shared/icons/IconCheck.vue.js +1 -1
- package/es/_shared/icons/IconCheckboxChecked.vue.js +1 -1
- package/es/_shared/icons/IconClose.vue.js +1 -1
- package/es/_shared/icons/IconCopy.vue2.js +1 -1
- package/es/_shared/icons/IconDelete.vue2.js +1 -1
- package/es/_shared/icons/IconDoubleLeft.vue.js +1 -24
- package/es/_shared/icons/IconDoubleLeft.vue2.js +24 -1
- package/es/_shared/icons/IconDoubleRight.vue.js +1 -24
- package/es/_shared/icons/IconDoubleRight.vue2.js +24 -1
- package/es/_shared/icons/IconDragDot.vue.js +1 -1
- package/es/_shared/icons/IconEdit.vue2.js +1 -1
- package/es/_shared/icons/IconEmpty.vue.js +1 -1
- package/es/_shared/icons/IconError.vue.js +1 -1
- package/es/_shared/icons/IconExclamation.vue2.js +1 -1
- package/es/_shared/icons/IconEyeClose.vue.js +1 -1
- package/es/_shared/icons/IconEyeOpen.vue.js +1 -1
- package/es/_shared/icons/IconFaceSmile.vue.js +1 -1
- package/es/_shared/icons/IconFile.vue2.js +1 -1
- package/es/_shared/icons/IconFullScreen.vue2.js +1 -1
- package/es/_shared/icons/IconImageClose.vue.js +1 -1
- package/es/_shared/icons/IconInfo.vue.js +1 -1
- package/es/_shared/icons/IconInfoLine.vue.js +1 -1
- package/es/_shared/icons/IconLink.vue.js +1 -1
- package/es/_shared/icons/IconLoading.vue.js +1 -1
- package/es/_shared/icons/IconMenuFold.vue.js +1 -1
- package/es/_shared/icons/IconMenuUnfold.vue.js +1 -1
- package/es/_shared/icons/IconMinus.vue2.js +1 -1
- package/es/_shared/icons/IconMore.vue.js +1 -1
- package/es/_shared/icons/IconOriginSize.vue2.js +1 -1
- package/es/_shared/icons/IconPlus.vue.js +1 -1
- package/es/_shared/icons/IconRight.vue.js +1 -1
- package/es/_shared/icons/IconRotateLeft.vue2.js +1 -1
- package/es/_shared/icons/IconRotateRight.vue2.js +1 -1
- package/es/_shared/icons/IconSearch.vue.js +1 -1
- package/es/_shared/icons/IconSeparator.vue2.js +1 -1
- package/es/_shared/icons/IconStar.vue.js +1 -1
- package/es/_shared/icons/IconSuccess.vue.js +1 -1
- package/es/_shared/icons/IconTime.vue.js +1 -1
- package/es/_shared/icons/IconToTop.vue.js +1 -1
- package/es/_shared/icons/IconUpload.vue2.js +1 -1
- package/es/_shared/icons/IconWarning.vue.js +1 -1
- package/es/_shared/icons/IconZoomIn.vue2.js +1 -1
- package/es/_shared/icons/IconZoomOut.vue2.js +1 -1
- package/es/_shared/utils/time.d.ts +20 -0
- package/es/_shared/utils/time.js +74 -0
- package/es/index.d.ts +18 -18
- package/es/style.css +1 -1
- package/lib/Alert/index.vue.js +1 -1
- package/lib/Avatar/Avatar.vue.js +1 -1
- package/lib/BackTop/index.vue.js +1 -1
- package/lib/Breadcrumb/BreadcrumbItem.vue.js +1 -1
- package/lib/Breadcrumb/BreadcrumbMore.vue.js +1 -1
- package/lib/Breadcrumb/BreadcrumbSeparator.vue.js +1 -1
- package/lib/Calendar/Calendar.vue.js +1 -1
- package/lib/Calendar/CalendarMonth.vue.js +1 -1
- package/lib/Carousel/CarouselArrow.vue.js +1 -1
- package/lib/Cascader/CascaderIcon.vue.js +1 -1
- package/lib/Cascader/CascaderOption.vue.js +1 -1
- package/lib/Checkbox/Checkbox.vue.js +1 -1
- package/lib/Collapse/CollapseItem.vue.js +1 -1
- package/lib/ColorPicker/ColorPicker.vue.d.ts +1 -1
- package/lib/ColorPicker/index.d.ts +3 -3
- package/lib/DatePicker/YcDatePicker.vue.d.ts +69 -1
- package/lib/DatePicker/YcDatePicker.vue.js +1 -1
- package/lib/DatePicker/{YcDatePicker.vue2.js → YcDatePicker.vue3.js} +1 -1
- package/lib/DatePicker/YcMonthPicker.vue.d.ts +2 -2
- package/lib/DatePicker/YcMonthPicker.vue.js +1 -1
- package/lib/DatePicker/YcWeekPicker.vue.d.ts +2 -2
- package/lib/DatePicker/YcWeekPicker.vue.js +1 -1
- package/lib/DatePicker/YcWeekPicker.vue3.js +1 -0
- package/lib/DatePicker/YcYearPicker.vue.d.ts +2 -2
- package/lib/DatePicker/YcYearPicker.vue.js +1 -1
- package/lib/DatePicker/component/PickerCell.vue.d.ts +2 -2
- package/lib/DatePicker/component/PickerCell.vue.js +1 -1
- package/lib/DatePicker/component/PickerCell.vue3.js +1 -0
- package/lib/DatePicker/component/PickerHeader.vue.d.ts +40 -0
- package/lib/DatePicker/component/PickerHeader.vue.js +1 -0
- package/lib/DatePicker/component/PickerHeader.vue3.js +1 -0
- package/lib/DatePicker/component/PickerInput.vue.js +1 -1
- package/lib/DatePicker/component/PickerInput.vue3.js +1 -0
- package/lib/DatePicker/component/PickerPanel.vue.d.ts +6 -1
- package/lib/DatePicker/component/PickerPanel.vue.js +1 -1
- package/lib/DatePicker/component/PickerWeekHeader.vue.d.ts +8 -0
- package/lib/DatePicker/component/PickerWeekHeader.vue.js +1 -0
- package/lib/DatePicker/component/PickerWeekHeader.vue3.js +1 -0
- package/lib/DatePicker/hooks/userPicker.d.ts +7 -15
- package/lib/DatePicker/hooks/userPicker.js +1 -1
- package/lib/DatePicker/index.css +2 -2
- package/lib/DatePicker/index.d.ts +156 -3
- package/lib/DatePicker/index.js +1 -1
- package/lib/Drawer/Drawer.vue.js +1 -1
- package/lib/Dropdown/DropdownButton.vue.js +1 -1
- package/lib/Dropdown/Dsubmenu.vue.js +1 -1
- package/lib/Empty/index.vue.js +1 -1
- package/lib/Image/Image.vue.js +1 -1
- package/lib/Image/ImagePreview.vue.js +1 -1
- package/lib/Image/ImagePreviewArrow.vue.js +1 -1
- package/lib/Image/ImagePreviewToolbar.vue.js +1 -1
- package/lib/Input/Input.vue.js +1 -1
- package/lib/Input/InputPassword.vue.js +1 -1
- package/lib/Input/InputSearch.vue.js +1 -1
- package/lib/InputNumber/InputNumber.vue.d.ts +1 -1
- package/lib/InputNumber/InputOperaBtn.vue.js +1 -1
- package/lib/InputNumber/index.d.ts +3 -3
- package/lib/InputTag/index.vue.js +1 -1
- package/lib/Layout/LayoutSider.vue.d.ts +1 -1
- package/lib/Layout/LayoutSider.vue.js +1 -1
- package/lib/Layout/index.d.ts +3 -3
- package/lib/Link/index.vue.js +1 -1
- package/lib/Menu/Menu.vue.js +1 -1
- package/lib/Menu/MenuEllipsis.vue.js +1 -1
- package/lib/Menu/SubMenu.vue.js +1 -1
- package/lib/Message/Message.vue.js +1 -1
- package/lib/Modal/Modal.vue.js +1 -1
- package/lib/Notification/Notification.vue.js +1 -1
- package/lib/PageHeader/index.vue.js +1 -1
- package/lib/Pagination/PaginationItem.vue.js +1 -1
- package/lib/Progress/ProgressCircle.vue.js +1 -1
- package/lib/Radio/Radio.vue.js +1 -1
- package/lib/Rate/index.vue.js +1 -1
- package/lib/ResizeBox/index.vue.js +1 -1
- package/lib/Select/SelectIcon.vue.js +1 -1
- package/lib/Slider/Slider.vue.d.ts +1 -1
- package/lib/Slider/index.d.ts +3 -3
- package/lib/Spin/index.vue.js +1 -1
- package/lib/Split/index.vue.js +1 -1
- package/lib/Statistic/Countdown.vue.d.ts +1 -1
- package/lib/Statistic/Statistic.vue.d.ts +1 -1
- package/lib/Statistic/index.d.ts +6 -6
- package/lib/Steps/Step.vue.js +1 -1
- package/lib/Tabs/TabButton.vue.js +1 -1
- package/lib/Tabs/Tabs.vue.js +1 -1
- package/lib/Tag/index.vue.js +1 -1
- package/lib/Textarea/index.vue.js +1 -1
- package/lib/TimePicker/TimePicker.vue.js +1 -1
- package/lib/Transfer/Transfer.vue.js +1 -1
- package/lib/Transfer/TransferPanel.vue.js +1 -1
- package/lib/Trigger/index.vue.js +1 -1
- package/lib/Typography/TypographyBase.vue.js +1 -1
- package/lib/Upload/UploadButton.vue.js +1 -1
- package/lib/Upload/UploadDrag.vue.js +1 -1
- package/lib/Upload/UploadFileList.vue.js +1 -1
- package/lib/Upload/UploadPictureCard.vue.js +1 -1
- package/lib/_shared/components/IconButton/index.vue2.js +1 -0
- package/lib/_shared/components/IconButton/index.vue3.js +1 -1
- package/lib/_shared/constants/index.js +1 -1
- package/lib/_shared/icons/IconArrowDown.vue.js +1 -1
- package/lib/_shared/icons/IconArrowRight.vue.js +1 -1
- package/lib/_shared/icons/IconCalendar.vue2.js +1 -1
- package/lib/_shared/icons/IconCheck.vue.js +1 -1
- package/lib/_shared/icons/IconCheckboxChecked.vue.js +1 -1
- package/lib/_shared/icons/IconClose.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue2.js +1 -1
- package/lib/_shared/icons/IconDelete.vue2.js +1 -1
- package/lib/_shared/icons/IconDoubleLeft.vue.js +1 -1
- package/lib/_shared/icons/IconDoubleLeft.vue2.js +1 -1
- package/lib/_shared/icons/IconDoubleRight.vue.js +1 -1
- package/lib/_shared/icons/IconDoubleRight.vue2.js +1 -1
- package/lib/_shared/icons/IconDragDot.vue.js +1 -1
- package/lib/_shared/icons/IconEdit.vue2.js +1 -1
- package/lib/_shared/icons/IconEmpty.vue.js +1 -1
- package/lib/_shared/icons/IconError.vue.js +1 -1
- package/lib/_shared/icons/IconExclamation.vue2.js +1 -1
- package/lib/_shared/icons/IconEyeClose.vue.js +1 -1
- package/lib/_shared/icons/IconEyeOpen.vue.js +1 -1
- package/lib/_shared/icons/IconFaceSmile.vue.js +1 -1
- package/lib/_shared/icons/IconFile.vue2.js +1 -1
- package/lib/_shared/icons/IconFullScreen.vue2.js +1 -1
- package/lib/_shared/icons/IconImageClose.vue.js +1 -1
- package/lib/_shared/icons/IconInfo.vue.js +1 -1
- package/lib/_shared/icons/IconInfoLine.vue.js +1 -1
- package/lib/_shared/icons/IconLink.vue.js +1 -1
- package/lib/_shared/icons/IconLoading.vue.js +1 -1
- package/lib/_shared/icons/IconMenuFold.vue.js +1 -1
- package/lib/_shared/icons/IconMenuUnfold.vue.js +1 -1
- package/lib/_shared/icons/IconMinus.vue2.js +1 -1
- package/lib/_shared/icons/IconMore.vue.js +1 -1
- package/lib/_shared/icons/IconOriginSize.vue2.js +1 -1
- package/lib/_shared/icons/IconPlus.vue.js +1 -1
- package/lib/_shared/icons/IconRight.vue.js +1 -1
- package/lib/_shared/icons/IconRotateLeft.vue2.js +1 -1
- package/lib/_shared/icons/IconRotateRight.vue2.js +1 -1
- package/lib/_shared/icons/IconSearch.vue.js +1 -1
- package/lib/_shared/icons/IconSeparator.vue2.js +1 -1
- package/lib/_shared/icons/IconStar.vue.js +1 -1
- package/lib/_shared/icons/IconSuccess.vue.js +1 -1
- package/lib/_shared/icons/IconTime.vue.js +1 -1
- package/lib/_shared/icons/IconToTop.vue.js +1 -1
- package/lib/_shared/icons/IconUpload.vue2.js +1 -1
- package/lib/_shared/icons/IconWarning.vue.js +1 -1
- package/lib/_shared/icons/IconZoomIn.vue2.js +1 -1
- package/lib/_shared/icons/IconZoomOut.vue2.js +1 -1
- package/lib/_shared/utils/time.d.ts +20 -0
- package/lib/_shared/utils/time.js +1 -1
- package/lib/index.d.ts +18 -18
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/es/Calendar/hooks/useCalendar.d.ts +0 -7
- package/es/Calendar/hooks/useCalendar.js +0 -36
- package/es/DatePicker/YcWeekPicker.vue2.js +0 -315
- package/es/DatePicker/component/PickerCell.vue2.js +0 -41
- package/es/DatePicker/component/PickerInput.vue2.js +0 -121
- package/es/_virtual/_plugin-vue_export-helper.js +0 -10
- package/lib/Calendar/hooks/useCalendar.d.ts +0 -7
- package/lib/Calendar/hooks/useCalendar.js +0 -1
- package/lib/DatePicker/YcWeekPicker.vue2.js +0 -1
- package/lib/DatePicker/component/PickerCell.vue2.js +0 -1
- package/lib/DatePicker/component/PickerInput.vue2.js +0 -1
- package/lib/_shared/components/IconButton/index.vue.js +0 -1
- package/lib/_virtual/_plugin-vue_export-helper.js +0 -1
@@ -0,0 +1,40 @@
|
|
1
|
+
type __VLS_Props = {
|
2
|
+
type: 'year' | 'month' | 'week' | 'date';
|
3
|
+
year?: number;
|
4
|
+
month?: number;
|
5
|
+
};
|
6
|
+
declare function __VLS_template(): {
|
7
|
+
attrs: Partial<{}>;
|
8
|
+
slots: {
|
9
|
+
'icon-prev-double'?(_: {}): any;
|
10
|
+
'icon-prev'?(_: {}): any;
|
11
|
+
default?(_: {}): any;
|
12
|
+
'icon-next'?(_: {}): any;
|
13
|
+
'icon-next-double'?(_: {}): any;
|
14
|
+
};
|
15
|
+
refs: {};
|
16
|
+
rootEl: HTMLDivElement;
|
17
|
+
};
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
20
|
+
"prev-double-click": () => any;
|
21
|
+
"prev-click": () => any;
|
22
|
+
"next-double-click": () => any;
|
23
|
+
"next-click": () => any;
|
24
|
+
"year-click": () => any;
|
25
|
+
"month-click": () => any;
|
26
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
27
|
+
"onPrev-double-click"?: (() => any) | undefined;
|
28
|
+
"onPrev-click"?: (() => any) | undefined;
|
29
|
+
"onNext-double-click"?: (() => any) | undefined;
|
30
|
+
"onNext-click"?: (() => any) | undefined;
|
31
|
+
"onYear-click"?: (() => any) | undefined;
|
32
|
+
"onMonth-click"?: (() => any) | undefined;
|
33
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
34
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
35
|
+
export default _default;
|
36
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
37
|
+
new (): {
|
38
|
+
$slots: S;
|
39
|
+
};
|
40
|
+
};
|
@@ -0,0 +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/is.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const o=require("../../_shared/icons/IconArrowRight.vue.js"),t=require("../../_shared/icons/IconDoubleLeft.vue2.js"),c=require("../../_shared/icons/IconDoubleRight.vue2.js"),n={class:"yc-picker-header"},i={class:"yc-picker-header-title"},l=e.defineComponent({__name:"PickerHeader",props:{type:{},year:{},month:{}},emits:["prev-double-click","prev-click","next-double-click","next-click","year-click","month-click"],setup:l=>(l,s)=>(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",{class:"yc-picker-header-icon",onClick:s[0]||(s[0]=e=>l.$emit("prev-double-click"))},[e.renderSlot(l.$slots,"icon-prev-double",{},()=>[e.createVNode(e.unref(t.default))])]),["week","date"].includes(l.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-picker-header-icon",onClick:s[1]||(s[1]=e=>l.$emit("prev-click"))},[e.renderSlot(l.$slots,"icon-prev",{},()=>[e.createVNode(e.unref(o.default),{rotate:180})])])):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.renderSlot(l.$slots,"default",{},()=>[e.createElementVNode("span",{class:"yc-picker-header-label",onClick:s[2]||(s[2]=e=>l.$emit("year-click"))},e.toDisplayString(l.year),1),e.unref(r.isUndefined)(l.month)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s[6]||(s[6]=e.createElementVNode("span",null,"-",-1)),e.createElementVNode("span",{class:"yc-picker-header-label",onClick:s[3]||(s[3]=e=>l.$emit("month-click"))},e.toDisplayString(l.month<9?`0${l.month+1}`:l.month+1),1)],64))])]),["week","date"].includes(l.type)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"yc-picker-header-icon",onClick:s[4]||(s[4]=e=>l.$emit("next-click"))},[e.renderSlot(l.$slots,"icon-next",{},()=>[e.createVNode(e.unref(o.default))])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-picker-header-icon",onClick:s[5]||(s[5]=e=>l.$emit("next-double-click"))},[e.renderSlot(l.$slots,"icon-next-double",{},()=>[e.createVNode(e.unref(c.default))])])]))});exports.default=l;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PickerHeader.vue.js");,/* empty css */exports.default=e.default;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css
|
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"),u={class:"yc-picker-suffix-icon"},l=e.defineComponent({inheritAttrs:!1,__name:"PickerInput",props:{type:{default:"date"}},setup(l){const a=l,{props:d,computedVisible:c,formatValue:p,showClearBtn:f,onClear:m}=t.default().inject(),{popupContainer:v,unmountOnClose:h,readonly:x,disabled:y,position:j,triggerProps:_,size:k,error:b,disabledInput:q,locale:C,placeholder:g}=e.toRefs(d),{t:w}=n.useI18n(),I=e.computed(()=>{var e;const r=`datePicker.placeholder.${a.type}`;return g.value||(null==(e=C.value)?void 0:e[r])||w(r)}),B=e.ref();return e.watch(()=>c.value,async r=>{var n;r||(await e.nextTick(),null==(n=B.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(y)||e.unref(x),position:e.unref(j),"prevent-focus":"",trigger:"click","animation-name":"slide-dynamic-origin","need-transform-origin":""},e.unref(_)),{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(s.default),{"model-value":e.unref(p),placeholder:I.value,disabled:e.unref(y),error:e.unref(b),size:e.unref(k),readonly:e.unref(x)||e.unref(q)||!0,style:e.normalizeStyle(n.$attrs.style),class:e.normalizeClass([n.$attrs.class,{"yc-picker-allow-clear":e.unref(f)}]),ref_key:"inputRef",ref:B},e.createSlots({suffix:e.withCtx(()=>[e.createElementVNode("div",u,[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=l;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PickerInput.vue.js");,/* empty css */exports.default=e.default;
|
@@ -6,6 +6,7 @@ type __VLS_Props = {
|
|
6
6
|
previewShortcut: boolean;
|
7
7
|
confirmBtnDisabled: boolean;
|
8
8
|
showConfirmBtn: boolean;
|
9
|
+
showNow?: boolean;
|
9
10
|
};
|
10
11
|
declare function __VLS_template(): {
|
11
12
|
attrs: Partial<{}>;
|
@@ -19,11 +20,15 @@ declare function __VLS_template(): {
|
|
19
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
20
21
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
21
22
|
confirm: (ev: MouseEvent) => any;
|
23
|
+
"now-click": () => any;
|
22
24
|
"shortcut-select": (shortcut: ShortcutType, hover: boolean) => any;
|
23
25
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
24
26
|
onConfirm?: ((ev: MouseEvent) => any) | undefined;
|
27
|
+
"onNow-click"?: (() => any) | undefined;
|
25
28
|
"onShortcut-select"?: ((shortcut: ShortcutType, hover: boolean) => any) | undefined;
|
26
|
-
}>, {
|
29
|
+
}>, {
|
30
|
+
showNow: boolean;
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
27
32
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
28
33
|
export default _default;
|
29
34
|
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"),t=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const r=require("../../_shared/utils/vue-utils.js"),
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const r=require("../../_shared/utils/vue-utils.js"),n=require("../../Button/index.js"),l=require("../../Link/index.js"),s={class:"yc-picker-panel-wrapper"},c={class:"yc-picker-footer"},i={key:0,class:"yc-picker-footer-extra-wrapper"},a={key:1,class:"yc-picker-footer-btn-wrapper"},u={key:2,class:"yc-picker-footer-now-wrapper"},d=e.defineComponent({__name:"PickerPanel",props:{locale:{},shortcutsPosition:{},shortcuts:{},previewShortcut:{type:Boolean},confirmBtnDisabled:{type:Boolean},showConfirmBtn:{type:Boolean},showNow:{type:Boolean,default:!1}},emits:["confirm","now-click","shortcut-select"],setup(d){const m=d,{define:k,reuse:p}=t.createReusableTemplate(),{t:h}=o.useI18n(),f=()=>{var e;const t="datePicker.ok";return(null==(e=m.locale)?void 0:e[t])||h(t)},w=()=>{var e;const t="datePicker.today";return(null==(e=m.locale)?void 0:e[t])||h(t)},y=()=>{var e;const t="datePicker.now";return(null==(e=m.locale)?void 0:e[t])||h(t)};return(t,o)=>{var d,m,h,B;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-picker-container",`yc-picker-container-shortcuts-${t.shortcutsPosition}`])},[e.createVNode(e.unref(k),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-picker-shortcuts",`yc-picker-shortcuts-${t.shortcutsPosition}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shortcuts,(o,l)=>(e.openBlock(),e.createBlock(e.unref(n.default),{key:l,size:"mini",onClick:e=>t.$emit("shortcut-select",o,!1),onMouseenter:e=>t.previewShortcut&&t.$emit("shortcut-select",o,!0)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r.getSlotFunction)(o.label))))]),_:2},1032,["onClick","onMouseenter"]))),128))],2)]),_:1}),["left","right"].includes(t.shortcutsPosition)&&(null==(d=t.shortcuts)?void 0:d.length)?(e.openBlock(),e.createBlock(e.unref(p),{key:0})):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(t.$slots,"default"),e.createElementVNode("div",c,[t.$slots.extra?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"extra")])):e.createCommentVNode("",!0),t.showConfirmBtn||"bottom"==t.shortcutsPosition&&(null==(m=t.shortcuts)?void 0:m.length)?(e.openBlock(),e.createElementBlock("div",a,[e.withDirectives(e.createVNode(e.unref(p),null,null,512),[[e.vShow,!t.showNow||"bottom"==t.shortcutsPosition&&(null==(h=t.shortcuts)?void 0:h.length)]]),!(null==(B=t.shortcuts)?void 0:B.length)&&t.showNow?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,size:"mini",onClick:o[0]||(o[0]=e=>t.$emit("now-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y()),1)]),_:1})):e.createCommentVNode("",!0),t.showConfirmBtn?(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,disabled:t.confirmBtnDisabled,type:"primary",size:"mini",onClick:o[1]||(o[1]=e=>t.$emit("confirm",e))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f()),1)]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.showNow&&!t.showConfirmBtn?(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.unref(l.default),{onClick:o[2]||(o[2]=e=>t.$emit("now-click"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(w()),1)]),_:1})])):e.createCommentVNode("",!0)])])],2)}}});exports.default=d;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { DayStartOfWeek } from '../type';
|
2
|
+
type __VLS_Props = {
|
3
|
+
locale: Record<string, any>;
|
4
|
+
dayStartOfWeek: DayStartOfWeek;
|
5
|
+
abbreviation: boolean;
|
6
|
+
};
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
8
|
+
export default _default;
|
@@ -0,0 +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 t=require("../../_shared/utils/locale.js");require("../../_shared/utils/time.js");const r={class:"yc-picker-week-list"},s=e.defineComponent({__name:"PickerWeekHeader",props:{locale:{},dayStartOfWeek:{},abbreviation:{type:Boolean}},setup(s){const l=s,{locale:o,dayStartOfWeek:a,abbreviation:i}=e.toRefs(l),{t:n}=t.useI18n(),c=e.computed(()=>{const e=[0,1,2,3,4,5,6],t=[...e.slice(a.value||0),...e.slice(0,a.value||0)],r=Object.fromEntries(["sunday","monday","tuesday","wednesday","thursday","friday","saturday"].map((e,t)=>[t,e]));return t.map(e=>{var t;const s=`datePicker.week.${i.value?"short":"long"}.${r[e]}`;return(null==(t=o.value)?void 0:t[s])||n(s)})});return(t,s)=>(e.openBlock(),e.createElementBlock("div",r,[s[0]||(s[0]=e.createElementVNode("div",{class:"yc-picker-week-list-item"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,t=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"yc-picker-week-list-item"},e.toDisplayString(t),1))),128))]))}});exports.default=s;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PickerWeekHeader.vue.js");,/* empty css */exports.default=e.default;
|
@@ -1,18 +1,5 @@
|
|
1
1
|
import { BasePickerEmits, DatePickerValue, DayStartOfWeek, ShortcutType } from '../type';
|
2
2
|
import { RecordType } from '../../_shared/type';
|
3
|
-
export type YearData = {
|
4
|
-
label: string;
|
5
|
-
value: Date;
|
6
|
-
};
|
7
|
-
export interface DayData {
|
8
|
-
label: string;
|
9
|
-
value: Date;
|
10
|
-
}
|
11
|
-
export interface WeekData {
|
12
|
-
label: number;
|
13
|
-
value: Date;
|
14
|
-
time: DayData[];
|
15
|
-
}
|
16
3
|
export default function usePicker(params: {
|
17
4
|
props: RecordType;
|
18
5
|
emits: BasePickerEmits;
|
@@ -33,11 +20,16 @@ export default function usePicker(params: {
|
|
33
20
|
t: (key: string, ...args: any[]) => string;
|
34
21
|
getDateFromFormat: (val: DatePickerValue) => Date | "";
|
35
22
|
getFormatFromDate: (val: Date) => string | number | Date;
|
23
|
+
isCellInView: (v: Date, type: string) => boolean;
|
24
|
+
isToday: (v: Date, type: string) => boolean;
|
25
|
+
isSelected: (v: Date, type: string) => boolean;
|
36
26
|
getRangeOfYear: (curYear: number) => {
|
37
|
-
range: YearData[][];
|
27
|
+
range: import('../../_shared/utils').YearData[][];
|
38
28
|
startYear: number;
|
39
29
|
};
|
40
|
-
getWeeksOfMonth: (year: number, month: number, startOfWeek?: DayStartOfWeek) => WeekData[];
|
30
|
+
getWeeksOfMonth: (year: number, month: number, startOfWeek?: DayStartOfWeek) => import('../../_shared/utils').WeekData[];
|
31
|
+
getDaysOfMonth: (year: number, month: number, dayStartOfWeek?: number) => import('../../_shared/utils').DayData[][];
|
32
|
+
handleNowClick: () => void;
|
41
33
|
handleSelect: (date: Date) => void;
|
42
34
|
handleConfirm: () => Promise<void>;
|
43
35
|
handleShortcut: (shortcut: ShortcutType, hover: boolean) => void;
|
@@ -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
|
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"),s=require("../../_shared/utils/time.js"),n=require("./useContext.js");exports.default=function(i){const{props:d,emits:c}=i,{modelValue:f,defaultValue:v,popupVisible:m,defaultPopupVisible:g,pickerValue:h,defaultPickerValue:p,format:Y,valueFormat:V,dayStartOfWeek:M,showConfirmBtn:y,locale:D,abbreviation:F}=e.toRefs(d),{disabledDate:b}=d,j=r.useControlValue(f,v.value,(e,t)=>{const a=N(e);t.value=a,c("update:modelValue",a)}),k=r.useControlValue(m,g.value,e=>{c("popup-visible-change",e),c("update:popupVisible",e)}),q=r.useControlValue(h,p.value,e=>{c("update:pickerValue",e)}),_=e.computed(()=>{const e=B(j.value);return e?Y.value&&j.value?a.default(e).format(Y.value):j.value:""}),{define:w,reuse:O}=t.createReusableTemplate(),{t:C}=o.useI18n();let P,S,R=!1;const x=e.ref(0),W=e.ref(0),T=e.ref(!1),I=e.ref(!1);e.watch(()=>k.value,e=>{if(e)R=!1,P=j.value?B(j.value):j.value;else{if(T.value=!1,I.value=!1,!y.value||R||u.isUndefined(P))return;j.value=P}},{immediate:!0});const B=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():""},N=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 n.default().provide({computedValue:j,computedVisible:k,formatValue:_,emits:c},d),{formatValue:_,computedValue:j,computedVisible:k,computedPickerValue:q,dayStartOfWeek:M,locale:D,abbreviation:F,showYearPicker:T,showMonthPicker:I,curMonth:W,curYear:x,DefinePanel:w,ReusePanel:O,t:C,getDateFromFormat:B,getFormatFromDate:N,isCellInView:(e,t)=>{const l=a.default();if("year"==t){const t=10*Math.floor(l.year()/10);return e.getFullYear()>=t&&e.getFullYear()<=t+10}return"month"==t||e.getFullYear()==x.value&&e.getMonth()==W.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=B(j.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())},getRangeOfYear:s.getRangeOfYear,getWeeksOfMonth:s.getWeeksOfMonth,getDaysOfMonth:s.getDaysOfMonth,handleNowClick:()=>{R=!0,j.value=new Date,k.value=!1},handleSelect:e=>{if(null==b?void 0:b(e))return;j.value=e,S=e;const t=a.default(e).format("YYYY-MM-DD");c("select",j.value,e,t),y.value||c("change",j.value,e,t)},handleConfirm:async()=>{R=!0;const e=a.default(S).format("YYYY-MM-DD");c("change",j.value,S,e),c("ok",j.value,S,e),await l.sleep(0),k.value=!1},handleShortcut:(e,t)=>{t||c("select-shortcut",e),e.value&&(j.value=e.value),t||(R=!0,k.value=!1)}}};
|
package/lib/DatePicker/index.css
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
.yc-panel-year,.yc-panel-month,.yc-panel-week{width:265px;display:flex;flex-direction:column}.yc-panel-year .yc-picker-header,.yc-panel-month .yc-picker-header,.yc-panel-week .yc-picker-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3);display:flex}.yc-panel-year .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-picker-header .yc-picker-header-icon,.yc-panel-week .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-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-picker-header .yc-picker-header-title,.yc-panel-week .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-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .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-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-
|
1
|
+
.yc-panel-year,.yc-panel-month,.yc-panel-week,.yc-panel-date{width:265px;display:flex;flex-direction:column}.yc-panel-year .yc-picker-header,.yc-panel-month .yc-picker-header,.yc-panel-week .yc-picker-header,.yc-panel-date .yc-picker-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3);display:flex}.yc-panel-year .yc-picker-header .yc-picker-header-icon,.yc-panel-month .yc-picker-header .yc-picker-header-icon,.yc-panel-week .yc-picker-header .yc-picker-header-icon,.yc-panel-date .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-picker-header .yc-picker-header-icon:hover,.yc-panel-month .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-week .yc-picker-header .yc-picker-header-icon:hover,.yc-panel-date .yc-picker-header .yc-picker-header-icon:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-header .yc-picker-header-title,.yc-panel-month .yc-picker-header .yc-picker-header-title,.yc-panel-week .yc-picker-header .yc-picker-header-title,.yc-panel-date .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-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-week .yc-picker-header .yc-picker-header-title .yc-picker-header-label,.yc-panel-date .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-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-month .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-week .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover,.yc-panel-date .yc-picker-header .yc-picker-header-title .yc-picker-header-label:hover{background-color:var(--color-fill-3)}.yc-panel-year .yc-picker-week-list,.yc-panel-month .yc-picker-week-list,.yc-panel-week .yc-picker-week-list,.yc-panel-date .yc-picker-week-list{width:100%;padding:14px 16px 0 16px;display:flex}.yc-panel-year .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-month .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-week .yc-picker-week-list .yc-picker-week-list-item,.yc-panel-date .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-picker-body,.yc-panel-month .yc-picker-body,.yc-panel-week .yc-picker-body,.yc-panel-date .yc-picker-body{padding:14px 16px}.yc-panel-year .yc-picker-body .yc-picker-row,.yc-panel-month .yc-picker-body .yc-picker-row,.yc-panel-week .yc-picker-body .yc-picker-row,.yc-panel-date .yc-picker-body .yc-picker-row{padding:2px 0;display:flex}.yc-panel-week{width:298px}.yc-panel-week .yc-picker-body .yc-picker-week-row:not(.yc-picker-week-row-selected):not(
|
2
2
|
.yc-picker-week-row-disabled
|
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-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .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-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-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-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-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-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-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-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-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-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{padding:8px;border-top:1px solid var(--color-neutral-3);display:flex;align-items:center;justify-content:
|
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-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date{padding-left:0;padding-right:0}.yc-panel-week .yc-picker-body .yc-picker-week-row .yc-picker-cell .yc-picker-date .yc-picker-date-value{border-radius:0}.yc-panel-week .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-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-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-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-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-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-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-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-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-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-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)}.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}
|
@@ -11,18 +11,171 @@ export type MonthPickerInstance = InstanceType<typeof _MonthPicker>;
|
|
11
11
|
export type WeekPickerInstance = InstanceType<typeof _WeekPicker>;
|
12
12
|
export * from './type';
|
13
13
|
declare const DatePicker: {
|
14
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<
|
14
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').DatePickerProps> & Readonly<{
|
15
|
+
onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
16
|
+
"onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
17
|
+
"onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
|
18
|
+
onClear?: (() => any) | undefined;
|
19
|
+
onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
20
|
+
"onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
21
|
+
"onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
22
|
+
onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
23
|
+
"onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
24
|
+
"onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
|
25
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
26
|
+
change: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
27
|
+
"update:popupVisible": (value: boolean) => any;
|
28
|
+
"popup-visible-change": (visible: boolean) => any;
|
29
|
+
clear: () => any;
|
30
|
+
select: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
31
|
+
"update:modelValue": (value: import('./type').DatePickerValue) => any;
|
32
|
+
"update:pickerValue": (value: import('./type').DatePickerValue) => any;
|
33
|
+
ok: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
34
|
+
"picker-value-change": (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
35
|
+
"select-shortcut": (shortcut: import('./type').ShortcutType) => any;
|
36
|
+
}, import('vue').PublicProps, {
|
37
|
+
error: boolean;
|
38
|
+
size: import('..').Size;
|
39
|
+
popupVisible: boolean;
|
40
|
+
defaultPopupVisible: boolean;
|
41
|
+
disabled: boolean;
|
42
|
+
position: import('./type').DatePickerPosition;
|
43
|
+
unmountOnClose: boolean;
|
44
|
+
popupContainer: import('..').PopupContainer;
|
45
|
+
placeholder: string;
|
46
|
+
locale: Record<string, any>;
|
47
|
+
modelValue: import('./type').DatePickerValue;
|
48
|
+
defaultValue: import('./type').DatePickerValue;
|
49
|
+
allowClear: boolean;
|
50
|
+
readonly: boolean;
|
51
|
+
triggerProps: import('..').TriggerProps;
|
52
|
+
format: string;
|
53
|
+
dayStartOfWeek: import('./type').DayStartOfWeek;
|
54
|
+
showTime: boolean;
|
55
|
+
timePickerProps: import('..').TimePickerProps;
|
56
|
+
showNowBtn: boolean;
|
57
|
+
pickerValue: import('./type').DatePickerValue;
|
58
|
+
defaultPickerValue: import('./type').DatePickerValue;
|
59
|
+
valueFormat: import('./type').ValueFormat;
|
60
|
+
showConfirmBtn: boolean;
|
61
|
+
abbreviation: boolean;
|
62
|
+
disabledDate: import('./type').DisabledDate;
|
63
|
+
shortcutsPosition: import('./type').ShortcutsPosition;
|
64
|
+
shortcuts: import('./type').ShortcutType[];
|
65
|
+
previewShortcut: boolean;
|
66
|
+
disabledInput: boolean;
|
67
|
+
hideTrigger: boolean;
|
68
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
15
69
|
P: {};
|
16
70
|
B: {};
|
17
71
|
D: {};
|
18
72
|
C: {};
|
19
73
|
M: {};
|
20
74
|
Defaults: {};
|
21
|
-
}, Readonly<
|
75
|
+
}, Readonly<import('./type').DatePickerProps> & Readonly<{
|
76
|
+
onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
77
|
+
"onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
78
|
+
"onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
|
79
|
+
onClear?: (() => any) | undefined;
|
80
|
+
onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
81
|
+
"onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
82
|
+
"onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
83
|
+
onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
84
|
+
"onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
85
|
+
"onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
|
86
|
+
}>, {}, {}, {}, {}, {
|
87
|
+
error: boolean;
|
88
|
+
size: import('..').Size;
|
89
|
+
popupVisible: boolean;
|
90
|
+
defaultPopupVisible: boolean;
|
91
|
+
disabled: boolean;
|
92
|
+
position: import('./type').DatePickerPosition;
|
93
|
+
unmountOnClose: boolean;
|
94
|
+
popupContainer: import('..').PopupContainer;
|
95
|
+
placeholder: string;
|
96
|
+
locale: Record<string, any>;
|
97
|
+
modelValue: import('./type').DatePickerValue;
|
98
|
+
defaultValue: import('./type').DatePickerValue;
|
99
|
+
allowClear: boolean;
|
100
|
+
readonly: boolean;
|
101
|
+
triggerProps: import('..').TriggerProps;
|
102
|
+
format: string;
|
103
|
+
dayStartOfWeek: import('./type').DayStartOfWeek;
|
104
|
+
showTime: boolean;
|
105
|
+
timePickerProps: import('..').TimePickerProps;
|
106
|
+
showNowBtn: boolean;
|
107
|
+
pickerValue: import('./type').DatePickerValue;
|
108
|
+
defaultPickerValue: import('./type').DatePickerValue;
|
109
|
+
valueFormat: import('./type').ValueFormat;
|
110
|
+
showConfirmBtn: boolean;
|
111
|
+
abbreviation: boolean;
|
112
|
+
disabledDate: import('./type').DisabledDate;
|
113
|
+
shortcutsPosition: import('./type').ShortcutsPosition;
|
114
|
+
shortcuts: import('./type').ShortcutType[];
|
115
|
+
previewShortcut: boolean;
|
116
|
+
disabledInput: boolean;
|
117
|
+
hideTrigger: boolean;
|
118
|
+
}>;
|
22
119
|
__isFragment?: never;
|
23
120
|
__isTeleport?: never;
|
24
121
|
__isSuspense?: never;
|
25
|
-
} & import('vue').ComponentOptionsBase<Readonly<
|
122
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./type').DatePickerProps> & Readonly<{
|
123
|
+
onChange?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
124
|
+
"onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
|
125
|
+
"onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
|
126
|
+
onClear?: (() => any) | undefined;
|
127
|
+
onSelect?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
128
|
+
"onUpdate:modelValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
129
|
+
"onUpdate:pickerValue"?: ((value: import('./type').DatePickerValue) => any) | undefined;
|
130
|
+
onOk?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
131
|
+
"onPicker-value-change"?: ((value: import('./type').DatePickerValue, date: Date, dateString: string) => any) | undefined;
|
132
|
+
"onSelect-shortcut"?: ((shortcut: import('./type').ShortcutType) => any) | undefined;
|
133
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
134
|
+
change: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
135
|
+
"update:popupVisible": (value: boolean) => any;
|
136
|
+
"popup-visible-change": (visible: boolean) => any;
|
137
|
+
clear: () => any;
|
138
|
+
select: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
139
|
+
"update:modelValue": (value: import('./type').DatePickerValue) => any;
|
140
|
+
"update:pickerValue": (value: import('./type').DatePickerValue) => any;
|
141
|
+
ok: (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
142
|
+
"picker-value-change": (value: import('./type').DatePickerValue, date: Date, dateString: string) => any;
|
143
|
+
"select-shortcut": (shortcut: import('./type').ShortcutType) => any;
|
144
|
+
}, string, {
|
145
|
+
error: boolean;
|
146
|
+
size: import('..').Size;
|
147
|
+
popupVisible: boolean;
|
148
|
+
defaultPopupVisible: boolean;
|
149
|
+
disabled: boolean;
|
150
|
+
position: import('./type').DatePickerPosition;
|
151
|
+
unmountOnClose: boolean;
|
152
|
+
popupContainer: import('..').PopupContainer;
|
153
|
+
placeholder: string;
|
154
|
+
locale: Record<string, any>;
|
155
|
+
modelValue: import('./type').DatePickerValue;
|
156
|
+
defaultValue: import('./type').DatePickerValue;
|
157
|
+
allowClear: boolean;
|
158
|
+
readonly: boolean;
|
159
|
+
triggerProps: import('..').TriggerProps;
|
160
|
+
format: string;
|
161
|
+
dayStartOfWeek: import('./type').DayStartOfWeek;
|
162
|
+
showTime: boolean;
|
163
|
+
timePickerProps: import('..').TimePickerProps;
|
164
|
+
showNowBtn: boolean;
|
165
|
+
pickerValue: import('./type').DatePickerValue;
|
166
|
+
defaultPickerValue: import('./type').DatePickerValue;
|
167
|
+
valueFormat: import('./type').ValueFormat;
|
168
|
+
showConfirmBtn: boolean;
|
169
|
+
abbreviation: boolean;
|
170
|
+
disabledDate: import('./type').DisabledDate;
|
171
|
+
shortcutsPosition: import('./type').ShortcutsPosition;
|
172
|
+
shortcuts: import('./type').ShortcutType[];
|
173
|
+
previewShortcut: boolean;
|
174
|
+
disabledInput: boolean;
|
175
|
+
hideTrigger: boolean;
|
176
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
177
|
+
$slots: any;
|
178
|
+
}) & {
|
26
179
|
install: (app: App) => void;
|
27
180
|
};
|
28
181
|
export { _RangePicker as RangePicker, _YearPicker as YearPicker, _MonthPicker as MonthPicker, _WeekPicker as WeekPicker, };
|
package/lib/DatePicker/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./YcDatePicker.vue.js")
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./YcDatePicker.vue.js");;/* empty css */const t=require("./PickerRange.vue.js"),r=require("./YcYearPicker.vue.js");;/* empty css */const c=require("./YcMonthPicker.vue.js");;/* empty css */const u=require("./YcWeekPicker.vue.js");;/* empty css */const a=Object.assign(e.default,{install:a=>{a.component("Yc"+e.default.name,e.default),a.component("Yc"+t.default.name,t.default),a.component("Yc"+r.default.name,r.default),a.component("Yc"+c.default.name,c.default),a.component("Yc"+u.default.name,u.default)}});exports.RangePicker=t.default,exports.YearPicker=r.default,exports.MonthPicker=c.default,exports.WeekPicker=u.default,exports.default=a;
|
package/lib/Drawer/Drawer.vue.js
CHANGED
@@ -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");const t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/global-config.js"),l=require("../_shared/utils/locale.js");require("../_shared/utils/time.js");const r=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),n=;/* empty css
|
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");const t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/global-config.js"),l=require("../_shared/utils/locale.js");require("../_shared/utils/time.js");const r=require("../Modal/hooks/useModalClose.js"),a=require("../Button/index.js"),n=;/* empty css */,/* empty css */,/* empty css */;/* empty css */const s={class:"yc-drawer-header"},d={class:"yc-drawer-title text-ellipsis"},i={class:"yc-drawer-body"},u={class:"yc-drawer-footer"},c=e.defineComponent({name:"Drawer",inheritAttrs:!1,__name:"Drawer",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},placement:{default:"right"},title:{default:""},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},okText:{default:""},cancelText:{default:""},okLoading:{type:Boolean,default:!1},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})},unmountOnClose:{type:Boolean,default:!1},width:{default:250},height:{default:250},popupContainer:{default:void 0},drawerStyle:{default:()=>({})},escToClose:{type:Boolean,default:!0},renderToBody:{type:Boolean,default:!0},header:{type:Boolean,default:!0},footer:{type:Boolean,default:!0},hideCancel:{type:Boolean,default:!1},onBeforeCancel:{type:Function,default:()=>!0},onBeforeOk:{type:Function,default:()=>!0}},emits:["update:visible","ok","cancel","before-open","open","before-close","close"],setup(c,{emit:f}){const m=c,p=f,{visible:y,defaultVisible:B,width:h,height:v,placement:k,maskClosable:C,escToClose:w,drawerStyle:b,renderToBody:x}=e.toRefs(m),{onBeforeOk:g,onBeforeCancel:V}=m,{zIndex:T,popupContainer:_,isAbsolute:N}=o.getGlobalConfig(m),{t:j}=l.useI18n(),S=e.computed(()=>({height:"left"==k.value||"right"==k.value?"":t.valueToPx(v.value),width:"left"==k.value||"right"==k.value?t.valueToPx(h.value):"",...b.value})),{outerVisible:q,innerVisible:$,asyncLoading:E,handleClose:P,handleAfterLeave:D}=r.default({visible:y,defaultVisible:B,escToClose:w,maskClosable:C,onBeforeCancel:V,onBeforeOk:g,emits:p});return(t,o)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(_),disabled:!e.unref(x)},[!t.unmountOnClose||e.unref(q)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-drawer-wrapper",`yc-drawer-placement-${e.unref(k)}`,t.$attrs.class,{"yc-drawer-position-absolute":e.unref(N)}]),style:e.normalizeStyle({zIndex:e.unref(T),...t.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.mask?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-drawer-mask",onClick:o[0]||(o[0]=t=>e.unref(P)("mask",t))},null,512)),[[e.vShow,e.unref($)]]):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`slide-drawer-${e.unref(k)}`,onBeforeEnter:o[4]||(o[4]=e=>t.$emit("before-open")),onBeforeLeave:o[5]||(o[5]=e=>t.$emit("before-close")),onAfterEnter:o[6]||(o[6]=e=>t.$emit("open")),onAfterLeave:e.unref(D)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-drawer-container",style:e.normalizeStyle(S.value)},[t.header?e.renderSlot(t.$slots,"header",{key:0},()=>[e.createElementVNode("div",s,[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),t.closable?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,class:"yc-modal-close-button",onClick:o[1]||(o[1]=t=>e.unref(P)("closeBtn",t))})):e.createCommentVNode("",!0)])]):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default")]),t.footer?e.renderSlot(t.$slots,"footer",{key:1},()=>[e.createElementVNode("div",u,[t.hideCancel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.default),e.mergeProps({key:0},t.cancelButtonProps,{onClick:o[2]||(o[2]=t=>e.unref(P)("cancelBtn",t))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelText||e.unref(j)("drawer.cancelText")),1)]),_:1},16)),e.createVNode(e.unref(a.default),e.mergeProps({type:"primary",loading:t.okLoading||e.unref(E)},t.okButtonProps,{onClick:o[3]||(o[3]=t=>e.unref(P)("confirmBtn",t))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.okText||e.unref(j)("drawer.okText")),1)]),_:1},16,["loading"])])]):e.createCommentVNode("",!0)],4),[[e.vShow,e.unref($)]])]),_:3},8,["name","onAfterLeave"])],6)),[[e.vShow,e.unref(q)]]):e.createCommentVNode("",!0)],8,["to","disabled"]))}});exports.default=c;
|
@@ -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"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css
|
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"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const t=require("../_shared/icons/IconMore.vue.js"),o=require("./Dropdown.vue.js");;/* empty css */const i=require("../Button/index.js"),r=require("../Button/ButtonGroup.vue.js");;/* empty css */const s=e.defineComponent({name:"DropdownButton",__name:"DropdownButton",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"br"},popupContainer:{default:void 0},disabled:{type:Boolean,default:!1},type:{default:"secondary"},size:{default:void 0},buttonProps:{default:()=>({})},hideOnSelect:{type:Boolean,default:!0}},emits:["popup-visible-change","click","select"],setup:s=>(s,u)=>(e.openBlock(),e.createBlock(e.unref(r.default),{disabled:s.disabled,type:s.type,size:s.size},{default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.mergeProps(s.buttonProps,{onClick:u[0]||(u[0]=e=>s.$emit("click",e))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16),e.createVNode(o.default,e.mergeProps({"popup-visible":s.popupVisible,"default-popup-visible":s.defaultPopupVisible,trigger:s.trigger,position:s.position,"popup-container":s.popupContainer,"hide-on-select":s.hideOnSelect,disabled:s.disabled},s.$attrs,{onSelect:u[1]||(u[1]=e=>s.$emit("select",e)),onPopupVisibleChange:u[2]||(u[2]=e=>s.$emit("popup-visible-change",e))}),{content:e.withCtx(()=>[e.renderSlot(s.$slots,"content")]),default:e.withCtx(()=>[e.createVNode(e.unref(i.default),e.normalizeProps(e.guardReactiveProps(s.buttonProps)),{icon:e.withCtx(()=>[e.renderSlot(s.$slots,"icon",{},()=>[e.createVNode(e.unref(t.default))])]),_:3},16)]),_:3},16,["popup-visible","default-popup-visible","trigger","position","popup-container","hide-on-select","disabled"])]),_:3},8,["disabled","type","size"]))});exports.default=s;
|
@@ -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"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),s=require("../_shared/utils/is.js"),r=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),s=require("../_shared/utils/is.js"),r=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const i=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./Doption.vue.js");;/* empty css */const u=require("../Trigger/index.js"),a=require("../Scrollbar/index.js"),n={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=e.useSlots(),g=c,y=m,{defaultPopupVisible:h,popupVisible:b,trigger:_,position:x,popupMaxHeight:j}=e.toRefs(g),q=r.useControlValue(b,h.value,e=>{y("update:popupVisible",e),y("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),B=e.computed(()=>["hover","click"].includes(_.value)?_.value:"hover"),C=e.computed(()=>s.isBoolean(j.value)&&!j.value||s.isUndefined(j)?"":o.valueToPx(s.isBoolean(j.value)?200:j.value)),S=async()=>{var o;await e.nextTick();const s=t.unrefElement(w);if(!s)return;const{left:r,top:i,right:l,width:u}=s.getBoundingClientRect(),a="rt"==k.value?l:r-u,n=i-5;null==(o=V.value)||o.updatePosition(a,n)};return f({show(){q.value=!0},hide(){q.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u.default),e.mergeProps({"popup-visible":e.unref(q),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(q)?q.value=t:null),trigger:B.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,class:["yc-dropdown-popup",t.$attrs.class],style:t.$attrs.style,"on-trigger-mouseenter":S,"on-trigger-mouseclick":S,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(a.default),{style:e.normalizeStyle({maxHeight:C.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),v.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(l.default,{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(i.default))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled","class","style"]))}});exports.default=c;
|
package/lib/Empty/index.vue.js
CHANGED
@@ -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 t=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css
|
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 t=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconEmpty.vue.js"),s={class:"yc-empty"},o={class:"yc-empty-image"},n=["src"],i={class:"yc-empty-description"},d=e.defineComponent({name:"Empty",__name:"index",props:{description:{default:""},imgSrc:{default:""}},setup(d){const c=d,{description:l}=e.toRefs(c),{t:u}=t.useI18n();return(t,d)=>(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",o,[e.renderSlot(t.$slots,"image",{},()=>[t.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.imgSrc,alt:"图片加载失败"},null,8,n)):e.createCommentVNode("",!0),e.createVNode(e.unref(r.default))])]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description||e.unref(u)("empty.description")),1)])])]))}});exports.default=d;
|
package/lib/Image/Image.vue.js
CHANGED
@@ -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");const t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/hooks.js"),i=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css
|
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");const t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/hooks.js"),i=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconImageClose.vue.js"),l=require("./hooks/useContext.js"),a=require("../Spin/index.js"),s=require("./ImagePreview.vue.js");;/* empty css */const n=["src","title","alt"],c={key:1,class:"yc-image-overlay"},d={class:"yc-image-loader"},u={key:2,class:"yc-image-overlay"},m={class:"yc-image-error"},v={class:"yc-image-error-icon"},p={class:"yc-image-error-alt"},f={class:"yc-image-footer-caption"},y=["title"],g=["title"],h={key:0,class:"yc-image-footer-extra"},w=e.defineComponent({name:"Image",__name:"Image",props:{src:{default:""},width:{},height:{},title:{default:""},description:{default:""},fit:{},alt:{},hideFooter:{type:[Boolean,String],default:!1},footerPosition:{default:"inner"},showLoader:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},previewVisible:{type:Boolean,default:void 0},defaultPreviewVisible:{type:Boolean,default:!1},previewProps:{default:()=>({})},footerClass:{default:""}},emits:["update:previewVisible","preview-visible-change"],setup(w,{emit:k}){const V=e.useSlots(),j=w,B=k,{src:x,preview:b,previewVisible:q,defaultPreviewVisible:S}=e.toRefs(j),{hasGroupFather:_,handleClick:C}=l.default().inject(),{t:E}=i.useI18n(),N=o.useControlValue(q,S.value,e=>{B("update:previewVisible",e),B("preview-visible-change",e)}),P=e.ref(!1),I=e.ref(!1),T=()=>{I.value=!1,P.value=!1},z=()=>{I.value=!1,P.value=!0},$=()=>{if(_.value)return C(x.value);b.value&&(N.value=!0)};return e.watch(()=>x.value,()=>{I.value=!0,P.value=!1},{immediate:!0}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-image",style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height)})},[e.createElementVNode("img",{src:e.unref(x),title:o.title,alt:o.alt??o.description,style:e.normalizeStyle({width:e.unref(t.valueToPx)(o.width),height:e.unref(t.valueToPx)(o.height),objectFit:o.fit}),class:"yc-image-img",onLoad:T,onError:z,onClick:$},null,44,n),e.unref(b)?(e.openBlock(),e.createBlock(s.default,e.mergeProps({key:0,visible:e.unref(N),"onUpdate:visible":i[0]||(i[0]=t=>e.isRef(N)?N.value=t:null),src:e.unref(x)},o.previewProps),e.createSlots({_:2},[V["preview-actions"]?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"preview-actions")]),key:"0"}:void 0]),1040,["visible","src"])):e.createCommentVNode("",!0),(o.showLoader||V.loader)&&I.value?(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",d,[e.renderSlot(o.$slots,"loader",{},()=>[e.createVNode(e.unref(a.default),{size:30,tip:e.unref(E)("image.loading")},null,8,["tip"])])])])):e.createCommentVNode("",!0),P.value?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"error",{},()=>[e.createElementVNode("div",m,[e.renderSlot(o.$slots,"error-icon",{},()=>[e.createElementVNode("div",v,[e.createVNode(e.unref(r.default),{size:60})])]),e.createElementVNode("div",p,e.toDisplayString(o.alt??o.description),1)])])])):e.createCommentVNode("",!0),!o.hideFooter&&(o.title||o.description||V.extra)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["yc-image-footer","inner"==o.footerPosition?"yc-image-footer-inner":"yc-image-footer-outer",o.footerClass])},[e.createElementVNode("div",f,[e.createElementVNode("div",{class:"yc-image-footer-caption-title",title:o.title},e.toDisplayString(o.title),9,y),e.createElementVNode("div",{class:"yc-image-footer-caption-description",title:o.description},e.toDisplayString(o.description),9,g)]),V.extra?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"extra")])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],4))}});exports.default=w;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/global-config.js"),a=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconClose.vue.js"),l=require("../Modal/hooks/useModalClose.js"),s=require("./ImagePreviewToolbar.vue.js");;/* empty css */const i={class:"yc-image-preview-mask"},n=["src"],u=e.defineComponent({name:"ImagePreview",inheritAttrs:!1,__name:"ImagePreview",props:{src:{default:""},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},actionsLayout:{default:()=>["fullScreen","rotateRight","rotateLeft","zoomIn","zoomOut","originalSize"]},popupContainer:{default:void 0},escToClose:{type:Boolean,default:!0},wheelZoom:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},defaultScale:{default:1},zoomRate:{default:1.1}},emits:["update:visible","close"],setup(u,{emit:c}){const d=e.useSlots(),f=u,m=c,{visible:v,defaultVisible:p,maskClosable:w,escToClose:y,defaultScale:h,zoomRate:b,wheelZoom:k,keyboard:g}=e.toRefs(f),{zIndex:C,popupContainer:_,isAbsolute:j}=t.getGlobalConfig(f),S=e.ref(),q=a.useControlValue(e.ref(),h.value),z=e.ref(0),{outerVisible:B,innerVisible:V,handleClose:x,handleAfterLeave:I}=l.default({visible:v,defaultVisible:p,escToClose:y,maskClosable:w,onBeforeOk:()=>!0,onBeforeCancel:()=>!0,emits:m}),L=e=>{switch(e){case"rotateRight":z.value+=90;break;case"rotateLeft":z.value-=90;break;case"zoomIn":q.value*=b.value;break;case"zoomOut":q.value/=b.value;break;case"originalSize":q.value=h.value,z.value=0;break;case"fullScreen":{const{offsetWidth:e,offsetHeight:o}=S.value;q.value=e>o?window.innerHeight/o:window.innerHeight/e}}};return(()=>{if(k.value&&o.useEventListener("wheel",e=>{e.preventDefault(),e.stopPropagation();const o=e.deltaY<0?1:-1;q.value*=Math.pow(b.value,o)}),g.value){const e={ArrowUp:"zoomIn",ArrowDown:"zoomOut"," ":"originalSize"};o.onKeyStroke(["ArrowUp","ArrowDown"," "],o=>{L(e[o.key])})}})(),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(_)},[e.unref(B)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-image-preview",o.$attrs.class,{"yc-image-preview-absolute":e.unref(j)}]),style:e.normalizeStyle({zIndex:e.unref(C),...o.$attrs.style??{}})},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",i,null,512),[[e.vShow,e.unref(V)]])]),_:1}),e.createVNode(e.Transition,{name:"fade",onAfterLeave:e.unref(I)},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"yc-image-preview-wrapper",onClick:t[2]||(t[2]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`scale(${e.unref(q)}, ${e.unref(q)})`}),class:"yc-image-preview-img-container",onClick:t[0]||(t[0]=e.withModifiers(o=>e.unref(x)("mask",o,!1),["self"]))},[e.createElementVNode("img",{src:o.src,style:e.normalizeStyle({transform:`translate(-50%, -50%) rotate(${z.value}deg)`}),class:"yc-image-preview-img",ref_key:"imageRef",ref:S},null,12,n)],4),e.createVNode(s.default,{actionsLayout:o.actionsLayout,onClick:L},e.createSlots({_:2},[d.actions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"actions")]),key:"0"}:void 0]),1032,["actionsLayout"]),e.renderSlot(o.$slots,"arrow"),o.closable?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-image-preview-close-btn",onClick:t[1]||(t[1]=o=>e.unref(x)("closeBtn",o,!1))},[e.createVNode(e.unref(r.default))])):e.createCommentVNode("",!0)],512),[[e.vShow,e.unref(V)]])]),_:3},8,["onAfterLeave"])],6)):e.createCommentVNode("",!0)],8,["to"]))}});exports.default=u;
|
@@ -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"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css
|
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"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=e.defineComponent({__name:"ImagePreviewArrow",props:{type:{}},setup:s=>(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`yc-image-preview-arrow-${s.type}`])},[e.createVNode(e.unref(r.default),{rotate:"left"==s.type?180:0},null,8,["rotate"])],2))});exports.default=s;
|
@@ -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 o=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css
|
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 o=require("../_shared/utils/locale.js");require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const t=require("../_shared/icons/IconFullScreen.vue2.js"),r=require("../_shared/icons/IconOriginSize.vue2.js"),n=require("../_shared/icons/IconRotateLeft.vue2.js"),s=require("../_shared/icons/IconRotateRight.vue2.js"),i=require("../_shared/icons/IconZoomIn.vue2.js"),u=require("../_shared/icons/IconZoomOut.vue2.js"),a=require("./ImagePreviewAction.vue.js");;/* empty css */const c={key:0,class:"yc-image-preview-toolbar"},l=e.defineComponent({__name:"ImagePreviewToolbar",props:{actionsLayout:{default:()=>[]}},emits:["click"],setup(l){const{t:d}=o.useI18n(),m={fullScreen:t.default,rotateRight:s.default,rotateLeft:n.default,zoomIn:i.default,zoomOut:u.default,originalSize:r.default};return(o,t)=>o.actionsLayout.length?(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actionsLayout,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[m[t]?(e.openBlock(),e.createBlock(a.default,{key:0,name:e.unref(d)(`imagePreview.${t}`),onClick:e=>o.$emit("click",t,e)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m[t])))]),_:2},1032,["name","onClick"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"actions")])):e.createCommentVNode("",!0)}});exports.default=l;
|