@utogether/udp-core 1.0.1-beta.6 → 1.0.1-beta.8

package/src/plugins/vxe-table/index.ts

@@ -2,7 +2,7 @@
  * @Author: levi7754 levi7754@163.com
  * @Date: 2024-06-05 14:32:03
  * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-30 09:51:55
+ * @LastEditTime: 2025-08-15 10:01:28
  * @FilePath: /udp-front/packages/udp-core/src/plugins/vxe-table/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */

package/src/plugins/vxe-table/render.tsx

@@ -2,7 +2,7 @@
  * @Author: wei.li
  * @Date: 2021-12-01 09:18:50
  * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-07-23 09:41:24
+ * @LastEditTime: 2025-08-14 17:36:31
  * @Description: file content
  */
 
@@ -409,6 +409,84 @@ export const VxetableRender = (VXETable, { serviceApi, i18n }) => {
       ];
     }
   });
+  // 下拉选择
+  VXETable.renderer.add('#textarea', {
+    renderTableEdit(renderOpts: VxeColumnPropTypes.EditRender, params) {
+      const { row, column } = params;
+      const { props, events } = renderOpts;
+      const { mapField } = props;
+
+      const componentHook = useComponent();
+      function onChange(val) {
+        componentHook.change(val, row, column.field, renderOpts, { column, datasource: 'row' });
+      }
+
+      function onClear() {
+        componentHook.clear(row, column.field, mapField, events, 'row');
+      }
+
+      return [
+        <vxe-textarea
+          v-model={row[column.field]}
+          {...props}
+          style="width: 100%"
+          onChange={v => onChange(v)}
+          onClear={() => onClear()}
+        />
+      ];
+    },
+    renderTableDefault(renderOpts: VxeColumnPropTypes.EditRender, params) {
+      const { row, column } = params;
+      const { props, events } = renderOpts;
+      const { mapField } = props;
+
+      const componentHook = useComponent();
+
+      function onChange(val) {
+        componentHook.change(val, row, column.field, renderOpts, { column, datasource: 'row' });
+      }
+
+      function onClear() {
+        componentHook.clear(row, column.field, mapField, events, 'row');
+      }
+
+      return [
+        <vxe-textarea v-model={row[column.field]} {...props} onChange={v => onChange(v)} onClear={() => onClear()} />
+      ];
+    },
+    // 可编辑显示模板
+    renderTableCell(renderOpts, params) {
+      const { row, column } = params;
+      return row[column.field];
+    },
+    renderItemContent(renderOpts: FormItemRenderOptions, params: FormItemContentRenderParams) {
+      const { data, field } = params;
+      const { props, events } = renderOpts;
+      const componentHook = useComponent();
+
+      // 默认值
+      const { defaultValue, mapField } = props;
+      if (defaultValue) {
+        data[field] = defaultValue;
+      }
+      /**
+       * @description: 选中值发生变化时触发
+       * @param {*} val 目前的选中值
+       */
+      function onChange(val) {
+        componentHook.change(val, data, field, renderOpts, { datasource: 'data' });
+      }
+
+      /**
+       * @description: 可清空的单选模式下用户点击清空按钮时触发
+       */
+      function onClear() {
+        componentHook.clear(data, field, mapField, events, 'data');
+      }
+
+      return [<vxe-textarea v-model={data[field]} {...props} onChange={v => onChange(v)} onClear={() => onClear()} />];
+    }
+  });
   // Lov
   VXETable.renderer.add('#lov', {
     renderItemContent(renderOpts: FormItemRenderOptions, params: FormItemContentRenderParams) {
@@ -457,13 +535,7 @@ export const VxetableRender = (VXETable, { serviceApi, i18n }) => {
       }
 
       return [
-        <ut-lov
-          record={data}
-          {...props}
-          mode="vxe"
-          onChange={(v, f) => onChange(v, f)}
-          onClear={() => onClear()}
-        />
+        <ut-lov record={data} {...props} mode="vxe" onChange={(v, f) => onChange(v, f)} onClear={() => onClear()} />
       ];
     },
     // 单元格编辑
@@ -529,13 +601,7 @@ export const VxetableRender = (VXETable, { serviceApi, i18n }) => {
       }
 
       return [
-        <ut-lov
-          record={row}
-          mode="ele"
-          {...props}
-          onChange={(v, f) => onChange(v, f)}
-          onClear={() => onClear()}
-        />
+        <ut-lov record={row} mode="ele" {...props} onChange={(v, f) => onChange(v, f)} onClear={() => onClear()} />
       ];
     },
     // 可编辑显示模板
@@ -558,7 +624,7 @@ export const VxetableRender = (VXETable, { serviceApi, i18n }) => {
         componentHook.clear(data, field, props.mapField, events, 'data');
       }
 
-      return [<form-upload2 record={data} field={field} {...props} onClear={() => onClear()} />];
+      return [<form-upload record={data} field={field} {...props} onClear={() => onClear()} />];
     }
   });
 
@@ -776,7 +842,16 @@ export const VxetableRender = (VXETable, { serviceApi, i18n }) => {
       }
       events?.clear && events.clear({ [datasource]: data, field });
     };
-    return { clear, remote, selectChange, setDefaultValue };
+    const change = (data, field, mapField, events, datasource) => {
+      data[field] = null;
+      if (!isEmpty(mapField)) {
+        for (const key in mapField) {
+          data[key] = null;
+        }
+      }
+      events?.change && events.change({ [datasource]: data, field });
+    };
+    return { clear, change, remote, selectChange, setDefaultValue };
   };
 
   /**