@pisell/materials 1.0.614 → 1.0.615

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -0,0 +1,195 @@
+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 = ["id", "children"];
+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, { useCallback, useMemo } from 'react';
+import PisellDropSort from "../pisellDropSort";
+import PisellTags from "../pisellTags";
+import Icon from "../icon";
+import Button from "../button";
+import { getText } from "../../locales";
+import "./PisellNavigationMenu.less";
+import { Dropdown } from 'antd';
+var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$allowDrag = _ref.allowDrag,
+    allowDrag = _ref$allowDrag === void 0 ? true : _ref$allowDrag,
+    _ref$allowDelete = _ref.allowDelete,
+    allowDelete = _ref$allowDelete === void 0 ? true : _ref$allowDelete,
+    _ref$allowAddChild = _ref.allowAddChild,
+    allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
+    _ref$allowAddRoot = _ref.allowAddRoot,
+    allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 8 : _ref$spacing,
+    _ref$maxLevel = _ref.maxLevel,
+    maxLevel = _ref$maxLevel === void 0 ? 3 : _ref$maxLevel,
+    style = _ref.style,
+    className = _ref.className,
+    onChange = _ref.onChange,
+    onAddSubMenu = _ref.onAddSubMenu,
+    onAddPage = _ref.onAddPage,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    __designMode = _ref.__designMode,
+    title = _ref.title;
+  // 将NavigationMenuItem转换为DropSortItem
+  var convertToDropSortItems = function convertToDropSortItems(items) {
+    return items.map(function (item) {
+      var id = item.id,
+        children = item.children,
+        rest = _objectWithoutProperties(item, _excluded);
+      return _objectSpread({
+        id: id,
+        children: children ? convertToDropSortItems(children) : []
+      }, rest);
+    });
+  };
+
+  // 将DropSortItem转换回NavigationMenuItem
+  var convertToNavigationItems = function convertToNavigationItems(items) {
+    return items.map(function (item) {
+      return {
+        id: String(item.id),
+        title: String(item.title || ''),
+        path: String(item.path || '/'),
+        children: item.children ? convertToNavigationItems(item.children) : []
+      };
+    });
+  };
+  var items = useMemo(function () {
+    return [{
+      label: getText('pisell-lowcode-navigation-menu-add-sub-menu'),
+      key: 'add-child'
+    }, {
+      label: getText('pisell-lowcode-navigation-menu-add-page'),
+      key: 'add-page'
+    }];
+  }, []);
+  var handleClick = useCallback(function (key, item) {
+    if (key === 'add-child') {
+      onAddSubMenu === null || onAddSubMenu === void 0 ? void 0 : onAddSubMenu(item);
+    } else if (key === 'add-page') {
+      onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage(item);
+    }
+  }, []);
+
+  // 自定义渲染菜单项
+  var renderMenuItem = useCallback(function (itemProps) {
+    var item = itemProps.item;
+    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", {
+      className: "pisell-lowcode-navigation-menu-item-content-icon"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: item.icon
+    })), /*#__PURE__*/React.createElement("div", {
+      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.description, !item.isGroup && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: "success"
+    }, item.version)))), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-action-wrap"
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onEdit === null || onEdit === void 0 ? void 0 : onEdit(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-edit-05",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    }), item.isGroup && /*#__PURE__*/React.createElement(Dropdown, {
+      menu: {
+        items: items,
+        onClick: function onClick(_ref2) {
+          var key = _ref2.key;
+          return handleClick(key, item);
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    })), /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onDelete === null || onDelete === void 0 ? void 0 : onDelete(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-trash-01",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    })));
+  }, [value, onChange]);
+
+  // 处理数据变化
+  var handleChange = useCallback(function (items) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(convertToNavigationItems(items));
+  }, [onChange]);
+  var leftContent = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-left-content"
+    }, title);
+  }, [title]);
+  var rightContent = useMemo(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-right-content"
+    }, /*#__PURE__*/React.createElement(Button, {
+      size: "large",
+      type: "primary",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus"
+      }),
+      onClick: function onClick() {
+        return onAddSubMenu === null || onAddSubMenu === void 0 ? void 0 : onAddSubMenu();
+      }
+    }, getText('pisell-lowcode-navigation-menu-add-sub-menu')), /*#__PURE__*/React.createElement(Button, {
+      size: "large",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "pisell2-plus"
+      }),
+      onClick: function onClick() {
+        return onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage();
+      }
+    }, getText('pisell-lowcode-navigation-menu-add-page')));
+  }, [title]);
+  return /*#__PURE__*/React.createElement(PisellDropSort, {
+    value: convertToDropSortItems(value),
+    allowDrag: allowDrag,
+    allowDelete: allowDelete,
+    allowAddChild: allowAddChild,
+    allowAddRoot: allowAddRoot,
+    disabled: disabled,
+    spacing: spacing,
+    maxLevel: maxLevel,
+    style: style,
+    className: className,
+    onChange: handleChange,
+    renderItem: renderMenuItem,
+    isCustomAction: true,
+    __designMode: __designMode,
+    leftContent: leftContent,
+    rightContent: rightContent
+  });
+};
+export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -0,0 +1,65 @@
+.pisell-lowcode-navigation-menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .pisell-lowcode-navigation-menu-item-content {
+    flex: 1;
+    display: flex;
+    gap: 10px;
+    height: 100%;
+    align-items: center;
+    .pisell-lowcode-navigation-menu-item-content-icon {
+      height: 36px;
+      width: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+    }
+    .pisell-lowcode-navigation-menu-item-content-text {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .pisell-lowcode-navigation-menu-item-title {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+    }
+    .pisell-lowcode-navigation-menu-item-description {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    }
+  }
+  .pisell-lowcode-navigation-menu-item-action-wrap {
+    display: flex;
+    gap: 8px;
+    .pisell-lowcode-navigation-menu-item-action-button {
+      &:hover {
+        background: var(--Gray-100, #f2f4f7);
+      }
+    }
+    .pisell-lowcode-navigation-menu-item-action-button-icon {
+      font-size: 20px;
+      color: #101828;
+    }
+  }
+}
+
+.pisell-lowcode-navigation-menu-left-content {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-lowcode-navigation-menu-right-content {
+  display: flex;
+  gap: 8px;
+}

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

@@ -0,0 +1,3 @@
+import PisellNavigationMenu from './PisellNavigationMenu';
+export default PisellNavigationMenu;
+export type { PisellNavigationMenuProps, NavigationMenuItem } from './types';

package/es/components/pisellNavigationMenu/index.js

@@ -0,0 +1,2 @@
+import PisellNavigationMenu from "./PisellNavigationMenu";
+export default PisellNavigationMenu;

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

@@ -0,0 +1,54 @@
+import { CSSProperties } from 'react';
+export interface NavigationMenuItem {
+    id: string;
+    /** 标题 */
+    title: string;
+    /** 图标 */
+    icon?: string;
+    /** 描述 */
+    description?: string;
+    /** 子菜单 */
+    children?: NavigationMenuItem[];
+    /** 版本 */
+    version?: string;
+    /** 是否是分组 */
+    isGroup?: boolean;
+    /** 其他属性 */
+    [key: string]: any;
+}
+export interface PisellNavigationMenuProps {
+    /** 导航菜单数据 */
+    value: NavigationMenuItem[];
+    /** 是否允许拖拽排序 */
+    allowDrag?: boolean;
+    /** 是否允许删除菜单项 */
+    allowDelete?: boolean;
+    /** 是否允许添加子菜单 */
+    allowAddChild?: boolean;
+    /** 是否允许添加根菜单 */
+    allowAddRoot?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 菜单项间距 */
+    spacing?: number;
+    /** 最大层级数 */
+    maxLevel?: number;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 数据变化回调 */
+    onChange?: (items: NavigationMenuItem[]) => void;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 标题 */
+    title?: string;
+    /** 添加子菜单回调 */
+    onAddSubMenu?: (item?: NavigationMenuItem) => void;
+    /** 添加页面回调 */
+    onAddPage?: (item?: NavigationMenuItem) => void;
+    /** 编辑回调 */
+    onEdit?: (item?: NavigationMenuItem) => void;
+    /** 删除回调 */
+    onDelete?: (item?: NavigationMenuItem) => void;
+}

package/es/components/pisellNavigationMenu/types.js

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

package/es/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/es/index.d.ts

@@ -133,3 +133,4 @@ export { default as PisellNumberKeyboard } from './components/virtual-keyboard/N
 export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
 export { default as WalletCard } from './components/walletCard';
 export { default as PisellDropSort } from './components/pisellDropSort';
+export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';

package/es/index.js

@@ -132,4 +132,5 @@ export { default as PisellPriceKeyboard } from "./components/virtual-keyboard/Am
 export { default as PisellNumberKeyboard } from "./components/virtual-keyboard/Number";
 export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
 export { default as WalletCard } from "./components/walletCard";
-export { default as PisellDropSort } from "./components/pisellDropSort";
+export { default as PisellDropSort } from "./components/pisellDropSort";
+export { default as PisellNavigationMenu } from "./components/pisellNavigationMenu";

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

@@ -214,5 +214,7 @@ declare const _default: {
     'pisell-lowcode-app-version-control-promote-version-cancel': string;
     'pisell-lowcode-app-version-control-version-exists': string;
     'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -264,4 +264,4 @@ export default (_tableFilterSearch$ = {
   'pisell-icon-select-select': 'Select icon'
 }, _defineProperty(_tableFilterSearch$, "subdomain-error-too-short", 'Subdomain must be at least 2 characters long'), _defineProperty(_tableFilterSearch$, "subdomain-error-too-long", 'Subdomain cannot exceed 60 characters'), _defineProperty(_tableFilterSearch$, "subdomain-error-pattern", 'Subdomain can only contain lowercase letters, numbers and hyphens'), _defineProperty(_tableFilterSearch$, "subdomain-error-numbers-only", 'Subdomain cannot contain only numbers'), _defineProperty(_tableFilterSearch$, "subdomain-error-hyphen-ends", 'Subdomain cannot start or end with a hyphen'), _defineProperty(_tableFilterSearch$, "subdomain-error-consecutive-hyphens", 'Subdomain cannot contain consecutive hyphens'), _defineProperty(_tableFilterSearch$, "subdomain-error-required", 'Please enter subdomain'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-live', 'Live'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-draft', 'Draft'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-deprecated', 'Deprecated'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-new-version', 'New version'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-to-live', 'Promote to live'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version', function pisellLowcodeAppVersionControlPromoteVersion(version) {
   return "Promote version ".concat(version || "", "?");
-}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', 'Promoting this version will lock it further changes'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', 'Promote'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', 'Cancel'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', 'Version already exists'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', 'Add'), _tableFilterSearch$);
+}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', 'Promoting this version will lock it further changes'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', 'Promote'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', 'Cancel'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', 'Version already exists'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', 'Add'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-sub-menu', 'Add submenu'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-page', 'Add page'), _tableFilterSearch$);

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

@@ -213,5 +213,7 @@ declare const _default: {
     'pisell-lowcode-app-version-control-promote-version-cancel': string;
     'pisell-lowcode-app-version-control-version-exists': string;
     'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -261,4 +261,4 @@ export default (_tableFilterSearch$ = {
   'pisell-icon-select-select': '选择图标'
 }, _defineProperty(_tableFilterSearch$, "subdomain-error-too-short", '子域名长度不能小于2个字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-too-long", '子域名长度不能超过60个字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-pattern", '子域名只能包含小写字母、数字和连字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-numbers-only", '子域名不能全为数字'), _defineProperty(_tableFilterSearch$, "subdomain-error-hyphen-ends", '子域名不能以连字符开头或结尾'), _defineProperty(_tableFilterSearch$, "subdomain-error-consecutive-hyphens", '子域名不能包含连续的连字符'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-live', '正式版'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-draft', '草稿'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-deprecated', '已废弃'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-new-version', '新版本'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-to-live', '发布正式版'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version', function pisellLowcodeAppVersionControlPromoteVersion(version) {
   return "\u53D1\u5E03\u7248\u672C ".concat(version || "", "?");
-}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', '发布版本后，该版本将无法再进行修改'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', '发布'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', '取消'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', '版本已存在'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', '添加'), _tableFilterSearch$);
+}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', '发布版本后，该版本将无法再进行修改'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', '发布'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', '取消'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', '版本已存在'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', '添加'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-sub-menu', '添加子菜单'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-page', '添加页面'), _tableFilterSearch$);

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

@@ -213,5 +213,7 @@ declare const _default: {
     'pisell-lowcode-app-version-control-promote-version-cancel': string;
     'pisell-lowcode-app-version-control-version-exists': string;
     'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
 };
 export default _default;

package/es/locales/zh-TW.js

@@ -263,4 +263,4 @@ export default (_tableFilterSearch$ = {
   'pisell-icon-select-select': '選擇圖標'
 }, _defineProperty(_tableFilterSearch$, "subdomain-error-too-short", '子域名長度不能小於2個字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-too-long", '子域名長度不能超過60個字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-pattern", '子域名只能包含小寫字母、數字和連字符'), _defineProperty(_tableFilterSearch$, "subdomain-error-numbers-only", '子域名不能全為數字'), _defineProperty(_tableFilterSearch$, "subdomain-error-hyphen-ends", '子域名不能以連字符開頭或結尾'), _defineProperty(_tableFilterSearch$, "subdomain-error-consecutive-hyphens", '子域名不能包含連續的連字符'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-live', '正式版'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-draft', '草稿'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-deprecated', '已廢棄'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-new-version', '新版本'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-to-live', '發布正式版'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version', function pisellLowcodeAppVersionControlPromoteVersion(version) {
   return "\u767C\u5E03\u7248\u672C ".concat(version || "", "?");
-}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', '發布版本後，該版本將無法再進行修改'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', '發布'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', '取消'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', '版本已存在'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', '添加'), _tableFilterSearch$);
+}), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-describe', '發布版本後，該版本將無法再進行修改'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-ok', '發布'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-promote-version-cancel', '取消'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-app-version-control-version-exists', '版本已存在'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-drop-sort-add', '添加'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-sub-menu', '添加子菜單'), _defineProperty(_tableFilterSearch$, 'pisell-lowcode-navigation-menu-add-page', '添加頁面'), _tableFilterSearch$);

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/appVersionControl/index.js

