@ftjs/antd 0.0.2

package/dist/form/register.d.ts

@@ -0,0 +1,117 @@
+import { CommonFormItemProps, FormInject, TfFormColumnBase, ValueOf } from '@ftjs/core';
+import { RuleType, StoreValue, ValidatorRule } from 'ant-design-vue/es/form/interface';
+import { Component, MaybeRefOrGetter, VNode } from 'vue';
+import { TfFormColumnInput } from './components/input';
+import { TfFormColumnSelect } from './components/select';
+import { TfFormColumnDatePicker } from './components/date-picker';
+import { TfFormColumnRangePicker } from './components/range-picker';
+import { TfFormColumnRadio } from './components/radio';
+import { TfFormColumnTextarea } from './components/textarea';
+import { TfFormColumnUpload } from './components/upload';
+import { TfFormColumnCascader } from './components/cascader';
+import { TfFormColumnAutoComplete } from './components/auto-complete';
+import { TfFormColumnCheckbox } from './components/checkbox';
+import { TfFormColumnInputNumber } from './components/input-number';
+import { TfFormColumnMentions } from './components/mentions';
+import { TfFormColumnRate } from './components/rate';
+import { TfFormColumnSlider } from './components/slider';
+import { TfFormColumnSwitch } from './components/switch';
+import { TfFormColumnTreeSelect } from './components/tree-select';
+import { FormInstance, FormProps } from 'ant-design-vue';
+export type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;
+export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;
+export interface FormExposed<T extends Record<string, any>> {
+    getFormData: FormInject<T, "antd">["getFormData"];
+    resetToDefault: FormInject<T, "antd">["resetToDefault"];
+    setAsDefault: FormInject<T, "antd">["setAsDefault"];
+    formInstance: FormInstance;
+}
+export interface AntdColumnBase<FormData extends Record<string, any>> extends TfFormColumnBase<FormData> {
+    /**
+     * 校验规则
+     */
+    rules?: MaybeRefOrGetter<ColumnRule[]>;
+}
+/**
+ * 允许外部注册类型
+ */
+export interface RegisterColumnMap<FormData extends Record<string, any>> {
+}
+/**
+ * 全部的 antd column 集合
+ */
+export type FormColumn<FormData extends Record<string, any>> = TfFormColumnDatePicker<FormData> | TfFormColumnRangePicker<FormData> | TfFormColumnRadio<FormData> | TfFormColumnSelect<FormData> | TfFormColumnTextarea<FormData> | TfFormColumnInput<FormData> | TfFormColumnUpload<FormData> | TfFormColumnCascader<FormData> | TfFormColumnAutoComplete<FormData> | TfFormColumnCheckbox<FormData> | TfFormColumnInputNumber<FormData> | TfFormColumnMentions<FormData> | TfFormColumnRate<FormData> | TfFormColumnSlider<FormData> | TfFormColumnSwitch<FormData> | TfFormColumnTreeSelect<FormData> | ValueOf<RegisterColumnMap<FormData>>;
+export declare const formRenderMap: Map<string, Component>;
+export declare function registerForm<T extends keyof RegisterColumnMap<any>>(type: T, Component: Component<CommonFormItemProps<RegisterColumnMap<any>[T]>>): void;
+declare module "@ftjs/core" {
+    interface FormTypeMap<_FormData extends Record<string, any>> {
+        antd: {
+            formSlots: {};
+            columns: FormColumn<_FormData>;
+            extendedProps: {
+                /**
+                 * 表格宽度
+                 */
+                width?: string;
+                /**
+                 * 隐藏底部按钮
+                 * @default false
+                 */
+                hideFooter?: boolean;
+                /**
+                 * 隐藏确认按钮
+                 * @default false
+                 */
+                hideConfirm?: boolean;
+                /**
+                 * 隐藏重置按钮
+                 * @default false
+                 */
+                hideReset?: boolean;
+                exposed?: FormExposed<_FormData>;
+                "onUpdate:exposed"?: (exposed: FormExposed<_FormData>) => void;
+            };
+            internalFormProps: FormProps;
+        };
+        antdSearch: {
+            formSlots: {};
+            columns: FormColumn<_FormData>;
+            extendedProps: {
+                exposed?: FormExposed<_FormData>;
+                "onUpdate:exposed"?: (exposed: FormExposed<_FormData>) => void;
+            };
+            internalFormProps: FormProps;
+        };
+    }
+}
+/**
+ * 从 antd vue 中复制出来的
+ */
+interface ColumnRule extends Partial<ValidatorRule> {
+    warningOnly?: boolean;
+    /** validate the value from a list of possible values */
+    enum?: StoreValue[];
+    /** validate the exact length of a field */
+    len?: number;
+    /** validate the max length of a field */
+    max?: number;
+    /** validation error message */
+    message?: VueNode;
+    /** validate the min length of a field */
+    min?: number;
+    /** validate from a regular expression */
+    pattern?: RegExp;
+    /** indicates whether field is required */
+    required?: boolean;
+    /** transform a value before validation */
+    transform?: (value: StoreValue) => StoreValue;
+    /** built-in validation type, available options: https://github.com/yiminghe/async-validator#type */
+    type?: RuleType;
+    /** treat required fields that only contain whitespace as errors */
+    whitespace?: boolean;
+    /** Customize rule level `validateTrigger`. Must be subset of Field `validateTrigger` */
+    validateTrigger?: string | string[];
+    /** Check trigger timing */
+    trigger?: "blur" | "change" | Array<"change" | "blur">;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './form/define-form';
+export { registerForm } from './form/register';
+export type { FormColumn, AntdColumnBase, RegisterColumnMap, } from './form/register';
+export * from './antd-table/define-table';
+export * from './vxe-table/define-vxe-table';