@pisell/materials 1.0.997 → 1.0.999

package/lib/components/PisellCards/components/TextCard/components/BadgeWrapper.js

@@ -42,14 +42,16 @@ var BadgeWrapper = (props) => {
   const {
     type = "dot",
     content,
-    position = "top-right",
     offset,
+    size,
     color,
-    style
+    style,
+    showZero = false,
+    ...rest
   } = badge;
   const renderBadge = () => {
     if (type === "dot") {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { dot: true, color, offset, style }, children);
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { dot: true, color, offset, size, style, ...rest }, children);
     }
     if (type === "number" || type === "text") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -58,8 +60,10 @@ var BadgeWrapper = (props) => {
           count: content,
           color,
           offset,
+          size,
           style,
-          showZero: type === "number"
+          showZero,
+          ...rest
         },
         children
       );

package/lib/components/PisellCards/components/TextCard/components/TextContent.js

@@ -76,7 +76,7 @@ var TextContent = (props) => {
       style.whiteSpace = "normal";
     }
     return style;
-  }, [active, fontSize, fontWeight, color, ellipsis, maxLines]);
+  }, [active, fontSize, fontWeight, color, ellipsis, maxLines, textAlign, flex]);
   if (active == null ? void 0 : active.value) {
     console.log("textStyle11", textStyle);
   }

package/lib/components/PisellCards/components/TextCard/types.d.ts

