bkui-vue 0.0.2-beta.13 → 0.0.2-beta.131

package/lib/table/plugins/body-empty.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: (...args: any[]) => any;
 }, {
     list: unknown[];
-    filterList: unknown[];
     emptyText: string;
+    filterList: unknown[];
 }, {}>;
 export default _default;

package/lib/table/plugins/head-filter.css

@@ -7,6 +7,9 @@
   cursor: pointer;
   align-items: center;
 }
+.bk-table-head-action:last-of-type {
+  margin-right: -10px;
+}
 .bk-table-head-action.active {
   color: #3a84ff;
 }
@@ -51,34 +54,7 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: #3a84ff;
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: #979ba5;
-  cursor: not-allowed;
-}

package/lib/table/plugins/head-filter.less

@@ -8,6 +8,10 @@
   cursor: pointer;
   align-items: center;
 
+  &:last-of-type {
+    margin-right: -10px;
+  }
+
   &.active {
     color: #3a84ff;
   }
@@ -66,42 +70,9 @@
 
       .content-footer {
         display: flex;
-        height: 42px;
-        padding: 0 10px;
+        padding: 12px;
         border-top: solid 1px #dcdee5;
-        justify-content: center;
         align-items: center;
-
-        span {
-          display: inline-flex;
-          height: 100%;
-          padding: 6px 12px;
-          font-size: 14px;
-          line-height: 22px;
-          color: @primary-color;
-          cursor: pointer;
-          align-items: center;
-
-          &.disabled {
-            color: transparent;
-            cursor: auto;
-          }
-
-          &.btn-filter-split {
-            width: 1px;
-            height: calc(100% - 12px);
-            padding: 6px 0;
-            cursor: default;
-            background: #f0f1f5;
-          }
-
-          &.btn-filter-reset {
-            &.disable {
-              color: @gray-color;
-              cursor: not-allowed;
-            }
-          }
-        }
       }
     }
   }

package/lib/table/plugins/head-filter.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;
@@ -129,6 +133,9 @@
   cursor: pointer;
   align-items: center;
 }
+.bk-table-head-action:last-of-type {
+  margin-right: -10px;
+}
 .bk-table-head-action.active {
   color: #3a84ff;
 }
@@ -173,34 +180,7 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--primary-color);
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: var(--gray-color);
-  cursor: not-allowed;
-}

package/lib/table/plugins/head-sort.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/plugins/settings.d.ts

@@ -1,33 +1,16 @@
-import { Settings } from '../props';
 declare const _default: import("vue").DefineComponent<{
-    settings: import("vue-types").VueTypeDef<import("../props").ISettingPropType> & {
-        default: boolean | (() => Settings);
-    };
+    settings: import("vue-types").VueTypeDef<import("../props").ISettingPropType>;
     columns: import("vue-types").VueTypeDef<import("../props").Column[]> & {
         default: () => import("../props").Column[];
     };
-    rowHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
 }, () => "" | JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    settings: import("vue-types").VueTypeDef<import("../props").ISettingPropType> & {
-        default: boolean | (() => Settings);
-    };
+    settings: import("vue-types").VueTypeDef<import("../props").ISettingPropType>;
     columns: import("vue-types").VueTypeDef<import("../props").Column[]> & {
         default: () => import("../props").Column[];
     };
-    rowHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
 }>> & {
     onChange?: (...args: any[]) => any;
 }, {
     columns: import("../props").Column[];
-    rowHeight: number;
-    settings: import("../props").ISettingPropType;
 }, {}>;
 export default _default;

package/lib/table/plugins/settings.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/plugins/use-column-resize.d.ts

