@qin-ui/antdv-next-pro 1.0.5 → 1.1.0

package/README.md

@@ -135,19 +135,28 @@ const form = useForm<FormData>({}, [
 
 #### 注册可复用自定义组件
 
-```ts
-import { registerComponent } from '@qin-ui/antdv-next-pro';
+```vue
+<script setup lang="ts">
+import { ProComponentProvider } from '@qin-ui/antdv-next-pro';
 import MyRateComponent from './MyRate.vue';
 
-// 注册后在 schema 中即可使用字符串引用
-registerComponent('my-rate', MyRateComponent);
+const componentMap = {
+  'my-rate': MyRateComponent,
+};
+</script>
+
+<template>
+  <ProComponentProvider :component-map="componentMap">
+    <RouterView />
+  </ProComponentProvider>
+</template>
 ```
 
 配合 TypeScript 模块扩充获得完整类型提示：
 
 ```ts
 declare module '@qin-ui/antdv-next-pro' {
-  interface CustomFieldTypeMap {
+  interface ComponentMap {
     'my-rate': typeof MyRateComponent;
   }
 }

package/es/component-provider/index.js

@@ -137,13 +137,15 @@ const INJECT_CONFIG = {
     default: {}
   }
 };
+const INJECT_COMPONENTS = Symbol("INJECT_COMPONENTS");
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
   __name: "index",
   props: {
-    componentVars: {}
+    componentVars: {},
+    componentMap: {}
   },
   setup(__props) {
     const props = __props;
@@ -154,12 +156,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         provide(config.injectionKey, { ...config.default, ...getObject(val) });
       });
     }
+    if (props.componentMap) {
+      provide(INJECT_COMPONENTS, props.componentMap);
+    }
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default");
     };
   }
 });
 export {
+  INJECT_COMPONENTS,
   INJECT_CONFIG,
   _sfc_main as default
 };

package/es/form/{index-CMvNb50_.js → index-DmAaZ_i3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, provide, computed, inject, useSlots, watchEffect, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toValue, normalizeProps, guardReactiveProps, resolveComponent, createElementBlock, Fragment, renderList, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString } from "vue";
-import { FormItem, Col, Table, Form, Input, TextArea, InputSearch, InputPassword, InputNumber, InputOTP, AutoComplete, Select, Cascader, DatePicker, DateRangePicker, TimePicker, TimeRangePicker, CheckboxGroup, RadioGroup, Switch, Slider, TreeSelect, Transfer, Row } from "antdv-next";
+import { FormItem, Col, Table, Form, Transfer, TreeSelect, Slider, Switch, RadioGroup, CheckboxGroup, TimeRangePicker, TimePicker, DateRangePicker, DatePicker, Cascader, Select, AutoComplete, InputOTP, InputNumber, InputPassword, InputSearch, TextArea, Input, Row } from "antdv-next";
 import { useDisabledContextProvider, useDisabledContext } from "antdv-next/dist/config-provider/DisabledContext";
-import { INJECT_CONFIG } from "../component-provider/index.js";
+import { INJECT_CONFIG, INJECT_COMPONENTS } from "../component-provider/index.js";
 import { I as InjectionFormKey, c as camelizeProperties, a as InjectionPathKey, g as getObject, u as useForm$1, b as useFields$1, d as useFormRef$1 } from "../core/index-BrBzu6aj.js";
 import { i as isPlainObject, t as toPath, o as omit, c as cloneDeep } from "../vendor/utils/lodash-es-p6jau26B.js";
 const tableProps = () => Table.props || {};
