bkui-vue 2.0.1-beta.15.table.5 → 2.0.1-beta.16

package/lib/styles/themes/themes.variable.css

@@ -1,129 +0,0 @@
-:root {
-  --bk-prefix: bk;
-  --popover-max-height: 216px;
-  --primary-color: #3a84ff;
-  --success-color: #2dcb56;
-  --warning-color: #ff9c01;
-  --danger-color: #ea3636;
-  --default-color: #63656e;
-  --gray-color: #979ba5;
-  --light-gray: #c4c6cc;
-  --white-color: white;
-  --whitesmoke-color: #fafbfd;
-  --disable-color: #dcdee5;
-  --disable-bg-color: #f9fafd;
-  --border-color: #dcdee5;
-  --font-size-base: 12px;
-  --font-size-medium: 14px;
-  --font-size-large: 16px;
-  --line-height-base: 16px;
-  --line-height-medium: 16px;
-  --line-height-large: 18px;
-  --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;
-  --border-style-color: var(--light-gray);
-  --input-disabled-bg: #fafbfd;
-  --input-disabled-border: var(--disable-color);
-  --input-height-base: var(--component-size-base);
-  --input-color: var(--default-color);
-  --input-bg: white;
-  --input-border-color: var(--light-gray);
-  --input-broder-radius: 3px;
-  --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 8px;
-  --input-block-color: #f5f7fa;
-  --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-medium);
-  --input-maxlength-color: #979ba5;
-  --button-primary-hover-color: #5594fa;
-  --button-danger-hover-color: #ff5656;
-  --button-success-hover-color: #45e35f;
-  --button-warning-hover-color: #ffb848;
-  --button-default-hover-border-color: #979ba5;
-  --button-primary-active-color: #2c77f4;
-  --button-danger-active-color: #db2626;
-  --button-success-active-color: #1ab943;
-  --button-warning-active-color: #eb9000;
-  --button-selected-bg-color: #e1ecff;
-  --button-disabled-selected-bg-color: #f0f1f5;
-  --radio-font-color: #63656e;
-  --radio-active-color: #3a84ff;
-  --radio-hover-border-color: #979ba5;
-  --radio-disabled-border: #dcdee5;
-  --radio-disabled-font-color: #c4c6cc;
-  --radio-disabled-checked-bg: #a3c5fd;
-  --radio-button-checked-bg: #e1ecff;
-  --radio-button-disabled-checked-bg: #fafbfd;
-  --checkbox-disabled-checked-bg: #a3c5fd;
-  --fixed-navbar-background: #fff;
-  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
-  --switch-default-color: #fff;
-  --switch-grey-color: #c4c6cc;
-  --breadcrumb-black-color: #979ba5;
-  --breadcrumb-primary-hover-color: #0082ff;
-  --breadcrumb-fn-main-color: #63656e;
-  --link-default-hover-color: #979ba5;
-  --link-primary-hover-color: #699df4;
-  --link-success-hover-color: #45e35f;
-  --link-warning-hover-color: #ffb848;
-  --link-danger-hover-color: #ff5656;
-  --link-default-disabled-color: #dcdee5;
-  --link-primary-disabled-color: #a3c5fd;
-  --link-success-disabled-color: #94f5a4;
-  --link-warning-disabled-color: #ffd695;
-  --link-danger-disabled-color: #fd9c9c;
-  --message-color: var(--default-color);
-  --message-primary-bg-color: #f0f8ff;
-  --message-primary-border-color: #e1ecff;
-  --message-primary-shadow-color: #e1e8f4;
-  --message-warning-bg-color: #fff4e2;
-  --message-warning-border-color: #ffe8c3;
-  --message-warning-shadow-color: #ede6db;
-  --message-success-bg-color: #f2fff4;
-  --message-success-border-color: #dcffe2;
-  --message-success-shadow-color: #cef0d7;
-  --message-danger-bg-color: #ffeded;
-  --message-danger-border-color: #ffdddd;
-  --message-danger-shadow-color: #f6dada;
-  --slider-default-bg: #dcdee5;
-  --slider-disable-bar-bg: #979ba5;
-  --menu-bg-color: #182132;
-  --submenu-bg-color: #151d2c;
-  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
-  --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
-  --menu-width: 260px;
-  --menu-collapse-width: 60px;
-  --menu-active-color: white;
-  --nav-header-bg-color: #182132;
-  --nav-bg-color: #182132;
-  --date-picker-disabled-bg: #fafbfd;
-  --date-picker-dropdown-mb: 4px;
-  --date-picker-dropdown-bg: #fff;
-  --table-bg-color: var(--white-color);
-  --table-border-color: #dcdee5;
-  --table-head-bg-color: #fafbfd;
-  --table-head-font-color: #313238;
-  --table-body-font-color: #63656E;
-  --table-row-hover-bg-color: #f5f7fa;
-  --table-row-active-bg-color: #f0f1f5;
-  --cascader-panel-border-color: #dcdee5;
-  --cascader-panel-hover: #f5f7fa;
-  --cascader-panel-active: #e1ecff;
-  --cascader-panel-disabled-bg: #fff;
-  --search-select-focus-border-color: var(--primary-color);
-  --search-select-focus-color: #3c96ff;
-  --search-select-font-color: var(--default-color);
-  --search-select-placeholder-color: var(--light-gray);
-  --search-select-message-color: var(--danger-color);
-  --search-select-menu-border-color: var(--disable-color);
-  --select-active-color: #e1ecff;
-  --select-hover-color: #f5f7fa;
-}

