bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

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/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;
@@ -573,6 +573,7 @@ declare const BkTable: {
             minHeight: string | number;
             columns: import("./props").Column[];
             checked: unknown[];
+            emptyText: string;
             cellClass: any;
             headHeight: number;
             rowKey: any;
@@ -587,7 +588,6 @@ declare const BkTable: {
             paginationHeight: number;
             remotePagination: boolean;
             acrossAll: boolean;
-            emptyText: string;
             emptyCellText: any;
             rowClass: any;
             rowStyle: any;
@@ -1179,6 +1179,7 @@ declare const BkTable: {
     minHeight: string | number;
     columns: import("./props").Column[];
     checked: unknown[];
+    emptyText: string;
     cellClass: any;
     headHeight: number;
     rowKey: any;
@@ -1193,7 +1194,6 @@ declare const BkTable: {
     paginationHeight: number;
     remotePagination: boolean;
     acrossAll: boolean;
-    emptyText: string;
     emptyCellText: any;
     rowClass: any;
     rowStyle: any;
@@ -1223,7 +1223,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 +1318,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 +1336,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 +1402,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;
         } & {