@@ -1,15 +1,35 @@
-import { GroupColumn } from '../props';
-declare const _default: (colgroups: GroupColumn[], immediate?: boolean) => {
+import { type Ref } from 'vue';
+import { ITableResponse } from '../use-attributes';
+declare const _default: (tableResp: ITableResponse, immediate: boolean, head: Ref<HTMLElement>) => {
     registerResizeEvent: () => void;
     resetResizeEvents: () => void;
-    dragOffsetX: import("vue").Ref<number>;
-    dragOffsetXStyle: import("vue").ComputedRef<{
-        readonly position: "absolute";
-        readonly top: 0;
-        readonly bottom: 0;
-        readonly left: 0;
-        readonly width: "1px";
-        readonly 'background-color': "#ebeef5";
+    dragOffsetX: Ref<number>;
+    dragOffsetXStyle: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        width: string;
+        backgroundColor: string;
+        transform: string;
+    };
+    resizeColumnStyle: import("vue").ComputedRef<{
+        transform: string;
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        width: string;
+        backgroundColor: string;
+    }>;
+    resizeHeadColStyle: import("vue").ComputedRef<{
+        width: string;
+        transform: string;
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        backgroundColor: string;
     }>;
 };
 export default _default;

package/lib/table/plugins/use-fixed-column.d.ts

@@ -1,27 +1,27 @@
-import { GroupColumn, TablePropTypes } from '../props';
+import { Ref } from 'vue';
+import { Column, TablePropTypes } from '../props';
+import { ITableResponse } from '../use-attributes';
 /**
  * 固定列Hooks
  */
-declare const _default: (props: TablePropTypes, colgroups: GroupColumn[], hasScrollY?: any) => {
+declare const _default: (props: TablePropTypes, tableResp: ITableResponse, head?: Ref<HTMLElement>) => {
     fixedWrapperClass: string;
-    resolveFixedColumnStyle: (column: GroupColumn, hasScrollY?: boolean) => {
+    resolveFixedColumnStyle: (column: Column, hasScrollY?: boolean) => {
         [x: string]: string;
     };
-    fixedColumns: import("vue").ComputedRef<{
-        isExist: boolean;
-        colPos: string;
-        column: GroupColumn;
-    }[]>;
+    resolveFixedColumns: (tableOffsetRight: any) => void;
+    fixedColumns: any[];
     resolveColumnStyle: (colPos: string) => {
         width: string;
         backgroundColor: string;
         bottom: string;
     };
-    resolveColumnClass: (column: GroupColumn, scrollX?: any, offsetRight?: any) => {
+    resolveColumnClass: (column: Column, scrollX?: any, offsetRight?: any) => {
         column_fixed: boolean;
         column_fixed_left: boolean;
         column_fixed_right: boolean;
         shadow: boolean;
     };
+    updateFixClass: (tableOffsetRight: any) => void;
 };
 export default _default;

package/lib/table/plugins/use-head-cell.d.ts

@@ -0,0 +1,7 @@
+import { SetupContext } from 'vue';
+import { Column } from '../props';
+import { ITableResponse } from '../use-attributes';
+declare const _default: (props: any, context: SetupContext<any>, column: Column, tableResp: ITableResponse) => {
+    getTH: (classList: any, style: any, index: any) => JSX.Element;
+};
+export default _default;

package/lib/table/plugins/use-pagination.d.ts

@@ -1,4 +1,4 @@
-import { TablePropTypes } from '../props';
+import { Column, SortScope, TablePropTypes } from '../props';
 /**
  * 处理 Prop中的分页配置
  * prop中的配置会覆盖本地的配置
@@ -7,10 +7,14 @@ import { TablePropTypes } from '../props';
  * @returns 返回值
  */
 export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
-declare const _default: (props: TablePropTypes, indexData: any[]) => {
+declare const _default: (props: TablePropTypes) => {
     pageData: any[];
+    indexData: import("vue").ComputedRef<any[]>;
     localPagination: any;
-    resolvePageData: (filterFn: any, sortFn: any, activeSortColumn: any) => void;
-    watchEffectFn: (filterFn: any, sortFn: any, activeSortColumn: any) => void;
+    resolvePageData: (filterFn?: any, sortFn?: any, column?: Column, type?: string, sortScope?: any, multiCol?: any) => void;
+    resolvePageDataBySortList: (multiCol?: any) => void;
+    resetStartEndIndex: () => void;
+    multiFilter: (filterFnList: ((row: any, index: any, data: any) => void)[]) => void;
+    sort: (sourceData: any[], sortFn: any, column: Column, type: string, sortScope: SortScope) => void;
 };
 export default _default;