@pisell/materials 6.8.1 → 6.8.3

package/lib/components/PisellProcedure/components/ProcedureSidebar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CSSProperties, ReactNode } from 'react';
-import type { ProcedureMode } from '../types';
+import type { ProcedureMode, BodyDirection } from '../types';
 /**
  * ProcedureSidebar 子组件 Props
  */
@@ -23,6 +23,8 @@ export interface ProcedureSidebarProps {
     containerSelector?: string;
     /** 组件使用模式 */
     mode?: ProcedureMode;
+    /** 排列方向 */
+    direction?: BodyDirection;
 }
 /**
  * ProcedureSidebar 信息区组件

package/lib/components/PisellProcedure/components/ProcedureSidebar.js

@@ -43,19 +43,21 @@ var ProcedureSidebar = ({
   extra,
   isRatioMode = false,
   containerSelector,
-  mode = "page"
+  mode = "page",
+  direction = "horizontal"
 }) => {
+  const isVertical = direction === "vertical";
   const headerSize = (0, import_hooks.useElementSize)({
     selector: ".pisell-procedure-header",
-    enabled: true
+    enabled: !isVertical
   });
   const floatAllFooterSize = (0, import_hooks.useElementSize)({
     selector: ".pisell-procedure-footer--float-all",
-    enabled: true
+    enabled: !isVertical
   });
   const fixedBottomFooterSize = (0, import_hooks.useElementSize)({
     selector: ".pisell-procedure-footer--fixed-bottom",
-    enabled: true
+    enabled: !isVertical
   });
   const footerHeight = Math.max(
     (floatAllFooterSize == null ? void 0 : floatAllFooterSize.height) || 0,
@@ -63,7 +65,7 @@ var ProcedureSidebar = ({
   );
   const containerSize = (0, import_hooks.useElementSize)({
     selector: containerSelector || "",
-    enabled: !!containerSelector,
+    enabled: !isVertical && !!containerSelector,
     threshold: 5,
     debounceMs: 200
   });
@@ -82,6 +84,9 @@ var ProcedureSidebar = ({
     };
   }, [containerWidth]);
   const isSizeStable = (0, import_react.useMemo)(() => {
+    if (isVertical) {
+      return false;
+    }
     if (!(headerSize == null ? void 0 : headerSize.height) || headerSize.height === 0) {
       return false;
     }
@@ -89,14 +94,21 @@ var ProcedureSidebar = ({
       return (containerSize == null ? void 0 : containerSize.width) > 0 && (containerSize == null ? void 0 : containerSize.height) > 0;
     }
     return true;
-  }, [containerSelector, containerSize == null ? void 0 : containerSize.width, containerSize == null ? void 0 : containerSize.height, headerSize == null ? void 0 : headerSize.height]);
+  }, [
+    isVertical,
+    containerSelector,
+    containerSize == null ? void 0 : containerSize.width,
+    containerSize == null ? void 0 : containerSize.height,
+    headerSize == null ? void 0 : headerSize.height
+  ]);
   const siderHeight = (0, import_hooks.useSidebarHeight)(isSizeStable, {
     containerSelector,
     containerHeight: containerSize == null ? void 0 : containerSize.height,
     headerHeight: headerSize == null ? void 0 : headerSize.height,
     footerHeight
   });
-  const responsiveCls = mode === "modal" ? (0, import_hooks.useResponsiveClass)(containerWidth) : "";
+  const responsiveClsComputed = (0, import_hooks.useResponsiveClass)(containerWidth);
+  const responsiveCls = mode === "modal" ? responsiveClsComputed : "";
   const sidebarCls = (0, import_react.useMemo)(() => {
     return (0, import_utils.mergeClassNames)(
       "pisell-procedure-sidebar",
@@ -114,7 +126,8 @@ var ProcedureSidebar = ({
         overflow: "hidden",
         ...siderHeight && siderHeight > 0 ? {
           height: `${siderHeight}px`
-        } : {}
+        } : {},
+        top: mode === "modal" ? 0 : `${(headerSize == null ? void 0 : headerSize.height) + 32}px`
       }
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-procedure-sider-content-top" }, children),

package/lib/components/PisellProcedure/hooks/useElementSize.js

@@ -55,8 +55,8 @@ var useElementSize = ({
       const element = document.querySelector(selector);
       if (element) {
         const rect = element.getBoundingClientRect();
-        const newWidth = rect.width;
-        const newHeight = rect.height;
+        const newWidth = Math.round(rect.width * 100) / 100;
+        const newHeight = Math.round(rect.height * 100) / 100;
         const previousSize = previousSizeRef.current;
         const widthDiff = Math.abs(newWidth - previousSize.width);
         const heightDiff = Math.abs(newHeight - previousSize.height);

package/lib/components/PisellProcedure/hooks/useSidebarHeight.js

@@ -50,7 +50,7 @@ var useSidebarHeight = (isSizeStable, sizeValues) => {
     const headerHeightValue = headerHeight || 0;
     const calculatedHeight = baseHeight - headerHeightValue - footerHeight - bodyPadding;
     return calculatedHeight;
-  }, []);
+  }, [sizeValuesRef.current]);
   (0, import_react.useEffect)(() => {
     if (typeof window === "undefined" || typeof document === "undefined") {
       return;

package/lib/components/PisellSteps/PisellSteps.less

@@ -242,13 +242,13 @@
   // 水平布局时（labelPlacement='horizontal'），控制图标右侧的间距
   .ant-steps-item {
     .ant-steps-item-icon {
-      margin-right: var(--pisell-steps-item-gap);
+      margin-right: var(--pisell-steps-item-gap) !important;
     }
   }
 
   // 低代码平台中的样式支持 - 水平布局
   .pisell-lowcode-steps-item-icon {
-    margin-right: var(--pisell-steps-item-gap);
+    margin-right: var(--pisell-steps-item-gap) !important;
   }
 
   // 低代码平台垂直布局 - 设置内容区域的上边距

package/lib/components/PisellTabbar2/PisellTabbar.js

@@ -74,11 +74,15 @@ var PisellTabbar = (props) => {
   const handleLevel1Change = (0, import_react.useCallback)(
     (key, item) => {
       var _a, _b;
-      setActiveKey(
-        0,
-        key,
-        ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) ? (_b = item == null ? void 0 : item.children[0]) == null ? void 0 : _b.id : void 0
-      );
+      if (item.childrenMaxLevel !== void 0 && item.childrenMaxLevel < 2) {
+        setActiveKey(0, key, 0);
+      } else {
+        setActiveKey(
+          0,
+          key,
+          ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) ? (_b = item == null ? void 0 : item.children[0]) == null ? void 0 : _b.id : void 0
+        );
+      }
     },
     [setActiveKey]
   );
@@ -228,7 +232,11 @@ var PisellTabbar = (props) => {
           gap: 12
         },
         panelStyle: {
-          height: "100%",
+          position: "absolute",
+          top: 40,
+          right: 0,
+          // zIndex: 99,
+          height: "calc(100% - 40px)",
           transition: "0.3s ease-in-out"
         },
         startSlot: null,

package/lib/components/PisellTabbar2/PisellTabbar.less

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

package/lib/components/PisellTabbar2/components/TabbarLevel.js

@@ -293,6 +293,7 @@ var TabbarLevel = (0, import_react.memo)((props) => {
       import_PisellCards.default.MultilevelCard,
       {
         ...itemProps,
+        panelWidthMode: "auto",
         card: (cardProps) => {
           if (level === "level1") {
             return renderLevel1NormalCard(cardProps);

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;

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

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

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

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

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 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/useDrawerState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDrawerState: (operationContent?: {
     [key: string]: import("react").ReactNode;
 } | undefined) => any;

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

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,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: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;
@@ -54,7 +54,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?: {
@@ -72,7 +72,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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/date-picker/index.d.ts

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

package/lib/components/filter/components/items/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

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

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/lib/components/productCard/cartSkuCard/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/lib/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/lib/components/radio/index.d.ts

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

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

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

package/lib/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/lib/components/table/Table/fields/date/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/image/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/table/Table/fields/link/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/search/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/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/lib/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/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/lib/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/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;
-}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
+}) => ("filters" | "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/lib/components/time-picker/index.d.ts

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

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

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

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/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/lib/utils/platform.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.8.1",
+  "version": "6.8.3",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -78,9 +78,9 @@
     "swiper": "^8.4.7",
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "3.0.7",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2",
-    "@pisell/date-picker": "3.0.7"
+    "@pisell/utils": "3.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0",