@cyberpunk-vue/components 1.12.7 → 1.13.2

package/dist/pagination/index.d.ts

@@ -290,7 +290,7 @@ export declare const CpPagination: import('../utils').SFCWithInstall<{
         sizes?(_: {
             pageSize: number;
             pageSizes: number[];
-            options: import('..').DropdownOption[];
+            options: import('..').SelectOption[];
             onChange: (val: string | number) => void;
             disabled: boolean;
             type: import('.').PaginationType;

package/dist/pagination/src/pagination.vue.d.ts

@@ -1,11 +1,11 @@
-import { DropdownOption } from '../../dropdown/src/dropdown';
+import { SelectOption } from '../../select/src/select';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         sizes?(_: {
             pageSize: number;
             pageSizes: number[];
-            options: DropdownOption[];
+            options: SelectOption[];
             onChange: (val: string | number) => void;
             disabled: boolean;
             type: import('./pagination').PaginationType;

package/dist/select/index.d.ts

@@ -0,0 +1,421 @@
+/**
+ * CpSelect 赛博朋克风格下拉选择器
+ *
+ * 支持多种尺寸、形态变体、可搜索/可清空功能。具有特色的切角造型。
+ * 浮层定位基于 @floating-ui/dom，自动处理翻转、越界、以及触发器位置/尺寸变化的跟随。
+ *
+ * @example
+ * ```vue
+ * <CpSelect v-model="value" :options="options" placeholder="请选择" />
+ * <CpSelect v-model="search" filterable clearable />
+ * ```
+ *
+ * @see {@link SelectProps} 查看所有可用属性
+ *
+ * @slot default - 自定义选项内容
+ * @slot prefix - 触发器前缀
+ * @slot empty - 无选项时的空状态
+ */
+export declare const CpSelect: import('../utils').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+        readonly options: {
+            readonly type: import('vue').PropType<import('.').SelectOption[]>;
+            readonly default: () => never[];
+        };
+        readonly placeholder: {
+            readonly type: StringConstructor;
+            readonly default: "请选择";
+        };
+        readonly filterPlaceholder: {
+            readonly type: StringConstructor;
+            readonly default: "搜索...";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly clearable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly filterable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').SelectSize>;
+            readonly default: "md";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').SelectShape>;
+            readonly default: "clip";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').SelectVariant>;
+            readonly default: "outline";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly inactiveColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly placeholderColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly inline: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly placement: {
+            readonly type: import('vue').PropType<import('.').SelectPlacement>;
+            readonly default: "bottom-start";
+        };
+        readonly teleportTo: {
+            readonly type: import('vue').PropType<string | HTMLElement>;
+            readonly default: "body";
+        };
+        readonly maxHeight: {
+            readonly type: NumberConstructor;
+            readonly default: 256;
+        };
+        readonly noMatchText: {
+            readonly type: StringConstructor;
+            readonly default: "无匹配数据";
+        };
+        readonly noDataText: {
+            readonly type: StringConstructor;
+            readonly default: "无数据";
+        };
+        readonly clearDuration: {
+            readonly type: NumberConstructor;
+            readonly default: 150;
+        };
+        readonly width: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+    }>> & Readonly<{
+        onClear?: (() => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onChange?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onVisibleChange?: ((visible: boolean) => any) | undefined;
+    }>, {
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        focus: () => void;
+        blur: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        clear: () => void;
+        blur: () => void;
+        change: (value: string | number) => void;
+        "update:modelValue": (value: string | number) => void;
+        focus: () => void;
+        visibleChange: (visible: boolean) => void;
+    }, import('vue').PublicProps, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly width: string | number;
+        readonly color: string;
+        readonly variant: import('.').SelectVariant;
+        readonly disabled: boolean;
+        readonly shape: import('.').SelectShape;
+        readonly inline: boolean;
+        readonly placeholder: string;
+        readonly modelValue: string | number;
+        readonly clearable: boolean;
+        readonly placeholderColor: string;
+        readonly clearDuration: number;
+        readonly maxHeight: number;
+        readonly inactiveColor: string;
+        readonly teleportTo: string | HTMLElement;
+        readonly placement: import('.').SelectPlacement;
+        readonly options: import('.').SelectOption[];
+        readonly filterPlaceholder: string;
+        readonly filterable: boolean;
+        readonly noMatchText: string;
+        readonly noDataText: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        triggerRef: HTMLDivElement;
+        inlineInputRef: HTMLInputElement;
+        popperRef: HTMLDivElement;
+        filterInputRef: HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly modelValue: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+        readonly options: {
+            readonly type: import('vue').PropType<import('.').SelectOption[]>;
+            readonly default: () => never[];
+        };
+        readonly placeholder: {
+            readonly type: StringConstructor;
+            readonly default: "请选择";
+        };
+        readonly filterPlaceholder: {
+            readonly type: StringConstructor;
+            readonly default: "搜索...";
+        };
+        readonly disabled: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly clearable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly filterable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('.').SelectSize>;
+            readonly default: "md";
+        };
+        readonly shape: {
+            readonly type: import('vue').PropType<import('.').SelectShape>;
+            readonly default: "clip";
+        };
+        readonly variant: {
+            readonly type: import('vue').PropType<import('.').SelectVariant>;
+            readonly default: "outline";
+        };
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly inactiveColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly placeholderColor: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly inline: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly placement: {
+            readonly type: import('vue').PropType<import('.').SelectPlacement>;
+            readonly default: "bottom-start";
+        };
+        readonly teleportTo: {
+            readonly type: import('vue').PropType<string | HTMLElement>;
+            readonly default: "body";
+        };
+        readonly maxHeight: {
+            readonly type: NumberConstructor;
+            readonly default: 256;
+        };
+        readonly noMatchText: {
+            readonly type: StringConstructor;
+            readonly default: "无匹配数据";
+        };
+        readonly noDataText: {
+            readonly type: StringConstructor;
+            readonly default: "无数据";
+        };
+        readonly clearDuration: {
+            readonly type: NumberConstructor;
+            readonly default: 150;
+        };
+        readonly width: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly default: "";
+        };
+    }>> & Readonly<{
+        onClear?: (() => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onChange?: ((value: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onVisibleChange?: ((visible: boolean) => any) | undefined;
+    }>, {
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        focus: () => void;
+        blur: () => void;
+    }, {}, {}, {}, {
+        readonly size: import('@cyberpunk-vue/hooks').Size;
+        readonly width: string | number;
+        readonly color: string;
+        readonly variant: import('.').SelectVariant;
+        readonly disabled: boolean;
+        readonly shape: import('.').SelectShape;
+        readonly inline: boolean;
+        readonly placeholder: string;
+        readonly modelValue: string | number;
+        readonly clearable: boolean;
+        readonly placeholderColor: string;
+        readonly clearDuration: number;
+        readonly maxHeight: number;
+        readonly inactiveColor: string;
+        readonly teleportTo: string | HTMLElement;
+        readonly placement: import('.').SelectPlacement;
+        readonly options: import('.').SelectOption[];
+        readonly filterPlaceholder: string;
+        readonly filterable: boolean;
+        readonly noMatchText: string;
+        readonly noDataText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: "";
+    };
+    readonly options: {
+        readonly type: import('vue').PropType<import('.').SelectOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly filterPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "搜索...";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('.').SelectSize>;
+        readonly default: "md";
+    };
+    readonly shape: {
+        readonly type: import('vue').PropType<import('.').SelectShape>;
+        readonly default: "clip";
+    };
+    readonly variant: {
+        readonly type: import('vue').PropType<import('.').SelectVariant>;
+        readonly default: "outline";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly inactiveColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholderColor: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('.').SelectPlacement>;
+        readonly default: "bottom-start";
+    };
+    readonly teleportTo: {
+        readonly type: import('vue').PropType<string | HTMLElement>;
+        readonly default: "body";
+    };
+    readonly maxHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 256;
+    };
+    readonly noMatchText: {
+        readonly type: StringConstructor;
+        readonly default: "无匹配数据";
+    };
+    readonly noDataText: {
+        readonly type: StringConstructor;
+        readonly default: "无数据";
+    };
+    readonly clearDuration: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: "";
+    };
+}>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onVisibleChange?: ((visible: boolean) => any) | undefined;
+}>, {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => void;
+    blur: () => void;
+    change: (value: string | number) => void;
+    "update:modelValue": (value: string | number) => void;
+    focus: () => void;
+    visibleChange: (visible: boolean) => void;
+}, string, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly width: string | number;
+    readonly color: string;
+    readonly variant: import('.').SelectVariant;
+    readonly disabled: boolean;
+    readonly shape: import('.').SelectShape;
+    readonly inline: boolean;
+    readonly placeholder: string;
+    readonly modelValue: string | number;
+    readonly clearable: boolean;
+    readonly placeholderColor: string;
+    readonly clearDuration: number;
+    readonly maxHeight: number;
+    readonly inactiveColor: string;
+    readonly teleportTo: string | HTMLElement;
+    readonly placement: import('.').SelectPlacement;
+    readonly options: import('.').SelectOption[];
+    readonly filterPlaceholder: string;
+    readonly filterable: boolean;
+    readonly noMatchText: string;
+    readonly noDataText: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        empty?(_: {}): any;
+        default?(_: {
+            option: import('.').SelectOption;
+        }): any;
+    };
+})>;
+export default CpSelect;
+export * from './src/select';
+export type { SelectInstance } from './src/instance';

package/dist/select/src/instance.d.ts

@@ -0,0 +1,16 @@
+import { default as Select } from './select.vue';
+/**
+ * CpSelect 组件实例类型
+ *
+ * @description 用于 ref 引用时获取正确的类型提示
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import type { SelectInstance } from '@cyberpunk-vue/components'
+ * const selectRef = ref<SelectInstance>()
+ * selectRef.value?.open()
+ * </script>
+ * ```
+ */
+export type SelectInstance = InstanceType<typeof Select> & unknown;