@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/date-picker/DatePicker.vue.d.ts

@@ -0,0 +1,49 @@
+import type { DatePickerProps, DatePickerSlots, DatePickerValue } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = DatePickerSlots;
+declare const __VLS_base: import("vue").DefineComponent<DatePickerProps, {
+    toggle: (next?: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: DatePickerValue, dateString: string) => any;
+    cancel: () => any;
+    change: (value: DatePickerValue | null, dateString: string) => any;
+    clear: () => any;
+    confirm: (value: DatePickerValue, dateString: string) => any;
+    "update:open": (open: boolean) => any;
+    "update:value": (value: DatePickerValue | null) => any;
+    openChange: (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
+    onSelect?: ((value: DatePickerValue, dateString: string) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onChange?: ((value: DatePickerValue | null, dateString: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onConfirm?: ((value: DatePickerValue, dateString: string) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: DatePickerValue | null) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    disabled: boolean;
+    getContainer: import("../index.ts").GetContainer;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    virtual: boolean;
+    picker: import("./interface").DatePickerMode;
+    showTime: boolean | import("./interface").DatePickerShowTime;
+    use12Hours: boolean;
+    defaultOpen: boolean;
+    allowClear: boolean;
+    trigger: boolean;
+    suffixIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,297 @@
+import { useControlled } from "../_util/hooks/useControlled.js";
+import { useLocale } from "../locale/index.js";
+import PickerPopup_default from "../picker/PickerPopup.js";
+import PickerTrigger_default from "../picker/PickerTrigger.js";
+import { usePickerField } from "../picker/usePickerField.js";
+import DatePickerView_default from "./DatePickerView.js";
+import { createDateContext, formatDate, settleDate, toDayjs, toValue as toValue$1 } from "./util.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, markRaw, mergeProps, openBlock, renderSlot, shallowRef, unref, watch, withCtx } from "vue";
+import dayjs from "dayjs";
+// src/date-picker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var DatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmDatePicker",
+	inheritAttrs: false,
+	__name: "DatePicker",
+	props: {
+		value: {},
+		defaultValue: {},
+		picker: { default: "date" },
+		showTime: {
+			type: [Boolean, Object],
+			default: false
+		},
+		format: {},
+		valueFormat: {},
+		minDate: {},
+		maxDate: {},
+		disabledDate: {},
+		disabledTime: {},
+		defaultPickerValue: {},
+		use12Hours: {
+			type: Boolean,
+			default: void 0
+		},
+		hourStep: {},
+		minuteStep: {},
+		secondStep: {},
+		filter: {},
+		renderLabel: {},
+		itemHeight: {},
+		visibleItemCount: {},
+		virtual: {
+			type: Boolean,
+			default: true
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		status: {},
+		variant: {},
+		size: {},
+		trigger: {
+			type: Boolean,
+			default: true
+		},
+		suffixIcon: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		id: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array,
+			Function
+		] },
+		okText: {},
+		cancelText: {},
+		getContainer: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			default: void 0
+		},
+		zIndex: {},
+		maskClosable: {
+			type: Boolean,
+			default: true
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			default: false
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"update:value",
+		"update:open",
+		"openChange",
+		"change",
+		"select",
+		"confirm",
+		"cancel",
+		"clear"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const locale = useLocale("DatePicker");
+		const timeLocale = useLocale("TimePicker");
+		const ctx = computed(() => createDateContext(props, locale.value));
+		const fallbackFormat = computed(() => typeof ctx.value.format === "string" ? ctx.value.format : void 0);
+		const parse = (value) => toDayjs(value, props.valueFormat, fallbackFormat.value);
+		const { open, setOpen, toggle, disabled, commit } = usePickerField(props, (value) => {
+			emit("update:open", value);
+			emit("openChange", value);
+		});
+		const [value, setValue] = useControlled(props, "value", { defaultValue: () => props.defaultValue ?? null });
+		const valueDate = computed(() => parse(value.value));
+		const label = computed(() => formatDate(ctx.value, valueDate.value));
+		/** date of the wheels while the popup is open */
+		const pending = shallowRef();
+		const initialDate = () => settleDate(ctx.value, valueDate.value ?? parse(props.defaultPickerValue) ?? dayjs());
+		watch(open, (val) => {
+			if (val) pending.value = initialDate();
+		}, { immediate: true });
+		watch(valueDate, () => {
+			if (open.value) pending.value = initialDate();
+		});
+		function update(date) {
+			const next = date ? toValue$1(ctx.value, markRaw(date)) : null;
+			setValue(next);
+			emit("update:value", next);
+			emit("change", next, formatDate(ctx.value, date ?? void 0));
+			commit();
+		}
+		function onSelect(next) {
+			const date = next;
+			pending.value = date;
+			emit("select", toValue$1(ctx.value, date), formatDate(ctx.value, date));
+		}
+		function onConfirm() {
+			const date = settleDate(ctx.value, pending.value ?? initialDate());
+			if (!valueDate.value || !valueDate.value.isSame(date)) update(date);
+			emit("confirm", toValue$1(ctx.value, date), formatDate(ctx.value, date));
+			setOpen(false);
+		}
+		function onCancel() {
+			emit("cancel");
+			setOpen(false);
+		}
+		function onClear() {
+			update(null);
+			emit("clear");
+		}
+		__expose({ toggle });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {
+				open: unref(open),
+				value: unref(value),
+				label: label.value,
+				disabled: unref(disabled),
+				toggle: unref(toggle)
+			}, void 0, void 0, 0) : __props.trigger ? (openBlock(), createBlock(PickerTrigger_default, mergeProps({ key: 1 }, _ctx.$attrs, {
+				id: __props.id,
+				class: "am-date-picker",
+				label: label.value,
+				placeholder: __props.placeholder ?? (__props.picker === "time" ? unref(timeLocale).placeholder : unref(locale).placeholder),
+				open: unref(open),
+				disabled: unref(disabled),
+				"allow-clear": __props.allowClear,
+				status: __props.status,
+				variant: __props.variant,
+				size: __props.size,
+				"suffix-icon": __props.suffixIcon,
+				"root-class": __props.rootClass,
+				classes: __props.classes,
+				styles: __props.styles,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(toggle)()),
+				onClear
+			}), createSlots({ _: 2 }, [_ctx.$slots.suffixIcon ? {
+				name: "suffixIcon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "suffixIcon")]),
+				key: "0"
+			} : void 0]), 1040, [
+				"id",
+				"label",
+				"placeholder",
+				"open",
+				"disabled",
+				"allow-clear",
+				"status",
+				"variant",
+				"size",
+				"suffix-icon",
+				"root-class",
+				"classes",
+				"styles"
+			])) : createCommentVNode("", true), createVNode(PickerPopup_default, {
+				open: unref(open),
+				title: __props.title,
+				"ok-text": __props.okText,
+				"cancel-text": __props.cancelText,
+				"get-container": __props.getContainer,
+				"z-index": __props.zIndex,
+				"mask-closable": __props.maskClosable,
+				"destroy-on-hidden": __props.destroyOnHidden,
+				"root-class": __props.rootClass,
+				"popup-class": __props.classes?.popup,
+				"popup-style": __props.styles?.popup,
+				onConfirm,
+				onCancel
+			}, createSlots({
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "header"),
+					createVNode(DatePickerView_default, {
+						value: pending.value,
+						picker: __props.picker,
+						"show-time": __props.showTime,
+						format: __props.format,
+						"min-date": ctx.value.min,
+						"max-date": ctx.value.max,
+						"disabled-date": __props.disabledDate,
+						"disabled-time": __props.disabledTime,
+						"use12-hours": __props.use12Hours,
+						"hour-step": __props.hourStep,
+						"minute-step": __props.minuteStep,
+						"second-step": __props.secondStep,
+						filter: __props.filter,
+						"render-label": __props.renderLabel,
+						"item-height": __props.itemHeight,
+						"visible-item-count": __props.visibleItemCount,
+						virtual: __props.virtual,
+						onChange: onSelect
+					}, null, 8, [
+						"value",
+						"picker",
+						"show-time",
+						"format",
+						"min-date",
+						"max-date",
+						"disabled-date",
+						"disabled-time",
+						"use12-hours",
+						"hour-step",
+						"minute-step",
+						"second-step",
+						"filter",
+						"render-label",
+						"item-height",
+						"visible-item-count",
+						"virtual"
+					]),
+					renderSlot(_ctx.$slots, "footer")
+				]),
+				_: 2
+			}, [_ctx.$slots.title ? {
+				name: "title",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"open",
+				"title",
+				"ok-text",
+				"cancel-text",
+				"get-container",
+				"z-index",
+				"mask-closable",
+				"destroy-on-hidden",
+				"root-class",
+				"popup-class",
+				"popup-style"
+			])], 64);
+		};
+	}
+});
+export { DatePicker_vue_vue_type_script_setup_true_lang_default as default };

