@pisell/private-materials 6.7.4 → 6.7.5

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

@@ -0,0 +1,177 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/systemSettings/registry/components/GroupModal.tsx
+var GroupModal_exports = {};
+__export(GroupModal_exports, {
+  default: () => GroupModal_default
+});
+module.exports = __toCommonJS(GroupModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("../locales"));
+var getText = (key) => {
+  const globalText = import_utils.locales.getText(key);
+  if (globalText !== key) {
+    return globalText;
+  }
+  const currentLocale = import_utils.locales.locale || "zh-CN";
+  const localeData = import_locales.default[currentLocale] || import_locales.default["en"] || {};
+  return localeData[key] || key;
+};
+var GroupModal = ({
+  open,
+  type,
+  data,
+  onOk,
+  onCancel
+}) => {
+  const [form] = import_antd.Form.useForm();
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      if (type === "edit" && data) {
+        form.setFieldsValue({
+          title: data.title,
+          code: data.code
+        });
+      } else {
+        form.resetFields();
+      }
+    }
+  }, [open, type, data, form]);
+  const handleOk = async () => {
+    try {
+      const values = await form.validateFields();
+      await onOk(values);
+      form.resetFields();
+    } catch (error) {
+      console.error("Validation failed:", error);
+    }
+  };
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  const title = import_utils.locales.getText(
+    type === "add" ? "registry.modal.add.group" : "registry.modal.edit.group"
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Drawer,
+    {
+      title,
+      open,
+      onClose: handleCancel,
+      width: 400,
+      destroyOnClose: true,
+      footer: /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "right" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "small" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { onClick: handleCancel }, 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,
+      {
+        form,
+        layout: "vertical",
+        requiredMark: true
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "title",
+          label: import_utils.locales.getText("registry.form.title"),
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText("registry.message.required")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.BaseTranslation,
+          {
+            placeholder: import_utils.locales.getText("registry.form.name.placeholder")
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "code",
+          label: import_utils.locales.getText("registry.form.code"),
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText("registry.message.required")
+            },
+            {
+              validator: (_, value) => {
+                if (!value) return Promise.resolve();
+                if (!/^[a-z0-9\._]+$/.test(value)) {
+                  return Promise.reject(
+                    new Error(
+                      getText("registry.message.code.format")
+                    )
+                  );
+                }
+                if (!/^[a-z]/.test(value)) {
+                  return Promise.reject(
+                    new Error(
+                      getText("registry.message.code.start")
+                    )
+                  );
+                }
+                if (/[\._]$/.test(value)) {
+                  return Promise.reject(
+                    new Error(
+                      getText("registry.message.code.end")
+                    )
+                  );
+                }
+                if (/[\.]{2,}|[\_]{2,}/.test(value)) {
+                  return Promise.reject(
+                    new Error(
+                      getText("registry.message.code.consecutive")
+                    )
+                  );
+                }
+                return Promise.resolve();
+              }
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input,
+          {
+            placeholder: import_utils.locales.getText("registry.form.code.placeholder")
+          }
+        )
+      )
+    )
+  );
+};
+var GroupModal_default = GroupModal;

package/lib/components/systemSettings/registry/components/ItemModal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ItemModalProps } from '../types';
+declare const ItemModal: React.FC<ItemModalProps>;
+export default ItemModal;

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

