@zy-frontend/form-core 2.0.6 → 2.0.7

package/README.md

@@ -14,7 +14,7 @@
 ### 安装
 
 ```sh
-npm i -S @zy/form-core
+npm i -S @zy-frontend/form-core
 ```
 
 ### 使用示例
@@ -22,7 +22,7 @@ npm i -S @zy/form-core
 单表单场景：
 ```html
 <script setup lang="ts">
-  import { ZYForm } from '@zy/form-core'
+  import { ZYForm } from '@zy-frontend/form-core'
   import formConfig from './form-config.json'
   import { ElForm, ElFormItem, ElInput } from 'element-plus'
 
@@ -61,7 +61,7 @@ npm i -S @zy/form-core
 多表单场景：
 ```html
 <script setup lang="ts">
-  import { ZYFormGroup } from '@zy/form-core'
+  import { ZYFormGroup } from '@zy-frontend/form-core'
   import formConfig from './form-config.json'
   import { ElForm, ElFormItem, ElInput } from 'element-plus'
 
@@ -352,59 +352,59 @@ export interface UIComponents extends Record<ComponentType, any> {
   [key: string]: any
 }
 
-export type RemoteResponse = Option[] | Promise<Option[]> | any
-export interface RequestContext {
-  requestId: number // 当前组件内递增的请求标识，用于识别过期响应
-  signal?: AbortSignal // 新请求替换旧请求或组件卸载时触发
-}
-// 远程请求方法
-export type RequestFunction = (
-  keyPath: string, // 字段键路径，格式为formKey.fieldKey
-  value: any, // 字段值
-  url?: string, // 字段remote里配置的远程请求URL
-  extraParams?: Record<string, string | number | boolean>, // 字段remote里配置的远程请求参数
-  componentParams?: Record<string, any>, // 由UI组件传入的参数，如Select组件的query、Upload组件的file等
-  context?: RequestContext, // 请求上下文，用于取消请求及识别过期响应
-) => RemoteResponse
-export type RemoteMethod = (
-  componentParams?: Record<string, any>,
-  context?: RequestContext,
-) => Option[] | Promise<Option[]> // 远程选项获取方法
-export type UploadResponse = any | Promise<any>
-export type UploadMethod = (
-  componentParams?: Record<string, any>,
-  context?: RequestContext,
-) => UploadResponse // 上传文件方法
-export type FileRemoveMethod = (
-  componentParams?: Record<string, any>,
-  context?: RequestContext,
-) => Promise<void> | void // 文件删除方法
-```
-
-远程查询和上传应将 `context.signal` 传给 `fetch`、Axios 等请求库。组件会在新查询替换旧查询、文件删除或组件卸载时触发取消；不支持取消的实现也必须避免使用过期响应回写状态。
-
-Axios 示例：
-
-```typescript
-const requestFn: RequestFunction = async (
-  keyPath,
-  value,
-  url,
-  extraParams,
-  componentParams,
-  context,
-) => {
-  const { data } = await axios.get(url || '', {
-    params: {
-      ...extraParams,
-      ...componentParams,
-    },
-    signal: context?.signal,
-  })
-
-  return data
-}
-```
+export type RemoteResponse = Option[] | Promise<Option[]> | any
+export interface RequestContext {
+  requestId: number // 当前组件内递增的请求标识，用于识别过期响应
+  signal?: AbortSignal // 新请求替换旧请求或组件卸载时触发
+}
+// 远程请求方法
+export type RequestFunction = (
+  keyPath: string, // 字段键路径，格式为formKey.fieldKey
+  value: any, // 字段值
+  url?: string, // 字段remote里配置的远程请求URL
+  extraParams?: Record<string, string | number | boolean>, // 字段remote里配置的远程请求参数
+  componentParams?: Record<string, any>, // 由UI组件传入的参数，如Select组件的query、Upload组件的file等
+  context?: RequestContext, // 请求上下文，用于取消请求及识别过期响应
+) => RemoteResponse
+export type RemoteMethod = (
+  componentParams?: Record<string, any>,
+  context?: RequestContext,
+) => Option[] | Promise<Option[]> // 远程选项获取方法
+export type UploadResponse = any | Promise<any>
+export type UploadMethod = (
+  componentParams?: Record<string, any>,
+  context?: RequestContext,
+) => UploadResponse // 上传文件方法
+export type FileRemoveMethod = (
+  componentParams?: Record<string, any>,
+  context?: RequestContext,
+) => Promise<void> | void // 文件删除方法
+```
+
+远程查询和上传应将 `context.signal` 传给 `fetch`、Axios 等请求库。组件会在新查询替换旧查询、文件删除或组件卸载时触发取消；不支持取消的实现也必须避免使用过期响应回写状态。
+
+Axios 示例：
+
+```typescript
+const requestFn: RequestFunction = async (
+  keyPath,
+  value,
+  url,
+  extraParams,
+  componentParams,
+  context,
+) => {
+  const { data } = await axios.get(url || '', {
+    params: {
+      ...extraParams,
+      ...componentParams,
+    },
+    signal: context?.signal,
+  })
+
+  return data
+}
+```
 
 ### 自定义组件
 

