@pisell/materials 1.0.598 → 1.0.600

package/es/components/appVersionControl/index.js

@@ -84,7 +84,7 @@ var AppVersionControl = function AppVersionControl(props) {
             setPromoteLoading(true);
             _context.prev = 1;
             _context.next = 4;
-            return onPromoteToLive === null || onPromoteToLive === void 0 ? void 0 : onPromoteToLive(value);
+            return onPromoteToLive === null || onPromoteToLive === void 0 ? void 0 : onPromoteToLive(value, currentVersion);
           case 4:
             setPromoteToLiveModal(false);
             _context.next = 10;

package/es/components/appVersionControl/types.d.ts

@@ -12,7 +12,7 @@ export interface AppVersionControlProps {
     versions: Version[];
     onVersionChange: (value: string, version: Version) => void;
     onCreateVersion: (version: string) => Promise<boolean | undefined>;
-    onPromoteToLive: (value: string) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
     allowPublish?: boolean;
     allowCreate?: boolean;
     className?: string;

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -157,9 +157,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
       }));
     }
     if (typeobj && typeobj.enabled) {
-      console.log('Type validation object:', typeobj);
-      console.log('Validation enabled:', typeobj.enabled);
-      console.log('Validation type:', typeobj.type);
       switch (typeobj.type) {
         case 'email':
           rules.push(_objectSpread(_objectSpread({}, typeobj), {}, {
@@ -182,7 +179,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
               try {
                 // 清理输入值，移除空格、括号等字符
                 var _cleanedNumber = value.replace(/\s|\(|\)/g, '');
-
                 // 使用 parsePhoneNumberFromString 验证 E.164 格式
                 var parsedNumber = parsePhoneNumberFromString(_cleanedNumber);
                 if (!(parsedNumber !== null && parsedNumber !== void 0 && parsedNumber.isValid())) {
@@ -213,9 +209,11 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
 
                 // 根据号码前缀判断国家
                 if (_cleanedNumber2.startsWith('+61')) {
-                  // 澳大利亚手机号规则
+                  // 澳大利亚手机号规则：
+                  // 1. 以04开头必须是10位数字
+                  // 2. 以4开头必须是9位数字
                   var numberWithoutPrefix = _cleanedNumber2.slice(3);
-                  if (!/^(04\d{8}|\d{9})$/.test(numberWithoutPrefix)) {
+                  if (!/^(?:04\d{8}|4\d{8})$/.test(numberWithoutPrefix)) {
                     return Promise.reject(new Error(typeobj.message || getText('pisell-data-source-form-mobile-message')));
                   }
                 } else if (_cleanedNumber2.startsWith('+86')) {
@@ -244,12 +242,6 @@ export var withFormItem = function withFormItem(WrappedComponent, overlayProps)
               if (!subdomain) {
                 return Promise.resolve();
               }
-              if (subdomain.length < 2) {
-                return Promise.reject(new Error(getText('subdomain-error-too-short')));
-              }
-              if (subdomain.length > 60) {
-                return Promise.reject(new Error(getText('subdomain-error-too-long')));
-              }
               if (!/^[a-z0-9-]+$/.test(subdomain)) {
                 return Promise.reject(new Error(getText('subdomain-error-pattern')));
               }

package/es/components/dataSourceComponents/dataSourceMenu/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/es/components/dataSourceComponents/dataSourceMenu/index.js

@@ -0,0 +1,19 @@
+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); }
+import React, { forwardRef } from 'react';
+import BaseMenu from "../../pisellMenu";
+import useVariables from "../hooks/useVariables";
+
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+  var dataSource = props.dataSource;
+  var _useVariables = useVariables(),
+    parseVariable = _useVariables.parseVariable;
+  return /*#__PURE__*/React.createElement(BaseMenu, _extends({}, props, {
+    dataSource: parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(dataSource),
+    ref: ref
+  }));
+});
+export default DataSourceMenu;

package/es/components/dataSourceComponents/fields/Input.Subdomain/WithMode.js

@@ -66,7 +66,7 @@ var Subdomain = function Subdomain(props) {
     _useState2 = _slicedToArray(_useState, 2),
     subdomain = _useState2[0],
     setSubdomain = _useState2[1];
-  var _useState3 = useState(''),
+  var _useState3 = useState('.root-domain.example'),
     _useState4 = _slicedToArray(_useState3, 2),
     suffix = _useState4[0],
     setSuffix = _useState4[1];
@@ -114,13 +114,13 @@ var Subdomain = function Subdomain(props) {
         var _newSuffix = '';
         switch (rootDomain) {
           case 'xzero':
-            _newSuffix = coreData ? ".".concat(coreData.tenant_domain) : '';
+            _newSuffix = coreData ? ".".concat(coreData.tenant_domain) : '.root-domain.example';
             break;
           case 'saas':
-            _newSuffix = tenantData ? ".".concat(tenantData['saas.domain']) : '';
+            _newSuffix = tenantData ? ".".concat(tenantData['saas.domain']) : '.root-domain.example';
             break;
           default:
-            _newSuffix = customDomain ? customDomain.startsWith('.') ? customDomain : ".".concat(customDomain) : '';
+            _newSuffix = customDomain ? customDomain.startsWith('.') ? customDomain : ".".concat(customDomain) : '.root-domain.example';
         }
         setSuffix(_newSuffix);
       }

package/es/components/image/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/es/components/image/index.js

@@ -0,0 +1,25 @@
+var _excluded = ["fallbackType", "fallback"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Image as AntdImage } from 'antd';
+import image from "./image.png";
+import avatar from "./avatar.png";
+import product from "./product.png";
+var defaultFallbackMap = {
+  image: image,
+  avatar: avatar,
+  product: product
+};
+var Image = function Image(_ref) {
+  var _ref$fallbackType = _ref.fallbackType,
+    fallbackType = _ref$fallbackType === void 0 ? 'image' : _ref$fallbackType,
+    fallback = _ref.fallback,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var finalFallback = fallback || defaultFallbackMap[fallbackType];
+  return /*#__PURE__*/React.createElement(AntdImage, _extends({}, restProps, {
+    fallback: finalFallback
+  }));
+};
+export default Image;

package/es/components/pisellDraggable/PisellDraggable.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './PisellDraggable.less';
+import { PisellDraggableProps } from './types';
+/**
+ * PisellDraggable 组件
+ * 一个功能强大的拖拽排序组件，支持嵌套结构、多种布局方式和自定义样式
+ *
+ * 特点：
+ * 1. 支持垂直、水平和网格布局
+ * 2. 支持无限层级嵌套
+ * 3. 支持自定义拖拽手柄和样式
+ * 4. 支持动画效果和自定义动画
+ * 5. 支持最大嵌套深度限制
+ */
+declare const PisellDraggable: React.FC<PisellDraggableProps & {
+    currentLevel?: number;
+}>;
+export default PisellDraggable;

package/es/components/pisellDraggable/PisellDraggable.js

@@ -0,0 +1,190 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, arrayMove, horizontalListSortingStrategy, rectSortingStrategy, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import React, { useCallback, useEffect, useMemo } from 'react';
+import "./PisellDraggable.less";
+import { SortableItem } from "./SortableItem";
+/**
+ * PisellDraggable 组件
+ * 一个功能强大的拖拽排序组件，支持嵌套结构、多种布局方式和自定义样式
+ *
+ * 特点：
+ * 1. 支持垂直、水平和网格布局
+ * 2. 支持无限层级嵌套
+ * 3. 支持自定义拖拽手柄和样式
+ * 4. 支持动画效果和自定义动画
+ * 5. 支持最大嵌套深度限制
+ */
+var PisellDraggable = function PisellDraggable(_ref) {
+  var items = _ref.items,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 3 : _ref$columns,
+    _ref$allowCrossContai = _ref.allowCrossContainer,
+    allowCrossContainer = _ref$allowCrossContai === void 0 ? false : _ref$allowCrossContai,
+    onDragStart = _ref.onDragStart,
+    onDragEnd = _ref.onDragEnd,
+    onChange = _ref.onChange,
+    renderItem = _ref.renderItem,
+    className = _ref.className,
+    style = _ref.style,
+    handleClassName = _ref.handleClassName,
+    containerStyle = _ref.containerStyle,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? 250 : _ref$animationDuratio,
+    _ref$dragMode = _ref.dragMode,
+    dragMode = _ref$dragMode === void 0 ? 'handle' : _ref$dragMode,
+    _ref$indentDistance = _ref.indentDistance,
+    indentDistance = _ref$indentDistance === void 0 ? 24 : _ref$indentDistance,
+    _ref$maxDepth = _ref.maxDepth,
+    maxDepth = _ref$maxDepth === void 0 ? 0 : _ref$maxDepth,
+    _ref$levelStyles = _ref.levelStyles,
+    levelStyles = _ref$levelStyles === void 0 ? {} : _ref$levelStyles,
+    _ref$handleIcon = _ref.handleIcon,
+    handleIcon = _ref$handleIcon === void 0 ? '⋮' : _ref$handleIcon,
+    _ref$animationTiming = _ref.animationTiming,
+    animationTiming = _ref$animationTiming === void 0 ? 'ease' : _ref$animationTiming,
+    _ref$dragScale = _ref.dragScale,
+    dragScale = _ref$dragScale === void 0 ? 1.02 : _ref$dragScale,
+    _ref$currentLevel = _ref.currentLevel,
+    currentLevel = _ref$currentLevel === void 0 ? 0 : _ref$currentLevel;
+  // 初始化拖拽传感器
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+
+  /**
+   * 根据布局方向选择排序策略
+   */
+  var sortingStrategy = useMemo(function () {
+    switch (direction) {
+      case 'horizontal':
+        return horizontalListSortingStrategy;
+      case 'grid':
+        return rectSortingStrategy;
+      default:
+        return verticalListSortingStrategy;
+    }
+  }, [direction]);
+
+  /**
+   * 构建容器的类名
+   */
+  var containerClassName = useMemo(function () {
+    var baseClass = 'pisellDraggable-container';
+    return "".concat(baseClass, " ").concat(direction, " ").concat(className || '', " ").concat(disabled ? 'disabled' : '').trim();
+  }, [direction, className, disabled]);
+
+  /**
+   * 构建网格布局的样式
+   */
+  var gridStyle = useMemo(function () {
+    return direction === 'grid' ? _objectSpread(_objectSpread({}, containerStyle), {}, {
+      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)")
+    }) : containerStyle;
+  }, [direction, columns, containerStyle]);
+
+  /**
+   * 处理拖拽开始事件
+   */
+  var handleDragStart = useCallback(function (event) {
+    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event.active.id);
+  }, [onDragStart]);
+
+  /**
+   * 处理嵌套数据的变化
+   * 递归更新数据树
+   */
+  var handleNestedChange = useCallback(function (parentId, nestedItems) {
+    var updateNestedItems = function updateNestedItems(items) {
+      return items.map(function (item) {
+        var _item$children;
+        if (item.id === parentId) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            children: nestedItems
+          });
+        }
+        if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            children: updateNestedItems(item.children)
+          });
+        }
+        return item;
+      });
+    };
+    var newItems = updateNestedItems(items);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newItems);
+  }, [items, onChange]);
+
+  /**
+   * 处理拖拽结束事件
+   * 更新数据顺序并触发回调
+   */
+  var handleDragEnd = useCallback(function (event) {
+    var active = event.active,
+      over = event.over;
+    if (over && active.id !== over.id) {
+      var oldIndex = items.findIndex(function (item) {
+        return item.id === active.id;
+      });
+      var newIndex = items.findIndex(function (item) {
+        return item.id === over.id;
+      });
+      var newItems = arrayMove(items, oldIndex, newIndex);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newItems);
+      onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({
+        active: items[oldIndex],
+        over: items[newIndex]
+      });
+    }
+  }, [items, onChange, onDragEnd]);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+
+  // 如果禁用或没有数据，返回 null
+  if (disabled || !(items !== null && items !== void 0 && items.length)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: containerClassName,
+    style: _objectSpread(_objectSpread({}, style), gridStyle)
+  }, /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: items.map(function (item) {
+      return item.id;
+    }),
+    strategy: sortingStrategy
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortableItem, {
+      key: item.id,
+      id: item.id,
+      item: item,
+      renderItem: renderItem,
+      handleClassName: handleClassName,
+      animationDuration: animationDuration,
+      dragMode: dragMode,
+      onNestedChange: handleNestedChange,
+      indentDistance: indentDistance,
+      maxDepth: maxDepth,
+      levelStyles: levelStyles,
+      handleIcon: handleIcon,
+      animationTiming: animationTiming,
+      dragScale: dragScale,
+      currentLevel: currentLevel
+    });
+  })), /*#__PURE__*/React.createElement(DragOverlay, null)));
+};
+export default PisellDraggable;