package/dist/date-picker/DatePickerView.js

@@ -0,0 +1,4 @@
+import DatePickerView_vue_vue_type_script_setup_true_lang_default from "./DatePickerView.vue_vue_type_script_setup_true_lang.js";
+// src/date-picker/DatePickerView.vue
+var DatePickerView_default = DatePickerView_vue_vue_type_script_setup_true_lang_default;
+export { DatePickerView_default as default };

package/dist/date-picker/DatePickerView.vue.d.ts

@@ -0,0 +1,17 @@
+import type { DatePickerValue, DatePickerViewProps } from './interface';
+import '../style';
+import './style/index.css';
+declare const __VLS_export: import("vue").DefineComponent<DatePickerViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: DatePickerValue, dateString: string) => any;
+    "update:value": (value: DatePickerValue) => any;
+}, string, import("vue").PublicProps, Readonly<DatePickerViewProps> & Readonly<{
+    onChange?: ((value: DatePickerValue, dateString: string) => any) | undefined;
+    "onUpdate:value"?: ((value: DatePickerValue) => any) | undefined;
+}>, {
+    virtual: boolean;
+    picker: import("./interface").DatePickerMode;
+    showTime: boolean | import("./interface").DatePickerShowTime;
+    use12Hours: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/date-picker/DatePickerView.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import { useControlled } from "../_util/hooks/useControlled.js";
+import { useLocale } from "../locale/index.js";
+import PickerView_default from "../picker-view/PickerView.js";
+import { createDateContext, dateToValues, formatDate, generateColumns, settleDate, toDayjs, toValue as toValue$1, valuesToDate } from "./util.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { computed, createBlock, defineComponent, markRaw, mergeProps, openBlock } from "vue";
+import dayjs from "dayjs";
+// src/date-picker/DatePickerView.vue?vue&type=script&setup=true&lang.ts
+var DatePickerView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmDatePickerView",
+	inheritAttrs: false,
+	__name: "DatePickerView",
+	props: {
+		value: {},
+		defaultValue: {},
+		rootClass: {},
+		classes: {},
+		styles: {},
+		picker: { default: "date" },
+		showTime: {
+			type: [Boolean, Object],
+			default: false
+		},
+		format: {},
+		valueFormat: {},
+		minDate: {},
+		maxDate: {},
+		disabledDate: {},
+		disabledTime: {},
+		defaultPickerValue: {},
+		use12Hours: {
+			type: Boolean,
+			default: void 0
+		},
+		hourStep: {},
+		minuteStep: {},
+		secondStep: {},
+		filter: {},
+		renderLabel: {},
+		itemHeight: {},
+		visibleItemCount: {},
+		virtual: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const locale = useLocale("DatePicker");
+		const now = dayjs();
+		const ctx = computed(() => createDateContext(props, locale.value, now));
+		const [innerValue, setInnerValue] = useControlled(props, "value", { defaultValue: () => props.defaultValue ?? null });
+		const fallbackFormat = computed(() => typeof ctx.value.format === "string" ? ctx.value.format : void 0);
+		/** the date shown by the wheels, always selectable */
+		const current = computed(() => settleDate(ctx.value, toDayjs(innerValue.value, props.valueFormat, fallbackFormat.value) ?? toDayjs(props.defaultPickerValue, props.valueFormat, fallbackFormat.value) ?? now));
+		const columns = computed(() => generateColumns(ctx.value, current.value));
+		const pickerValue = computed(() => dateToValues(ctx.value, current.value));
+		function onChange(values) {
+			const date = markRaw(settleDate(ctx.value, valuesToDate(ctx.value, values, current.value)));
+			const value = toValue$1(ctx.value, date);
+			setInnerValue(value);
+			emit("update:value", value);
+			emit("change", value, formatDate(ctx.value, date));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(PickerView_default, mergeProps(_ctx.$attrs, {
+				class: "am-date-picker-view",
+				columns: columns.value,
+				value: pickerValue.value,
+				"item-height": __props.itemHeight,
+				"visible-item-count": __props.visibleItemCount,
+				virtual: __props.virtual,
+				"root-class": __props.rootClass,
+				classes: __props.classes,
+				styles: __props.styles,
+				onChange
+			}), null, 16, [
+				"columns",
+				"value",
+				"item-height",
+				"visible-item-count",
+				"virtual",
+				"root-class",
+				"classes",
+				"styles"
+			]);
+		};
+	}
+});
+export { DatePickerView_vue_vue_type_script_setup_true_lang_default as default };

