bkui-vue 0.0.2-table-refactor.9 → 0.0.3-beta.2

package/lib/tab/tab.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;

package/lib/table/components/table-column.d.ts

@@ -14,7 +14,7 @@ declare const TableColumnProp: {
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -160,7 +160,7 @@ declare const _default: import("vue").DefineComponent<{
             height?: number;
             maxHeight?: number;
         };
-        type?: "none" | "selection" | "index" | "expand";
+        type?: "none" | "index" | "selection" | "expand";
         label?: import("../props").LabelFunctionString;
         width?: string | number;
         className?: import("../props").RowClassFunctionString;
@@ -178,8 +178,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, unknown, {}, {
     updateColumnDefine(unmounted?: boolean): void;
+    copyProps(props: ITableColumn): {};
     updateColumnDefineByParent(): void;
-    updateColumnDefineByIndex(unmounted?: boolean): void;
+    unmountColumn(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     field: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
@@ -194,7 +195,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/table/events.d.ts

@@ -28,7 +28,8 @@ export declare const enum EMIT_EVENTS {
     CELL_CLICK = "cellClick",
     CELL_DBL_CLICK = "cellDblclick",
     NATIVE_CLICK = "click",
-    NATIVE_DBL_CLICK = "dblclick"
+    NATIVE_DBL_CLICK = "dblclick",
+    DRAG_END = "dragend"
 }
 export declare const EVENT_COL_PICK: (_cols: IColumnActive[]) => boolean;
 export declare const EVENT_COL_FILTER: (_args: {
@@ -94,6 +95,10 @@ export declare const EVENT_SCROLL_FN: (_args: {
     scrollLeft: number;
     bottom: number;
 }) => boolean;
+export declare const EVENT_DRAGEND_FN: (_args: {
+    sourceEvent: DragEvent;
+    data: any[];
+}) => boolean;
 export declare const EMIT_EVENT_TYPES: {
     columnPick: (_cols: IColumnActive[]) => boolean;
     columnFilter: (_args: {
@@ -173,6 +178,10 @@ export declare const EMIT_EVENT_TYPES: {
     }) => boolean;
     rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
     rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    dragend: (_args: {
+        sourceEvent: DragEvent;
+        data: any[];
+    }) => boolean;
 };
 export declare const CELL_EVENT_TYPES: {
     click: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;

package/lib/table/index.d.ts

@@ -19,6 +19,7 @@ declare const BkTable: {
             minHeight?: string | number;
             columns?: import("./props").Column[];
             checked?: unknown[];
+            emptyText?: string;
             cellClass?: any;
             headHeight?: number;
             rowKey?: any;
@@ -33,7 +34,6 @@ declare const BkTable: {
             paginationHeight?: number;
             remotePagination?: boolean;
             acrossAll?: boolean;
-            emptyText?: string;
             emptyCellText?: any;
             rowClass?: any;
             rowStyle?: any;
@@ -48,8 +48,13 @@ declare const BkTable: {
             observerResize?: boolean;
             prependStyle?: import("vue").CSSProperties;
             isFlex?: boolean;
+            rowDraggable?: any;
             class?: unknown;
             style?: unknown;
+            onDragend?: (_args: {
+                sourceEvent: DragEvent;
+                data: any[];
+            }) => any;
             onSelect?: (_args: {
                 row: any;
                 index: Number;
@@ -249,6 +254,9 @@ declare const BkTable: {
             };
             rowIndex: number;
             columnIndex: number;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.DRAG_END, _args: {
+            sourceEvent: DragEvent;
+            data: any[];
         }) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
@@ -403,7 +411,14 @@ declare const BkTable: {
             } & {
                 default: boolean;
             };
+            rowDraggable: import("vue-types").VueTypeDef<any> & {
+                default: any;
+            };
         }>> & {
+            onDragend?: (_args: {
+                sourceEvent: DragEvent;
+                data: any[];
+            }) => any;
             onSelect?: (_args: {
                 row: any;
                 index: Number;
@@ -561,6 +576,10 @@ declare const BkTable: {
             }) => boolean;
             rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
             rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+            dragend: (_args: {
+                sourceEvent: DragEvent;
+                data: any[];
+            }) => boolean;
         }, string, {
             data: any[];
             thead: import("./props").Thead;
@@ -573,6 +592,7 @@ declare const BkTable: {
             minHeight: string | number;
             columns: import("./props").Column[];
             checked: unknown[];
+            emptyText: string;
             cellClass: any;
             headHeight: number;
             rowKey: any;
@@ -587,7 +607,6 @@ declare const BkTable: {
             paginationHeight: number;
             remotePagination: boolean;
             acrossAll: boolean;
-            emptyText: string;
             emptyCellText: any;
             rowClass: any;
             rowStyle: any;
@@ -602,6 +621,7 @@ declare const BkTable: {
             observerResize: boolean;
             prependStyle: import("vue").CSSProperties;
             isFlex: boolean;
+            rowDraggable: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -774,7 +794,14 @@ declare const BkTable: {
         } & {
             default: boolean;
         };
+        rowDraggable: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
     }>> & {
+        onDragend?: (_args: {
+            sourceEvent: DragEvent;
+            data: any[];
+        }) => any;
         onSelect?: (_args: {
             row: any;
             index: Number;
@@ -1009,7 +1036,14 @@ declare const BkTable: {
     } & {
         default: boolean;
     };
+    rowDraggable: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
 }>> & {
+    onDragend?: (_args: {
+        sourceEvent: DragEvent;
+        data: any[];
+    }) => any;
     onSelect?: (_args: {
         row: any;
         index: Number;
@@ -1167,6 +1201,10 @@ declare const BkTable: {
     }) => boolean;
     rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
     rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    dragend: (_args: {
+        sourceEvent: DragEvent;
+        data: any[];
+    }) => boolean;
 }, string, {
     data: any[];
     thead: import("./props").Thead;
@@ -1179,6 +1217,7 @@ declare const BkTable: {
     minHeight: string | number;
     columns: import("./props").Column[];
     checked: unknown[];
+    emptyText: string;
     cellClass: any;
     headHeight: number;
     rowKey: any;
@@ -1193,7 +1232,6 @@ declare const BkTable: {
     paginationHeight: number;
     remotePagination: boolean;
     acrossAll: boolean;
-    emptyText: string;
     emptyCellText: any;
     rowClass: any;
     rowStyle: any;
@@ -1208,6 +1246,7 @@ declare const BkTable: {
     observerResize: boolean;
     prependStyle: import("vue").CSSProperties;
     isFlex: boolean;
+    rowDraggable: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Column: import("vue").DefineComponent<{
         label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
@@ -1223,7 +1262,7 @@ declare const BkTable: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1318,7 +1357,7 @@ declare const BkTable: {
                 height?: number;
                 maxHeight?: number;
             };
-            type?: "none" | "selection" | "index" | "expand";
+            type?: "none" | "index" | "selection" | "expand";
             label?: import("./props").LabelFunctionString;
             width?: string | number;
             className?: import("./props").RowClassFunctionString;
@@ -1336,8 +1375,58 @@ declare const BkTable: {
         };
     }, unknown, {}, {
         updateColumnDefine(unmounted?: boolean): void;
+        copyProps(props: Partial<ExtractPropTypes<{
+            label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+            field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+            render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;
+            width: import("vue-types").VueTypeDef<string | number>;
+            minWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            columnKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
+            type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
+            resizable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
+                default: boolean | "right" | "left";
+            };
+            sort: import("vue-types").VueTypeDef<import("./props").ISortPropShape>;
+            filter: import("vue-types").VueTypeDef<import("./props").IFilterPropShape>;
+            colspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+                default: (({ column, colIndex, row, rowIndex }: {
+                    column: any;
+                    colIndex: any;
+                    row: any;
+                    rowIndex: any;
+                }) => number) | (() => Number);
+            };
+            rowspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+                default: (({ column, colIndex, row, rowIndex }: {
+                    column: any;
+                    colIndex: any;
+                    row: any;
+                    rowIndex: any;
+                }) => number) | (() => Number);
+            };
+            align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+            className: import("vue-types").VueTypeDef<import("./props").RowClassFunctionString>;
+            prop: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+            index: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>>): {};
         updateColumnDefineByParent(): void;
-        updateColumnDefineByIndex(unmounted?: boolean): void;
+        unmountColumn(): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
         label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
         field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
@@ -1352,7 +1441,7 @@ declare const BkTable: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {