@movk/nuxt 1.1.1 → 1.2.0

package/dist/runtime/components/input/WithCharacterLimit.vue.d.ts

@@ -1,19 +1,27 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithCharacterLimitProps } from '../../types/components.js';
+import type { InputProps, InputSlots, InputValue } from '@nuxt/ui';
+import type { OmitByKey } from '@movk/core';
+import type { ClassNameValue } from '../../types/index.js';
+export interface WithCharacterLimitProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /**
+     * 最大允许输入的字符数
+     * @defaultValue 50
+     */
+    maxLength?: number;
+    /** 字符计数器的自定义样式类 */
+    counterClass?: ClassNameValue;
+}
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCharacterLimitProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCharacterLimitProps<T> & {
+        modelValue?: T;
     }) & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithClear.d.vue.ts

@@ -1,20 +1,24 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithClearProps } from '../../types/components.js';
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+export interface WithClearProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 清除按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+}
+export type WithClearEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    clear: [];
+};
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithClearProps<import("@nuxt/ui/.").AcceptableValue> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithClearProps<T> & {
         modelValue?: InputProps<T>["modelValue"];
     }) & {
-        onClear?: (() => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "clear") => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: T | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithClear.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { UInput, UButton } from "#components";
 import { isEmpty } from "@movk/core";
-const { buttonProps } = defineProps({
+const props = defineProps({
   buttonProps: { type: Object, required: false }
 });
 const emit = defineEmits(["update:modelValue", "blur", "change", "clear"]);
@@ -33,7 +33,7 @@ function handleClear() {
         size="sm"
         icon="i-lucide-circle-x"
         aria-label="Clear input"
-        v-bind="buttonProps"
+        v-bind="props.buttonProps"
         @click="handleClear"
       />
     </template>

package/dist/runtime/components/input/WithClear.vue.d.ts

@@ -1,20 +1,24 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithClearProps } from '../../types/components.js';
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+export interface WithClearProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 清除按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+}
+export type WithClearEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    clear: [];
+};
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithClearProps<import("@nuxt/ui/.").AcceptableValue> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithClearProps<T> & {
         modelValue?: InputProps<T>["modelValue"];
     }) & {
-        onClear?: (() => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "clear") => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: T | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithCopy.d.vue.ts

@@ -1,20 +1,26 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithCopyProps } from '../../types/components.js';
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue, TooltipProps } from '@nuxt/ui';
+export interface WithCopyProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 复制按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+    /** 提示框的自定义属性 */
+    tooltipProps?: TooltipProps;
+}
+export type WithCopyEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    copy: [value: string];
+};
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCopyProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCopyProps<T> & {
+        modelValue?: T;
     }) & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        onCopy?: ((value: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "copy", value: string) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithCopy.vue

@@ -2,7 +2,7 @@
 import { UInput, UButton, UTooltip } from "#components";
 import { useClipboard } from "@vueuse/core";
 import { isEmpty } from "@movk/core";
-const { buttonProps, tooltipProps } = defineProps({
+const props = defineProps({
   buttonProps: { type: Object, required: false },
   tooltipProps: { type: Object, required: false }
 });
@@ -33,14 +33,14 @@ function handleCopy() {
     </template>
 
     <template v-if="!isEmpty(modelValue)" #trailing>
-      <UTooltip text="Copy to clipboard" v-bind="tooltipProps">
+      <UTooltip text="Copy to clipboard" v-bind="props.tooltipProps">
         <UButton
           :color="copied ? 'success' : 'neutral'"
           variant="link"
           size="sm"
           :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
           aria-label="Copy to clipboard"
-          v-bind="buttonProps"
+          v-bind="props.buttonProps"
           @click="handleCopy"
         />
       </UTooltip>

package/dist/runtime/components/input/WithCopy.vue.d.ts

@@ -1,20 +1,26 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithCopyProps } from '../../types/components.js';
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue, TooltipProps } from '@nuxt/ui';
+export interface WithCopyProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 复制按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+    /** 提示框的自定义属性 */
+    tooltipProps?: TooltipProps;
+}
+export type WithCopyEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    copy: [value: string];
+};
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCopyProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCopyProps<T> & {
+        modelValue?: T;
     }) & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        onCopy?: ((value: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "copy", value: string) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithFloatingLabel.d.vue.ts

@@ -0,0 +1,36 @@
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+import type { ClassNameValue } from '../../types/index.js';
+export interface WithFloatingLabelProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 浮动标签文本 */
+    label?: string;
+    /** 浮动标签的自定义样式类 */
+    labelClass?: ClassNameValue;
+    /** 清除按钮的自定义属性 */
+    clearButtonProps?: ButtonProps;
+}
+export type WithFloatingLabelEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    clear: [];
+};
+declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithFloatingLabelProps<T> & {
+        modelValue?: T;
+    }) & {
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: OmitByKey<InputSlots, "default" | "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/input/WithFloatingLabel.vue

@@ -0,0 +1,67 @@
+<script setup>
+import { computed, useAttrs } from "vue";
+import { UInput, UButton } from "#components";
+import { isEmpty } from "@movk/core";
+const props = defineProps({
+  label: { type: String, required: false },
+  labelClass: { type: [Array, String, null, Number, Boolean], required: false, skipCheck: true },
+  clearButtonProps: { type: Object, required: false }
+});
+const emit = defineEmits(["update:modelValue", "blur", "change", "clear"]);
+const slots = defineSlots();
+defineOptions({ inheritAttrs: false });
+const attrs = useAttrs();
+const modelValue = defineModel({ type: null });
+const labelLeftClass = computed(() => {
+  const hasLeading = !!(attrs["leading-icon"] || attrs.avatar || attrs.leadingIcon || slots.leading);
+  if (!hasLeading) return "left-0";
+  const offsetMap = {
+    xs: "left-5",
+    sm: "left-6",
+    md: "left-7",
+    lg: "left-8",
+    xl: "left-9"
+  };
+  return offsetMap[attrs.size ?? "md"] ?? "left-7";
+});
+function handleClear() {
+  modelValue.value = void 0;
+  emit("clear");
+}
+</script>
+
+<template>
+  <UInput
+    v-model="modelValue"
+    :placeholder="props.placeholder ?? ''"
+    :ui="{ base: 'peer', trailing: 'pe-1' }"
+    v-bind="$attrs"
+    @blur="emit('blur', $event)"
+    @change="emit('change', $event)"
+  >
+    <template v-for="(_, slotName) in slots" :key="slotName" #[slotName]="slotProps">
+      <slot :name="slotName" v-bind="slotProps ?? {}" />
+    </template>
+
+    <template v-if="props.label" #default>
+      <label
+        class="pointer-events-none absolute -top-2.5 text-highlighted text-xs font-medium px-1.5 transition-all peer-focus:-top-2.5 peer-focus:text-highlighted peer-focus:text-xs peer-focus:font-medium peer-placeholder-shown:text-sm peer-placeholder-shown:text-dimmed peer-placeholder-shown:top-1.5 peer-placeholder-shown:font-normal"
+        :class="[labelLeftClass, props.labelClass]"
+      >
+        <span class="inline-flex bg-default px-1">{{ props.label }}</span>
+      </label>
+    </template>
+
+    <template v-if="!isEmpty(modelValue)" #trailing>
+      <UButton
+        color="neutral"
+        variant="link"
+        size="sm"
+        icon="i-lucide-circle-x"
+        aria-label="Clear input"
+        v-bind="props.clearButtonProps"
+        @click="handleClear"
+      />
+    </template>
+  </UInput>
+</template>

package/dist/runtime/components/input/WithFloatingLabel.vue.d.ts

@@ -0,0 +1,36 @@
+import { type OmitByKey } from '@movk/core';
+import type { ButtonProps, InputEmits, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+import type { ClassNameValue } from '../../types/index.js';
+export interface WithFloatingLabelProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'modelValue'> {
+    /** 浮动标签文本 */
+    label?: string;
+    /** 浮动标签的自定义样式类 */
+    labelClass?: ClassNameValue;
+    /** 清除按钮的自定义属性 */
+    clearButtonProps?: ButtonProps;
+}
+export type WithFloatingLabelEmits<T extends InputValue = InputValue> = InputEmits<T> & {
+    clear: [];
+};
+declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithFloatingLabelProps<T> & {
+        modelValue?: T;
+    }) & {
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: OmitByKey<InputSlots, "default" | "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/input/WithPasswordToggle.d.vue.ts

@@ -1,19 +1,21 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithPasswordToggleProps } from '../../types/components.js';
+import type { OmitByKey } from '@movk/core';
+import type { ButtonProps, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+export interface WithPasswordToggleProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'type' | 'modelValue'> {
+    /** 切换按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+}
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithPasswordToggleProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithPasswordToggleProps<T> & {
+        modelValue?: T;
     }) & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/input/WithPasswordToggle.vue

@@ -1,14 +1,14 @@
 <script setup>
 import { UInput, UButton } from "#components";
 import { useToggle } from "@vueuse/core";
-const { buttonProps } = defineProps({
+const props = defineProps({
   buttonProps: { type: Object, required: false }
 });
 const emit = defineEmits(["update:modelValue", "blur", "change"]);
 const slots = defineSlots();
 defineOptions({ inheritAttrs: false });
 const modelValue = defineModel({ type: null });
-const [value, toggle] = useToggle();
+const [value, toggle] = useToggle(false);
 </script>
 
 <template>
@@ -32,7 +32,7 @@ const [value, toggle] = useToggle();
         :icon="value ? 'i-lucide-eye-off' : 'i-lucide-eye'"
         :aria-label="value ? 'Hide password' : 'Show password'"
         :aria-pressed="value"
-        v-bind="buttonProps"
+        v-bind="props.buttonProps"
         @click="toggle()"
       />
     </template>

package/dist/runtime/components/input/WithPasswordToggle.vue.d.ts

@@ -1,19 +1,21 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithPasswordToggleProps } from '../../types/components.js';
+import type { OmitByKey } from '@movk/core';
+import type { ButtonProps, InputProps, InputSlots, InputValue } from '@nuxt/ui';
+export interface WithPasswordToggleProps<T extends InputValue = InputValue> extends /** @vue-ignore */ OmitByKey<InputProps<T>, 'type' | 'modelValue'> {
+    /** 切换按钮的自定义属性 */
+    buttonProps?: ButtonProps;
+}
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithPasswordToggleProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithPasswordToggleProps<T> & {
+        modelValue?: T;
     }) & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: any & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/theme-picker/ThemePicker.d.vue.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: any;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/theme-picker/ThemePicker.vue

@@ -1,10 +1,9 @@
 <script setup>
-import { useAppConfig, useColorMode } from "#imports";
+import { useColorMode } from "#imports";
 import { useClipboard } from "@vueuse/core";
 import { ref } from "vue";
-import { useTheme } from "../../composables/useTheme";
+import { useTheme } from "../../composables";
 import ThemePickerButton from "./ThemePickerButton.vue";
-const appConfig = useAppConfig();
 const colorMode = useColorMode();
 const open = ref(false);
 const { copy: copyCSS, copied: copiedCSS } = useClipboard();
@@ -14,7 +13,7 @@ const {
   neutral,
   primaryColors,
   primary,
-  setBlackAsPrimary,
+  blackAsPrimary,
   radiuses,
   radius,
   fonts,
@@ -32,10 +31,7 @@ const {
 </script>
 
 <template>
-  <UPopover
-    v-model:open="open"
-    :ui="{ content: 'w-72 px-6 py-4 flex flex-col gap-4 overflow-y-auto max-h-[calc(100vh-5rem)]' }"
-  >
+  <UPopover v-model:open="open" :ui="{ content: 'w-72 px-6 py-4 flex flex-col gap-4 overflow-y-auto max-h-[calc(100vh-5rem)]' }">
     <template #default>
       <UButton
         icon="i-lucide-swatch-book"
@@ -57,17 +53,20 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
         </legend>
 
         <div class="grid grid-cols-3 gap-1 -mx-2">
-          <ThemePickerButton label="Black" :selected="appConfig.theme.blackAsPrimary" @click="setBlackAsPrimary(true)">
+          <ThemePickerButton
+            label="Black"
+            :selected="blackAsPrimary"
+            @click="blackAsPrimary = true"
+          >
             <template #leading>
-              <span class="inline-block w-2 h-2 rounded-full bg-black dark:bg-white" />
+              <span class="inline-block size-2 rounded-full bg-black dark:bg-white" />
             </template>
           </ThemePickerButton>
 
@@ -76,7 +75,7 @@ const {
             :key="color"
             :label="color"
             :chip="color"
-            :selected="!appConfig.theme.blackAsPrimary && primary === color"
+            :selected="!blackAsPrimary && primary === color"
             @click="primary = color"
           />
         </div>
@@ -91,8 +90,7 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
@@ -119,8 +117,7 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
@@ -147,8 +144,7 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
@@ -176,8 +172,7 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
@@ -205,8 +200,7 @@ const {
             size="xs"
             color="neutral"
             variant="link"
-            target="_blank"
-            icon="i-lucide-circle-help"
+            icon="i-lucide-help-circle"
             class="p-0 -my-0.5"
             :ui="{ leadingIcon: 'size-3' }"
           />
@@ -236,7 +230,7 @@ const {
             size="sm"
             label="main.css"
             class="flex-1 text-[11px]"
-            :icon="copiedCSS ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
+            :icon="copiedCSS ? 'i-lucide-copy-check' : 'i-lucide-copy'"
             @click="copyCSS(exportCSS())"
           />
           <UButton
@@ -245,7 +239,7 @@ const {
             variant="soft"
             size="sm"
             label="app.config.ts"
-            :icon="copiedAppConfig ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
+            :icon="copiedAppConfig ? 'i-lucide-copy-check' : 'i-lucide-copy'"
             class="flex-1 text-[11px]"
             @click="copyAppConfig(exportAppConfig())"
           />

package/dist/runtime/components/theme-picker/ThemePicker.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: any;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/theme-picker/ThemePickerButton.d.vue.ts

@@ -1,13 +1,7 @@
-type __VLS_Props = {
-    label: string;
-    icon?: string;
-    chip?: string;
-    selected?: boolean;
-};
 type __VLS_Slots = {
     leading: () => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: any;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;