@pisell/materials 1.0.611 → 1.0.612

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: React.JSX.Element | null;
     onRow: (record: any) => any;
@@ -47,7 +47,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DatePickerProps } from './type';
 import './ReadPretty.less';
-declare const DatePickerReadPretty: (props: DatePickerProps) => React.JSX.Element;
+declare const DatePickerReadPretty: React.FC<DatePickerProps>;
 export default DatePickerReadPretty;

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -1,14 +1,45 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
+import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig";
 import "./ReadPretty.less";
-var DatePickerReadPretty = function DatePickerReadPretty(props) {
-  var value = props.value,
-    renderMode = props.renderMode;
+var DEFAULT_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+var DATE_FORMATS = {
+  'zh-CN': 'YYYY-MM-DD HH:mm:ss',
+  'en-US': 'HH:mm:ss YYYY-MM-DD'
+};
+var DatePickerReadPretty = function DatePickerReadPretty(_ref) {
+  var value = _ref.value,
+    renderMode = _ref.renderMode;
+  var _usePisellConfig = usePisellConfig(),
+    _usePisellConfig$loca = _usePisellConfig.locale,
+    locale = _usePisellConfig$loca === void 0 ? 'zh-CN' : _usePisellConfig$loca;
+  var dateFormat = useMemo(function () {
+    // 检查 locale 是否在预定义的格式中
+    if (locale in DATE_FORMATS) {
+      return DATE_FORMATS[locale];
+    }
+    // 如果 locale 不在预定义格式中，使用默认格式并在控制台输出警告
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn("Unsupported locale: ".concat(locale, ", falling back to default format"));
+    }
+    return DEFAULT_FORMAT;
+  }, [locale]);
+  var formattedDate = useMemo(function () {
+    if (!value) return '';
+    try {
+      return dayjs(value).format(dateFormat);
+    } catch (error) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error('Error formatting date:', error);
+      }
+      return '';
+    }
+  }, [value, dateFormat]);
   return /*#__PURE__*/React.createElement("span", {
     className: classNames('pisell-date-picker-read-pretty', {
       'pisell-date-picker-read-pretty-table-view': renderMode === 'tableView'
     })
-  }, value ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '');
+  }, formattedDate);
 };
 export default DatePickerReadPretty;

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

@@ -59,7 +59,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { Props as TreeItemProps } from './TreeItem';
 interface Props extends TreeItemProps {
     id: UniqueIdentifier;
+    __designMode?: string;
 }
 export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
 export {};

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

@@ -17,5 +17,6 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     wrapperRef?(node: HTMLLIElement): void;
     item: TreeItemType;
     renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
+    __designMode?: string;
 }
 export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/es/components/pisellDraggable/components/TreeItem/TreeItem.js

@@ -1,5 +1,11 @@
-var _excluded = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem"];
+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); }
+var _excluded = ["childCount", "clone", "depth", "disableSelection", "disableInteraction", "ghost", "handleProps", "indentationWidth", "indicator", "collapsed", "onCollapse", "onRemove", "style", "wrapperRef", "item", "renderItem", "__designMode"];
 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 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); }
 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 classNames from 'classnames';
@@ -23,6 +29,7 @@ export var TreeItem = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapperRef = props.wrapperRef,
     item = props.item,
     renderItem = props.renderItem,