package/es/components/pisellDraggable/PisellDraggable.less

@@ -0,0 +1,154 @@
+/* PisellDraggable 组件样式 */
+.pisellDraggable {
+
+  /* 容器样式 */
+  &-container {
+    position: relative;
+
+    /* 水平布局 */
+    &.horizontal {
+      display: flex;
+      flex-direction: row;
+      gap: 8px;
+    }
+
+    /* 垂直布局 */
+    &.vertical {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    /* 网格布局 */
+    &.grid {
+      display: grid;
+      gap: 8px;
+    }
+  }
+
+  /* 拖拽项样式 */
+  &-item {
+    position: relative;
+    touch-action: none;
+    user-select: none;
+    background: #fff;
+    border: 1px solid #e8e8e8;
+    border-radius: 4px;
+    padding: 12px;
+    transition: all var(--animation-duration, 250ms) var(--animation-timing, ease);
+
+    /* 拖拽时的样式 */
+    &.dragging {
+      opacity: 0.5;
+      cursor: grabbing;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+      transform: scale(var(--drag-scale, 1.02)) !important;
+      z-index: 1;
+    }
+
+    /* 非拖拽状态的变换 */
+    &:not(.dragging) {
+      transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0);
+    }
+
+    /* 不同层级的背景色 */
+    &[data-level="0"] {
+      background: #fff;
+    }
+
+    &[data-level="1"] {
+      background: #fafafa;
+    }
+
+    &[data-level="2"] {
+      background: #f5f5f5;
+    }
+
+    &[data-level="3"] {
+      background: #f0f0f0;
+    }
+  }
+
+  /* 拖拽手柄样式 */
+  &-handle {
+    cursor: grab;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    margin-right: 8px;
+    color: #999;
+    border-radius: 4px;
+    transition: all 0.2s;
+
+    /* 悬停效果 */
+    &:hover {
+      background: rgba(0, 0, 0, 0.04);
+      color: #666;
+    }
+
+    /* 激活状态 */
+    &:active {
+      cursor: grabbing;
+      background: rgba(0, 0, 0, 0.08);
+    }
+
+    /* 手柄图标 */
+    &-icon {
+      font-size: 16px;
+      line-height: 1;
+    }
+  }
+
+  /* 内容区域样式 */
+  &-content {
+    display: inline-flex;
+    align-items: center;
+    flex: 1;
+    min-height: 24px;
+  }
+
+  /* 嵌套容器样式 */
+  &-nested {
+    margin-top: 12px;
+    margin-left: var(--indent-distance, 24px);
+    border-left: 2px solid #f0f0f0;
+    padding-left: 12px;
+    transition: all 0.3s;
+
+    /* 嵌套容器的最小高度 */
+    .pisellDraggable-container {
+      min-height: 32px;
+    }
+
+    /* 悬停时的边线效果 */
+    &:hover {
+      border-left-color: #1890ff;
+    }
+  }
+
+  /* 拖拽覆盖层样式 */
+  &-overlay {
+    position: fixed;
+    pointer-events: none;
+    z-index: 1000;
+    transition: transform 0.15s ease;
+    opacity: 0.8;
+    transform: scale(1.05);
+
+    &.dragging {
+      cursor: grabbing;
+    }
+  }
+
+  /* 禁用状态样式 */
+  &.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+
+    .pisellDraggable-handle {
+      cursor: not-allowed;
+    }
+  }
+}