package/dist/date-picker/RangePicker.js

@@ -0,0 +1,4 @@
+import RangePicker_vue_vue_type_script_setup_true_lang_default from "./RangePicker.vue_vue_type_script_setup_true_lang.js";
+// src/date-picker/RangePicker.vue
+var RangePicker_default = RangePicker_vue_vue_type_script_setup_true_lang_default;
+export { RangePicker_default as default };

package/dist/date-picker/RangePicker.vue.d.ts

@@ -0,0 +1,54 @@
+import type { RangePickerProps, RangePickerRange, RangePickerSlots, RangePickerValue } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = RangePickerSlots;
+declare function toggle(next?: boolean, range?: RangePickerRange): void;
+declare const __VLS_base: import("vue").DefineComponent<RangePickerProps, {
+    toggle: typeof toggle;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    change: (value: RangePickerValue | null, dateStrings: [string, string]) => any;
+    clear: () => any;
+    confirm: (value: RangePickerValue, dateStrings: [string, string]) => any;
+    "update:open": (open: boolean) => any;
+    "update:value": (value: RangePickerValue | null) => any;
+    openChange: (open: boolean) => any;
+    calendarChange: (value: RangePickerValue, dateStrings: [string, string], info: import("./interface").RangePickerInfo) => any;
+}, string, import("vue").PublicProps, Readonly<RangePickerProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onChange?: ((value: RangePickerValue | null, dateStrings: [string, string]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onConfirm?: ((value: RangePickerValue, dateStrings: [string, string]) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: RangePickerValue | null) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+    onCalendarChange?: ((value: RangePickerValue, dateStrings: [string, string], info: import("./interface").RangePickerInfo) => any) | undefined;
+}>, {
+    open: boolean;
+    separator: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    disabled: boolean | [boolean, boolean];
+    getContainer: import("../index.ts").GetContainer;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    virtual: boolean;
+    picker: import("./interface").DatePickerMode;
+    showTime: boolean | import("./interface").DatePickerShowTime;
+    use12Hours: boolean;
+    allowEmpty: boolean | [boolean, boolean];
+    defaultOpen: boolean;
+    allowClear: boolean;
+    trigger: boolean;
+    suffixIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};