package/lib/table/hooks/use-column-resize.d.ts

@@ -1,7 +0,0 @@
-import { UseColumns } from './use-columns';
-declare const _default: (columns: UseColumns, { afterResize }: {
-    afterResize: any;
-}) => {
-    dragOffsetX: import("vue").Ref<number>;
-};
-export default _default;

package/lib/table/hooks/use-columns.d.ts

@@ -1,55 +0,0 @@
-import { IEmptyObject } from '../const';
-import { Column, TablePropTypes } from '../props';
-declare const useColumns: (props: TablePropTypes) => {
-    needColSpan: import("vue").ComputedRef<boolean>;
-    needRowSpan: import("vue").ComputedRef<boolean>;
-    headHeight: import("vue").ComputedRef<number>;
-    tableColumnSchema: WeakMap<object, any> & Omit<WeakMap<object, any>, keyof WeakMap<any, any>>;
-    tableColumnList: any[];
-    visibleColumns: Column[];
-    debounceUpdateColumns: import("lodash").DebouncedFunc<(columns: any) => void>;
-    sortColumns: any[];
-    filterColumns: any[];
-    clearColumnSort: () => void;
-    formatColumns: () => void;
-    isHiddenColumn: (col: Column) => any;
-    getColumnId: (col: Column) => any;
-    getColumnOrderWidth: (col: Column, orders?: string[]) => number;
-    getColumnAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
-    getHeadColumnClass: (column: Column, colIndex: number) => {
-        [x: string]: boolean;
-        column_fixed: boolean;
-        column_fixed_left: boolean;
-        column_fixed_right: boolean;
-    };
-    getColumnClass: (column: Column, colIndex: number) => {
-        [x: string]: boolean;
-        column_fixed: boolean;
-        column_fixed_left: boolean;
-        column_fixed_right: boolean;
-    };
-    getFixedStlye: (column: Column) => any;
-    getColumnRect: (column: Column) => any;
-    getColumnCustomClass: (column: any, row?: any) => any;
-    getColumnRefAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
-    getColumnCalcWidth: (column: Column) => any;
-    resolveEventListener: (col: Column) => any;
-    setColumnIsHidden: (column: Column, value?: boolean) => void;
-    setColumnResizeWidth: (column: Column, value: number) => void;
-    setColumnSortOption: (column: Column, option: Record<string, any>) => void;
-    setColumnFilterOption: (column: Column, option: Record<string, any>) => void;
-    setColumnAttributeBySettings: (settings: any, checkedVal?: string[]) => void;
-    setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | any[] | Record<string, any> | ((...args: any[]) => boolean | number | string | void)) => void;
-    setColumnSortActive: (column: Column, active: boolean) => void;
-    setFixedStyle: (column: Column, style: any) => void;
-    setColumnRect: (col: any, { left, right, width, height }: {
-        left?: number;
-        right?: number;
-        width?: number;
-        height?: number;
-    }) => void;
-    setVisibleColumns: () => void;
-    resolveColsCalcWidth: (width: number) => void;
-};
-export type UseColumns = ReturnType<typeof useColumns>;
-export default useColumns;

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

@@ -1,10 +0,0 @@
-import { TablePropTypes } from '../props';
-import { UseColumns } from './use-columns';
-/**
- * 固定列Hooks
- */
-declare const _default: (_props: TablePropTypes, columns: UseColumns) => {
-    renderFixedRows: () => JSX.Element[];
-    resolveFixedColumnStyle: () => void;
-};
-export default _default;

package/lib/table/hooks/use-head.d.ts

@@ -1,15 +0,0 @@
-import { SetupContext } from 'vue';
-import { Column, TablePropTypes } from '../props';
-import { UseColumns } from './use-columns';
-import { UseRows } from './use-rows';
-declare const _default: ({ props, columns, rows, ctx, column, index, }: {
-    props: TablePropTypes;
-    columns: UseColumns;
-    ctx: SetupContext;
-    column: Column;
-    index: number;
-    rows: UseRows;
-}) => {
-    getTH: () => JSX.Element;
-};
-export default _default;

