@pisell/materials 3.3.32 → 3.3.34

package/es/components/pisellDropSort/PisellDropSort.js

@@ -17,6 +17,8 @@ var PisellDropSort = function PisellDropSort(_ref) {
     allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
     _ref$allowAddRoot = _ref.allowAddRoot,
     allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$allowIsShow = _ref.allowIsShow,
+    allowIsShow = _ref$allowIsShow === void 0 ? false : _ref$allowIsShow,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$spacing = _ref.spacing,
@@ -37,7 +39,9 @@ var PisellDropSort = function PisellDropSort(_ref) {
     __designMode = _ref.__designMode,
     isCustomAction = _ref.isCustomAction,
     emptyContent = _ref.emptyContent,
-    getItemStyle = _ref.getItemStyle;
+    getItemStyle = _ref.getItemStyle,
+    canDrop = _ref.canDrop,
+    indentationWidth = _ref.indentationWidth;
   // 自定义渲染节点
   var renderItem = useCallback(function (itemProps, ref) {
     return /*#__PURE__*/React.createElement(SortableItem, {
@@ -47,6 +51,7 @@ var PisellDropSort = function PisellDropSort(_ref) {
       allowAddChild: allowAddChild,
       allowDelete: allowDelete,
       allowDrag: allowDrag,
+      allowIsShow: allowIsShow,
       disabled: disabled,
       onAdd: onAdd,
       onDelete: onDelete,
@@ -85,10 +90,12 @@ var PisellDropSort = function PisellDropSort(_ref) {
     value: value,
     collapsible: true,
     indicator: false,
-    indentationWidth: 24,
+    indentationWidth: indentationWidth,
     removable: allowDelete,
     renderItem: renderItem,
-    onChange: handleChange
+    onChange: handleChange,
+    canDrop: canDrop,
+    maxLevel: maxLevel
   })));
 };
 export default PisellDropSort;

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["item", "depth", "clone", "ghost", "indicator", "disableSelection", "disableInteraction", "wrapperRef", "style", "onCollapse", "onRemove", "childCount", "indentationWidth", "handleProps", "collapsed"];
+var _excluded = ["item", "depth", "clone", "ghost", "indicator", "disableSelection", "disableInteraction", "wrapperRef", "style", "onCollapse", "onRemove", "childCount", "indentationWidth", "handleProps", "collapsed", "isError"];
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,6 +21,7 @@ var SortableItem = function SortableItem(props) {
     allowAddChild = props.allowAddChild,
     allowDelete = props.allowDelete,
     allowDrag = props.allowDrag,
+    allowIsShow = props.allowIsShow,
     disabled = props.disabled,
     onAdd = props.onAdd,
     onDelete = props.onDelete,
@@ -45,9 +46,13 @@ var SortableItem = function SortableItem(props) {
     indentationWidth = itemProps.indentationWidth,
     handleProps = itemProps.handleProps,
     collapsed = itemProps.collapsed,
+    isError = itemProps.isError,
     otherProps = _objectWithoutProperties(itemProps, _excluded);
   var itemStyle = (getItemStyle === null || getItemStyle === void 0 ? void 0 : getItemStyle(itemProps)) || {};
   var mergedStyle = _objectSpread(_objectSpread({}, itemStyle), style);
+  if (isError) {
+    mergedStyle.backgroundColor = '#FECDCA';
+  }
   return /*#__PURE__*/React.createElement("li", _extends({
     className: classNames('pisell-lowcode-drop-sort-item', clone && 'clone', ghost && 'ghost', indicator && 'indicator', disableSelection && 'disableSelection', disableInteraction && 'disableInteraction'),
     ref: wrapperRef,

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

@@ -81,7 +81,6 @@
 
   .pisell-lowcode-drop-sort-item-content {
     flex: 1;
-    height: 48px;
   }
 
   .pisell-lowcode-drop-sort-item-button {

package/es/components/pisellMenu/PisellMenu.js

@@ -58,4 +58,5 @@ var PisellMenu = function PisellMenu(_ref) {
 };
 PisellMenu.Item = AntdMenu.Item;
 PisellMenu.SubMenu = AntdMenu.SubMenu;
+PisellMenu.ItemGroup = AntdMenu.ItemGroup;
 export default PisellMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PisellNavigationMenuProps } from './types';
+import './PisellNavigationMenu.less';
+declare const PisellNavigationMenu: React.FC<PisellNavigationMenuProps>;
+export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -5,6 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useCallback, useMemo } from 'react';
+import { isFunction } from "@pisell/utils";
+import classNames from 'classnames';
 import PisellDropSort from "../pisellDropSort";
 import PisellTags from "../pisellTags";
 import Icon from "../icon";
@@ -25,6 +27,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
     _ref$allowAddRoot = _ref.allowAddRoot,
     allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$allowIsShow = _ref.allowIsShow,
+    allowIsShow = _ref$allowIsShow === void 0 ? true : _ref$allowIsShow,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$spacing = _ref.spacing,
@@ -38,8 +42,17 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     onAddPage = _ref.onAddPage,
     onEdit = _ref.onEdit,
     onDelete = _ref.onDelete,
+    onIsShow = _ref.onIsShow,
     __designMode = _ref.__designMode,
-    title = _ref.title;
+    title = _ref.title,
+    propsRightContent = _ref.rightContent,
+    propsGetItemStyle = _ref.getItemStyle,
+    canDrop = _ref.canDrop,
+    _ref$indentationWidth = _ref.indentationWidth,
+    indentationWidth = _ref$indentationWidth === void 0 ? 24 : _ref$indentationWidth,
+    hideDescription = _ref.hideDescription,
+    showActionOnHover = _ref.showActionOnHover,
+    showTitleTags = _ref.showTitleTags;
   // 将DropSortItem转换回NavigationMenuItem
   var convertToNavigationItems = function convertToNavigationItems(items) {
     return items.map(function (item) {
@@ -47,6 +60,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         id: String(item.id),
         title: String(item.title || ''),
         path: String(item.path || '/'),
+        collapsed: item.collapsed,
         children: item.children ? convertToNavigationItems(item.children) : []
       };
     });
@@ -73,16 +87,32 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         text: getText('pisell-lowcode-navigation-menu-tag-base'),
         color: '#7f56d9'
       },
+      proCode: {
+        text: getText('pisell-lowcode-navigation-menu-tag-proCode'),
+        color: '#1677ff'
+      },
       pisellV1: {
         text: getText('pisell-lowcode-navigation-menu-tag-pisell1'),
         color: '#ee837a'
+      },
+      group: {
+        text: getText('pisell-lowcode-navigation-menu-tag-group'),
+        color: '#7f56d9'
+      },
+      subMenu: {
+        text: getText('pisell-lowcode-navigation-menu-tag-sub-menu'),
+        color: '#067647'
+      },
+      custom: {
+        text: getText('pisell-lowcode-navigation-menu-tag-custom'),
+        color: '#B54708'
       }
     };
   }, []);
 
   // 自定义渲染菜单项
   var renderMenuItem = useCallback(function (itemProps) {
-    var _tagTextMap$item$sour, _tagTextMap$item$sour2;
+    var _tagTextMap$group, _tagTextMap$group2, _tagTextMap$subMenu, _tagTextMap$subMenu2, _tagTextMap$custom, _tagTextMap$custom2, _tagTextMap$item$sour, _tagTextMap$item$sour2;
     var item = itemProps.item;
     var _item$allowEdit = item.allowEdit,
       allowEdit = _item$allowEdit === void 0 ? true : _item$allowEdit,
@@ -93,13 +123,15 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       _item$allowAddSubmenu = item.allowAddSubmenu,
       allowAddSubmenu = _item$allowAddSubmenu === void 0 ? true : _item$allowAddSubmenu,
       _item$allowAddPage = item.allowAddPage,
-      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage;
+      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage,
+      _item$allowIsShow = item.allowIsShow,
+      allowIsShow = _item$allowIsShow === void 0 ? true : _item$allowIsShow;
     var isShowAddButton = item.isGroup && allowAddChild && (allowAddSubmenu || allowAddPage);
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, item.icon && /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content-icon"
     }, /*#__PURE__*/React.createElement(Icon, {
       type: item.icon
@@ -107,8 +139,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       className: "pisell-lowcode-navigation-menu-item-content-text"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-description"
+    }, item.title, showTitleTags && /*#__PURE__*/React.createElement(React.Fragment, null, item.isGroup && item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$group = tagTextMap['group']) === null || _tagTextMap$group === void 0 ? void 0 : _tagTextMap$group.color
+    }, ((_tagTextMap$group2 = tagTextMap['group']) === null || _tagTextMap$group2 === void 0 ? void 0 : _tagTextMap$group2.text) || ""), item.isGroup && !item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$subMenu = tagTextMap['subMenu']) === null || _tagTextMap$subMenu === void 0 ? void 0 : _tagTextMap$subMenu.color
+    }, ((_tagTextMap$subMenu2 = tagTextMap['subMenu']) === null || _tagTextMap$subMenu2 === void 0 ? void 0 : _tagTextMap$subMenu2.text) || ""), item.isCustom && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$custom = tagTextMap['custom']) === null || _tagTextMap$custom === void 0 ? void 0 : _tagTextMap$custom.color
+    }, ((_tagTextMap$custom2 = tagTextMap['custom']) === null || _tagTextMap$custom2 === void 0 ? void 0 : _tagTextMap$custom2.text) || ""))), hideDescription ? null : /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-description",
+      style: {
+        display: hideDescription ? "none" : "flex"
+      }
     }, item.description, item.source && /*#__PURE__*/React.createElement(PisellTags, {
       type: "pill_color",
       color: (_tagTextMap$item$sour = tagTextMap[item.source]) === null || _tagTextMap$item$sour === void 0 ? void 0 : _tagTextMap$item$sour.color
@@ -116,8 +160,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       type: "pill_color",
       color: "success"
     }, "v", item.version)))), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-action-wrap"
