@qin-ui/vant-pro 1.0.5 → 1.1.0

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AAEnE,cAAc,mBAAmB,CAAC;AAClC,cAAc,iCAAiC,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC;;IAGvC;;;;;;;;;;;;;OAaG;iBACU,GAAG;;AAflB,wBAmBE"}

package/es/index.js

@@ -1,16 +1,7 @@
 import _sfc_main from "./form/index.js";
 import { ContainerFragment, SlotComponent, useFields, useForm, useFormRef } from "./form/index.js";
-import { _ as _sfc_main$1 } from "./component-provider/index-DC_k4_R3.js";
-import { e } from "./core/index-B5vvm4Fj.js";
-const withInstall = (comp) => {
-  comp.install = (app) => {
-    app.component(comp.name, comp);
-  };
-  return comp;
-};
-const ProForm = withInstall(_sfc_main);
-const ProComponentProvider = withInstall(_sfc_main$1);
-const components = [ProForm, ProComponentProvider];
+import { _ as _sfc_main$1 } from "./component-provider/index-cldbPMDQ.js";
+import { useFormData } from "@qin-ui/pro-components-core";
 const index = {
   /**
    * @qin-ui/vant-pro 安装方法
@@ -21,27 +12,25 @@ const index = {
    * @example
    * ```ts
    * import { createApp } from 'vue'
-   * import QinUI from '@qin-ui/vant-pro'
+   * import ProComponents from '@qin-ui/vant-pro'
    * const app = createApp(App)
-   * app.use(QinUI)
+   * app.use(ProComponents)
    * ```
    */
   install(app) {
-    components.forEach((component) => {
-      if (component.name) {
-        app.component(component.name, component);
-      }
-    });
+    app.component(_sfc_main.name, _sfc_main);
+    app.component(_sfc_main$1.name, _sfc_main$1);
   }
 };
 export {
   ContainerFragment,
-  ProComponentProvider,
-  ProForm,
+  _sfc_main$1 as ProComponentProvider,
+  _sfc_main as ProForm,
   SlotComponent,
   index as default,
   useFields,
   useForm,
-  e as useFormData,
+  useFormData,
   useFormRef
 };
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport ProForm from './components/form';\nimport ProComponentProvider from './components/component-provider';\n\nexport * from './components/form';\nexport * from './components/component-provider';\n\n/**\n * Schema 驱动的表单组件，基于 vant Form 封装\n *\n * @description 通过声明式 JSON Schema 配置即可快速生成表单，\n * 提供极致的 TypeScript 类型推导与组件库插槽扩展能力。\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { ProForm, useForm } from '@qin-ui/vant-pro'\n * const form = useForm<User>({ name: '' }, [\n *   { path: 'name', label: '姓名', component: 'input' }\n * ])\n * </script>\n * <template>\n *   <ProForm :form=\"form\" />\n * </template>\n * ```\n *\n * 组件提供者，用于全局配置 ProForm 的默认行为\n *\n * @description 通过 `ProComponentProvider` 包裹应用根组件，\n * 可以全局覆盖组件的默认属性。\n *\n * @example\n * ```vue\n * <template>\n *   <ProComponentProvider :component-props=\"customProps\">\n *     <App />\n *   </ProComponentProvider>\n * </template>\n * ```\n */\nexport { ProForm, ProComponentProvider };\n\nexport default {\n  /**\n   * @qin-ui/vant-pro 安装方法\n   * @description 全局注册所有组件（ProForm、ProComponentProvider）\n   *\n   * @param {App} app - Vue 应用实例\n   *\n   * @example\n   * ```ts\n   * import { createApp } from 'vue'\n   * import ProComponents from '@qin-ui/vant-pro'\n   * const app = createApp(App)\n   * app.use(ProComponents)\n   * ```\n   */\n  install(app: App) {\n    app.component(ProForm.name, ProForm);\n    app.component(ProComponentProvider.name!, ProComponentProvider);\n  },\n};\n"],"names":["ProForm","ProComponentProvider"],"mappings":";;;;AA0CA,MAAA,QAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeb,QAAQ,KAAU;AAChB,QAAI,UAAUA,UAAQ,MAAMA,SAAO;AACnC,QAAI,UAAUC,YAAqB,MAAOA,WAAoB;AAAA,EAChE;AACF;"}