+    __designMode = props.__designMode,
     otherProps = _objectWithoutProperties(props, _excluded);
   if (renderItem) {
     return renderItem(props, ref);
@@ -37,7 +44,7 @@ export var TreeItem = /*#__PURE__*/forwardRef(function (props, ref) {
     className: 'TreeItem',
     ref: ref,
     style: style
-  }, /*#__PURE__*/React.createElement(Handle, handleProps), onCollapse && /*#__PURE__*/React.createElement(Action, {
+  }, /*#__PURE__*/React.createElement(Handle, __designMode === 'design' ? {} : _objectSpread({}, handleProps)), onCollapse && /*#__PURE__*/React.createElement(Action, {
     onClick: onCollapse,
     className: classNames('Collapse', collapsed && 'collapsed')
   }, collapseIcon), /*#__PURE__*/React.createElement("span", {

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

@@ -22,7 +22,9 @@ interface Props {
     onChange?: (items: TreeItems) => void;
     /** 删除节点前 */
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 设计模式 */
+    __designMode?: string;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, }: Props): React.JSX.Element;
-declare const Demo: () => React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/es/components/pisellDraggable/index.js

@@ -120,7 +120,8 @@ export function SortableTree(_ref3) {
     removable = _ref3$removable === void 0 ? true : _ref3$removable,
     renderItem = _ref3.renderItem,
     onChange = _ref3.onChange,
-    onRemoveBefore = _ref3.onRemoveBefore;
+    onRemoveBefore = _ref3.onRemoveBefore,
+    __designMode = _ref3.__designMode;
   // 状态管理
   /** 当前树形数据 */
   var _useState = useState([]),
@@ -198,6 +199,7 @@ export function SortableTree(_ref3) {
   useEffect(function () {
     document.body.id = 'body';
   }, []);
+  console.log(__designMode, '__designMode');
   return /*#__PURE__*/React.createElement(DndContext, {
     sensors: sensors,
     collisionDetection: closestCenter,
@@ -229,7 +231,8 @@ export function SortableTree(_ref3) {
       onRemove: removable ? function () {
         return handleRemove(item);
       } : undefined,
-      renderItem: renderItem
+      renderItem: renderItem,
+      __designMode: __designMode
     });
   }), /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(DragOverlay, {
     dropAnimation: dropAnimationConfig,
@@ -374,7 +377,7 @@ var adjustTranslate = function adjustTranslate(_ref13) {
     y: transform.y - 25
   });
 };
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(SortableTree, null);
+var Demo = function Demo(props) {
+  return /*#__PURE__*/React.createElement(SortableTree, props);
 };
 export default Demo;

package/es/components/pisellDropSort/PisellDropSort.js

@@ -32,7 +32,8 @@ var PisellDropSort = function PisellDropSort(_ref) {
     onAdd = _ref.onAdd,
     propsRenderItem = _ref.renderItem,
     leftContent = _ref.leftContent,
-    onAddRoot = _ref.onAddRoot;
+    onAddRoot = _ref.onAddRoot,
+    __designMode = _ref.__designMode;
   // 转换数据格式
   var treeItems = useMemo(function () {
     return value.map(function (item) {
@@ -63,7 +64,8 @@ var PisellDropSort = function PisellDropSort(_ref) {
       onDelete: onDelete,
       showBorder: showBorder,
       spacing: spacing,
-      maxLevel: maxLevel
+      maxLevel: maxLevel,
+      __designMode: __designMode
     });
   }, [allowAddChild, allowDelete, allowDrag, value, disabled, maxLevel, onAdd, onDelete, showBorder, spacing, treeItems]);
 

package/es/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -14,6 +14,8 @@ interface SortableItemProps {
     showBorder?: boolean;
     spacing?: number;
     maxLevel?: number;
+    /** 设计模式 */
+    __designMode?: string;
 }
 declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
 export default SortableItem;

package/es/components/pisellDropSort/components/SortableItem/index.js

@@ -1,5 +1,11 @@
+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); }
 var _excluded = ["item", "depth", "clone", "ghost", "indicator", "disableSelection", "disableInteraction", "wrapperRef", "style", "onCollapse", "onRemove", "childCount", "indentationWidth", "handleProps", "collapsed"];
 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 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); }
 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';
@@ -20,7 +26,8 @@ var SortableItem = function SortableItem(props) {
     onDelete = props.onDelete,
     showBorder = props.showBorder,
     spacing = props.spacing,
-    maxLevel = props.maxLevel;
+    maxLevel = props.maxLevel,
+    __designMode = props.__designMode;
   var item = itemProps.item,
     depth = itemProps.depth,
     clone = itemProps.clone,
@@ -56,7 +63,7 @@ var SortableItem = function SortableItem(props) {
     }),
     type: "text",
     className: "pisell-lowcode-drop-sort-item-button"
-  }, handleProps)), onCollapse && /*#__PURE__*/React.createElement(Button, {
+  }, __designMode === 'design' ? {} : _objectSpread({}, handleProps))), onCollapse && /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(Icon, {
       type: "pisell2-chevron-down",
       className: "pisell-lowcode-drop-sort-item-icon"

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

@@ -39,4 +39,6 @@ export interface PisellDropSortProps {
     onAddRoot?: () => void;
     /** 左侧自定义内容 */
     leftContent?: React.ReactNode;
+    /** 设计模式 */
+    __designMode?: string;
 }

package/lib/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -26,7 +26,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: React.JSX.Element | null;
     onRow: (record: any) => any;
@@ -47,7 +47,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -65,7 +65,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DatePickerProps } from './type';
 import './ReadPretty.less';
-declare const DatePickerReadPretty: (props: DatePickerProps) => React.JSX.Element;
+declare const DatePickerReadPretty: React.FC<DatePickerProps>;
 export default DatePickerReadPretty;

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -35,9 +35,36 @@ module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_dayjs = __toESM(require("dayjs"));
+var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
 var import_ReadPretty = require("./ReadPretty.less");
-var DatePickerReadPretty = (props) => {
-  const { value, renderMode } = props;
+var DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
+var DATE_FORMATS = {
+  "zh-CN": "YYYY-MM-DD HH:mm:ss",
+  "en-US": "HH:mm:ss YYYY-MM-DD"
+};
+var DatePickerReadPretty = ({ value, renderMode }) => {
+  const { locale = "zh-CN" } = (0, import_usePisellConfig.default)();
+  const dateFormat = (0, import_react.useMemo)(() => {
+    if (locale in DATE_FORMATS) {
+      return DATE_FORMATS[locale];
+    }
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`Unsupported locale: ${locale}, falling back to default format`);
+    }
+    return DEFAULT_FORMAT;
+  }, [locale]);
+  const formattedDate = (0, import_react.useMemo)(() => {
+    if (!value)
+      return "";
+    try {
+      return (0, import_dayjs.default)(value).format(dateFormat);
+    } catch (error) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("Error formatting date:", error);
+      }
+      return "";
+    }
+  }, [value, dateFormat]);
   return /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