@@ -51,29 +51,26 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 const FORM_ITEM_SLOT_KEYS = ["label", "extra", "help", "tooltip"];
-const COMPONENT_MAP = /* @__PURE__ */ new Map([
-  ["input", Input],
-  ["textarea", TextArea],
-  ["input-search", InputSearch],
-  ["input-password", InputPassword],
-  ["input-number", InputNumber],
-  ["input-otp", InputOTP],
-  ["auto-complete", AutoComplete],
-  ["select", Select],
-  ["cascader", Cascader],
-  ["date-picker", DatePicker],
-  ["range-picker", DateRangePicker],
-  ["time-picker", TimePicker],
-  ["time-range-picker", TimeRangePicker],
-  ["checkbox-group", CheckboxGroup],
-  ["radio-group", RadioGroup],
-  ["switch", Switch],
-  ["slider", Slider],
-  ["tree-select", TreeSelect],
-  ["transfer", Transfer]
-]);
-const registerComponent = (name, component) => {
-  COMPONENT_MAP.set(name, component);
+const componentMap = {
+  "input": Input,
+  "textarea": TextArea,
+  "input-search": InputSearch,
+  "input-password": InputPassword,
+  "input-number": InputNumber,
+  "input-otp": InputOTP,
+  "auto-complete": AutoComplete,
+  "select": Select,
+  "cascader": Cascader,
+  "date-picker": DatePicker,
+  "range-picker": DateRangePicker,
+  "time-picker": TimePicker,
+  "time-range-picker": TimeRangePicker,
+  "checkbox-group": CheckboxGroup,
+  "radio-group": RadioGroup,
+  "switch": Switch,
+  "slider": Slider,
+  "tree-select": TreeSelect,
+  "transfer": Transfer
 };
 const TeleportComponentNamePrefix = "TeleportComponent_";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -288,7 +285,7 @@ const useForm = useForm$1;
 const getInitProps = (field) => {
   const { component } = field;
   const picker = component === "date-picker" ? "" : field.picker;
-  if (COMPONENT_MAP.has(component)) {
+  if (typeof component === "string" && componentMap[component]) {
     const k = [component, picker].filter(Boolean).join(".");
     if (INJECT_CONFIG[k]) {
       const config = INJECT_CONFIG[k];
@@ -368,8 +365,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       `${TeleportComponentNamePrefix}${__props.path}`,
       void 0
     );
+    const customComponents = inject(INJECT_COMPONENTS, {});
     const is = computed(() => {
-      return teleportComponent ?? COMPONENT_MAP.get(__props.component) ?? __props.component;
+      if (teleportComponent) return teleportComponent;
+      if (typeof __props.component === "string") {
+        return customComponents[__props.component] || componentMap[__props.component] || __props.component;
+      }
+      return __props.component;
     });
     __expose({
       getComponentRef: () => componentRef.value,
@@ -437,7 +439,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const useFields = useFields$1;
 const useFormRef = useFormRef$1;
 export {
-  COMPONENT_MAP as C,
   FORM_ITEM_SLOT_KEYS as F,
   TeleportComponentNamePrefix as T,
   _sfc_main$6 as _,
@@ -445,10 +446,10 @@ export {
   _sfc_main$3 as b,
   _sfc_main$2 as c,
   _sfc_main as d,
-  useFields as e,
-  useFormRef as f,
-  getInitProps as g,
-  registerComponent as r,
+  componentMap as e,
+  useFields as f,
+  useFormRef as g,
+  getInitProps as h,
   tableProps as t,
   useForm as u
 };

package/es/form/index.js

@@ -1,21 +1,20 @@
-import { c, _, b, C, a, F, d, T, _ as _2, g, r, e, u, f } from "./index-CMvNb50_.js";
+import { c, _, b, a, F, d, T, e, _ as _2, h, f, u, g } from "./index-DmAaZ_i3.js";
 import { I, a as a2, e as e2 } from "../core/index-BrBzu6aj.js";
 export {
   c as BaseField,
   _ as BaseForm,
   b as BaseFormItem,
-  C as COMPONENT_MAP,
   a as ContainerFragment,
   F as FORM_ITEM_SLOT_KEYS,
   I as InjectionFormKey,
   a2 as InjectionPathKey,
   d as SlotComponent,
   T as TeleportComponentNamePrefix,
+  e as componentMap,
   _2 as default,
-  g as getInitProps,
-  r as registerComponent,
-  e as useFields,
+  h as getInitProps,
+  f as useFields,
   u as useForm,
   e2 as useFormData,
-  f as useFormRef
+  g as useFormRef
 };

package/es/index.d.ts

@@ -17,16 +17,11 @@ import { ComponentSlots } from 'vue-component-type-helpers';
 import { ComputedRef } from 'vue';
 import { CreateComponentPublicInstanceWithMixins } from 'vue';
 import { CSSProperties } from 'vue';
-import { Data } from '@qin-ui/core';
 import { DatePicker } from 'antdv-next';
 import { DateRangePicker } from 'antdv-next';
-import { DeepPartial } from '@qin-ui/core';
 import { DefineComponent } from 'vue';
-import { ExtendWithAny } from '@qin-ui/core';
 import { FeedbackIcons } from 'antdv-next/dist/form/FormItem/index';
-import { Fields as Fields_2 } from '@qin-ui/core';
 import { FilterDropdownProps } from 'antdv-next/dist/table/interface';
-import { Form as Form_2 } from '@qin-ui/core';
 import { FormClassNamesType } from 'antdv-next/dist/form/Form';
 import { FormEmits } from 'antdv-next';
 import { FormInstance } from 'antdv-next';
@@ -40,23 +35,19 @@ import { FormTooltipProps } from 'antdv-next/dist/form/FormItemLabel';
 import { GlobalComponents } from 'vue';
 import { GlobalDirectives } from 'vue';
 import { HTMLAttributes } from 'vue';
-import { InjectionFormKey } from '@qin-ui/core';
 import { InjectionKey } from 'vue';
-import { InjectionPathKey } from '@qin-ui/core';
 import { Input } from 'antdv-next';
 import { InputNumber } from 'antdv-next';
 import { InputOTP } from 'antdv-next';
 import { InputPassword } from 'antdv-next';
 import { InputSearch } from 'antdv-next';
-import { KeyExpandString } from '@qin-ui/core';
 import { MaybeRef } from 'vue';
-import { PageParam } from '@qin-ui/core';
-import { Path } from '@qin-ui/core';
-import { Paths } from '@qin-ui/core';
 import { Plugin as Plugin_2 } from 'vue';
 import { PublicProps } from 'vue';
 import { RadioGroup } from 'antdv-next';
 import { Raw } from 'vue';
+import { Reactive } from 'vue';
+import { Ref } from 'vue';
 import { RequiredMark } from 'antdv-next/dist/form/Form';
 import { RowProps } from 'antdv-next';
 import { Rule } from 'antdv-next/dist/form/types';
@@ -66,7 +57,6 @@ import { ShallowUnwrapRef } from 'vue';
 import { Slider } from 'antdv-next';
 import { Slot } from 'vue';
 import { Switch } from 'antdv-next';
-import { Table as Table_2 } from '@qin-ui/core';
 import { TableColumnType } from 'antdv-next';
 import { TableProps } from 'antdv-next';
 import { TextArea } from 'antdv-next';
@@ -74,9 +64,6 @@ import { TimePicker } from 'antdv-next';
 import { TimeRangePicker } from 'antdv-next';
 import { Transfer } from 'antdv-next';
 import { TreeSelect } from 'antdv-next';
-import { useFields as useFields_2 } from '@qin-ui/core';
-import { useFormData } from '@qin-ui/core';
-import { useFormRef as useFormRef_2 } from '@qin-ui/core';
 import { ValidateMessages } from 'antdv-next/dist/form/types';
 import { Variant } from 'antdv-next/dist/config-provider/context';
 import { VNode } from 'vue';
@@ -110,6 +97,10 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
+declare type AllowStringKey<T, Prefix extends string = ''> = {
+    [K in keyof T]: K extends string ? T[K] extends (infer U)[] ? `${Prefix}${K}` | (IsRecord<U> extends true ? AllowStringKey<U, `${Prefix}${K}[index].`> : never) : IsRecord<T[K]> extends true ? `${Prefix}${K}` | AllowStringKey<T[K], `${Prefix}${K}.`> : `${Prefix}${K}` : never;
+}[keyof T];
+
 /**
  * @type {Object} Base - 基础公共字段类型
  */
@@ -201,10 +192,34 @@ export declare interface Base<D extends Data = Data> {
     modelProp?: string;
 }
 
-/**
- * @description 基础组件字符串名称类型
- */
-export declare type BaseComponentStringName = Exclude<Field['component'], RenderComponentType | undefined>;
+declare interface BaseColumn<D extends Data = Data> {
+    key?: Path<D>;
+    dataIndex?: Path<D> | Path<D>[];
+    children?: BaseColumn<D>[];
+    [key: string]: any;
+}
+
+export declare type BaseComponentMap = {
+    'input': typeof Input;
+    'textarea': typeof TextArea;
+    'input-search': typeof InputSearch;
+    'input-password': typeof InputPassword;
+    'input-number': typeof InputNumber;
+    'input-otp': typeof InputOTP;
+    'auto-complete': typeof AutoComplete;
+    'select': typeof Select;
+    'cascader': typeof Cascader;
+    'date-picker': typeof DatePicker;
+    'range-picker': typeof DateRangePicker;
+    'time-picker': typeof TimePicker;
+    'time-range-picker': typeof TimeRangePicker;
+    'checkbox-group': typeof CheckboxGroup;
+    'radio-group': typeof RadioGroup;
+    'switch': typeof Switch;
+    'slider': typeof Slider;
+    'tree-select': typeof TreeSelect;
+    'transfer': typeof Transfer;
+};
 
 export declare const BaseField: DefineComponent<Props, {
 getComponentRef: () => any;
@@ -213,6 +228,13 @@ getComponentComputedProps: () => any;
 componentRef: unknown;
 }, any>;
 
+declare interface BaseField_2<D extends Data = Data> {
+    path?: Path<D> | any;
+    name?: any;
+    fields?: any[];
+    [key: string]: any;
+}
+
 export declare const BaseForm: <F extends Form<any> = Form>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal_2<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal_2<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & ({
         grid?: Grid;
@@ -252,33 +274,45 @@ export declare type Column<D extends Data = Data> = Omit<TableColumnType, 'dataI
     hidden?: boolean;
 };
 
-export declare type Columns<D extends Data = Data> = Array<Column<D>>;
+declare type ColumnFindBy<D extends Data, C extends BaseColumn<D> = BaseColumn<D>> = (column: Readonly<C>) => boolean;
 
-export declare const COMPONENT_MAP: Map<string, Component>;
+export declare type Columns<D extends Data = Data> = Array<Column<D>>;
 
-export declare type ComponentVars = Partial<RequiredComponentVars>;
-
-/**
- * @description 容器组件类型
- */
-export declare type ContainerComponent = Component<PathProps>;
-
-export declare const ContainerFragment: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare type Columns_2<D extends Data = Data, C extends BaseColumn<D> = BaseColumn<D>> = Array<C>;
 
 /**
  * @description 暴露给外部扩充自定义组件类型的接口
  * @example
  * ```ts
  * declare module 'antdv-next-pro' {
- *   interface CustomFieldTypeMap {
+ *   interface ComponentMap {
  *     'my-custom-input': typeof MyCustomInput;
  *   }
  * }
  * ```
  */
-export declare interface CustomFieldTypeMap<D extends Data = Data> {
+export declare interface ComponentMap {
 }
 
+export declare const componentMap: BaseComponentMap;
+
+export declare type ComponentName = keyof BaseComponentMap | keyof ComponentMap;
+
+export declare type ComponentVars = Partial<RequiredComponentVars>;
+
+/**
+ * @description 容器组件类型
+ */
+export declare type ContainerComponent = Component<PathProps>;
+
+export declare const ContainerFragment: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+declare type Data = Record<string, any>;
+
+declare type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+
 declare const _default: {
     install(app: App): void;
 };
@@ -401,15 +435,21 @@ declare type ExpandButtonProps = ButtonProps & {
     expandStatus: boolean;
 };
 
+declare type ExtendWithAny<D> = {
+    [K in keyof D]: IsRecord<D[K]> extends true ? ExtendWithAny<D[K]> : D[K];
+} & Record<string, any>;
+
 /**
  * @description 字段配置类型，包含所有字段属性和响应式支持
  * @template D - 数据对象类型
  */
-export declare type Field<D extends Data = Data> = {
+export declare type Field<D extends Data = Data> = WithAdditionalMethodsGetter<{
     [K in keyof FieldTypeMap]: {
         component?: K extends 'custom' ? FieldTypeMap<D>[K]['component'] : K;
     } & FieldTypeMap<D>[K];
-}[keyof FieldTypeMap];
+}[keyof FieldTypeMap]>;
+
+declare type FieldFindBy<D extends Data, F extends BaseField_2<D> = BaseField_2<D>> = (field: Readonly<F>) => boolean;
 
 /**
  * @description 字段数组类型
@@ -417,55 +457,20 @@ export declare type Field<D extends Data = Data> = {
  */
 export declare type Fields<D extends Data = Data> = Array<Field<D>>;
 
+declare type Fields_2<D extends Data = Data, F extends BaseField_2<D> = BaseField_2<D>> = F[];
+
 /**
  * @type {FieldTypeMap} 字段类型集合
  */
 export declare type FieldTypeMap<D extends Data = Data> = {
-    /** 文本框 */
-    'input': WithComponent<typeof Input, D>;
-    /** 文本域 */
-    'textarea': WithComponent<typeof TextArea, D>;
-    /** 文本框-密码 */
-    'input-password': WithComponent<typeof InputPassword, D>;
-    'input-otp': WithComponent<typeof InputOTP, D>;
-    /** 文本框-搜索 */
-    'input-search': WithComponent<typeof InputSearch, D>;
-    /** 数字文本框 */
-    'input-number': WithComponent<typeof InputNumber, D>;
-    /** 下拉选择器 */
-    'select': WithComponent<typeof Select, D>;
-    /** 自动完成 */
-    'auto-complete': WithComponent<typeof AutoComplete, D>;
-    /** 级联选择器 */
-    'cascader': WithComponent<typeof Cascader, D>;
-    /** 日期选择器 */
-    'date-picker': WithComponent<typeof DatePicker, D>;
-    /** 日期选择器-范围 */
-    'range-picker': WithComponent<typeof DateRangePicker, D>;
-    /** 时间选择器 */
-    'time-picker': WithComponent<typeof TimePicker, D>;
-    /** 时间范围选择器 */
-    'time-range-picker': WithComponent<typeof TimeRangePicker, D>;
-    /** 复选框组 */
-    'checkbox-group': WithComponent<typeof CheckboxGroup, D>;
-    /** 单选框组 */
-    'radio-group': WithComponent<typeof RadioGroup, D>;
-    /** 开关 */
-    'switch': WithComponent<typeof Switch, D>;
-    /** 滑块 */
-    'slider': WithComponent<typeof Slider, D>;
-    /** 树形选择器 */
-    'tree-select': WithComponent<typeof TreeSelect, D>;
-    /** 穿梭框 */
-    'transfer': WithComponent<typeof Transfer, D>;
     /** 自定义组件 */
-    'custom': {
+    custom: {
         component?: RenderComponentType | Raw<RenderComponentType>;
     } & WithCommon<{
         slots?: Slots;
     } & Record<string, any>, D>;
 } & {
-    [K in keyof CustomFieldTypeMap<D>]: WithComponent<CustomFieldTypeMap[K], D>;
+    [K in ComponentName]: WithComponent<GetComponentType<K>, D>;
 };
 
 /**
@@ -476,6 +481,8 @@ export declare type FieldTypeMap<D extends Data = Data> = {
  */
 export declare type Form<D extends Data = Data, F extends Field<D> = Field<D>> = Form_2<D, F, FormInstance>;
 
+declare type Form_2<D extends Data = Data, F extends BaseField_2<D> = BaseField_2<D>, I = any> = ReturnType<typeof useFormData<D>> & ReturnType<typeof useFields_2<D, F>> & ReturnType<typeof useFormRef_2<I>>;
+
 export declare const FORM_ITEM_SLOT_KEYS: readonly ["label", "extra", "help", "tooltip"];
 
 export { FormInstance }
@@ -486,10 +493,14 @@ declare type _FormProps = Pick<Partial<FormProps>, 'colon' | 'disabled' | 'label
 
 declare type FP<T extends Record<string, any>> = Partial<T & Pick<Base, 'valueFormatter' | 'componentContainer' | 'modelProp' | 'componentClass' | 'componentStyle'> & AllowedComponentProps>;
 
+export declare type GetComponentType<K extends ComponentName> = K extends keyof ComponentMap ? ComponentMap[K] : K extends keyof BaseComponentMap ? BaseComponentMap[K] : never;
+
 export declare const getInitProps: (field: Field) => Record<string, any>;
 
 export declare type Grid = boolean | (RowProps & {});
 
+export declare const INJECT_COMPONENTS: InjectionKey<Partial<Record<string, Component>>>;
+
 export declare const INJECT_CONFIG: {
     [key in keyof RequiredComponentVars]: {
         injectionKey: InjectionKey<RequiredComponentVars[key]>;
@@ -497,9 +508,20 @@ export declare const INJECT_CONFIG: {
     };
 };
 
-export { InjectionFormKey }
+export declare const InjectionFormKey: InjectionKey<any>;
+
+export declare const InjectionPathKey: InjectionKey<ComputedRef<string | undefined>>;
+
+declare type IsRecord<T> = T extends object ? T extends ((...args: any[]) => any) | any[] | null ? false : true : false;
 
-export { InjectionPathKey }
+declare type JoinPath<Prefix extends any[], Key extends PropertyKey> = [
+...Prefix,
+KeyExpandString<Extract<Key, string>>
+];
+
+declare type KeyExpandString<T extends string> = T | (string & {});
+
+declare type KeyPathString<D extends Data> = KeyExpandString<AllowStringKey<D>>;
 
 declare type MaybeRefOrComputedRef<T = any> = MaybeRef<T> | ComputedRef<T>;
 
@@ -517,15 +539,29 @@ export { Option_2 as Option }
 
 export declare type Options = Array<Option_2>;
 
+declare interface PageParam {
+    current: number;
+    pageSize: number;
+    total: number;
+    [key: string]: any;
+}
+
+declare type Path<D extends Data = Data> = KeyPathString<D>;
+
 export declare type PathProps = {
     path?: string;
 } & Data;
 
+declare type Paths<T, Prefix extends any[] = []> = T extends object ? {
+    [K in keyof T]: IsRecord<T[K]> extends true ? JoinPath<Prefix, K> | Paths<T[K], JoinPath<Prefix, K>> : JoinPath<Prefix, K>;
+}[keyof T] : never;
+
 declare type PP<T extends Record<string, any>> = Partial<T & AllowedComponentProps>;
 
 export declare const ProComponentProvider: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
-    componentVars: ComponentVars;
+    componentVars?: ComponentVars;
+    componentMap?: Partial<Record<KeyExpandString<ComponentName>, Component>>;
     }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
     P: {};
     B: {};
@@ -534,13 +570,15 @@ export declare const ProComponentProvider: SFCWithInstall<{
     M: {};
     Defaults: {};
     }, Readonly<{
-    componentVars: ComponentVars;
+    componentVars?: ComponentVars;
+    componentMap?: Partial<Record<KeyExpandString<ComponentName>, Component>>;
     }> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly<{
-componentVars: ComponentVars;
+componentVars?: ComponentVars;
+componentMap?: Partial<Record<KeyExpandString<ComponentName>, Component>>;
 }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -657,13 +695,6 @@ export declare type ProTableInstance = ComponentExposed<typeof _default_2>;
 
 export declare type ProTableProps = ComponentProps<typeof _default_2>;
 
-/**
- * 注册自定义组件
- * @param name 组件名称标识
- * @param component Vue组件
- */
-export declare const registerComponent: (name: string, component: Component) => void;
-
 /**
  * @description 自定义组件
  * @example (p, ctx) => h('div', ctx.attrs)
@@ -676,30 +707,13 @@ export declare type RequiredComponentVars = {
         grid: Exclude<Grid, undefined | boolean>;
     }>;
     'pro-form-item': PP<FormItemProps & Pick<ColProps, 'span' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'> & Pick<Base, 'formItemContainer'>>;
-    'input': FP<ComponentProps<typeof Input>>;
-    'textarea': FP<ComponentProps<typeof TextArea>>;
-    'input-password': FP<ComponentProps<typeof InputPassword>>;
-    'input-search': FP<ComponentProps<typeof InputSearch>>;
-    'input-number': FP<ComponentProps<typeof InputNumber>>;
-    'input-otp': FP<ComponentProps<typeof InputOTP>>;
-    'auto-complete': FP<ComponentProps<typeof AutoComplete>>;
-    'select': FP<ComponentProps<typeof Select>>;
-    'cascader': FP<ComponentProps<typeof Cascader>>;
-    'date-picker': FP<ComponentProps<typeof DatePicker>>;
-    'date-picker.date': FP<ComponentProps<typeof DatePicker>>;
-    'date-picker.week': FP<ComponentProps<typeof DatePicker>>;
-    'date-picker.month': FP<ComponentProps<typeof DatePicker>>;
-    'date-picker.year': FP<ComponentProps<typeof DatePicker>>;
-    'date-picker.quarter': FP<ComponentProps<typeof DatePicker>>;
-    'range-picker': FP<ComponentProps<typeof DateRangePicker>>;
-    'time-picker': FP<ComponentProps<typeof TimePicker>>;
-    'time-range-picker': FP<ComponentProps<typeof TimeRangePicker>>;
-    'checkbox-group': FP<ComponentProps<typeof CheckboxGroup>>;
-    'radio-group': FP<ComponentProps<typeof RadioGroup>>;
-    'switch': FP<ComponentProps<typeof Switch>>;
-    'slider': FP<ComponentProps<typeof Slider>>;
-    'tree-select': FP<ComponentProps<typeof TreeSelect>>;
-    'transfer': FP<ComponentProps<typeof Transfer>>;
+    'date-picker.date': FP<ComponentProps<GetComponentType<'date-picker'>>>;
+    'date-picker.week': FP<ComponentProps<GetComponentType<'date-picker'>>>;
+    'date-picker.month': FP<ComponentProps<GetComponentType<'date-picker'>>>;
+    'date-picker.year': FP<ComponentProps<GetComponentType<'date-picker'>>>;
+    'date-picker.quarter': FP<ComponentProps<GetComponentType<'date-picker'>>>;
+} & {
+    [K in ComponentName]: FP<ComponentProps<GetComponentType<K>>>;
 };
 
 declare type SearchFormProps = {
@@ -711,6 +725,12 @@ declare type SearchFormProps = {
     expandButton?: Component<ExpandButtonProps> | DefineComponent<ExpandButtonProps>;
 } & /* @vue-ignore */ _FormProps & AllowedComponentProps;
 
+declare type SetColumn<D extends Data = Data, C extends BaseColumn<D> = BaseColumn<D>> = (key: Path<D>, column: C | ((pre: Readonly<C>) => C), options?: {
+    updateType?: 'rewrite' | 'merge';
+} & UpdateColumnOptions) => void;
+
+declare type SetPageParam = (pageParam: Partial<PageParam> | ((pre: Readonly<PageParam>) => Partial<PageParam>)) => void;
+
 declare type SFCWithInstall<T> = T & Plugin_2;
 
 export declare const SlotComponent: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -732,10 +752,31 @@ export declare type Slots = {
  */
 export declare type Table<D extends Data = Data, T extends object = ExtendWithAny<D>> = Table_2<D, T, Column<D>>;
 
+declare type Table_2<D extends Data = Data, T extends object = ExtendWithAny<D>, C extends BaseColumn<D> = BaseColumn<D>> = {
+    columns: Ref<Columns_2<D, C>>;
+    dataSource: Ref<T[]>;
+    pageParam: Reactive<PageParam>;
+    searchForm: Form_2<D>;
+    setColumn: SetColumn<D, C>;
+    deleteColumn: (path: Path<D> | ColumnFindBy<D, C>, options?: UpdateColumnOptions) => void;
+    appendColumn: (path: Path<D> | ColumnFindBy<D, C> | undefined, column: C | Columns_2<D, C>, options?: UpdateColumnOptions) => void;
+    prependColumn: (path: Path<D> | ColumnFindBy<D, C> | undefined, column: C | Columns_2<D, C>, options?: UpdateColumnOptions) => void;
+    setPageParam: SetPageParam;
+    resetQueryParams: () => void;
+};
+
 export declare const TeleportComponentNamePrefix = "TeleportComponent_";
 
-/** useFields 返回值类型，F 默认绑定为本地 Field<D> */
-export declare type UseFields<D extends Data = Data, F extends Field<D> = Field<D>> = ReturnType<typeof useFields<D, F>>;
+declare type UpdateColumnOptions = {
+    all?: boolean;
+};
+
+declare type UpdateFieldOptions = {
+    all?: boolean;
+};
+
+/** useFields 返回值类型，固定为本地 Fields<D> */
+export declare type UseFields<D extends Data = Data> = ReturnType<typeof useFields<D>>;
 
 /**
  * 类型断言 re-export @qin-ui/core 的 useFields，
@@ -743,7 +784,35 @@ export declare type UseFields<D extends Data = Data, F extends Field<D> = Field<
  * 使得 fields、getField 等方法的类型推断包含 UI 库的完整属性签名。
  */
 export declare const useFields: {
-    <D extends Data = Data, F extends Field<D> = Field<D>>(initFields?: F[]): ReturnType<typeof useFields_2<D, F>>;
+    <D extends Data = Data>(initFields?: Fields<D>): ReturnType<typeof useFields_2<D, Field<D>>>;
+};
+
+declare const useFields_2: <D extends Data = Data, F extends BaseField_2<D> = BaseField_2<D>>(initFields?: F[]) => {
+    fields: Ref<F[], F[]>;
+    getField: {
+        (path: Path<D> | FieldFindBy<D, F>): Readonly<F> | undefined;
+        (path: Path<D> | FieldFindBy<D, F>, options?: {
+            all?: false;
+        }): Readonly<F> | undefined;
+        (path: Path<D> | FieldFindBy<D, F>, options: {
+            all: true;
+        }): Readonly<F>[] | undefined;
+    };
+    setField: (path: Path<D> | FieldFindBy<D, F>, field: F | ((preField: Readonly<F>) => F), options?: {
+        updateType?: "rewrite" | "merge";
+    } & UpdateFieldOptions) => void;
+    deleteField: (path: Path<D> | FieldFindBy<D, F>, options?: UpdateFieldOptions) => void;
+    appendField: (path: Path<D> | FieldFindBy<D, F> | undefined, field: F | F[], options?: UpdateFieldOptions) => void;
+    prependField: (path: Path<D> | FieldFindBy<D, F> | undefined, field: F | F[], options?: UpdateFieldOptions) => void;
+    getParentField: {
+        (path: Path<D> | FieldFindBy<D, F>): F | undefined;
+        (path: Path<D> | FieldFindBy<D, F>, options: {
+            all?: false;
+        }): F | undefined;
+        (path: Path<D> | FieldFindBy<D, F>, options: {
+            all: true;
+        }): F[] | undefined;
+    };
 };
 
 /**
@@ -751,11 +820,30 @@ export declare const useFields: {
  * 将默认返回的 Form<D, BaseField<D>> 覆盖为本地的 Form<D, Field<D>>。
  */
 export declare const useForm: {
-    <D extends Data = Data, F extends Field<D> = Field<D>>(initFormData?: ExtendWithAny<DeepPartial<D>>, initFields?: F[], root?: boolean): Form<D, F>;
-    <D extends Data = Data, F extends Field<D> = Field<D>>(root?: boolean): Form<D, F>;
+    <D extends Data = Data>(initFormData?: ExtendWithAny<DeepPartial<D>>, initFields?: Field<D>[], root?: boolean): Form<D, Field<D>>;
+    <D extends Data = Data>(root?: boolean): Form<D, Field<D>>;
 };
 
-export { useFormData }
+/**
+ * 表单数据处理hook
+ * @param initFormData 初始表单数据
+ * @returns {Object} { formData, getFormData, setFormData }
+ */
+export declare const useFormData: <D extends Data = Data>(initFormData?: ExtendWithAny<DeepPartial<D>>) => {
+    formData: Reactive<ExtendWithAny<D>>;
+    getFormData: {
+        <K extends keyof D>(path: K): D[K];
+        <K extends keyof D & string, K1 extends keyof D[K] & string>(path: `${K}.${K1}`): D[K][K1];
+        <K extends keyof D & string, K1_1 extends keyof D[K] & string, K2 extends keyof D[K][K1_1] & string>(path: `${K}.${K1_1}.${K2}`): D[K][K1_1][K2];
+        (path: Path<D>): any;
+    };
+    setFormData: {
+        (path: Path<D>, value: any): void;
+        (path: Path<D>, value: (v: any) => any): void;
+        (value: ExtendWithAny<DeepPartial<D>>): void;
+        (value: (v: ExtendWithAny<DeepPartial<D>>) => ExtendWithAny<DeepPartial<D>>): void;
+    };
+};
 
 /**
  * 类型断言 re-export @qin-ui/core 的 useFormRef，
@@ -765,6 +853,11 @@ export declare const useFormRef: {
     (): ReturnType<typeof useFormRef_2<FormInstance>>;
 };
 
+declare const useFormRef_2: <F = any>() => {
+    formRef: Ref<F | undefined, F | undefined>;
+    setFormRef: (inst: F) => void;
+};
+
 /**
  * 类型断言 re-export @qin-ui/core 的 useTable，
  */

package/es/index.js

@@ -1,11 +1,11 @@
 import "./antdv-next-pro.css";
-import { _ as _sfc_main } from "./form/index-CMvNb50_.js";
-import { c, b, C, a, F, d, T, g, r, e, u, f } from "./form/index-CMvNb50_.js";
+import { _ as _sfc_main } from "./form/index-DmAaZ_i3.js";
+import { c, b, a, F, d, T, e, h, f, u, g } from "./form/index-DmAaZ_i3.js";
 import { I, a as a2, e as e2 } from "./core/index-BrBzu6aj.js";
 import BaseTable from "./table/index.js";
 import { useTable } from "./table/index.js";
 import _sfc_main$1 from "./component-provider/index.js";
-import { INJECT_CONFIG } from "./component-provider/index.js";
+import { INJECT_COMPONENTS, INJECT_CONFIG } from "./component-provider/index.js";
 const withInstall = (comp) => {
   comp.install = (app) => {
     app.component(comp.name, comp);
@@ -27,9 +27,9 @@ export {
   c as BaseField,
   _sfc_main as BaseForm,
   b as BaseFormItem,
-  C as COMPONENT_MAP,
   a as ContainerFragment,
   F as FORM_ITEM_SLOT_KEYS,
+  INJECT_COMPONENTS,
   INJECT_CONFIG,
   I as InjectionFormKey,
   a2 as InjectionPathKey,
@@ -38,12 +38,12 @@ export {
   ProTable,
   d as SlotComponent,
   T as TeleportComponentNamePrefix,
+  e as componentMap,
   index as default,
-  g as getInitProps,
-  r as registerComponent,
-  e as useFields,
+  h as getInitProps,
+  f as useFields,
   u as useForm,
   e2 as useFormData,
-  f as useFormRef,
+  g as useFormRef,
   useTable
 };

package/es/table/index.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, defineComponent, ref, computed, watch, watchEffect, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, resolveDynamicComponent, createTextVNode, createCommentVNode, Fragment, toDisplayString, normalizeStyle, useModel, h, mergeModels, inject, useAttrs, useSlots, onMounted, normalizeClass, createSlots, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
 import { Space, Button, theme, useConfig, Dropdown, Menu, Checkbox, Table } from "antdv-next";
 import "antdv-next/dist/config-provider/DisabledContext";
-import { _ as _sfc_main$9, t as tableProps, a as _sfc_main$a } from "../form/index-CMvNb50_.js";
+import { _ as _sfc_main$9, t as tableProps, a as _sfc_main$a } from "../form/index-DmAaZ_i3.js";
 import { INJECT_CONFIG } from "../component-provider/index.js";
 import { g as getObject, c as camelizeProperties, f as useTable$1 } from "../core/index-BrBzu6aj.js";
 import { p as pick } from "../vendor/utils/lodash-es-p6jau26B.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antdv-next-pro",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "基于 antdv-next 的二次封装组件",
   "type": "module",
   "module": "es/index.js",