@cyberpunk-vue/components 1.13.16 → 1.13.18

package/dist/input-number/index.d.ts

@@ -15,6 +15,18 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -73,6 +85,18 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -112,6 +136,7 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly wheel: boolean;
     readonly color: string;
     readonly disabled: boolean;
     readonly placeholder: string;
@@ -120,6 +145,8 @@ export declare const CpInputNumber: import('../utils').SFCWithInstall<import('vu
     readonly min: number;
     readonly max: number;
     readonly step: number;
+    readonly wheelReverse: boolean;
+    readonly wheelStep: number;
     readonly precision: number;
     readonly controls: boolean;
     readonly controlsPosition: "right" | "both";

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

@@ -36,6 +36,33 @@ export declare const inputNumberProps: {
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    /**
+     * 是否启用滚轮增减
+     * @default true
+     * @description hover 或 focus 状态下，上滚动增加、下滚动减少
+     */
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 是否反转滚轮增减方向
+     * @default false
+     * @description true 时上滚动减少、下滚动增加
+     */
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 滚轮独立步长
+     * @default undefined (默认使用 step)
+     * @description 未设置时沿用左右加减按钮的 step
+     */
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     /** 精度 (小数位数) */
     readonly precision: {
         readonly type: NumberConstructor;

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

@@ -15,6 +15,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -73,6 +85,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly type: NumberConstructor;
         readonly default: 1;
     };
+    readonly wheel: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly wheelReverse: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly wheelStep: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
     readonly precision: {
         readonly type: NumberConstructor;
         readonly default: undefined;
@@ -112,6 +136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     readonly size: import('@cyberpunk-vue/hooks').Size;
+    readonly wheel: boolean;
     readonly color: string;
     readonly disabled: boolean;
     readonly placeholder: string;
@@ -120,6 +145,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly min: number;
     readonly max: number;
     readonly step: number;
+    readonly wheelReverse: boolean;
+    readonly wheelStep: number;
     readonly precision: number;
     readonly controls: boolean;
     readonly controlsPosition: "right" | "both";

package/dist/table/index.d.ts

@@ -48,6 +48,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly maxHeight: {
             readonly type: import('vue').PropType<string | number>;
         };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
         readonly emptyText: {
             readonly type: StringConstructor;
             readonly default: "暂无数据";
@@ -133,6 +137,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
         "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
         "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
+        "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
         "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
         "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -159,6 +164,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         "current-change": (currentRow: any, oldRow: any) => void;
         "update:checkedKeys": (keys: (string | number)[]) => void;
         "sort-change": (_sortState: import('.').SortChangePayload) => void;
+        "column-resize": (_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => void;
         "row-click": (row: any, index: number, event: MouseEvent) => void;
         "selection-change": (selection: import('.').SelectionPayload) => void;
         "expand-change": (row: any, expanded: boolean) => void;
@@ -179,6 +185,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
         readonly rowClassName: import('.').TableRowClassName;
+        readonly resizable: boolean;
         readonly emptyText: string;
         readonly rowKey: string | ((row: any) => string | number);
         readonly sortState: import('.').SortState;
@@ -232,6 +239,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly maxHeight: {
             readonly type: import('vue').PropType<string | number>;
         };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
         readonly emptyText: {
             readonly type: StringConstructor;
             readonly default: "暂无数据";
@@ -317,6 +328,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
         "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
         "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
+        "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
         "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
         "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
         "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -353,6 +365,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
         readonly stripe: boolean;
         readonly highlightCurrentRow: boolean;
         readonly rowClassName: import('.').TableRowClassName;
+        readonly resizable: boolean;
         readonly emptyText: string;
         readonly rowKey: string | ((row: any) => string | number);
         readonly sortState: import('.').SortState;
@@ -403,6 +416,10 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     readonly maxHeight: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly emptyText: {
         readonly type: StringConstructor;
         readonly default: "暂无数据";
@@ -488,6 +505,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
     "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
     "onSort-change"?: ((_sortState: import('.').SortChangePayload) => any) | undefined;
+    "onColumn-resize"?: ((_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
     "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
     "onSelection-change"?: ((selection: import('.').SelectionPayload) => any) | undefined;
     "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -514,6 +532,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     "current-change": (currentRow: any, oldRow: any) => void;
     "update:checkedKeys": (keys: (string | number)[]) => void;
     "sort-change": (_sortState: import('.').SortChangePayload) => void;
+    "column-resize": (_column: import('.').TableColumnConfig, _width: number, _oldWidth: number) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: import('.').SelectionPayload) => void;
     "expand-change": (row: any, expanded: boolean) => void;
@@ -534,6 +553,7 @@ export declare const CpTable: import('../utils').SFCWithInstall<{
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;
     readonly rowClassName: import('.').TableRowClassName;
+    readonly resizable: boolean;
     readonly emptyText: string;
     readonly rowKey: string | ((row: any) => string | number);
     readonly sortState: import('.').SortState;

package/dist/table/src/table.d.ts

@@ -110,6 +110,10 @@ export interface TableColumnConfig {
     width?: string | number;
     /** 最小列宽 */
     minWidth?: string | number;
+    /** 最大列宽 */
+    maxWidth?: string | number;
+    /** 是否允许拖动表头分割线调整列宽 */
+    resizable: boolean;
     /** 是否可排序 */
     sortable: ColumnSortable;
     /** 自定义本地排序函数 */
@@ -282,6 +286,18 @@ export declare const tableProps: {
     readonly maxHeight: {
         readonly type: PropType<string | number>;
     };
+    /**
+     * 是否允许拖动表头分割线调整列宽
+     *
+     * 开启后，列的 `width` 作为初始宽度，拖动后的运行时宽度会受
+     * `minWidth` / `maxWidth` 限制。
+     *
+     * @default false
+     */
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     /**
      * 空数据文案
      * @default '暂无数据'
@@ -498,6 +514,8 @@ export type TableProps = ExtractPropTypes<typeof tableProps>;
 export declare const tableEmits: {
     /** 排序变化 */
     'sort-change': (_sortState: SortChangePayload) => boolean;
+    /** 列宽拖动变化 */
+    'column-resize': (_column: TableColumnConfig, _width: number, _oldWidth: number) => boolean;
     /** 行点击 */
     'row-click': (row: any, index: number, event: MouseEvent) => boolean;
     /** 选中行变化 */

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

@@ -1,4 +1,4 @@
-import { SortOrder, SortState, SortChangePayload, SelectionDetail, SelectionPayload } from './table';
+import { TableColumnConfig, SortOrder, SortState, SortChangePayload, SelectionDetail, SelectionPayload } from './table';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -45,6 +45,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly maxHeight: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly emptyText: {
         readonly type: StringConstructor;
         readonly default: "暂无数据";
@@ -161,6 +165,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "current-change": (currentRow: any, oldRow: any) => void;
     "update:checkedKeys": (keys: (string | number)[]) => void;
     "sort-change": (_sortState: SortChangePayload) => void;
+    "column-resize": (_column: TableColumnConfig, _width: number, _oldWidth: number) => void;
     "row-click": (row: any, index: number, event: MouseEvent) => void;
     "selection-change": (selection: SelectionPayload) => void;
     "expand-change": (row: any, expanded: boolean) => void;
@@ -200,6 +205,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly maxHeight: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly emptyText: {
         readonly type: StringConstructor;
         readonly default: "暂无数据";
@@ -285,6 +294,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onCurrent-change"?: ((currentRow: any, oldRow: any) => any) | undefined;
     "onUpdate:checkedKeys"?: ((keys: (string | number)[]) => any) | undefined;
     "onSort-change"?: ((_sortState: SortChangePayload) => any) | undefined;
+    "onColumn-resize"?: ((_column: TableColumnConfig, _width: number, _oldWidth: number) => any) | undefined;
     "onRow-click"?: ((row: any, index: number, event: MouseEvent) => any) | undefined;
     "onSelection-change"?: ((selection: SelectionPayload) => any) | undefined;
     "onExpand-change"?: ((row: any, expanded: boolean) => any) | undefined;
@@ -305,6 +315,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;
     readonly rowClassName: import('./table').TableRowClassName;
+    readonly resizable: boolean;
     readonly emptyText: string;
     readonly rowKey: string | ((row: any) => string | number);
     readonly sortState: SortState;

package/dist/table-column/index.d.ts

@@ -29,6 +29,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
         readonly minWidth: {
             readonly type: import('vue').PropType<string | number>;
         };
+        readonly maxWidth: {
+            readonly type: import('vue').PropType<string | number>;
+        };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
         readonly sortable: {
             readonly type: import('vue').PropType<import('..').ColumnSortable>;
             readonly default: false;
@@ -57,6 +64,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
         readonly type: import('.').ColumnType;
         readonly label: string;
         readonly align: "left" | "right" | "center";
+        readonly resizable: boolean;
         readonly sortOrders: import('..').SortOrder[];
         readonly prop: string;
         readonly sortable: import('..').ColumnSortable;
@@ -89,6 +97,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
         readonly minWidth: {
             readonly type: import('vue').PropType<string | number>;
         };
+        readonly maxWidth: {
+            readonly type: import('vue').PropType<string | number>;
+        };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
         readonly sortable: {
             readonly type: import('vue').PropType<import('..').ColumnSortable>;
             readonly default: false;
@@ -117,6 +132,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
         readonly type: import('.').ColumnType;
         readonly label: string;
         readonly align: "left" | "right" | "center";
+        readonly resizable: boolean;
         readonly sortOrders: import('..').SortOrder[];
         readonly prop: string;
         readonly sortable: import('..').ColumnSortable;
@@ -146,6 +162,13 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
     readonly minWidth: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly maxWidth: {
+        readonly type: import('vue').PropType<string | number>;
+    };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sortable: {
         readonly type: import('vue').PropType<import('..').ColumnSortable>;
         readonly default: false;
@@ -174,6 +197,7 @@ export declare const CpTableColumn: import('../utils').SFCWithInstall<{
     readonly type: import('.').ColumnType;
     readonly label: string;
     readonly align: "left" | "right" | "center";
+    readonly resizable: boolean;
     readonly sortOrders: import('..').SortOrder[];
     readonly prop: string;
     readonly sortable: import('..').ColumnSortable;

package/dist/table-column/src/table-column.d.ts

@@ -19,6 +19,7 @@ export type ColumnType = 'default' | 'selection' | 'index' | 'expand';
  * ```vue
  * <!-- 普通数据列 -->
  * <CpTableColumn prop="name" label="姓名" sortable />
+ * <CpTableColumn prop="email" label="邮箱" :width="220" :min-width="160" :max-width="360" />
  * <CpTableColumn prop="createdAt" label="创建时间" sortable="custom" />
  *
  * <!-- 自定义单元格渲染 -->
@@ -82,6 +83,23 @@ export declare const tableColumnProps: {
     readonly minWidth: {
         readonly type: PropType<string | number>;
     };
+    /**
+     * 最大列宽
+     */
+    readonly maxWidth: {
+        readonly type: PropType<string | number>;
+    };
+    /**
+     * 是否允许拖动表头分割线调整当前列宽度
+     *
+     * 需要同时在 CpTable 上开启 `resizable` 才会生效。
+     *
+     * @default true
+     */
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     /**
      * 是否可排序
      *

package/dist/table-column/src/table-column.vue.d.ts

@@ -30,6 +30,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly minWidth: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly maxWidth: {
+        readonly type: import('vue').PropType<string | number>;
+    };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sortable: {
         readonly type: import('vue').PropType<import('../..').ColumnSortable>;
         readonly default: false;
@@ -73,6 +80,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly minWidth: {
         readonly type: import('vue').PropType<string | number>;
     };
+    readonly maxWidth: {
+        readonly type: import('vue').PropType<string | number>;
+    };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sortable: {
         readonly type: import('vue').PropType<import('../..').ColumnSortable>;
         readonly default: false;
@@ -101,6 +115,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     readonly type: import('./table-column').ColumnType;
     readonly label: string;
     readonly align: "left" | "right" | "center";
+    readonly resizable: boolean;
     readonly sortOrders: import('../..').SortOrder[];
     readonly prop: string;
     readonly sortable: import('../..').ColumnSortable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyberpunk-vue/components",
-  "version": "1.13.16",
+  "version": "1.13.18",
   "description": "Cyberpunk Vue components - A futuristic Vue 3 component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "dayjs": "^1.11.20",
-    "@cyberpunk-vue/constants": "1.13.16",
-    "@cyberpunk-vue/theme-chalk": "1.13.16",
-    "@cyberpunk-vue/hooks": "1.13.16"
+    "@cyberpunk-vue/theme-chalk": "1.13.18",
+    "@cyberpunk-vue/constants": "1.13.18",
+    "@cyberpunk-vue/hooks": "1.13.18"
   },
   "author": "Juxest",
   "license": "MIT",