@gx-design-vue/pro-table 0.2.0-beta.3 → 0.2.0-beta.5

package/dist/props.d.ts

@@ -1,11 +1,8 @@
 import type { PropType } from 'vue';
-import type { SearchConfig } from './types/TableTypings';
+import type { SearchConfig, ProTableRowSelection } from './types/TableTypings';
 export declare const proTableProps: {
     rowSelection: {
-        type: PropType<(import("ant-design-vue/es/table/interface").TableRowSelection<import("./typing").DefaultRecordType> & import("ant-design-vue/es/table/interface").TableRowSelection<any> & {
-            defaultSelectKeys: (string | number)[];
-            defaultSelectRows: any[];
-        }) | undefined>;
+        type: PropType<ProTableRowSelection<any>>;
         default: undefined;
     };
     columns: {
@@ -251,56 +248,53 @@ export declare const proTableProps: {
     onColumnsStateChange: PropType<((data: import("./hooks/useColumnSetting").ColumnsState[]) => void) | undefined>;
     prefixCls: {
         type: PropType<string>;
-        default: any;
+        default: string;
     };
     tableLayout: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").TableLayout>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").TableLayout;
     };
     rowClassName: {
         type: PropType<string | import("ant-design-vue/es/vc-table/interface").RowClassName<any>>;
-        default: any;
+        default: string | import("ant-design-vue/es/vc-table/interface").RowClassName<any>;
     };
     title: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
     };
     footer: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").PanelRender<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").PanelRender<any>;
     };
     id: {
         type: PropType<string>;
-        default: any;
+        default: string;
     };
     showHeader: {
-        type: PropType<boolean>;
-        default: any;
+        type: BooleanConstructor;
+        default: boolean;
     };
     components: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").TableComponents<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").TableComponents<any>;
     };
     customRow: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").GetComponentProps<any>;
     };
     customHeaderRow: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").GetComponentProps<import("ant-design-vue/es/vc-table/interface").ColumnType<any>[]>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").GetComponentProps<import("ant-design-vue/es/vc-table/interface").ColumnType<any>[]>;
     };
     direction: {
         type: PropType<"ltr" | "rtl">;
-        default: any;
+        default: "ltr" | "rtl";
     };
     expandFixed: {
         type: PropType<boolean | "right" | "left">;
-        default: any;
-    };
-    expandColumnWidth: {
-        type: PropType<number>;
-        default: any;
+        default: boolean | "right" | "left";
     };
+    expandColumnWidth: NumberConstructor;
     expandedRowKeys: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").Key[]>;
         default: import("ant-design-vue/es/vc-table/interface").Key[];