-    }, allowEdit && /*#__PURE__*/React.createElement(Button, {
+      className: classNames("pisell-lowcode-navigation-menu-item-action-wrap", {
+        "pisell-lowcode-navigation-menu-item-action-wrap-hover": showActionOnHover
+      })
+    }, allowIsShow && /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onIsShow === null || onIsShow === void 0 ? void 0 : onIsShow(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: item.is_show === false ? "pisell2-eye-off" : "pisell2-eye",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    }), allowEdit && /*#__PURE__*/React.createElement(Button, {
       type: "text",
       onClick: function onClick() {
         return onEdit === null || onEdit === void 0 ? void 0 : onEdit(item);
@@ -128,6 +184,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         className: "pisell-lowcode-navigation-menu-item-action-button-icon"
       })
     }), isShowAddButton && /*#__PURE__*/React.createElement(Dropdown, {
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode;
+      },
       menu: {
         items: [allowAddSubmenu && {
           key: 'add-child',
@@ -173,6 +232,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     }, title);
   }, [title]);
   var rightContent = useMemo(function () {
+    if (propsRightContent) {
+      return propsRightContent;
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-right-content"
     }, /*#__PURE__*/React.createElement(Button, {
@@ -193,7 +255,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         return onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage();
       }
     }, getText('pisell-lowcode-navigation-menu-add-page')));