package/dist/index.es.js

@@ -1703,8 +1703,9 @@ const al = /* @__PURE__ */ nl(rl), il = async (e, t, n, r, a) => {
             return (V = e.setCompRef) == null ? void 0 : V.call(e, O);
           },
           modelValue: n.value[i.value],
-          "onUpdate:modelValue": g[0] || (g[0] = (O) => n.value[i.value] = O)
-        }, { ...m.value, ...Y(o) }), null, 16, ["modelValue"])) : (L(), te("div", de({
+          "onUpdate:modelValue": g[0] || (g[0] = (O) => n.value[i.value] = O),
+          style: e.style
+        }, { ...m.value, ...Y(o) }), null, 16, ["modelValue", "style"])) : (L(), te("div", de({
           key: 1,
           class: "zy-form-item-blank",
           style: e.style
@@ -2122,12 +2123,12 @@ const al = /* @__PURE__ */ nl(rl), il = async (e, t, n, r, a) => {
                   "key-path": `${e.formKey}.${S.key}`,
                   readonly: e.readonly,
                   "request-fn": e.requestFn,
-                  className: p(S),
+                  "class-name": p(S),
                   style: De(d(S)),
                   onChange: (q) => y(S.key, q),
                   onBlur: (q, D) => w(q, S.key, D),
                   onKeyupEnter: (q, D) => $(q, S.key, D)
-                }, null, 8, ["modelValue", "components", "field", "key-path", "readonly", "request-fn", "className", "style", "onChange", "onBlur", "onKeyupEnter"]))), 128))
+                }, null, 8, ["modelValue", "components", "field", "key-path", "readonly", "request-fn", "class-name", "style", "onChange", "onBlur", "onKeyupEnter"]))), 128))
               ], 6)
             ]),
             _: 2
@@ -2147,12 +2148,12 @@ const al = /* @__PURE__ */ nl(rl), il = async (e, t, n, r, a) => {
               "key-path": `${e.formKey}.${S.key}`,
               readonly: e.readonly,
               "request-fn": e.requestFn,
-              className: p(S),
+              "class-name": p(S),
               style: De(d(S)),
               onChange: (q) => y(S.key, q),
               onBlur: (q, D) => w(q, S.key, D),
               onKeyupEnter: (q, D) => $(q, S.key, D)
-            }, null, 8, ["modelValue", "components", "field", "key-path", "readonly", "request-fn", "className", "style", "onChange", "onBlur", "onKeyupEnter"]))), 128))
+            }, null, 8, ["modelValue", "components", "field", "key-path", "readonly", "request-fn", "class-name", "style", "onChange", "onBlur", "onKeyupEnter"]))), 128))
           ], 6)) : Le("", !0)
         ], 64)) : (L(), te("div", {
           key: c[0].key,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zy-frontend/form-core",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "private": false,
   "publishConfig": {
     "access": "public",