@pisell/materials 6.2.37 → 6.2.39

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

@@ -13,7 +13,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { animated, useSpring } from '@react-spring/web';
 import { useDrag } from '@use-gesture/react/dist/use-gesture-react.cjs';
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import "./index.less";
+
 // 本地实现的工具函数和类型
 
 // withNativeProps 工具函数
@@ -71,7 +73,6 @@ var Button = function Button(_ref) {
     onClick: onClick
   }, children);
 };
-import "./index.less";
 var classPrefix = "pisell-custom-swipe-action";
 var defaultProps = {
   rightActions: [],
@@ -85,17 +86,35 @@ export var SwipeAction = /*#__PURE__*/forwardRef(function (p, ref) {
   var rootRef = useRef(null);
   var leftRef = useRef(null);
   var rightRef = useRef(null);
+
+  // 添加容器高度状态
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerHeight = _useState2[0],
+    setContainerHeight = _useState2[1];
   function getWidth(ref) {
     var element = ref.current;
     if (!element) return 0;
     return element.offsetWidth;
   }
+
+  // 添加获取高度的函数
+  function getHeight(ref) {
+    var element = ref.current;
+    if (!element) return 0;
+    return element.offsetHeight;
+  }
   function getLeftWidth() {
     return getWidth(leftRef);
   }
   function getRightWidth() {
     return getWidth(rightRef);
   }
+
+  // 添加获取根容器高度的函数
+  function getRootHeight() {
+    return getHeight(rootRef);
+  }
   var _useSpring = useSpring(function () {
       return {
         x: 0,
@@ -198,6 +217,26 @@ export var SwipeAction = /*#__PURE__*/forwardRef(function (p, ref) {
       close: close
     };
   });
+
+  // 添加高度检测的 useEffect
+  useEffect(function () {
+    var updateHeight = function updateHeight() {
+      var height = getRootHeight();
+      setContainerHeight(height);
+    };
+
+    // 组件挂载后检测高度
+    updateHeight();
+
+    // 监听窗口大小变化
+    var resizeObserver = new ResizeObserver(updateHeight);
+    if (rootRef.current) {
+      resizeObserver.observe(rootRef.current);
+    }
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
   useEffect(function () {
     if (!props.closeOnTouchOutside) return;
     function handle(e) {
@@ -224,13 +263,38 @@ export var SwipeAction = /*#__PURE__*/forwardRef(function (p, ref) {
       document.removeEventListener('mousedown', handle);
     };
   }, [props.closeOnTouchOutside, props.escapeDom]);
+
+  // 根据容器高度获取右侧容器的 class 名称
+  var getRightContainerClass = function getRightContainerClass() {
+    var baseClass = "".concat(classPrefix, "-actions ").concat(classPrefix, "-actions-right");
+    if (containerHeight > 180) {
+      return "".concat(baseClass, " ").concat(classPrefix, "-height-large");
+    } else if (containerHeight > 120) {
+      return "".concat(baseClass, " ").concat(classPrefix, "-height-medium");
+    }
+    return "".concat(baseClass, " ").concat(classPrefix, "-height-small");
+  };
+
+  // 根据容器高度获取右侧按钮的 class 名称
+  var getRightActionButtonClass = function getRightActionButtonClass() {
+    if (containerHeight > 180) {
+      return "".concat(classPrefix, "-action-height-large");
+    } else if (containerHeight > 120) {
+      return "".concat(classPrefix, "-action-height-medium");
+    }
+    return "".concat(classPrefix, "-action-height-small");
+  };
   function renderAction(action) {
     var _action$color, _colorRecord$color;
+    var isRightAction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var color = (_action$color = action.color) !== null && _action$color !== void 0 ? _action$color : 'light';
     var _style = action.style || {};
+
+    // 为右侧按钮添加基于高度的 class
+    var buttonClass = isRightAction ? "".concat(classPrefix, "-action-button ").concat(getRightActionButtonClass()) : "".concat(classPrefix, "-action-button");
     return /*#__PURE__*/React.createElement(Button, {
       key: action.key,
-      className: "".concat(classPrefix, "-action-button"),
+      className: buttonClass,
       style: _objectSpread({
         '--background-color': (_colorRecord$color = colorRecord[color]) !== null && _colorRecord$color !== void 0 ? _colorRecord$color : color
       }, _style),
@@ -262,7 +326,9 @@ export var SwipeAction = /*#__PURE__*/forwardRef(function (p, ref) {
   }, withStopPropagation(props.stopPropagation, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-actions ").concat(classPrefix, "-actions-left"),
     ref: leftRef
-  }, props.leftActions.map(renderAction))), /*#__PURE__*/React.createElement("div", {
+  }, props.leftActions.map(function (action) {
+    return renderAction(action, false);
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-content"),
     onClickCapture: function onClickCapture(e) {
       if (x.goal !== 0) {
@@ -278,9 +344,11 @@ export var SwipeAction = /*#__PURE__*/forwardRef(function (p, ref) {
       })
     }
   }, props.children)), withStopPropagation(props.stopPropagation, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-actions ").concat(classPrefix, "-actions-right"),
+    className: getRightContainerClass(),
     ref: rightRef
-  }, props.rightActions.map(renderAction))))));
+  }, props.rightActions.map(function (action) {
+    return renderAction(action, true);
+  }))))));
 });
 var colorRecord = {
   light: '#ccc',

package/es/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/es/components/productCard/cartSkuCard/index.js

@@ -177,7 +177,7 @@ var CartSkuCard = function CartSkuCard(props) {
     }
     return renderA2();
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'a2' ? /*#__PURE__*/React.createElement(SwipeAction, {
+  return /*#__PURE__*/React.createElement(SwipeAction, {
     closeOnAction: false,
     className: classNames("".concat(PREFIX, "-wrapper")),
     rightActions: _rightActions,
@@ -189,15 +189,6 @@ var CartSkuCard = function CartSkuCard(props) {
       e.stopPropagation();
       onCard === null || onCard === void 0 || onCard(dataSource);
     }
-  }, renderContent())) : /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "-wrapper"))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(PREFIX, "".concat(PREFIX, "-").concat(type)),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      onCard === null || onCard === void 0 || onCard(dataSource);
-    }
-  }, renderContent())));
+  }, renderContent()));
 };
 export default CartSkuCard;

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

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

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

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

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

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

