@cyberpunk-vue/components 1.12.7 → 1.13.2

package/dist/dropdown/index.d.ts

@@ -1,20 +1,4 @@
-/**
- * CpDropdown 赛博朋克风格下拉选择器
- *
- * 支持多种尺寸、形态变体、可搜索/可清空功能。具有特色的切角造型。
- *
- * @example
- * ```vue
- * <CpDropdown v-model="value" :options="options" placeholder="请选择" />
- * <CpDropdown v-model="search" filterable clearable />
- * ```
- *
- * @see {@link DropdownProps} 查看所有可用属性
- *
- * @slot default - 自定义选项内容
- * @slot prefix - 触发器前缀
- * @slot empty - 无选项时的空状态
- */
+/** @deprecated 请使用 `CpSelect` */
 export declare const CpDropdown: import('../utils').SFCWithInstall<{
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         readonly modelValue: {
@@ -22,7 +6,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: "";
         };
         readonly options: {
-            readonly type: import('vue').PropType<import('.').DropdownOption[]>;
+            readonly type: import('vue').PropType<import('../select').SelectOption[]>;
             readonly default: () => never[];
         };
         readonly placeholder: {
@@ -46,15 +30,15 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: false;
         };
         readonly size: {
-            readonly type: import('vue').PropType<import('.').DropdownSize>;
+            readonly type: import('vue').PropType<import('../select').SelectSize>;
             readonly default: "md";
         };
         readonly shape: {
-            readonly type: import('vue').PropType<import('.').DropdownShape>;
+            readonly type: import('vue').PropType<import('../select').SelectShape>;
             readonly default: "clip";
         };
         readonly variant: {
-            readonly type: import('vue').PropType<import('.').DropdownVariant>;
+            readonly type: import('vue').PropType<import('../select').SelectVariant>;
             readonly default: "outline";
         };
         readonly color: {
@@ -74,7 +58,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: false;
         };
         readonly placement: {
-            readonly type: import('vue').PropType<import('.').DropdownPlacement>;
+            readonly type: import('vue').PropType<import('../select').SelectPlacement>;
             readonly default: "bottom-start";
         };
         readonly teleportTo: {
@@ -125,9 +109,9 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly size: import('@cyberpunk-vue/hooks').Size;
         readonly width: string | number;
         readonly color: string;
-        readonly variant: import('.').DropdownVariant;
+        readonly variant: import('../select').SelectVariant;
         readonly disabled: boolean;
-        readonly shape: import('.').DropdownShape;
+        readonly shape: import('../select').SelectShape;
         readonly inline: boolean;
         readonly placeholder: string;
         readonly modelValue: string | number;
@@ -137,8 +121,8 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly maxHeight: number;
         readonly inactiveColor: string;
         readonly teleportTo: string | HTMLElement;
-        readonly placement: import('.').DropdownPlacement;
-        readonly options: import('.').DropdownOption[];
+        readonly placement: import('../select').SelectPlacement;
+        readonly options: import('../select').SelectOption[];
         readonly filterPlaceholder: string;
         readonly filterable: boolean;
         readonly noMatchText: string;
@@ -161,7 +145,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: "";
         };
         readonly options: {
-            readonly type: import('vue').PropType<import('.').DropdownOption[]>;
+            readonly type: import('vue').PropType<import('../select').SelectOption[]>;
             readonly default: () => never[];
         };
         readonly placeholder: {
@@ -185,15 +169,15 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: false;
         };
         readonly size: {
-            readonly type: import('vue').PropType<import('.').DropdownSize>;
+            readonly type: import('vue').PropType<import('../select').SelectSize>;
             readonly default: "md";
         };
         readonly shape: {
-            readonly type: import('vue').PropType<import('.').DropdownShape>;
+            readonly type: import('vue').PropType<import('../select').SelectShape>;
             readonly default: "clip";
         };
         readonly variant: {
-            readonly type: import('vue').PropType<import('.').DropdownVariant>;
+            readonly type: import('vue').PropType<import('../select').SelectVariant>;
             readonly default: "outline";
         };
         readonly color: {
@@ -213,7 +197,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
             readonly default: false;
         };
         readonly placement: {
-            readonly type: import('vue').PropType<import('.').DropdownPlacement>;
+            readonly type: import('vue').PropType<import('../select').SelectPlacement>;
             readonly default: "bottom-start";
         };
         readonly teleportTo: {
@@ -257,9 +241,9 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly size: import('@cyberpunk-vue/hooks').Size;
         readonly width: string | number;
         readonly color: string;
-        readonly variant: import('.').DropdownVariant;
+        readonly variant: import('../select').SelectVariant;
         readonly disabled: boolean;
-        readonly shape: import('.').DropdownShape;
+        readonly shape: import('../select').SelectShape;
         readonly inline: boolean;
         readonly placeholder: string;
         readonly modelValue: string | number;
@@ -269,8 +253,8 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly maxHeight: number;
         readonly inactiveColor: string;
         readonly teleportTo: string | HTMLElement;
-        readonly placement: import('.').DropdownPlacement;
-        readonly options: import('.').DropdownOption[];
+        readonly placement: import('../select').SelectPlacement;
+        readonly options: import('../select').SelectOption[];
         readonly filterPlaceholder: string;
         readonly filterable: boolean;
         readonly noMatchText: string;
@@ -285,7 +269,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly default: "";
     };
     readonly options: {
-        readonly type: import('vue').PropType<import('.').DropdownOption[]>;
+        readonly type: import('vue').PropType<import('../select').SelectOption[]>;
         readonly default: () => never[];
     };
     readonly placeholder: {
@@ -309,15 +293,15 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly default: false;
     };
     readonly size: {
-        readonly type: import('vue').PropType<import('.').DropdownSize>;
+        readonly type: import('vue').PropType<import('../select').SelectSize>;
         readonly default: "md";
     };
     readonly shape: {
-        readonly type: import('vue').PropType<import('.').DropdownShape>;
+        readonly type: import('vue').PropType<import('../select').SelectShape>;
         readonly default: "clip";
     };
     readonly variant: {
-        readonly type: import('vue').PropType<import('.').DropdownVariant>;
+        readonly type: import('vue').PropType<import('../select').SelectVariant>;
         readonly default: "outline";
     };
     readonly color: {
@@ -337,7 +321,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         readonly default: false;
     };
     readonly placement: {
-        readonly type: import('vue').PropType<import('.').DropdownPlacement>;
+        readonly type: import('vue').PropType<import('../select').SelectPlacement>;
         readonly default: "bottom-start";
     };
     readonly teleportTo: {
@@ -388,9 +372,9 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
     readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly width: string | number;
     readonly color: string;
-    readonly variant: import('.').DropdownVariant;
+    readonly variant: import('../select').SelectVariant;
     readonly disabled: boolean;
-    readonly shape: import('.').DropdownShape;
+    readonly shape: import('../select').SelectShape;
     readonly inline: boolean;
     readonly placeholder: string;
     readonly modelValue: string | number;
@@ -400,8 +384,8 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
     readonly maxHeight: number;
     readonly inactiveColor: string;
     readonly teleportTo: string | HTMLElement;
-    readonly placement: import('.').DropdownPlacement;
-    readonly options: import('.').DropdownOption[];
+    readonly placement: import('../select').SelectPlacement;
+    readonly options: import('../select').SelectOption[];
     readonly filterPlaceholder: string;
     readonly filterable: boolean;
     readonly noMatchText: string;
@@ -411,7 +395,7 @@ export declare const CpDropdown: import('../utils').SFCWithInstall<{
         prefix?(_: {}): any;
         empty?(_: {}): any;
         default?(_: {
-            option: import('.').DropdownOption;
+            option: import('../select').SelectOption;
         }): any;
     };
 })>;

