savor-ui 0.0.1

package/dist/es/components/src/datetime-picker/datetime-picker.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,341 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { formItemContextKey as t } from "../form/types.mjs";
+import { useFormItem as n } from "../form/use-form-item.mjs";
+import r from "../../../icons/src/calendar.vue.mjs";
+import i from "../../../icons/src/close.vue.mjs";
+import "../../../icons/index.mjs";
+import { configProviderContextKey as a } from "../config-provider/types.mjs";
+import "../config-provider/index.mjs";
+import { SPopover as o } from "../popover/index.mjs";
+import "../form/index.mjs";
+import s from "./panel-datetime-range.vue.mjs";
+import ee from "./panel-datetime-time.vue.mjs";
+import te from "./panel-datetime.vue.mjs";
+import { computed as c, createBlock as l, createCommentVNode as ne, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, inject as m, mergeModels as h, mergeProps as re, normalizeClass as g, openBlock as _, ref as v, toDisplayString as ie, toRefs as ae, unref as y, useModel as oe, useTemplateRef as se, watch as ce, withCtx as b, withModifiers as x } from "vue";
+import S from "dayjs";
+import le from "dayjs/plugin/advancedFormat";
+import ue from "dayjs/plugin/customParseFormat";
+import de from "dayjs/plugin/isoWeek";
+import fe from "dayjs/plugin/weekOfYear";
+//#region ../components/src/datetime-picker/datetime-picker.vue?vue&type=script&setup=true&lang.ts
+var pe = [
+	"value",
+	"clearable",
+	"placeholder",
+	"disabled"
+], me = [
+	"value",
+	"clearable",
+	"placeholder",
+	"disabled"
+], he = [
+	"value",
+	"clearable",
+	"placeholder",
+	"disabled"
+], C = /* @__PURE__ */ p({
+	name: "SDatetimePicker",
+	__name: "datetime-picker",
+	props: /* @__PURE__ */ h({
+		modelValue: {},
+		type: { default: "datetime" },
+		size: { default: "medium" },
+		disabled: { type: Boolean },
+		placeholder: {},
+		clearable: { type: Boolean },
+		format: {},
+		valueFormat: {},
+		popoverProps: {},
+		error: { type: Boolean },
+		filled: { type: Boolean },
+		textMode: {
+			type: Boolean,
+			default: !1
+		},
+		textSeparator: { default: "-" }
+	}, {
+		modelValue: { default: () => "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["change", "clear"], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		S.extend(ue), S.extend(fe), S.extend(le), S.extend(de);
+		let C = p, w = h, T = e("datetime-picker"), E = oe(p, "modelValue"), ge = m(a, void 0), _e = c(() => ge?.inputFilled || C.filled), { size: ve, error: ye } = ae(C), { mergedSize: be, mergedError: D } = n({
+			size: ve,
+			error: ye
+		}), O = v(!1), k = () => {
+			O.value = !0;
+		}, A = () => {
+			O.value = !1;
+		}, j = (e) => {
+			let t;
+			t = W.value ? C.textMode ? "" : ["", ""] : "", E.value = t, I.value = t, w("change", t), w("clear", e);
+		}, M = (e) => Array.isArray(e) && e.length === 2, N = c(() => C.type === "time" ? "HH:mm:ss" : "YYYY-MM-DD HH:mm:ss"), P = c({
+			get() {
+				let e = E.value, t = M(e) ? e[0] : e;
+				if (!t) return "";
+				let n = J(t);
+				return n ? n.format(N.value) : t;
+			},
+			set(e) {
+				if (!e) {
+					E.value = "";
+					return;
+				}
+				let t = J(e);
+				E.value = t ? t.format(q.value) : e;
+			}
+		}), F = c({
+			get() {
+				let e;
+				if (C.textMode && W.value && typeof E.value == "string" && E.value) e = E.value.split(C.textSeparator);
+				else if (M(E.value)) e = E.value;
+				else return ["", ""];
+				return e.map((e) => {
+					if (!e) return "";
+					let t = J(e);
+					return t ? t.format(N.value) : e;
+				});
+			},
+			set(e) {
+				let t = e.map((e) => {
+					if (!e) return "";
+					let t = J(e);
+					return t ? t.format(q.value) : e;
+				});
+				C.textMode ? E.value = t.join(C.textSeparator) : E.value = t;
+			}
+		}), I = v(Array.isArray(E.value) ? [...E.value] : E.value), L = v(""), R = v(["", ""]), z = v(!1), B = v([!1, !1]), V = se("popoverRef"), xe = v(!1), H = (e) => {
+			e ? V.value?.show() : V.value?.hide(), xe.value = e;
+		}, U = () => {
+			C.disabled || H(!0);
+		}, Se = () => {
+			H(!1);
+		}, W = c(() => C.type === "datetime-range"), G = (e, t) => e ?? {
+			datetime: t,
+			"datetime-range": t,
+			time: "HH:mm:ss"
+		}[C.type] ?? t, K = c(() => G(C.format, "YYYY-MM-DD HH:mm:ss")), q = c(() => C.format && !C.valueFormat ? K.value : G(C.valueFormat, "YYYY-MM-DD HH:mm:ss")), J = (e) => {
+			if (!e) return null;
+			if (C.type === "time") {
+				let t = S(`2000-01-01 ${e}`, "YYYY-MM-DD HH:mm:ss", !0);
+				if (t.isValid()) return t;
+				let n = S(`2000-01-01 ${e}`, "YYYY-MM-DD HH:mm", !0);
+				if (n.isValid()) return n;
+				let r = S(e);
+				return r.isValid() ? r : null;
+			}
+			let t = S(e, q.value, !0);
+			if (t.isValid()) return t;
+			let n = S(e);
+			return n.isValid() ? n : null;
+		}, Ce = c(() => {
+			if (L.value) return L.value;
+			let e = E.value;
+			if (!e || W.value || M(e)) return "";
+			if (C.type === "time") {
+				let t = J(e);
+				return t ? t.format(K.value) : e;
+			}
+			let t = J(e);
+			return t ? t.format(K.value) : "";
+		}), we = c(() => {
+			if (!W.value) return ["", ""];
+			let e = E.value, t;
+			if (C.textMode && typeof e == "string" && e) t = e.split(C.textSeparator);
+			else if (M(e)) t = e;
+			else return ["", ""];
+			let [n, r] = t, [i, a] = R.value, o = i, s = a;
+			if (!o && n) {
+				let e = J(n);
+				o = e ? e.format(K.value) : n;
+			}
+			if (!s && r) {
+				let e = J(r);
+				s = e ? e.format(K.value) : r;
+			}
+			return [o, s];
+		}), Te = c(() => C.placeholder && !Array.isArray(C.placeholder) ? C.placeholder : C.type === "datetime" ? "请选择日期时间" : C.type === "time" ? "请选择时间" : ""), Ee = c(() => C.placeholder && Array.isArray(C.placeholder) ? C.placeholder : C.type === "datetime-range" ? ["请选择开始日期时间", "请选择结束日期时间"] : ["", ""]);
+		function De(e) {
+			if (!e) return !0;
+			try {
+				return C.type === "time" ? J(e) !== null : S(e, K.value, !0).isValid() || S(e, q.value, !0).isValid() ? !0 : S(e).isValid();
+			} catch {
+				return !1;
+			}
+		}
+		function Y(e) {
+			if (!e) return "";
+			try {
+				let t = J(e);
+				return t ? t.format(q.value) : "";
+			} catch {
+				return "";
+			}
+		}
+		let Oe = (e, t) => {
+			if (!e[0] || !e[1]) return e;
+			let n = J(e[0]), r = J(e[1]);
+			return n && r && n.isAfter(r) ? t ? [e[0], ""] : ["", e[1]] : e;
+		}, ke = () => {
+			let e = E.value;
+			return C.textMode && typeof e == "string" && e ? e.split(C.textSeparator) : M(e) ? [...e] : ["", ""];
+		}, Ae = () => {
+			let e = I.value;
+			return C.textMode && typeof e == "string" && e ? e.split(C.textSeparator) : M(e) ? [...e] : ["", ""];
+		}, je = (e) => {
+			let t = C.textMode ? e.join(C.textSeparator) : [...e];
+			E.value = t, (e[0] || e[1]) && (I.value = typeof t == "string" ? t : [...t]), w("change", t), $("change");
+		}, X = (e, t, n) => {
+			let r = e.target;
+			t && typeof n == "number" ? (R.value[n] = r.value, B.value[n] = !0) : (L.value = r.value, z.value = !0), $("input");
+		}, Z = (e, t) => {
+			if ($("blur"), e && typeof t == "number") {
+				let e = R.value[t];
+				if (!B.value[t]) {
+					R.value[t] = "";
+					return;
+				}
+				let n = ke(), r = Ae();
+				e ? De(e) ? n[t] = Y(e) : n[t] = r[t] : n[t] = "", je(Oe(n, t === 0)), R.value[t] = "", B.value[t] = !1;
+			} else {
+				let e = L.value;
+				if (!z.value) {
+					L.value = "";
+					return;
+				}
+				if (!e) E.value = "", I.value = "", w("change", ""), $("change");
+				else if (De(e)) {
+					let t = Y(e);
+					E.value = t, I.value = t, w("change", t), $("change");
+				} else I.value && !M(I.value) ? E.value = I.value : E.value = "";
+				L.value = "", z.value = !1;
+			}
+		}, Me = (e) => X(e, !1), Ne = () => Z(!1), Pe = (e) => X(e, !0, 0), Fe = () => Z(!0, 0), Ie = (e) => X(e, !0, 1), Le = () => Z(!0, 1), Q = () => {
+			let e = E.value;
+			I.value = Array.isArray(e) ? [...e] : e, w("change", e), $("change"), H(!1);
+		}, Re = m(t, null), $ = (e) => {
+			Re?.validate(e).catch(() => {});
+		};
+		return ce(E, (e) => {
+			e && (Array.isArray(e) ? e[0] || e[1] : e) && (I.value = Array.isArray(e) ? [...e] : e);
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, t) => (_(), u("div", { class: g([y(T).b(), y(T).m(y(be))]) }, [f(y(o), re({
+			ref_key: "popoverRef",
+			ref: V
+		}, {
+			offset: [0, 4],
+			placement: "bottom-start",
+			manual: !0,
+			...p.popoverProps
+		}, { onClickOutside: Se }), {
+			content: b(() => [d("div", {
+				class: g([y(T).e("content")]),
+				onMousedown: t[4] ||= x(() => {}, ["prevent"])
+			}, [p.type === "datetime" ? (_(), l(te, {
+				key: 0,
+				modelValue: P.value,
+				"onUpdate:modelValue": t[1] ||= (e) => P.value = e,
+				format: K.value,
+				"value-format": N.value,
+				onSelected: Q
+			}, null, 8, [
+				"modelValue",
+				"format",
+				"value-format"
+			])) : p.type === "datetime-range" ? (_(), l(s, {
+				key: 1,
+				modelValue: F.value,
+				"onUpdate:modelValue": t[2] ||= (e) => F.value = e,
+				format: K.value,
+				"value-format": N.value,
+				onSelected: Q
+			}, null, 8, [
+				"modelValue",
+				"format",
+				"value-format"
+			])) : p.type === "time" ? (_(), l(ee, {
+				key: 2,
+				modelValue: P.value,
+				"onUpdate:modelValue": t[3] ||= (e) => P.value = e,
+				"value-format": N.value,
+				onSelected: Q
+			}, null, 8, ["modelValue", "value-format"])) : ne("", !0)], 34)]),
+			default: b(() => [W.value ? (_(), u("div", {
+				key: 1,
+				class: g([
+					y(T).e("wrapper"),
+					y(T).is("disabled", p.disabled),
+					y(T).is("range", W.value),
+					y(T).is("error", y(D))
+				]),
+				onMouseenter: k,
+				onMouseleave: A
+			}, [
+				d("input", {
+					value: we.value[0],
+					clearable: p.clearable,
+					placeholder: Ee.value[0],
+					disabled: p.disabled,
+					class: g([y(T).e("input")]),
+					onInput: Pe,
+					onBlur: Fe,
+					onClick: x(U, ["stop"])
+				}, null, 42, me),
+				d("span", null, ie(p.textSeparator), 1),
+				d("input", {
+					value: we.value[1],
+					clearable: p.clearable,
+					placeholder: Ee.value[1],
+					disabled: p.disabled,
+					class: g([y(T).e("input")]),
+					onInput: Ie,
+					onBlur: Le,
+					onClick: x(U, ["stop"])
+				}, null, 42, he),
+				O.value && E.value && p.clearable ? (_(), u("span", {
+					key: 0,
+					class: g([y(T).e("close")]),
+					onClick: x(j, ["stop"]),
+					onMousedown: t[0] ||= x(() => {}, ["prevent"])
+				}, [f(y(i))], 34)) : (_(), u("div", {
+					key: 1,
+					class: g([y(T).e("icon")])
+				}, [f(y(r))], 2))
+			], 34)) : (_(), u("div", {
+				key: 0,
+				class: g([
+					y(T).e("wrapper"),
+					y(T).is("disabled", p.disabled),
+					y(T).is("range", W.value),
+					y(T).is("error", y(D)),
+					y(T).is("filled", _e.value)
+				]),
+				onMouseenter: k,
+				onMouseleave: A
+			}, [d("input", {
+				value: Ce.value,
+				clearable: p.clearable,
+				placeholder: Te.value,
+				disabled: p.disabled,
+				class: g([y(T).e("input")]),
+				onInput: Me,
+				onBlur: Ne,
+				onClick: x(U, ["stop"])
+			}, null, 42, pe), O.value && E.value && p.clearable ? (_(), u("span", {
+				key: 0,
+				class: g([y(T).e("close")]),
+				onClick: x(j, ["stop"])
+			}, [f(y(i))], 2)) : (_(), u("div", {
+				key: 1,
+				class: g([y(T).e("icon")])
+			}, [f(y(r))], 2))], 34))]),
+			_: 1
+		}, 16)], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/src/datetime-picker/index.d.ts

@@ -0,0 +1,57 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { DatetimePickerProps } from './types';
+export declare const SDatetimePicker: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DatetimePickerProps & {
+        modelValue?: string | [string, string];
+    }> & Readonly<{
+        onClear?: ((e: Event) => any) | undefined;
+        onChange?: ((value: string | [string, string]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clear: (e: Event) => any;
+        change: (value: string | [string, string]) => any;
+        "update:modelValue": (value: string | [string, string]) => any;
+    }, PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+        type: "datetime" | "datetime-range" | "time";
+        textMode: boolean;
+        textSeparator: string;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< DatetimePickerProps & {
+        modelValue?: string | [string, string];
+    }> & Readonly<{
+        onClear?: ((e: Event) => any) | undefined;
+        onChange?: ((value: string | [string, string]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+        type: "datetime" | "datetime-range" | "time";
+        textMode: boolean;
+        textSeparator: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< DatetimePickerProps & {
+    modelValue?: string | [string, string];
+}> & Readonly<{
+    onClear?: ((e: Event) => any) | undefined;
+    onChange?: ((value: string | [string, string]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (e: Event) => any;
+    change: (value: string | [string, string]) => any;
+    "update:modelValue": (value: string | [string, string]) => any;
+}, string, {
+    size: "mini" | "small" | "medium" | "large";
+    type: "datetime" | "datetime-range" | "time";
+    textMode: boolean;
+    textSeparator: string;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export * from './types';

package/dist/es/components/src/datetime-picker/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./datetime-picker.vue.mjs";
+//#region ../components/src/datetime-picker/index.ts
+var n = e(t);
+//#endregion
+export { n as SDatetimePicker };

package/dist/es/components/src/datetime-picker/panel-datetime-range.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+    selected: (value: [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+    onSelected?: ((value: [string, string]) => any) | undefined;
+}>, {
+    format: string;
+    valueFormat: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/datetime-picker/panel-datetime-range.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-datetime-range.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/datetime-picker/panel-datetime-range.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/datetime-picker/panel-datetime-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,87 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { SButton as t } from "../button/index.mjs";
+import n from "../date-picker/panel-day-range.vue.mjs";
+import r from "./panel-time.vue.mjs";
+import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, ref as f, toDisplayString as p, unref as m, useModel as h, vShow as g, watch as _, withDirectives as v } from "vue";
+import y from "dayjs";
+//#region ../components/src/datetime-picker/panel-datetime-range.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ c({
+	__name: "panel-datetime-range",
+	props: /* @__PURE__ */ l({
+		format: { default: "YYYY-MM-DD HH:mm:ss" },
+		valueFormat: { default: "YYYY-MM-DD HH:mm:ss" }
+	}, {
+		modelValue: { default: () => ["", ""] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l(["selected"], ["update:modelValue"]),
+	setup(c, { emit: l }) {
+		let b = c, x = l, S = e("datetime-picker"), C = h(c, "modelValue"), w = f(["", ""]), T = f(), E = f(), D = f("date"), O = (e) => {
+			D.value = e;
+		}, k = i(() => "YYYY-MM-DD"), A = i(() => "YYYY-MM-DD"), j = i(() => w.value[0] ? y(w.value[0]).format("YYYY-MM-DD") : y().format("YYYY-MM-DD")), M = i(() => T.value ? T.value.format("HH:mm:ss") : "00:00:00"), N = i(() => w.value[1] ? y(w.value[1]).format("YYYY-MM-DD") : y().format("YYYY-MM-DD")), P = i(() => E.value ? E.value.format("HH:mm:ss") : "00:00:00"), F = () => {
+			let e = y(w.value[0]);
+			T.value ||= y().startOf("day"), E.value ||= y().startOf("day");
+			let t = e.hour(T.value.hour()).minute(T.value.minute()).second(T.value.second()), n = y(w.value[1]).hour(E.value.hour()).minute(E.value.minute()).second(E.value.second()), r = [t.format(b.valueFormat), n.format(b.valueFormat)];
+			C.value = r, x("selected", r);
+		};
+		return _(C, (e) => {
+			if (e[0]) {
+				let t = y(e[0]);
+				if (t.isValid()) {
+					let e = t.format("YYYY-MM-DD");
+					e !== w.value[0] && (w.value[0] = e), (!T.value || !T.value.isSame(t, "second")) && (T.value = t);
+				}
+			}
+			if (e[1]) {
+				let t = y(e[1]);
+				if (t.isValid()) {
+					let e = t.format("YYYY-MM-DD");
+					e !== w.value[1] && (w.value[1] = e), (!E.value || !E.value.isSame(t, "second")) && (E.value = t);
+				}
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, i) => (d(), a("div", { class: u([m(S).e("panel-range")]) }, [
+			v(s(n, {
+				modelValue: w.value,
+				"onUpdate:modelValue": i[0] ||= (e) => w.value = e,
+				format: k.value,
+				"value-format": A.value
+			}, null, 8, [
+				"modelValue",
+				"format",
+				"value-format"
+			]), [[g, D.value === "date"]]),
+			v(o("div", { class: u([m(S).e("panel-range-time")]) }, [s(r, {
+				modelValue: T.value,
+				"onUpdate:modelValue": i[1] ||= (e) => T.value = e
+			}, null, 8, ["modelValue"]), s(r, {
+				modelValue: E.value,
+				"onUpdate:modelValue": i[2] ||= (e) => E.value = e
+			}, null, 8, ["modelValue"])], 2), [[g, D.value === "time"]]),
+			o("div", { class: u([m(S).e("panel-range-footer")]) }, [o("div", { class: u([m(S).e("panel-footer")]) }, [o("div", {
+				class: u([m(S).e("panel-footer-tab"), m(S).is("active", D.value === "date")]),
+				onClick: i[3] ||= (e) => O("date")
+			}, p(j.value), 3), o("div", {
+				class: u([m(S).e("panel-footer-tab"), m(S).is("active", D.value === "time")]),
+				onClick: i[4] ||= (e) => O("time")
+			}, p(M.value), 3)], 2), o("div", { class: u([m(S).e("panel-footer")]) }, [o("div", {
+				class: u([m(S).e("panel-footer-tab"), m(S).is("active", D.value === "date")]),
+				onClick: i[5] ||= (e) => O("date")
+			}, p(N.value), 3), o("div", {
+				class: u([m(S).e("panel-footer-tab"), m(S).is("active", D.value === "time")]),
+				onClick: i[6] ||= (e) => O("time")
+			}, p(P.value), 3)], 2)], 2),
+			o("div", { class: u([m(S).e("panel-action")]) }, [i[7] ||= o("span", null, null, -1), s(m(t), {
+				size: "mini",
+				label: "确定",
+				type: "primary",
+				onClick: F
+			})], 2)
+		], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/es/components/src/datetime-picker/panel-datetime-time.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {
+    valueFormat: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/datetime-picker/panel-datetime-time.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-datetime-time.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/datetime-picker/panel-datetime-time.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/datetime-picker/panel-datetime-time.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,45 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { SButton as t } from "../button/index.mjs";
+import n from "./panel-time.vue.mjs";
+import { createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, ref as u, unref as d, useModel as f, watch as p } from "vue";
+import m from "dayjs";
+import h from "dayjs/plugin/customParseFormat";
+//#region ../components/src/datetime-picker/panel-datetime-time.vue?vue&type=script&setup=true&lang.ts
+var g = /* @__PURE__ */ o({
+	__name: "panel-datetime-time",
+	props: /* @__PURE__ */ s({ valueFormat: { default: "HH:mm:ss" } }, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ s(["selected"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		m.extend(h);
+		let g = o, _ = s, v = e("datetime-picker"), y = f(o, "modelValue"), b = u(), x = () => {
+			let e = m().format(g.valueFormat);
+			y.value = e, _("selected", e);
+		}, S = () => {
+			if (b.value) {
+				let e = b.value.format(g.valueFormat);
+				y.value = e, _("selected", e);
+			}
+		};
+		return p(y, (e) => {
+			e && m(e, g.valueFormat, !0).isValid() && (b.value = m(e, g.valueFormat));
+		}, { immediate: !0 }), (e, o) => (l(), r("div", { class: c([d(v).e("panel-wrapper")]) }, [a(n, {
+			modelValue: b.value,
+			"onUpdate:modelValue": o[0] ||= (e) => b.value = e
+		}, null, 8, ["modelValue"]), i("div", { class: c([d(v).e("panel-action")]) }, [a(d(t), {
+			size: "mini",
+			label: "此刻",
+			onClick: x
+		}), a(d(t), {
+			size: "mini",
+			label: "确定",
+			type: "primary",
+			onClick: S
+		})], 2)], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/es/components/src/datetime-picker/panel-datetime.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {
+    format: string;
+    valueFormat: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/datetime-picker/panel-datetime.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-datetime.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/datetime-picker/panel-datetime.vue
+var t = e;
+//#endregion
+export { t as default };