package/es/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/es/components/select-time/RightPanel/index.d.ts

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

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

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

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

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

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

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

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/components/table/Table/AddFieldModal/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
-import "./index.less";
 declare const AddFieldModal: React.FC;
 export default AddFieldModal;

package/es/components/table/Table/AddFieldModal/index.js

@@ -18,7 +18,7 @@ import IconFont from "../../../iconfont";
 import { Form, Input, Popover, message } from "antd";
 import React, { useMemo, useState } from "react";
 import SelectField from "../SelectField";
-import "./index.less";
+import styles from "./index.less";
 import { useSharedState } from "../../../../hooks";
 import { Context } from "../../model";
 var AddFieldModal = function AddFieldModal() {
@@ -75,7 +75,7 @@ var AddFieldModal = function AddFieldModal() {
       },
       onFinish: addField
     }, /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-add-field-modal"
+      className: styles["add-field-modal"]
     }, /*#__PURE__*/React.createElement(Form.Item, {
       label: "Field Name",
       name: "field_name",
@@ -85,25 +85,25 @@ var AddFieldModal = function AddFieldModal() {
       }]
     }, /*#__PURE__*/React.createElement(Input, {
       placeholder: "Field name (optional)",
-      className: "pisell-lowcode-header-search"
+      className: styles["header-search"]
     })), /*#__PURE__*/React.createElement(SelectField, null), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-modal-footer"
+      className: styles["modal-footer"]
     }, /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-add-describe"
+      className: styles["add-describe"]
     }, /*#__PURE__*/React.createElement(IconFont, {
       type: "pi-Plus",
-      className: "pisell-lowcode-icon"
+      className: styles["icon"]
     }), /*#__PURE__*/React.createElement("span", {
-      className: "pisell-lowcode-label"
+      className: styles["label"]
     }, "Add description")), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-btns"
+      className: styles["btns"]
     }, /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-cancel",
+      className: styles["cancel"],
       onClick: function onClick() {
         onCloseModal();
       }
     }, "Cancel"), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-submit",
+      className: styles["submit"],
       onClick: function onClick() {
         form.submit();
       }
@@ -120,7 +120,7 @@ var AddFieldModal = function AddFieldModal() {
       padding: 0
     },
     trigger: "click",
-    overlayClassName: "pisell-lowcode-popover-wrap",
+    overlayClassName: styles["popover-wrap"],
     onOpenChange: function onOpenChange(e) {
       if (!e) {
         onCloseModal();
@@ -130,10 +130,10 @@ var AddFieldModal = function AddFieldModal() {
     },
     open: openModal
   }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode-add-field-btn"
+    className: styles["add-field-btn"]
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "pi-a-Property3Add",
-    className: "pisell-lowcode-add-field-icon"
+    className: styles["add-field-icon"]
   })));
 };
 export default AddFieldModal;

package/es/components/table/Table/AddFieldModal/index.less

@@ -1,4 +1,4 @@
-.pisell-lowcode-add-field-btn {
+.add-field-btn {
   position: absolute;
   right: 0;
   top: 0;
@@ -11,10 +11,10 @@
   box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
   cursor: pointer;
 
-  .pisell-lowcode-add-field-icon {}
+  .add-field-icon {}
 }
 
-.pisell-lowcode-popover-wrap {
+.popover-wrap {
   :global {
     .pisell-lowcode-popover-arrow {
       display: none;
@@ -22,11 +22,11 @@
   }
 }
 
-.pisell-lowcode-add-field-modal {
+.add-field-modal {
   width: 360px;
   padding: 16px 16px 0 16px;
 
-  .pisell-lowcode-modal-footer {
+  .modal-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -35,13 +35,13 @@
     padding: 0 16px;
     border-top: 1px solid #F1F1F1;
 
-    .pisell-lowcode-add-describe {
+    .add-describe {
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
 
-      .pisell-lowcode-icon {
+      .icon {
         width: 24px;
         height: 24px;
         display: flex;
@@ -51,27 +51,27 @@
         color: #1B1B1B;
       }
 
-      .pisell-lowcode-label {
+      .label {
         margin-left: 2px;
         font-size: 14px;
         color: #777777;
       }
     }
 
-    .pisell-lowcode-btns {
+    .btns {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 16px;
 
-      .pisell-lowcode-cancel {
+      .cancel {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;
         color: #1B1B1B;
       }
 
-      .pisell-lowcode-submit {
+      .submit {
         cursor: pointer;
         font-weight: 400;
         font-size: 14px;

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

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

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

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

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

@@ -197,12 +197,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

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

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

package/es/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/es/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;