@gx-design-vue/pro-table 0.0.1

package/dist/_utils/ant-design-vue/index.d.ts

@@ -0,0 +1,5 @@
+import PropTypes from 'ant-design-vue/es/_util/vue-types';
+export { PropTypes };
+export * from './pagination/typings';
+export * from './table/typings';
+export * from './table/props';

package/dist/_utils/ant-design-vue/pagination/typings.d.ts

@@ -0,0 +1 @@
+export type { PaginationProps } from 'ant-design-vue/es/pagination';

package/dist/_utils/ant-design-vue/table/props.d.ts

@@ -0,0 +1,191 @@
+import type { PropType } from 'vue';
+import type { ColumnsType, ColumnType, ContextSlots, FilterValue, GetPopupContainer, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './typings';
+import type { SizeType, SpinProps, TooltipProps } from '../../index';
+export declare const tableProps: {
+    prefixCls: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    columns: {
+        type: PropType<ColumnsType<any>>;
+        default: undefined;
+    };
+    rowKey: {
+        type: PropType<string | import("ant-design-vue/lib/vc-table/interface").GetRowKey<any> | undefined>;
+        default: undefined;
+    };
+    tableLayout: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TableLayout | undefined>;
+        default: undefined;
+    };
+    rowClassName: {
+        type: PropType<string | import("ant-design-vue/lib/vc-table/interface").RowClassName<any> | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").PanelRender<any> | undefined>;
+        default: undefined;
+    };
+    footer: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").PanelRender<any> | undefined>;
+        default: undefined;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    showHeader: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    components: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TableComponents<any> | undefined>;
+        default: undefined;
+    };
+    customRow: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").GetComponentProps<any> | undefined>;
+        default: undefined;
+    };
+    customHeaderRow: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").GetComponentProps<import("ant-design-vue/lib/vc-table/interface").ColumnType<any>[]> | undefined>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"ltr" | "rtl" | undefined>;
+        default: undefined;
+    };
+    expandFixed: {
+        type: PropType<boolean | "left" | "right" | undefined>;
+        default: undefined;
+    };
+    expandColumnWidth: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    expandedRowKeys: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").Key[] | undefined>;
+        default: import("ant-design-vue/lib/vc-table/interface").Key[] | undefined;
+    };
+    defaultExpandedRowKeys: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").Key[] | undefined>;
+        default: import("ant-design-vue/lib/vc-table/interface").Key[] | undefined;
+    };
+    expandedRowRender: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").ExpandedRowRender<any> | undefined>;
+        default: undefined;
+    };
+    expandRowByClick: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    expandIcon: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").RenderExpandIcon<any> | undefined>;
+        default: undefined;
+    };
+    onExpand: {
+        type: PropType<((expanded: boolean, record: any) => void) | undefined>;
+        default: undefined;
+    };
+    onExpandedRowsChange: {
+        type: PropType<((expandedKeys: import("ant-design-vue/lib/vc-table/interface").Key[]) => void) | undefined>;
+        default: undefined;
+    };
+    'onUpdate:expandedRowKeys': {
+        type: PropType<((expandedKeys: import("ant-design-vue/lib/vc-table/interface").Key[]) => void) | undefined>;
+        default: undefined;
+    };
+    defaultExpandAllRows: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    indentSize: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    /** @deprecated Please use `EXPAND_COLUMN` in `columns` directly */
+    expandIconColumnIndex: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    showExpandColumn: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expandedRowClassName: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").RowClassName<any> | undefined>;
+        default: undefined;
+    };
+    childrenColumnName: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    rowExpandable: {
+        type: PropType<((record: any) => boolean) | undefined>;
+        default: undefined;
+    };
+    sticky: {
+        type: PropType<boolean | import("ant-design-vue/lib/vc-table/interface").TableSticky | undefined>;
+        default: undefined;
+    };
+    dropdownPrefixCls: StringConstructor;
+    dataSource: {
+        type: PropType<any[] | undefined>;
+        default: undefined;
+    };
+    pagination: {
+        type: PropType<false | TablePaginationConfig>;
+        default: undefined;
+    };
+    loading: {
+        type: PropType<boolean | SpinProps>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<SizeType>;
+        default: undefined;
+    };
+    bordered: BooleanConstructor;
+    locale: {
+        type: PropType<TableLocale>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult | SorterResult[], extra: TableCurrentDataSource) => void>;
+        default: undefined;
+    };
+    onResizeColumn: {
+        type: PropType<(w: number, col: ColumnType) => void>;
+        default: undefined;
+    };
+    rowSelection: {
+        type: PropType<TableRowSelection<any>>;
+        default: undefined;
+    };
+    getPopupContainer: {
+        type: PropType<GetPopupContainer>;
+        default: undefined;
+    };
+    scroll: {
+        type: PropType<{
+            x?: string | number | true | undefined;
+            y?: string | number | undefined;
+        } & {
+            scrollToFirstRowOnChange?: boolean | undefined;
+        }>;
+        default: undefined;
+    };
+    sortDirections: {
+        type: PropType<SortOrder[]>;
+        default: undefined;
+    };
+    showSorterTooltip: {
+        type: PropType<boolean | TooltipProps>;
+        default: boolean;
+    };
+    contextSlots: {
+        type: PropType<ContextSlots>;
+    };
+    transformCellText: {
+        type: PropType<import("ant-design-vue/lib/vc-table/interface").TransformCellText<any> | undefined>;
+    };
+};