-  }, [title]);
+  }, [propsRightContent]);
   var formatValue = useMemo(function () {
     return formatTree(value, function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -203,16 +265,21 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
   }, [value]);
   var getItemStyle = useCallback(function (itemProps) {
     var item = itemProps.item;
+    if (isFunction(propsGetItemStyle)) {
+      return (propsGetItemStyle === null || propsGetItemStyle === void 0 ? void 0 : propsGetItemStyle(item)) || {};
+    }
     return {
       backgroundColor: item.isGroup ? '#fff' : 'var(--Gray-50, #F9FAFB)'
     };
-  }, []);
+  }, [propsGetItemStyle]);
   return /*#__PURE__*/React.createElement(PisellDropSort, {
+    indentationWidth: indentationWidth,
     value: formatValue,
     allowDrag: allowDrag,
     allowDelete: allowDelete,
     allowAddChild: allowAddChild,
     allowAddRoot: allowAddRoot,
+    allowIsShow: allowIsShow,
     disabled: disabled,
     spacing: spacing,
     maxLevel: maxLevel,
@@ -228,7 +295,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     emptyContent: /*#__PURE__*/React.createElement(PisellEmpty, {
       maxWidth: 400,
       description: getText('pisell-lowcode-navigation-menu-add-page-tip')
-    })
+    }),
+    canDrop: canDrop
   });
 };
 export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -1,3 +1,10 @@
