@pisell/private-materials 6.3.97 → 6.3.99

package/lib/components/systemSettings/registry/components/OptionDataSource/OptionTable.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import '../../index.less';
+interface OptionsTableProps {
+    value?: any;
+    onChange?: (value: any) => void;
+}
+declare const OptionsTable: React.FC<OptionsTableProps>;
+export default OptionsTable;

package/lib/components/systemSettings/registry/components/OptionDataSource/OptionTable.js

@@ -0,0 +1,166 @@
+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/OptionDataSource/OptionTable.tsx
+var OptionTable_exports = {};
+__export(OptionTable_exports, {
+  default: () => OptionTable_default
+});
+module.exports = __toCommonJS(OptionTable_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import__ = require("../../index.less");
+var OptionsTable = (props) => {
+  const [value, onChange] = (0, import_ahooks.useControllableValue)(props);
+  const updateOptionField = (index, field, fieldValue) => {
+    onChange == null ? void 0 : onChange((prev) => {
+      const newOptions = [...prev];
+      newOptions[index] = {
+        ...(newOptions == null ? void 0 : newOptions[index]) || {},
+        [field]: fieldValue
+      };
+      return newOptions;
+    });
+  };
+  const handleAdd = () => {
+    onChange == null ? void 0 : onChange((prev) => {
+      return [
+        ...prev || [],
+        {
+          id: (/* @__PURE__ */ new Date()).getTime().toString(),
+          label: "",
+          value: "",
+          color: "default"
+        }
+      ];
+    });
+  };
+  const handleRemove = (index) => {
+    onChange == null ? void 0 : onChange((prev) => {
+      return (prev || []).filter((_, i) => i !== index);
+    });
+  };
+  const handleSortChange = (detail) => {
+    const { dataSource: newDataSource } = detail;
+    const newOptions = newDataSource.map((item) => ({
+      id: item.id,
+      label: item.label,
+      value: item.value,
+      color: item.color
+    }));
+    onChange == null ? void 0 : onChange(newOptions);
+    return false;
+  };
+  const columns = [
+    {
+      title: import_utils.locales.getText("registry.optionDataSource.options.label-field"),
+      dataIndex: "label",
+      key: "label",
+      render: (_, record, index) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_materials.BaseTranslation,
+          {
+            renderMode: "edit",
+            type: "text",
+            value: record.label,
+            onChange: (value2) => updateOptionField(index, "label", value2),
+            placeholder: import_utils.locales.getText(
+              "registry.optionDataSource.options.label-placeholder"
+            ),
+            inputStyle: record.label ? { borderColor: "#D0D5DD" } : {}
+          }
+        );
+      }
+    },
+    {
+      title: import_utils.locales.getText("registry.optionDataSource.options.value-field"),
+      dataIndex: "value",
+      key: "value",
+      render: (_, record, index) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Input,
+          {
+            value: record.value,
+            onChange: (e) => updateOptionField(index, "value", e.target.value),
+            placeholder: import_utils.locales.getText(
+              "registry.optionDataSource.options.value-placeholder"
+            ),
+            style: record.value ? { borderColor: "#D0D5DD" } : {}
+          }
+        );
+      }
+    },
+    {
+      title: "",
+      key: "action",
+      width: 80,
+      align: "center",
+      render: (_, record, index) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Button,
+          {
+            type: "text",
+            danger: true,
+            size: "small",
+            icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
+            onClick: () => handleRemove(index)
+          }
+        );
+      }
+    }
+  ];
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "text",
+      onClick: handleAdd,
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
+      style: { position: "absolute", right: 0, top: "-36px", zIndex: 9 }
+    },
+    import_utils.locales.getText("registry.optionDataSource.options.add")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Table,
+    {
+      rowKey: "id",
+      columns,
+      dataSource: value || [],
+      pagination: false,
+      dragSort: true,
+      virtual: false,
+      tableLayout: "",
+      onSortChange: handleSortChange,
+      locale: {
+        emptyText: import_utils.locales.getText("registry.optionDataSource.options.empty")
+      }
+    }
+  ));
+};
+var OptionTable_default = OptionsTable;

package/lib/components/systemSettings/registry/components/OptionDataSource/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import './index.less';
+import { DataSourceType } from '../DataSourceTreeSelect/serve';
+interface OptionDataSourceProps {
+    form: FormInstance<any>;
+    treeDataSource: DataSourceType[];
+}
+declare const OptionDataSource: React.FC<OptionDataSourceProps>;
+export default OptionDataSource;