package/dist/_utils/ant-design-vue/table/typings.d.ts

@@ -0,0 +1,11 @@
+import type { TableProps } from 'ant-design-vue';
+export type { ContextSlots } from 'ant-design-vue/es/table/context';
+export declare type PageItemRender = WithFalse<(opt: {
+    page: number;
+    type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
+    originalElement: any;
+}) => CustomRender>;
+export type { Key, SortOrder, ColumnFilterItem, ColumnTitle, CompareFn, FilterDropdownProps, GetRowKey, FilterValue, ColumnsType, ExpandType, TablePaginationConfig, TableAction, TableLocale, SorterResult, TableCurrentDataSource, ColumnType, TableRowSelection, GetPopupContainer } from 'ant-design-vue/es/table/interface';
+export type { AlignType, CellEllipsisType, DataIndex, FixedType, GetComponentProps, RenderedCell } from 'ant-design-vue/es/vc-table/interface';
+export type { TableProps as RcTableProps } from 'ant-design-vue/es/vc-table/Table';
+export type { TableProps };

package/dist/_utils/gx-design-vue/extract-public-props.d.ts

@@ -0,0 +1,7 @@
+import type { ExtractPropTypes } from 'vue';
+declare type RemoveReadonly<T> = {
+    -readonly [key in keyof T]: T[key];
+};
+export declare type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Extract<keyof T, `internal${string}`>>;
+export declare type ExtractInternalPropTypes<T> = Partial<ExtractPropTypes<T>>;
+export {};

package/dist/_utils/gx-design-vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './typings';
+export * from './extract-public-props';

package/dist/_utils/gx-design-vue/typings.d.ts

@@ -0,0 +1 @@
+export declare type SizeType = 'small' | 'middle' | 'large' | undefined;

package/dist/_utils/hooks/useRefFunction/index.d.ts

@@ -0,0 +1 @@
+export declare const useRefFunction: <T extends (...args: any) => any>(reFunction: T) => (...rest: Parameters<T>) => ReturnType<T>;

package/dist/_utils/index.d.ts

@@ -0,0 +1,15 @@
+import type { Slots } from 'vue';
+export { initDefaultProps } from 'ant-design-vue/es/_util/props-util';
+export { noteOnce, warning } from 'ant-design-vue/es/vc-util/warning';
+export interface prefixCls {
+    suffixCls?: string;
+    customizePrefixCls?: string;
+    isPor?: boolean;
+    className?: string;
+}
+export declare const getPrefixCls: ({ suffixCls, customizePrefixCls, isPor, className }: prefixCls) => string;
+export declare function getSlot<T>(slots: Slots, props: Record<string, unknown>, prop?: string): T | false;
+export declare function getSlotVNode<T>(slots: Slots, props: Record<string, unknown>, prop?: string): T | false;
+export * from './typings';
+export * from './gx-design-vue';
+export * from './ant-design-vue';

package/dist/_utils/typings.d.ts

@@ -0,0 +1,40 @@
+import type { CSSProperties, Plugin } from 'vue';
+declare type triggerTypes = 'hover' | 'focus' | 'click' | 'contextmenu';
+declare type placementTypes = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export declare type abstractTooltipProps = {
+    trigger?: triggerTypes | triggerTypes[];
+    visible?: boolean;
+    defaultVisible?: boolean;
+    placement?: placementTypes;
+    color?: string;
+    transitionName?: string;
+    overlayStyle?: CSSProperties;
+    overlayClassName?: string;
+    openClassName?: string;
+    prefixCls?: string;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    getPopupContainer?: () => void;
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean | object;
+    destroyTooltipOnHide?: boolean;
+    align?: object;
+    builtinPlacements?: object;
+    children?: any[];
+    onVisibleChange?: () => void;
+};
+export declare type TooltipProps = {
+    title?: any;
+} & abstractTooltipProps;
+export declare type SpinProps = {
+    prefixCls?: string;
+    spinning?: boolean;
+    size?: 'small' | 'default' | 'large';
+    wrapperClassName?: string;
+    tip?: string;
+    delay?: number;
+    indicator?: any;
+};
+export declare type SFCWithInstall<T> = T & Plugin;
+export declare const withInstall: <T>(comp: T) => SFCWithInstall<T>;
+export {};

package/dist/components/ColumnSetting/index.d.ts

@@ -0,0 +1,10 @@
+import type { FunctionalComponent as FC } from 'vue';
+import './style.less';
+export declare type ColumnSettingProps = {
+    draggable?: boolean;
+    checkable?: boolean;
+    extra?: VueNode;
+    checkedReset?: boolean;
+};
+declare const ColumnSetting: FC<ColumnSettingProps>;
+export default ColumnSetting;

package/dist/components/ColumnSetting/style.less