@@ -311,75 +305,69 @@ export declare const proTableProps: {
     };
     expandedRowRender: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").ExpandedRowRender<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").ExpandedRowRender<any>;
     };
     expandRowByClick: {
-        type: PropType<boolean>;
-        default: any;
+        type: BooleanConstructor;
+        default: boolean;
     };
     expandIcon: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").RenderExpandIcon<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").RenderExpandIcon<any>;
     };
     onExpand: {
         type: PropType<(expanded: boolean, record: any) => void>;
-        default: any;
-    };
+        default: (expanded: boolean, record: any) => void;
+    }; /**
+     * @Author      gx12358
+     * @DateTime    2022/2/8
+     * @lastTime    2022/2/8
+     * @description 是否展示外边框和列边框
+     */
     onExpandedRowsChange: {
         type: PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
-        default: any;
-    };
-    'onUpdate:expandedRowKeys': {
-        type: PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
-        default: any;
-    };
-    defaultExpandAllRows: {
-        type: PropType<boolean>;
-        default: any;
-    };
-    indentSize: {
-        type: PropType<number>;
-        default: any;
+        default: (expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void;
     }; /**
      * @Author      gx12358
      * @DateTime    2022/2/8
      * @lastTime    2022/2/8
-     * @description 表格大小
+     * @description 是否列拖动
      */
-    expandIconColumnIndex: {
-        type: PropType<number>;
-        default: any;
+    'onUpdate:expandedRowKeys': {
+        type: PropType<(expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void>;
+        default: (expandedKeys: import("ant-design-vue/es/vc-table/interface").Key[]) => void;
     };
+    defaultExpandAllRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indentSize: NumberConstructor;
+    expandIconColumnIndex: NumberConstructor;
     showExpandColumn: {
         type: BooleanConstructor;
-        default: any;
+        default: boolean;
     };
     expandedRowClassName: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").RowClassName<any>>;
-        default: any;
+        default: import("ant-design-vue/es/vc-table/interface").RowClassName<any>;
     };
     childrenColumnName: {
         type: PropType<string>;
-        default: any;
+        default: string;
     };
     rowExpandable: {
         type: PropType<(record: any) => boolean>;
-        default: any;
+        default: (record: any) => boolean;
     };
     sticky: {
         type: PropType<boolean | import("ant-design-vue/es/vc-table/interface").TableSticky>;
-        default: any;
+        default: boolean | import("ant-design-vue/es/vc-table/interface").TableSticky;
     };
     dropdownPrefixCls: StringConstructor;
     dataSource: {
         type: PropType<any[]>;
-        default: any;
-    }; /**
-     * @Author      gx12358
-     * @DateTime    2022/2/8
-     * @lastTime    2022/2/8
-     * @description 根据屏幕大小或者scrollBreakpoint或者scroll?.x是否存在判断action列是否固定
-     */
+        default: any[];
+    };
     loading: {
         type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
             prefixCls: StringConstructor;
@@ -393,23 +381,34 @@ export declare const proTableProps: {
             delay: NumberConstructor;
             indicator: import("vue-types").VueTypeValidableDef<any>;
         }>>>;
-        default: any;
+        default: boolean | Partial<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            spinning: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            size: PropType<import("ant-design-vue/es/spin/Spin").SpinSize>;
+            wrapperClassName: StringConstructor;
+            tip: import("vue-types").VueTypeValidableDef<any>;
+            delay: NumberConstructor;
+            indicator: import("vue-types").VueTypeValidableDef<any>;
+        }>>;
     };
     locale: {
         type: PropType<import("ant-design-vue/es/table/interface").TableLocale>;
-        default: any;
+        default: import("ant-design-vue/es/table/interface").TableLocale;
     };
     onChange: {
         type: PropType<(pagination: import("ant-design-vue/es/table/interface").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue | null>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void>;
-        default: any;
+        default: (pagination: import("ant-design-vue/es/table/interface").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue | null>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void;
     };
     onResizeColumn: {
         type: PropType<(w: number, col: import("ant-design-vue/es/table/interface").ColumnType<any>) => void>;
-        default: any;
+        default: (w: number, col: import("ant-design-vue/es/table/interface").ColumnType<any>) => void;
     };
     getPopupContainer: {
         type: PropType<import("ant-design-vue/es/table/interface").GetPopupContainer>;
-        default: any;
+        default: import("ant-design-vue/es/table/interface").GetPopupContainer;
     };
     scroll: {
         type: PropType<{
@@ -418,31 +417,40 @@ export declare const proTableProps: {
         } & {
             scrollToFirstRowOnChange?: boolean | undefined;
         }>;
-        default: any;
+        default: {
+            x?: string | number | true | undefined;
+            y?: string | number | undefined;
+        } & {
+            scrollToFirstRowOnChange?: boolean | undefined;
+        };
     };
     sortDirections: {
         type: PropType<import("ant-design-vue/es/table/interface").SortOrder[]>;
-        default: any;
+        default: import("ant-design-vue/es/table/interface").SortOrder[];
     };
     showSorterTooltip: {
         type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
             title: import("vue-types").VueTypeValidableDef<any>;
             trigger: PropType<import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType | import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType[]>;
-            visible: {
+            open: {
                 type: BooleanConstructor;
                 default: any;
             };
-            defaultVisible: {
+            visible: {
                 type: BooleanConstructor;
                 default: any;
             };
             placement: PropType<import("ant-design-vue/es/tooltip").TooltipPlacement>;
-            color: StringConstructor;
+            color: PropType<import("ant-design-vue/es/_util/type").LiteralUnion<import("ant-design-vue/es/_util/colors").PresetColorType>>;
             transitionName: StringConstructor;
             overlayStyle: {
                 type: PropType<import("vue").CSSProperties>;
                 default: import("vue").CSSProperties;
             };
+            overlayInnerStyle: {
+                type: PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
             overlayClassName: StringConstructor;
             openClassName: StringConstructor;
             prefixCls: StringConstructor;
@@ -472,13 +480,66 @@ export declare const proTableProps: {
             children: ArrayConstructor;
             onVisibleChange: PropType<(vis: boolean) => void>;
             'onUpdate:visible': PropType<(vis: boolean) => void>;
+            onOpenChange: PropType<(vis: boolean) => void>;
+            'onUpdate:open': PropType<(vis: boolean) => void>;
         }>>>;
-        default: boolean;
-    };
-    contextSlots: {
-        type: PropType<import("ant-design-vue/es/table/context").ContextSlots>;
+        default: boolean | Partial<import("vue").ExtractPropTypes<{
+            title: import("vue-types").VueTypeValidableDef<any>;
+            trigger: PropType<import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType | import("ant-design-vue/es/tooltip/abstractTooltipProps").TriggerType[]>;
+            open: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            placement: PropType<import("ant-design-vue/es/tooltip").TooltipPlacement>;
+            color: PropType<import("ant-design-vue/es/_util/type").LiteralUnion<import("ant-design-vue/es/_util/colors").PresetColorType>>;
+            transitionName: StringConstructor;
+            overlayStyle: {
+                type: PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            overlayInnerStyle: {
+                type: PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            overlayClassName: StringConstructor;
+            openClassName: StringConstructor;
+            prefixCls: StringConstructor;
+            mouseEnterDelay: NumberConstructor;
+            mouseLeaveDelay: NumberConstructor;
+            getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+            arrowPointAtCenter: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autoAdjustOverflow: {
+                type: PropType<boolean | import("ant-design-vue/es/tooltip").AdjustOverflow>;
+                default: boolean | import("ant-design-vue/es/tooltip").AdjustOverflow;
+            };
+            destroyTooltipOnHide: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            align: {
+                type: PropType<import("ant-design-vue/es/vc-trigger/interface").AlignType>;
+                default: import("ant-design-vue/es/vc-trigger/interface").AlignType;
+            };
+            builtinPlacements: {
+                type: PropType<import("ant-design-vue/es/vc-trigger/interface").BuildInPlacements>;
+                default: import("ant-design-vue/es/vc-trigger/interface").BuildInPlacements;
+            };
+            children: ArrayConstructor;
+            onVisibleChange: PropType<(vis: boolean) => void>;
+            'onUpdate:visible': PropType<(vis: boolean) => void>;
+            onOpenChange: PropType<(vis: boolean) => void>;
+            'onUpdate:open': PropType<(vis: boolean) => void>;
+        }>>;
     };
     transformCellText: {
         type: PropType<import("ant-design-vue/es/vc-table/interface").TransformCellText<any>>;
+        default: import("ant-design-vue/es/vc-table/interface").TransformCellText<any>;
     };
 };

package/dist/style.d.ts

@@ -0,0 +1,7 @@
+import type { ProAliasToken } from '@gx-design-vue/pro-provider';
+export interface ProToken extends ProAliasToken {
+    antCls: string;
+    componentCls: string;
+}
+declare const _default: (_prefixCls?: string | import("vue").Ref<string> | undefined) => import("ant-design-vue/es/theme/internal").UseComponentStyleResult;
+export default _default;

package/dist/types/TableTypings.d.ts

@@ -17,9 +17,8 @@ export type ProTabelFeachParams = {
 };
 export type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
 export type ProFieldEmptyText = string | false;
-export type ProTableRowSelection<T = any> = TableRowSelection<T> & {
-    defaultSelectKeys: (string | number)[];
-    defaultSelectRows: T[];
+export type ProTableRowSelection<T = any> = Omit<TableRowSelection<T>, 'selectedRowKeys'> & {
+    selectedRowKeys?: (string | number)[];
 };
 export interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'position'> {
     total?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-table",
-  "version": "0.2.0-beta.3",
+  "version": "0.2.0-beta.5",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -15,29 +15,26 @@
     "volar.d.ts"
   ],
   "types": "./dist",
-  "style": "./dist/style.css",
   "main": "./dist/pro-table.umd.js",
   "module": "./dist/pro-table.mjs",
   "exports": {
     ".": {
       "import": "./dist/pro-table.mjs",
       "require": "./dist/pro-table.umd.js"
-    },
-    "./dist/style.css": "./dist/style.css",
-    "./dist/style.less": "./dist/style.less"
+    }
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.2",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.1",
-    "ant-design-vue": "^3.2.20",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.5",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.3",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.13",
+    "ant-design-vue": "^4.0.0",
     "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.45",
     "vue-types": "^4.1.1"
   },
   "devDependencies": {
-    "@shared/vite-plugin-less-copy": "workspace:^0.0.0",
     "@rollup/plugin-typescript": "^8.3.0",
     "@rushstack/eslint-patch": "^1.1.0",
     "@types/lodash-es": "^4.17.6",

package/dist/components/ColumnSetting/style.less

@@ -1,93 +0,0 @@
-@import '../../design/config.less';
-@import '../../design/ant-design-theme.less';
-
-@root-entry-name: 'default';
-
-@pro-column-setting-prefix-cls: ~'@{gx-prefix-pro}-table-column-setting';
-
-.@{pro-column-setting-prefix-cls} {
-  width: auto;
-  &-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 32px;
-  }
-
-  &-overlay {
-    .@{ant-prefix}-popover-inner-content {
-      width: 200px;
-      padding: 0px;
-      padding-bottom: 8px;
-    }
-
-    .ant-tree {
-      .@{ant-prefix}-tree-node-content-wrapper:hover {
-        background-color: transparent;
-      }
-
-      .@{ant-prefix}-tree-draggable-icon {
-        cursor: grab;
-      }
-
-      .@{ant-prefix}-tree-treenode {
-        align-items: center;
-
-        &:hover {
-          background-color: @item-active-bg;
-          .@{pro-column-setting-prefix-cls}-list-item-option {
-            display: block;
-          }
-        }
-
-        .@{ant-prefix}-tree-checkbox {
-          top: 0;
-          margin: 0;
-          margin-right: 4px;
-        }
-      }
-    }
-  }
-}
-
-.@{pro-column-setting-prefix-cls}-list {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-top: 8px;
-
-  &.@{pro-column-setting-prefix-cls}-list-group {
-    padding-top: 0;
-  }
-
-  &-title {
-    padding-left: 24px;
-    margin-top: 6px;
-    margin-bottom: 6px;
-    font-size: 12px;
-    color: @text-color-secondary;
-  }
-
-  &-item {
-    display: flex;
-    align-items: center;
-
-    &-title {
-      flex: 1;
-    }
-
-    &-option {
-      display: none;
-      float: right;
-      cursor: pointer;
-      > span {
-        > span.anticon {
-          color: var(--ant-primary-color);
-        }
-      }
-      > span + span {
-        margin-left: 8px;
-      }
-    }
-  }
-}

package/dist/components/Form/style.less

@@ -1,35 +0,0 @@
-@import '../../design/config.less';
-@import '../../design/ant-design-theme.less';
-
-@pro-table-form-prefix-cls: ~'@{gx-prefix-pro}-table-form';
-
-.@{pro-table-form-prefix-cls} {
-  .@{pro-table-form-prefix-cls}-container {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-
-    .ant-form-item {
-      margin-bottom: 16px;
-    }
-  }
-
-  &-collapse-button {
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    height: 32px;
-    padding: 0;
-    margin: 0;
-    margin-bottom: 16px;
-    font-size: 14px;
-    line-height: 1.5;
-    vertical-align: top;
-    list-style: none;
-
-    .anticon {
-      margin-left: 2px;
-    }
-  }
-}

package/dist/components/ListToolBar/style.less

@@ -1,63 +0,0 @@
-@import '../../design/config.less';
-@import '../../design/ant-design-theme.less';
-
-@root-entry-name: 'default';
-@pro-list-toolbar: ~'@{gx-prefix-pro}-table-list-toolbar';
-
-.@{pro-list-toolbar} {
-  line-height: 1;
-
-  &-container {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding-bottom: @padding-md;
-
-    &-mobile {
-      flex-direction: column;
-      flex-wrap: wrap;
-      align-items: flex-start;
-
-      .@{pro-list-toolbar}-left {
-        flex-wrap: wrap;
-        width: 100%;
-        margin-bottom: 16px;
-      }
-
-      .@{pro-list-toolbar}-right {
-        width: 100%;
-      }
-    }
-  }
-
-  &-title {
-    gap: 8px;
-    font-size: @font-size-lg;
-    font-weight: 500;
-    color: @heading-color;
-  }
-
-  &-setting-item {
-    margin: 0 4px;
-    font-size: @font-size-lg;
-    color: @icon-color-hover;
-    cursor: pointer;
-
-    &:hover {
-      .anticon {
-        color: var(--ant-primary-color);
-      }
-    }
-  }
-
-  &-left {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
-  &-right {
-    display: flex;
-    justify-content: flex-end;
-  }
-}

package/dist/components/ToolBar/style.less

@@ -1,16 +0,0 @@
-@import '../../design/config.less';
-@import '../../design/ant-design-theme.less';
-
-.@{gx-prefix-pro}-table-list-toolbar {
-  &-title {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    flex: 1;
-    font-size: @font-size-lg;
-    font-weight: 500;
-    line-height: 24px;
-    color: @label-color;
-    opacity: 0.85;
-  }
-}

package/dist/design/ant-design-theme.less

@@ -1,3 +0,0 @@
-@root-entry-name: default;
-
-@import 'ant-design-vue/es/style/themes/default.less';

package/dist/design/ant-design-vue.less

@@ -1,19 +0,0 @@
-@import 'ant-design-vue/es/empty/style/index.less';
-@import 'ant-design-vue/es/tree/style/index.less';
-@import 'ant-design-vue/es/checkbox/style/index.less';
-@import 'ant-design-vue/es/grid/style/index.less';
-@import 'ant-design-vue/es/pagination/style/index.less';
-@import 'ant-design-vue/es/spin/style/index.less';
-@import 'ant-design-vue/es/space/style/index.less';
-@import 'ant-design-vue/es/table/style/index.less';
-@import 'ant-design-vue/es/tree-select/style/index.less';
-@import 'ant-design-vue/es/button/style/index.less';
-@import 'ant-design-vue/es/form/style/index.less';
-@import 'ant-design-vue/es/select/style/index.less';
-@import 'ant-design-vue/es/time-picker/style/index.less';
-@import 'ant-design-vue/es/date-picker/style/index.less';
-@import 'ant-design-vue/es/input/style/index.less';
-@import 'ant-design-vue/es/menu/style/index.less';
-@import 'ant-design-vue/es/popover/style/index.less';
-@import 'ant-design-vue/es/dropdown/style/index.less';
-@import 'ant-design-vue/es/tooltip/style/index.less';

package/dist/design/config.less

@@ -1,2 +0,0 @@
-@gx-prefix: gx;
-@gx-prefix-pro: ~'@{gx-prefix}-pro';

package/dist/proTable.less

@@ -1,5 +0,0 @@
-@import './style/index.less';
-@import './components/ColumnSetting/style.less';
-@import './components/Form/style.less';
-@import './components/ListToolBar/style.less';
-@import './components/ToolBar/style.less';