package/lib/table/hooks/use-layout.d.ts

@@ -1,20 +0,0 @@
-import { Ref } from 'vue';
-import { TablePropTypes } from '../props';
-declare const _default: (props: TablePropTypes, ctx: any) => {
-    renderContainer: (childrend: any) => JSX.Element;
-    renderHeader: (childrend?: any, settings?: any) => JSX.Element;
-    renderBody: (list: any, childrend?: any, fixedRows?: any, loadingRow?: any) => JSX.Element;
-    renderFooter: (childrend?: any) => JSX.Element;
-    setBodyHeight: (height: number | string) => void;
-    setFootHeight: (height: number) => void;
-    setTranslateX: (val: number) => void;
-    setDragOffsetX: (val: number) => void;
-    setFixedColumns: (values: any[]) => void;
-    setOffsetRight: () => void;
-    setLineHeight: (val: number) => void;
-    refRoot: Ref<any>;
-    refHead: Ref<any>;
-    refBody: Ref<any>;
-    refFooter: Ref<any>;
-};
-export default _default;

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

@@ -1,16 +0,0 @@
-import { TablePropTypes } from '../props';
-declare const usePagination: (props: TablePropTypes) => {
-    options: {
-        enabled: boolean;
-        count: number;
-        limit: number;
-        current: number;
-        align: string;
-        layout: string[];
-    };
-    isShowPagination: import("vue").ComputedRef<boolean>;
-    setPagination: (option: Record<string, any>) => void;
-    disabledPagination: (disable?: boolean) => void;
-};
-export type UsePagination = ReturnType<typeof usePagination>;
-export default usePagination;

package/lib/table/hooks/use-render.d.ts

@@ -1,23 +0,0 @@
-import { SetupContext } from 'vue';
-import { TablePropTypes } from '../props';
-import { UseColumns } from './use-columns';
-import { UsePagination } from './use-pagination';
-import { UseRows } from './use-rows';
-import { UseSettings } from './use-settings';
-type RenderType = {
-    props: TablePropTypes;
-    ctx: SetupContext;
-    columns: UseColumns;
-    rows: UseRows;
-    pagination: UsePagination;
-    settings: UseSettings;
-};
-declare const _default: ({ props, ctx, columns, rows, pagination, settings }: RenderType) => {
-    renderColumns: () => JSX.Element;
-    renderTBody: (list?: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | JSX.Element;
-    renderTFoot: () => JSX.Element;
-    setDragEvents: (events: Record<string, Function>) => void;
-};
-export default _default;

package/lib/table/hooks/use-rows.d.ts

@@ -1,25 +0,0 @@
-import { IEmptyObject } from '../const';
-import { TablePropTypes } from '../props';
-declare const useRows: (props: TablePropTypes) => {
-    setRowIndex: (row: any, index: number) => void;
-    setRowExpand: (row: any, isExpand: boolean) => void;
-    isRowChecked: (row: any, index: number) => any;
-    setPageRowList: (rowList: any[]) => void;
-    clearSelection: () => void;
-    formatDataSchema: () => void;
-    toggleRowSelection: (row: any) => void;
-    setRowSelectionAll: (val: boolean) => void;
-    setRowSelection: (row: any, isSelected: boolean, index?: number) => void;
-    setAllRowExpand: (value?: boolean) => void;
-    setTableIsNeedRowSpan: (val: boolean) => void;
-    getRowAttribute: (item: IEmptyObject | any, attrName: string) => any;
-    getRowSelection: () => any[];
-    getRowIndeterminate: () => any;
-    getRowCheckedAllValue: () => any;
-    changePageRowIndex: (sourceIndex: any, targetIndex: any) => void;
-    toggleAllSelection: (value?: boolean) => void;
-    tableRowList: import("vue").ComputedRef<any[]>;
-    pageRowList: any[];
-};
-export type UseRows = ReturnType<typeof useRows>;
-export default useRows;

package/lib/table/hooks/use-settings.d.ts

@@ -1,23 +0,0 @@
-import { SetupContext } from 'vue';
-import { TablePropTypes } from '../props';
-import { UseColumns } from './use-columns';
-declare const useSettings: (props: TablePropTypes, ctx: SetupContext, columns: UseColumns, afterSetting: any) => {
-    options: {
-        fields: any[];
-        checked: any[];
-        limit: number;
-        size: string;
-        sizeList: {
-            value?: string;
-            label?: string;
-            height?: number;
-        }[];
-        showLineHeight: boolean;
-        extCls: string;
-        trigger: string;
-        height: number;
-    };
-    renderSettings: () => JSX.Element;
-};
-export type UseSettings = ReturnType<typeof useSettings>;
-export default useSettings;