@@ -45,7 +72,7 @@ var DatePickerReadPretty = (props) => {
         "pisell-date-picker-read-pretty-table-view": renderMode === "tableView"
       })
     },
-    value ? (0, import_dayjs.default)(value).format("YYYY-MM-DD HH:mm:ss") : ""
+    formattedDate
   );
 };
 var ReadPretty_default = DatePickerReadPretty;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -59,7 +59,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { Props as TreeItemProps } from './TreeItem';
 interface Props extends TreeItemProps {
     id: UniqueIdentifier;
+    __designMode?: string;
 }
 export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
 export {};

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -17,5 +17,6 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     wrapperRef?(node: HTMLLIElement): void;
     item: TreeItemType;
     renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
+    __designMode?: string;
 }
 export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.js

@@ -54,6 +54,7 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
     wrapperRef,
     item,
     renderItem,
+    __designMode,
     ...otherProps
   } = props;
   if (renderItem) {
@@ -76,7 +77,12 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
       },
       ...otherProps
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(import_components.Handle, { ...handleProps }), onCollapse && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(
+      import_components.Handle,
+      {
+        ...__designMode === "design" ? {} : { ...handleProps }
+      }
+    ), onCollapse && /* @__PURE__ */ import_react.default.createElement(
       import_components.Action,
       {
         onClick: onCollapse,

package/lib/components/pisellDraggable/index.d.ts

@@ -22,7 +22,9 @@ interface Props {
     onChange?: (items: TreeItems) => void;
     /** 删除节点前 */
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 设计模式 */
+    __designMode?: string;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, }: Props): React.JSX.Element;
-declare const Demo: () => React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/lib/components/pisellDraggable/index.js

@@ -101,7 +101,8 @@ function SortableTree({
   removable = true,
   renderItem,
   onChange,
-  onRemoveBefore
+  onRemoveBefore,
+  __designMode
 }) {
   const [items, setItems] = (0, import_react.useState)([]);
   const [activeId, setActiveId] = (0, import_react.useState)(null);
@@ -148,6 +149,7 @@ function SortableTree({
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
+  console.log(__designMode, "__designMode");
   return /* @__PURE__ */ import_react.default.createElement(
     import_core.DndContext,
     {
@@ -174,7 +176,8 @@ function SortableTree({
           collapsed: Boolean(collapsed && children.length),
           onCollapse: collapsible && children.length ? () => handleCollapse(id) : void 0,
           onRemove: removable ? () => handleRemove(item) : void 0,
-          renderItem
+          renderItem,
+          __designMode
         }
       );
     }), (0, import_react_dom.createPortal)(
@@ -261,8 +264,8 @@ var adjustTranslate = ({ transform }) => {
     y: transform.y - 25
   };
 };
-var Demo = () => {
-  return /* @__PURE__ */ import_react.default.createElement(SortableTree, null);
+var Demo = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(SortableTree, { ...props });
 };
 var pisellDraggable_default = Demo;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/pisellDropSort/PisellDropSort.js

@@ -57,7 +57,8 @@ var PisellDropSort = ({
   onAdd,
   renderItem: propsRenderItem,
   leftContent,
-  onAddRoot
+  onAddRoot,
+  __designMode
 }) => {
   const treeItems = (0, import_react.useMemo)(() => {
     return value.map((item) => {
@@ -87,7 +88,8 @@ var PisellDropSort = ({
           onDelete,
           showBorder,
           spacing,
-          maxLevel
+          maxLevel,
+          __designMode
         }
       );
     },

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -14,6 +14,8 @@ interface SortableItemProps {
     showBorder?: boolean;
     spacing?: number;
     maxLevel?: number;
+    /** 设计模式 */
+    __designMode?: string;
 }
 declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
 export default SortableItem;

package/lib/components/pisellDropSort/components/SortableItem/index.js

@@ -51,7 +51,8 @@ var SortableItem = (props) => {
     onDelete,
     showBorder,
     spacing,
-    maxLevel
+    maxLevel,
+    __designMode
   } = props;
   const {
     item,
@@ -104,7 +105,7 @@ var SortableItem = (props) => {
           icon: /* @__PURE__ */ import_react.default.createElement(import_DotsSix.default, { className: "pisell-lowcode-drop-sort-item-drag-handle-icon" }),
           type: "text",
           className: "pisell-lowcode-drop-sort-item-button",
-          ...handleProps
+          ...__designMode === "design" ? {} : { ...handleProps }
         }
       ),
       onCollapse && /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pisellDropSort/types.d.ts

@@ -39,4 +39,6 @@ export interface PisellDropSortProps {
     onAddRoot?: () => void;
     /** 左侧自定义内容 */
     leftContent?: React.ReactNode;
+    /** 设计模式 */
+    __designMode?: string;
 }

package/package.json

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