savor-ui 0.0.1

package/dist/es/components/src/image/image-group.vue.mjs

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

package/dist/es/components/src/image/image-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,135 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useScrollHidden as t } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as n } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import ee from "../../../icons/src/close.vue.mjs";
+import r from "../../../icons/src/left.vue.mjs";
+import i from "../../../icons/src/refresh-left.vue.mjs";
+import a from "../../../icons/src/refresh-right.vue.mjs";
+import o from "../../../icons/src/refresh.vue.mjs";
+import s from "../../../icons/src/right.vue.mjs";
+import c from "../../../icons/src/zoom-in.vue.mjs";
+import l from "../../../icons/src/zoom-out.vue.mjs";
+import "../../../icons/index.mjs";
+import { imageGroupContextKey as u } from "./types.mjs";
+import { Fragment as d, Teleport as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeModels as b, normalizeClass as x, normalizeStyle as S, onMounted as te, onUnmounted as C, openBlock as w, provide as T, ref as E, renderSlot as D, unref as O, useModel as k, watch as A, withModifiers as j } from "vue";
+//#region ../components/src/image/image-group.vue?vue&type=script&setup=true&lang.ts
+var M = ["src"], N = /* @__PURE__ */ y({
+	name: "SImageGroup",
+	__name: "image-group",
+	props: /* @__PURE__ */ b({
+		modelValue: { type: Boolean },
+		srcList: {}
+	}, {
+		modelValue: { default: !1 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(y) {
+		let b = y, N = e("image"), { nextZIndex: P } = n(), { lockScroll: F, unlockScroll: I } = t(), L = E(0), R = k(y, "modelValue"), z = E([]), B = E(0), V = p(() => z.value[B.value]), H = () => {
+			R.value = !1, I();
+		};
+		A(R, (e) => {
+			e ? (L.value = P(), F()) : I();
+		});
+		let U = E(0), W = E(1), G = E(0), K = E(0), q = () => {
+			U.value += 90;
+		}, J = () => {
+			U.value -= 90;
+		}, Y = () => {
+			W.value += .2, W.value > 2 && (W.value = 2);
+		}, X = () => {
+			W.value -= .2, W.value < .5 && (W.value = .5);
+		}, Z = () => {
+			U.value = 0, W.value = 1, G.value = 0, K.value = 0;
+		}, ne = () => {
+			H();
+		}, Q = (e) => {
+			R.value && (e.preventDefault(), e.deltaY > 0 ? X() : Y());
+		}, $ = E(!1), re = (e) => {
+			e.preventDefault(), $.value = !0;
+		}, ie = (e) => {
+			e.preventDefault(), $.value = !1;
+		}, ae = (e) => {
+			e.preventDefault(), $.value && (G.value += e.movementX, K.value += e.movementY);
+		}, oe = () => {
+			B.value--, Z(), B.value < 0 && (B.value = z.value.length - 1);
+		}, se = () => {
+			B.value++, Z(), B.value > z.value.length - 1 && (B.value = 0);
+		};
+		return te(() => {
+			document.addEventListener("wheel", Q, { passive: !1 });
+		}), C(() => {
+			document.removeEventListener("wheel", Q);
+		}), A(() => b.srcList, (e) => {
+			e && (z.value = e);
+		}), T(u, {
+			addImage: (e) => {
+				z.value.push(e);
+			},
+			removeImage: (e) => {
+				z.value = z.value.filter((t) => t !== e);
+			},
+			showPreview: (e) => {
+				let t = z.value.indexOf(e);
+				t !== -1 && (B.value = t, Z(), R.value = !0);
+			}
+		}), (e, t) => (w(), g(d, null, [D(e.$slots, "default"), (w(), m(f, { to: "body" }, [R.value ? (w(), g("div", {
+			key: 0,
+			class: x([O(N).e("preview")]),
+			style: S({ zIndex: L.value })
+		}, [_("div", {
+			class: x([O(N).e("mask")]),
+			onClick: H
+		}, null, 2), _("div", { class: x([O(N).e("wrapper")]) }, [
+			V.value ? (w(), g("div", {
+				key: 0,
+				class: x([O(N).e("content")]),
+				style: S({ transform: `translate(${G.value}px, ${K.value}px) rotate(${U.value}deg) scale(${W.value})` }),
+				onMousedown: re,
+				onMouseup: ie,
+				onMousemove: ae
+			}, [_("img", {
+				src: V.value,
+				alt: "",
+				class: x([O(N).e("content-img")])
+			}, null, 10, M)], 38)) : h("", !0),
+			_("div", {
+				class: x([O(N).e("arrow"), O(N).e("arrow-left")]),
+				onClick: j(oe, ["stop"])
+			}, [v(O(r))], 2),
+			_("div", {
+				class: x([O(N).e("arrow"), O(N).e("arrow-right")]),
+				onClick: j(se, ["stop"])
+			}, [v(O(s))], 2),
+			_("div", { class: x([O(N).e("toolbar")]) }, [
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(q, ["stop"])
+				}, [v(O(i))], 2),
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(J, ["stop"])
+				}, [v(O(a))], 2),
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(Y, ["stop"])
+				}, [v(O(c))], 2),
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(X, ["stop"])
+				}, [v(O(l))], 2),
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(Z, ["stop"])
+				}, [v(O(o))], 2),
+				_("div", {
+					class: x([O(N).e("toolbar-item")]),
+					onClick: j(ne, ["stop"])
+				}, [v(O(ee))], 2)
+			], 2)
+		], 2)], 6)) : h("", !0)]))], 64));
+	}
+});
+//#endregion
+export { N as default };

