feat(ui):用户

gpt-vue/projects/vue-admin/src/composables/useCustomFormPopup.ts

@@ -0,0 +1,39 @@
+import usePopup from "./usePopup";
+import { Message } from "@arco-design/web-vue";
+import type { Component } from "vue";
+import type { BaseResponse } from "@gpt-vue/packages/type";
+interface Arg {
+  reload?: () => void;
+  record?: Record<string, any>;
+}
+export default function (
+  node: Component,
+  api: (params?: any) => Promise<BaseResponse<any>>
+): (arg: Arg) => void {
+  const nodeProps = (arg: Arg[]) => {
+    return {
+      data: arg[0].record || {},
+    };
+  };
+
+  const popupProps = (arg: Arg[], getExposed) => {
+    return {
+      width: 700,
+      onBeforeOk: async () => {
+        const exposed = getExposed();
+        const validateRes = await exposed?.formRef.value.validate();
+        if (validateRes) {
+          return false;
+        }
+        const { code } = await api(exposed?.form.value);
+        if (code === 0) {
+          Message.success("操作成功");
+        }
+        arg[0]?.reload?.();
+        return code === 0;
+      },
+    };
+  };
+
+  return usePopup(node, { nodeProps, popupProps });
+}