@gct-paas/v-ben 0.1.4-dev.10 → 0.1.4-dev.12

package/es/components/v-ben-table/src/props.d.ts

@@ -0,0 +1,186 @@
+import { PropType } from 'vue';
+import { PaginationProps } from './types/pagination';
+import { BasicColumn, TableSetting, TableCustomRecord, TableRowSelection } from './types/table';
+export declare const basicProps: {
+    clickToRowSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTreeTable: BooleanConstructor;
+    tableSetting: {
+        type: PropType<TableSetting>;
+        default: {};
+    };
+    inset: BooleanConstructor;
+    showTableSetting: BooleanConstructor;
+    autoCreateKey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    summaryFunc: {
+        type: PropType<(...arg: unknown[]) => unknown[]>;
+        default: null;
+    };
+    summaryData: {
+        type: PropType<Recordable[]>;
+        default: null;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    canColDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    api: {
+        type: PropType<(...arg: unknown[]) => Promise<unknown>>;
+        default: null;
+    };
+    beforeFetch: {
+        type: PropType<Fn>;
+        default: null;
+    };
+    afterFetch: {
+        type: PropType<Fn>;
+        default: null;
+    };
+    handleSearchInfoFn: {
+        type: PropType<Fn>;
+        default: null;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyDataIsShowTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchInfo: {
+        type: PropType<Recordable>;
+        default: null;
+    };
+    defSort: {
+        type: PropType<Recordable>;
+        default: null;
+    };
+    useSearchForm: BooleanConstructor;
+    columns: {
+        type: PropType<BasicColumn[]>;
+        default: () => never[];
+    };
+    showIndexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indexColumnProps: {
+        type: PropType<BasicColumn>;
+        default: null;
+    };
+    actionColumn: {
+        type: PropType<BasicColumn>;
+        default: null;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCanResizeParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearSelectOnPageChange: BooleanConstructor;
+    resizeHeightOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowSelection: {
+        type: PropType<TableRowSelection | null>;
+        default: null;
+    };
+    title: {
+        type: PropType<string | ((data: Recordable) => string)>;
+        default: null;
+    };
+    titleHelpMessage: {
+        type: PropType<string | string[]>;
+    };
+    maxHeight: NumberConstructor;
+    dataSource: {
+        type: PropType<Recordable[]>;
+        default: null;
+    };
+    rowKey: {
+        type: PropType<string | ((record: Recordable) => string)>;
+        default: string;
+    };
+    bordered: BooleanConstructor;
+    pagination: {
+        type: PropType<PaginationProps | boolean>;
+        default: null;
+    };
+    loading: BooleanConstructor;
+    rowClassName: {
+        type: PropType<(record: TableCustomRecord<unknown>, index: number) => string>;
+    };
+    scroll: {
+        type: PropType<{
+            x?: number | string | true;
+            y?: number | string;
+        }>;
+        default: null;
+    };
+    beforeEditSubmit: {
+        type: PropType<(data: {
+            record: Recordable;
+            index: number;
+            key: string | number;
+            value: unknown;
+        }) => Promise<unknown>>;
+    };
+    /**
+     * 行拖拽
+     */
+    rowDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 仅支持同层级拖拽
+     */
+    supportSameLevel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 拖拽完成自动请求的api
+     */
+    rowDragApi: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    /**
+     * tree表格展开行
+     */
+    expandedRowKeys: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /**
+     * 空数据时全屏显示
+     */
+    emptyFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/es/components/v-ben-table/src/props.mjs

@@ -0,0 +1,157 @@
+//#region src/components/v-ben-table/src/props.ts
+var basicProps = {
+	clickToRowSelect: {
+		type: Boolean,
+		default: true
+	},
+	isTreeTable: Boolean,
+	tableSetting: {
+		type: Object,
+		default: {}
+	},
+	inset: Boolean,
+	showTableSetting: Boolean,
+	autoCreateKey: {
+		type: Boolean,
+		default: true
+	},
+	striped: {
+		type: Boolean,
+		default: true
+	},
+	showSummary: Boolean,
+	summaryFunc: {
+		type: [Function, Array],
+		default: null
+	},
+	summaryData: {
+		type: Array,
+		default: null
+	},
+	indentSize: {
+		type: Number,
+		default: 24
+	},
+	canColDrag: {
+		type: Boolean,
+		default: true
+	},
+	api: {
+		type: Function,
+		default: null
+	},
+	beforeFetch: {
+		type: Function,
+		default: null
+	},
+	afterFetch: {
+		type: Function,
+		default: null
+	},
+	handleSearchInfoFn: {
+		type: Function,
+		default: null
+	},
+	immediate: {
+		type: Boolean,
+		default: true
+	},
+	emptyDataIsShowTable: {
+		type: Boolean,
+		default: true
+	},
+	searchInfo: {
+		type: Object,
+		default: null
+	},
+	defSort: {
+		type: Object,
+		default: null
+	},
+	useSearchForm: Boolean,
+	columns: {
+		type: Array,
+		default: () => []
+	},
+	showIndexColumn: {
+		type: Boolean,
+		default: true
+	},
+	indexColumnProps: {
+		type: Object,
+		default: null
+	},
+	actionColumn: {
+		type: Object,
+		default: null
+	},
+	ellipsis: {
+		type: Boolean,
+		default: true
+	},
+	isCanResizeParent: {
+		type: Boolean,
+		default: false
+	},
+	canResize: {
+		type: Boolean,
+		default: true
+	},
+	clearSelectOnPageChange: Boolean,
+	resizeHeightOffset: {
+		type: Number,
+		default: 0
+	},
+	rowSelection: {
+		type: Object,
+		default: null
+	},
+	title: {
+		type: [String, Function],
+		default: null
+	},
+	titleHelpMessage: { type: [String, Array] },
+	maxHeight: Number,
+	dataSource: {
+		type: Array,
+		default: null
+	},
+	rowKey: {
+		type: [String, Function],
+		default: ""
+	},
+	bordered: Boolean,
+	pagination: {
+		type: [Object, Boolean],
+		default: null
+	},
+	loading: Boolean,
+	rowClassName: { type: Function },
+	scroll: {
+		type: Object,
+		default: null
+	},
+	beforeEditSubmit: { type: Function },
+	rowDraggable: {
+		type: Boolean,
+		default: false
+	},
+	supportSameLevel: {
+		type: Boolean,
+		default: false
+	},
+	rowDragApi: {
+		type: Function,
+		default: null
+	},
+	expandedRowKeys: {
+		type: Array,
+		default: () => []
+	},
+	emptyFull: {
+		type: Boolean,
+		default: false
+	}
+};
+//#endregion
+export { basicProps };

package/es/components/v-ben-table/src/types/column.d.ts

@@ -0,0 +1,164 @@
+import { VNodeChild } from 'vue';
+export interface ColumnFilterItem {
+    text?: string;
+    value?: string;
+    children?: IObject[];
+}
+export declare type SortOrder = 'ascend' | 'descend';
+export interface RecordProps<T> {
+    text: string;
+    record: T;
+    index: number;
+}
+export interface FilterDropdownProps {
+    prefixCls?: string;
+    setSelectedKeys?: (selectedKeys: string[]) => void;
+    selectedKeys?: string[];
+    confirm?: () => void;
+    clearFilters?: () => void;
+    filters?: ColumnFilterItem[];
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    visible?: boolean;
+}
+export declare type CustomRenderFunction<T> = (record: RecordProps<T>) => VNodeChild | JSX.Element;
+export interface ColumnProps<T> {
+    /**
+     * specify how content is aligned
+     * @default 'left'
+     * @type string
+     */
+    align?: 'left' | 'right' | 'center';
+    /**
+     * ellipsize cell content, not working with sorter and filters for now.
+     * tableLayout would be fixed when ellipsis is true.
+     * @default false
+     * @type boolean
+     */
+    ellipsis?: boolean;
+    /**
+     * Span of this column's title
+     * @type number
+     */
+    colSpan?: number;
+    /**
+     * Display field of the data record, could be set like a.b.c
+     * @type string
+     */
+    dataIndex?: string;
+    /**
+     * Default filtered values
+     * @type string[]
+     */
+    defaultFilteredValue?: string[];
+    /**
+     * Default order of sorted values: 'ascend' 'descend' null
+     * @type string
+     */
+    defaultSortOrder?: SortOrder;
+    /**
+     * Customized filter overlay
+     * @type any (slot)
+     */
+    filterDropdown?: VNodeChild | JSX.Element | ((props: FilterDropdownProps) => VNodeChild | JSX.Element);
+    /**
+     * Whether filterDropdown is visible
+     * @type boolean
+     */
+    filterDropdownVisible?: boolean;
+    /**
+     * Whether the dataSource is filtered
+     * @default false
+     * @type boolean
+     */
+    filtered?: boolean;
+    /**
+     * Controlled filtered value, filter icon will highlight
+     * @type string[]
+     */
+    filteredValue?: string[];
+    /**
+     * Customized filter icon
+     * @default false
+     * @type any
+     */
+    filterIcon?: boolean | VNodeChild | JSX.Element;
+    /**
+     * Whether multiple filters can be selected
+     * @default true
+     * @type boolean
+     */
+    filterMultiple?: boolean;
+    /**
+     * Filter menu config
+     * @type object[]
+     */
+    filters?: ColumnFilterItem[];
+    /**
+     * Set column to be fixed: true(same as left) 'left' 'right'
+     * @default false
+     * @type boolean | string
+     */
+    fixed?: boolean | 'left' | 'right';
+    /**
+     * Unique key of this column, you can ignore this prop if you've set a unique dataIndex
+     * @type string
+     */
+    key?: string;
+    /**
+     * Renderer of the table cell. The return value should be a VNode, or an object for colSpan/rowSpan config
+     * @type Function | ScopedSlot
+     */
+    customRender?: CustomRenderFunction<T> | VNodeChild | JSX.Element;
+    /**
+     * Sort function for local sort, see Array.sort's compareFunction. If you need sort buttons only, set to true
+     * @type boolean | Function
+     */
+    sorter?: boolean | Fn;
+    /**
+     * Order of sorted values: 'ascend' 'descend' false
+     * @type boolean | string
+     */
+    sortOrder?: boolean | SortOrder;
+    /**
+     * supported sort way, could be 'ascend', 'descend'
+     * @default ['ascend', 'descend']
+     * @type string[]
+     */
+    sortDirections?: SortOrder[];
+    /**
+     * Title of this column
+     * @type any (string | slot)
+     */
+    title?: VNodeChild | JSX.Element;
+    /**
+     * Width of this column
+     * @type string | number
+     */
+    width?: string | number;
+    /**
+     * Set props on per cell
+     * @type Function
+     */
+    customCell?: (record: T, rowIndex: number) => object;
+    /**
+     * Set props on per header cell
+     * @type object
+     */
+    customHeaderCell?: (column: ColumnProps<T>) => object;
+    /**
+     * Callback executed when the confirm filter button is clicked, Use as a filter event when using template or jsx
+     * @type Function
+     */
+    onFilter?: (value: unknown, record: T) => boolean;
+    /**
+     * Callback executed when filterDropdownVisible is changed, Use as a filterDropdownVisible event when using template or jsx
+     * @type Function
+     */
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+    /**
+     * When using columns, you can setting this property to configure the properties that support the slot,
+     * such as slots: { filterIcon: 'XXX'}
+     * @type object
+     */
+    slots?: IObject;
+}

package/es/components/v-ben-table/src/types/componentType.d.ts

@@ -0,0 +1 @@
+export type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'ApiSelect' | 'AutoComplete' | 'ApiTreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'RadioGroup' | 'RadioButtonGroup' | 'ApiRadioGroup';

package/es/components/v-ben-table/src/types/pagination.d.ts

@@ -0,0 +1,93 @@
+import { default as Pagination } from 'ant-design-vue/lib/pagination';
+import { VNodeChild, VNode } from 'vue';
+export interface PaginationRenderProps {
+    page: number;
+    type: 'page' | 'prev' | 'next';
+    originalElement: VNode;
+}
+type PaginationPositon = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+export declare class PaginationConfig extends Pagination {
+    position?: PaginationPositon[];
+}
+export interface PaginationProps {
+    /**
+     * total number of data items
+     * @default 0
+     * @type number
+     */
+    total?: number;
+    /**
+     * default initial page number
+     * @default 1
+     * @type number
+     */
+    defaultCurrent?: number;
+    /**
+     * current page number
+     * @type number
+     */
+    current?: number;
+    /**
+     * default number of data items per page
+     * @default 10
+     * @type number
+     */
+    defaultPageSize?: number;
+    /**
+     * number of data items per page
+     * @type number
+     */
+    pageSize?: number;
+    /**
+     * Whether to hide pager on single page
+     * @default false
+     * @type boolean
+     */
+    hideOnSinglePage?: boolean;
+    /**
+     * determine whether pageSize can be changed
+     * @default false
+     * @type boolean
+     */
+    showSizeChanger?: boolean;
+    /**
+     * specify the sizeChanger options
+     * @default ['10', '20', '30', '40']
+     * @type string[]
+     */
+    pageSizeOptions?: string[];
+    /**
+     * determine whether you can jump to pages directly
+     * @default false
+     * @type boolean
+     */
+    showQuickJumper?: boolean | object;
+    /**
+     * to display the total number and range
+     * @type Function
+     */
+    showTotal?: (total: number, range: [number, number]) => IObject;
+    /**
+     * specify the size of Pagination, can be set to small
+     * @default ''
+     * @type string
+     */
+    size?: string;
+    /**
+     * whether to setting simple mode
+     * @type boolean
+     */
+    simple?: boolean;
+    /**
+     * to customize item innerHTML
+     * @type Function
+     */
+    itemRender?: (props: PaginationRenderProps) => VNodeChild | JSX.Element;
+    /**
+     * specify the position of Pagination
+     * @default ['bottomRight']
+     * @type string[]
+     */
+    position?: PaginationPositon[];
+}
+export {};