@@ -129,7 +129,7 @@ var AppVersionControl = (props) => {
         }
       )
     ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, currentVersion == null ? void 0 : currentVersion.label),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.label) || "", " - V", (currentVersion == null ? void 0 : currentVersion.version) || ""),
     /* @__PURE__ */ import_react.default.createElement(
       import_versionSelect.default,
       {

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { DataSourceTableProps } from './type';
-declare const BaseTable: (props: DataSourceTableProps) => React.JSX.Element;
-export default BaseTable;
+export interface TableRef {
+    refreshCurrentPage: () => void;
+    refreshData: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -45,7 +45,7 @@ var import_useDataSource = __toESM(require("../hooks/useDataSource"));
 var import_TableSettingProvider = __toESM(require("./provider/tableSetting/TableSettingProvider"));
 var import_useDataSourceKey = __toESM(require("./hooks/useDataSourceKey"));
 var import_useTableProps = __toESM(require("./hooks/useTableProps"));
-var BaseTable = (props) => {
+var BaseTable = (props, ref) => {
   const {
     columns: propsColumns,
     dataSource,
@@ -71,7 +71,7 @@ var BaseTable = (props) => {
     Container,
     drawerContent
   } = (0, import_useDrawerState.default)(operationContent);
-  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange } = (0, import_useTableQuery.default)(props);
+  const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange, refreshCurrentPage } = (0, import_useTableQuery.default)(props);
   const handleAllValuesChange = (changedValues, values) => {
     var _a;
     (_a = props == null ? void 0 : props.onValuesChange) == null ? void 0 : _a.call(props, changedValues, values);
@@ -119,6 +119,15 @@ var BaseTable = (props) => {
     handleFilterChange,
     tableRef
   });
+  (0, import_react.useImperativeHandle)(ref, () => {
+    if (tableRef.current) {
+      tableRef.current.dataSourceTable = {
+        refreshCurrentPage,
+        refreshData
+      };
+    }
+    return tableRef.current;
+  });
   return /* @__PURE__ */ import_react.default.createElement(import_TableSettingProvider.default, null, /* @__PURE__ */ import_react.default.createElement(
     import_table.default,
     {
@@ -151,4 +160,4 @@ var BaseTable = (props) => {
     )
   ));
 };
-var BaseTable_default = BaseTable;
+var BaseTable_default = (0, import_react.forwardRef)(BaseTable);

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/dataSourceTable/hooks/useTableQuery.d.ts

@@ -28,5 +28,6 @@ declare const useTableQuery: (props: DataSourceTableProps) => {
     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

@@ -72,12 +72,18 @@ var useTableQuery = (props) => {
       page: 1
     }));
   });
+  const refreshCurrentPage = (0, import_ahooks.useMemoizedFn)(() => {
+    setQueryPageConfig((prev) => ({
+      ...prev
+    }));
+  });
   return {
     queryPageConfig,
     setQueryPageConfig,
     handleValuesChange,
     refreshData,
-    handleFilterChange
+    handleFilterChange,
+    refreshCurrentPage
   };
 };
 var useTableQuery_default = useTableQuery;

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