@@ -0,0 +1,95 @@
+@import '../../design/config.less';
+
+@import 'ant-design-vue/es/tree/style/index.less';
+@import 'ant-design-vue/es/checkbox/style/index.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/index.d.ts

@@ -0,0 +1,35 @@
+import type { ProSearchMap } from '../../types/column';
+import './style.less';
+declare const ProTableForm: import("vue").DefineComponent<{
+    search: {
+        type: import("vue").PropType<import("../../types/table").SearchConfig>;
+        default: () => import("../../types/table").SearchConfig;
+    };
+    modal: import("vue").PropType<boolean>;
+    searchMap: {
+        type: PropType<ProSearchMap<"text", "date">[]>;
+        default: () => never[];
+    };
+    loading: PropType<boolean>;
+    prefixCls: PropType<string>;
+    defaultParams: PropType<RecordType>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "search"[], "search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    search: {
+        type: import("vue").PropType<import("../../types/table").SearchConfig>;
+        default: () => import("../../types/table").SearchConfig;
+    };
+    modal: import("vue").PropType<boolean>;
+    searchMap: {
+        type: PropType<ProSearchMap<"text", "date">[]>;
+        default: () => never[];
+    };
+    loading: PropType<boolean>;
+    prefixCls: PropType<string>;
+    defaultParams: PropType<RecordType>;
+}>> & {
+    onSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    search: import("../../types/table").SearchConfig;
+    searchMap: ProSearchMap<"text", "date">[];
+}>;
+export default ProTableForm;

package/dist/components/Form/style.less

@@ -0,0 +1,42 @@
+@import '../../design/config.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';
+
+@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/Form/useForm.d.ts

@@ -0,0 +1,6 @@
+import type { ProSearchMap } from '../../types/column';
+export declare function useForm(defaultParams: RecordType, searchMap: ProSearchMap[]): {
+    formState: any;
+    resetFormState: () => void;
+    changeFormState: (key: string, value: any) => void;
+};

package/dist/components/ListToolBar/index.d.ts

@@ -0,0 +1,61 @@
+import './style.less';
+export declare type ListToolBarSetting = {
+    icon: VueNode;
+    tooltip?: string;
+    key?: string;
+    onClick?: (key?: string) => void;
+};
+declare const ListToolBar: import("vue").DefineComponent<{
+    actions: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    settings: PropType<VueNode[]>;
+    titleTip: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    prefixCls: StringConstructor;
+    headerTitle: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    titleTipText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionsExtra: {
+        type: import("vue").PropType<VueNode>;
+        default: () => undefined;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    settings: PropType<VueNode[]>;
+    titleTip: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    prefixCls: StringConstructor;
+    headerTitle: {
+        type: import("vue").PropType<ProVueNode>;
+        default: () => undefined;
+    };
+    titleTipText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionsExtra: {
+        type: import("vue").PropType<VueNode>;
+        default: () => undefined;
+    };
+}>>, {
+    headerTitle: ProVueNode;
+    titleTip: ProVueNode;
+    optionsExtra: VueNode;
+    titleTipText: string;
+    actions: ProVueNode;
+}>;
+export default ListToolBar;

package/dist/components/ListToolBar/style.less

@@ -0,0 +1,62 @@
+@import '../../design/config.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/DensityIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent as FC } from 'vue';
+declare const DensityIcon: FC;
+export default DensityIcon;

package/dist/components/ToolBar/FullscreenIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent as FC } from 'vue';
+declare const FullScreenIcon: FC;
+export default FullScreenIcon;

package/dist/components/ToolBar/index.d.ts

@@ -0,0 +1,16 @@
+import type { FunctionalComponent as FC } from 'vue';
+import type { ProTableProps } from '../../ProTable';
+import type { OptionConfig } from '../../types/table';
+import './style.less';
+export declare type ToolBarProps = {
+    headerTitle?: ProTableProps['headerTitle'];
+    titleTip?: ProTableProps['titleTip'];
+    toolBarBtn?: ProTableProps['toolBarBtn'];
+    titleTipText?: string;
+    optionsExtra?: VueNode;
+    settingExtra?: VueNode;
+    options?: OptionConfig | boolean;
+};
+export declare type OptionsFunctionType = () => void;
+declare const ToolbarRender: FC<ToolBarProps>;
+export default ToolbarRender;

package/dist/components/ToolBar/style.less

@@ -0,0 +1,40 @@
+@import '../../design/config.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';
+
+.@{gx-prefix-pro}-table-list-toolbar {
+  &-title {
+    flex: 1;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    color: @label-color;
+    opacity: 0.85;
+  }
+
+  &-actions {
+    .ant-btn {
+      color: var(--ant-primary-color);
+      border-color: var(--ant-primary-color);
+
+      &.ant-btn-primary {
+        color: @white;
+        border-color: @white;
+      }
+    }
+
+    .ant-btn[disabled],
+    .ant-btn[disabled]:hover,
+    .ant-btn[disabled]:focus,
+    .ant-btn[disabled]:active {
+      color: #00000040;
+      text-shadow: none;
+      background: #f5f5f5;
+      border-color: #d9d9d9;
+      box-shadow: none;
+    }
+  }
+}