@cyberpunk-vue/components 1.9.24 → 1.10.0

package/dist/menu-nav/src/menu-nav.vue.d.ts

@@ -8,6 +8,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: import('vue').PropType<import('../../menu').MenuMode>;
         readonly default: "vertical";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('../../menu').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -57,6 +61,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: import('vue').PropType<import('../../menu').MenuMode>;
         readonly default: "vertical";
     };
+    readonly size: {
+        readonly type: import('vue').PropType<import('../../menu').MenuSize>;
+        readonly default: "md";
+    };
     readonly defaultActive: {
         readonly type: StringConstructor;
         readonly default: "";
@@ -98,6 +106,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
+    readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly mode: import('../../menu').MenuMode;
     readonly type: import('../../menu').MenuType;
     readonly color: string;

package/dist/segmented/index.d.ts

@@ -47,11 +47,16 @@ export declare const CpSegmented: import('../utils').SFCWithInstall<import('vue'
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }>, {
     updateIndicator: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: import('.').SegmentedValueType) => void;
-    "update:modelValue": (value: import('.').SegmentedValueType) => void;
+    clear: () => void;
+    change: (value: import('.').SegmentedValueType | undefined) => void;
+    "update:modelValue": (value: import('.').SegmentedValueType | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     readonly modelValue: {
         readonly type: import('vue').PropType<import('.').SegmentedValueType>;
@@ -89,9 +94,14 @@ export declare const CpSegmented: import('../utils').SFCWithInstall<import('vue'
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }>> & Readonly<{
-    onChange?: ((value: import('.').SegmentedValueType) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import('.').SegmentedValueType) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: import('.').SegmentedValueType | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('.').SegmentedValueType | undefined) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly type: import('.').SegmentedType;
@@ -101,6 +111,7 @@ export declare const CpSegmented: import('../utils').SFCWithInstall<import('vue'
     readonly block: boolean;
     readonly shape: import('.').SegmentedShape;
     readonly modelValue: import('.').SegmentedValueType;
+    readonly clearable: boolean;
     readonly options: (string | number | import('.').SegmentedOption)[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     trackRef: HTMLDivElement;

package/dist/segmented/src/segmented.d.ts

@@ -143,6 +143,15 @@ export declare const segmentedProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    /**
+     * 是否允许清空选中项
+     * 启用后可通过再次点击已选项或按 Esc 键清空
+     * @default false
+     */
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 };
 export type SegmentedProps = ExtractPropTypes<typeof segmentedProps>;
 /**
@@ -151,11 +160,17 @@ export type SegmentedProps = ExtractPropTypes<typeof segmentedProps>;
 export declare const segmentedEmits: {
     /**
      * 值变化时触发 (v-model 绑定)
+     * 启用 clearable 并清空时值为 undefined
      */
-    'update:modelValue': (value: SegmentedValueType) => value is string | number;
+    'update:modelValue': (value: SegmentedValueType | undefined) => value is string | number | undefined;
     /**
      * 值变化时触发
+     * 启用 clearable 并清空时值为 undefined
+     */
+    change: (value: SegmentedValueType | undefined) => value is string | number | undefined;
+    /**
+     * 清空选中项时触发（需启用 clearable）
      */
-    change: (value: SegmentedValueType) => value is string | number;
+    clear: () => boolean;
 };
 export type SegmentedEmits = typeof segmentedEmits;

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

@@ -36,12 +36,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }>, {
     /** @description 更新滑块位置 */
     updateIndicator: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: SegmentedValueType) => void;
-    "update:modelValue": (value: SegmentedValueType) => void;
+    clear: () => void;
+    change: (value: SegmentedValueType | undefined) => void;
+    "update:modelValue": (value: SegmentedValueType | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     readonly modelValue: {
         readonly type: import('vue').PropType<SegmentedValueType>;
@@ -79,9 +84,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }>> & Readonly<{
-    onChange?: ((value: SegmentedValueType) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: SegmentedValueType) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: SegmentedValueType | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SegmentedValueType | undefined) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
     readonly type: import('./segmented').SegmentedType;
@@ -91,6 +101,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly block: boolean;
     readonly shape: import('./segmented').SegmentedShape;
     readonly modelValue: SegmentedValueType;
+    readonly clearable: boolean;
     readonly options: (string | number | SegmentedOption)[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     trackRef: HTMLDivElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.9.24",
+  "version": "1.10.0",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -23,9 +23,9 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@cyberpunk-vue/hooks": "1.9.24",
-    "@cyberpunk-vue/theme-chalk": "1.9.24",
-    "@cyberpunk-vue/constants": "1.9.24"
+    "@cyberpunk-vue/hooks": "1.10.0",
+    "@cyberpunk-vue/theme-chalk": "1.10.0",
+    "@cyberpunk-vue/constants": "1.10.0"
   },
   "author": "Juxest",
   "license": "MIT",