package/lib/components/systemSettings/registry/components/OptionDataSource/index.js

@@ -0,0 +1,210 @@
+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/OptionDataSource/index.tsx
+var OptionDataSource_exports = {};
+__export(OptionDataSource_exports, {
+  default: () => OptionDataSource_default
+});
+module.exports = __toCommonJS(OptionDataSource_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_OptionTable = __toESM(require("./OptionTable"));
+var import_DataSourceTreeSelect = __toESM(require("../DataSourceTreeSelect"));
+var import_index = require("./index.less");
+var { TextArea } = import_antd.Input;
+var optionSourceTypeOptions = [
+  {
+    title: "registry.optionDataSource.type.default-label",
+    description: "registry.optionDataSource.type.default-desc",
+    value: "default"
+  },
+  {
+    title: "registry.optionDataSource.type.api-label",
+    description: "registry.optionDataSource.type.api-desc",
+    value: "api"
+  },
+  {
+    title: "registry.optionDataSource.type.custom-label",
+    description: "registry.optionDataSource.type.custom-desc",
+    value: "custom"
+  }
+];
+var OptionDataSource = ({
+  form,
+  treeDataSource
+}) => {
+  const type = import_antd.Form.useWatch(["xDataSource", "type"], form);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["xDataSource", "type"],
+      label: import_utils.locales.getText("registry.optionDataSource.type.title"),
+      rules: [
+        {
+          required: true,
+          message: import_utils.locales.getText("registry.optionDataSource.type.desc")
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, { style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-settings-registry-option-source-type-options-desc" }, import_utils.locales.getText("registry.optionDataSource.type.desc")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-settings-registry-option-source-type-options" }, optionSourceTypeOptions.map((option) => /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { key: option.value, value: option.value }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText(option.title)), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          fontSize: "12px",
+          color: "#8c8c8c",
+          marginTop: "2px"
+        }
+      },
+      import_utils.locales.getText(option.description)
+    ))))))
+  ), type === "default" && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["xDataSource", "options"],
+      label: import_utils.locales.getText("registry.optionDataSource.options.label"),
+      validateTrigger: ["onSubmit", "onChange"],
+      rules: [
+        {
+          required: true,
+          validator: (_, value) => {
+            if (!value || !Array.isArray(value) || value.length === 0) {
+              return Promise.reject(
+                new Error(
+                  import_utils.locales.getText("registry.optionDataSource.options.empty")
+                )
+              );
+            }
+            for (let i = 0; i < value.length; i++) {
+              const item = value[i];
+              if (!item.label || !item.value || !item.value.trim()) {
+                return Promise.reject(
+                  new Error(
+                    import_utils.locales.getText(
+                      "registry.optionDataSource.options.required-desc"
+                    )
+                  )
+                );
+              }
+            }
+            return Promise.resolve();
+          }
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_OptionTable.default, null)
+  ), type === "api" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["xDataSource", "dataSource"],
+      label: import_utils.locales.getText(
+        "registry.optionDataSource.api.dataSource-label"
+      ),
+      rules: [
+        {
+          required: true,
+          validator: (_, value) => {
+            if (!value || !(value == null ? void 0 : value.key) && !(value == null ? void 0 : value.tableName)) {
+              return Promise.reject(
+                new Error(
+                  import_utils.locales.getText(
+                    "registry.optionDataSource.api.dataSource-required"
+                  )
+                )
+              );
+            }
+            return Promise.resolve();
+          }
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_DataSourceTreeSelect.default,
+      {
+        mode: "list",
+        filters: {
+          tables: "all",
+          variables: {}
+        },
+        dataSource: treeDataSource
+      }
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      name: ["xDataSource", "extraParams"],
+      label: import_utils.locales.getText(
+        "registry.optionDataSource.api.extraParams-label"
+      ),
+      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.optionDataSource.api.extraParams-label"
+        ),
+        rows: 6,
+        style: { fontFamily: "monospace" }
+      }
+    )
+  )), type === "custom" && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      type: "warning",
+      showIcon: true,
+      message: import_utils.locales.getText(
+        "registry.optionDataSource.type.custom.warning-title"
+      ),
+      description: import_utils.locales.getText(
+        "registry.optionDataSource.type.custom.warning-description"
+      ),
+      className: "pisell-settings-registry-option-custom-alert"
+    }
+  ));
+};
+var OptionDataSource_default = OptionDataSource;

package/lib/components/systemSettings/registry/components/OptionDataSource/index.less