@@ -0,0 +1,508 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/systemSettings/registry/components/ItemModal.tsx
+var ItemModal_exports = {};
+__export(ItemModal_exports, {
+  default: () => ItemModal_default
+});
+module.exports = __toCommonJS(ItemModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+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 { Option } = import_antd.Select;
+var { TextArea } = import_antd.Input;
+var scopeOptions = [
+  { value: "system", label: "registry.scope.systemDefault" },
+  { value: "saas", label: "registry.scope.saasDefault" },
+  { value: "organization", label: "registry.scope.organization" },
+  { value: "business", label: "registry.scope.business" },
+  { value: "channel", label: "registry.scope.channel" },
+  { value: "board", label: "registry.scope.board" }
+];
+var fieldTypeOptions = [
+  { value: "string", label: "String" },
+  { value: "integer", label: "Integer" },
+  { value: "float", label: "Float" },
+  { value: "boolean", label: "Boolean" },
+  { value: "array", label: "Array" }
+];
+var interfaceTypeOptions = {
+  string: [
+    { value: "Input", label: "单行文本输入框" },
+    { value: "Input.TextArea", label: "多行文本输入框" },
+    { value: "Select", label: "单选下拉框" }
+  ],
+  integer: [
+    { value: "InputNumber", label: "数字输入框（整数模式）" }
+  ],
+  float: [
+    { value: "InputNumber", label: "数字输入框（支持小数）" }
+  ],
+  boolean: [
+    { value: "Checkbox", label: "复选框" },
+    { value: "Switch", label: "开关组件" }
+  ],
+  array: [
+    { value: "Select", label: "多选下拉框" },
+    { value: "Input.JSON", label: "JSON编辑器" }
+  ]
+};
+var ItemModal = ({
+  open,
+  type,
+  data,
+  section,
+  onOk,
+  onCancel
+}) => {
+  const [form] = import_antd.Form.useForm();
+  const [selectedFieldType, setSelectedFieldType] = (0, import_react.useState)("string");
+  const [selectedScopes, setSelectedScopes] = (0, import_react.useState)([]);
+  const [showSystemDefaultValue, setShowSystemDefaultValue] = (0, import_react.useState)(false);
+  const renderDefaultValueInput = (fieldType) => {
+    switch (fieldType) {
+      case "string":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input,
+          {
+            placeholder: "请输入默认值",
+            allowClear: true
+          }
+        );
+      case "integer":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.InputNumber,
+          {
+            placeholder: "请输入整数",
+            style: { width: "100%" },
+            precision: 0,
+            allowClear: true
+          }
+        );
+      case "float":
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.InputNumber,
+          {
+            placeholder: "请输入数字",
+            style: { width: "100%" },
+            allowClear: true
+          }
+        );
+      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")
+        );
+      case "array":
+        return /* @__PURE__ */ import_react.default.createElement(
+          TextArea,
+          {
+            placeholder: "请输入JSON对象或数组，例如：{} 或 []",
+            rows: 4,
+            allowClear: true
+          }
+        );
+      default:
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input,
+          {
+            placeholder: "请输入默认值",
+            allowClear: true
+          }
+        );
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      if (type === "edit" && data) {
+        const getName = (nameField) => {
+          if (typeof nameField === "string") return nameField;
+          if (nameField && typeof nameField === "object") {
+            return nameField["zh-CN"] || nameField.original || nameField.en || "";
+          }
+          return "";
+        };
+        const getDescription = (descField) => {
+          if (typeof descField === "string") {
+            return {
+              en: "",
+              "zh-CN": "",
+              "zh-HK": "",
+              original: descField
+            };
+          }
+          if (descField && typeof descField === "object") {
+            return {
+              en: descField.en || "",
+              "zh-CN": descField["zh-CN"] || "",
+              "zh-HK": descField["zh-HK"] || "",
+              original: descField.original || descField["zh-CN"] || descField.en || ""
+            };
+          }
+          return {
+            en: "",
+            "zh-CN": "",
+            "zh-HK": "",
+            original: ""
+          };
+        };
+        const formData = {
+          name: getDescription(data.title),
+          key: data.key || data.code,
+          fieldType: data.type || data.fieldType || "string",
+          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);
+          })()
+        };
+        form.setFieldsValue(formData);
+        setSelectedFieldType(formData.fieldType);
+        setSelectedScopes(formData.scopes);
+        setShowSystemDefaultValue(formData.scopes.includes("system"));
+      } else {
+        form.resetFields();
+        const defaultValues = {
+          name: {
+            en: "",
+            "zh-CN": "",
+            "zh-HK": "",
+            original: ""
+          },
+          description: {
+            en: "",
+            "zh-CN": "",
+            "zh-HK": "",
+            original: ""
+          },
+          fieldType: "string",
+          scopes: ["string"],
+          // 为key字段添加section code前缀作为默认值
+          key: (section == null ? void 0 : section.code) ? `${section.code}.` : ""
+        };
+        form.setFieldsValue(defaultValues);
+        setSelectedFieldType("string");
+        setSelectedScopes(["string"]);
+      }
+    }
+  }, [open, type, data, form]);
+  const handleFieldTypeChange = (value) => {
+    setSelectedFieldType(value);
+    form.setFieldsValue({ interfaceType: void 0 });
+    form.setFieldsValue({ default: void 0 });
+    form.validateFields(["default"]).catch(() => {
+    });
+  };
+  const handleScopesChange = (values) => {
+    const stringValues = values.map((v) => String(v));
+    setSelectedScopes(stringValues);
+    console.log("stringValues", stringValues);
+    setShowSystemDefaultValue(stringValues.includes("system"));
+  };
+  const handleOk = async () => {
+    try {
+      const values = await form.validateFields();
+      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);
+            if (!validation.isValid) {
+              throw new Error(`默认值验证失败: ${validation.error}`);
+            }
+            values.default = (0, import_typeValidation.parseDefaultValue)(values.fieldType, values.default);
+          }
+        } else {
+          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);
+        }
+      } else {
+        values.default = null;
+      }
+      if (values.uiSchema) {
+        try {
+          values.uiSchema = JSON.parse(values.uiSchema);
+        } catch (error) {
+          throw new Error(`UI Schema格式错误: ${error instanceof Error ? error.message : "未知错误"}`);
+        }
+      } else {
+        values.uiSchema = void 0;
+      }
+      await onOk(values);
+    } catch (error) {
+      console.error("Validation failed:", error);
+    }
+  };
+  const handleCancel = () => {
+    form.resetFields();
+    onCancel();
+  };
+  const title = import_utils.locales.getText(
+    type === "add" ? "registry.modal.add.item" : "registry.modal.edit.item"
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Drawer,
+    {
+      title,
+      open,
+      onClose: handleCancel,
+      width: 600,
+      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,
+      {
+        form,
+        layout: "vertical",
+        requiredMark: true
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          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: [
+            {
+              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: [
+            {
+              required: true,
+              message: import_utils.locales.getText("registry.message.required")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Select,
+          {
+            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,
+        {
+          name: "interfaceType",
+          label: import_utils.locales.getText("registry.form.interfaceType"),
+          rules: [
+            {
+              required: true,
+              message: import_utils.locales.getText("registry.message.required")
+            }
+          ]
+        },
+        /* @__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))
+        )
+      ))),
+      /* @__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.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: [
+            {
+              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_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));
+                }
+                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")));
+                }
+              }
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          TextArea,
+          {
+            placeholder: import_utils.locales.getText("registry.form.uiSchema.placeholder"),
+            rows: 6,
+            style: { fontFamily: "monospace" }
+          }
+        )
+      )
+    )
+  );
+};
+var ItemModal_default = ItemModal;