@qin-ui/vant-pro 1.0.5 → 1.1.0

package/AI-CONTEXT.md

@@ -22,24 +22,24 @@ ProForm 是**渲染引擎**，不是组件库。所有 UI 来自 vant。Field
 
 ### 组件映射表（componentMap，15 个内置组件）
 
-| Field `component`    | 渲染的 vant 组件 | 备注 |
-| :------------------- | :--------------- | :--- |
-| `'field'`            | Field            | **特殊：直接渲染 van-field，无内部控件包裹** |
-| `'switch'`           | Switch           | v-model 绑定 `modelValue`（vant 默认约定） |
-| `'stepper'`          | Stepper          | |
-| `'rate'`             | Rate             | |
-| `'slider'`           | Slider           | |
-| `'uploader'`         | Uploader         | |
-| `'checkbox-group'`   | CheckboxGroup    | |
-| `'radio-group'`      | RadioGroup       | |
-| `'picker'`           | Picker           | 常用 popup 模式（底部弹出） |
-| `'date-picker'`      | DatePicker       | 常用 popup 模式 |
-| `'time-picker'`      | TimePicker       | 常用 popup 模式 |
-| `'cascader'`         | Cascader         | 常用 popup 模式 |
-| `'area'`             | Area             | 常用 popup 模式 |
-| `'signature'`        | Signature        | 常用 popup 模式 |
-| `'button'`           | Button           | |
-| `'custom'`           | 自定义           | 传入 Vue 组件或 h() 渲染函数 |
+| Field `component`  | 渲染的 vant 组件 | 备注                                         |
+| :----------------- | :--------------- | :------------------------------------------- |
+| `'field'`          | Field            | **特殊：直接渲染 van-field，无内部控件包裹** |
+| `'switch'`         | Switch           | v-model 绑定 `modelValue`（vant 默认约定）   |
+| `'stepper'`        | Stepper          |                                              |
+| `'rate'`           | Rate             |                                              |
+| `'slider'`         | Slider           |                                              |
+| `'uploader'`       | Uploader         |                                              |
+| `'checkbox-group'` | CheckboxGroup    |                                              |
+| `'radio-group'`    | RadioGroup       |                                              |
+| `'picker'`         | Picker           | 常用 popup 模式（底部弹出）                  |
+| `'date-picker'`    | DatePicker       | 常用 popup 模式                              |
+| `'time-picker'`    | TimePicker       | 常用 popup 模式                              |
+| `'cascader'`       | Cascader         | 常用 popup 模式                              |
+| `'area'`           | Area             | 常用 popup 模式                              |
+| `'signature'`      | Signature        | 常用 popup 模式                              |
+| `'button'`         | Button           |                                              |
+| `'custom'`         | 自定义           | 传入 Vue 组件或 h() 渲染函数                 |
 
 > **编写任何输入控件属性前，必须查阅 [vant v4 官方文档](https://vant-ui.com/) 确认属性名和类型。**
 
@@ -56,6 +56,7 @@ Field 配置的属性**逐层剥离**，分发到两个目标：
 除上述外的其余属性（`columns`, `options`, `activeValue`, `min`, `max`, `step`, `count`, `size`, `direction`, `disabled` 等）。`componentClass`/`componentStyle` → 内部组件的 `class`/`style`。
 
 **剥离逻辑：**
+
 - 第一阶段（GroupedFieldAttrs）：解构 `path`, `fields`, `hidden`, `extraProps` → 剩余 → `componentProps` → BaseField
 - 第二阶段（BaseField）：解构 `valueFormatter`, `displayFormatter`, `modelProp`, `slots`, `popup` 等 → 匹配 vant Field.props 的属性 + `on*` → `fieldAttrs` → van-field；其余 → `bindAttrs` → 内部控件
 
@@ -76,8 +77,20 @@ Field 配置的属性**逐层剥离**，分发到两个目标：
 ```ts
 import { ProForm, useForm } from '@qin-ui/vant-pro';
 const form = useForm({ username: '', password: '' }, [
-  { path: 'username', component: 'field', label: '用户名', placeholder: '请输入用户名', rules: [{ required: true }] },
-  { path: 'password', component: 'field', label: '密码', type: 'password', rules: [{ required: true }] },
+  {
+    path: 'username',
+    component: 'field',
+    label: '用户名',
+    placeholder: '请输入用户名',
+    rules: [{ required: true }],
+  },
+  {
+    path: 'password',
+    component: 'field',
+    label: '密码',
+    type: 'password',
+    rules: [{ required: true }],
+  },
 ]);
 ```
 
@@ -91,10 +104,10 @@ const form = useForm({ username: '', password: '' }, [
 
 ```ts
 // computed() — 初始化时已确定的联动
-disabled: computed(() => !form.formData.enabled)
+disabled: computed(() => !form.formData.enabled);
 
 // setField() — 事件触发时动态修改
-form.setField('limitCount', { disabled: true })
+form.setField('limitCount', { disabled: true });
 ```
 
 ### 3.3 自定义组件
@@ -134,23 +147,25 @@ Field 配置 `popup: true` 时：表单项以只读 van-field 展示，点击后
 
 ### INJECT_CONFIG 预设默认值
 
-| 组件       | 预设默认值 |
-| :--------- | :--- |
-| `pro-form` | `{ inputAlign: 'right', errorMessageAlign: 'right', required: 'auto', scrollToError: true, scrollToErrorPosition: 'nearest' }` |
-| `field`    | `{ clearable: true, placeholder: '请输入' }` |
-| 其余所有组件 | `{}`（无预设，直接使用 vant 默认值） |
+| 组件         | 预设默认值                                                                                                                     |
+| :----------- | :----------------------------------------------------------------------------------------------------------------------------- |
+| `pro-form`   | `{ inputAlign: 'right', errorMessageAlign: 'right', required: 'auto', scrollToError: true, scrollToErrorPosition: 'nearest' }` |
+| `field`      | `{ clearable: true, placeholder: '请输入' }`                                                                                   |
+| 其余所有组件 | `{}`（无预设，直接使用 vant 默认值）                                                                                           |
 
 ### componentVars 额外配置键
 
 `valueFormatter`, `displayFormatter`, `componentContainer`, `modelProp`, `popup` — 可通过 ProComponentProvider 全局统一配置。
 
 ```vue
-<ProComponentProvider :component-vars="{
-  'pro-form': { inputAlign: 'left' },
-  field: { clearable: false, placeholder: '请输入内容' },
-  switch: { activeColor: '#07c160' },
-  stepper: { integer: true, min: 0 },
-}">
+<ProComponentProvider
+  :component-vars="{
+    'pro-form': { inputAlign: 'left' },
+    field: { clearable: false, placeholder: '请输入内容' },
+    switch: { activeColor: '#07c160' },
+    stepper: { integer: true, min: 0 },
+  }"
+>
   <ProForm :form="form" />
 </ProComponentProvider>
 ```

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2023-present pro-components
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,6 +1,6 @@
 # @qin-ui/vant-pro
 
-> 基于 **Vant 4** 和 **@qin-ui/core** 二次封装的移动端高级表单组件库，专门针对移动端 H5 精细化打造，助您极速构建交互流畅、配置驱动的移动端表单应用。
+> 基于 **Vant 4** 和 **@qin-ui/pro-components-core** 二次封装的移动端高级表单组件库，专门针对移动端 H5 精细化打造，助您极速构建交互流畅、配置驱动的移动端表单应用。
 
 <p align="center">
   <img src="https://img.shields.io/badge/Vant-4.x-blue" alt="Vant 4.x" />

package/api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-06T09:28:30.099Z",
+  "generatedAt": "2026-07-09T04:30:07.554Z",
   "name": "@qin-ui/vant-pro",
   "api": [
     {
@@ -12,25 +12,25 @@
         "```vue\n<ProComponentProvider\n:componentVars=\"{ 'field': { placeholder: '请输入' } }\"\n>\n<ProForm :form=\"form\" :fields=\"fields\" />\n</ProComponentProvider>\n```"
       ]
     },
+    {
+      "name": "ContainerFragment",
+      "type": "component",
+      "package": "@qin-ui/vant-pro",
+      "signature": "<ContainerFragment>",
+      "description": "容器分片渲染组件。用于动态渲染表单行或表单项的外部包裹容器（例如 Grid 行、Col 列等布局容器）。"
+    },
     {
       "name": "ProForm",
       "type": "component",
       "package": "@qin-ui/vant-pro",
       "signature": "<ProForm>",
-      "description": "@qin-ui/vant-pro 配置驱动表单组件（移动端）\n通过配置驱动的方式快速构建移动端表单，支持：\n- 字段联动、嵌套字段、自定义组件\n- 弹出层表单（Popup，适用于移动端选择器场景）",
+      "description": "@qin-ui/vant-pro 配置驱动表单组件（移动端）\n架构设计说明 (Architecture Overview)\n[ 数据层 (Core) ]  =>  [ 绑定层 (ProForm) ]  =>  [ 渲染层 (BaseFormItem / BaseField) ]\n1. 数据隔离：ProForm 本身不负责存储和管理表单状态，所有核心状态（formData, fields, 校验规则）\n均交由底层的 `useForm`（@qin-ui/pro-components-core）驱动。\n2. 上下文透传：通过 `provide` 将核心状态下发给子组件，避免了深层嵌套的 Props 传递。\n3. 递归渲染：具体字段的解析交由 `<BaseFormItem>` 递归完成，实现了 UI 布局与表单逻辑的解耦。\n通过配置驱动的方式快速构建移动端表单，支持：\n- 字段联动、嵌套字段、自定义组件\n- 弹出层表单（Popup，适用于移动端选择器场景）",
       "typeParams": [
         {
           "name": "F"
         }
       ]
     },
-    {
-      "name": "ContainerFragment",
-      "type": "component",
-      "package": "@qin-ui/vant-pro",
-      "signature": "<ContainerFragment>",
-      "description": "容器分片渲染组件。用于动态渲染表单行或表单项的外部包裹容器（例如 Grid 行、Col 列等布局容器）。"
-    },
     {
       "name": "SlotComponent",
       "type": "component",
@@ -59,9 +59,9 @@
       "name": "useFormData",
       "type": "function",
       "package": "@qin-ui/vant-pro",
-      "signature": "export const useFormData = <D extends Data = Data>(\n  initFormData?: ExtendWithAny<DeepPartial<D>>\n) =>",
+      "signature": "export const useFormData = <D extends Data = Data>(\n  initFormData?: ExtendWithAny<DeepPartial<D>>\n): UseFormDataReturn<D> =>",
       "description": "表单数据处理 Hook\n提供响应式表单数据的管理能力，支持：\n- 响应式数据存储（基于 Vue reactive）\n- 深层路径读写（支持点号分隔，如 'address.city'）\n- 类型安全的路径提示（传入泛型 D 后，path 参数可获得类型推导）\n- 父子表单自动注入（非根表单会从注入中获取数据）",
-      "returns": "{Function} .setFormData(path, value) - 设置指定路径的数据",
+      "returns": "{UseFormDataReturn<D>} 表单数据操作对象",
       "typeParams": [
         {
           "name": "D"
@@ -75,15 +75,16 @@
       "name": "useFields",
       "type": "function",
       "package": "@qin-ui/vant-pro",
-      "signature": "export const useFields = _useFields as",
-      "description": "类型安全的 re-export。将 core useFields 的泛型参数绑定为本地类型：\n- 字段类型 F → Field<ComponentName, D>（支持 Vant 组件类型推导）\n- Field 实例 → Vant 的 FieldInstance",
+      "signature": "export function useFields<D extends Data = Data>(\n  initFields?: Fields<D>\n): UseFieldsReturn<D, Field<ComponentName, D>, FieldInstance>;",
+      "description": "字段配置管理 Hook\n基于 `@qin-ui/pro-components-core` 的 `useFields`，将泛型参数绑定为 Vant 的本地类型：\n- 字段类型 F -> `Field<ComponentName, D>`（支持 Vant 组件类型推导）\n- Field 实例 -> Vant 的 `FieldInstance`\n提供对字段配置数组的增删改查操作，支持：\n- 通过路径字符串或查找函数定位字段\n- 深层嵌套字段的遍历和匹配\n- 字段配置的合并/覆盖更新\n- 字段的添加、插入、删除\n- 父级字段查找\n- `fields` - 字段配置数组（响应式 Ref\\<F[]\\>）\n- `getField(path)` - 获取字段配置，支持路径字符串或查找函数\n- `setField(path, field, options?)` - 更新字段配置，默认合并模式\n- `deleteField(path, options?)` - 删除字段配置\n- `appendField(path, field, options?)` - 在指定字段后追加\n- `prependField(path, field, options?)` - 在指定字段前插入\n- `getParentField(path, options?)` - 获取父级字段配置",
+      "returns": "字段操作对象，包含以下属性：",
       "typeParams": [
         {
           "name": "D"
         }
       ],
       "examples": [
-        "```ts\ninterface User { name: string; age: number }\n\nconst { fields, getField, setField } = useFields<User>([\n{ path: 'name', label: '姓名', component: 'field' },\n{ path: 'age', label: '年龄', component: 'stepper' },\n])\n```"
+        "```ts\ninterface User { name: string; age: number }\n\nconst { fields, getField, setField } = useFields<User>([\n{ path: 'name', label: '姓名', component: 'field' },\n{ path: 'age', label: '年龄', component: 'stepper' },\n])\n\n// 通过路径获取\ngetField('name')\n// 通过查找函数获取\ngetField(f => f.label === '姓名')\n// 更新字段（合并模式）\nsetField('name', { label: '用户名', disabled: true })\n```"
       ]
     },
     {
@@ -91,14 +92,14 @@
       "type": "type",
       "package": "@qin-ui/vant-pro",
       "signature": "export type UseFields<D extends Data = Data> = ReturnType<typeof useFields<D>>;",
-      "description": "useFields 返回值类型，固定为本地 Fields<D>"
+      "description": "useFields 返回值类型"
     },
     {
       "name": "Form",
       "type": "type",
       "package": "@qin-ui/vant-pro",
       "signature": "export type Form<\n  D extends Data = Data,\n  F extends Field<ComponentName, D> = Field<ComponentName, D>,\n> = _Form<D, F, FormInstance> & { formPopup: FormPopup };",
-      "description": "在 core Form 类型的基础上：\n1. 将字段类型 F 绑定为本地 Field<ComponentName, D>\n2. 将底层表单实例绑定为 Vant 的 FormInstance\n3. 额外包含 formPopup 对象，用于管理弹出层表单",
+      "description": "表单实例类型\n在 core Form 类型的基础上，将字段类型 F 绑定为本地 Field<ComponentName, D>，\n将底层表单实例 I 绑定为 Vant 的 FormInstance，使 formRef 获得完整的类型提示。\n额外包含 formPopup 对象，用于管理弹出层表单。\n1. `setFormData(path, value)` - 设置指定路径的值<br>\n2. `setFormData(path, prev => newVal)` - 函数式更新<br>\n3. `setFormData({ ... })` - 批量覆盖整个表单",
       "typeParams": [
         {
           "name": "D"
@@ -106,6 +107,9 @@
         {
           "name": "F"
         }
+      ],
+      "examples": [
+        "```ts\ninterface User { name: string; age: number }\nconst form: Form<User> = useForm({ name: '张三', age: 25 })\n\nform.formData.name           // 直接读写响应式数据\nform.getFormData('name')     // 通过路径读取\nform.setFormData('name', '李四')  // 更新数据\nform.formRef.value?.validate()    // 访问底层 Form 实例\nform.formPopup.open('address')    // 打开弹出层表单\n```"
       ]
     },
     {
@@ -113,14 +117,15 @@
       "type": "function",
       "package": "@qin-ui/vant-pro",
       "signature": "export function useForm<D extends Data = Data>(\n  initFormData?: ExtendWithAny<DeepPartial<D>>,\n  initFields?: Field<ComponentName, D>[],\n  root?: boolean\n): Form<D, Field<ComponentName, D>>;",
-      "description": "创建 @qin-ui/vant-pro 表单实例的 Hook\n基于 core useForm 封装，额外提供了 formPopup 用于移动端弹窗表单。",
+      "description": "创建表单实例的 Hook\n基于 `@qin-ui/pro-components-core` 的 `useForm`，将泛型参数绑定为 Vant 的本地类型：\n- 字段类型 F -> `Field<ComponentName, D>`（支持 Vant 组件类型推导）\n- 表单实例 -> Vant 的 `FormInstance`（使 formRef 获得完整的类型提示）\n在 core useForm 基础上额外提供 formPopup，用于移动端弹窗表单场景。\n表单实例组合了四个子模块的能力：\n- **useFormData**：表单数据管理（响应式数据、读写、批量更新）\n- **useFields**：字段配置管理（增删改查字段配置，支持嵌套）\n- **useFormRef**：底层 Form 组件实例引用\n- **useFormPopup**：弹出层表单管理（Vant 专属）",
+      "returns": "{Form<D>} 表单实例，包含数据操作、字段操作、ref 操作和弹出层管理",
       "typeParams": [
         {
           "name": "D"
         }
       ],
       "examples": [
-        "```ts\ninterface User { name: string; age: number }\n\nconst form = useForm<User>(\n{ name: '张三' },\n[\n{ path: 'name', label: '姓名', component: 'field' },\n]\n)\n\n// 打开弹出层表单\nform.formPopup.open('address')\nform.formPopup.close()\n```"
+        "```ts\ninterface User { name: string; age: number }\n\n// 方式一：同时传入初始数据和字段\nconst form = useForm<User>(\n{ name: '张三', age: 25 },\n[\n{ path: 'name', label: '姓名', component: 'field' },\n],\ntrue\n)\n\n// 方式二：仅设置 root 标识\nconst form = useForm<User>(true)\n\n// 使用\nconst { formData, formRef, fields, setFormData, formPopup } = form\nsetFormData('name', '李四')\nformPopup.open('address') // 打开弹出层表单\n```"
       ]
     },
     {
@@ -152,11 +157,11 @@
       "name": "useFormRef",
       "type": "function",
       "package": "@qin-ui/vant-pro",
-      "signature": "export const useFormRef = _useFormRef as",
-      "description": "类型安全的 re-export。将 core useFormRef 的泛型参数绑定为 Vant 的 FormInstance。",
-      "returns": "{Function} .setFormRef(inst) - 设置表单组件实例",
+      "signature": "export function useFormRef(): UseFormRefReturn<FormInstance>",
+      "description": "表单组件实例引用 Hook\n基于 `@qin-ui/pro-components-core` 的 `useFormRef`，将泛型参数绑定为 Vant 的 `FormInstance`，\n使 formRef 获取到完整的 Vant Form 组件 API 类型提示（如 `validate()`、`resetValidation()` 等）。\n`formRef` 由 ProForm 组件内部自动通过 `setFormRef` 绑定，无需手动调用。\n- `formRef` — Vant Form 组件实例的响应式引用（`Ref<FormInstance | undefined>`）\n- `setFormRef(inst)` — 设置 Form 组件实例，由 ProForm 内部自动调用",
+      "returns": "表单组件实例引用管理对象：",
       "examples": [
-        "```ts\nconst { formRef, setFormRef } = useFormRef()\nformRef.value?.submit()\n```"
+        "```ts\nconst { formRef, setFormRef } = useFormRef()\n\n// formRef 由 ProForm 自动绑定，可直接使用\nawait formRef.value?.validate()\nformRef.value?.resetValidation()\nformRef.value?.scrollToField('username')\n```"
       ]
     }
   ]

package/es/component-provider/{index-DC_k4_R3.js → index-cldbPMDQ.js}

@@ -1,5 +1,5 @@
+import { getObject } from "@qin-ui/pro-components-core";
 import { defineComponent, provide, renderSlot } from "vue";
-import { g as getObject } from "../core/index-B5vvm4Fj.js";
 const INJECT_CONFIG = {
   "pro-form": {
     injectionKey: Symbol(""),
@@ -99,15 +99,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    if (props.componentMap) {
-      provide(INJECT_COMPONENTS, props.componentMap);
-    }
     if (props.componentVars) {
       Object.entries(props.componentVars).forEach(([key, val]) => {
         const config = ensureInjectConfig(key);
         provide(config.injectionKey, { ...config.default, ...getObject(val) });
       });
     }
+    if (props.componentMap) {
+      provide(INJECT_COMPONENTS, props.componentMap);
+    }
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default");
     };
@@ -119,3 +119,4 @@ export {
   INJECT_CONFIG as a,
   getInjectConfig as g
 };
+//# sourceMappingURL=index-cldbPMDQ.js.map

package/es/component-provider/index-cldbPMDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-cldbPMDQ.js","sources":["../../src/components/component-provider/constants/index.ts","../../src/components/component-provider/components/index.vue"],"sourcesContent":["import { RequiredComponentVars } from '../types';\nimport { InjectionKey, Component } from 'vue';\n\nexport type InjectConfigEntry<T = any> = {\n  injectionKey: InjectionKey<T>;\n  default: T;\n};\n\nexport const INJECT_CONFIG: {\n  [key in keyof RequiredComponentVars]: {\n    injectionKey: InjectionKey<RequiredComponentVars[key]>;\n    default: RequiredComponentVars[key];\n  };\n} = {\n  'pro-form': {\n    injectionKey: Symbol(''),\n    default: {\n      inputAlign: 'right',\n      errorMessageAlign: 'right',\n      required: 'auto',\n      scrollToError: true,\n      scrollToErrorPosition: 'nearest',\n    },\n  },\n  field: {\n    injectionKey: Symbol(''),\n    default: { clearable: true, placeholder: '请输入' },\n  },\n  switch: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  stepper: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  rate: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  slider: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  uploader: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  'checkbox-group': {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  'radio-group': {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  picker: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  'date-picker': {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  'time-picker': {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  cascader: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  area: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  signature: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n  button: {\n    injectionKey: Symbol(''),\n    default: {},\n  },\n};\n\nexport const INJECT_COMPONENTS: InjectionKey<\n  Partial<Record<string, Component>>\n> = Symbol('INJECT_COMPONENTS');\n\nconst DYNAMIC_INJECT_CONFIG: Record<string, InjectConfigEntry> =\n  Object.create(null);\n\nexport const getInjectConfig = (key: string): InjectConfigEntry | undefined => {\n  return (\n    (INJECT_CONFIG as Record<string, InjectConfigEntry>)[key] ||\n    DYNAMIC_INJECT_CONFIG[key]\n  );\n};\n\nexport const ensureInjectConfig = (key: string): InjectConfigEntry => {\n  const existing = getInjectConfig(key);\n  if (existing) return existing;\n  const created: InjectConfigEntry = {\n    injectionKey: Symbol(`dynamic:${key}`),\n    default: {},\n  };\n  DYNAMIC_INJECT_CONFIG[key] = created;\n  return created;\n};\n","<script lang=\"ts\" setup>\n/**\n * @component ProComponentProvider\n * @description @qin-ui/vant-pro 全局配置提供者组件\n *\n * 用于在组件树的顶层配置所有子组件的全局默认属性。\n *\n * @param {ComponentVars} [componentVars] - 组件全局配置变量\n * @param {Record<ComponentName, any>} [componentMap] - 自定义组件映射\n *\n * @slot default - 子组件内容\n *\n * @example\n * ```vue\n * <ProComponentProvider\n *   :componentVars=\"{ 'field': { placeholder: '请输入' } }\"\n * >\n *   <ProForm :form=\"form\" :fields=\"fields\" />\n * </ProComponentProvider>\n * ```\n \n * @public\n */\nimport { ComponentVars } from '../types';\nimport { INJECT_COMPONENTS, ensureInjectConfig } from '../constants';\nimport { provide } from 'vue';\nimport { getObject } from '../../../shared/core';\nimport { ComponentName } from '../../form/constants';\n\ntype ComponentMap = Partial<Record<ComponentName, any>>;\n\ndefineOptions({\n  name: 'ProComponentProvider',\n  inheritAttrs: false,\n});\n\ntype Props = {\n  /** 组件全局配置，可配置所有内置组件的默认属性 */\n  componentVars?: ComponentVars;\n  /** 自定义组件映射，用于替换或扩展内置组件 */\n  componentMap?: ComponentMap;\n};\n\nconst props = defineProps<Props>();\n\n/*\n * 遍历 componentVars 的每个 key，获取或创建对应的 inject 配置\n * 将用户提供的值合并到默认值上，通过 provide 注入到子组件树\n * 子组件通过 inject(config.injectionKey) 获取合并后的配置\n */\nif (props.componentVars) {\n  Object.entries(props.componentVars).forEach(([key, val]) => {\n    const config = ensureInjectConfig(key);\n    // 用户配置覆盖默认值\n    provide(config.injectionKey, { ...config.default, ...getObject(val) });\n  });\n}\n\n// 注入自定义组件映射，BaseField 在解析组件时会优先使用此映射\nif (props.componentMap) {\n  provide(INJECT_COMPONENTS, props.componentMap);\n}\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;AAQO,MAAM,gBAKT;AAAA,EACF,YAAY;AAAA,IACV,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,mBAAmB;AAAA,MACnB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,uBAAuB;AAAA,IAAA;AAAA,EACzB;AAAA,EAEF,OAAO;AAAA,IACL,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,EAAE,WAAW,MAAM,aAAa,MAAA;AAAA,EAAM;AAAA,EAEjD,QAAQ;AAAA,IACN,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,SAAS;AAAA,IACP,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,MAAM;AAAA,IACJ,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,QAAQ;AAAA,IACN,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,UAAU;AAAA,IACR,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,kBAAkB;AAAA,IAChB,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,eAAe;AAAA,IACb,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,QAAQ;AAAA,IACN,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,eAAe;AAAA,IACb,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,eAAe;AAAA,IACb,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,UAAU;AAAA,IACR,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,MAAM;AAAA,IACJ,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,WAAW;AAAA,IACT,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAAA,EAEZ,QAAQ;AAAA,IACN,cAAc,OAAO,EAAE;AAAA,IACvB,SAAS,CAAA;AAAA,EAAC;AAEd;AAEO,MAAM,oBAET,OAAO,mBAAmB;AAE9B,MAAM,wBACJ,uBAAO,OAAO,IAAI;AAEb,MAAM,kBAAkB,CAAC,QAA+C;AAC7E,SACG,cAAoD,GAAG,KACxD,sBAAsB,GAAG;AAE7B;AAEO,MAAM,qBAAqB,CAAC,QAAmC;AACpE,QAAM,WAAW,gBAAgB,GAAG;AACpC,MAAI,SAAU,QAAO;AACrB,QAAM,UAA6B;AAAA,IACjC,cAAc,OAAO,WAAW,GAAG,EAAE;AAAA,IACrC,SAAS,CAAA;AAAA,EAAC;AAEZ,wBAAsB,GAAG,IAAI;AAC7B,SAAO;AACT;;;;;;;;;;;;AClEA,UAAM,QAAQ;AAOd,QAAI,MAAM,eAAe;AACvB,aAAO,QAAQ,MAAM,aAAa,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM;AAC1D,cAAM,SAAS,mBAAmB,GAAG;AAErC,gBAAQ,OAAO,cAAc,EAAE,GAAG,OAAO,SAAS,GAAG,UAAU,GAAG,GAAG;AAAA,MACvE,CAAC;AAAA,IACH;AAGA,QAAI,MAAM,cAAc;AACtB,cAAQ,mBAAmB,MAAM,YAAY;AAAA,IAC/C;;aAIEA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}

package/es/component-provider/index.js

@@ -1,4 +1,5 @@
-import { _ } from "./index-DC_k4_R3.js";
+import { _ } from "./index-cldbPMDQ.js";
 export {
   _ as default
 };
+//# sourceMappingURL=index.js.map

package/es/component-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/component-provider/components/index.vue.d.ts

@@ -0,0 +1,27 @@
+import { ComponentVars } from '../types';
+import { ComponentName } from '../../form/constants';
+type ComponentMap = Partial<Record<ComponentName, any>>;
+type Props = {
+    /** 组件全局配置，可配置所有内置组件的默认属性 */
+    componentVars?: ComponentVars;
+    /** 自定义组件映射，用于替换或扩展内置组件 */
+    componentMap?: ComponentMap;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/es/components/component-provider/components/index.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/component-provider/components/index.vue"],"names":[],"mappings":"AAqEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC;AAOxD,KAAK,KAAK,GAAG;IACX,4BAA4B;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAyBF,iBAAS,cAAc;WAoBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/es/components/component-provider/constants/index.d.ts

@@ -0,0 +1,16 @@
+import { RequiredComponentVars } from '../types';
+import { InjectionKey, Component } from 'vue';
+export type InjectConfigEntry<T = any> = {
+    injectionKey: InjectionKey<T>;
+    default: T;
+};
+export declare const INJECT_CONFIG: {
+    [key in keyof RequiredComponentVars]: {
+        injectionKey: InjectionKey<RequiredComponentVars[key]>;
+        default: RequiredComponentVars[key];
+    };
+};
+export declare const INJECT_COMPONENTS: InjectionKey<Partial<Record<string, Component>>>;
+export declare const getInjectConfig: (key: string) => InjectConfigEntry | undefined;
+export declare const ensureInjectConfig: (key: string) => InjectConfigEntry;
+//# sourceMappingURL=index.d.ts.map

package/es/components/component-provider/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/component-provider/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAE9C,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI;IACvC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE;KACzB,GAAG,IAAI,MAAM,qBAAqB,GAAG;QACpC,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;QACvD,OAAO,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;KACrC;CAwEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAC1C,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CACL,CAAC;AAKhC,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,KAAG,iBAAiB,GAAG,SAKjE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,iBAShD,CAAC"}

package/es/components/component-provider/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ComponentProvider } from './components/index.vue';
+export { type ComponentVars } from './types';
+export default ComponentProvider;
+//# sourceMappingURL=index.d.ts.map

package/es/components/component-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/component-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAe,iBAAiB,CAAC"}

package/es/components/component-provider/types/index.d.ts

@@ -0,0 +1,16 @@
+import { Base } from '../../form/types';
+import { ProFormProps } from '../../form';
+import { AllowedComponentProps } from 'vue';
+import { GetComponentType, ComponentName } from '../../form/constants';
+import { ComponentProps } from 'vue-component-type-helpers';
+import { FormProps } from 'vant';
+type PP<T extends Record<string, any>> = Partial<T & AllowedComponentProps>;
+type FP<T extends Record<string, any>> = Partial<T & Pick<Base, 'valueFormatter' | 'displayFormatter' | 'componentContainer' | 'modelProp' | 'popup'> & AllowedComponentProps>;
+export type RequiredComponentVars = {
+    'pro-form': PP<Omit<ProFormProps & FormProps, 'form'>>;
+} & {
+    [K in Exclude<ComponentName, 'custom'>]: FP<ComponentProps<GetComponentType<K>>>;
+};
+export type ComponentVars = Partial<RequiredComponentVars>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/es/components/component-provider/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/component-provider/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEtC,KAAK,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC;AAE5E,KAAK,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,OAAO,CAC9C,CAAC,GACC,IAAI,CACF,IAAI,EACF,gBAAgB,GAChB,kBAAkB,GAClB,oBAAoB,GACpB,WAAW,GACX,OAAO,CACV,GACD,qBAAqB,CACxB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;CACxD,GAAG;KACD,CAAC,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,GAAG,EAAE,CACzC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACpC;CACF,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC"}