@pisell/private-materials 6.3.97 → 6.3.99

package/lib/components/systemSettings/registry/components/ItemModal.js

@@ -38,6 +38,8 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_typeValidation = require("../utils/typeValidation");
 var import_validators = require("../utils/validators");
+var import_OptionDataSource = __toESM(require("./OptionDataSource"));
+var import_serve = require("./DataSourceTreeSelect/serve");
 var { Option } = import_antd.Select;
 var { TextArea } = import_antd.Input;
 var scopeOptions = [
@@ -61,12 +63,8 @@ var interfaceTypeOptions = {
     { value: "Input.TextArea", label: "多行文本输入框" },
     { value: "Select", label: "单选下拉框" }
   ],
-  integer: [
-    { value: "InputNumber", label: "数字输入框（整数模式）" }
-  ],
-  float: [
-    { value: "InputNumber", label: "数字输入框（支持小数）" }
-  ],
+  integer: [{ value: "InputNumber", label: "数字输入框（整数模式）" }],
+  float: [{ value: "InputNumber", label: "数字输入框（支持小数）" }],
   boolean: [
     { value: "Checkbox", label: "复选框" },
     { value: "Switch", label: "开关组件" }
@@ -88,16 +86,15 @@ var ItemModal = ({
   const [selectedFieldType, setSelectedFieldType] = (0, import_react.useState)("string");
   const [selectedScopes, setSelectedScopes] = (0, import_react.useState)([]);
   const [showSystemDefaultValue, setShowSystemDefaultValue] = (0, import_react.useState)(false);
+  const _interfaceType = import_antd.Form.useWatch("interfaceType", form);
+  const [treeDataSource, setTreeDataSource] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    (0, import_serve.getAllDataSources)().then((data2) => setTreeDataSource(data2));
+  }, []);
   const renderDefaultValueInput = (fieldType) => {
     switch (fieldType) {
       case "string":
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Input,
-          {
-            placeholder: "请输入默认值",
-            allowClear: true
-          }
-        );
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "请输入默认值", allowClear: true });
       case "integer":
         return /* @__PURE__ */ import_react.default.createElement(
           import_antd.InputNumber,
@@ -118,15 +115,7 @@ var ItemModal = ({
           }
         );
       case "boolean":
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Select,
-          {
-            placeholder: "请选择布尔值",
-            allowClear: true
-          },
-          /* @__PURE__ */ import_react.default.createElement(Option, { value: "true" }, "true"),
-          /* @__PURE__ */ import_react.default.createElement(Option, { value: "false" }, "false")
-        );
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { placeholder: "请选择布尔值", allowClear: true }, /* @__PURE__ */ import_react.default.createElement(Option, { value: "true" }, "true"), /* @__PURE__ */ import_react.default.createElement(Option, { value: "false" }, "false"));
       case "array":
         return /* @__PURE__ */ import_react.default.createElement(
           TextArea,
@@ -137,13 +126,7 @@ var ItemModal = ({
           }
         );
       default:
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Input,
-          {
-            placeholder: "请输入默认值",
-            allowClear: true
-          }
-        );
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "请输入默认值", allowClear: true });
     }
   };
   (0, import_react.useEffect)(() => {
@@ -162,6 +145,8 @@ var ItemModal = ({
               en: "",
               "zh-CN": "",
               "zh-HK": "",
+              "ja": "",
+              "pt": "",
               original: descField
             };
           }
@@ -170,6 +155,8 @@ var ItemModal = ({
               en: descField.en || "",
               "zh-CN": descField["zh-CN"] || "",
               "zh-HK": descField["zh-HK"] || "",
+              "ja": descField["ja"] || "",
+              "pt": descField["pt"] || "",
               original: descField.original || descField["zh-CN"] || descField.en || ""
             };
           }
@@ -177,6 +164,8 @@ var ItemModal = ({
             en: "",
             "zh-CN": "",
             "zh-HK": "",
+            "ja": "",
+            "pt": "",
             original: ""
           };
         };
@@ -187,14 +176,31 @@ var ItemModal = ({
           interfaceType: data.interface || data.interfaceType,
           scopes: data.scopes || [],
           description: getDescription(data.description),
-          default: data.default,
-          uiSchema: (() => {
-            const uiSchemaValue = data.schema || data.uiSchema;
-            if (!uiSchemaValue) return "";
-            if (typeof uiSchemaValue === "string") return uiSchemaValue;
-            return JSON.stringify(uiSchemaValue, null, 2);
-          })()
+          default: data.default
         };
+        const schema = (data == null ? void 0 : data.schema) || {};
+        const xDataSource = schema["x-data-source"] || {};
+        if (Object.keys(xDataSource).length > 0) {
+          const extraParams = xDataSource == null ? void 0 : xDataSource.extraParams;
+          if (!extraParams) {
+            xDataSource.extraParams = "";
+          } else if (typeof extraParams === "string") {
+            xDataSource.extraParams = extraParams;
+          } else if (typeof extraParams === "object") {
+            xDataSource.extraParams = JSON.stringify(extraParams, null, 2);
+          }
+          formData.xDataSource = xDataSource;
+        } else {
+          formData.xDataSource = { type: "default", options: [] };
+        }
+        const xCustomUiSchema = schema["x-custom-ui-schema"];
+        if (!xCustomUiSchema) {
+          formData.xCustomUiSchema = "";
+        } else if (typeof xCustomUiSchema === "string") {
+          formData.uiSchema = xCustomUiSchema;
+        } else if (typeof xCustomUiSchema === "object") {
+          formData.uiSchema = JSON.stringify(xCustomUiSchema, null, 2);
+        }
         form.setFieldsValue(formData);
         setSelectedFieldType(formData.fieldType);
         setSelectedScopes(formData.scopes);
@@ -206,18 +212,23 @@ var ItemModal = ({
             en: "",
             "zh-CN": "",
             "zh-HK": "",
+            "ja": "",
+            "pt": "",
             original: ""
           },
           description: {
             en: "",
             "zh-CN": "",
             "zh-HK": "",
+            "ja": "",
+            "pt": "",
             original: ""
           },
           fieldType: "string",
           scopes: ["string"],
           // 为key字段添加section code前缀作为默认值
-          key: (section == null ? void 0 : section.code) ? `${section.code}.` : ""
+          key: (section == null ? void 0 : section.code) ? `${section.code}.` : "",
+          xDataSource: { type: "default", options: [] }
         };
         form.setFieldsValue(defaultValues);
         setSelectedFieldType("string");
@@ -229,9 +240,17 @@ var ItemModal = ({
     setSelectedFieldType(value);
     form.setFieldsValue({ interfaceType: void 0 });
     form.setFieldsValue({ default: void 0 });
+    form.setFieldsValue({ xDataSource: { type: "default", options: [] } });
     form.validateFields(["default"]).catch(() => {
     });
   };
+  const handleInterfaceTypeChange = (value) => {
+    if (value !== "Select") {
+      form.setFieldsValue({
+        xDataSource: { type: "default", options: [] }
+      });
+    }
+  };
   const handleScopesChange = (values) => {
     const stringValues = values.map((v) => String(v));
     setSelectedScopes(stringValues);
@@ -244,14 +263,23 @@ var ItemModal = ({
       if (values.default !== void 0 && values.default !== null && values.default !== "") {
         if (values.fieldType === "integer" || values.fieldType === "float") {
           if (typeof values.default !== "number") {
-            const validation = (0, import_typeValidation.validateDefaultValue)(values.fieldType, values.default);
+            const validation = (0, import_typeValidation.validateDefaultValue)(
+              values.fieldType,
+              values.default
+            );
             if (!validation.isValid) {
               throw new Error(`默认值验证失败: ${validation.error}`);
             }
-            values.default = (0, import_typeValidation.parseDefaultValue)(values.fieldType, values.default);
+            values.default = (0, import_typeValidation.parseDefaultValue)(
+              values.fieldType,
+              values.default
+            );
           }
         } else {
-          const validation = (0, import_typeValidation.validateDefaultValue)(values.fieldType, values.default);
+          const validation = (0, import_typeValidation.validateDefaultValue)(
+            values.fieldType,
+            values.default
+          );
           if (!validation.isValid) {
             throw new Error(`默认值验证失败: ${validation.error}`);
           }
@@ -260,15 +288,44 @@ var ItemModal = ({
       } else {
         values.default = null;
       }
-      if (values.uiSchema) {
+      let schema = {};
+      if (values == null ? void 0 : values.xCustomUiSchema) {
         try {
-          values.uiSchema = JSON.parse(values.uiSchema);
+          schema["x-custom-ui-schema"] = JSON.parse(values.xCustomUiSchema);
         } catch (error) {
-          throw new Error(`UI Schema格式错误: ${error instanceof Error ? error.message : "未知错误"}`);
+          throw new Error(
+            `UI Schema格式错误: ${error instanceof Error ? error.message : "未知错误"}`
+          );
         }
-      } else {
-        values.uiSchema = void 0;
       }
+      if (values.interfaceType === "Select" && values.xDataSource) {
+        const {
+          type: type2 = "default",
+          options = [],
+          ...rest
+        } = (values == null ? void 0 : values.xDataSource) || {};
+        if (type2 === "default") {
+          schema["x-data-source"] = { type: type2, options };
+        } else if (type2 === "api") {
+          schema["x-data-source"] = { type: type2, ...rest || {} };
+          if (rest == null ? void 0 : rest.extraParams) {
+            try {
+              schema["x-data-source"].extraParams = JSON.parse(
+                rest.extraParams
+              );
+            } catch (error) {
+              throw new Error(
+                `Extra Params格式错误: ${error instanceof Error ? error.message : "未知错误"}`
+              );
+            }
+          }
+        } else if (type2 === "custom") {
+          schema["x-data-source"] = { type: type2 };
+        }
+      }
+      values.schema = Object.keys(schema).length > 0 ? schema : void 0;
+      delete values.xDataSource;
+      delete values.xCustomUiSchema;
       await onOk(values);
     } catch (error) {
       console.error("Validation failed:", error);
@@ -291,218 +348,230 @@ var ItemModal = ({
       destroyOnClose: true,
       footer: /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { onClick: handleCancel, style: { marginRight: 8 } }, import_utils.locales.getText("registry.button.cancel")), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", onClick: handleOk }, import_utils.locales.getText("registry.button.save")))
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Form,
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", requiredMark: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
       {
-        form,
-        layout: "vertical",
-        requiredMark: true
+        name: "name",
+        label: import_utils.locales.getText("registry.form.name"),
+        rules: [
+          {
+            required: true,
+            validator: (_, value) => {
+              if (!value || !value.original) {
+                return Promise.reject(
+                  new Error(import_utils.locales.getText("registry.message.required"))
+                );
+              }
+              if (value.original.length > 100) {
+                return Promise.reject(
+                  new Error(
+                    import_utils.locales.getText("registry.message.name.maxLength")
+                  )
+                );
+              }
+              return Promise.resolve();
+            }
+          }
+        ]
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+        import_materials.BaseTranslation,
         {
-          name: "name",
-          label: import_utils.locales.getText("registry.form.name"),
-          rules: [
-            {
-              required: true,
-              validator: (_, value) => {
-                if (!value || !value.original) {
-                  return Promise.reject(new Error(import_utils.locales.getText("registry.message.required")));
-                }
-                if (value.original.length > 100) {
-                  return Promise.reject(new Error(import_utils.locales.getText("registry.message.name.maxLength")));
-                }
-                return Promise.resolve();
-              }
-            }
-          ]
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_materials.BaseTranslation,
+          placeholder: import_utils.locales.getText("registry.form.name.placeholder"),
+          type: "text",
+          renderMode: "edit"
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "key",
+        label: import_utils.locales.getText("registry.form.key"),
+        rules: [
           {
-            placeholder: import_utils.locales.getText("registry.form.name.placeholder"),
-            type: "text",
-            renderMode: "edit"
+            required: true,
+            message: import_utils.locales.getText("registry.message.required")
+          },
+          {
+            max: 100,
+            message: import_utils.locales.getText("registry.message.key.maxLength")
+          },
+          {
+            validator: (section == null ? void 0 : section.code) ? (0, import_validators.createPrefixedAppIdentifierValidator)(section.code) : (_, value) => {
+              if (!value) return Promise.resolve();
+              return Promise.reject(new Error("未找到当前区块信息"));
+            }
           }
-        )
-      ),
+        ]
+      },
       /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+        import_antd.Input,
         {
-          name: "key",
-          label: import_utils.locales.getText("registry.form.key"),
-          rules: [
-            {
-              required: true,
-              message: import_utils.locales.getText("registry.message.required")
-            },
-            {
-              max: 100,
-              message: import_utils.locales.getText("registry.message.key.maxLength")
-            },
-            {
-              validator: (section == null ? void 0 : section.code) ? (0, import_validators.createPrefixedAppIdentifierValidator)(section.code) : (_, value) => {
-                if (!value) return Promise.resolve();
-                return Promise.reject(new Error("未找到当前区块信息"));
-              }
-            }
-          ]
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Input,
+          placeholder: import_utils.locales.getText("registry.form.key.placeholder"),
+          maxLength: 100
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: 16 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "fieldType",
+        label: import_utils.locales.getText("registry.form.fieldType"),
+        rules: [
           {
-            placeholder: import_utils.locales.getText("registry.form.key.placeholder"),
-            maxLength: 100
+            required: true,
+            message: import_utils.locales.getText("registry.message.required")
           }
-        )
-      ),
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: 16 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Select,
         {
-          name: "fieldType",
-          label: import_utils.locales.getText("registry.form.fieldType"),
-          rules: [
-            {
-              required: true,
-              message: import_utils.locales.getText("registry.message.required")
-            }
-          ]
+          placeholder: import_utils.locales.getText(
+            "registry.form.fieldType.placeholder"
+          ),
+          onChange: handleFieldTypeChange
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Select,
+        fieldTypeOptions.map((option) => /* @__PURE__ */ import_react.default.createElement(Option, { key: option.value, value: option.value }, option.label))
+      )
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "interfaceType",
+        label: import_utils.locales.getText("registry.form.interfaceType"),
+        rules: [
           {
-            placeholder: import_utils.locales.getText("registry.form.fieldType.placeholder"),
-            onChange: handleFieldTypeChange
-          },
-          fieldTypeOptions.map((option) => /* @__PURE__ */ import_react.default.createElement(Option, { key: option.value, value: option.value }, option.label))
-        )
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+            required: true,
+            message: import_utils.locales.getText("registry.message.required")
+          }
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Select,
         {
-          name: "interfaceType",
-          label: import_utils.locales.getText("registry.form.interfaceType"),
-          rules: [
-            {
-              required: true,
-              message: import_utils.locales.getText("registry.message.required")
-            }
-          ]
+          placeholder: import_utils.locales.getText(
+            "registry.form.interfaceType.placeholder"
+          ),
+          allowClear: true,
+          onChange: handleInterfaceTypeChange
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Select,
-          {
-            placeholder: import_utils.locales.getText("registry.form.interfaceType.placeholder"),
-            allowClear: true
-          },
-          (interfaceTypeOptions[selectedFieldType] || []).map((option) => /* @__PURE__ */ import_react.default.createElement(Option, { key: option.value, value: option.value }, option.label))
+        (interfaceTypeOptions[selectedFieldType] || []).map(
+          (option) => /* @__PURE__ */ import_react.default.createElement(Option, { key: option.value, value: option.value }, option.label)
         )
-      ))),
+      )
+    ))), _interfaceType === "Select" && /* @__PURE__ */ import_react.default.createElement(import_OptionDataSource.default, { form, treeDataSource }), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "scopes",
+        label: import_utils.locales.getText("registry.form.scopes"),
+        rules: [
+          {
+            required: true,
+            message: import_utils.locales.getText("registry.message.required")
+          }
+        ]
+      },
       /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+        import_antd.Checkbox.Group,
         {
-          name: "scopes",
-          label: import_utils.locales.getText("registry.form.scopes"),
-          rules: [
-            {
-              required: true,
-              message: import_utils.locales.getText("registry.message.required")
-            }
-          ]
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Checkbox.Group,
+          options: scopeOptions.map((option) => ({
+            label: import_utils.locales.getText(option.label),
+            value: option.value
+          })),
+          onChange: handleScopesChange
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "description",
+        label: import_utils.locales.getText("registry.form.description"),
+        rules: [
           {
-            options: scopeOptions.map((option) => ({
-              label: import_utils.locales.getText(option.label),
-              value: option.value
-            })),
-            onChange: handleScopesChange
+            validator: (_, value) => {
+              if (value && value.original && value.original.length > 500) {
+                return Promise.reject(
+                  new Error(
+                    import_utils.locales.getText("registry.message.description.maxLength")
+                  )
+                );
+              }
+              return Promise.resolve();
+            }
           }
-        )
-      ),
+        ]
+      },
       /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
+        import_materials.BaseTranslation,
         {
-          name: "description",
-          label: import_utils.locales.getText("registry.form.description"),
-          rules: [
-            {
-              validator: (_, value) => {
-                if (value && value.original && value.original.length > 500) {
-                  return Promise.reject(new Error(import_utils.locales.getText("registry.message.description.maxLength")));
-                }
+          placeholder: import_utils.locales.getText(
+            "registry.form.description.placeholder"
+          ),
+          type: "textarea",
+          renderMode: "edit"
+        }
+      )
+    ), showSystemDefaultValue && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "default",
+        label: import_utils.locales.getText("registry.form.systemDefaultValue"),
+        rules: [
+          {
+            validator: (_, value) => {
+              if (value === null || value === void 0 || value === "") {
                 return Promise.resolve();
               }
+              const currentFieldType = form.getFieldValue("fieldType");
+              if (!currentFieldType) {
+                return Promise.reject(new Error("请先选择字段类型"));
+              }
+              const validation = (0, import_typeValidation.validateDefaultValue)(
+                currentFieldType,
+                value
+              );
+              if (!validation.isValid) {
+                return Promise.reject(new Error(validation.error));
+              }
+              return Promise.resolve();
             }
-          ]
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_materials.BaseTranslation,
-          {
-            placeholder: import_utils.locales.getText("registry.form.description.placeholder"),
-            type: "textarea",
-            renderMode: "edit"
           }
-        )
-      ),
-      showSystemDefaultValue && /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          name: "default",
-          label: import_utils.locales.getText("registry.form.systemDefaultValue"),
-          rules: [
-            {
-              validator: (_, value) => {
-                if (value === null || value === void 0 || value === "") {
-                  return Promise.resolve();
-                }
-                const currentFieldType = form.getFieldValue("fieldType");
-                if (!currentFieldType) {
-                  return Promise.reject(new Error("请先选择字段类型"));
-                }
-                const validation = (0, import_typeValidation.validateDefaultValue)(currentFieldType, value);
-                if (!validation.isValid) {
-                  return Promise.reject(new Error(validation.error));
-                }
+        ]
+      },
+      renderDefaultValueInput(selectedFieldType)
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "xCustomUiSchema",
+        label: import_utils.locales.getText("registry.form.uiSchema"),
+        rules: [
+          {
+            validator: (_, value) => {
+              if (!value || value.trim() === "") {
                 return Promise.resolve();
               }
-            }
-          ]
-        },
-        renderDefaultValueInput(selectedFieldType)
-      ),
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form.Item,
-        {
-          name: "uiSchema",
-          label: import_utils.locales.getText("registry.form.uiSchema"),
-          rules: [
-            {
-              validator: (_, value) => {
-                if (!value || value.trim() === "") {
-                  return Promise.resolve();
-                }
-                try {
-                  JSON.parse(value);
-                  return Promise.resolve();
-                } catch (error) {
-                  return Promise.reject(new Error(import_utils.locales.getText("registry.message.uiSchema.invalid")));
-                }
+              try {
+                JSON.parse(value);
+                return Promise.resolve();
+              } catch (error) {
+                return Promise.reject(
+                  new Error(
+                    import_utils.locales.getText("registry.message.uiSchema.invalid")
+                  )
+                );
               }
             }
-          ]
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          TextArea,
-          {
-            placeholder: import_utils.locales.getText("registry.form.uiSchema.placeholder"),
-            rows: 6,
-            style: { fontFamily: "monospace" }
           }
-        )
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        TextArea,
+        {
+          placeholder: import_utils.locales.getText("registry.form.uiSchema.placeholder"),
+          rows: 6,
+          style: { fontFamily: "monospace" }
+        }
       )
-    )
+    ))
   );
 };
 var ItemModal_default = ItemModal;