@zboson/ui 0.0.0-stage → 0.0.1

package/dist/date-picker/generatePicker/generateSinglePicker.js

@@ -0,0 +1,1545 @@
+import { devUseWarning, isDev } from "../../_util/warning.js";
+import { useFormItemInputContext } from "../../form/context.js";
+import { useComponentBaseConfig } from "../../config-provider/context.js";
+import { useSize } from "../../config-provider/hooks/useSize.js";
+import { useCompactItemContext } from "../../space/Compact.js";
+import { ContextIsolator } from "../../_util/ContextIsolator.js";
+import { getAttrStyleAndClass } from "../../_util/hooks/useMergeSemantic.js";
+import { useZIndex } from "../../_util/hooks/useZIndex.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../../_util/tools.js";
+import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
+import { useDisabledContext } from "../../config-provider/DisabledContext.js";
+import locale from "../locale/en_US.js";
+import useLocale from "../../locale/useLocale.js";
+import { omitUndefined } from "../../_util/omitUndefined.js";
+import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
+import { useVariants } from "../../form/hooks/useVariant.js";
+import style_default from "../style/index.js";
+import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
+import { getPlaceholder, useIcons } from "../util.js";
+import { MONTH, MONTHPICKER, QUARTER, QUARTERPICKER, TIME, TIMEPICKER, WEEK, WEEKPICKER, YEAR, YEARPICKER } from "./constant.js";
+import SuffixIcon from "./SuffixIcon.js";
+import useComponents from "./useComponents.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { clsx } from "@v-c/util";
+import { getTransitionName } from "@v-c/util/dist/utils/transition";
+import Picker from "@v-c/picker";
+//#region src/date-picker/generatePicker/generateSinglePicker.tsx
+function generatePicker(generateConfig) {
+	const getPicker = (picker, displayName) => {
+		const pickerType = displayName === TIMEPICKER ? "timePicker" : "datePicker";
+		const name = displayName ? `A${displayName}` : "ADatePicker";
+		return /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
+			const { getPopupContainer: customGetPopupContainer, size: customizeSize, disabled: customDisabled, status: customStatus, variant: customVariant, classes, styles, rootClass, bordered } = toPropsRefs(props, "prefixCls", "getPopupContainer", "size", "disabled", "status", "variant", "classes", "styles", "rootClass", "bordered");
+			const { prefixCls, direction, getPopupContainer, rootPrefixCls, class: contextClassName, style: contextStyle, suffixIcon: contextSuffixIcon, allowClear: contextAllowClear, clearIcon: contextClearIcon } = useComponentBaseConfig(pickerType, props, [
+				"suffixIcon",
+				"allowClear",
+				"clearIcon"
+			], "picker");
+			const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
+			const mergedSize = useSize((ctx) => customizeSize.value ?? compactSize.value ?? ctx);
+			const disabled = useDisabledContext();
+			const mergedDisabled = computed(() => customDisabled.value ?? disabled.value);
+			const mergedProps = computed(() => ({
+				...props,
+				size: mergedSize.value,
+				disabled: mergedDisabled.value,
+				status: customStatus.value,
+				variant: customVariant.value
+			}));
+			const popupClassName = computed(() => props.popupClassName || props.dropdownClassName);
+			const popupStyle = computed(() => props.popupStyle);
+			const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classes, styles, popupClassName, popupStyle, mergedProps, contextStyle);
+			const innerRef = shallowRef();
+			const [variant, enableVariantCls] = useVariants("datePicker", customVariant, bordered);
+			const rootCls = useCSSVarCls(prefixCls);
+			const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+			const mergedRootClassName = computed(() => clsx(hashId.value, cssVarCls.value, rootCls.value, rootClass.value));
+			const additionalProps = { showToday: true };
+			const mergedPicker = computed(() => props.picker || picker);
+			const [contextLocale] = useLocale("DatePicker", locale);
+			const locale$1 = computed(() => ({
+				...contextLocale?.value,
+				...props.locale ?? {}
+			}));
+			const [zIndex] = useZIndex("DatePicker", computed(() => mergedStyles.value?.popup?.root?.zIndex));
+			const triggerChange = (date, dateStr) => {
+				emit("update:value", date);
+				emit("change", date, dateStr);
+			};
+			const handleCalendarChange = (date, dateStr, info) => {
+				emit("calendarChange", date, dateStr, info);
+				if (props.multiple && !props.needConfirm) triggerChange(date, dateStr);
+				if (picker === TIME && !props.multiple) {
+					const selectedDate = Array.isArray(date) ? date[0] : date;
+					if (selectedDate) emit("select", selectedDate);
+				}
+			};
+			const handlePanelChange = (value, mode) => {
+				emit("panelChange", value, mode);
+			};
+			const handleOpenChange = (open) => {
+				emit("openChange", open);
+			};
+			const handleOk = (value) => {
+				emit("ok", value);
+			};
+			const handleClear = () => {
+				emit("clear");
+			};
+			const handleFocus = (e, info) => {
+				emit("focus", e, info);
+			};
+			const handleBlur = (e, info) => {
+				emit("blur", e, info);
+			};
+			const handleKeyDown = (e, preventDefault) => {
+				emit("keydown", e, preventDefault);
+			};
+			const resolveRender = (key, args, slotParams) => {
+				const slot = slots?.[key];
+				if (slot) return slot(slotParams);
+				const propValue = props[key];
+				if (typeof propValue === "function") return propValue(...args);
+				return propValue;
+			};
+			if (isDev) {
+				const warning = devUseWarning(displayName || "DatePicker");
+				if (picker && displayName) warning(picker !== "quarter", "deprecated", `DatePicker.${displayName} is legacy usage. Please use DatePicker[picker='${picker}'] directly.`);
+				Object.entries({
+					dropdownClassName: "classes.popup.root",
+					popupClassName: "classes.popup.root",
+					popupStyle: "styles.popup.root",
+					bordered: "variant"
+				}).forEach(([oldProp, newProp]) => {
+					warning.deprecated(!props[oldProp], oldProp, newProp);
+				});
+			}
+			expose({
+				focus: (options) => innerRef.value?.focus?.(options),
+				blur: () => innerRef.value?.blur?.(),
+				nativeElement: computed(() => innerRef.value?.nativeElement)
+			});
+			return () => {
+				const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, autoComplete, autocomplete, ...restProps } = props;
+				const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
+				const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
+				const mergedPrefix = getSlotPropsFnRun(slots, { prefix }, "prefix", false);
+				const [mergedAllowClear, removeIcon] = useIcons({
+					allowClear,
+					clearIcon,
+					removeIcon: props.removeIcon
+				}, prefixCls.value, {
+					allowClear: contextAllowClear?.value,
+					clearIcon: contextClearIcon?.value
+				});
+				const mergedComponents = useComponents(components);
+				const { hasFeedback, status: contextStatus, feedbackIcon } = useFormItemInputContext().value;
+				const mergedStatus = getMergedStatus(contextStatus, customStatus.value);
+				const suffixNode = createVNode(SuffixIcon, {
+					picker: mergedPicker.value,
+					hasFeedback,
+					feedbackIcon,
+					suffixIcon: mergedSuffixIcon === void 0 ? contextSuffixIcon?.value : mergedSuffixIcon
+				}, null);
+				const mergedClassName = clsx({
+					[`${prefixCls.value}-${mergedSize.value}`]: mergedSize.value,
+					[`${prefixCls.value}-${variant.value}`]: enableVariantCls.value
+				}, getStatusClassNames(prefixCls.value, mergedStatus, hasFeedback), compactItemClassnames.value, contextClassName?.value, className);
+				const mergedStyle = { ...style };
+				const cellRender = slots.cellRender || props.cellRender ? (current, info) => resolveRender("cellRender", [current, info], {
+					current,
+					info
+				}) : void 0;
+				const dateRender = slots.dateRender || props.dateRender ? (date, today) => resolveRender("dateRender", [date, today], {
+					date,
+					today
+				}) : void 0;
+				const monthCellRender = slots.monthCellRender || props.monthCellRender ? (date, localeInfo) => resolveRender("monthCellRender", [date, localeInfo], {
+					date,
+					locale: localeInfo
+				}) : void 0;
+				const renderExtraFooter = slots.renderExtraFooter || props.renderExtraFooter ? (mode) => resolveRender("renderExtraFooter", [mode], mode) : void 0;
+				const panelRender = slots.panelRender || props.panelRender ? (panel) => resolveRender("panelRender", [panel], panel) : void 0;
+				const inputRender = slots.inputRender || props.inputRender ? (inputProps) => resolveRender("inputRender", [inputProps], inputProps) : void 0;
+				return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(Picker, mergeProps(restAttrs, additionalProps, omitUndefined(restProps, ["onKeydown"]), {
+					"ref": innerRef,
+					"autoComplete": autoComplete ?? autocomplete,
+					"placeholder": getPlaceholder(locale$1.value, mergedPicker.value, placeholder),
+					"suffix": suffixNode,
+					"prefix": mergedPrefix,
+					"placement": placement,
+					"prevIcon": createVNode("span", { "class": `${prefixCls.value}-prev-icon` }, null),
+					"nextIcon": createVNode("span", { "class": `${prefixCls.value}-next-icon` }, null),
+					"superPrevIcon": createVNode("span", { "class": `${prefixCls.value}-super-prev-icon` }, null),
+					"superNextIcon": createVNode("span", { "class": `${prefixCls.value}-super-next-icon` }, null),
+					"transitionName": getTransitionName(rootPrefixCls.value, "slide-up"),
+					"picker": mergedPicker.value,
+					"onCalendarChange": handleCalendarChange,
+					"onChange": triggerChange,
+					"onPanelChange": handlePanelChange,
+					"onOpenChange": handleOpenChange,
+					"onOk": handleOk,
+					"onClear": handleClear,
+					"onFocus": handleFocus,
+					"onBlur": handleBlur,
+					"onKeyDown": handleKeyDown,
+					"locale": locale$1.value?.lang,
+					"getPopupContainer": customGetPopupContainer.value || getPopupContainer,
+					"generateConfig": generateConfig,
+					"components": mergedComponents,
+					"direction": direction.value,
+					"disabled": mergedDisabled.value,
+					"prefixCls": prefixCls.value,
+					"rootClassName": mergedRootClassName.value,
+					"className": mergedClassName,
+					"style": mergedStyle,
+					"classNames": mergedClassNames.value,
+					"styles": {
+						...mergedStyles.value,
+						popup: {
+							...mergedStyles.value.popup,
+							root: {
+								...mergedStyles.value.popup?.root,
+								zIndex: zIndex.value
+							}
+						}
+					},
+					"allowClear": mergedAllowClear,
+					"removeIcon": removeIcon,
+					"cellRender": cellRender,
+					"dateRender": dateRender,
+					"monthCellRender": monthCellRender,
+					"renderExtraFooter": renderExtraFooter,
+					"panelRender": panelRender,
+					"inputRender": inputRender
+				}), null)] });
+			};
+		}, {
+			props: {
+				locale: {
+					type: Object,
+					required: false
+				},
+				size: {
+					type: [String, null],
+					required: false
+				},
+				placement: {
+					type: String,
+					required: false
+				},
+				bordered: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				status: {
+					type: String,
+					required: false
+				},
+				variant: {
+					type: String,
+					required: false
+				},
+				dropdownClassName: {
+					type: String,
+					required: false
+				},
+				popupClassName: {
+					type: String,
+					required: false
+				},
+				rootClass: {
+					type: String,
+					required: false
+				},
+				popupStyle: {
+					type: Object,
+					required: false
+				},
+				classes: {
+					type: [Object, Function],
+					required: false
+				},
+				styles: {
+					type: [Object, Function],
+					required: false
+				},
+				autocomplete: {
+					type: String,
+					required: false
+				},
+				use12Hours: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				id: {
+					type: String,
+					required: false
+				},
+				multiple: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				removeIcon: { required: false },
+				maxTagCount: {
+					type: [Number, String],
+					required: false
+				},
+				tagRender: {
+					type: Function,
+					required: false
+				},
+				value: { required: false },
+				defaultValue: { required: false },
+				placeholder: {
+					type: String,
+					required: false
+				},
+				defaultPickerValue: { required: false },
+				pickerValue: { required: false },
+				onPickerValueChange: {
+					type: Function,
+					required: false
+				},
+				presets: {
+					type: Array,
+					required: false
+				},
+				disabled: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				mode: {
+					type: String,
+					required: false
+				},
+				direction: {
+					type: String,
+					required: false
+				},
+				prefixCls: {
+					type: String,
+					required: false
+				},
+				picker: {
+					type: String,
+					required: false
+				},
+				showTime: {
+					type: [Boolean, Object],
+					required: false,
+					default: void 0
+				},
+				showWeek: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				format: {
+					type: [
+						String,
+						Function,
+						Array,
+						Object
+					],
+					required: false
+				},
+				valueFormat: {
+					type: String,
+					required: false
+				},
+				prefix: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				suffix: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				suffixIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				allowClear: {
+					type: [Boolean, Object],
+					required: false,
+					default: void 0
+				},
+				clearIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				inputReadOnly: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				name: {
+					type: String,
+					required: false
+				},
+				required: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				autoComplete: {
+					type: String,
+					required: false
+				},
+				order: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				disabledDate: {
+					type: Function,
+					required: false
+				},
+				minDate: { required: false },
+				maxDate: { required: false },
+				defaultOpenValue: { required: false },
+				defaultOpen: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				open: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				popupAlign: {
+					type: Object,
+					required: false
+				},
+				getPopupContainer: {
+					type: Function,
+					required: false
+				},
+				builtinPlacements: {
+					type: Object,
+					required: false
+				},
+				needConfirm: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				changeOnBlur: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				preserveInvalidOnBlur: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				previewValue: {
+					type: [Boolean, String],
+					required: false,
+					default: void 0
+				},
+				transitionName: {
+					type: String,
+					required: false
+				},
+				components: {
+					type: Object,
+					required: false
+				},
+				inputRender: {
+					type: Function,
+					required: false
+				},
+				cellRender: {
+					type: Function,
+					required: false
+				},
+				dateRender: {
+					type: Function,
+					required: false
+				},
+				monthCellRender: {
+					type: Function,
+					required: false
+				},
+				showNow: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				showToday: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				panelRender: {
+					type: Function,
+					required: false
+				},
+				renderExtraFooter: {
+					type: Function,
+					required: false
+				},
+				innerHTML: {
+					type: [String, null],
+					required: false
+				},
+				class: {
+					type: [
+						Boolean,
+						null,
+						String,
+						Object,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				accesskey: {
+					type: [String, null],
+					required: false
+				},
+				contenteditable: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				contextmenu: {
+					type: [String, null],
+					required: false
+				},
+				dir: {
+					type: [String, null],
+					required: false
+				},
+				draggable: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				enterkeyhint: {
+					type: [String, null],
+					required: false
+				},
+				enterKeyHint: {
+					type: [String, null],
+					required: false
+				},
+				hidden: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				inert: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				lang: {
+					type: [String, null],
+					required: false
+				},
+				spellcheck: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				tabindex: {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				title: {
+					type: [String, null],
+					required: false
+				},
+				translate: {
+					type: [String, null],
+					required: false
+				},
+				radiogroup: {
+					type: [String, null],
+					required: false
+				},
+				role: {
+					type: [String, null],
+					required: false
+				},
+				about: {
+					type: [String, null],
+					required: false
+				},
+				datatype: {
+					type: [String, null],
+					required: false
+				},
+				inlist: { required: false },
+				property: {
+					type: [String, null],
+					required: false
+				},
+				resource: {
+					type: [String, null],
+					required: false
+				},
+				typeof: {
+					type: [String, null],
+					required: false
+				},
+				vocab: {
+					type: [String, null],
+					required: false
+				},
+				autocapitalize: {
+					type: [String, null],
+					required: false
+				},
+				autocorrect: {
+					type: [String, null],
+					required: false
+				},
+				autosave: {
+					type: [String, null],
+					required: false
+				},
+				color: {
+					type: [String, null],
+					required: false
+				},
+				itemprop: {
+					type: [String, null],
+					required: false
+				},
+				itemscope: {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				itemtype: {
+					type: [String, null],
+					required: false
+				},
+				itemid: {
+					type: [String, null],
+					required: false
+				},
+				itemref: {
+					type: [String, null],
+					required: false
+				},
+				results: {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				security: {
+					type: [String, null],
+					required: false
+				},
+				unselectable: {
+					type: [String, null],
+					required: false
+				},
+				inputmode: {
+					type: [String, null],
+					required: false
+				},
+				is: {
+					type: [String, null],
+					required: false
+				},
+				exportparts: {
+					type: String,
+					required: false
+				},
+				part: {
+					type: String,
+					required: false
+				},
+				"aria-activedescendant": {
+					type: [String, null],
+					required: false
+				},
+				"aria-atomic": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-autocomplete": {
+					type: [String, null],
+					required: false
+				},
+				"aria-busy": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-checked": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-colcount": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-colindex": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-colspan": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-controls": {
+					type: [String, null],
+					required: false
+				},
+				"aria-current": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-describedby": {
+					type: [String, null],
+					required: false
+				},
+				"aria-details": {
+					type: [String, null],
+					required: false
+				},
+				"aria-disabled": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-dropeffect": {
+					type: [String, null],
+					required: false
+				},
+				"aria-errormessage": {
+					type: [String, null],
+					required: false
+				},
+				"aria-expanded": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-flowto": {
+					type: [String, null],
+					required: false
+				},
+				"aria-grabbed": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-haspopup": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-hidden": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-invalid": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-keyshortcuts": {
+					type: [String, null],
+					required: false
+				},
+				"aria-label": {
+					type: [String, null],
+					required: false
+				},
+				"aria-labelledby": {
+					type: [String, null],
+					required: false
+				},
+				"aria-level": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-live": {
+					type: [String, null],
+					required: false
+				},
+				"aria-modal": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-multiline": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-multiselectable": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-orientation": {
+					type: [String, null],
+					required: false
+				},
+				"aria-owns": {
+					type: [String, null],
+					required: false
+				},
+				"aria-placeholder": {
+					type: [String, null],
+					required: false
+				},
+				"aria-posinset": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-pressed": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-readonly": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-relevant": {
+					type: [String, null],
+					required: false
+				},
+				"aria-required": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-roledescription": {
+					type: [String, null],
+					required: false
+				},
+				"aria-rowcount": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-rowindex": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-rowspan": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-selected": {
+					type: [
+						Boolean,
+						String,
+						null
+					],
+					required: false,
+					default: void 0
+				},
+				"aria-setsize": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-sort": {
+					type: [String, null],
+					required: false
+				},
+				"aria-valuemax": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-valuemin": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-valuenow": {
+					type: [
+						Number,
+						String,
+						null
+					],
+					required: false
+				},
+				"aria-valuetext": {
+					type: [String, null],
+					required: false
+				},
+				onCopy: {
+					type: Function,
+					required: false
+				},
+				onCut: {
+					type: Function,
+					required: false
+				},
+				onPaste: {
+					type: Function,
+					required: false
+				},
+				onCompositionend: {
+					type: Function,
+					required: false
+				},
+				onCompositionstart: {
+					type: Function,
+					required: false
+				},
+				onCompositionupdate: {
+					type: Function,
+					required: false
+				},
+				onDrag: {
+					type: Function,
+					required: false
+				},
+				onDragend: {
+					type: Function,
+					required: false
+				},
+				onDragenter: {
+					type: Function,
+					required: false
+				},
+				onDragexit: {
+					type: Function,
+					required: false
+				},
+				onDragleave: {
+					type: Function,
+					required: false
+				},
+				onDragover: {
+					type: Function,
+					required: false
+				},
+				onDragstart: {
+					type: Function,
+					required: false
+				},
+				onDrop: {
+					type: Function,
+					required: false
+				},
+				onFocusin: {
+					type: Function,
+					required: false
+				},
+				onFocusout: {
+					type: Function,
+					required: false
+				},
+				onBeforeinput: {
+					type: Function,
+					required: false
+				},
+				onFormdata: {
+					type: Function,
+					required: false
+				},
+				onInput: {
+					type: Function,
+					required: false
+				},
+				onReset: {
+					type: Function,
+					required: false
+				},
+				onSubmit: {
+					type: Function,
+					required: false
+				},
+				onFullscreenchange: {
+					type: Function,
+					required: false
+				},
+				onFullscreenerror: {
+					type: Function,
+					required: false
+				},
+				onLoad: {
+					type: Function,
+					required: false
+				},
+				onError: {
+					type: Function,
+					required: false
+				},
+				onKeydown: {
+					type: Function,
+					required: false
+				},
+				onKeypress: {
+					type: Function,
+					required: false
+				},
+				onKeyup: {
+					type: Function,
+					required: false
+				},
+				onDblclick: {
+					type: Function,
+					required: false
+				},
+				onMousedown: {
+					type: Function,
+					required: false
+				},
+				onMouseenter: {
+					type: Function,
+					required: false
+				},
+				onMouseleave: {
+					type: Function,
+					required: false
+				},
+				onMousemove: {
+					type: Function,
+					required: false
+				},
+				onMouseout: {
+					type: Function,
+					required: false
+				},
+				onMouseover: {
+					type: Function,
+					required: false
+				},
+				onMouseup: {
+					type: Function,
+					required: false
+				},
+				onAbort: {
+					type: Function,
+					required: false
+				},
+				onCanplay: {
+					type: Function,
+					required: false
+				},
+				onCanplaythrough: {
+					type: Function,
+					required: false
+				},
+				onDurationchange: {
+					type: Function,
+					required: false
+				},
+				onEmptied: {
+					type: Function,
+					required: false
+				},
+				onEncrypted: {
+					type: Function,
+					required: false
+				},
+				onEnded: {
+					type: Function,
+					required: false
+				},
+				onLoadeddata: {
+					type: Function,
+					required: false
+				},
+				onLoadedmetadata: {
+					type: Function,
+					required: false
+				},
+				onLoadstart: {
+					type: Function,
+					required: false
+				},
+				onPause: {
+					type: Function,
+					required: false
+				},
+				onPlay: {
+					type: Function,
+					required: false
+				},
+				onPlaying: {
+					type: Function,
+					required: false
+				},
+				onProgress: {
+					type: Function,
+					required: false
+				},
+				onRatechange: {
+					type: Function,
+					required: false
+				},
+				onSeeked: {
+					type: Function,
+					required: false
+				},
+				onSeeking: {
+					type: Function,
+					required: false
+				},
+				onStalled: {
+					type: Function,
+					required: false
+				},
+				onSuspend: {
+					type: Function,
+					required: false
+				},
+				onTimeupdate: {
+					type: Function,
+					required: false
+				},
+				onVolumechange: {
+					type: Function,
+					required: false
+				},
+				onWaiting: {
+					type: Function,
+					required: false
+				},
+				onScroll: {
+					type: Function,
+					required: false
+				},
+				onScrollend: {
+					type: Function,
+					required: false
+				},
+				onTouchcancel: {
+					type: Function,
+					required: false
+				},
+				onTouchend: {
+					type: Function,
+					required: false
+				},
+				onTouchmove: {
+					type: Function,
+					required: false
+				},
+				onTouchstart: {
+					type: Function,
+					required: false
+				},
+				onAuxclick: {
+					type: Function,
+					required: false
+				},
+				onContextmenu: {
+					type: Function,
+					required: false
+				},
+				onGotpointercapture: {
+					type: Function,
+					required: false
+				},
+				onLostpointercapture: {
+					type: Function,
+					required: false
+				},
+				onPointerdown: {
+					type: Function,
+					required: false
+				},
+				onPointermove: {
+					type: Function,
+					required: false
+				},
+				onPointerup: {
+					type: Function,
+					required: false
+				},
+				onPointercancel: {
+					type: Function,
+					required: false
+				},
+				onPointerenter: {
+					type: Function,
+					required: false
+				},
+				onPointerleave: {
+					type: Function,
+					required: false
+				},
+				onPointerover: {
+					type: Function,
+					required: false
+				},
+				onPointerout: {
+					type: Function,
+					required: false
+				},
+				onBeforetoggle: {
+					type: Function,
+					required: false
+				},
+				onToggle: {
+					type: Function,
+					required: false
+				},
+				onWheel: {
+					type: Function,
+					required: false
+				},
+				onAnimationcancel: {
+					type: Function,
+					required: false
+				},
+				onAnimationstart: {
+					type: Function,
+					required: false
+				},
+				onAnimationend: {
+					type: Function,
+					required: false
+				},
+				onAnimationiteration: {
+					type: Function,
+					required: false
+				},
+				onSecuritypolicyviolation: {
+					type: Function,
+					required: false
+				},
+				onTransitioncancel: {
+					type: Function,
+					required: false
+				},
+				onTransitionend: {
+					type: Function,
+					required: false
+				},
+				onTransitionrun: {
+					type: Function,
+					required: false
+				},
+				onTransitionstart: {
+					type: Function,
+					required: false
+				},
+				prevIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				nextIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				superPrevIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				superNextIcon: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
+				showHour: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				showMinute: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				showSecond: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				showMillisecond: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				hourStep: { required: false },
+				minuteStep: { required: false },
+				secondStep: { required: false },
+				millisecondStep: { required: false },
+				hideDisabledOptions: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				disabledHours: {
+					type: Function,
+					required: false
+				},
+				disabledMinutes: {
+					type: Function,
+					required: false
+				},
+				disabledSeconds: {
+					type: Function,
+					required: false
+				},
+				disabledTime: {
+					type: Function,
+					required: false
+				},
+				changeOnScroll: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				}
+			},
+			emits: [
+				"change",
+				"update:value",
+				"calendarChange",
+				"panelChange",
+				"openChange",
+				"ok",
+				"clear",
+				"select",
+				"focus",
+				"blur",
+				"keydown"
+			],
+			name,
+			inheritAttrs: false
+		});
+	};
+	const DatePicker = getPicker();
+	const WeekPicker = getPicker(WEEK, WEEKPICKER);
+	const MonthPicker = getPicker(MONTH, MONTHPICKER);
+	const YearPicker = getPicker(YEAR, YEARPICKER);
+	const QuarterPicker = getPicker(QUARTER, QUARTERPICKER);
+	return {
+		DatePicker,
+		WeekPicker,
+		MonthPicker,
+		YearPicker,
+		TimePicker: getPicker(TIME, TIMEPICKER),
+		QuarterPicker
+	};
+}
+//#endregion
+export { generatePicker as default };