@@ -0,0 +1,37 @@
+.pisell-settings-registry-option-source-type-options-desc {
+  margin-bottom: 8px;
+  font-size: 12px;
+  color: #8c8c8c;
+}
+
+.pisell-settings-registry-option-source-type-options {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.pisell-settings-registry-option-custom-alert {
+  padding: 14px !important;
+  margin-bottom: 16px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  .pisell-lowcode-alert-icon {
+    color: #faad14;
+    font-size: 20px;
+  }
+
+  .pisell-lowcode-alert-message {
+    margin-bottom: 0 !important;
+    font-size: 14px;
+    color: #101828;
+    font-weight: 500;
+  }
+
+  .pisell-lowcode-alert-description {
+    font-size: 12px;
+    color: rgb(140, 140, 140);
+    margin-top: 2px;
+  }
+}

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

@@ -43,6 +43,7 @@ var import_services = require("./services");
 var import_typeValidation = require("./utils/typeValidation");
 var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
+var import_utils2 = require("../../../utils");
 var Registry = ({
   className,
   style,
@@ -58,6 +59,7 @@ var Registry = ({
   const [currentSectionId, setCurrentSectionId] = (0, import_react.useState)(
     selectedSectionId || (sections.length > 0 ? sections[0].id : 0)
   );
+  import_utils2.request.setRequest(request);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [hasMore, setHasMore] = (0, import_react.useState)(true);
   const [currentPage, setCurrentPage] = (0, import_react.useState)(1);
@@ -429,14 +431,15 @@ var Registry = ({
           interface: formData.interfaceType,
           default: processedDefaultValue,
           scopes: formData.scopes,
-          schema: formData.uiSchema ? (() => {
-            try {
-              return JSON.parse(formData.uiSchema);
-            } catch (e) {
-              console.warn("Invalid JSON in uiSchema:", e);
-              return formData.uiSchema;
-            }
-          })() : void 0,
+          // schema: formData.uiSchema ? (() => {
+          //     try {
+          //         return JSON.parse(formData.uiSchema);
+          //     } catch (e) {
+          //         console.warn('Invalid JSON in uiSchema:', e);
+          //         return formData.uiSchema;
+          //     }
+          // })() : undefined,
+          schema: (formData == null ? void 0 : formData.schema) || void 0,
           sort: newSort
         });
       } else {
@@ -455,14 +458,15 @@ var Registry = ({
           interface: formData.interfaceType,
           default: processedDefaultValue,
           scopes: formData.scopes,
-          schema: formData.uiSchema ? (() => {
-            try {
-              return JSON.parse(formData.uiSchema);
-            } catch (e) {
-              console.warn("Invalid JSON in uiSchema:", e);
-              return formData.uiSchema;
-            }
-          })() : void 0,
+          // schema: formData.uiSchema ? (() => {
+          //     try {
+          //         return JSON.parse(formData.uiSchema);
+          //     } catch (e) {
+          //         console.warn('Invalid JSON in uiSchema:', e);
+          //         return formData.uiSchema;
+          //     }
+          // })() : undefined,
+          schema: (formData == null ? void 0 : formData.schema) || void 0,
           sort: editingItem.sort
         });
       }

package/lib/components/systemSettings/registry/index.less

@@ -37,7 +37,6 @@
       justify-content: center;
       height: 200px;
     }
-
   }
 
   // 区块卡片
@@ -55,7 +54,7 @@
     &.active {
       border-color: #1890ff;
       background: #f0f8ff;
-      
+
       .pisell-settings-registry-section-name {
         color: #1890ff;
       }
@@ -186,7 +185,6 @@
   // 代码和键的样式
   &-code,
   &-key {
-
     font-size: 12px;
     background: #f6f8fa;
     padding: 2px 6px;
@@ -297,7 +295,7 @@
     // 项目容器的拖动区域
     min-height: 40px;
     border-radius: 4px;
-    
+
     &.drop-active {
       background-color: rgba(24, 144, 255, 0.1);
       border: 2px dashed #1890ff;
@@ -352,7 +350,8 @@
 
 // 拖拽动画
 @keyframes pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
     transform: scaleX(1);
   }
@@ -394,9 +393,9 @@
 
 // 空容器行的样式
 .pisell-settings-registry-table-content {
-  .ant-table-tbody > tr[data-row-key*="empty-container"] {
+  .ant-table-tbody > tr[data-row-key*='empty-container'] {
     background-color: #fafafa;
-    
+
     &:hover {
       background-color: #f0f8ff;
     }