package/dist/es/components/src/image/image-preview.d.ts

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

package/dist/es/components/src/image/image-preview.vue.mjs

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

package/dist/es/components/src/image/image-preview.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,106 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import { useScrollHidden as t } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as n } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import r from "../../../icons/src/close.vue.mjs";
+import i from "../../../icons/src/refresh-left.vue.mjs";
+import a from "../../../icons/src/refresh-right.vue.mjs";
+import o from "../../../icons/src/refresh.vue.mjs";
+import s from "../../../icons/src/zoom-in.vue.mjs";
+import c from "../../../icons/src/zoom-out.vue.mjs";
+import "../../../icons/index.mjs";
+import { Teleport as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, normalizeStyle as v, onMounted as y, onUnmounted as b, openBlock as x, ref as S, unref as C, useModel as w, useTemplateRef as T, watch as E, withModifiers as D } from "vue";
+//#region ../components/src/image/image-preview.vue?vue&type=script&setup=true&lang.ts
+var O = ["src", "alt"], k = /* @__PURE__ */ h({
+	name: "SImagePreview",
+	__name: "image-preview",
+	props: /* @__PURE__ */ g({
+		modelValue: { type: Boolean },
+		src: {},
+		alt: {}
+	}, {
+		modelValue: { default: !1 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(h) {
+		let g = e("image"), { nextZIndex: k } = n(), { lockScroll: A, unlockScroll: j } = t(), M = S(0), N = w(h, "modelValue"), P = () => {
+			N.value = !1, j();
+		};
+		E(N, (e) => {
+			e ? (M.value = k(), A()) : j();
+		});
+		let F = T("contentRef"), I = S(0), L = S(1), R = S(0), z = S(0), B = () => {
+			F.value && (I.value += 90);
+		}, V = () => {
+			F.value && (I.value -= 90);
+		}, H = () => {
+			F.value && (L.value += .2, L.value > 2 && (L.value = 2));
+		}, U = () => {
+			F.value && (L.value -= .2, L.value < .5 && (L.value = .5));
+		}, W = () => {
+			F.value && (I.value = 0, L.value = 1, R.value = 0, z.value = 0);
+		}, G = () => {
+			P();
+		}, K = (e) => {
+			N.value && (e.preventDefault(), e.deltaY > 0 ? U() : H());
+		}, q = S(!1), J = (e) => {
+			e.preventDefault(), q.value = !0;
+		}, Y = (e) => {
+			e.preventDefault(), q.value = !1;
+		}, X = (e) => {
+			e.preventDefault(), q.value && (R.value += e.movementX, z.value += e.movementY);
+		};
+		return y(() => {
+			document.addEventListener("wheel", K, { passive: !1 });
+		}), b(() => {
+			document.removeEventListener("wheel", K);
+		}), (e, t) => (x(), u(l, { to: "body" }, [N.value ? (x(), f("div", {
+			key: 0,
+			class: _([C(g).e("preview")]),
+			style: v({ zIndex: M.value })
+		}, [p("div", {
+			class: _([C(g).e("mask")]),
+			onClick: P
+		}, null, 2), p("div", { class: _([C(g).e("wrapper")]) }, [p("div", {
+			class: _([C(g).e("content")]),
+			ref_key: "contentRef",
+			ref: F,
+			style: v({ transform: `translate(${R.value}px, ${z.value}px) rotate(${I.value}deg) scale(${L.value})` }),
+			onMousedown: J,
+			onMouseup: Y,
+			onMousemove: X
+		}, [p("img", {
+			src: h.src,
+			alt: h.alt,
+			class: _([C(g).e("content-img")])
+		}, null, 10, O)], 38), p("div", { class: _([C(g).e("toolbar")]) }, [
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(B, ["stop"])
+			}, [m(C(i))], 2),
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(V, ["stop"])
+			}, [m(C(a))], 2),
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(H, ["stop"])
+			}, [m(C(s))], 2),
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(U, ["stop"])
+			}, [m(C(c))], 2),
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(W, ["stop"])
+			}, [m(C(o))], 2),
+			p("div", {
+				class: _([C(g).e("toolbar-item")]),
+				onClick: D(G, ["stop"])
+			}, [m(C(r))], 2)
+		], 2)], 2)], 6)) : d("", !0)]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/es/components/src/image/image.d.ts

