@pisell/materials 1.0.606 → 1.0.607

package/lib/components/table/Table/utils.d.ts

@@ -167,7 +167,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/versionModal/index.js

@@ -134,7 +134,7 @@ var PublishVersionModal = ({
         preserve: false,
         className: "pisell-lowcode-version-modal-form"
       },
-      isShowCurrentVersion && /* @__PURE__ */ import_react.default.createElement("p", null, (0, import_locales.getText)("pisell-version-modal-current-version"), ": ", currentVersion),
+      isShowCurrentVersion && /* @__PURE__ */ import_react.default.createElement("p", { className: "pisell-lowcode-version-modal-current-version" }, (0, import_locales.getText)("pisell-version-modal-current-version"), ": ", currentVersion),
       isShowBasedOn && /* @__PURE__ */ import_react.default.createElement(
         import_antd.Form.Item,
         {

package/lib/components/versionModal/index.less

@@ -1,3 +1,10 @@
 .pisell-lowcode-version-modal-form {
-    padding: 24px 0 0 !important;
-}
+  padding: 16px 0 0 !important;
+}
+
+.pisell-lowcode-version-modal-current-version {
+  color: var(--Gray-500, #667085);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}

package/lib/locales/en-US.d.ts

@@ -190,12 +190,6 @@ declare const _default: {
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
     'pisell-version-modal-based-on-version': string;
-    'pisell-icon-select-outlined': string;
-    'pisell-icon-select-filled': string;
-    'pisell-icon-select-two-tone': string;
-    'pisell-icon-select-iconfont': string;
-    'pisell-icon-select-search': string;
-    'pisell-icon-select-select': string;
     'subdomain-error-too-short': string;
     'subdomain-error-too-long': string;
     'subdomain-error-pattern': string;
@@ -203,6 +197,12 @@ declare const _default: {
     'subdomain-error-hyphen-ends': string;
     'subdomain-error-consecutive-hyphens': string;
     'subdomain-error-required': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
     'pisell-lowcode-app-version-control-live': string;
     'pisell-lowcode-app-version-control-draft': string;
     'pisell-lowcode-app-version-control-deprecated': string;

package/lib/locales/en-US.js

@@ -232,6 +232,14 @@ var en_US_default = {
   "pisell-version-modal-version-error": "Version number must be greater than the current version",
   "pisell-version-modal-version-required": "Version number is required",
   "pisell-version-modal-based-on-version": "Based on version",
+  // 子域名校验错误
+  "subdomain-error-too-short": "Subdomain must be at least 2 characters long",
+  "subdomain-error-too-long": "Subdomain cannot exceed 60 characters",
+  "subdomain-error-pattern": "Subdomain can only contain lowercase letters, numbers and hyphens",
+  "subdomain-error-numbers-only": "Subdomain cannot contain only numbers",
+  "subdomain-error-hyphen-ends": "Subdomain cannot start or end with a hyphen",
+  "subdomain-error-consecutive-hyphens": "Subdomain cannot contain consecutive hyphens",
+  "subdomain-error-required": "Please enter subdomain",
   // 图标选择组件
   "pisell-icon-select-outlined": "Outlined",
   "pisell-icon-select-filled": "Filled",

package/lib/locales/zh-CN.d.ts

@@ -190,18 +190,18 @@ declare const _default: {
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
     'pisell-version-modal-based-on-version': string;
-    'pisell-icon-select-outlined': string;
-    'pisell-icon-select-filled': string;
-    'pisell-icon-select-two-tone': string;
-    'pisell-icon-select-iconfont': string;
-    'pisell-icon-select-search': string;
-    'pisell-icon-select-select': string;
     'subdomain-error-too-short': string;
     'subdomain-error-too-long': string;
     'subdomain-error-pattern': string;
     'subdomain-error-numbers-only': string;
     'subdomain-error-hyphen-ends': string;
     'subdomain-error-consecutive-hyphens': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
     'pisell-lowcode-app-version-control-live': string;
     'pisell-lowcode-app-version-control-draft': string;
     'pisell-lowcode-app-version-control-deprecated': string;

package/lib/locales/zh-CN.js

@@ -231,6 +231,13 @@ var zh_CN_default = {
   "pisell-version-modal-version-error": "版本号必须大于当前版本",
   "pisell-version-modal-version-required": "版本号为必填项",
   "pisell-version-modal-based-on-version": "基于版本",
+  // 子域名校验错误
+  "subdomain-error-too-short": "子域名长度不能小于2个字符",
+  "subdomain-error-too-long": "子域名长度不能超过60个字符",
+  "subdomain-error-pattern": "子域名只能包含小写字母、数字和连字符",
+  "subdomain-error-numbers-only": "子域名不能全为数字",
+  "subdomain-error-hyphen-ends": "子域名不能以连字符开头或结尾",
+  "subdomain-error-consecutive-hyphens": "子域名不能包含连续的连字符",
   "pisell-icon-select-outlined": "线框风格",
   "pisell-icon-select-filled": "实底风格",
   "pisell-icon-select-two-tone": "双色风格",

package/lib/locales/zh-TW.d.ts

@@ -189,6 +189,12 @@ declare const _default: {
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
     'pisell-version-modal-based-on-version': string;
+    'subdomain-error-too-short': string;
+    'subdomain-error-too-long': string;
+    'subdomain-error-pattern': string;
+    'subdomain-error-numbers-only': string;
+    'subdomain-error-hyphen-ends': string;
+    'subdomain-error-consecutive-hyphens': string;
     'pisell-icon-select-placeholder': string;
     'pisell-icon-select-outlined': string;
     'pisell-icon-select-filled': string;
@@ -196,12 +202,6 @@ declare const _default: {
     'pisell-icon-select-iconfont': string;
     'pisell-icon-select-search': string;
     'pisell-icon-select-select': string;
-    'subdomain-error-too-short': string;
-    'subdomain-error-too-long': string;
-    'subdomain-error-pattern': string;
-    'subdomain-error-numbers-only': string;
-    'subdomain-error-hyphen-ends': string;
-    'subdomain-error-consecutive-hyphens': string;
     'pisell-lowcode-app-version-control-live': string;
     'pisell-lowcode-app-version-control-draft': string;
     'pisell-lowcode-app-version-control-deprecated': string;

package/lib/locales/zh-TW.js

@@ -231,6 +231,13 @@ var zh_TW_default = {
   "pisell-version-modal-version-error": "版本號必須大於當前版本",
   "pisell-version-modal-version-required": "版本號為必填項",
   "pisell-version-modal-based-on-version": "基於版本",
+  // 子域名校验错误
+  "subdomain-error-too-short": "子域名長度不能小於2個字符",
+  "subdomain-error-too-long": "子域名長度不能超過60個字符",
+  "subdomain-error-pattern": "子域名只能包含小寫字母、數字和連字符",
+  "subdomain-error-numbers-only": "子域名不能全為數字",
+  "subdomain-error-hyphen-ends": "子域名不能以連字符開頭或結尾",
+  "subdomain-error-consecutive-hyphens": "子域名不能包含連續的連字符",
   // 图标选择组件
   "pisell-icon-select-placeholder": "選擇圖標",
   "pisell-icon-select-outlined": "線框風格",

package/lowcode/custom-select/meta.ts

@@ -26,9 +26,18 @@ export default {
         type: 'oneOfType',
         value: [
           'string',
-          { type: 'arrayOf', value: 'string' },
           'number',
-          { type: 'arrayOf', value: 'number' },
+        ],
+      },
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'string',
+          'number',
         ],
       },
     },
@@ -56,19 +65,6 @@ export default {
         'VariableSetter',
       ],
     },
-    {
-      name: 'value',
-      title: { label: '当前值', tip: '当前值' },
-      propType: {
-        type: 'oneOfType',
-        value: [
-          'string',
-          { type: 'arrayOf', value: 'string' },
-          'number',
-          { type: 'arrayOf', value: 'number' },
-        ],
-      },
-    },
     {
       name: 'options',
       title: { label: '可选项', tip: '可选项' },

package/lowcode/form-item-translation/meta.ts

@@ -35,7 +35,65 @@ export default {
       // generalItemMap['defaultValue'],
     ]),
     getFormItemValidateGroup([
-      generalItemMap['requiredobj'],
+      {
+        name: 'requiredobj',
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+          tip: {
+            type: 'i18n',
+            'en-US': 'Required',
+            'zh-CN': '必填',
+          },
+        },
+        setter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'required',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Required',
+                    'zh-CN': '是否必填',
+                  },
+                  propType: 'bool',
+                  setter: 'BoolSetter',
+                  isRequired: true,
+                  extraProps: {
+                    setValue(target: any, value: boolean) {
+                      target.parent.setPropValue('transform', {
+                        type: 'JSExpression',
+                        value:
+                          '(value) => Object.values(value || {}).join("")',
+                      });
+                      target.node.getProps().setPropValue('required', value);
+                    },
+                  },
+                },
+                {
+                  name: 'message',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Error message',
+                    'zh-CN': '错误信息提示',
+                  },
+                  propType: 'string',
+                  setter: 'PisellI18nSetter',
+                },
+              ],
+            },
+            columns: 1,
+            forceInline: 1,
+            mode: 'popup',
+          },
+        },
+      },
+      // generalItemMap['requiredobj'],
       generalItemMap['minLengthobj'],
       generalItemMap['maxLengthobj'],
       generalItemMap['typeobj'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.606",
+  "version": "1.0.607",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,8 +69,8 @@
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
-    "@pisell/icon": "0.0.10",
     "@pisell/date-picker": "1.0.115",
+    "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {

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

@@ -1,18 +0,0 @@
-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

@@ -1,190 +0,0 @@
-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

@@ -1,154 +0,0 @@
-/* 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;
-    }
-  }
-}