package/dist/dropdown/src/dropdown.d.ts

@@ -1,280 +1,111 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import { Size } from '@cyberpunk-vue/hooks';
-/**
- * 下拉选项类型
- */
-export interface DropdownOption {
-    /**
-     * 显示文本
-     */
-    label: string;
-    /**
-     * 选项值
-     */
-    value: string | number;
-    /**
-     * 是否禁用该选项
-     */
-    disabled?: boolean;
-}
-/**
- * 下拉框尺寸
- * - `sm` - 小尺寸 (28px 高)
- * - `md` - 中等尺寸 (36px 高)，默认
- * - `lg` - 大尺寸 (44px 高)
- * - 也支持数字 (px) 或带单位字符串 (如 '2rem')
- */
-export type DropdownSize = Size;
-/**
- * 下拉框形状
- * - `clip` - 切角样式（默认，赛博朋克特色）
- * - `no-clip` - 直角矩形
- * - `round` - 圆角矩形
- */
-export type DropdownShape = 'clip' | 'no-clip' | 'round';
-/**
- * 下拉框变体
- * - `outline` - 边框样式（默认），透明背景
- * - `filled` - 填充样式，带背景色
- * - `ghost` - 幽灵样式，无边框无背景
- */
-export type DropdownVariant = 'outline' | 'filled' | 'ghost';
-/**
- * 弹出位置
- */
-export type DropdownPlacement = 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
-/**
- * CpDropdown 组件 Props 定义
- *
- * @description 赛博朋克风格下拉选择器，支持多种尺寸、形态变体、可搜索/可清空功能。
- *
- * @example
- * ```vue
- * <!-- 基础用法 -->
- * <CpDropdown v-model="value" :options="options" placeholder="请选择" />
- *
- * <!-- 可搜索 -->
- * <CpDropdown v-model="value" :options="options" filterable />
- *
- * <!-- 可清空 -->
- * <CpDropdown v-model="value" :options="options" clearable />
- * ```
- *
- * @slots
- * - `default` - 自定义选项内容
- * - `prefix` - 触发器前缀
- * - `empty` - 无选项时的空状态
- *
- * @exposes
- * - `focus()` - 使下拉框获取焦点
- * - `blur()` - 使下拉框失去焦点
- * - `open()` - 打开下拉面板
- * - `close()` - 关闭下拉面板
-  * @category 表单组件
- * @displayName CpDropdown 下拉选择
- */
+import { SelectOption, SelectSize, SelectShape, SelectVariant, SelectPlacement, SelectProps, SelectEmits } from '../../select/src/select';
+/** @deprecated 请使用 `SelectOption` */
+export type DropdownOption = SelectOption;
+/** @deprecated 请使用 `SelectSize` */
+export type DropdownSize = SelectSize;
+/** @deprecated 请使用 `SelectShape` */
+export type DropdownShape = SelectShape;
+/** @deprecated 请使用 `SelectVariant` */
+export type DropdownVariant = SelectVariant;
+/** @deprecated 请使用 `SelectPlacement` */
+export type DropdownPlacement = SelectPlacement;
+/** @deprecated 请使用 `SelectProps` */
+export type DropdownProps = SelectProps;
+/** @deprecated 请使用 `SelectEmits` */
+export type DropdownEmits = SelectEmits;
+/** @deprecated 请使用 `selectProps` */
 export declare const dropdownProps: {
-    /**
-     * 绑定值 (v-model)
-     * @default ''
-     */
     readonly modelValue: {
-        readonly type: PropType<string | number>;
+        readonly type: import('vue').PropType<string | number>;
         readonly default: "";
     };
-    /**
-     * 选项列表
-     * @default []
-     */
     readonly options: {
-        readonly type: PropType<DropdownOption[]>;
+        readonly type: import('vue').PropType<SelectOption[]>;
         readonly default: () => never[];
     };
-    /**
-     * 占位文本
-     * @default '请选择'
-     */
     readonly placeholder: {
         readonly type: StringConstructor;
         readonly default: "请选择";
     };
-    /**
-     * 搜索框占位文本 (仅在面板开启搜索时有效)
-     * @default '搜索...'
-     */
     readonly filterPlaceholder: {
         readonly type: StringConstructor;
         readonly default: "搜索...";
     };
-    /**
-     * 是否禁用
-     * @default false
-     */
     readonly disabled: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    /**
-     * 是否可清空
-     * @default false
-     */
     readonly clearable: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    /**
-     * 是否可搜索过滤
-     * @default false
-     */
     readonly filterable: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    /**
-     * 下拉框尺寸
-     * @default 'md'
-     */
     readonly size: {
-        readonly type: PropType<DropdownSize>;
+        readonly type: import('vue').PropType<SelectSize>;
         readonly default: "md";
     };
-    /**
-     * 下拉框形状
-     * @default 'clip'
-     */
     readonly shape: {
-        readonly type: PropType<DropdownShape>;
+        readonly type: import('vue').PropType<SelectShape>;
         readonly default: "clip";
     };
-    /**
-     * 下拉框变体
-     * @default 'outline'
-     */
     readonly variant: {
-        readonly type: PropType<DropdownVariant>;
+        readonly type: import('vue').PropType<SelectVariant>;
         readonly default: "outline";
     };
-    /**
-     * 自定义聚焦颜色
-     * @default ''
-     */
     readonly color: {
         readonly type: StringConstructor;
         readonly default: "";
     };
-    /**
-     * 未激活状态边框颜色
-     * @default ''
-     */
     readonly inactiveColor: {
         readonly type: StringConstructor;
         readonly default: "";
     };
-    /**
-     * Placeholder 文字颜色
-     * @default ''
-     */
     readonly placeholderColor: {
         readonly type: StringConstructor;
         readonly default: "";
     };
-    /**
-     * 是否启用行内搜索 (直接在触发器输入)
-     * @default false
-     */
     readonly inline: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
-    /**
-     * 弹出位置
-     * @default 'bottom-start'
-     */
     readonly placement: {
-        readonly type: PropType<DropdownPlacement>;
+        readonly type: import('vue').PropType<SelectPlacement>;
         readonly default: "bottom-start";
     };
-    /**
-     * Teleport 目标
-     * @default 'body'
-     */
     readonly teleportTo: {
-        readonly type: PropType<string | HTMLElement>;
+        readonly type: import('vue').PropType<string | HTMLElement>;
         readonly default: "body";
     };
-    /**
-     * 下拉面板最大高度 (px)
-     * @default 256
-     */
     readonly maxHeight: {
         readonly type: NumberConstructor;
         readonly default: 256;
     };
-    /**
-     * 无匹配时的文本
-     * @default '无匹配数据'
-     */
     readonly noMatchText: {
         readonly type: StringConstructor;
         readonly default: "无匹配数据";
     };
-    /**
-     * 无数据时的文本
-     * @default '无数据'
-     */
     readonly noDataText: {
         readonly type: StringConstructor;
         readonly default: "无数据";
     };
-    /**
-     * 清除动画持续时间 (ms)
-     * 控制点击清空按钮时文字消失动画的速度
-     * @default 150
-     * @example `<CpDropdown :clear-duration="300" />`
-     */
     readonly clearDuration: {
         readonly type: NumberConstructor;
         readonly default: 150;
     };
-    /**
-     * 下拉框宽度
-     * 支持数字 (px) 或带单位字符串 (如 '200px', '15rem')。
-     * 为空时默认 100%（铺满父容器）。
-     * @default ''
-     */
     readonly width: {
-        readonly type: PropType<string | number>;
+        readonly type: import('vue').PropType<string | number>;
         readonly default: "";
     };
 };
