@pisell/private-materials 6.3.116 → 6.3.118

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

@@ -0,0 +1,127 @@
+import React from 'react';
+import { Form, Radio, Alert, Input } from 'antd';
+import { locales } from '@pisell/utils';
+import OptionsTable from "./OptionTable";
+import DataSourceTreeSelect from "../DataSourceTreeSelect";
+import "./index.less";
+var TextArea = Input.TextArea;
+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 = function OptionDataSource(_ref) {
+  var form = _ref.form,
+    treeDataSource = _ref.treeDataSource;
+  var type = Form.useWatch(['xDataSource', 'type'], form);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['xDataSource', 'type'],
+    label: locales.getText('registry.optionDataSource.type.title'),
+    rules: [{
+      required: true,
+      message: locales.getText('registry.optionDataSource.type.desc')
+    }]
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-settings-registry-option-source-type-options-desc"
+  }, locales.getText('registry.optionDataSource.type.desc')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-settings-registry-option-source-type-options"
+  }, optionSourceTypeOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: option.value,
+      value: option.value
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'inline-block'
+      }
+    }, /*#__PURE__*/React.createElement("div", null, locales.getText(option.title)), /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: '12px',
+        color: '#8c8c8c',
+        marginTop: '2px'
+      }
+    }, locales.getText(option.description))));
+  })))), type === 'default' && /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['xDataSource', 'options'],
+    label: locales.getText('registry.optionDataSource.options.label'),
+    validateTrigger: ['onSubmit', 'onChange'],
+    rules: [{
+      required: true,
+      validator: function validator(_, value) {
+        // 检查是否有值
+        if (!value || !Array.isArray(value) || value.length === 0) {
+          return Promise.reject(new Error(locales.getText('registry.optionDataSource.options.empty')));
+        }
+
+        // 检查每一项是否都有 label 和 value
+        for (var i = 0; i < value.length; i++) {
+          var item = value[i];
+          if (!item.label || !item.value || !item.value.trim()) {
+            return Promise.reject(new Error(locales.getText('registry.optionDataSource.options.required-desc')));
+          }
+        }
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(OptionsTable, null)), type === 'api' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['xDataSource', 'dataSource'],
+    label: locales.getText('registry.optionDataSource.api.dataSource-label'),
+    rules: [{
+      required: true,
+      validator: function validator(_, value) {
+        if (!value || !(value !== null && value !== void 0 && value.key) && !(value !== null && value !== void 0 && value.tableName)) {
+          return Promise.reject(new Error(locales.getText('registry.optionDataSource.api.dataSource-required')));
+        }
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(DataSourceTreeSelect, {
+    mode: "list",
+    filters: {
+      tables: 'all',
+      variables: {}
+    },
+    dataSource: treeDataSource
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['xDataSource', 'extraParams'],
+    label: locales.getText('registry.optionDataSource.api.extraParams-label'),
+    rules: [{
+      validator: function validator(_, value) {
+        // 支持空值时跳过验证
+        if (!value || value.trim() === '') {
+          return Promise.resolve();
+        }
+        try {
+          JSON.parse(value);
+          return Promise.resolve();
+        } catch (error) {
+          return Promise.reject(new Error(locales.getText('registry.message.uiSchema.invalid')));
+        }
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    placeholder: locales.getText('registry.optionDataSource.api.extraParams-label'),
+    rows: 6,
+    style: {
+      fontFamily: 'monospace'
+    }
+  }))), type === 'custom' && /*#__PURE__*/React.createElement(Alert, {
+    type: "warning",
+    showIcon: true,
+    message: locales.getText('registry.optionDataSource.type.custom.warning-title'),
+    description: locales.getText('registry.optionDataSource.type.custom.warning-description'),
+    className: "pisell-settings-registry-option-custom-alert"
+  }));
+};
+export default OptionDataSource;

package/es/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/es/components/systemSettings/registry/index.js

@@ -28,6 +28,7 @@ import { createGroup, updateGroup, deleteGroup, sortGroups, getSectionList, getG
 import { validateDefaultValue, parseDefaultValue } from "./utils/typeValidation";
 import localeTexts from "./locales";
 import "./index.less";
+import { request as apiRequest } from "../../../utils";
 
 // 注释掉这里的初始化，使用 useEffect 中的初始化
 // locales.init(localeTexts, localStorage.getItem('umi_locale') || 'en');
@@ -51,6 +52,7 @@ var Registry = function Registry(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     currentSectionId = _useState4[0],
     setCurrentSectionId = _useState4[1];
+  apiRequest.setRequest(request);
 
   // 分页相关状态
   var _useState5 = useState(false),
@@ -924,14 +926,15 @@ var Registry = function Registry(_ref) {
               interface: formData.interfaceType,
               default: processedDefaultValue,
               scopes: formData.scopes,
-              schema: formData.uiSchema ? function () {
-                try {
-                  return JSON.parse(formData.uiSchema);
-                } catch (e) {
-                  console.warn('Invalid JSON in uiSchema:', e);
-                  return formData.uiSchema;
-                }
-              }() : undefined,
+              // 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 || formData === void 0 ? void 0 : formData.schema) || undefined,
               sort: newSort
             });
           case 21:
@@ -957,14 +960,15 @@ var Registry = function Registry(_ref) {
               interface: formData.interfaceType,
               default: processedDefaultValue,
               scopes: formData.scopes,
-              schema: formData.uiSchema ? function () {
-                try {
-                  return JSON.parse(formData.uiSchema);
-                } catch (e) {
-                  console.warn('Invalid JSON in uiSchema:', e);
-                  return formData.uiSchema;
-                }
-              }() : undefined,
+              // 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 || formData === void 0 ? void 0 : formData.schema) || undefined,
               sort: editingItem.sort
             });
           case 28:

package/es/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;
     }