@@ -1,5 +1,6 @@
 import React from 'react';
+import { TableRef } from './BaseTable';
 import './index.less';
 import { DataSourceTableProps } from './type';
-declare const DataSourceTable: (props: DataSourceTableProps) => React.JSX.Element;
-export default DataSourceTable;
+declare const _default: React.ForwardRefExoticComponent<DataSourceTableProps & React.RefAttributes<TableRef>>;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceTable/index.js

@@ -36,8 +36,8 @@ var import_react = __toESM(require("react"));
 var import_BaseTable = __toESM(require("./BaseTable"));
 var import_DataSourceProvider = __toESM(require("../provider/dataSource/DataSourceProvider"));
 var import_index = require("./index.less");
-var DataSourceTable = (props) => {
+var DataSourceTable = (props, ref) => {
   const { dataSource, __designMode, extraParams } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode, extraParams }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props }));
+  return /* @__PURE__ */ import_react.default.createElement(import_DataSourceProvider.default, { dataSource, __designMode, extraParams }, /* @__PURE__ */ import_react.default.createElement(import_BaseTable.default, { ...props, ref }));
 };
-var dataSourceTable_default = DataSourceTable;
+var dataSourceTable_default = (0, import_react.forwardRef)(DataSourceTable);

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/index.js