package/es/components/pisellDraggable/SortableItem.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { DraggableItem } from './types';
+/**
+ * 可排序项组件的属性定义
+ */
+interface SortableItemProps {
+    /** 项目的唯一标识符 */
+    id: string | number;
+    /** 项目数据 */
+    item: DraggableItem;
+    /** 自定义渲染函数 */
+    renderItem?: (item: DraggableItem) => React.ReactNode;
+    /** 拖拽手柄的自定义类名 */
+    handleClassName?: string;
+    /** 动画持续时间（毫秒） */
+    animationDuration?: number;
+    /** 拖动方式 */
+    dragMode?: 'handle' | 'item';
+    /** 嵌套数据变化的回调函数 */
+    onNestedChange?: (parentId: string | number, items: DraggableItem[]) => void;
+    /** 缩进距离（像素） */
+    indentDistance?: number;
+    /** 最大嵌套深度 */
+    maxDepth?: number;
+    /** 层级样式配置 */
+    levelStyles?: Record<number, React.CSSProperties>;
+    /** 拖拽手柄图标 */
+    handleIcon?: React.ReactNode;
+    /** 动画曲线 */
+    animationTiming?: 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
+    /** 拖拽时的缩放比例 */
+    dragScale?: number;
+    /** 当前嵌套层级 */
+    currentLevel?: number;
+}
+/**
+ * 可排序项组件
+ * 用于渲染单个可拖拽项，支持嵌套结构和自定义渲染
+ */
+export declare const SortableItem: React.FC<SortableItemProps>;
+export {};