@ftjs/antd 0.1.1 → 0.1.3

package/README.md

@@ -9,7 +9,7 @@ ant-design-vue 适配器
 
 ## 文档
 
-请查看 [@ftjs/antd 文档](https://ftjs-docs.yhs.ink/@ftjs/antd/introduction.html)。
+请查看 [@ftjs/antd 文档](https://ftjs-docs.yhs.ink/antd/)。
 
 ## 许可证
 

package/dist/antd-table/column-edit.d.ts

@@ -1,4 +1,4 @@
-import { InputProps, SelectProps } from 'ant-design-vue';
+import { InputProps, SelectProps, SwitchProps } from 'ant-design-vue';
 import { Component } from 'vue';
 export interface Edit<Type, Props> {
     type: Type;
@@ -8,6 +8,14 @@ export interface Edit<Type, Props> {
 export interface EditMap<_TableData extends Record<string, any>> {
     input: Edit<"input", InputProps>;
     select: Edit<"select", SelectProps>;
+    switch: Edit<"switch", SwitchProps>;
 }
-export declare const editMap: Map<keyof EditMap<any>, Component>;
-export declare const registerEdit: (type: keyof EditMap<any>, component: Component) => void;
+export interface ComponentInfo {
+    model?: string;
+}
+type ComponentTuple = [Component, ComponentInfo];
+export type EditMapValue = Component | ComponentTuple;
+export declare function isComponentTuple(value: EditMapValue): value is ComponentTuple;
+export declare const editMap: Map<keyof EditMap<any>, EditMapValue>;
+export declare const registerEdit: (type: keyof EditMap<any>, component: EditMapValue) => void;
+export {};

package/dist/index.js

@@ -266,7 +266,8 @@ const inputNumber = defineFormComponent((props) => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [toValue(isView.value) ? createVNode("div", null, [valueComputed.value]) : createVNode(InputNumber, mergeProps({
         "value": valueComputed.value,
-        "onUpdate:value": ($event) => valueComputed.value = $event
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请输入${formItemProps.value.label}`
       }, _props), null)]
     });
   };
@@ -441,7 +442,7 @@ const FtForm = /* @__PURE__ */ defineFtForm((_, ctx) => {
     "ref": formRef,
     "name": id,
     "style": {
-      width
+      width: width.value
     }
   }, ctx.attrs, formProps.value), {
     default: () => [ctx.slots.formContent(), !hideFooter.value && createVNode(FormItem, {
@@ -681,9 +682,21 @@ const FtFormSearch = /* @__PURE__ */ defineFtForm((_, ctx) => {
     })]
   })]);
 }, formRenderMap, ["exposed", "onUpdate:exposed"]);
+function isComponentTuple(value) {
+  return Array.isArray(value);
+}
 const editMap = /* @__PURE__ */ new Map([
   ["input", Input],
-  ["select", Select]
+  ["select", Select],
+  [
+    "switch",
+    [
+      Switch,
+      {
+        model: "checked"
+      }
+    ]
+  ]
 ]);
 const registerEdit = (type, component) => {
   editMap.set(type, component);
@@ -934,13 +947,24 @@ function useEdit(tableData) {
           edit = column.edit;
         }
         const field = edit.field ?? column.field;
-        const component = editMap.get(edit.type);
-        if (component) {
+        const componentOrTuple = editMap.get(edit.type);
+        if (componentOrTuple) {
+          let component;
+          let model = "value";
+          if (isComponentTuple(componentOrTuple)) {
+            component = componentOrTuple[0];
+            const info = componentOrTuple[1];
+            if (info.model) {
+              model = info.model;
+            }
+          } else {
+            component = componentOrTuple;
+          }
           return h(component, {
             ...edit.props,
             class: "ft-table-edit",
-            value: get(scopeProps.record, field),
-            "onUpdate:value": (value) => {
+            [model]: get(scopeProps.record, field),
+            [`onUpdate:${model}`]: (value) => {
               set(scopeProps.record, field, value);
             }
           });
@@ -1054,18 +1078,31 @@ const FtVxeTable = defineFtTable((_, ctx) => {
           } = params;
           const type = editObj.type;
           const field = editObj.field ?? column.field;
-          const component = editMap.get(type);
-          if (!component) {
+          const componentOrTuple = editMap.get(type);
+          if (!componentOrTuple) {
             console.warn(`[@ftjs/antd] 不支持的编辑类型: ${type}`);
             return "";
           }
-          return h(component, {
+          let component;
+          let model = "value";
+          if (isComponentTuple(componentOrTuple)) {
+            component = componentOrTuple[0];
+            const info = componentOrTuple[1];
+            if (info.model) {
+              model = info.model;
+            }
+          } else {
+            component = componentOrTuple;
+          }
+          const modelEvent = `onUpdate:${model}`;
+          const props = {
             ...editObj.props,
-            value: row[field],
-            "onUpdate:value": (value) => {
+            [model]: row[field],
+            [modelEvent]: (value) => {
               row[field] = value;
             }
-          });
+          };
+          return h(component, props);
         } : null,
         ...column.slots
       };
@@ -1217,6 +1254,7 @@ export {
   FtTable,
   FtVxeTable,
   editMap,
+  isComponentTuple,
   registerEdit,
   registerForm,
   useRules

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ftjs/antd",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "keywords": [],
   "author": "",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
     "vue-tsc": "2.2.0",
-    "@ftjs/core": "0.1.1"
+    "@ftjs/core": "0.1.3"
   },
   "peerDependencies": {
     "@ant-design/icons-vue": ">=7.0.0",