package/es/shared/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 统一 re-export @qin-ui/pro-components-core，包内所有文件通过此文件引入 core 内容，
+ * 避免直接散列依赖 @qin-ui/pro-components-core，便于将来统一维护。
+ */
+export { useForm, useTable, useFields, useFormData, useFormRef, InjectionFormKey, InjectionPathKey, getObject, toPath, camelizeProperties, cloneDeep, omit, pick, isPlainObject, type Data, type Path, type Paths, type KeyExpandString, type ExtendWithAny, type DeepPartial, type PageParam, type Fields, type Form, type Table, type UseFieldsReturn, type UseFormDataReturn, type UseFormRefReturn, } from '@qin-ui/pro-components-core';
+//# sourceMappingURL=index.d.ts.map

package/es/shared/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/core/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAEL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EAEV,gBAAgB,EAChB,gBAAgB,EAEhB,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,aAAa,EAEb,KAAK,IAAI,EACT,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,MAAM,EACX,KAAK,IAAI,EACT,KAAK,KAAK,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,6BAA6B,CAAC"}

package/es/shared/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { Form, Field, Button, Popup, Picker, DatePicker, TimePicker, Cascader, Area, Signature, Switch, Stepper, Rate, Slider, Uploader, CheckboxGroup, Checkbox, RadioGroup, Radio, Space, type FormProps, type FormInstance, type FieldInstance, type FieldProps, } from 'vant';
+//# sourceMappingURL=index.d.ts.map

package/es/shared/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,MAAM,EACN,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,UAAU,GAChB,MAAM,MAAM,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qin-ui/vant-pro",
-  "version": "1.0.5",
-  "description": "基于 vant 和 @qin-ui/core 封装的高级表单和列表组件库",
+  "version": "1.1.0",
+  "description": "基于 vant 和 @qin-ui/pro-components-core 封装的高级表单和列表组件库",
   "bin": {
     "vant-pro": "./bin/init-ai.mjs"
   },
@@ -17,6 +17,7 @@
   },
   "files": [
     "es",
+    "src",
     "bin",
     "README.md",
     "LICENSE",
@@ -28,10 +29,6 @@
     "type": "git",
     "url": "git+https://github.com/dufan3715/pro-components.git"
   },
-  "scripts": {
-    "prebuild": "tsx ../../scripts/generate-api-json.ts vant-pro",
-    "build": "vue-tsc && vite build"
-  },
   "author": "dufan3715",
   "bugs": {
     "url": "https://github.com/dufan3715/pro-components/issues"
@@ -43,12 +40,10 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "vue-component-type-helpers": "^3.2.5"
+    "vue-component-type-helpers": "^3.2.5",
+    "@qin-ui/pro-components-core": "^1.0.0"
   },
   "devDependencies": {
-    "@qin-ui/core": "workspace:^",
-    "@types/lodash-es": "^4.17.12",
-    "lodash-es": "^4.17.21",
     "vant": "^4.9.15"
   },
   "sideEffects": false,
@@ -67,5 +62,9 @@
     "ui",
     "form",
     "pro-form"
-  ]
-}
+  ],
+  "scripts": {
+    "prebuild": "tsx ../../scripts/generate-api-json.ts vant-pro",
+    "build": "vue-tsc && vite build"
+  }
+}

package/src/components/component-provider/components/index.vue

