@pisell/private-materials 6.6.3 → 6.6.4

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/PageSettingItem.less

@@ -0,0 +1,272 @@
+.page-setting-item {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  padding: 24px;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #e0e0e0;
+}
+
+.page-setting-item-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.page-setting-item-section-header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.page-setting-item-section-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: rgba(0, 0, 0, 0.88);
+  margin: 0;
+}
+
+.page-setting-item-section-subtitle {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+  margin: 0;
+}
+
+.page-setting-item-section-description {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  margin: 8px 0 0;
+  line-height: 1.5;
+}
+
+/* Background Image Section */
+.page-setting-item-background {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.page-setting-item-background-upload {
+  width: 200px;
+  height: 200px;
+}
+
+.page-setting-item-background-upload .ant-upload {
+  width: 100%;
+  height: 100%;
+}
+
+.page-setting-item-background-upload-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 16px;
+  text-align: center;
+}
+
+.page-setting-item-background-upload-icon {
+  font-size: 48px;
+  color: rgba(0, 0, 0, 0.25);
+  margin-bottom: 8px;
+}
+
+.page-setting-item-background-upload-text {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.65);
+  margin-bottom: 4px;
+}
+
+.page-setting-item-background-upload-hint {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.page-setting-item-background-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.page-setting-item-background-info-item {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.page-setting-item-background-info-item::before {
+  content: '•';
+  color: rgba(0, 0, 0, 0.45);
+  margin-right: 4px;
+}
+
+/* Terms & Conditions Section */
+.page-setting-item-terms {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.page-setting-item-terms-table {
+  display: flex;
+  flex-direction: column;
+}
+
+.page-setting-item-terms-table-header {
+  display: grid;
+  grid-template-columns: 1fr 1fr 120px;
+  gap: 16px;
+  padding: 12px 16px;
+  background: #fafafa;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px 8px 0 0;
+  font-weight: 600;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.page-setting-item-terms-table-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+.page-setting-item-terms-table-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr 120px;
+  gap: 16px;
+  align-items: start;
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-top: none;
+  background: #ffffff;
+  position: relative;
+}
+
+.page-setting-item-terms-table-row:last-child {
+  border-radius: 0 0 8px 8px;
+}
+
+.page-setting-item-terms-table-cell {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: 8px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.88);
+  overflow: visible;
+  position: relative;
+  min-height: 32px;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item {
+  position: relative;
+  margin-bottom: 0 !important;
+  width: 100%;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-label {
+  display: none;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-control {
+  position: relative;
+}
+
+.page-setting-item-terms-table-cell .ant-form-item-explain-error {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 4px;
+  white-space: normal;
+  overflow: visible;
+  z-index: 10;
+  line-height: 1.4;
+  font-size: 12px;
+}
+
+.page-setting-item-terms-table-cell-icon {
+  flex-shrink: 0;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.page-setting-item-terms-table-cell-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.page-setting-item-terms-table-cell-url {
+  color: rgba(0, 0, 0, 0.65);
+}
+
+.page-setting-item-terms-table-actions {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding-top: 4px;
+}
+
+
+.page-setting-item-terms-add-row {
+  display: flex;
+  justify-content: flex-start;
+  padding-top: 16px;
+}
+
+.page-setting-item-terms-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 8px;
+}
+
+.page-setting-item-terms-info-item {
+  font-size: 13px;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.page-setting-item-terms-info-item::before {
+  content: '•';
+  color: rgba(0, 0, 0, 0.45);
+  margin-right: 4px;
+}
+
+/* Empty State */
+.page-setting-item-terms-empty {
+  padding: 32px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+
+/* Input Error States */
+.page-setting-item-terms-table-row.has-error .ant-input {
+  border-color: #ff4d4f;
+}
+
+.page-setting-item-terms-table-row.has-error .ant-input:focus {
+  border-color: #ff4d4f;
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.1);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .page-setting-item {
+    padding: 16px;
+  }
+
+  .page-setting-item-terms-table-row {
+    padding: 12px;
+  }
+}
+

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PageSettingItemProps } from './types';
+import './PageSettingItem.less';
+declare const PageSettingItem: React.ForwardRefExoticComponent<PageSettingItemProps & React.RefAttributes<{
+    validateFields: () => Promise<any>;
+}>>;
+export default PageSettingItem;
+export type { PageSettingItemProps, PageSettingItemValue, TermsCondition, TranslationValue } from './types';

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/index.js

@@ -0,0 +1,214 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
+import { Button, Form, Input } from 'antd';
+import { PlusOutlined, DeleteOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import localeTexts from "./locales";
+import useEngineContext from "../../../../../hooks/useEngineContext";
+import { BaseTranslation, FormItemUpload } from '@pisell/materials';
+import "./PageSettingItem.less";
+var PageSettingItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context$engine, _appHelper$constants, _appHelper$constants2;
+  var className = _ref.className,
+    style = _ref.style,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$showImageUpload = _ref.showImageUpload,
+    showImageUpload = _ref$showImageUpload === void 0 ? true : _ref$showImageUpload;
+  var context = useEngineContext();
+  var appHelper = context === null || context === void 0 ? void 0 : context.appHelper;
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+
+  // 暴露校验方法给父组件
+  useImperativeHandle(ref, function () {
+    return {
+      validateFields: function validateFields() {
+        return form.validateFields();
+      }
+    };
+  });
+
+  // 初始化表单值，只在value发生实质性变化时更新
+  var previousValueRef = useRef(value);
+  useEffect(function () {
+    // 检查value是否发生了实质性变化
+    var prevValue = previousValueRef.current;
+    var hasValueChanged = (value === null || value === void 0 ? void 0 : value.backgroundImage) !== (prevValue === null || prevValue === void 0 ? void 0 : prevValue.backgroundImage) || JSON.stringify(value === null || value === void 0 ? void 0 : value.termsConditions) !== JSON.stringify(prevValue === null || prevValue === void 0 ? void 0 : prevValue.termsConditions);
+    if (hasValueChanged) {
+      var defaultName = {
+        en: '',
+        'zh-CN': '',
+        'zh-HK': '',
+        original: ''
+      };
+      form.setFieldsValue({
+        backgroundImage: (value === null || value === void 0 ? void 0 : value.backgroundImage) || '',
+        termsConditions: (value === null || value === void 0 ? void 0 : value.termsConditions) || [{
+          name: {
+            en: 'Terms of Service',
+            'zh-CN': '服务条款',
+            'zh-HK': '服務條款',
+            original: 'Terms of Service'
+          },
+          url: 'https://example.com/terms'
+        }, {
+          name: {
+            en: 'Privacy Policy',
+            'zh-CN': '隐私政策',
+            'zh-HK': '隱私政策',
+            original: 'Privacy Policy'
+          },
+          url: 'https://example.com/privacy'
+        }]
+      });
+
+      // 更新ref值
+      previousValueRef.current = value;
+    }
+  }, [value, form]);
+
+  // 表单值变化时触发
+  var handleFormChange = function handleFormChange() {
+    var formValues = form.getFieldsValue();
+    var newValue = {
+      backgroundImage: formValues.backgroundImage || '',
+      termsConditions: formValues.termsConditions || []
+    };
+    onChange === null || onChange === void 0 || onChange(newValue);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('page-setting-item', className),
+    style: style
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onValuesChange: handleFormChange
+  }, showImageUpload && /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section page-setting-item-background"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section-title"
+  }, locales.getText('page.setting.item.background.title')), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "backgroundImage",
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(FormItemUpload, {
+    renderMode: "edit",
+    mediaUploadUrl: appHelper === null || appHelper === void 0 || (_appHelper$constants = appHelper.constants) === null || _appHelper$constants === void 0 ? void 0 : _appHelper$constants.mediaUploadUrl,
+    getHeaders: appHelper === null || appHelper === void 0 || (_appHelper$constants2 = appHelper.constants) === null || _appHelper$constants2 === void 0 ? void 0 : _appHelper$constants2.getHeaders,
+    maxCount: 1,
+    multiple: false,
+    enableCustomType: true,
+    customType: ['.png', '.jpg', '.jpeg'],
+    allowPreview: true
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section page-setting-item-terms"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section-title"
+  }, locales.getText('page.setting.item.terms.title')), /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-section-subtitle"
+  }, locales.getText('page.setting.item.terms.subtitle'))), /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-terms-table"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "page-setting-item-terms-table-header"
+  }, /*#__PURE__*/React.createElement("div", null, locales.getText('page.setting.item.terms.table.name')), /*#__PURE__*/React.createElement("div", null, locales.getText('page.setting.item.terms.table.url')), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, locales.getText('page.setting.item.terms.table.action'))), /*#__PURE__*/React.createElement(Form.List, {
+    name: "termsConditions"
+  }, function (fields, _ref2) {
+    var add = _ref2.add,
+      remove = _ref2.remove;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "page-setting-item-terms-table-body"
+    }, fields.map(function (field) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: field.key,
+        className: "page-setting-item-terms-table-row"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "page-setting-item-terms-table-cell"
+      }, /*#__PURE__*/React.createElement(Form.Item, _extends({}, field, {
+        name: [field.name, 'name'],
+        validateTrigger: ['onChange', 'onBlur'],
+        rules: [{
+          validator: function validator(_, value) {
+            if (!value || !value.original || !value.original.trim()) {
+              return Promise.reject(new Error(locales.getText('page.setting.item.terms.error.name.required')));
+            }
+            return Promise.resolve();
+          }
+        }],
+        style: {
+          margin: 0,
+          flex: 1
+        }
+      }), /*#__PURE__*/React.createElement(BaseTranslation, {
+        renderMode: "edit",
+        placeholder: locales.getText('page.setting.item.terms.table.name.placeholder')
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "page-setting-item-terms-table-cell"
+      }, /*#__PURE__*/React.createElement(Form.Item, _extends({}, field, {
+        name: [field.name, 'url'],
+        validateTrigger: ['onChange', 'onBlur'],
+        rules: [{
+          validator: function validator(_, value) {
+            if (!value || !value.trim()) {
+              return Promise.reject(new Error(locales.getText('page.setting.item.terms.error.url.required')));
+            }
+            return Promise.resolve();
+          }
+        }, {
+          type: 'url',
+          message: locales.getText('page.setting.item.terms.error.url.invalid')
+        }],
+        style: {
+          margin: 0,
+          flex: 1
+        }
+      }), /*#__PURE__*/React.createElement(Input, {
+        placeholder: locales.getText('page.setting.item.terms.table.url.placeholder')
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "page-setting-item-terms-table-actions"
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "text",
+        danger: true,
+        icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
+        size: "small",
+        onClick: function onClick() {
+          return remove(field.name);
+        }
+      })));
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "page-setting-item-terms-add-row"
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "default",
+      icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+      onClick: function onClick() {
+        return add({
+          name: {
+            en: '',
+            'zh-CN': '',
+            'zh-HK': '',
+            original: ''
+          },
+          url: ''
+        });
+      },
+      className: "page-setting-item-terms-add-button"
+    }, locales.getText('page.setting.item.terms.button.add'))));
+  })))));
+});
+PageSettingItem.displayName = 'PageSettingItem';
+export default PageSettingItem;

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+    'zh-CN': {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+    'zh-HK': {
+        'page.setting.item.background.title': string;
+        'page.setting.item.background.upload.text': string;
+        'page.setting.item.background.upload.hint': string;
+        'page.setting.item.background.description': string;
+        'page.setting.item.background.usage': string;
+        'page.setting.item.background.error.format': string;
+        'page.setting.item.background.error.size': string;
+        'page.setting.item.terms.title': string;
+        'page.setting.item.terms.subtitle': string;
+        'page.setting.item.terms.usage': string;
+        'page.setting.item.terms.table.name': string;
+        'page.setting.item.terms.table.url': string;
+        'page.setting.item.terms.table.action': string;
+        'page.setting.item.terms.table.name.placeholder': string;
+        'page.setting.item.terms.table.url.placeholder': string;
+        'page.setting.item.terms.button.add': string;
+        'page.setting.item.terms.error.name.required': string;
+        'page.setting.item.terms.error.url.required': string;
+        'page.setting.item.terms.error.url.invalid': string;
+    };
+};
+export default _default;

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/locales.js