+.pisell-lowcode-drop-sort-item-tree-item {
+  &:hover {
+    .pisell-lowcode-navigation-menu-item-action-wrap {
+      opacity: 1 !important;
+    }
+  }
+}
 .pisell-lowcode-navigation-menu-item {
   display: flex;
   justify-content: space-between;
@@ -26,6 +33,9 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
     }
     .pisell-lowcode-navigation-menu-item-description {
       color: var(--Gray-500, #667085);
@@ -40,6 +50,10 @@
   .pisell-lowcode-navigation-menu-item-action-wrap {
     display: flex;
     gap: 8px;
+    transition: opacity 0.3s ease-in-out;
+    &.pisell-lowcode-navigation-menu-item-action-wrap-hover {
+      opacity: 0;
+    }
     .pisell-lowcode-navigation-menu-item-action-button {
       &:hover {
         background: var(--Gray-300, #D0D5DD);

package/es/components/productCard/components/MultiDay/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
+export default MultiDay;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -0,0 +1 @@
+export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/es/components/productCard/components/Packages/components/options/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
+export default Options;

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/SelectField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/es/components/table/Table/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {
@@ -197,12 +198,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

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

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

package/es/locales/en-US.js

@@ -286,7 +286,11 @@ export default {
   'pisell-lowcode-navigation-menu-add-page': 'Add page',
   'pisell-lowcode-navigation-menu-add-page-tip': 'No navigation found. Please add a submenu or page.',
   'pisell-lowcode-navigation-menu-tag-base': "Base",
+  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
   'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
+  'pisell-lowcode-navigation-menu-tag-group': "Group",
+  'pisell-lowcode-navigation-menu-tag-sub-menu': "Submenu",
+  'pisell-lowcode-navigation-menu-tag-custom': "Custom",
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': 'Can only contain lowercase letters, numbers, hyphens, dots, and underscores',
   'pisell-data-source-form-app-identifier-start-with-letter': 'Must start with a letter',

package/es/locales/zh-CN.js

@@ -283,7 +283,11 @@ export default {
   'pisell-lowcode-navigation-menu-add-page': '添加页面',
   'pisell-lowcode-navigation-menu-add-page-tip': '没有找到导航，请添加子菜单或页面。',
   'pisell-lowcode-navigation-menu-tag-base': "基础",
+  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
   'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
+  'pisell-lowcode-navigation-menu-tag-group': "分组",
+  'pisell-lowcode-navigation-menu-tag-sub-menu': "子菜单",
+  'pisell-lowcode-navigation-menu-tag-custom': "自定义",
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': '只能包含小写字母、数字、连字符、点和下划线',
   'pisell-data-source-form-app-identifier-start-with-letter': '必须以字母开头',

package/es/locales/zh-TW.js

@@ -285,7 +285,11 @@ export default {
   'pisell-lowcode-navigation-menu-add-page': '添加頁面',
   'pisell-lowcode-navigation-menu-add-page-tip': '沒有找到導航, 請添加子菜單或頁面。',
   'pisell-lowcode-navigation-menu-tag-base': "基础",
+  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
   'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
+  'pisell-lowcode-navigation-menu-tag-group': "分組",
+  'pisell-lowcode-navigation-menu-tag-sub-menu': "子菜單",
+  'pisell-lowcode-navigation-menu-tag-custom': "自定義",
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': '只能包含小寫字母、數字、連字符、點和下劃線',
   'pisell-data-source-form-app-identifier-start-with-letter': '必須以字母開頭',

package/es/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupListItemProps } from './../buttonGroupPreview';
+interface ButtonGroupEditProps {
+    buttonList: ButtonGroupListItemProps[];
+    buttonGroupList: ButtonGroupListItemProps[][];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -62,9 +62,13 @@ var DataSourceMenu = (0, import_react.forwardRef)(
           return null;
         }
         const _children = getShowChildren(item.children || []);
-        if (_children == null ? void 0 : _children.length) {
+        if ((_children == null ? void 0 : _children.length) || item.isGroup) {
+          let CptMenu = import_pisellMenu.default.SubMenu;
+          if (item.type === "group") {
+            CptMenu = import_pisellMenu.default.ItemGroup;
+          }
           return /* @__PURE__ */ import_react.default.createElement(
-            import_pisellMenu.default.SubMenu,
+            CptMenu,
             {
               key: item.key,
               title: translation(item.label),

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

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

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

@@ -17,7 +17,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | React.ReactFragment | 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 | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: JSX.Element | null;
     onRow: (record: any) => any;
@@ -52,7 +52,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?: {
@@ -70,7 +70,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         useCustomAction: boolean;
         actionType: string;
         openMode: "modal" | "drawer";
-        openContentSize: "small" | "large" | "middle";
+        openContentSize: "large" | "middle" | "small";
         openTitle: string;
         key: string;
     } | undefined;

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

@@ -0,0 +1,32 @@
+import { DataSourceTableProps } from '../type';
+declare type Params = {
+    pagination?: {
+        page: number;
+        size: number;
+    };
+    order_by?: string;
+    tabs?: {
+        name: string;
+        filterBy: Record<string, any>;
+        sortBy: string;
+    };
+};
+declare const useTableQuery: (props: DataSourceTableProps) => {
+    queryPageConfig: {
+        page: number;
+        pageSize: number;
+        filter: Record<string, any>;
+        sort: string;
+    };
+    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
+        page: number;
+        pageSize: number;
+        filter: Record<string, any>;
+        sort: string;
+    }>>;
+    handleValuesChange: (params: Params, allParams: Params) => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    refreshCurrentPage: () => void;
+};
+export default useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -29,7 +29,7 @@ var useTableQuery = (props) => {
   const { filterBy, sortBy, tabs } = props;
   const [queryPageConfig, setQueryPageConfig] = (0, import_react.useState)({
     page: 1,
-    pageSize: 20,
+    pageSize: 10,
     filter: ((_b = (_a = tabs == null ? void 0 : tabs.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.filterBy) || filterBy || {},
     sort: ((_d = (_c = tabs == null ? void 0 : tabs.items) == null ? void 0 : _c[0]) == null ? void 0 : _d.sortBy) || sortBy
   });

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

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import { DatePickerProps } from './type';
+import './ReadPretty.less';
+declare const DatePickerReadPretty: FC<DatePickerProps>;
+export default DatePickerReadPretty;

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

@@ -37,24 +37,18 @@ 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 DEFAULT_FORMAT = "DD/MM/YYYY HH:mm";
+var DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
 var DATE_FORMATS = {
   "zh-CN": {
-    withTime: "YYYY-MM-DD HH:mm",
+    withTime: "YYYY-MM-DD HH:mm:ss",
     withoutTime: "YYYY-MM-DD"
   },
   "en-US": {
-    withTime: "MM/DD/YYYY HH:mm",
-    withoutTime: "MM/DD/YYYY"
-  },
-  "en-AU": { withTime: "DD/MM/YYYY HH:mm", withoutTime: "DD/MM/YYYY" },
-  en: { withTime: "DD/MM/YYYY HH:mm", withoutTime: "DD/MM/YYYY" }
+    withTime: "HH:mm:ss YYYY-MM-DD",
+    withoutTime: "YYYY-MM-DD"
+  }
 };
-var DatePickerReadPretty = ({
-  value,
-  renderMode,
-  showTime
-}) => {
+var DatePickerReadPretty = ({ value, renderMode, showTime }) => {
   const { locale = "zh-CN" } = (0, import_usePisellConfig.default)();
   const dateFormat = (0, import_react.useMemo)(() => {
     if (locale in DATE_FORMATS) {
@@ -62,9 +56,7 @@ var DatePickerReadPretty = ({
       return showTime ? formats.withTime : formats.withoutTime;
     }
     if (process.env.NODE_ENV !== "production") {
-      console.warn(
-        `Unsupported locale: ${locale}, falling back to default format`
-      );
+      console.warn(`Unsupported locale: ${locale}, falling back to default format`);
     }
     return DEFAULT_FORMAT;
   }, [locale, showTime]);

package/lib/components/dataSourceComponents/fields/utils.js

@@ -86,11 +86,6 @@ var formFieldFilterFuncMap = {
       $eq: value
     };
   },
-  "Input.TextArea": (value) => {
-    return {
-      $includes: value
-    };
-  },
   "Input.JSON": (value) => {
     return {
       $includes: value