@@ -0,0 +1,5 @@
+import { ImageProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<ImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/image/image.vue.mjs

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

package/dist/es/components/src/image/image.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import { getSize as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { imageGroupContextKey as n } from "./types.mjs";
+import r from "./image-preview.vue.mjs";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, inject as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, unref as _ } from "vue";
+//#region ../components/src/image/image.vue?vue&type=script&setup=true&lang.ts
+var v = ["src", "alt"], y = /* @__PURE__ */ l({
+	name: "SImage",
+	__name: "image",
+	props: {
+		src: {},
+		alt: {},
+		width: {}
+	},
+	setup(l) {
+		let y = l, b = t("image"), x = u(n, void 0), S = g(!1), C = () => {
+			x ? x.showPreview(y.src) : S.value = !0;
+		};
+		return p(() => {
+			x?.addImage(y.src);
+		}), m(() => {
+			x?.removeImage(y.src);
+		}), (t, n) => (h(), s(i, null, [c("div", {
+			class: d([_(b).b()]),
+			style: f({ width: _(e)(l.width) }),
+			onClick: C
+		}, [c("img", {
+			class: d([_(b).e("img")]),
+			src: l.src,
+			alt: l.alt,
+			style: f({ width: _(e)(l.width) })
+		}, null, 14, v)], 6), _(x) ? o("", !0) : (h(), a(r, {
+			key: 0,
+			modelValue: S.value,
+			"onUpdate:modelValue": n[0] ||= (e) => S.value = e,
+			src: l.src
+		}, null, 8, ["modelValue", "src"]))], 64));
+	}
+});
+//#endregion
+export { y as default };

package/dist/es/components/src/image/index.d.ts

@@ -0,0 +1,78 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ImageProps, ImagePreviewProps, ImageGroupProps } from './types';
+export declare const SImage: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ImageProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ImageProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ImageProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export declare const SImagePreview: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ImagePreviewProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ImagePreviewProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ImagePreviewProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+export declare const SImageGroup: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ImageGroupProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ImageGroupProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ImageGroupProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/image/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import "./types.mjs";
+import t from "./image-group.vue.mjs";
+import n from "./image-preview.vue.mjs";
+import r from "./image.vue.mjs";
+//#region ../components/src/image/index.ts
+var i = e(r), a = e(n), o = e(t);
+//#endregion
+export { i as SImage, o as SImageGroup, a as SImagePreview };

package/dist/es/components/src/image/types.d.ts