-export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
-/**
- * CpDropdown 组件事件定义
- */
+/** @deprecated 请使用 `selectEmits` */
 export declare const dropdownEmits: {
-    /**
-     * 值变化时触发 (v-model 绑定)
-     */
     'update:modelValue': (value: string | number) => boolean;
-    /**
-     * 选中值变化时触发
-     */
     change: (value: string | number) => boolean;
-    /**
-     * 清空时触发
-     */
     clear: () => boolean;
-    /**
-     * 获取焦点时触发
-     */
     focus: () => boolean;
-    /**
-     * 失去焦点时触发
-     */
     blur: () => boolean;
-    /**
-     * 下拉面板显示时触发
-     */
     visibleChange: (visible: boolean) => boolean;
 };
-export type DropdownEmits = typeof dropdownEmits;

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

@@ -1,16 +1,7 @@
-import { default as Dropdown } from './dropdown.vue';
+import { SelectInstance } from '../../select/src/instance';
 /**
- * CpDropdown 组件实例类型
+ * @deprecated 请使用 `SelectInstance`
  *
- * @description 用于 ref 引用时获取正确的类型提示
- *
- * @example
- * ```vue
- * <script setup lang="ts">
- * import type { DropdownInstance } from '@cyberpunk-vue/components'
- * const dropdownRef = ref<DropdownInstance>()
- * dropdownRef.value?.open()
- * </script>
- * ```
+ * CpDropdown 组件实例类型 —— 自 1.13.0 起作为 `SelectInstance` 的别名保留。
  */
-export type DropdownInstance = InstanceType<typeof Dropdown> & unknown;
+export type DropdownInstance = SelectInstance;