@v-c/picker 1.0.4-beta.1 → 1.1.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PickerInput/Popup/Footer.js +12 -18
- package/dist/PickerInput/Popup/PopupPanel.js +14 -18
- package/dist/PickerInput/Popup/PresetPanel.js +8 -10
- package/dist/PickerInput/Popup/index.js +19 -29
- package/dist/PickerInput/RangePicker.js +25 -17
- package/dist/PickerInput/Selector/Icon.js +6 -9
- package/dist/PickerInput/Selector/Input.js +13 -14
- package/dist/PickerInput/Selector/MaskFormat.js +5 -1
- package/dist/PickerInput/Selector/RangeSelector.js +29 -53
- package/dist/PickerInput/Selector/SingleSelector/MultipleDates.d.ts +7 -0
- package/dist/PickerInput/Selector/SingleSelector/MultipleDates.js +22 -12
- package/dist/PickerInput/Selector/SingleSelector/index.d.ts +7 -0
- package/dist/PickerInput/Selector/SingleSelector/index.js +34 -48
- package/dist/PickerInput/Selector/hooks/useClearIcon.js +2 -0
- package/dist/PickerInput/Selector/hooks/useInputHooks.js +2 -0
- package/dist/PickerInput/Selector/hooks/useRootProps.js +2 -0
- package/dist/PickerInput/Selector/util.js +2 -0
- package/dist/PickerInput/SinglePicker.d.ts +9 -0
- package/dist/PickerInput/SinglePicker.js +24 -14
- package/dist/PickerInput/context.js +2 -0
- package/dist/PickerInput/hooks/useCellRender.js +2 -0
- package/dist/PickerInput/hooks/useDelayState.js +2 -0
- package/dist/PickerInput/hooks/useDisabledBoundary.js +5 -0
- package/dist/PickerInput/hooks/useFieldFormat.js +2 -0
- package/dist/PickerInput/hooks/useFieldsInvalidate.js +5 -0
- package/dist/PickerInput/hooks/useFilledProps.js +10 -0
- package/dist/PickerInput/hooks/useInputReadOnly.js +2 -0
- package/dist/PickerInput/hooks/useInvalidate.js +5 -0
- package/dist/PickerInput/hooks/useLockEffect.js +6 -0
- package/dist/PickerInput/hooks/useOpen.js +6 -0
- package/dist/PickerInput/hooks/usePresets.js +2 -0
- package/dist/PickerInput/hooks/useRangeActive.js +7 -0
- package/dist/PickerInput/hooks/useRangeDisabledDate.js +6 -0
- package/dist/PickerInput/hooks/useRangePickerValue.js +2 -0
- package/dist/PickerInput/hooks/useRangeValue.js +8 -2
- package/dist/PickerInput/hooks/useShowNow.js +2 -0
- package/dist/PickerPanel/DatePanel/index.js +15 -21
- package/dist/PickerPanel/DateTimePanel/index.js +13 -19
- package/dist/PickerPanel/DecadePanel/index.js +14 -20
- package/dist/PickerPanel/MonthPanel/index.js +14 -20
- package/dist/PickerPanel/PanelBody.js +10 -16
- package/dist/PickerPanel/PanelHeader.js +4 -2
- package/dist/PickerPanel/QuarterPanel/index.js +14 -20
- package/dist/PickerPanel/TimePanel/TimePanelBody/TimeColumn.js +8 -10
- package/dist/PickerPanel/TimePanel/TimePanelBody/index.js +10 -8
- package/dist/PickerPanel/TimePanel/TimePanelBody/useScrollTo.js +2 -0
- package/dist/PickerPanel/TimePanel/index.js +14 -20
- package/dist/PickerPanel/WeekPanel/index.js +12 -18
- package/dist/PickerPanel/YearPanel/index.js +14 -20
- package/dist/PickerPanel/context.js +2 -0
- package/dist/PickerPanel/index.js +23 -21
- package/dist/PickerTrigger/index.js +4 -2
- package/dist/PickerTrigger/util.js +2 -0
- package/dist/generate/dateFns.js +23 -10
- package/dist/generate/dayjs.js +4 -2
- package/dist/generate/luxon.js +29 -2
- package/dist/generate/moment.js +4 -2
- package/dist/hooks/useLocale.js +8 -3
- package/dist/hooks/useSemantic.js +5 -0
- package/dist/hooks/useSyncState.js +7 -0
- package/dist/hooks/useTimeConfig.js +11 -0
- package/dist/hooks/useTimeInfo.js +10 -2
- package/dist/hooks/useToggleDates.js +7 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +7 -5
- package/dist/locale/am_ET.js +4 -2
- package/dist/locale/ar_EG.js +4 -2
- package/dist/locale/az_AZ.js +4 -2
- package/dist/locale/bg_BG.js +4 -2
- package/dist/locale/bn_BD.js +4 -2
- package/dist/locale/by_BY.js +4 -2
- package/dist/locale/ca_ES.js +4 -2
- package/dist/locale/common.js +3 -1
- package/dist/locale/cs_CZ.js +4 -2
- package/dist/locale/da_DK.js +4 -2
- package/dist/locale/de_DE.js +4 -2
- package/dist/locale/el_GR.js +4 -2
- package/dist/locale/en_GB.js +4 -2
- package/dist/locale/en_US.js +4 -2
- package/dist/locale/es_ES.js +4 -2
- package/dist/locale/es_MX.js +4 -2
- package/dist/locale/et_EE.js +4 -2
- package/dist/locale/eu_ES.js +4 -2
- package/dist/locale/fa_IR.js +4 -2
- package/dist/locale/fi_FI.js +4 -2
- package/dist/locale/fr_BE.js +4 -2
- package/dist/locale/fr_CA.js +4 -2
- package/dist/locale/fr_FR.js +4 -2
- package/dist/locale/ga_IE.js +4 -2
- package/dist/locale/gl_ES.js +4 -2
- package/dist/locale/he_IL.js +4 -2
- package/dist/locale/hi_IN.js +4 -2
- package/dist/locale/hr_HR.js +4 -2
- package/dist/locale/hu_HU.js +4 -2
- package/dist/locale/id_ID.js +4 -2
- package/dist/locale/is_IS.js +4 -2
- package/dist/locale/it_IT.js +4 -2
- package/dist/locale/ja_JP.js +4 -2
- package/dist/locale/ka_GE.js +4 -2
- package/dist/locale/kk_KZ.js +4 -2
- package/dist/locale/km_KH.js +4 -2
- package/dist/locale/kmr_IQ.js +4 -2
- package/dist/locale/kn_IN.js +4 -2
- package/dist/locale/ko_KR.js +4 -2
- package/dist/locale/lt_LT.js +4 -2
- package/dist/locale/lv_LV.js +4 -2
- package/dist/locale/mk_MK.js +4 -2
- package/dist/locale/ml_IN.js +4 -2
- package/dist/locale/mn_MN.js +4 -2
- package/dist/locale/mr_IN.js +4 -2
- package/dist/locale/ms_MY.js +4 -2
- package/dist/locale/my_MM.js +4 -2
- package/dist/locale/nb_NO.js +4 -2
- package/dist/locale/ne_NP.js +4 -2
- package/dist/locale/nl_BE.js +4 -2
- package/dist/locale/nl_NL.js +4 -2
- package/dist/locale/pl_PL.js +4 -2
- package/dist/locale/pt_BR.js +4 -2
- package/dist/locale/pt_PT.js +4 -2
- package/dist/locale/ro_RO.js +4 -2
- package/dist/locale/ru_RU.js +4 -2
- package/dist/locale/si_LK.js +4 -2
- package/dist/locale/sk_SK.js +4 -2
- package/dist/locale/sl_SI.js +4 -2
- package/dist/locale/sr_Cyrl_RS.js +4 -2
- package/dist/locale/sr_RS.js +4 -2
- package/dist/locale/sv_SE.js +4 -2
- package/dist/locale/ta_IN.js +4 -2
- package/dist/locale/te_IN.js +4 -2
- package/dist/locale/th_TH.js +4 -2
- package/dist/locale/tk_TK.js +4 -2
- package/dist/locale/tr_TR.js +4 -2
- package/dist/locale/ug_CN.js +4 -2
- package/dist/locale/uk_UA.js +4 -2
- package/dist/locale/ur_PK.js +4 -2
- package/dist/locale/uz_UZ.js +4 -2
- package/dist/locale/vi_VN.js +4 -2
- package/dist/locale/zh_CN.js +4 -2
- package/dist/locale/zh_TW.js +4 -2
- package/dist/utils/dateUtil.js +17 -1
- package/dist/utils/getClearIcon.js +2 -0
- package/dist/utils/miscUtil.js +6 -0
- package/dist/utils/uiUtil.js +2 -0
- package/dist/utils/valueUtil.js +2 -0
- package/dist/utils/warnUtil.js +2 -0
- package/package.json +5 -5
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { formatValue, isInRange, isSameDecade } from "../../utils/dateUtil.js";
|
|
2
2
|
import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import PanelBody from "../PanelBody.js";
|
|
4
|
+
import PanelHeader from "../PanelHeader.js";
|
|
5
5
|
import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
|
|
6
|
+
//#region src/PickerPanel/DecadePanel/index.tsx
|
|
6
7
|
function _isSlot(s) {
|
|
7
8
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
9
|
}
|
|
9
|
-
var
|
|
10
|
+
var DecadePanel = /* @__PURE__ */ defineComponent((props) => {
|
|
10
11
|
const sharedContext = useSharedPanelContext();
|
|
11
12
|
providePanelContext(computed(() => {
|
|
12
13
|
const [info] = useInfo(props, "decade", sharedContext);
|
|
@@ -62,12 +63,12 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
62
63
|
format: yearFormat,
|
|
63
64
|
generateConfig
|
|
64
65
|
})}`;
|
|
65
|
-
return createVNode("div", { "class": panelPrefixCls }, [createVNode(
|
|
66
|
+
return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader, {
|
|
66
67
|
"superOffset": (distance, date) => generateConfig.addYear(date, distance * 100),
|
|
67
68
|
"onChange": onPickerValueChange,
|
|
68
69
|
"getStart": getStartYear,
|
|
69
70
|
"getEnd": getEndYear
|
|
70
|
-
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(
|
|
71
|
+
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody, mergeProps(props, {
|
|
71
72
|
"disabledDate": mergedDisabledDate,
|
|
72
73
|
"colNum": 3,
|
|
73
74
|
"rowNum": 4,
|
|
@@ -81,8 +82,7 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
81
82
|
props: {
|
|
82
83
|
prefixCls: {
|
|
83
84
|
type: String,
|
|
84
|
-
required: true
|
|
85
|
-
default: void 0
|
|
85
|
+
required: true
|
|
86
86
|
},
|
|
87
87
|
locale: {
|
|
88
88
|
type: Object,
|
|
@@ -94,14 +94,10 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
94
94
|
required: false,
|
|
95
95
|
default: void 0
|
|
96
96
|
},
|
|
97
|
-
pickerValue: {
|
|
98
|
-
required: true,
|
|
99
|
-
default: void 0
|
|
100
|
-
},
|
|
97
|
+
pickerValue: { required: true },
|
|
101
98
|
onPickerValueChange: {
|
|
102
99
|
type: Function,
|
|
103
|
-
required: true
|
|
104
|
-
default: void 0
|
|
100
|
+
required: true
|
|
105
101
|
},
|
|
106
102
|
value: {
|
|
107
103
|
required: false,
|
|
@@ -109,8 +105,7 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
109
105
|
},
|
|
110
106
|
onSelect: {
|
|
111
107
|
type: Function,
|
|
112
|
-
required: true
|
|
113
|
-
default: void 0
|
|
108
|
+
required: true
|
|
114
109
|
},
|
|
115
110
|
values: {
|
|
116
111
|
type: Array,
|
|
@@ -119,8 +114,7 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
119
114
|
},
|
|
120
115
|
onModeChange: {
|
|
121
116
|
type: Function,
|
|
122
|
-
required: true
|
|
123
|
-
default: void 0
|
|
117
|
+
required: true
|
|
124
118
|
},
|
|
125
119
|
disabledDate: {
|
|
126
120
|
type: Function,
|
|
@@ -142,8 +136,7 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
142
136
|
},
|
|
143
137
|
hoverRangeValue: {
|
|
144
138
|
type: [Array, null],
|
|
145
|
-
required: true
|
|
146
|
-
default: void 0
|
|
139
|
+
required: true
|
|
147
140
|
},
|
|
148
141
|
hoverValue: {
|
|
149
142
|
type: [Array, null],
|
|
@@ -221,4 +214,5 @@ var DecadePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
221
214
|
name: "DecadePanel",
|
|
222
215
|
inheritAttrs: false
|
|
223
216
|
});
|
|
224
|
-
|
|
217
|
+
//#endregion
|
|
218
|
+
export { DecadePanel as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { formatValue } from "../../utils/dateUtil.js";
|
|
2
2
|
import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import PanelBody from "../PanelBody.js";
|
|
4
|
+
import PanelHeader from "../PanelHeader.js";
|
|
5
5
|
import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
|
|
6
|
+
//#region src/PickerPanel/MonthPanel/index.tsx
|
|
6
7
|
function _isSlot(s) {
|
|
7
8
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
9
|
}
|
|
9
|
-
var
|
|
10
|
+
var MonthPanel = /* @__PURE__ */ defineComponent((props) => {
|
|
10
11
|
const sharedContext = useSharedPanelContext();
|
|
11
12
|
providePanelContext(computed(() => {
|
|
12
13
|
const [info] = useInfo(props, "month", sharedContext);
|
|
@@ -50,12 +51,12 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
50
51
|
format: yearFormat,
|
|
51
52
|
generateConfig
|
|
52
53
|
})]);
|
|
53
|
-
return createVNode("div", { "class": panelPrefixCls }, [createVNode(
|
|
54
|
+
return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader, {
|
|
54
55
|
"superOffset": (distance, date) => generateConfig.addYear(date, distance),
|
|
55
56
|
"onChange": onPickerValueChange,
|
|
56
57
|
"getStart": (date) => generateConfig.setMonth(date, 0),
|
|
57
58
|
"getEnd": (date) => generateConfig.setMonth(date, 11)
|
|
58
|
-
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(
|
|
59
|
+
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody, mergeProps(props, {
|
|
59
60
|
"disabledDate": mergedDisabledDate,
|
|
60
61
|
"titleFormat": locale.fieldMonthFormat,
|
|
61
62
|
"colNum": 3,
|
|
@@ -70,8 +71,7 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
70
71
|
props: {
|
|
71
72
|
prefixCls: {
|
|
72
73
|
type: String,
|
|
73
|
-
required: true
|
|
74
|
-
default: void 0
|
|
74
|
+
required: true
|
|
75
75
|
},
|
|
76
76
|
locale: {
|
|
77
77
|
type: Object,
|
|
@@ -83,14 +83,10 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
83
83
|
required: false,
|
|
84
84
|
default: void 0
|
|
85
85
|
},
|
|
86
|
-
pickerValue: {
|
|
87
|
-
required: true,
|
|
88
|
-
default: void 0
|
|
89
|
-
},
|
|
86
|
+
pickerValue: { required: true },
|
|
90
87
|
onPickerValueChange: {
|
|
91
88
|
type: Function,
|
|
92
|
-
required: true
|
|
93
|
-
default: void 0
|
|
89
|
+
required: true
|
|
94
90
|
},
|
|
95
91
|
value: {
|
|
96
92
|
required: false,
|
|
@@ -98,8 +94,7 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
98
94
|
},
|
|
99
95
|
onSelect: {
|
|
100
96
|
type: Function,
|
|
101
|
-
required: true
|
|
102
|
-
default: void 0
|
|
97
|
+
required: true
|
|
103
98
|
},
|
|
104
99
|
values: {
|
|
105
100
|
type: Array,
|
|
@@ -108,8 +103,7 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
108
103
|
},
|
|
109
104
|
onModeChange: {
|
|
110
105
|
type: Function,
|
|
111
|
-
required: true
|
|
112
|
-
default: void 0
|
|
106
|
+
required: true
|
|
113
107
|
},
|
|
114
108
|
disabledDate: {
|
|
115
109
|
type: Function,
|
|
@@ -131,8 +125,7 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
131
125
|
},
|
|
132
126
|
hoverRangeValue: {
|
|
133
127
|
type: [Array, null],
|
|
134
|
-
required: true
|
|
135
|
-
default: void 0
|
|
128
|
+
required: true
|
|
136
129
|
},
|
|
137
130
|
hoverValue: {
|
|
138
131
|
type: [Array, null],
|
|
@@ -210,4 +203,5 @@ var MonthPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
210
203
|
name: "MonthPanel",
|
|
211
204
|
inheritAttrs: false
|
|
212
205
|
});
|
|
213
|
-
|
|
206
|
+
//#endregion
|
|
207
|
+
export { MonthPanel as default };
|
|
@@ -2,7 +2,8 @@ import { formatValue, isInRange, isSame } from "../utils/dateUtil.js";
|
|
|
2
2
|
import { usePanelContext, usePickerHackContext } from "./context.js";
|
|
3
3
|
import { createVNode, defineComponent } from "vue";
|
|
4
4
|
import { clsx } from "@v-c/util";
|
|
5
|
-
|
|
5
|
+
//#region src/PickerPanel/PanelBody.tsx
|
|
6
|
+
var PanelBody = /* @__PURE__ */ defineComponent((props) => {
|
|
6
7
|
const context = usePanelContext();
|
|
7
8
|
const pickerHackContext = usePickerHackContext();
|
|
8
9
|
return () => {
|
|
@@ -88,18 +89,13 @@ var PanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
88
89
|
props: {
|
|
89
90
|
rowNum: {
|
|
90
91
|
type: Number,
|
|
91
|
-
required: true
|
|
92
|
-
default: void 0
|
|
92
|
+
required: true
|
|
93
93
|
},
|
|
94
94
|
colNum: {
|
|
95
95
|
type: Number,
|
|
96
|
-
required: true
|
|
97
|
-
default: void 0
|
|
98
|
-
},
|
|
99
|
-
baseDate: {
|
|
100
|
-
required: true,
|
|
101
|
-
default: void 0
|
|
96
|
+
required: true
|
|
102
97
|
},
|
|
98
|
+
baseDate: { required: true },
|
|
103
99
|
titleFormat: {
|
|
104
100
|
type: String,
|
|
105
101
|
required: false,
|
|
@@ -107,18 +103,15 @@ var PanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
107
103
|
},
|
|
108
104
|
getCellDate: {
|
|
109
105
|
type: Function,
|
|
110
|
-
required: true
|
|
111
|
-
default: void 0
|
|
106
|
+
required: true
|
|
112
107
|
},
|
|
113
108
|
getCellText: {
|
|
114
109
|
type: Function,
|
|
115
|
-
required: true
|
|
116
|
-
default: void 0
|
|
110
|
+
required: true
|
|
117
111
|
},
|
|
118
112
|
getCellClassName: {
|
|
119
113
|
type: Function,
|
|
120
|
-
required: true
|
|
121
|
-
default: void 0
|
|
114
|
+
required: true
|
|
122
115
|
},
|
|
123
116
|
disabledDate: {
|
|
124
117
|
type: Function,
|
|
@@ -148,4 +141,5 @@ var PanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
148
141
|
},
|
|
149
142
|
name: "PanelBody"
|
|
150
143
|
});
|
|
151
|
-
|
|
144
|
+
//#endregion
|
|
145
|
+
export { PanelBody as default };
|
|
@@ -2,8 +2,9 @@ import { isSameOrAfter } from "../utils/dateUtil.js";
|
|
|
2
2
|
import { usePanelContext, usePickerHackContext } from "./context.js";
|
|
3
3
|
import { computed, createVNode, defineComponent } from "vue";
|
|
4
4
|
import { clsx } from "@v-c/util";
|
|
5
|
+
//#region src/PickerPanel/PanelHeader.tsx
|
|
5
6
|
var HIDDEN_STYLE = { visibility: "hidden" };
|
|
6
|
-
var
|
|
7
|
+
var PanelHeader = /* @__PURE__ */ defineComponent((props, { slots }) => {
|
|
7
8
|
const context = usePanelContext();
|
|
8
9
|
const pickerHackContext = usePickerHackContext();
|
|
9
10
|
const disabledOffsetPrev = computed(() => {
|
|
@@ -123,4 +124,5 @@ var PanelHeader_default = /* @__PURE__ */ defineComponent((props, { slots }) =>
|
|
|
123
124
|
},
|
|
124
125
|
name: "PanelHeader"
|
|
125
126
|
});
|
|
126
|
-
|
|
127
|
+
//#endregion
|
|
128
|
+
export { PanelHeader as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { formatValue } from "../../utils/dateUtil.js";
|
|
2
2
|
import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import PanelBody from "../PanelBody.js";
|
|
4
|
+
import PanelHeader from "../PanelHeader.js";
|
|
5
5
|
import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
|
|
6
|
+
//#region src/PickerPanel/QuarterPanel/index.tsx
|
|
6
7
|
function _isSlot(s) {
|
|
7
8
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
8
9
|
}
|
|
9
|
-
var
|
|
10
|
+
var QuarterPanel = /* @__PURE__ */ defineComponent((props) => {
|
|
10
11
|
const sharedContext = useSharedPanelContext();
|
|
11
12
|
providePanelContext(computed(() => {
|
|
12
13
|
const [info] = useInfo(props, "quarter", sharedContext);
|
|
@@ -43,12 +44,12 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
43
44
|
format: yearFormat,
|
|
44
45
|
generateConfig
|
|
45
46
|
})]);
|
|
46
|
-
return createVNode("div", { "class": panelPrefixCls }, [createVNode(
|
|
47
|
+
return createVNode("div", { "class": panelPrefixCls }, [createVNode(PanelHeader, {
|
|
47
48
|
"superOffset": (distance, date) => generateConfig.addYear(date, distance),
|
|
48
49
|
"onChange": onPickerValueChange,
|
|
49
50
|
"getStart": (date) => generateConfig.setMonth(date, 0),
|
|
50
51
|
"getEnd": (date) => generateConfig.setMonth(date, 11)
|
|
51
|
-
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(
|
|
52
|
+
}, _isSlot(yearNode) ? yearNode : { default: () => [yearNode] }), createVNode(PanelBody, mergeProps(props, {
|
|
52
53
|
"titleFormat": locale.fieldQuarterFormat,
|
|
53
54
|
"colNum": 4,
|
|
54
55
|
"rowNum": 1,
|
|
@@ -62,8 +63,7 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
62
63
|
props: {
|
|
63
64
|
prefixCls: {
|
|
64
65
|
type: String,
|
|
65
|
-
required: true
|
|
66
|
-
default: void 0
|
|
66
|
+
required: true
|
|
67
67
|
},
|
|
68
68
|
locale: {
|
|
69
69
|
type: Object,
|
|
@@ -75,14 +75,10 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
75
75
|
required: false,
|
|
76
76
|
default: void 0
|
|
77
77
|
},
|
|
78
|
-
pickerValue: {
|
|
79
|
-
required: true,
|
|
80
|
-
default: void 0
|
|
81
|
-
},
|
|
78
|
+
pickerValue: { required: true },
|
|
82
79
|
onPickerValueChange: {
|
|
83
80
|
type: Function,
|
|
84
|
-
required: true
|
|
85
|
-
default: void 0
|
|
81
|
+
required: true
|
|
86
82
|
},
|
|
87
83
|
value: {
|
|
88
84
|
required: false,
|
|
@@ -90,8 +86,7 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
90
86
|
},
|
|
91
87
|
onSelect: {
|
|
92
88
|
type: Function,
|
|
93
|
-
required: true
|
|
94
|
-
default: void 0
|
|
89
|
+
required: true
|
|
95
90
|
},
|
|
96
91
|
values: {
|
|
97
92
|
type: Array,
|
|
@@ -100,8 +95,7 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
100
95
|
},
|
|
101
96
|
onModeChange: {
|
|
102
97
|
type: Function,
|
|
103
|
-
required: true
|
|
104
|
-
default: void 0
|
|
98
|
+
required: true
|
|
105
99
|
},
|
|
106
100
|
disabledDate: {
|
|
107
101
|
type: Function,
|
|
@@ -123,8 +117,7 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
123
117
|
},
|
|
124
118
|
hoverRangeValue: {
|
|
125
119
|
type: [Array, null],
|
|
126
|
-
required: true
|
|
127
|
-
default: void 0
|
|
120
|
+
required: true
|
|
128
121
|
},
|
|
129
122
|
hoverValue: {
|
|
130
123
|
type: [Array, null],
|
|
@@ -202,4 +195,5 @@ var QuarterPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
202
195
|
name: "QuarterPanel",
|
|
203
196
|
inheritAttrs: false
|
|
204
197
|
});
|
|
205
|
-
|
|
198
|
+
//#endregion
|
|
199
|
+
export { QuarterPanel as default };
|
|
@@ -2,6 +2,7 @@ import { usePanelContext } from "../../context.js";
|
|
|
2
2
|
import useScrollTo from "./useScrollTo.js";
|
|
3
3
|
import { computed, createVNode, defineComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
|
|
4
4
|
import { clsx } from "@v-c/util";
|
|
5
|
+
//#region src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx
|
|
5
6
|
var SCROLL_DELAY = 300;
|
|
6
7
|
function flattenUnits(units) {
|
|
7
8
|
return units.map(({ value, label, disabled }) => [
|
|
@@ -10,7 +11,7 @@ function flattenUnits(units) {
|
|
|
10
11
|
disabled
|
|
11
12
|
].join(",")).join(";");
|
|
12
13
|
}
|
|
13
|
-
var
|
|
14
|
+
var TimeColumn = /* @__PURE__ */ defineComponent((props) => {
|
|
14
15
|
const context = usePanelContext();
|
|
15
16
|
const ulRef = ref();
|
|
16
17
|
const checkDelayRef = ref();
|
|
@@ -96,8 +97,7 @@ var TimeColumn_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
96
97
|
props: {
|
|
97
98
|
units: {
|
|
98
99
|
type: Array,
|
|
99
|
-
required: true
|
|
100
|
-
default: void 0
|
|
100
|
+
required: true
|
|
101
101
|
},
|
|
102
102
|
value: {
|
|
103
103
|
type: [Number, String],
|
|
@@ -111,18 +111,15 @@ var TimeColumn_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
111
111
|
},
|
|
112
112
|
type: {
|
|
113
113
|
type: String,
|
|
114
|
-
required: true
|
|
115
|
-
default: void 0
|
|
114
|
+
required: true
|
|
116
115
|
},
|
|
117
116
|
onChange: {
|
|
118
117
|
type: Function,
|
|
119
|
-
required: true
|
|
120
|
-
default: void 0
|
|
118
|
+
required: true
|
|
121
119
|
},
|
|
122
120
|
onHover: {
|
|
123
121
|
type: Function,
|
|
124
|
-
required: true
|
|
125
|
-
default: void 0
|
|
122
|
+
required: true
|
|
126
123
|
},
|
|
127
124
|
onDblClick: {
|
|
128
125
|
required: false,
|
|
@@ -136,4 +133,5 @@ var TimeColumn_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
136
133
|
},
|
|
137
134
|
name: "TimeColumn"
|
|
138
135
|
});
|
|
139
|
-
|
|
136
|
+
//#endregion
|
|
137
|
+
export { TimeColumn as default };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { formatValue } from "../../../utils/dateUtil.js";
|
|
2
2
|
import useTimeInfo from "../../../hooks/useTimeInfo.js";
|
|
3
3
|
import { usePanelContext, usePickerHackContext } from "../../context.js";
|
|
4
|
-
import
|
|
4
|
+
import TimeColumn from "./TimeColumn.js";
|
|
5
5
|
import { computed, createVNode, defineComponent, mergeProps } from "vue";
|
|
6
6
|
import { clsx } from "@v-c/util";
|
|
7
|
+
//#region src/PickerPanel/TimePanel/TimePanelBody/index.tsx
|
|
7
8
|
function isAM(hour) {
|
|
8
9
|
return hour < 12;
|
|
9
10
|
}
|
|
10
|
-
var
|
|
11
|
+
var TimePanelBody = /* @__PURE__ */ defineComponent((props) => {
|
|
11
12
|
const context = usePanelContext();
|
|
12
13
|
const pickerHackContext = usePickerHackContext();
|
|
13
14
|
const value = computed(() => context.value.values?.[0] || null);
|
|
@@ -141,7 +142,7 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
141
142
|
"class": clsx(`${prefixCls}-content`, panelClassNames?.content),
|
|
142
143
|
"style": styles?.content
|
|
143
144
|
}, [
|
|
144
|
-
showHour && createVNode(
|
|
145
|
+
showHour && createVNode(TimeColumn, mergeProps({
|
|
145
146
|
"units": hourUnits,
|
|
146
147
|
"value": hour,
|
|
147
148
|
"optionalValue": pickerHour,
|
|
@@ -149,7 +150,7 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
149
150
|
"onChange": onHourChange,
|
|
150
151
|
"onHover": onHourHover
|
|
151
152
|
}, sharedColumnProps), null),
|
|
152
|
-
showMinute && createVNode(
|
|
153
|
+
showMinute && createVNode(TimeColumn, mergeProps({
|
|
153
154
|
"units": minuteUnits,
|
|
154
155
|
"value": minute,
|
|
155
156
|
"optionalValue": pickerMinute,
|
|
@@ -157,7 +158,7 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
157
158
|
"onChange": onMinuteChange,
|
|
158
159
|
"onHover": onMinuteHover
|
|
159
160
|
}, sharedColumnProps), null),
|
|
160
|
-
showSecond && createVNode(
|
|
161
|
+
showSecond && createVNode(TimeColumn, mergeProps({
|
|
161
162
|
"units": secondUnits,
|
|
162
163
|
"value": second,
|
|
163
164
|
"optionalValue": pickerSecond,
|
|
@@ -165,7 +166,7 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
165
166
|
"onChange": onSecondChange,
|
|
166
167
|
"onHover": onSecondHover
|
|
167
168
|
}, sharedColumnProps), null),
|
|
168
|
-
showMillisecond && createVNode(
|
|
169
|
+
showMillisecond && createVNode(TimeColumn, mergeProps({
|
|
169
170
|
"units": millisecondUnits,
|
|
170
171
|
"value": millisecond,
|
|
171
172
|
"optionalValue": pickerMillisecond,
|
|
@@ -173,7 +174,7 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
173
174
|
"onChange": onMillisecondChange,
|
|
174
175
|
"onHover": onMillisecondHover
|
|
175
176
|
}, sharedColumnProps), null),
|
|
176
|
-
showMeridiem && createVNode(
|
|
177
|
+
showMeridiem && createVNode(TimeColumn, mergeProps({
|
|
177
178
|
"units": meridiemUnits,
|
|
178
179
|
"value": meridiem,
|
|
179
180
|
"type": "meridiem",
|
|
@@ -277,4 +278,5 @@ var TimePanelBody_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
277
278
|
name: "TimePanelBody",
|
|
278
279
|
inheritAttrs: false
|
|
279
280
|
});
|
|
280
|
-
|
|
281
|
+
//#endregion
|
|
282
|
+
export { TimePanelBody as default };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ref, unref } from "vue";
|
|
2
2
|
import raf from "@v-c/util/dist/raf";
|
|
3
|
+
//#region src/PickerPanel/TimePanel/TimePanelBody/useScrollTo.ts
|
|
3
4
|
var SPEED_PTG = 1 / 3;
|
|
4
5
|
function useScrollTo(ulRef, value) {
|
|
5
6
|
const scrollingRef = ref(false);
|
|
@@ -56,4 +57,5 @@ function useScrollTo(ulRef, value) {
|
|
|
56
57
|
isScrolling
|
|
57
58
|
];
|
|
58
59
|
}
|
|
60
|
+
//#endregion
|
|
59
61
|
export { useScrollTo as default };
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { formatValue } from "../../utils/dateUtil.js";
|
|
2
2
|
import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import PanelHeader from "../PanelHeader.js";
|
|
4
|
+
import TimePanelBody from "./TimePanelBody/index.js";
|
|
5
5
|
import { computed, createVNode, defineComponent } from "vue";
|
|
6
6
|
import { clsx } from "@v-c/util";
|
|
7
|
-
|
|
7
|
+
//#region src/PickerPanel/TimePanel/index.tsx
|
|
8
|
+
var TimePanel = /* @__PURE__ */ defineComponent((props) => {
|
|
8
9
|
const sharedContext = useSharedPanelContext();
|
|
9
10
|
providePanelContext(computed(() => {
|
|
10
11
|
const [info] = useInfo(props, "time", sharedContext);
|
|
@@ -14,18 +15,17 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
14
15
|
const { prefixCls, value, locale, generateConfig, showTime } = props;
|
|
15
16
|
const format = typeof showTime === "object" && showTime && showTime.format ? showTime.format : locale?.fieldTimeFormat || "HH:mm:ss";
|
|
16
17
|
const panelPrefixCls = `${prefixCls}-time-panel`;
|
|
17
|
-
return createVNode("div", { "class": clsx(panelPrefixCls) }, [createVNode(
|
|
18
|
+
return createVNode("div", { "class": clsx(panelPrefixCls) }, [createVNode(PanelHeader, null, { default: () => [value ? formatValue(value, {
|
|
18
19
|
locale,
|
|
19
20
|
format,
|
|
20
21
|
generateConfig
|
|
21
|
-
}) : "\xA0"] }), createVNode(
|
|
22
|
+
}) : "\xA0"] }), createVNode(TimePanelBody, typeof showTime === "object" ? showTime : {}, null)]);
|
|
22
23
|
};
|
|
23
24
|
}, {
|
|
24
25
|
props: {
|
|
25
26
|
prefixCls: {
|
|
26
27
|
type: String,
|
|
27
|
-
required: true
|
|
28
|
-
default: void 0
|
|
28
|
+
required: true
|
|
29
29
|
},
|
|
30
30
|
locale: {
|
|
31
31
|
type: Object,
|
|
@@ -37,14 +37,10 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
37
37
|
required: false,
|
|
38
38
|
default: void 0
|
|
39
39
|
},
|
|
40
|
-
pickerValue: {
|
|
41
|
-
required: true,
|
|
42
|
-
default: void 0
|
|
43
|
-
},
|
|
40
|
+
pickerValue: { required: true },
|
|
44
41
|
onPickerValueChange: {
|
|
45
42
|
type: Function,
|
|
46
|
-
required: true
|
|
47
|
-
default: void 0
|
|
43
|
+
required: true
|
|
48
44
|
},
|
|
49
45
|
value: {
|
|
50
46
|
required: false,
|
|
@@ -52,8 +48,7 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
52
48
|
},
|
|
53
49
|
onSelect: {
|
|
54
50
|
type: Function,
|
|
55
|
-
required: true
|
|
56
|
-
default: void 0
|
|
51
|
+
required: true
|
|
57
52
|
},
|
|
58
53
|
values: {
|
|
59
54
|
type: Array,
|
|
@@ -62,8 +57,7 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
62
57
|
},
|
|
63
58
|
onModeChange: {
|
|
64
59
|
type: Function,
|
|
65
|
-
required: true
|
|
66
|
-
default: void 0
|
|
60
|
+
required: true
|
|
67
61
|
},
|
|
68
62
|
disabledDate: {
|
|
69
63
|
type: Function,
|
|
@@ -85,8 +79,7 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
85
79
|
},
|
|
86
80
|
hoverRangeValue: {
|
|
87
81
|
type: [Array, null],
|
|
88
|
-
required: true
|
|
89
|
-
default: void 0
|
|
82
|
+
required: true
|
|
90
83
|
},
|
|
91
84
|
hoverValue: {
|
|
92
85
|
type: [Array, null],
|
|
@@ -164,4 +157,5 @@ var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
164
157
|
name: "TimePanel",
|
|
165
158
|
inheritAttrs: false
|
|
166
159
|
});
|
|
167
|
-
|
|
160
|
+
//#endregion
|
|
161
|
+
export { TimePanel as default };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { isInRange, isSameWeek } from "../../utils/dateUtil.js";
|
|
2
|
-
import
|
|
2
|
+
import DatePanel from "../DatePanel/index.js";
|
|
3
3
|
import { createVNode, defineComponent, mergeProps } from "vue";
|
|
4
4
|
import { clsx } from "@v-c/util";
|
|
5
|
-
|
|
5
|
+
//#region src/PickerPanel/WeekPanel/index.tsx
|
|
6
|
+
var WeekPanel = /* @__PURE__ */ defineComponent((props) => {
|
|
6
7
|
return () => {
|
|
7
8
|
const { prefixCls, generateConfig = {}, locale = {}, value, hoverValue, hoverRangeValue } = props;
|
|
8
9
|
const localeName = locale.locale;
|
|
@@ -20,7 +21,7 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
20
21
|
if (hoverValue) rangeCls[`${rowPrefixCls}-hover`] = hoverValue.some((date) => isSameWeek(generateConfig, localeName, currentDate, date));
|
|
21
22
|
return clsx(rowPrefixCls, { [`${rowPrefixCls}-selected`]: !hoverRangeValue && isSameWeek(generateConfig, localeName, value, currentDate) }, rangeCls);
|
|
22
23
|
};
|
|
23
|
-
return createVNode(
|
|
24
|
+
return createVNode(DatePanel, mergeProps(props, {
|
|
24
25
|
"mode": "week",
|
|
25
26
|
"panelName": "week",
|
|
26
27
|
"rowClassName": rowClassName
|
|
@@ -30,8 +31,7 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
30
31
|
props: {
|
|
31
32
|
prefixCls: {
|
|
32
33
|
type: String,
|
|
33
|
-
required: true
|
|
34
|
-
default: void 0
|
|
34
|
+
required: true
|
|
35
35
|
},
|
|
36
36
|
locale: {
|
|
37
37
|
type: Object,
|
|
@@ -43,14 +43,10 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
43
43
|
required: false,
|
|
44
44
|
default: void 0
|
|
45
45
|
},
|
|
46
|
-
pickerValue: {
|
|
47
|
-
required: true,
|
|
48
|
-
default: void 0
|
|
49
|
-
},
|
|
46
|
+
pickerValue: { required: true },
|
|
50
47
|
onPickerValueChange: {
|
|
51
48
|
type: Function,
|
|
52
|
-
required: true
|
|
53
|
-
default: void 0
|
|
49
|
+
required: true
|
|
54
50
|
},
|
|
55
51
|
value: {
|
|
56
52
|
required: false,
|
|
@@ -58,8 +54,7 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
58
54
|
},
|
|
59
55
|
onSelect: {
|
|
60
56
|
type: Function,
|
|
61
|
-
required: true
|
|
62
|
-
default: void 0
|
|
57
|
+
required: true
|
|
63
58
|
},
|
|
64
59
|
values: {
|
|
65
60
|
type: Array,
|
|
@@ -68,8 +63,7 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
68
63
|
},
|
|
69
64
|
onModeChange: {
|
|
70
65
|
type: Function,
|
|
71
|
-
required: true
|
|
72
|
-
default: void 0
|
|
66
|
+
required: true
|
|
73
67
|
},
|
|
74
68
|
disabledDate: {
|
|
75
69
|
type: Function,
|
|
@@ -91,8 +85,7 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
91
85
|
},
|
|
92
86
|
hoverRangeValue: {
|
|
93
87
|
type: [Array, null],
|
|
94
|
-
required: true
|
|
95
|
-
default: void 0
|
|
88
|
+
required: true
|
|
96
89
|
},
|
|
97
90
|
hoverValue: {
|
|
98
91
|
type: [Array, null],
|
|
@@ -170,4 +163,5 @@ var WeekPanel_default = /* @__PURE__ */ defineComponent((props) => {
|
|
|
170
163
|
name: "WeekPanel",
|
|
171
164
|
inheritAttrs: false
|
|
172
165
|
});
|
|
173
|
-
|
|
166
|
+
//#endregion
|
|
167
|
+
export { WeekPanel as default };
|