@@ -0,0 +1,71 @@
+export default {
+  en: {
+    // Background Image section
+    'page.setting.item.background.title': 'Background Image',
+    'page.setting.item.background.upload.text': 'Click or drag file to upload',
+    'page.setting.item.background.upload.hint': 'Support JPG, PNG format, max 2MB',
+    'page.setting.item.background.description': 'Background image for registration page',
+    'page.setting.item.background.usage': 'Used for brand display and visual enhancement',
+    'page.setting.item.background.error.format': 'Only JPG and PNG formats are supported',
+    'page.setting.item.background.error.size': 'File size must not exceed 2MB',
+    // Terms & Conditions section
+    'page.setting.item.terms.title': 'Terms & Conditions',
+    'page.setting.item.terms.subtitle': 'Legal agreements and policy links displayed on registration page',
+    'page.setting.item.terms.usage': 'Support adding terms of service, privacy policy, etc.',
+    'page.setting.item.terms.table.name': 'Name',
+    'page.setting.item.terms.table.url': 'URL',
+    'page.setting.item.terms.table.action': 'Action',
+    'page.setting.item.terms.table.name.placeholder': 'Terms of Service',
+    'page.setting.item.terms.table.url.placeholder': 'https://example.com/terms',
+    'page.setting.item.terms.button.add': 'Add',
+    'page.setting.item.terms.error.name.required': 'Name is required',
+    'page.setting.item.terms.error.url.required': 'URL is required',
+    'page.setting.item.terms.error.url.invalid': 'Please enter a valid URL'
+  },
+  'zh-CN': {
+    // Background Image section
+    'page.setting.item.background.title': '背景图片',
+    'page.setting.item.background.upload.text': '点击或拖拽文件上传',
+    'page.setting.item.background.upload.hint': '支持 JPG、PNG 格式，最大 2MB',
+    'page.setting.item.background.description': '注册页面的背景图片',
+    'page.setting.item.background.usage': '用于品牌展示和视觉美化',
+    'page.setting.item.background.error.format': '只支持 JPG 和 PNG 格式',
+    'page.setting.item.background.error.size': '文件大小不能超过 2MB',
+    // Terms & Conditions section
+    'page.setting.item.terms.title': '条款与条件',
+    'page.setting.item.terms.subtitle': '注册页面展示的法律协议和政策链接',
+    'page.setting.item.terms.usage': '支持添加服务条款、隐私政策等',
+    'page.setting.item.terms.table.name': '名称',
+    'page.setting.item.terms.table.url': 'URL',
+    'page.setting.item.terms.table.action': '操作',
+    'page.setting.item.terms.table.name.placeholder': '服务条款',
+    'page.setting.item.terms.table.url.placeholder': 'https://example.com/terms',
+    'page.setting.item.terms.button.add': '添加',
+    'page.setting.item.terms.error.name.required': '名称不能为空',
+    'page.setting.item.terms.error.url.required': 'URL不能为空',
+    'page.setting.item.terms.error.url.invalid': '请输入有效的URL'
+  },
+  'zh-HK': {
+    // Background Image section
+    'page.setting.item.background.title': '背景圖片',
+    'page.setting.item.background.upload.text': '點擊或拖拽文件上傳',
+    'page.setting.item.background.upload.hint': '支持 JPG、PNG 格式，最大 2MB',
+    'page.setting.item.background.description': '註冊頁面的背景圖片',
+    'page.setting.item.background.usage': '用於品牌展示和視覺美化',
+    'page.setting.item.background.error.format': '只支持 JPG 和 PNG 格式',
+    'page.setting.item.background.error.size': '文件大小不能超過 2MB',
+    // Terms & Conditions section
+    'page.setting.item.terms.title': '條款與條件',
+    'page.setting.item.terms.subtitle': '註冊頁面展示的法律協議和政策鏈接',
+    'page.setting.item.terms.usage': '支持添加服務條款、隱私政策等',
+    'page.setting.item.terms.table.name': '名稱',
+    'page.setting.item.terms.table.url': 'URL',
+    'page.setting.item.terms.table.action': '操作',
+    'page.setting.item.terms.table.name.placeholder': '服務條款',
+    'page.setting.item.terms.table.url.placeholder': 'https://example.com/terms',
+    'page.setting.item.terms.button.add': '添加',
+    'page.setting.item.terms.error.name.required': '名稱不能為空',
+    'page.setting.item.terms.error.url.required': 'URL不能為空',
+    'page.setting.item.terms.error.url.invalid': '請輸入有效的URL'
+  }
+};

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/types.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export interface TranslationValue {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    original: string;
+}
+export interface TermsCondition {
+    name: TranslationValue;
+    url: string;
+}
+export interface PageSettingItemValue {
+    backgroundImage?: string;
+    termsConditions: TermsCondition[];
+}
+export interface PageSettingItemProps {
+    className?: string;
+    style?: React.CSSProperties;
+    value?: PageSettingItemValue;
+    onChange?: (value: PageSettingItemValue) => void;
+    /**
+     * 是否显示图片上传组件
+     * 默认为true，设置为false时隐藏背景图片上传功能
+     */
+    showImageUpload?: boolean;
+}

package/es/components/authentication/admin/ChannelAuthSetting/PageSettingItem/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/authentication/admin/ChannelAuthSetting/SaaSManagermentAuth/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ChannelAuthSettingProps } from '../types';
+import './index.less';
+declare const SaaSManagermentAuth: React.FC<ChannelAuthSettingProps>;
+export default SaaSManagermentAuth;
+export type { ChannelAuthSettingProps, ChannelAuthSettingValue, ChannelAuthSettingSaveParams, TabKey } from '../types';