@@ -43,9 +43,9 @@ export interface TagConfig {
  */
 export declare type BadgeType = 'dot' | 'number' | 'text';
 /**
- * 角标位置
+ * 角标大小
  */
-export declare type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export declare type BadgeSize = 'small' | 'default';
 /**
  * 角标配置
  */
@@ -60,11 +60,6 @@ export interface BadgeConfig {
      * 当 type 为 'number' 或 'text' 时有效
      */
     content?: ReactNode;
-    /**
-     * 角标位置
-     * @default 'top-right'
-     */
-    position?: BadgePosition;
     /**
      * 角标偏移量 [x, y]
      * 正数向右/下偏移，负数向左/上偏移
@@ -78,6 +73,18 @@ export interface BadgeConfig {
      * 角标自定义样式
      */
     style?: CSSProperties;
+    /**
+     * 角标大小
+     */
+    size?: BadgeSize;
+    /**
+     * 角标是否显示零值
+     */
+    showZero?: boolean;
+    /**
+     * 角标其他属性
+     */
+    [key: string]: any;
 }
 /**
  * 文本配置

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const PisellCards: {
     TabCard: (props: any) => JSX.Element;
     TextCard: (props: any) => JSX.Element;

package/lib/components/PisellScrollView/hooks/useScrollEvents.js

@@ -58,10 +58,15 @@ var useScrollEvents = ({
       clientHeight,
       clientWidth
     } = container;
-    const maxScrollTop = scrollHeight - clientHeight;
-    const maxScrollLeft = scrollWidth - clientWidth;
+    const maxScrollTop = Math.max(0, scrollHeight - clientHeight);
+    const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);
     const percentY = maxScrollTop > 0 ? scrollTop / maxScrollTop * 100 : 0;
     const percentX = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft * 100 : 0;
+    const isScrollToTop = scrollTop <= reachThreshold;
+    const isScrollToBottom = scrollTop + clientHeight >= scrollHeight - reachThreshold;
+    const isScrollToLeft = scrollLeft <= reachThreshold;
+    const isScrollToRight = scrollLeft + clientWidth >= scrollWidth - reachThreshold;
+    const isOverflows = scrollHeight > clientHeight || scrollWidth > clientWidth;
     const currentData = {
       scrollTop,
       scrollLeft,
@@ -71,8 +76,13 @@ var useScrollEvents = ({
       clientWidth,
       percentY,
       percentX,
-      direction: null
+      direction: null,
       // 在这里计算方向比较麻烦，可以使用 scrollState 中的（虽然有一点延迟）
+      isScrollToTop,
+      isScrollToBottom,
+      isScrollToLeft,
+      isScrollToRight,
+      isOverflows
     };
     if (!isScrolling.current) {
       isScrolling.current = true;

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

@@ -1,2 +1,3 @@
-export { default as PisellScrollView } from './PisellScrollView';
+import PisellScrollView from './PisellScrollView';
 export type { PisellScrollViewProps, PisellScrollViewRef } from './types';
+export default PisellScrollView;

package/lib/components/PisellScrollView/index.js

@@ -29,11 +29,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/PisellScrollView/index.tsx
 var PisellScrollView_exports = {};
 __export(PisellScrollView_exports, {
-  PisellScrollView: () => import_PisellScrollView.default
+  default: () => PisellScrollView_default
 });
 module.exports = __toCommonJS(PisellScrollView_exports);
 var import_PisellScrollView = __toESM(require("./PisellScrollView"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PisellScrollView
-});
+var PisellScrollView_default = import_PisellScrollView.default;

package/lib/components/PisellSuperTabs/PisellSuperTabs.d.ts

@@ -1,13 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import type { PisellSuperTabsProps } from './types';
 import './PisellSuperTabs.less';
-/**
- * PisellSuperTabs 组件
- * @description 通用导航框架封装的全能型 Tab 组件
- * @template T - 数据源项的类型
- */
-declare const PisellSuperTabs: {
-    <T>(props: PisellSuperTabsProps<T>): JSX.Element;
-    displayName: string;
-};
-export default PisellSuperTabs;
+interface PisellSuperTabsRef {
+    scrollItemByRowKey: (key: string) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<PisellSuperTabsProps<unknown> & React.RefAttributes<PisellSuperTabsRef>>;
+export default _default;

package/lib/components/PisellSuperTabs/PisellSuperTabs.js

@@ -37,9 +37,9 @@ var import_classnames = __toESM(require("classnames"));
 var import_hooks = require("./hooks");
 var import_utils = require("./utils");
 var import_PisellBasicGrid = __toESM(require("../PisellBasicGrid"));
-var import_PisellScrollView = require("../PisellScrollView");
+var import_PisellScrollView = __toESM(require("../PisellScrollView"));
 var import_PisellSuperTabs = require("./PisellSuperTabs.less");
-var PisellSuperTabs = (props) => {
+var PisellSuperTabs = (props, ref) => {
   const {
     // 基础属性
     className,
@@ -69,19 +69,37 @@ var PisellSuperTabs = (props) => {
     slotLeftStyle,
     slotRightStyle,
     slotTopStyle,
-    slotBottomStyle
+    slotBottomStyle,
+    __designMode
   } = props;
+  const containerRef = (0, import_react.useRef)(null);
   const { activeKey, handleTabChange } = (0, import_hooks.useTabsState)({
     value,
     defaultValue,
     onChange
   });
+  const scrollItemByRowKey = (key) => {
+    const item = document.querySelector(`.pisell-super-tabs-item-${id}-${key}`);
+    console.log(`.pisell-super-tabs-item-${id}-${key}`);
+    if (item) {
+      item.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  (0, import_react.useImperativeHandle)(ref, () => {
+    if (__designMode) {
+      return containerRef.current;
+    }
+    return {
+      scrollItemByRowKey
+    };
+  });
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_classnames.default)("pisell-super-tabs", className),
       style,
-      id
+      id,
+      ref: containerRef
     },
     /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -105,7 +123,7 @@ var PisellSuperTabs = (props) => {
       },
       slotLeft
     ),
-    /* @__PURE__ */ import_react.default.createElement(import_PisellScrollView.PisellScrollView, { ...scrollViewProps }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_PisellScrollView.default, { ...scrollViewProps }, /* @__PURE__ */ import_react.default.createElement(
       import_PisellBasicGrid.default,
       {
         ...gridProps,
@@ -147,6 +165,7 @@ var PisellSuperTabs = (props) => {
               key,
               className: (0, import_classnames.default)(
                 "pisell-super-tabs-item",
+                `pisell-super-tabs-item-${id}-${key}`,
                 {
                   "pisell-super-tabs-item--active": active
                 },
@@ -185,4 +204,4 @@ var PisellSuperTabs = (props) => {
   );
 };
 PisellSuperTabs.displayName = "PisellSuperTabs";
-var PisellSuperTabs_default = PisellSuperTabs;
+var PisellSuperTabs_default = (0, import_react.forwardRef)(PisellSuperTabs);

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

@@ -166,6 +166,7 @@ export interface PisellSuperTabsProps<T = any> {
     slotBottom?: ReactNode;
     slotBottomClassName?: string;
     slotBottomStyle?: CSSProperties;
+    __designMode?: boolean;
 }
 /**
  * 数据项基础类型

package/lib/components/PisellTabbar/constants.d.ts

@@ -12,15 +12,15 @@ export declare const getExpandConfig: () => ExpandConfig;
  */
 export declare const DEFAULT_ITEMS: {
     all: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
-        name: string;
+        name: any;
         slug: string;
         icon: string;
     };
     search: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
         name: string;
@@ -30,7 +30,7 @@ export declare const DEFAULT_ITEMS: {
         customClick: boolean;
     };
     expand: {
-        id: number;
+        id: string;
         shop_id: number;
         parent_id: number;
         key: string;

package/lib/components/PisellTabbar/constants.js

@@ -58,15 +58,15 @@ var getExpandConfig = () => ({
 });
 var DEFAULT_ITEMS = {
   all: {
-    id: 0,
+    id: "0",
     shop_id: 9,
     parent_id: 0,
-    name: "All",
-    slug: "All",
+    name: (0, import_locales.getText)("pisell-tabbar-all"),
+    slug: "all",
     icon: ""
   },
   search: {
-    id: -1,
+    id: "-1",
     shop_id: 9,
     parent_id: 0,
     name: "Search",
@@ -76,7 +76,7 @@ var DEFAULT_ITEMS = {
     customClick: true
   },
   expand: {
-    id: -2,
+    id: "-2",
     shop_id: 9,
     parent_id: 0,
     key: "expand",

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

@@ -3,5 +3,7 @@
  * @module PisellTabbar
  */
 import PisellTabbar from './PisellTabbar';
+import PisellTabbarTemplate1 from './template/Template1';
 export type { PisellTabbarProps, TabbarDataSource, LevelType } from './types';
+export { PisellTabbarTemplate1 };
 export default PisellTabbar;

package/lib/components/PisellTabbar/index.js

@@ -29,8 +29,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/PisellTabbar/index.tsx
 var PisellTabbar_exports = {};
 __export(PisellTabbar_exports, {
+  PisellTabbarTemplate1: () => import_Template1.default,
   default: () => PisellTabbar_default
 });
 module.exports = __toCommonJS(PisellTabbar_exports);
 var import_PisellTabbar = __toESM(require("./PisellTabbar"));
+var import_Template1 = __toESM(require("./template/Template1"));
 var PisellTabbar_default = import_PisellTabbar.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellTabbarTemplate1
+});

package/lib/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellTabbarProps } from '../../types';
+import '../../PisellTabbar.less';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;