@ftjs/antd 0.0.2

package/dist/vxe-table/define-vxe-table.d.ts

@@ -0,0 +1,139 @@
+import { TfTableColumn, TfTablePropsMap, ValueOf } from '@ftjs/core';
+import { VxeGridProps, VxeGridSlots, VxeGridInstance, VxeGridPropTypes } from 'vxe-table';
+import { FormColumn, FormExposed } from '../form/register';
+import { EditMap } from '../antd-table/column-edit';
+declare module "@ftjs/core" {
+    interface TableTypeMap<TableData extends Record<string, any>, SearchData extends Record<string, any> = TableData> {
+        "vxe-table": {
+            tableSlots: VxeTableSlots<TableData> & {
+                buttons: () => any;
+                tools: () => any;
+            };
+            tableColumn: VxeTableColumn<TableData>;
+            formColumn: FormColumn<SearchData>;
+            extendedProps: VxeExtendedProps<TableData, SearchData>;
+            internalTableProps: InternalVxeTableProps<TableData>;
+            internalFormProps: {};
+        };
+    }
+}
+/**
+ * 表格暴露的方法
+ */
+interface VxeTableExposed<TableData extends Record<string, any>, SearchData extends Record<string, any> = TableData> {
+    /**
+     * 刷新表格
+     */
+    refresh: () => Promise<void>;
+    /**
+     * 表单暴露的方法
+     */
+    formExposed: FormExposed<SearchData>;
+    /**
+     * 表格暴露的方法
+     */
+    tableExposed: VxeGridInstance<TableData>;
+}
+/**
+ * 列定义
+ */
+type VxeTableColumn<TableData extends Record<string, any>> = TfTableColumn<TableData> & Omit<VxeGridPropTypes.Column<TableData>, "title" | "editRender"> & {
+    /**
+     * 行内编辑
+     */
+    edit?: keyof EditMap<TableData> | ValueOf<EditMap<TableData>>;
+};
+/**
+ * 内部表格 props
+ */
+interface InternalVxeTableProps<TableData extends Record<string, any>> extends Omit<VxeGridProps<TableData>, "columns" | "minHeight" | "treeConfig" | "rowConfig" | "customConfig" | "toolbarConfig" | "columnConfig"> {
+}
+/**
+ * 表格插槽
+ */
+interface VxeTableSlots<TableData extends Record<string, any>> extends VxeGridSlots<TableData> {
+}
+interface VxeExtendedProps<TableData extends Record<string, any>, SearchData extends Record<string, any> = TableData> {
+    /**
+     * 是否初始化搜索
+     *
+     * @default true
+     */
+    initSearch?: boolean;
+    /**
+     * 是否自适应父元素(flex布局)剩余高度
+     *
+     * 如果为true，则table会占据父元素的剩余高度，此时可以通过 {@link minHeight} 控制最小高度，避免高度不够展示内容
+     * @default true
+     */
+    fitFlexHeight?: boolean;
+    /**
+     * 最小高度
+     * @default 310
+     */
+    minHeight?: number;
+    /**
+     * vxe-table 树形配置
+     */
+    treeConfig?: VxeGridProps<TableData>["treeConfig"];
+    /**
+     * vxe-table 行配置
+     */
+    rowConfig?: VxeGridProps<TableData>["rowConfig"];
+    /**
+     * vxe-table 自定义配置
+     */
+    customConfig?: VxeGridProps<TableData>["customConfig"];
+    /**
+     * vxe-table 工具栏配置
+     */
+    toolbarConfig?: VxeGridProps<TableData>["toolbarConfig"];
+    /**
+     * vxe-table 列配置
+     */
+    columnConfig?: VxeGridProps<TableData>["columnConfig"];
+    /**
+     * 是否隐藏搜索
+     * @default false
+     */
+    hideSearch?: boolean;
+    /**
+     * 是否隐藏分页
+     * @default false
+     */
+    hidePagination?: boolean;
+    exposed?: VxeTableExposed<TableData, SearchData>;
+    "onUpdate:exposed"?: (exposed: VxeTableExposed<TableData, SearchData>) => void;
+    onSearch: (searchData: SearchData, info: {
+        pagination?: VxePagination;
+    }) => Promise<void> | void;
+}
+interface VxePagination {
+    page: number;
+    pageSize: number;
+}
+export declare const TfVxeTable: new <TableData extends Record<string, any>, SearchData extends Record<string, any> = TableData>(props: ((import('@ftjs/core').TfTableIntrinsicProps<TableData, SearchData, "vxe-table"> & (VxeExtendedProps<TableData, SearchData> & ({
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+}))) & import('vue').VNodeProps) & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps) => import('vue').CreateComponentPublicInstanceWithMixins<import('@ftjs/core').TfTableIntrinsicProps<TableData, SearchData, "vxe-table"> & (VxeExtendedProps<TableData, SearchData> & ({
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+})), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, import('vue').EmitsOptions, import('vue').PublicProps, {}, false, {}, import('vue').SlotsType<VxeTableSlots<TableData> & {
+    buttons: () => any;
+    tools: () => any;
+}>, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, (import('@ftjs/core').TfTableIntrinsicProps<TableData, SearchData, "vxe-table"> & VxeExtendedProps<TableData, SearchData> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}) | (import('@ftjs/core').TfTableIntrinsicProps<TableData, SearchData, "vxe-table"> & VxeExtendedProps<TableData, SearchData> & {
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+}), {}, {}, {}, {}, {}>;
+export type TfVxeTableProps<TableData extends Record<string, any>, SearchData extends Record<string, any> = TableData> = TfTablePropsMap<TableData, SearchData, "vxe-table">;
+export {};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ftjs/antd",
+  "version": "0.0.2",
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {},
+  "devDependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "ant-design-vue": "^4.2.6",
+    "dayjs": "^1.11.13",
+    "vue": "^3.5.13",
+    "vue-component-type-helpers": "^2.2.0",
+    "vxe-table": "4.11.10",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vue-tsc": "2.2.0",
+    "@ftjs/core": "0.0.2"
+  },
+  "peerDependencies": {
+    "@ant-design/icons-vue": ">=7.0.0",
+    "vue": ">=3.3.0",
+    "@ftjs/core": ">=1.0.0",
+    "ant-design-vue": ">=4.0.0",
+    "dayjs": ">=1.0.0",
+    "vxe-table": ">=4.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "minify": "pnpm dlx esbuild ./dist/index.js --minify --outfile=./dist/index.min.js",
+    "pub": "tsx ../../scripts/publish.ts"
+  }
+}