@@ -0,0 +1,67 @@
+<script lang="ts" setup>
+/**
+ * @component ProComponentProvider
+ * @description @qin-ui/vant-pro 全局配置提供者组件
+ *
+ * 用于在组件树的顶层配置所有子组件的全局默认属性。
+ *
+ * @param {ComponentVars} [componentVars] - 组件全局配置变量
+ * @param {Record<ComponentName, any>} [componentMap] - 自定义组件映射
+ *
+ * @slot default - 子组件内容
+ *
+ * @example
+ * ```vue
+ * <ProComponentProvider
+ *   :componentVars="{ 'field': { placeholder: '请输入' } }"
+ * >
+ *   <ProForm :form="form" :fields="fields" />
+ * </ProComponentProvider>
+ * ```
+ 
+ * @public
+ */
+import { ComponentVars } from '../types';
+import { INJECT_COMPONENTS, ensureInjectConfig } from '../constants';
+import { provide } from 'vue';
+import { getObject } from '../../../shared/core';
+import { ComponentName } from '../../form/constants';
+
+type ComponentMap = Partial<Record<ComponentName, any>>;
+
+defineOptions({
+  name: 'ProComponentProvider',
+  inheritAttrs: false,
+});
+
+type Props = {
+  /** 组件全局配置，可配置所有内置组件的默认属性 */
+  componentVars?: ComponentVars;
+  /** 自定义组件映射，用于替换或扩展内置组件 */
+  componentMap?: ComponentMap;
+};
+
+const props = defineProps<Props>();
+
+/*
+ * 遍历 componentVars 的每个 key，获取或创建对应的 inject 配置
+ * 将用户提供的值合并到默认值上，通过 provide 注入到子组件树
+ * 子组件通过 inject(config.injectionKey) 获取合并后的配置
+ */
+if (props.componentVars) {
+  Object.entries(props.componentVars).forEach(([key, val]) => {
+    const config = ensureInjectConfig(key);
+    // 用户配置覆盖默认值
+    provide(config.injectionKey, { ...config.default, ...getObject(val) });
+  });
+}
+
+// 注入自定义组件映射，BaseField 在解析组件时会优先使用此映射
+if (props.componentMap) {
+  provide(INJECT_COMPONENTS, props.componentMap);
+}
+</script>
+
+<template>
+  <slot />
+</template>

package/src/components/component-provider/constants/index.ts

@@ -0,0 +1,110 @@
+import { RequiredComponentVars } from '../types';
+import { InjectionKey, Component } from 'vue';
+
+export type InjectConfigEntry<T = any> = {
+  injectionKey: InjectionKey<T>;
+  default: T;
+};
+
+export const INJECT_CONFIG: {
+  [key in keyof RequiredComponentVars]: {
+    injectionKey: InjectionKey<RequiredComponentVars[key]>;
+    default: RequiredComponentVars[key];
+  };
+} = {
+  'pro-form': {
+    injectionKey: Symbol(''),
+    default: {
+      inputAlign: 'right',
+      errorMessageAlign: 'right',
+      required: 'auto',
+      scrollToError: true,
+      scrollToErrorPosition: 'nearest',
+    },
+  },
+  field: {
+    injectionKey: Symbol(''),
+    default: { clearable: true, placeholder: '请输入' },
+  },
+  switch: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  stepper: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  rate: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  slider: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  uploader: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  'checkbox-group': {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  'radio-group': {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  picker: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  'date-picker': {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  'time-picker': {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  cascader: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  area: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  signature: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+  button: {
+    injectionKey: Symbol(''),
+    default: {},
+  },
+};
+
+export const INJECT_COMPONENTS: InjectionKey<
+  Partial<Record<string, Component>>
+> = Symbol('INJECT_COMPONENTS');
+
+const DYNAMIC_INJECT_CONFIG: Record<string, InjectConfigEntry> =
+  Object.create(null);
+
+export const getInjectConfig = (key: string): InjectConfigEntry | undefined => {
+  return (
+    (INJECT_CONFIG as Record<string, InjectConfigEntry>)[key] ||
+    DYNAMIC_INJECT_CONFIG[key]
+  );
+};
+
+export const ensureInjectConfig = (key: string): InjectConfigEntry => {
+  const existing = getInjectConfig(key);
+  if (existing) return existing;
+  const created: InjectConfigEntry = {
+    injectionKey: Symbol(`dynamic:${key}`),
+    default: {},
+  };
+  DYNAMIC_INJECT_CONFIG[key] = created;
+  return created;
+};

package/src/components/component-provider/index.ts

@@ -0,0 +1,6 @@
+import ComponentProvider from './components/index.vue';
+
+// 仅导出全局属性配置类型
+export { type ComponentVars } from './types';
+
+export default ComponentProvider;

package/src/components/component-provider/types/index.ts

@@ -0,0 +1,31 @@
+import { Base } from '../../form/types';
+import { ProFormProps } from '../../form';
+import { AllowedComponentProps } from 'vue';
+import { GetComponentType, ComponentName } from '../../form/constants';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { 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>;