@pisell/materials 1.0.987 → 1.0.988

package/es/components/PisellTabbar2/PisellTabbar.js

@@ -76,8 +76,12 @@ var PisellTabbar = function PisellTabbar(props) {
    * 处理一级 Tab 切换
    */
   var handleLevel1Change = useCallback(function (key, item) {
-    var _item$children, _item$children$;
-    setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item === null || item === void 0 || (_item$children$ = item.children[0]) === null || _item$children$ === void 0 ? void 0 : _item$children$.id : undefined);
+    if (item.childrenMaxLevel !== undefined && item.childrenMaxLevel < 2) {
+      setActiveKey(0, key, 0);
+    } else {
+      var _item$children, _item$children$;
+      setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item === null || item === void 0 || (_item$children$ = item.children[0]) === null || _item$children$ === void 0 ? void 0 : _item$children$.id : undefined);
+    }
   }, [setActiveKey]);
 
   /**
@@ -111,7 +115,7 @@ var PisellTabbar = function PisellTabbar(props) {
 
     // 如果子级最大层级小于2，则渲染三级 Tabbar 样式
     if (childrenMaxLevel < 2) {
-      return renderLevel3(panelProps);
+      return renderLevel3(panelProps, true);
     }
     var _dataSource = panelProps.dataSource.children || [];
     if (_dataSource.length) {
@@ -163,7 +167,7 @@ var PisellTabbar = function PisellTabbar(props) {
   /**
    * 渲染三级 Tabbar
    */
-  var renderLevel3 = useCallback(function (panelProps2) {
+  var renderLevel3 = useCallback(function (panelProps2, isLevel2) {
     if (maxLevel < 3) return null;
     var _dataSource2 = panelProps2.dataSource.children || [];
     if (_dataSource2.length) {
@@ -172,21 +176,22 @@ var PisellTabbar = function PisellTabbar(props) {
     return /*#__PURE__*/React.createElement(TabbarLevel, {
       skuId: "sku-list-tabbar-".concat(panelProps2.dataSource.id),
       dataSource: _dataSource2,
-      activePanelKey: getActiveKey(2),
-      level: "level3",
-      setActivePanelKey: handleLevel3Change,
-      expand: getExpand('level3'),
+      activePanelKey: getActiveKey(isLevel2 ? 1 : 2),
+      level: 'level3',
+      setActivePanelKey: isLevel2 ? handleLevel2Change : handleLevel3Change,
+      expand: getExpand(isLevel2 ? 'level2' : 'level3'),
       handleExpand: function handleExpand() {
-        return toggleExpand('level3');
+        return toggleExpand(isLevel2 ? 'level2' : 'level3');
       },
       levelConfig: getLevelConfig('level3'),
       expandConfig: expandConfig,
-      positionId: getLevelConfig('level3').positionId
+      positionId: getLevelConfig(isLevel2 ? 'level2' : 'level3').positionId
     });
   }, [maxLevel, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, expandConfig]);
   useEffect(function () {
     document.body.id = 'body';
   }, []);
+  console.log('activeKeyactiveKey', activeKey);
   return dataSource.length ? /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-tabbar2', className),
     style: style
@@ -212,7 +217,10 @@ var PisellTabbar = function PisellTabbar(props) {
         gap: 12
       },
       panelStyle: {
-        height: '100%',
+        position: 'absolute',
+        top: 40,
+        right: 0,
+        height: 'calc(100% - 40px)',
         transition: '0.3s ease-in-out'
       },
       startSlot: null,
@@ -235,4 +243,39 @@ var PisellTabbar = function PisellTabbar(props) {
   })) : null;
 };
 PisellTabbar.displayName = 'PisellTabbar';
+PisellTabbar.getDefaultActiveKey = getDefaultActiveKey;
+
+// const Demo = () => {
+//   return (
+//     <div style={{ height: '100vh', width: '100%', display: 'flex' }}>
+//       <div className="" style={{ height: '100%', width: 'calc(100% - 100px)' }}>
+//         <div className="tabbar-level-3-wrap" style={{ width: '100%' }}></div>
+//         <div className="" style={{ height: '400px' }}>
+//           content
+//         </div>
+//       </div>
+//       <div
+//         className=""
+//         style={{
+//           height: '100%',
+//           width: '100px',
+//           display: 'flex',
+//           alignItems: 'flex-start',
+//         }}
+//       >
+//         <div
+//           className="tabbar-level-2-wrap"
+//           style={{
+//             height: '100%',
+//             position: 'relative',
+//           }}
+//         ></div>
+//         <div className="" style={{ height: '100%' }}>
+//           <PisellTabbar __designMode />
+//         </div>
+//       </div>
+//     </div>
+//   );
+// };
+
 export default PisellTabbar;

package/es/components/PisellTabbar2/PisellTabbar.less

@@ -4,6 +4,7 @@
 .pisell-tabbar2 {
   // height: 100vh;
   width: 96px;
+  height: 100%;
   // position: fixed;
   // top: 0;
   // right: 0;

package/es/components/PisellTabbar2/components/TabbarLevel.js

@@ -247,9 +247,16 @@ var TabbarLevel = /*#__PURE__*/memo(function (props) {
         onClick: handleExpand
       }));
     }
