@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/input/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Input from './src/input';
+export { Input };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/input/src/input-types.d.ts

@@ -0,0 +1,164 @@
+import type { ExtractPropTypes, PropType, VNode } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+export type InputType = 'text' | 'password';
+export type InputSize = 'large' | 'default' | 'small';
+/**
+ * 校验状态。Form 联动会自动透传。
+ */
+export type InputStatus = '' | 'error' | 'warning';
+/**
+ * 录入组件统一 variant 形态：
+ *
+ * - `outlined`（默认）：1px solid 边框，与既有视觉一致
+ * - `filled`：无边框 + 浅灰背景填充，hover 加深
+ * - `borderless`：完全无边框无背景
+ * - `underlined`：仅底部 1px 边框，类似 Material 风
+ */
+export type InputVariant = 'outlined' | 'filled' | 'borderless' | 'underlined';
+/**
+ * `allowClear` 复合配置：
+ *
+ * - `boolean`：开启/关闭清除按钮
+ * - `{ clearIcon }`：自定义清除图标（接 Iconify name / VNode）
+ */
+export interface InputAllowClearObject {
+    clearIcon?: VNode | string;
+}
+export type InputAllowClear = boolean | InputAllowClearObject;
+/**
+ * `showCount` 复合配置：
+ *
+ * - `boolean`：开启右侧字符计数
+ * - `{ formatter }`：自定义计数格式（接 `({ value, count, maxLength }) => string`）
+ */
+export interface InputShowCountObject {
+    formatter?: (info: {
+        value: string;
+        count: number;
+        maxLength?: number;
+    }) => string;
+}
+export type InputShowCount = boolean | InputShowCountObject;
+export declare const inputProps: {
+    readonly type: {
+        readonly type: PropType<InputType>;
+        readonly default: "text";
+    };
+    readonly size: {
+        readonly type: PropType<InputSize>;
+        readonly default: "default";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * @deprecated 请改用 `allowClear`。下一大版本移除。
+     */
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 是否显示清除按钮，支持 `{ clearIcon }` 自定义图标。
+     * 显式 `allowClear` 优先于 `clearable`。
+     */
+    readonly allowClear: {
+        readonly type: PropType<InputAllowClear>;
+        readonly default: undefined;
+    };
+    readonly showPassword: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * @deprecated 请改用 `addon-before` slot 或 `addonBefore` prop。
+     */
+    readonly prepend: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * @deprecated 请改用 `addon-after` slot 或 `addonAfter` prop。
+     */
+    readonly append: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 左侧 addon 内容（字符串或 slot 同名 `addon-before`）。
+     */
+    readonly addonBefore: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 右侧 addon 内容（字符串或 slot 同名 `addon-after`）。
+     */
+    readonly addonAfter: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 最大长度（同时透传给原生 `maxlength`）。
+     */
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * 显示字符计数。`true` 用内置格式 `count[/maxLength]`；对象 `{ formatter }` 自定义。
+     */
+    readonly showCount: {
+        readonly type: PropType<InputShowCount>;
+        readonly default: false;
+    };
+    /**
+     * 校验状态。`'error' | 'warning'`，Form 联动会自动透传。
+     */
+    readonly status: {
+        readonly type: PropType<InputStatus>;
+        readonly default: "";
+    };
+    /**
+     * 录入组件统一 variant 形态。
+     */
+    readonly variant: {
+        readonly type: PropType<InputVariant>;
+        readonly default: "outlined";
+    };
+    /**
+     * 非受控模式初始值。设置后首次挂载从 `defaultValue` 取值，之后忽略；与 `v-model` 并存。
+     */
+    readonly defaultValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `wrapper` / `input`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type InputProps = ExtractPropTypes<typeof inputProps>;

package/input/src/input.d.ts

@@ -0,0 +1,74 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("./input-types").InputType;
+    readonly size: import("./input-types").InputSize;
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly placeholder: string;
+    readonly status: import("./input-types").InputStatus;
+    readonly variant: import("./input-types").InputVariant;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly showCount: import("./input-types").InputShowCount;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly defaultValue?: string | undefined;
+    readonly allowClear?: import("./input-types").InputAllowClear | undefined;
+    readonly maxLength?: number | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "blur" | "focus" | "update:modelValue" | "press-enter")[], "input" | "change" | "clear" | "blur" | "focus" | "update:modelValue" | "press-enter", import("vue").PublicProps, Readonly<{
+    readonly type: import("./input-types").InputType;
+    readonly size: import("./input-types").InputSize;
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly placeholder: string;
+    readonly status: import("./input-types").InputStatus;
+    readonly variant: import("./input-types").InputVariant;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly showCount: import("./input-types").InputShowCount;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly defaultValue?: string | undefined;
+    readonly allowClear?: import("./input-types").InputAllowClear | undefined;
+    readonly maxLength?: number | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onPress-enter"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly type: import("./input-types").InputType;
+    readonly size: import("./input-types").InputSize;
+    readonly disabled: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly modelValue: string;
+    readonly defaultValue: string;
+    readonly placeholder: string;
+    readonly allowClear: import("./input-types").InputAllowClear;
+    readonly status: import("./input-types").InputStatus;
+    readonly variant: import("./input-types").InputVariant;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly maxLength: number;
+    readonly showCount: import("./input-types").InputShowCount;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/input-number/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import InputNumber from './src/input-number';
+export { InputNumber };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/input-number/src/input-number-types.d.ts

@@ -0,0 +1,165 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+/**
+ * 数字输入框的值类型
+ * - number: 有效的数字值
+ * - undefined: 空值（当 allowEmpty 为 true 时）
+ */
+export type InputNumberValue = number | undefined;
+/**
+ * 输入框尺寸类型。
+ *
+ * - 推荐：`'large' | 'default' | 'small'`（与库内其他录入组件统一）
+ * - 兼容：`'lg' | 'md' | 'sm'`（旧值，运行时自动映射到推荐值；下一大版本移除）
+ */
+export type ISize = 'large' | 'default' | 'small' | 'lg' | 'md' | 'sm';
+/**
+ * 控制按钮位置类型
+ */
+export type ControlsPosition = 'right' | 'both';
+/**
+ * 录入组件统一 variant 形态。
+ *
+ * - `outlined`（默认）：1px solid 边框
+ * - `filled`：无边框 + 浅灰背景填充
+ * - `borderless`：完全无边框无背景
+ * - `underlined`：仅底部 1px 边框
+ */
+export type InputNumberVariant = 'outlined' | 'filled' | 'borderless' | 'underlined';
+/**
+ * 校验状态。Form 联动会自动透传。
+ */
+export type InputNumberStatus = '' | 'error' | 'warning';
+/**
+ * 格式化选项接口
+ */
+export interface FormatOptions {
+    /** 数字精度，小数点后保留位数 */
+    precision?: number;
+    /** 是否允许空值 */
+    allowEmpty: boolean;
+    /** 最小值 */
+    min: number;
+    /** 最大值 */
+    max: number;
+}
+export declare const inputNumberProps: {
+    readonly modelValue: {
+        readonly type: PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly step: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly precision: {
+        readonly type: PropType<number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<ISize>;
+        readonly default: "default";
+    };
+    readonly reg: {
+        readonly type: PropType<RegExp | string | undefined>;
+        readonly default: undefined;
+    };
+    readonly allowEmpty: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showGlowStyle: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly controls: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly controlsPosition: {
+        readonly type: PropType<ControlsPosition>;
+        readonly default: "both";
+    };
+    /**
+     * 录入组件统一 variant 形态。
+     * `'outlined' | 'filled' | 'borderless' | 'underlined'`，默认 `'outlined'`。
+     */
+    readonly variant: {
+        readonly type: PropType<InputNumberVariant>;
+        readonly default: "outlined";
+    };
+    /**
+     * 校验状态。`'error' | 'warning'`，Form 联动会自动透传。
+     */
+    readonly status: {
+        readonly type: PropType<InputNumberStatus>;
+        readonly default: "";
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `input` / `controls`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>;
+/**
+ * 数字输入框事件类型定义
+ */
+export interface InputNumberEmits {
+    /** 值更新事件 */
+    'update:modelValue': [value: InputNumberValue];
+    /** 值变化事件 */
+    change: [currentVal: InputNumberValue, oldVal: InputNumberValue];
+    /** 失去焦点事件 */
+    blur: [event: FocusEvent];
+    /** 获得焦点事件 */
+    focus: [event: FocusEvent];
+    /** 输入事件 */
+    input: [currentValue: InputNumberValue];
+}
+/**
+ * 数字输入框实例类型
+ */
+export interface InputNumberInstance {
+    /** 获取当前值 */
+    getValue: () => InputNumberValue;
+    /** 设置值 */
+    setValue: (value: InputNumberValue) => void;
+    /** 聚焦 */
+    focus: () => void;
+    /** 失焦 */
+    blur: () => void;
+    /** 增加值 */
+    increase: () => void;
+    /** 减少值 */
+    decrease: () => void;
+}

package/input-number/src/input-number.d.ts

@@ -0,0 +1,66 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./input-number-types").ISize;
+    readonly disabled: boolean;
+    readonly placeholder: string;
+    readonly status: import("./input-number-types").InputNumberStatus;
+    readonly variant: import("./input-number-types").InputNumberVariant;
+    readonly min: number;
+    readonly max: number;
+    readonly readonly: boolean;
+    readonly step: number;
+    readonly allowEmpty: boolean;
+    readonly showGlowStyle: boolean;
+    readonly controls: boolean;
+    readonly controlsPosition: import("./input-number-types").ControlsPosition;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: number | undefined;
+    readonly precision?: number | undefined;
+    readonly reg?: string | RegExp | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "blur" | "focus" | "update:modelValue")[], "input" | "change" | "blur" | "focus" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    readonly size: import("./input-number-types").ISize;
+    readonly disabled: boolean;
+    readonly placeholder: string;
+    readonly status: import("./input-number-types").InputNumberStatus;
+    readonly variant: import("./input-number-types").InputNumberVariant;
+    readonly min: number;
+    readonly max: number;
+    readonly readonly: boolean;
+    readonly step: number;
+    readonly allowEmpty: boolean;
+    readonly showGlowStyle: boolean;
+    readonly controls: boolean;
+    readonly controlsPosition: import("./input-number-types").ControlsPosition;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: number | undefined;
+    readonly precision?: number | undefined;
+    readonly reg?: string | RegExp | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly size: import("./input-number-types").ISize;
+    readonly disabled: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly modelValue: number | undefined;
+    readonly placeholder: string;
+    readonly status: import("./input-number-types").InputNumberStatus;
+    readonly variant: import("./input-number-types").InputNumberVariant;
+    readonly min: number;
+    readonly max: number;
+    readonly readonly: boolean;
+    readonly step: number;
+    readonly precision: number | undefined;
+    readonly reg: string | RegExp | undefined;
+    readonly allowEmpty: boolean;
+    readonly showGlowStyle: boolean;
+    readonly controls: boolean;
+    readonly controlsPosition: import("./input-number-types").ControlsPosition;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/input-otp/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import InputOtp from './src/input-otp';
+export { InputOtp };
+export type { InputOtpFormatter, InputOtpProps, InputOtpSize, InputOtpStatus } from './src/input-otp-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/input-otp/index.es.js

@@ -0,0 +1,186 @@
+import { computed as e, defineComponent as t, h as n, nextTick as r, onMounted as i, ref as a, watch as o } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function s(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function c(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => s(n),
+		e: (e) => e ? s(n, e) : "",
+		m: (e) => e ? s(n, "", e) : "",
+		em: (e, t) => e && t ? s(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/input-otp/src/input-otp-types.ts
+var l = {
+	modelValue: {
+		type: String,
+		default: ""
+	},
+	defaultValue: {
+		type: String,
+		default: void 0
+	},
+	length: {
+		type: Number,
+		default: 6
+	},
+	autoFocus: {
+		type: Boolean,
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	mask: {
+		type: [Boolean, String],
+		default: !1
+	},
+	formatter: {
+		type: Function,
+		default: void 0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	status: {
+		type: String,
+		default: ""
+	}
+};
+//#endregion
+//#region ../ccui/ui/input-otp/src/input-otp.tsx
+function u(e) {
+	return e ? Array.from(e)[0] ?? "" : "";
+}
+function d(e) {
+	return e === !0 ? "•" : typeof e == "string" && e.length > 0 ? u(e) : null;
+}
+var f = /* @__PURE__ */ t({
+	name: "CInputOtp",
+	props: l,
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(t, { emit: s }) {
+		let l = c("input-otp"), f = a([]), p = (e) => {
+			let n = Array.from({ length: t.length }, () => ""), r = Array.from(e ?? "");
+			for (let e = 0; e < t.length; e++) n[e] = r[e] ?? "";
+			return n;
+		}, m = (e) => e.join(""), h = a(p(t.modelValue === "" ? t.defaultValue ?? "" : t.modelValue)), g = (e) => (t) => {
+			f.value[e] = t ?? null;
+		}, _ = (e) => {
+			let t = f.value[e];
+			t && (t.focus(), t.select?.());
+		}, v = (e) => {
+			let n = u(e);
+			return n ? t.formatter ? u(t.formatter(n)) : n : "";
+		}, y = (e) => {
+			let t = m(h.value);
+			s("update:modelValue", t), s("change", t, { index: e });
+		}, b = (e, n) => {
+			let i = n.target, a = i.value, o = Array.from(a);
+			if (o.length === 0) {
+				h.value[e] = "", y(e);
+				return;
+			}
+			let s = e;
+			for (let e of o) {
+				if (s >= t.length) break;
+				let n = v(e);
+				n && (h.value[s] = n, s++);
+			}
+			i.value = h.value[e] ?? "", y(e);
+			let c = Math.min(s, t.length - 1);
+			c !== e && r(() => _(c));
+		}, x = (e, n) => {
+			if (n.key === "Backspace") {
+				h.value[e] ? (h.value[e] = "", y(e)) : e > 0 && (n.preventDefault(), h.value[e - 1] = "", y(e - 1), r(() => _(e - 1)));
+				return;
+			}
+			if (n.key === "ArrowLeft" && e > 0) {
+				n.preventDefault(), _(e - 1);
+				return;
+			}
+			n.key === "ArrowRight" && e < t.length - 1 && (n.preventDefault(), _(e + 1));
+		}, S = (e, n) => {
+			let i = n.clipboardData?.getData("text") ?? "";
+			if (!i) return;
+			n.preventDefault();
+			let a = Array.from(i), o = e;
+			for (let e of a) {
+				if (o >= t.length) break;
+				let n = v(e);
+				n && (h.value[o] = n, o++);
+			}
+			y(e);
+			let s = Math.min(o, t.length - 1);
+			r(() => _(s));
+		}, C = (e) => s("focus", e), w = (e) => s("blur", e);
+		o(() => t.modelValue, (e) => {
+			e !== m(h.value) && (h.value = p(e));
+		}), o(() => t.length, () => {
+			h.value = p(m(h.value));
+		}), i(() => {
+			t.autoFocus && _(0);
+		});
+		let T = e(() => d(t.mask)), E = e(() => ({
+			[l.b()]: !0,
+			[l.m(t.size)]: !!t.size,
+			[l.m("disabled")]: t.disabled,
+			[l.m(`status-${t.status}`)]: !!t.status
+		}));
+		return () => n("div", {
+			class: E.value,
+			role: "group",
+			"aria-label": "OTP input",
+			"aria-disabled": t.disabled ? !0 : void 0,
+			"aria-invalid": t.status === "error" ? !0 : void 0
+		}, h.value.map((e, r) => {
+			let i = e && T.value ? T.value : e;
+			return n("input", {
+				key: r,
+				ref: g(r),
+				class: l.e("cell"),
+				type: "text",
+				inputmode: "numeric",
+				maxlength: 1,
+				autocomplete: r === 0 ? "one-time-code" : "off",
+				value: i,
+				disabled: t.disabled,
+				"aria-label": `OTP cell ${r + 1}`,
+				"aria-disabled": t.disabled ? !0 : void 0,
+				"aria-invalid": t.status === "error" ? !0 : void 0,
+				onInput: (e) => b(r, e),
+				onKeydown: (e) => x(r, e),
+				onPaste: (e) => S(r, e),
+				onFocus: C,
+				onBlur: w
+			});
+		}));
+	}
+});
+//#endregion
+//#region ../ccui/ui/input-otp/index.ts
+f.install = function(e) {
+	e.component(f.name, f);
+};
+var p = {
+	title: "InputOtp 一次性密码",
+	category: "数据录入",
+	status: "85%",
+	install(e) {
+		e.component(f.name, f);
+	}
+};
+//#endregion
+export { f as InputOtp, p as default };