@@ -0,0 +1,29 @@
+import { InjectionKey } from 'vue';
+export interface ImageProps {
+    /** 图片地址 */
+    src: string;
+    /** 图片替代文本 */
+    alt?: string;
+    /** 图片宽度 */
+    width?: number | string;
+}
+export interface ImagePreviewProps {
+    /** 是否显示预览(v-model) */
+    modelValue?: boolean;
+    /** 图片地址 */
+    src: string;
+    /** 图片替代文本 */
+    alt?: string;
+}
+export interface ImageGroupProps {
+    /** 是否显示图片组(v-model) */
+    modelValue?: boolean;
+    /** 图片地址列表 */
+    srcList?: string[];
+}
+export interface ImageGroupContext {
+    addImage: (src: string) => void;
+    removeImage: (src: string) => void;
+    showPreview: (src: string) => void;
+}
+export declare const imageGroupContextKey: InjectionKey<ImageGroupContext>;

package/dist/es/components/src/image/types.mjs

@@ -0,0 +1,4 @@
+//#region ../components/src/image/types.ts
+var e = Symbol("imageGroupContextKey");
+//#endregion
+export { e as imageGroupContextKey };

package/dist/es/components/src/input/index.d.ts

@@ -0,0 +1,70 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { InputProps, InputExpose, InputSlots } from './types';
+export declare const SInput: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< InputProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: ((evt: Event) => any) | undefined;
+        onBlur?: ((evt: Event) => any) | undefined;
+        onChange?: ((value: string, evt: Event) => any) | undefined;
+        onFocus?: ((evt: Event) => any) | undefined;
+        onInput?: ((value: string, evt: Event) => any) | undefined;
+        "onPress-enter"?: ((value: string, evt: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, InputExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clear: (evt: Event) => any;
+        blur: (evt: Event) => any;
+        change: (value: string, evt: Event) => any;
+        focus: (evt: Event) => any;
+        input: (value: string, evt: Event) => any;
+        "press-enter": (value: string, evt: KeyboardEvent) => any;
+        "update:modelValue": (value: string) => any;
+    }, PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< InputProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        onClear?: ((evt: Event) => any) | undefined;
+        onBlur?: ((evt: Event) => any) | undefined;
+        onChange?: ((value: string, evt: Event) => any) | undefined;
+        onFocus?: ((evt: Event) => any) | undefined;
+        onInput?: ((value: string, evt: Event) => any) | undefined;
+        "onPress-enter"?: ((value: string, evt: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, InputExpose, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< InputProps & {
+    modelValue?: string;
+}> & Readonly<{
+    onClear?: ((evt: Event) => any) | undefined;
+    onBlur?: ((evt: Event) => any) | undefined;
+    onChange?: ((value: string, evt: Event) => any) | undefined;
+    onFocus?: ((evt: Event) => any) | undefined;
+    onInput?: ((value: string, evt: Event) => any) | undefined;
+    "onPress-enter"?: ((value: string, evt: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, InputExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (evt: Event) => any;
+    blur: (evt: Event) => any;
+    change: (value: string, evt: Event) => any;
+    focus: (evt: Event) => any;
+    input: (value: string, evt: Event) => any;
+    "press-enter": (value: string, evt: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    size: "mini" | "small" | "medium" | "large";
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: InputSlots;
+}) & Plugin;
+export * from './types';

package/dist/es/components/src/input/index.mjs

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

package/dist/es/components/src/input/input.d.ts

@@ -0,0 +1,38 @@
+import { InputExpose, InputProps, InputSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = InputProps;
+type __VLS_Slots = InputSlots;
+declare const __VLS_defaultModels: {
+    modelValue: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: typeof __VLS_defaultModels['modelValue'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, InputExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (evt: Event) => any;
+    blur: (evt: Event) => any;
+    change: (value: string, evt: Event) => any;
+    focus: (evt: Event) => any;
+    input: (value: string, evt: Event) => any;
+    "press-enter": (value: string, evt: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: ((evt: Event) => any) | undefined;
+    onBlur?: ((evt: Event) => any) | undefined;
+    onChange?: ((value: string, evt: Event) => any) | undefined;
+    onFocus?: ((evt: Event) => any) | undefined;
+    onInput?: ((value: string, evt: Event) => any) | undefined;
+    "onPress-enter"?: ((value: string, evt: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: "mini" | "small" | "medium" | "large";
+}, {}, {}, {}, string, 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/es/components/src/input/input.vue.mjs

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