@pisell/materials 6.5.1 → 6.5.3

package/lib/components/pisellWalletPassCard/index.js

@@ -50,7 +50,8 @@ var cardStatusMap = {
   used: "warning",
   expired: "error",
   conflict: "error",
-  disabled: "gray"
+  disabled: "gray",
+  lastPayment: "gray"
 };
 var PisellWalletPassCard = (props) => {
   const [isShowDetail, setIsShowDetail] = import_react.default.useState(false);

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) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.d.ts

@@ -17,6 +17,7 @@ export declare type Action = {
     text: ReactNode;
     color?: ActionColor | string;
     onClick?: (e: React.MouseEvent) => void;
+    style?: React.CSSProperties;
 };
 export declare type SwipeActionProps = {
     rightActions?: Action[];

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.js

@@ -110,17 +110,26 @@ var SwipeAction = (0, import_react.forwardRef)(
     const rootRef = (0, import_react.useRef)(null);
     const leftRef = (0, import_react.useRef)(null);
     const rightRef = (0, import_react.useRef)(null);
+    const [containerHeight, setContainerHeight] = (0, import_react.useState)(0);
     function getWidth(ref2) {
       const element = ref2.current;
       if (!element) return 0;
       return element.offsetWidth;
     }
+    function getHeight(ref2) {
+      const element = ref2.current;
+      if (!element) return 0;
+      return element.offsetHeight;
+    }
     function getLeftWidth() {
       return getWidth(leftRef);
     }
     function getRightWidth() {
       return getWidth(rightRef);
     }
+    function getRootHeight() {
+      return getHeight(rootRef);
+    }
     const [{ x }, api] = (0, import_web.useSpring)(
       () => ({
         x: 0,
@@ -213,6 +222,20 @@ var SwipeAction = (0, import_react.forwardRef)(
       },
       close
     }));
+    (0, import_react.useEffect)(() => {
+      const updateHeight = () => {
+        const height = getRootHeight();
+        setContainerHeight(height);
+      };
+      updateHeight();
+      const resizeObserver = new ResizeObserver(updateHeight);
+      if (rootRef.current) {
+        resizeObserver.observe(rootRef.current);
+      }
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }, []);
     (0, import_react.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
@@ -238,14 +261,32 @@ var SwipeAction = (0, import_react.forwardRef)(
         document.removeEventListener("mousedown", handle);
       };
     }, [props.closeOnTouchOutside, props.escapeDom]);
-    function renderAction(action) {
+    const getRightContainerClass = () => {
+      const baseClass = `${classPrefix}-actions ${classPrefix}-actions-right`;
+      if (containerHeight > 180) {
+        return `${baseClass} ${classPrefix}-height-large`;
+      } else if (containerHeight > 120) {
+        return `${baseClass} ${classPrefix}-height-medium`;
+      }
+      return `${baseClass} ${classPrefix}-height-small`;
+    };
+    const getRightActionButtonClass = () => {
+      if (containerHeight > 180) {
+        return `${classPrefix}-action-height-large`;
+      } else if (containerHeight > 120) {
+        return `${classPrefix}-action-height-medium`;
+      }
+      return `${classPrefix}-action-height-small`;
+    };
+    function renderAction(action, isRightAction = false) {
       const color = action.color ?? "light";
       const _style = action.style || {};
+      const buttonClass = isRightAction ? `${classPrefix}-action-button ${getRightActionButtonClass()}` : `${classPrefix}-action-button`;
       return /* @__PURE__ */ import_react.default.createElement(
         Button,
         {
           key: action.key,
-          className: `${classPrefix}-action-button`,
+          className: buttonClass,
           style: {
             "--background-color": colorRecord[color] ?? color,
             ..._style
@@ -285,7 +326,7 @@ var SwipeAction = (0, import_react.forwardRef)(
               className: `${classPrefix}-actions ${classPrefix}-actions-left`,
               ref: leftRef
             },
-            props.leftActions.map(renderAction)
+            props.leftActions.map((action) => renderAction(action, false))
           )
         ), /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -312,14 +353,7 @@ var SwipeAction = (0, import_react.forwardRef)(
           )
         ), withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: `${classPrefix}-actions ${classPrefix}-actions-right`,
-              ref: rightRef
-            },
-            props.rightActions.map(renderAction)
-          )
+          /* @__PURE__ */ import_react.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
         ))
       )
     );

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.less

@@ -33,3 +33,42 @@
     padding-right: 4px;
   }
 }
+
+.pisell-custom-swipe-action-action-button {
+  min-width: 80px;
+}
+
+/* 容器样式 */
+.pisell-custom-swipe-action-height-large {
+  display: flex;
+  flex-direction: column;
+  background-color: rgba(67, 93, 147, 0.3);
+  justify-content: flex-start;
+
+  .pisell-number-selector-btn {
+    width: 40px !important;
+    height: 40px !important;
+  }
+}
+
+.pisell-custom-swipe-action-height-medium {
+  display: flex;
+  flex-direction: column;
+  background-color: rgba(67, 93, 147, 0.3);
+
+  .pisell-number-selector-btn {
+    width: 40px !important;
+    height: 40px !important;
+  }
+}
+
+/* 按钮样式 */
+.pisell-custom-swipe-action-action-height-large {
+  height: 60px;
+  width: 200px;
+}
+
+.pisell-custom-swipe-action-action-height-medium {
+  flex: 1;
+  width: 200px;
+}

package/lib/components/productCard/cartSkuCard/index.js

@@ -199,7 +199,7 @@ var CartSkuCard = (props) => {
     }
     return renderA2();
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "a2" ? /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
       closeOnAction: false,
@@ -219,18 +219,7 @@ var CartSkuCard = (props) => {
       },
       renderContent()
     )
-  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-wrapper`) }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(PREFIX, `${PREFIX}-${type}`),
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onCard == null ? void 0 : onCard(dataSource);
-      }
-    },
-    renderContent()
-  )));
+  );
 };
 var cartSkuCard_default = CartSkuCard;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/productCard/components/AmountFooter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => JSX.Element;
 export default Footer;

package/lib/components/productCard/components/Divider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

package/lib/components/productCard/components/Header/DeleteButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DeleteButton: ({ onDelete }: any) => JSX.Element;
 export default DeleteButton;

package/lib/components/productCard/components/Header/EditButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const EditButton: ({ onEdit }: any) => JSX.Element;
 export default EditButton;

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

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

package/lib/components/productCard/components/Note/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Note: (props: any) => JSX.Element | null;
 export default Note;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

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

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

package/lib/components/productCard/components/Packages/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Packages: ({ item, isShowPackageNote }: any) => JSX.Element | null;
 export default Packages;

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) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;

package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

package/lib/components/productCard/components/Time/components/SelectResource/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ResourceItem {
     id: string | number;

package/lib/components/productCard/components/Time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, onAddHolder, isShowAddHolderButton, onClearHolder, onClearResource, }: any) => JSX.Element | null;
 export default Time;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

package/lib/components/select-time/RightPanel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

package/lib/components/select-time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

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

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

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

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

package/lib/components/sort/components/InlineMenu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {

package/lib/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/lib/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/lib/components/table/Actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/lib/components/table/BasicTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/lib/components/table/Summary/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Summary: ({ summary }: any) => JSX.Element | null;
 export default Summary;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

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

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

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