@v-c/picker 1.0.4-beta.1 → 1.1.0-rc.1

package/dist/PickerInput/Popup/Footer.js

@@ -2,7 +2,8 @@ import { usePickerContext } from "../context.js";
 import useTimeInfo from "../../hooks/useTimeInfo.js";
 import { computed, createVNode, defineComponent } from "vue";
 import { clsx } from "@v-c/util";
-var Footer_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/PickerInput/Popup/Footer.tsx
+var Footer = /* @__PURE__ */ defineComponent((props) => {
 	const mode = computed(() => props.mode);
 	const internalMode = computed(() => props.internalMode);
 	const renderExtraFooter = computed(() => props.renderExtraFooter);
@@ -49,13 +50,11 @@ var Footer_default = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		mode: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		internalMode: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		renderExtraFooter: {
 			type: Function,
@@ -64,18 +63,15 @@ var Footer_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		showNow: {
 			type: Boolean,
-			required: true,
-			default: void 0
+			required: true
 		},
 		generateConfig: {
 			type: Object,
-			required: true,
-			default: void 0
+			required: true
 		},
 		disabledDate: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		showTime: {
 			type: Object,
@@ -89,21 +85,19 @@ var Footer_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSubmit: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		needConfirm: {
 			type: Boolean,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onNow: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		}
 	},
 	name: "Footer",
 	inheritAttrs: false
 });
-export { Footer_default as default };
+//#endregion
+export { Footer as default };

package/dist/PickerInput/Popup/PopupPanel.js

@@ -1,9 +1,10 @@
 import { usePickerContext } from "../context.js";
 import { offsetPanelDate } from "../hooks/useRangePickerValue.js";
 import { providePickerHackContext } from "../../PickerPanel/context.js";
-import PickerPanel_default from "../../PickerPanel/index.js";
+import PickerPanel from "../../PickerPanel/index.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";
 import { omit } from "@v-c/util";
+//#region src/PickerInput/Popup/PopupPanel.tsx
 var PickerPanelProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	providePickerHackContext(computed(() => props.value));
 	return () => {
@@ -12,13 +13,12 @@ var PickerPanelProvider = /* @__PURE__ */ defineComponent((props, { slots }) =>
 }, {
 	props: { value: {
 		type: Object,
-		required: true,
-		default: void 0
+		required: true
 	} },
 	name: "PickerPanelProvider",
 	inheritAttrs: false
 });
-var PopupPanel_default = /* @__PURE__ */ defineComponent((props) => {
+var PopupPanel = /* @__PURE__ */ defineComponent((props) => {
 	const ctx = usePickerContext();
 	const picker = computed(() => props.picker);
 	const pickerValue = computed(() => props.pickerValue);
@@ -58,14 +58,14 @@ var PopupPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		if (multiplePanel?.value) return createVNode("div", { "class": `${prefixCls}-panels` }, [createVNode(PickerPanelProvider, { "value": {
 			...sharedContext,
 			hideNext: true
-		} }, { default: () => [createVNode(PickerPanel_default, pickerProps.value, null)] }), createVNode(PickerPanelProvider, { "value": {
+		} }, { default: () => [createVNode(PickerPanel, pickerProps.value, null)] }), createVNode(PickerPanelProvider, { "value": {
 			...sharedContext,
 			hidePrev: true
-		} }, { default: () => [createVNode(PickerPanel_default, mergeProps(omit(pickerProps.value, ["onPickerValueChange"]), {
+		} }, { default: () => [createVNode(PickerPanel, mergeProps(omit(pickerProps.value, ["onPickerValueChange"]), {
 			"pickerValue": nextPickerValue.value,
 			"onPickerValueChange": onSecondPickerValueChange
 		}), null)] })]);
-		return createVNode(PickerPanelProvider, { "value": { ...sharedContext } }, { default: () => [createVNode(PickerPanel_default, pickerProps.value, null)] });
+		return createVNode(PickerPanelProvider, { "value": { ...sharedContext } }, { default: () => [createVNode(PickerPanel, pickerProps.value, null)] });
 	};
 }, {
 	props: {
@@ -81,8 +81,7 @@ var PopupPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onPickerValueChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		mode: {
 			type: String,
@@ -367,8 +366,7 @@ var PopupPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		internalMode: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		renderExtraFooter: {
 			type: Function,
@@ -387,21 +385,19 @@ var PopupPanel_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSubmit: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		needConfirm: {
 			type: Boolean,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onNow: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		}
 	},
 	name: "PopupPanel",
 	inheritAttrs: false
 });
-export { PopupPanel_default as default };
+//#endregion
+export { PopupPanel as default };

package/dist/PickerInput/Popup/PresetPanel.js

@@ -1,8 +1,9 @@
 import { createVNode, defineComponent } from "vue";
+//#region src/PickerInput/Popup/PresetPanel.tsx
 function executeValue(value) {
 	return typeof value === "function" ? value() : value;
 }
-var PresetPanel_default = /* @__PURE__ */ defineComponent((props) => {
+var PresetPanel = /* @__PURE__ */ defineComponent((props) => {
 	return () => {
 		const { prefixCls, presets, onClick, onHover } = props;
 		if (!presets.length) return null;
@@ -23,26 +24,23 @@ var PresetPanel_default = /* @__PURE__ */ defineComponent((props) => {
 	props: {
 		prefixCls: {
 			type: [String, null],
-			required: true,
-			default: void 0
+			required: true
 		},
 		presets: {
 			type: Array,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onClick: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onHover: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		}
 	},
 	name: "PresetPanel",
 	inheritAttrs: false
 });
-export { PresetPanel_default as default };
+//#endregion
+export { PresetPanel as default };

package/dist/PickerInput/Popup/index.js

@@ -1,12 +1,13 @@
 import { usePickerContext } from "../context.js";
 import { toArray } from "../../utils/miscUtil.js";
-import Footer_default from "./Footer.js";
-import PopupPanel_default from "./PopupPanel.js";
-import PresetPanel_default from "./PresetPanel.js";
+import Footer from "./Footer.js";
+import PopupPanel from "./PopupPanel.js";
+import PresetPanel from "./PresetPanel.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, ref, watch } from "vue";
 import { clsx, omit } from "@v-c/util";
 import { useResizeObserver } from "@v-c/resize-observer";
-var Popup_default = /* @__PURE__ */ defineComponent((props) => {
+//#region src/PickerInput/Popup/index.tsx
+var Popup = /* @__PURE__ */ defineComponent((props) => {
 	const activeInfo = computed(() => props.activeInfo || [
 		0,
 		0,
@@ -92,12 +93,12 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 			onBlur?.(event);
 		};
 		const prefixCls = ctx.value.prefixCls;
-		let mergedNodes = createVNode("div", { "class": `${prefixCls}-panel-layout` }, [createVNode(PresetPanel_default, {
+		let mergedNodes = createVNode("div", { "class": `${prefixCls}-panel-layout` }, [createVNode(PresetPanel, {
 			"prefixCls": prefixCls,
 			"presets": presets,
 			"onClick": onPresetSubmit,
 			"onHover": onPresetHover
-		}, null), createVNode("div", null, [createVNode(PopupPanel_default, mergeProps(props, { "value": popupPanelValue.value }), null), createVNode(Footer_default, mergeProps(omit(props, ["onSubmit"]), {
+		}, null), createVNode("div", null, [createVNode(PopupPanel, mergeProps(props, { "value": popupPanelValue.value }), null), createVNode(Footer, mergeProps(omit(props, ["onSubmit"]), {
 			"showNow": multiple ? false : showNow,
 			"invalid": disableSubmit.value,
 			"onSubmit": onFooterSubmit
@@ -149,8 +150,7 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		internalMode: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		},
 		renderExtraFooter: {
 			type: Function,
@@ -184,18 +184,15 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onSubmit: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		needConfirm: {
 			type: [Boolean, null],
-			required: true,
-			default: void 0
+			required: true
 		},
 		onNow: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		multiplePanel: {
 			type: Boolean,
@@ -209,8 +206,7 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		onPickerValueChange: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onPanelChange: {
 			type: Function,
@@ -481,18 +477,15 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		presets: {
 			type: Array,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onPresetHover: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		onPresetSubmit: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		activeInfo: {
 			type: Array,
@@ -501,13 +494,9 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 		},
 		isInvalid: {
 			type: Function,
-			required: true,
-			default: void 0
-		},
-		onOk: {
-			required: true,
-			default: void 0
+			required: true
 		},
+		onOk: { required: true },
 		onPanelMouseDown: {
 			type: Function,
 			required: false,
@@ -517,4 +506,5 @@ var Popup_default = /* @__PURE__ */ defineComponent((props) => {
 	name: "Popup",
 	inheritAttrs: false
 });
-export { Popup_default as default };
+//#endregion
+export { Popup as default };

package/dist/PickerInput/RangePicker.js

@@ -1,6 +1,6 @@
 import useSemantic from "../hooks/useSemantic.js";
 import { providePickerContext } from "./context.js";
-import PickerTrigger_default from "../PickerTrigger/index.js";
+import PickerTrigger from "../PickerTrigger/index.js";
 import { fillIndex, getFromDate, toArray } from "../utils/miscUtil.js";
 import { pickTriggerProps } from "../PickerTrigger/util.js";
 import { formatValues } from "../utils/valueUtil.js";
@@ -14,13 +14,14 @@ import useRangeDisabledDate from "./hooks/useRangeDisabledDate.js";
 import useRangePickerValue from "./hooks/useRangePickerValue.js";
 import useRangeValue, { useInnerValue } from "./hooks/useRangeValue.js";
 import useShowNow from "./hooks/useShowNow.js";
-import Popup_default from "./Popup/index.js";
-import RangeSelector_default from "./Selector/RangeSelector.js";
+import Popup from "./Popup/index.js";
+import RangeSelector from "./Selector/RangeSelector.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, ref, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import omit$1 from "@v-c/util/dist/omit";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
 import warning$1 from "@v-c/util/dist/warning";
+//#region src/PickerInput/RangePicker.tsx
 function separateConfig(config, defaultConfig) {
 	const singleConfig = config ?? defaultConfig;
 	if (Array.isArray(singleConfig)) return singleConfig;
@@ -29,12 +30,12 @@ function separateConfig(config, defaultConfig) {
 function getActiveRange(activeIndex) {
 	return activeIndex === 1 ? "end" : "start";
 }
-var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) => {
+var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const [filledProps, internalPicker, complexPicker, formatList, maskFormat, isInvalidateDate] = useFilledProps(computed(() => props), () => {
-		const { disabled: disabled$1, allowEmpty: allowEmpty$1 } = props;
+		const { disabled, allowEmpty } = props;
 		return {
-			disabled: separateConfig(disabled$1, false),
-			allowEmpty: separateConfig(allowEmpty$1, false)
+			disabled: separateConfig(disabled, false),
+			allowEmpty: separateConfig(allowEmpty, false)
 		};
 	});
 	const fp = computed(() => filledProps.value);
@@ -91,8 +92,8 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		}
 	});
 	const semantic = useSemantic(classNames, styles);
-	const [mergedOpen, setMergeOpen] = useOpen(open, defaultOpen, disabled, (open$1) => {
-		onOpenChange.value?.(open$1);
+	const [mergedOpen, setMergeOpen] = useOpen(open, defaultOpen, disabled, (open) => {
+		onOpenChange.value?.(open);
 	});
 	const triggerOpen = (nextOpen, config) => {
 		if (disabled.value.some((fieldDisabled) => !fieldDisabled) || !nextOpen) setMergeOpen(nextOpen, config);
@@ -122,6 +123,7 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		triggerFocus(false);
 		onBlur.value?.(event, { range: getActiveRange(index ?? activeIndex.value) });
 	};
+	/** Used for Popup panel */
 	const mergedShowTime = computed(() => {
 		if (!showTime.value) return null;
 		const { disabledTime } = showTime.value;
@@ -139,6 +141,7 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		if (mode.value === void 0) internalModes.value = val;
 	};
 	const mergedMode = computed(() => modes.value[activeIndex.value] || picker.value);
+	/** Extends from `mergedMode` to patch `datetime` mode */
 	const internalMode = computed(() => mergedMode.value === "date" && mergedShowTime.value ? "datetime" : mergedMode.value);
 	const multiplePanel = computed(() => internalMode.value === picker.value && internalMode.value !== "time");
 	const mergedShowNow = useShowNow(picker, mergedMode, showNow, showToday, ref(true));
@@ -165,6 +168,12 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		}
 	};
 	const fillCalendarValue = (date, index) => fillIndex(calendarValue.value, index, date);
+	/**
+	* Trigger by confirm operation.
+	* This function has already handle the `needConfirm` check logic.
+	* - Selector: enter key
+	* - Panel: OK button
+	*/
 	const triggerPartConfirm = (date, skipFocus) => {
 		let nextValue = calendarValue.value;
 		if (date) nextValue = fillCalendarValue(date, activeIndex.value);
@@ -356,7 +365,7 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 				activeInfo.value = info;
 			}
 		};
-		const panel = createVNode(Popup_default, {
+		const panel = createVNode(Popup, {
 			...panelProps.value,
 			showNow: mergedShowNow.value,
 			showTime: mergedShowTime.value,
@@ -392,14 +401,14 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 			classNames: mergedClassNames,
 			styles: mergedStyles
 		}, null);
-		return createVNode(PickerTrigger_default, mergeProps(pickTriggerProps(fp.value), {
+		return createVNode(PickerTrigger, mergeProps(pickTriggerProps(fp.value), {
 			"popupElement": panel,
 			"popupStyle": mergedStyles?.popup?.root,
 			"popupClassName": clsx(rootClassName.value, mergedClassNames?.popup?.root),
 			"visible": mergedOpen.value,
 			"onClose": onPopupClose,
 			"range": true
-		}), { default: () => [createVNode(RangeSelector_default, mergeProps(rangePickerProps, { "ref": selectorRef }), null)] });
+		}), { default: () => [createVNode(RangeSelector, mergeProps(rangePickerProps, { "ref": selectorRef }), null)] });
 	};
 }, {
 	props: {
@@ -536,13 +545,11 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 		},
 		locale: {
 			type: Object,
-			required: true,
-			default: void 0
+			required: true
 		},
 		generateConfig: {
 			type: Object,
-			required: true,
-			default: void 0
+			required: true
 		},
 		picker: {
 			type: String,
@@ -1923,4 +1930,5 @@ var RangePicker_default = /* @__PURE__ */ defineComponent((props, { expose }) =>
 	name: "RangePicker",
 	inheritAttrs: false
 });
-export { RangePicker_default as default };
+//#endregion
+export { RangePicker as default };

package/dist/PickerInput/Selector/Icon.js

@@ -1,6 +1,7 @@
 import { usePickerContext } from "../context.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
+//#region src/PickerInput/Selector/Icon.tsx
 var Icon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const ctx = usePickerContext();
 	return () => {
@@ -34,15 +35,13 @@ var Icon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		},
 		type: {
 			type: String,
-			required: true,
-			default: void 0
+			required: true
 		}
 	},
 	name: "Icon",
 	inheritAttrs: false
 });
-var Icon_default = Icon;
-const ClearIcon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+var ClearIcon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	return () => {
 		return createVNode(Icon, mergeProps(attrs, {
 			"icon": props.icon,
@@ -59,10 +58,7 @@ const ClearIcon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	};
 }, {
 	props: {
-		onClear: {
-			required: true,
-			default: void 0
-		},
+		onClear: { required: true },
 		icon: {
 			type: [
 				Object,
@@ -80,4 +76,5 @@ const ClearIcon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	name: "ClearIcon",
 	inheritAttrs: false
 });
-export { ClearIcon, Icon_default as default };
+//#endregion
+export { ClearIcon, Icon as default };

package/dist/PickerInput/Selector/Input.js

@@ -2,11 +2,12 @@ import { usePickerContext } from "../context.js";
 import { leftPad } from "../../utils/miscUtil.js";
 import { getMaskRange, raf } from "./util.js";
 import useLockEffect from "../hooks/useLockEffect.js";
-import Icon_default from "./Icon.js";
+import Icon from "./Icon.js";
 import MaskFormat from "./MaskFormat.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, ref, toRef, watch } from "vue";
 import { clsx } from "@v-c/util";
-var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
+//#region src/PickerInput/Selector/Input.tsx
+var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 	const pickerCtx = usePickerContext();
 	const prefixCls = computed(() => pickerCtx.value.prefixCls);
 	const classNames = computed(() => pickerCtx.value.classNames);
@@ -47,6 +48,9 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 	const onModify = (text) => {
 		if (text && text !== props.format && text !== props.value) props?.onHelp?.();
 	};
+	/**
+	* Triggered by paste, keyDown and focus to show format
+	*/
 	const triggerInputChange = (text) => {
 		if (props.validateFormat?.(text)) props?.onChange?.(text);
 		internalInputValue.value = text;
@@ -214,7 +218,7 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 				"style": styles.value.input,
 				"readonly": props.inputReadOnly
 			}), null),
-			createVNode(Icon_default, {
+			createVNode(Icon, {
 				"type": "suffix",
 				"icon": props.suffixIcon
 			}, null),
@@ -290,8 +294,7 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 		},
 		validateFormat: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		active: {
 			type: Boolean,
@@ -323,13 +326,9 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 		},
 		onChange: {
 			type: Function,
-			required: true,
-			default: void 0
-		},
-		onSubmit: {
-			required: true,
-			default: void 0
+			required: true
 		},
+		onSubmit: { required: true },
 		helped: {
 			type: Boolean,
 			required: false,
@@ -337,8 +336,7 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 		},
 		onHelp: {
 			type: Function,
-			required: true,
-			default: void 0
+			required: true
 		},
 		preserveInvalidOnBlur: {
 			type: Boolean,
@@ -367,4 +365,5 @@ var Input_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 	name: "Input",
 	inheritAttrs: false
 });
-export { Input_default as default };
+//#endregion
+export { Input as default };

package/dist/PickerInput/Selector/MaskFormat.js

@@ -1,3 +1,4 @@
+//#region src/PickerInput/Selector/MaskFormat.ts
 var FORMAT_KEYS = [
 	"YYYY",
 	"MM",
@@ -18,7 +19,7 @@ var MaskFormat = class {
 		const replaceKeys = FORMAT_KEYS.map((key) => `(${key})`).join("|");
 		const replaceReg = new RegExp(replaceKeys, "g");
 		this.maskFormat = format.replace(replaceReg, (key) => REPLACE_KEY.repeat(key.length));
-		const cellReg = /* @__PURE__ */ new RegExp(`(${FORMAT_KEYS.join("|")})`);
+		const cellReg = new RegExp(`(${FORMAT_KEYS.join("|")})`);
 		const strCells = (format.split(cellReg) || []).filter((str) => str);
 		let offset = 0;
 		this.cells = strCells.map((text) => {
@@ -39,6 +40,7 @@ var MaskFormat = class {
 		const { start, end } = this.maskCells[maskCellIndex] || {};
 		return [start || 0, end || 0];
 	}
+	/** Check given text match format */
 	match(text) {
 		for (let i = 0; i < this.maskFormat.length; i += 1) {
 			const maskChar = this.maskFormat[i];
@@ -47,6 +49,7 @@ var MaskFormat = class {
 		}
 		return true;
 	}
+	/** Get mask cell count */
 	size() {
 		return this.maskCells.length;
 	}
@@ -65,4 +68,5 @@ var MaskFormat = class {
 		return closetIndex;
 	}
 };
+//#endregion
 export { MaskFormat as default };