@@ -115,7 +115,7 @@ function SortableTree({
   const flattenedItems = (0, import_react.useMemo)(() => {
     const flattenedTree = (0, import_utilities2.flattenTree)(items);
     const collapsedItems = flattenedTree.reduce(
-      (acc, { children, collapsed, id }) => collapsed && children.length ? [...acc, id] : acc,
+      (acc, { children = [], collapsed, id }) => collapsed && (children == null ? void 0 : children.length) ? [...acc, id] : acc,
       []
     );
     return (0, import_utilities2.removeChildrenOf)(
@@ -149,7 +149,6 @@ function SortableTree({
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
-  console.log(__designMode, "__designMode");
   return /* @__PURE__ */ import_react.default.createElement(
     import_core.DndContext,
     {
@@ -173,8 +172,8 @@ function SortableTree({
           depth: id === activeId && projected ? projected.depth : depth,
           indentationWidth,
           indicator,
-          collapsed: Boolean(collapsed && children.length),
-          onCollapse: collapsible && children.length ? () => handleCollapse(id) : void 0,
+          collapsed: Boolean(collapsed && (children == null ? void 0 : children.length)),
+          onCollapse: collapsible && (children == null ? void 0 : children.length) ? () => handleCollapse(id) : void 0,
           onRemove: removable ? () => handleRemove(item) : void 0,
           renderItem,
           __designMode

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

@@ -4,6 +4,7 @@ export interface TreeItem {
     id: UniqueIdentifier;
     children: TreeItem[];
     collapsed?: boolean;
+    [key: string]: any;
 }
 export declare type TreeItems = TreeItem[];
 export interface FlattenedItem extends TreeItem {