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
@@ -1,26 +1,17 @@
|
|
1
|
-
import { defineComponent, useSlots, computed, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot,
|
1
|
+
import { defineComponent, useSlots, computed, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot, renderList, normalizeStyle, normalizeClass } from "vue";
|
2
2
|
import usePicker from "./hooks/userPicker.js";
|
3
|
-
import "
|
4
|
-
|
5
|
-
import "
|
6
|
-
|
7
|
-
import "../_shared/utils/locale.js";
|
8
|
-
import "../_shared/utils/time.js";
|
9
|
-
/* empty css */
|
10
|
-
/* empty css */
|
11
|
-
/* empty css */
|
12
|
-
import _sfc_main$3 from "../_shared/icons/IconDoubleLeft.vue.js";
|
13
|
-
import _sfc_main$4 from "../_shared/icons/IconDoubleRight.vue.js";
|
14
|
-
import PickerCell from "./component/PickerCell.vue.js";
|
3
|
+
import _sfc_main$3 from "./component/PickerHeader.vue.js";
|
4
|
+
/* empty css */
|
5
|
+
import _sfc_main$4 from "./component/PickerCell.vue.js";
|
6
|
+
/* empty css */
|
15
7
|
import _sfc_main$2 from "./component/PickerPanel.vue.js";
|
16
8
|
/* empty css */
|
17
|
-
import
|
9
|
+
import _sfc_main$5 from "./component/PickerInput.vue.js";
|
10
|
+
/* empty css */
|
18
11
|
import _sfc_main$1 from "./YcYearPicker.vue.js";
|
19
12
|
/* empty css */
|
20
13
|
const _hoisted_1 = { class: "yc-panel-month" };
|
21
|
-
const _hoisted_2 = { class: "yc-picker-
|
22
|
-
const _hoisted_3 = { class: "yc-picker-header-title" };
|
23
|
-
const _hoisted_4 = { class: "yc-picker-body" };
|
14
|
+
const _hoisted_2 = { class: "yc-picker-body" };
|
24
15
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
25
16
|
...{
|
26
17
|
name: "MonthPicker",
|
@@ -72,6 +63,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
72
63
|
ReusePanel,
|
73
64
|
t,
|
74
65
|
getDateFromFormat,
|
66
|
+
isCellInView,
|
67
|
+
isToday,
|
68
|
+
isSelected,
|
75
69
|
handleConfirm,
|
76
70
|
handleSelect,
|
77
71
|
handleShortcut
|
@@ -98,14 +92,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
98
92
|
});
|
99
93
|
});
|
100
94
|
});
|
101
|
-
const isSelected = (val) => {
|
102
|
-
const date = getDateFromFormat(computedValue.value);
|
103
|
-
if (!date) return false;
|
104
|
-
return date.getFullYear() == val.getFullYear() && date.getMonth() == val.getMonth();
|
105
|
-
};
|
106
|
-
const isToday = (date) => {
|
107
|
-
return date.getMonth() == dayjs().month() && date.getFullYear() == dayjs().year();
|
108
|
-
};
|
109
95
|
watch(
|
110
96
|
() => computedValue.value,
|
111
97
|
(val) => {
|
@@ -142,31 +128,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
142
128
|
}, createSlots({
|
143
129
|
default: withCtx(() => [
|
144
130
|
createElementVNode("div", _hoisted_1, [
|
131
|
+
createVNode(_sfc_main$3, {
|
132
|
+
year: unref(curYear),
|
133
|
+
type: "month",
|
134
|
+
onYearClick: _cache[1] || (_cache[1] = ($event) => showYearPicker.value = true),
|
135
|
+
onPrevDoubleClick: _cache[2] || (_cache[2] = ($event) => curYear.value--),
|
136
|
+
onNextDoubleClick: _cache[3] || (_cache[3] = ($event) => curYear.value++)
|
137
|
+
}, createSlots({ _: 2 }, [
|
138
|
+
$slots["icon-prev-double"] ? {
|
139
|
+
name: "icon-prev-double",
|
140
|
+
fn: withCtx(() => [
|
141
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
142
|
+
]),
|
143
|
+
key: "0"
|
144
|
+
} : void 0,
|
145
|
+
$slots["icon-next-double"] ? {
|
146
|
+
name: "icon-next-double",
|
147
|
+
fn: withCtx(() => [
|
148
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
149
|
+
]),
|
150
|
+
key: "1"
|
151
|
+
} : void 0
|
152
|
+
]), 1032, ["year"]),
|
145
153
|
createElementVNode("div", _hoisted_2, [
|
146
|
-
createElementVNode("div", {
|
147
|
-
class: "yc-picker-header-icon",
|
148
|
-
onClick: _cache[1] || (_cache[1] = ($event) => curYear.value--)
|
149
|
-
}, [
|
150
|
-
renderSlot(_ctx.$slots, "icon-prev-double", {}, () => [
|
151
|
-
createVNode(unref(_sfc_main$3))
|
152
|
-
])
|
153
|
-
]),
|
154
|
-
createElementVNode("div", _hoisted_3, [
|
155
|
-
createElementVNode("div", {
|
156
|
-
class: "yc-picker-header-label",
|
157
|
-
onClick: _cache[2] || (_cache[2] = ($event) => showYearPicker.value = true)
|
158
|
-
}, toDisplayString(unref(curYear)), 1)
|
159
|
-
]),
|
160
|
-
createElementVNode("div", {
|
161
|
-
class: "yc-picker-header-icon",
|
162
|
-
onClick: _cache[3] || (_cache[3] = ($event) => curYear.value++)
|
163
|
-
}, [
|
164
|
-
renderSlot(_ctx.$slots, "icon-next-double", {}, () => [
|
165
|
-
createVNode(unref(_sfc_main$4))
|
166
|
-
])
|
167
|
-
])
|
168
|
-
]),
|
169
|
-
createElementVNode("div", _hoisted_4, [
|
170
154
|
(openBlock(true), createElementBlock(Fragment, null, renderList(monthData.value, (row, i) => {
|
171
155
|
return openBlock(), createElementBlock("div", {
|
172
156
|
key: i,
|
@@ -174,13 +158,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
174
158
|
}, [
|
175
159
|
(openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ value: date, label }, k) => {
|
176
160
|
var _a;
|
177
|
-
return openBlock(), createBlock(
|
161
|
+
return openBlock(), createBlock(_sfc_main$4, {
|
178
162
|
key: k,
|
179
|
-
"is-selected": isSelected(date),
|
180
|
-
"is-today": isToday(date),
|
181
|
-
disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
|
182
163
|
value: label,
|
183
|
-
"cell-in-view": "",
|
164
|
+
"cell-in-view": unref(isCellInView)(date, "month"),
|
165
|
+
"is-today": unref(isToday)(date, "month"),
|
166
|
+
"is-selected": unref(isSelected)(date, "month"),
|
167
|
+
disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
|
184
168
|
onClick: ($event) => unref(handleSelect)(date)
|
185
169
|
}, createSlots({ _: 2 }, [
|
186
170
|
$slots.cell ? {
|
@@ -190,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
190
174
|
]),
|
191
175
|
key: "0"
|
192
176
|
} : void 0
|
193
|
-
]), 1032, ["
|
177
|
+
]), 1032, ["value", "cell-in-view", "is-today", "is-selected", "disabled", "onClick"]);
|
194
178
|
}), 128))
|
195
179
|
]);
|
196
180
|
}), 128))
|
@@ -210,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
210
194
|
]),
|
211
195
|
_: 3
|
212
196
|
}),
|
213
|
-
!_ctx.hideTrigger ? (openBlock(), createBlock(
|
197
|
+
!_ctx.hideTrigger ? (openBlock(), createBlock(_sfc_main$5, {
|
214
198
|
key: 0,
|
215
199
|
class: normalizeClass(_ctx.$attrs.class),
|
216
200
|
style: normalizeStyle(_ctx.$attrs.style),
|
@@ -44,7 +44,6 @@ declare const __VLS_component: import('vue').DefineComponent<WeekPickerProps, {}
|
|
44
44
|
allowClear: boolean;
|
45
45
|
readonly: boolean;
|
46
46
|
triggerProps: import('..').TriggerProps;
|
47
|
-
hideTrigger: boolean;
|
48
47
|
format: string;
|
49
48
|
dayStartOfWeek: import('./type').DayStartOfWeek;
|
50
49
|
pickerValue: import('./type').DatePickerValue;
|
@@ -52,11 +51,12 @@ declare const __VLS_component: import('vue').DefineComponent<WeekPickerProps, {}
|
|
52
51
|
valueFormat: import('./type').ValueFormat;
|
53
52
|
showConfirmBtn: boolean;
|
54
53
|
abbreviation: boolean;
|
54
|
+
disabledDate: import('./type').DisabledDate;
|
55
55
|
shortcutsPosition: import('./type').ShortcutsPosition;
|
56
56
|
shortcuts: import('./type').ShortcutType[];
|
57
57
|
previewShortcut: boolean;
|
58
58
|
disabledInput: boolean;
|
59
|
-
|
59
|
+
hideTrigger: boolean;
|
60
60
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
61
61
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
62
62
|
export default _default;
|
@@ -1,7 +1,265 @@
|
|
1
|
-
import
|
1
|
+
import { defineComponent, useSlots, ref, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, renderSlot, renderList, normalizeClass, normalizeStyle } from "vue";
|
2
|
+
import usePicker from "./hooks/userPicker.js";
|
3
|
+
import "../node_modules/b-tween/dist/b-tween.es.js";
|
4
|
+
import dayjs from "../node_modules/dayjs/dayjs.min.js";
|
5
|
+
import "../node_modules/tinycolor2/esm/tinycolor.js";
|
6
|
+
import "../_shared/utils/dom.js";
|
7
|
+
import "../_shared/utils/locale.js";
|
8
|
+
import "../_shared/utils/time.js";
|
9
|
+
import _sfc_main$4 from "./component/PickerHeader.vue.js";
|
10
|
+
/* empty css */
|
11
|
+
import _sfc_main$5 from "./component/PickerWeekHeader.vue.js";
|
12
|
+
/* empty css */
|
13
|
+
import _sfc_main$6 from "./component/PickerCell.vue.js";
|
14
|
+
/* empty css */
|
15
|
+
import _sfc_main$3 from "./component/PickerPanel.vue.js";
|
16
|
+
/* empty css */
|
17
|
+
import _sfc_main$7 from "./component/PickerInput.vue.js";
|
18
|
+
/* empty css */
|
19
|
+
import _sfc_main$1 from "./YcYearPicker.vue.js";
|
2
20
|
/* empty css */
|
3
|
-
import
|
4
|
-
|
21
|
+
import _sfc_main$2 from "./YcMonthPicker.vue.js";
|
22
|
+
/* empty css */
|
23
|
+
const _hoisted_1 = { class: "yc-panel-week" };
|
24
|
+
const _hoisted_2 = { class: "yc-picker-body" };
|
25
|
+
const _hoisted_3 = ["onClick"];
|
26
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
27
|
+
...{
|
28
|
+
name: "WeekPicker",
|
29
|
+
inheritAttrs: false
|
30
|
+
},
|
31
|
+
__name: "YcWeekPicker",
|
32
|
+
props: {
|
33
|
+
modelValue: { default: void 0 },
|
34
|
+
defaultValue: { default: "" },
|
35
|
+
dayStartOfWeek: { default: 0 },
|
36
|
+
locale: { default: () => ({}) },
|
37
|
+
hideTrigger: { type: Boolean, default: false },
|
38
|
+
allowClear: { type: Boolean, default: false },
|
39
|
+
readonly: { type: Boolean, default: false },
|
40
|
+
error: { type: Boolean, default: false },
|
41
|
+
size: { default: void 0 },
|
42
|
+
shortcuts: { default: () => [] },
|
43
|
+
shortcutsPosition: { default: "bottom" },
|
44
|
+
position: { default: "bl" },
|
45
|
+
popupVisible: { type: Boolean, default: void 0 },
|
46
|
+
defaultPopupVisible: { type: Boolean, default: false },
|
47
|
+
triggerProps: { default: () => ({}) },
|
48
|
+
unmountOnClose: { type: Boolean, default: false },
|
49
|
+
placeholder: { default: "" },
|
50
|
+
disabled: { type: Boolean, default: false },
|
51
|
+
disabledDate: { type: Function, default: void 0 },
|
52
|
+
disabledTime: {},
|
53
|
+
pickerValue: { default: void 0 },
|
54
|
+
defaultPickerValue: { default: "" },
|
55
|
+
popupContainer: { default: void 0 },
|
56
|
+
valueFormat: { default: "YYYY-MM-DD" },
|
57
|
+
format: { default: "gggg-wo" },
|
58
|
+
previewShortcut: { type: Boolean, default: true },
|
59
|
+
showConfirmBtn: { type: Boolean, default: false },
|
60
|
+
disabledInput: { type: Boolean, default: false },
|
61
|
+
abbreviation: { type: Boolean, default: true }
|
62
|
+
},
|
63
|
+
emits: ["update:modelValue", "update:popupVisible", "update:pickerValue", "change", "select", "ok", "picker-value-change", "popup-visible-change", "clear", "select-shortcut"],
|
64
|
+
setup(__props, { emit: __emit }) {
|
65
|
+
const $slots = useSlots();
|
66
|
+
const props = __props;
|
67
|
+
const emits = __emit;
|
68
|
+
const {
|
69
|
+
computedValue,
|
70
|
+
locale,
|
71
|
+
abbreviation,
|
72
|
+
dayStartOfWeek,
|
73
|
+
curMonth,
|
74
|
+
curYear,
|
75
|
+
showMonthPicker,
|
76
|
+
showYearPicker,
|
77
|
+
DefinePanel,
|
78
|
+
ReusePanel,
|
79
|
+
getDateFromFormat,
|
80
|
+
isCellInView,
|
81
|
+
isToday,
|
82
|
+
isSelected,
|
83
|
+
getWeeksOfMonth,
|
84
|
+
handleConfirm,
|
85
|
+
handleSelect,
|
86
|
+
handleShortcut
|
87
|
+
} = usePicker({
|
88
|
+
props,
|
89
|
+
emits
|
90
|
+
});
|
91
|
+
const weekData = ref([]);
|
92
|
+
const handleDateChange = (dateType, type) => {
|
93
|
+
if (dateType == "year") {
|
94
|
+
curYear.value = type == "pre" ? curYear.value - 1 : curYear.value + 1;
|
95
|
+
weekData.value = getWeeksOfMonth(curYear.value, curMonth.value);
|
96
|
+
} else {
|
97
|
+
const base = dayjs().set("year", curYear.value).set("month", curMonth.value);
|
98
|
+
const date = type == "pre" ? base.subtract(1, "month") : base.add(1, "month");
|
99
|
+
curYear.value = date.year();
|
100
|
+
curMonth.value = date.month();
|
101
|
+
weekData.value = getWeeksOfMonth(curYear.value, curMonth.value);
|
102
|
+
}
|
103
|
+
};
|
104
|
+
watch(
|
105
|
+
() => computedValue.value,
|
106
|
+
(val) => {
|
107
|
+
const date = val ? getDateFromFormat(val) : /* @__PURE__ */ new Date();
|
108
|
+
curYear.value = date.getFullYear();
|
109
|
+
curMonth.value = date.getMonth();
|
110
|
+
weekData.value = getWeeksOfMonth(curYear.value, curMonth.value);
|
111
|
+
},
|
112
|
+
{
|
113
|
+
immediate: true
|
114
|
+
}
|
115
|
+
);
|
116
|
+
return (_ctx, _cache) => {
|
117
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
118
|
+
createVNode(unref(DefinePanel), null, {
|
119
|
+
default: withCtx(() => [
|
120
|
+
unref(showYearPicker) ? (openBlock(), createBlock(_sfc_main$1, {
|
121
|
+
key: 0,
|
122
|
+
"model-value": `${unref(curYear)}`,
|
123
|
+
"hide-trigger": "",
|
124
|
+
"value-format": "YYYY",
|
125
|
+
onChange: _cache[0] || (_cache[0] = (_, date) => {
|
126
|
+
curYear.value = date.getFullYear();
|
127
|
+
weekData.value = unref(getWeeksOfMonth)(unref(curYear), unref(curMonth));
|
128
|
+
showYearPicker.value = false;
|
129
|
+
})
|
130
|
+
}, null, 8, ["model-value"])) : unref(showMonthPicker) ? (openBlock(), createBlock(_sfc_main$2, {
|
131
|
+
key: 1,
|
132
|
+
"model-value": `${unref(curYear)}-${unref(curMonth) + 1 < 10 ? `0${unref(curMonth) + 1}` : unref(curMonth) + 1}`,
|
133
|
+
"hide-trigger": "",
|
134
|
+
"value-format": "YYYY-MM",
|
135
|
+
onChange: _cache[1] || (_cache[1] = (_, date) => {
|
136
|
+
curMonth.value = date.getMonth();
|
137
|
+
weekData.value = unref(getWeeksOfMonth)(unref(curYear), unref(curMonth));
|
138
|
+
showMonthPicker.value = false;
|
139
|
+
})
|
140
|
+
}, null, 8, ["model-value"])) : (openBlock(), createBlock(_sfc_main$3, {
|
141
|
+
key: 2,
|
142
|
+
locale: unref(locale),
|
143
|
+
"preview-shortcut": _ctx.previewShortcut,
|
144
|
+
shortcuts: _ctx.shortcuts,
|
145
|
+
"shortcuts-position": _ctx.shortcutsPosition,
|
146
|
+
"confirm-btn-disabled": !unref(computedValue),
|
147
|
+
"show-confirm-btn": _ctx.showConfirmBtn,
|
148
|
+
onConfirm: unref(handleConfirm),
|
149
|
+
onShortcutSelect: unref(handleShortcut)
|
150
|
+
}, createSlots({
|
151
|
+
default: withCtx(() => [
|
152
|
+
createElementVNode("div", _hoisted_1, [
|
153
|
+
createVNode(_sfc_main$4, {
|
154
|
+
year: unref(curYear),
|
155
|
+
month: unref(curMonth),
|
156
|
+
type: "week",
|
157
|
+
onPrevClick: _cache[2] || (_cache[2] = ($event) => handleDateChange("month", "pre")),
|
158
|
+
onNextClick: _cache[3] || (_cache[3] = ($event) => handleDateChange("month", "next")),
|
159
|
+
onPrevDoubleClick: _cache[4] || (_cache[4] = ($event) => handleDateChange("year", "pre")),
|
160
|
+
onNextDoubleClick: _cache[5] || (_cache[5] = ($event) => handleDateChange("year", "next")),
|
161
|
+
onYearClick: _cache[6] || (_cache[6] = ($event) => showYearPicker.value = true),
|
162
|
+
onMonthClick: _cache[7] || (_cache[7] = ($event) => showMonthPicker.value = true)
|
163
|
+
}, createSlots({ _: 2 }, [
|
164
|
+
$slots["icon-prev"] ? {
|
165
|
+
name: "icon-prev-double",
|
166
|
+
fn: withCtx(() => [
|
167
|
+
renderSlot(_ctx.$slots, "icon-next")
|
168
|
+
]),
|
169
|
+
key: "0"
|
170
|
+
} : void 0,
|
171
|
+
$slots["icon-next"] ? {
|
172
|
+
name: "icon-next-double",
|
173
|
+
fn: withCtx(() => [
|
174
|
+
renderSlot(_ctx.$slots, "icon-next")
|
175
|
+
]),
|
176
|
+
key: "1"
|
177
|
+
} : void 0,
|
178
|
+
$slots["icon-prev-double"] ? {
|
179
|
+
name: "icon-prev-double",
|
180
|
+
fn: withCtx(() => [
|
181
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
182
|
+
]),
|
183
|
+
key: "2"
|
184
|
+
} : void 0,
|
185
|
+
$slots["icon-next-double"] ? {
|
186
|
+
name: "icon-next-double",
|
187
|
+
fn: withCtx(() => [
|
188
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
189
|
+
]),
|
190
|
+
key: "3"
|
191
|
+
} : void 0
|
192
|
+
]), 1032, ["year", "month"]),
|
193
|
+
createVNode(_sfc_main$5, {
|
194
|
+
locale: unref(locale),
|
195
|
+
abbreviation: unref(abbreviation),
|
196
|
+
"day-start-of-week": unref(dayStartOfWeek)
|
197
|
+
}, null, 8, ["locale", "abbreviation", "day-start-of-week"]),
|
198
|
+
createElementVNode("div", _hoisted_2, [
|
199
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(weekData.value, ({ label, time, value }, i) => {
|
200
|
+
var _a;
|
201
|
+
return openBlock(), createElementBlock("div", {
|
202
|
+
key: i,
|
203
|
+
class: normalizeClass([
|
204
|
+
"yc-picker-row",
|
205
|
+
"yc-picker-week-row",
|
206
|
+
{
|
207
|
+
"yc-picker-week-row-disabled": (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, value),
|
208
|
+
"yc-picker-week-row-selected": unref(isSelected)(value, "week")
|
209
|
+
}
|
210
|
+
]),
|
211
|
+
onClick: ($event) => unref(handleSelect)(value)
|
212
|
+
}, [
|
213
|
+
createVNode(_sfc_main$6, {
|
214
|
+
"cell-in-view": false,
|
215
|
+
value: label
|
216
|
+
}, null, 8, ["value"]),
|
217
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(time, ({ value: date, label: label2 }, k) => {
|
218
|
+
return openBlock(), createBlock(_sfc_main$6, {
|
219
|
+
key: k,
|
220
|
+
value: label2,
|
221
|
+
"cell-in-view": unref(isCellInView)(date, "week"),
|
222
|
+
"is-today": unref(isToday)(date, "week"),
|
223
|
+
hoverable: false,
|
224
|
+
class: normalizeClass({
|
225
|
+
"yc-week-picker-cell-first": !i,
|
226
|
+
"yc-week-picker-cell-last": i == time.length - 1
|
227
|
+
})
|
228
|
+
}, null, 8, ["value", "cell-in-view", "is-today", "class"]);
|
229
|
+
}), 128))
|
230
|
+
], 10, _hoisted_3);
|
231
|
+
}), 128))
|
232
|
+
])
|
233
|
+
])
|
234
|
+
]),
|
235
|
+
_: 2
|
236
|
+
}, [
|
237
|
+
$slots.extra ? {
|
238
|
+
name: "extra",
|
239
|
+
fn: withCtx(() => [
|
240
|
+
renderSlot(_ctx.$slots, "extra")
|
241
|
+
]),
|
242
|
+
key: "0"
|
243
|
+
} : void 0
|
244
|
+
]), 1032, ["locale", "preview-shortcut", "shortcuts", "shortcuts-position", "confirm-btn-disabled", "show-confirm-btn", "onConfirm", "onShortcutSelect"]))
|
245
|
+
]),
|
246
|
+
_: 3
|
247
|
+
}),
|
248
|
+
!_ctx.hideTrigger ? (openBlock(), createBlock(_sfc_main$7, {
|
249
|
+
key: 0,
|
250
|
+
class: normalizeClass(_ctx.$attrs.class),
|
251
|
+
style: normalizeStyle(_ctx.$attrs.style),
|
252
|
+
type: "week"
|
253
|
+
}, {
|
254
|
+
content: withCtx(() => [
|
255
|
+
createVNode(unref(ReusePanel))
|
256
|
+
]),
|
257
|
+
_: 1
|
258
|
+
}, 8, ["class", "style"])) : (openBlock(), createBlock(unref(ReusePanel), { key: 1 }))
|
259
|
+
], 64);
|
260
|
+
};
|
261
|
+
}
|
262
|
+
});
|
5
263
|
export {
|
6
|
-
|
264
|
+
_sfc_main as default
|
7
265
|
};
|
@@ -44,17 +44,17 @@ declare const __VLS_component: import('vue').DefineComponent<YearPickerProps, {}
|
|
44
44
|
allowClear: boolean;
|
45
45
|
readonly: boolean;
|
46
46
|
triggerProps: import('..').TriggerProps;
|
47
|
-
hideTrigger: boolean;
|
48
47
|
format: string;
|
49
48
|
pickerValue: import('./type').DatePickerValue;
|
50
49
|
defaultPickerValue: import('./type').DatePickerValue;
|
51
50
|
valueFormat: import('./type').ValueFormat;
|
52
51
|
showConfirmBtn: boolean;
|
52
|
+
disabledDate: import('./type').DisabledDate;
|
53
53
|
shortcutsPosition: import('./type').ShortcutsPosition;
|
54
54
|
shortcuts: import('./type').ShortcutType[];
|
55
55
|
previewShortcut: boolean;
|
56
56
|
disabledInput: boolean;
|
57
|
-
|
57
|
+
hideTrigger: boolean;
|
58
58
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
59
59
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
60
60
|
export default _default;
|
@@ -1,24 +1,15 @@
|
|
1
|
-
import { defineComponent, useSlots, ref, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode,
|
1
|
+
import { defineComponent, useSlots, ref, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, unref, withCtx, createSlots, createElementVNode, createTextVNode, toDisplayString, renderSlot, renderList, normalizeStyle, normalizeClass } from "vue";
|
2
2
|
import usePicker from "./hooks/userPicker.js";
|
3
|
-
import "
|
4
|
-
|
5
|
-
import "
|
6
|
-
|
7
|
-
import "../_shared/utils/locale.js";
|
8
|
-
import "../_shared/utils/time.js";
|
9
|
-
/* empty css */
|
10
|
-
/* empty css */
|
11
|
-
/* empty css */
|
12
|
-
import _sfc_main$2 from "../_shared/icons/IconDoubleLeft.vue.js";
|
13
|
-
import _sfc_main$3 from "../_shared/icons/IconDoubleRight.vue.js";
|
14
|
-
import PickerCell from "./component/PickerCell.vue.js";
|
3
|
+
import _sfc_main$2 from "./component/PickerHeader.vue.js";
|
4
|
+
/* empty css */
|
5
|
+
import _sfc_main$3 from "./component/PickerCell.vue.js";
|
6
|
+
/* empty css */
|
15
7
|
import _sfc_main$1 from "./component/PickerPanel.vue.js";
|
16
8
|
/* empty css */
|
17
|
-
import
|
9
|
+
import _sfc_main$4 from "./component/PickerInput.vue.js";
|
10
|
+
/* empty css */
|
18
11
|
const _hoisted_1 = { class: "yc-panel-year" };
|
19
|
-
const _hoisted_2 = { class: "yc-picker-
|
20
|
-
const _hoisted_3 = { class: "yc-picker-header-title" };
|
21
|
-
const _hoisted_4 = { class: "yc-picker-body" };
|
12
|
+
const _hoisted_2 = { class: "yc-picker-body" };
|
22
13
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
23
14
|
...{
|
24
15
|
name: "YearPicker",
|
@@ -65,6 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
65
56
|
DefinePanel,
|
66
57
|
ReusePanel,
|
67
58
|
curYear,
|
59
|
+
isToday,
|
60
|
+
isCellInView,
|
61
|
+
isSelected,
|
68
62
|
getDateFromFormat,
|
69
63
|
getRangeOfYear,
|
70
64
|
handleConfirm,
|
@@ -75,11 +69,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
75
69
|
emits
|
76
70
|
});
|
77
71
|
const yearData = ref([]);
|
78
|
-
const isSelected = (val) => {
|
79
|
-
const date = getDateFromFormat(computedValue.value);
|
80
|
-
if (!date) return false;
|
81
|
-
return date.getFullYear() == val.getFullYear();
|
82
|
-
};
|
83
72
|
const handleYearChange = (type) => {
|
84
73
|
curYear.value = type == "pre" ? curYear.value - 10 : curYear.value + 10;
|
85
74
|
const { range } = getRangeOfYear(curYear.value);
|
@@ -113,26 +102,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
113
102
|
}, createSlots({
|
114
103
|
default: withCtx(() => [
|
115
104
|
createElementVNode("div", _hoisted_1, [
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
])
|
105
|
+
createVNode(_sfc_main$2, {
|
106
|
+
type: "year",
|
107
|
+
onPrevDoubleClick: _cache[0] || (_cache[0] = ($event) => handleYearChange("pre")),
|
108
|
+
onNextDoubleClick: _cache[1] || (_cache[1] = ($event) => handleYearChange("next"))
|
109
|
+
}, createSlots({
|
110
|
+
default: withCtx(() => [
|
111
|
+
createTextVNode(toDisplayString(unref(curYear)) + "-" + toDisplayString(unref(curYear) + 10) + " ", 1)
|
124
112
|
]),
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
113
|
+
_: 2
|
114
|
+
}, [
|
115
|
+
$slots["icon-prev-double"] ? {
|
116
|
+
name: "icon-prev-double",
|
117
|
+
fn: withCtx(() => [
|
118
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
119
|
+
]),
|
120
|
+
key: "0"
|
121
|
+
} : void 0,
|
122
|
+
$slots["icon-next-double"] ? {
|
123
|
+
name: "icon-next-double",
|
124
|
+
fn: withCtx(() => [
|
125
|
+
renderSlot(_ctx.$slots, "icon-next-double")
|
126
|
+
]),
|
127
|
+
key: "1"
|
128
|
+
} : void 0
|
129
|
+
]), 1024),
|
130
|
+
createElementVNode("div", _hoisted_2, [
|
136
131
|
(openBlock(true), createElementBlock(Fragment, null, renderList(yearData.value, (row, i) => {
|
137
132
|
return openBlock(), createElementBlock("div", {
|
138
133
|
key: i,
|
@@ -140,13 +135,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
140
135
|
}, [
|
141
136
|
(openBlock(true), createElementBlock(Fragment, null, renderList(row, ({ value: date, label }, k) => {
|
142
137
|
var _a;
|
143
|
-
return openBlock(), createBlock(
|
144
|
-
key:
|
145
|
-
"cell-in-view": !!(i || k),
|
146
|
-
"is-today": date.getFullYear() == unref(dayjs)().year(),
|
147
|
-
"is-selected": isSelected(date),
|
148
|
-
disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
|
138
|
+
return openBlock(), createBlock(_sfc_main$3, {
|
139
|
+
key: k,
|
149
140
|
value: label,
|
141
|
+
"cell-in-view": unref(isCellInView)(date, "year"),
|
142
|
+
"is-today": unref(isToday)(date, "year"),
|
143
|
+
"is-selected": unref(isSelected)(date, "year"),
|
144
|
+
disabled: (_a = _ctx.disabledDate) == null ? void 0 : _a.call(_ctx, date),
|
150
145
|
onClick: ($event) => unref(handleSelect)(date)
|
151
146
|
}, createSlots({ _: 2 }, [
|
152
147
|
$slots.cell ? {
|
@@ -156,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
156
151
|
]),
|
157
152
|
key: "0"
|
158
153
|
} : void 0
|
159
|
-
]), 1032, ["cell-in-view", "is-today", "is-selected", "disabled", "
|
154
|
+
]), 1032, ["value", "cell-in-view", "is-today", "is-selected", "disabled", "onClick"]);
|
160
155
|
}), 128))
|
161
156
|
]);
|
162
157
|
}), 128))
|
@@ -176,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
176
171
|
]),
|
177
172
|
_: 3
|
178
173
|
}),
|
179
|
-
!_ctx.hideTrigger ? (openBlock(), createBlock(
|
174
|
+
!_ctx.hideTrigger ? (openBlock(), createBlock(_sfc_main$4, {
|
180
175
|
key: 0,
|
181
176
|
class: normalizeClass(_ctx.$attrs.class),
|
182
177
|
style: normalizeStyle(_ctx.$attrs.style),
|
@@ -23,9 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
23
23
|
disabled: boolean;
|
24
24
|
value: number | string;
|
25
25
|
hoverable: boolean;
|
26
|
-
isSelected: boolean;
|
27
|
-
isToday: boolean;
|
28
26
|
cellInView: boolean;
|
27
|
+
isToday: boolean;
|
28
|
+
isSelected: boolean;
|
29
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
30
30
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
31
31
|
export default _default;
|