+    var panelStyle = {};
+    if (itemProps.dataSource.childrenMaxLevel >= 2) {
+      panelStyle = _objectSpread(_objectSpread({}, superTabsProps === null || superTabsProps === void 0 ? void 0 : superTabsProps.panelStyle), panelVisible !== undefined ? {
+        transform: panelVisible ? 'translateX(0)' : 'translateX(110%)'
+      } : {});
+    }
 
     // 普通项
     return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+      panelWidthMode: "auto",
       card: function card(cardProps) {
         if (level === 'level1') {
           return renderLevel1NormalCard(cardProps);
@@ -266,14 +273,12 @@ var TabbarLevel = /*#__PURE__*/memo(function (props) {
         }
         return null;
       },
-      panelStyle: _objectSpread(_objectSpread({}, superTabsProps === null || superTabsProps === void 0 ? void 0 : superTabsProps.panelStyle), panelVisible !== undefined ? {
-        transform: panelVisible ? 'translateX(0)' : 'translateX(110%)'
-      } : {}),
+      panelStyle: panelStyle,
       panelContainer: function panelContainer(panelProps) {
         var _panelProps$dataSourc2;
         var childrenMaxLevel = ((_panelProps$dataSourc2 = panelProps.dataSource) === null || _panelProps$dataSourc2 === void 0 ? void 0 : _panelProps$dataSourc2.childrenMaxLevel) || 2;
         var _positionId = positionId || '';
-        if (childrenMaxLevel < 2) {
+        if (level2PositionId && childrenMaxLevel < 2) {
           _positionId = level2PositionId;
         }
         if (_positionId) {

package/es/components/PisellTabbar2/mock.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const _default: ({
     id: number;
     shop_id: number;
     parent_id: number;
@@ -12,7 +12,103 @@ declare const _default: {
     update_account_id: number;
     created_at: string;
     updated_at: string;
-    children: {
+    childrenMaxLevel: number;
+    children: ({
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        childrenMaxLevel: number;
+        children?: undefined;
+    } | {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        childrenMaxLevel?: undefined;
+        children?: undefined;
+    } | {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        childrenMaxLevel: number;
+        children: ({
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            childrenMaxLevel: number;
+            children: {
+                id: number;
+                shop_id: number;
+                parent_id: number;
+                name: string;
+                slug: string;
+                icon: string;
+                status: string;
+                last_applicable_time: number;
+                sort: number;
+                create_account_id: number;
+                update_account_id: number;
+                created_at: string;
+                updated_at: string;
+                children: never[];
+            }[];
+        } | {
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            children: never[];
+            childrenMaxLevel?: undefined;
+        })[];
+    } | {
         id: number;
         shop_id: number;
         parent_id: number;
@@ -57,6 +153,53 @@ declare const _default: {
                 children: never[];
             }[];
         }[];
+        childrenMaxLevel?: undefined;
+    })[];
+} | {
+    id: number;
+    shop_id: number;
+    parent_id: number;
+    name: string;
+    slug: string;
+    icon: string;
+    status: string;
+    last_applicable_time: number;
+    sort: number;
+    create_account_id: number;
+    update_account_id: number;
+    created_at: string;
+    updated_at: string;
+    children: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        children: {
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            children: never[];
+        }[];
     }[];
-}[];
+    childrenMaxLevel?: undefined;
+})[];
 export default _default;

package/es/components/PisellTabbar2/mock.js

@@ -12,6 +12,7 @@ export default [{
   "update_account_id": 104,
   "created_at": "2025-09-15 12:05:01",
   "updated_at": "2025-09-19 17:33:56",
+  "childrenMaxLevel": 1,
   "children": [{
     "id": 1458,
     "shop_id": 9,
@@ -26,22 +27,7 @@ export default [{
     "update_account_id": 14,
     "created_at": "2025-05-14 16:12:27",
     "updated_at": "2025-12-08 20:06:46",
-    "children": [{
-      "id": 1468,
-      "shop_id": 9,
-      "parent_id": 1458,
-      "name": "3级类别",
-      "slug": "3级类别",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1748414187,
-      "sort": 0,
-      "create_account_id": 318,
-      "update_account_id": 318,
-      "created_at": "2025-05-28 16:36:14",
-      "updated_at": "2025-05-28 16:36:27",
-      "children": []
-    }]
+    "childrenMaxLevel": 0
   }, {
     "id": 1457,
     "shop_id": 9,
@@ -130,98 +116,7 @@ export default [{
     "create_account_id": 6,
     "update_account_id": 390,
     "created_at": "2025-05-14 16:10:01",
-    "updated_at": "2025-12-03 18:51:04",
-    "children": [{
-      "id": 1458,
-      "shop_id": 9,
-      "parent_id": 1453,
-      "name": "Kid's Menu (8-10 pp)",
-      "slug": "kid-s-menu-8-10-pp",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1765184806,
-      "sort": 0,
-      "create_account_id": 6,
-      "update_account_id": 14,
-      "created_at": "2025-05-14 16:12:27",
-      "updated_at": "2025-12-08 20:06:46",
-      "children": [{
-        "id": 1468,
-        "shop_id": 9,
-        "parent_id": 1458,
-        "name": "3级类别",
-        "slug": "3级类别",
-        "icon": "",
-        "status": "published",
-        "last_applicable_time": 1748414187,
-        "sort": 0,
-        "create_account_id": 318,
-        "update_account_id": 318,
-        "created_at": "2025-05-28 16:36:14",
-        "updated_at": "2025-05-28 16:36:27",
-        "children": []
-      }]
-    }, {
-      "id": 1457,
-      "shop_id": 9,
-      "parent_id": 1453,
-      "name": "Platter (8-10 pp)",
-      "slug": "platter-8-10-pp",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1755161018,
-      "sort": 0,
-      "create_account_id": 6,
-      "update_account_id": 6,
-      "created_at": "2025-05-14 16:12:13",
-      "updated_at": "2025-08-14 18:43:38",
-      "children": []
-    }, {
-      "id": 1456,
-      "shop_id": 9,
-      "parent_id": 1453,
-      "name": "Snack Platter (8-10 pp)",
-      "slug": "snack-platter-8-10-pp",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1747203120,
-      "sort": 0,
-      "create_account_id": 6,
-      "update_account_id": 6,
-      "created_at": "2025-05-14 16:12:00",
-      "updated_at": "2025-05-14 16:12:00",
-      "children": []
-    }, {
-      "id": 1455,
-      "shop_id": 9,
-      "parent_id": 1453,
-      "name": "Cake",
-      "slug": "cake",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1747273684,
-      "sort": 0,
-      "create_account_id": 6,
-      "update_account_id": 6,
-      "created_at": "2025-05-14 16:11:35",
-      "updated_at": "2025-05-15 11:48:04",
-      "children": []
-    }, {
-      "id": 1454,
-      "shop_id": 9,
-      "parent_id": 1453,
-      "name": "Drink",
-      "slug": "drink",
-      "icon": "",
-      "status": "published",
-      "last_applicable_time": 1747203080,
-      "sort": 0,
-      "create_account_id": 6,
-      "update_account_id": 6,
-      "created_at": "2025-05-14 16:11:20",
-      "updated_at": "2025-05-14 16:11:20",
-      "children": []
-    }]
+    "updated_at": "2025-12-03 18:51:04"
   }, {
     "id": 1428,
     "shop_id": 9,
@@ -601,8 +496,8 @@ export default [{
     "id": 669,
     "shop_id": 9,
     "parent_id": 0,
-    "name": "一级分类",
-    "slug": "一级分类",
+    "name": "1一级分类",
+    "slug": "1一级分类",
     "icon": "",
     "status": "published",
     "last_applicable_time": 1727247151,
@@ -611,6 +506,7 @@ export default [{
     "update_account_id": 104,
     "created_at": "2022-08-30 16:04:00",
     "updated_at": "2024-09-25 16:52:31",
+    "childrenMaxLevel": 2,
     "children": [{
       "id": 670,
       "shop_id": 9,
@@ -625,6 +521,7 @@ export default [{
       "update_account_id": 41,
       "created_at": "2022-08-30 16:04:31",
       "updated_at": "2024-07-09 12:17:30",
+      "childrenMaxLevel": 1,
       "children": [{
         "id": 1028,
         "shop_id": 9,
@@ -1362,6 +1259,7 @@ export default [{
   "update_account_id": 390,
   "created_at": "2025-05-14 16:10:01",
   "updated_at": "2025-12-03 18:51:04",
+  "childrenMaxLevel": 2,
   "children": [{
     "id": 1458,
     "shop_id": 9,
@@ -1376,6 +1274,7 @@ export default [{
     "update_account_id": 14,
     "created_at": "2025-05-14 16:12:27",
     "updated_at": "2025-12-08 20:06:46",
+    "childrenMaxLevel": 1,
     "children": [{
       "id": 1468,
       "shop_id": 9,

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

@@ -3,6 +3,8 @@ import { CSSProperties, ReactNode } from 'react';
  * Tabbar 数据源项类型
  */
 export interface TabbarDataSource {
+    /** 子级最大层级 */
+    childrenMaxLevel?: number;
     /** 唯一标识 */
     id: string | number;
     /** 店铺ID */

package/es/components/PisellTabbar2/utils/index.js

@@ -97,11 +97,15 @@ export var getDefaultActiveKey = function getDefaultActiveKey(dataSource, rowKey
 
     // 如果第一项有子级，添加第二层级的第一项
     if ((_level1Item$children = level1Item.children) !== null && _level1Item$children !== void 0 && _level1Item$children.length) {
-      var _level2Item$children;
-      var level2Item = level1Item.children[0];
-      _activeKey.push(String(level2Item[rowKey]));
-      if ((_level2Item$children = level2Item.children) !== null && _level2Item$children !== void 0 && _level2Item$children.length) {
+      if (level1Item.childrenMaxLevel !== undefined && level1Item.childrenMaxLevel < 2) {
         _activeKey.push(String(0));
+      } else {
+        var _level2Item$children;
+        var level2Item = level1Item.children[0];
+        _activeKey.push(String(level2Item[rowKey]));
+        if ((_level2Item$children = level2Item.children) !== null && _level2Item$children !== void 0 && _level2Item$children.length) {
+          _activeKey.push(String(0));
+        }
       }
     }
   }

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

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

@@ -0,0 +1,4 @@
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+export default AppVersionControl;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/auto-complete/index.d.ts

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

package/es/components/auto-complete-number/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AutoCompleteProps, InputNumberProps } from "antd";
+interface AutoCompleteNumberProps {
+    autoCompleteProps: AutoCompleteProps;
+    inputNumberProps: InputNumberProps;
+    value?: any;
+    onChange?: any;
+}
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
+export default AutoCompleteNumber;

package/es/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -0,0 +1,20 @@
+export declare type Options = {
+    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
+    minFontSizePx?: number | undefined;
+    maxFontSizePx?: number | undefined;
+    fontSizePrecisionPx?: number | undefined;
+    scrollToEnd?: boolean | undefined;
+};
+export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): void;
+declare type DisconnectableFunction = {
+    (): void;
+    disconnect: () => void;
+};
+export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): DisconnectableFunction;
+export {};

package/es/components/auto-resize-text/index.d.ts

@@ -0,0 +1,6 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
+import { Options } from './auto-text-size-standalone';
+export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
+    as?: keyof ReactHTML | React.ComponentType<any>;
+    children?: React.ReactNode;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => JSX.Element;
+export default Badge;

package/es/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => JSX.Element | null;
+export default Image;