@pisell/materials 2.2.41 → 2.2.43

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+export interface PisellList01Props {
+    dataSource?: any[];
+    showSearch: boolean;
+    showCategory: boolean;
+    placeholder?: string;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (anchor: string) => void;
+    onSearch?: (value: any) => void;
+    isShowEmpty?: boolean;
+    description?: any;
+}
+declare const PisellList01: React.FC<PisellList01Props>;
+export default PisellList01;

package/es/components/pisellList01/index.js

@@ -0,0 +1,105 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { SearchOutlined } from '@ant-design/icons';
+import PisellViewGrid from "../pisellViewGrid";
+import PisellAnchor from "../pisellAnchor";
+import PisellEmpty from "../pisellEmpty";
+import Input from "../input";
+import "./index.less";
+var PisellList01 = function PisellList01(_ref) {
+  var showSearch = _ref.showSearch,
+    showCategory = _ref.showCategory,
+    placeholder = _ref.placeholder,
+    dataSource = _ref.dataSource,
+    renderItem = _ref.renderItem,
+    className = _ref.className,
+    style = _ref.style,
+    _onChange = _ref.onChange,
+    onSearch = _ref.onSearch,
+    _ref$isShowEmpty = _ref.isShowEmpty,
+    isShowEmpty = _ref$isShowEmpty === void 0 ? true : _ref$isShowEmpty,
+    description = _ref.description;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentAnchor = _useState2[0],
+    setCurrentAnchor = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    products = _useState4[0],
+    setProducts = _useState4[1];
+  useEffect(function () {
+    // 不显示分类时，默认展示所有数据
+    if (!showCategory) {
+      return setProducts(dataSource !== null && dataSource !== void 0 ? dataSource : []);
+    }
+    if (currentAnchor) {
+      var _currentData$children;
+      var currentData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+        return item.href === currentAnchor;
+      });
+      setProducts((_currentData$children = currentData === null || currentData === void 0 ? void 0 : currentData.children) !== null && _currentData$children !== void 0 ? _currentData$children : []);
+    }
+  }, [currentAnchor, dataSource, showCategory]);
+  useEffect(function () {
+    var _dataSource$0$href, _dataSource$;
+    setCurrentAnchor((_dataSource$0$href = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.href) !== null && _dataSource$0$href !== void 0 ? _dataSource$0$href : '');
+  }, [dataSource]);
+
+  /**
+   * @title: 分类标题
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-13 16:21
+   */
+  var categoryTitle = useMemo(function () {
+    var _dataSource$find;
+    return dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$find = dataSource.find(function (item) {
+      return item.href === currentAnchor;
+    })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.title;
+  }, [currentAnchor, dataSource]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01 ".concat(className),
+    style: style
+  }, showSearch ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-search"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: placeholder || 'Search',
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+      style: {
+        color: '#667085'
+      }
+    }),
+    onChange: onSearch,
+    allowClear: true,
+    size: "large",
+    className: "pisell-list-01-search-input"
+  })) : null, showCategory ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-categories"
+  }, /*#__PURE__*/React.createElement(PisellAnchor, {
+    items: dataSource,
+    getCurrentAnchor: currentAnchor,
+    onChange: function onChange(e) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+      setCurrentAnchor(e);
+    }
+  })) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-products ".concat(!products.length && isShowEmpty ? 'pisell-list-01-products-empty' : '')
+  }, showCategory ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-products-title"
+  }, categoryTitle) : null, products.length > 0 ? /*#__PURE__*/React.createElement(PisellViewGrid, {
+    dataSource: products,
+    columns: 1,
+    verticalGap: 16,
+    renderItem: renderItem
+  }) : isShowEmpty ? /*#__PURE__*/React.createElement(PisellEmpty, {
+    description: description
+  }) : null));
+};
+export default PisellList01;

package/es/components/pisellList01/index.less

@@ -0,0 +1,53 @@
+.pisell-list-01 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &-search {
+    width: 100%;
+    padding: 16px;
+
+    .pisell-list-01-search-input {
+      display: flex;
+      padding: 10px 14px;
+      align-items: center;
+      gap: 8px;
+      align-self: stretch;
+      border-radius: 8px;
+      border: 1px solid var(--Gray-300, #d0d5dd);
+      background: var(--Base-White, #fff);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      height: 44px;
+    }
+  }
+
+  &-categories {
+    padding: 16px 0 16px 20px;
+    .pisell-lowcode-anchor-wrapper {
+      padding: 0;
+      margin: 0;
+    }
+    .pisell-lowcode-anchor-wrapper-horizontal::before {
+      border: none !important;
+    }
+  }
+
+  &-products {
+    padding: 20px;
+    .pisell-list-01-products-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+      margin-bottom: 16px;
+    }
+  }
+
+  .products-empty {
+    padding: 0;
+    .pisell-empty-icon-wrap,
+    .pisell-lowcode-empty-description {
+      color: var(--Gray-500, #667085);
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface PisellSectionHeadersProps {
+    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
+    /** 左侧返回区域 */
+    backNode?: React.ReactNode;
+    /** 中间内容区域 */
+    centerNode?: React.ReactNode;
+    /** 右侧操作区域 */
+    actionNode?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回按钮点击事件 */
+    onBack?: () => void;
+    /** 操作区域点击事件 */
+    onAction?: () => void;
+}
+declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
+export default PisellSectionHeaders;

package/es/components/pisellSectionHeaders/index.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import classNames from 'classnames';
+import "./index.less";
+var prefixCls = 'pisell-section-headers';
+var PisellSectionHeaders = function PisellSectionHeaders(_ref) {
+  var backNode = _ref.backNode,
+    centerNode = _ref.centerNode,
+    actionNode = _ref.actionNode,
+    className = _ref.className,
+    style = _ref.style,
+    onBack = _ref.onBack,
+    onAction = _ref.onAction;
+  var classes = classNames(prefixCls, className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes,
+    style: _objectSpread({}, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, backNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-back"),
+    onClick: onBack
+  }, backNode), centerNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-main")
+  }, centerNode), actionNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-actions"),
+    onClick: onAction
+  }, actionNode)));
+};
+export default PisellSectionHeaders;

package/es/components/pisellSectionHeaders/index.less

@@ -0,0 +1,46 @@
+@prefix: pisell-section-headers;
+
+.@{prefix} {
+  width: 100%;
+  z-index: 100;
+  position: sticky;
+  top: 0;
+  border-bottom: 1px solid var(--Gray-300, #d0d5dd);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  padding: 16px;
+  height: auto;
+
+  &-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+
+  &-placeholder {
+    width: 100%;
+  }
+
+  &-content {
+    height: 100%;
+    padding: 0;
+    display: flex;
+    // align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+  }
+
+  &-back {
+    cursor: pointer;
+  }
+
+  &-main {
+    flex: 1;
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+  }
+
+  &-actions {
+    cursor: pointer;
+  }
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellViewGridProps {
+    columns?: number;
+    horizontalGap?: number;
+    verticalGap?: number;
+    singleRow?: boolean;
+    dataSource?: any[];
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    loading?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PisellViewGrid: React.FC<PisellViewGridProps>;
+export default PisellViewGrid;

package/es/components/pisellViewGrid/index.js

@@ -0,0 +1,66 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import Loading from "../pisellLoading";
+import classNames from 'classnames';
+import "./index.less";
+var PisellViewGrid = function PisellViewGrid(_ref) {
+  var _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? 3 : _ref$columns,
+    _ref$horizontalGap = _ref.horizontalGap,
+    horizontalGap = _ref$horizontalGap === void 0 ? 10 : _ref$horizontalGap,
+    _ref$verticalGap = _ref.verticalGap,
+    verticalGap = _ref$verticalGap === void 0 ? 10 : _ref$verticalGap,
+    _ref$singleRow = _ref.singleRow,
+    singleRow = _ref$singleRow === void 0 ? false : _ref$singleRow,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    renderItem = _ref.renderItem,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style;
+  var classes = classNames('pisell-view-grid', {
+    'pisell-view-grid-single-row': singleRow
+  }, className);
+  return /*#__PURE__*/React.createElement(Loading, {
+    loading: loading,
+    fullscreen: false,
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      width: '100%',
+      overflow: 'hidden'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-view-grid-content",
+    style: !singleRow ? {
+      gap: "".concat(verticalGap, "px ").concat(horizontalGap, "px"),
+      gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+      width: '100%'
+    } : {
+      display: 'flex',
+      flexWrap: 'nowrap',
+      overflowX: 'auto',
+      width: '100%'
+    }
+  }, dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "pisell-view-grid-item",
+      style: {
+        minWidth: 0,
+        flex: "0 0 calc(100% / ".concat(columns, ")")
+      }
+    }, renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index));
+  }))));
+};
+export default PisellViewGrid;

package/es/components/pisellViewGrid/index.less

@@ -0,0 +1,31 @@
+.pisell-view-grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  &-content {
+    display: grid;
+    width: 100%;
+    // grid-template-columns: repeat(4, 1fr);
+    // gap: 10px;
+  }
+
+  &-item {
+    width: 100%;
+  }
+
+  &-single-row {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  // &-item {
+  //   box-sizing: border-box;
+  //   display: inline-block;
+  //   vertical-align: top;
+  // }
+}

package/es/components/productCard/components/Header/index.js

@@ -19,7 +19,8 @@ var Header = function Header(props) {
     image = item.image,
     name = item.name,
     price = item.price,
-    symbol = item.symbol;
+    symbol = item.symbol,
+    show_delete = item.show_delete;
 
   /**
    * @title: 是否显示价格
@@ -48,7 +49,7 @@ var Header = function Header(props) {
   }, [options, product_option_string]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "product-header"), headerCenterStyle && "".concat(prefix, "product-options-header"))
-  }, isShowDelete && !disabledEdit ? /*#__PURE__*/React.createElement("div", {
+  }, isShowDelete && !disabledEdit || show_delete ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-delete"),
     onClick: function onClick(e) {
       e.stopPropagation();

package/es/components/productCard/hooks/useOpenNote.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, forwardRef, useImperativeHandle } from 'react';
-import { locales } from '@pisell/utils';
+import { locales, isMobile } from '@pisell/utils';
 import { PisellModal, Input } from "../../../index";
 var useOpenNote = function useOpenNote(_ref, ref) {
   var onNoteChange = _ref.onNoteChange;
@@ -36,7 +36,7 @@ var useOpenNote = function useOpenNote(_ref, ref) {
     setOpen(false);
   };
   return /*#__PURE__*/React.createElement(PisellModal, {
-    platform: 'pc',
+    platform: isMobile() ? 'h5' : 'pc',
     open: open,
     bodyStyle: {
       padding: 0
@@ -47,6 +47,7 @@ var useOpenNote = function useOpenNote(_ref, ref) {
     },
     onOk: handleOk,
     destroyOnClose: true,
+    mobileModalHeight: '80vh',
     className: "pisell-lowcode__booking-select-pet-modal-wrap",
     okText: locales.getText('pisell2.product.card.confirm'),
     cancelText: locales.getText('pisell2.product.card.cancel')

package/es/components/productCard/index.js

@@ -24,10 +24,12 @@ import Action from "./components/Action";
 import UseOpenNote from "./hooks/useOpenNote";
 import localeTexts from "./locales";
 import { defaultValue } from "./status";
+import useEngineContext from "../../hooks/useEngineContext";
 import "./index.less";
-locales.init(localeTexts, localStorage.getItem('umi_locale') || 'en');
 var ProductCard = function ProductCard(props) {
-  var _classNames, _dataSource$items;
+  var _utils$storage, _classNames, _dataSource$items;
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? defaultValue.dataSource : _props$dataSource,
     _props$isShowImage = props.isShowImage,
@@ -47,6 +49,8 @@ var ProductCard = function ProductCard(props) {
     onCard = props.onCard,
     other = _objectWithoutProperties(props, _excluded);
   var useOpenNoteRef = useRef();
+  var locale = (utils === null || utils === void 0 ? void 0 : (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || localStorage.getItem('umi_locale');
+  locales.init(localeTexts, locale || 'en');
   console.log(dataSource, isShowImage, isShowNote, 'dataSource');
   var image = dataSource.image,
     bundle = dataSource.bundle,
@@ -81,7 +85,7 @@ var ProductCard = function ProductCard(props) {
     return (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (relation_products === null || relation_products === void 0 ? void 0 : relation_products.length);
   }, [bundle, relation_products]);
   return /*#__PURE__*/React.createElement(CardPro, {
-    className: classNames('pisell-lowcode-product-card', (_classNames = {}, _defineProperty(_classNames, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames, 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct), _classNames)),
+    className: classNames('pisell-lowcode-product-card', (_classNames = {}, _defineProperty(_classNames, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames, 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct), _defineProperty(_classNames, 'pisell-lowcode-product-card-disabled', dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled), _classNames)),
     key: _id
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {

package/es/components/productCard/index.less

@@ -37,7 +37,7 @@
     width: 6px;
     height: 100%;
     background: var(--Blue-400, #53b1fd);
-    z-index: 0 !important;
+    z-index: 1 !important;
   }
 }
 
@@ -47,8 +47,12 @@
   }
 }
 
+.pisell-lowcode-product-card-disabled {
+  opacity: 0.4;
+}
+
 .pisell-lowcode-product-card-error {
   border: none !important;
   margin: 8px -16px -8px;
   border-radius: 0 0 8px 8px;
-}
+}

package/es/components/productCard/status.js

@@ -43,7 +43,9 @@ export var defaultProduct = {
   num: 1,
   image: '',
   isShowNote: true,
-  note: ''
+  note: '',
+  is_show_duration: true,
+  is_show_week: true
 };
 
 /**

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

@@ -54,6 +54,8 @@ export declare type productType = {
     holder_title?: string;
     start_date?: string;
     end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
 };
 /**
  * 排序总配置

package/es/components/productCard/utils.js

@@ -3,6 +3,7 @@ import { locales } from '@pisell/utils';
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';
+import useEngineContext from "../../hooks/useEngineContext";
 
 /**
  * @title: 是否英文
@@ -53,8 +54,11 @@ export var formatMultiDayDate = function formatMultiDayDate(item) {
  * @Date: 2024-04-26 14:04
  */
 export var getServiceTime = function getServiceTime(item, currentDate) {
+  var _utils$storage, _item$format;
   if (!dayjs(currentDate).isValid()) return '';
-  var locale = (item === null || item === void 0 ? void 0 : item.locale) || 'en-US';
+  var context = useEngineContext();
+  var utils = context.appHelper.utils || {};
+  var locale = (item === null || item === void 0 ? void 0 : item.locale) || (utils === null || utils === void 0 ? void 0 : (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || 'en-US';
   var isEn = locale === 'en-US' || locale === 'en';
   var localeTypes = {
     'en-US': 'en',
@@ -66,6 +70,18 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
   var endDate = dayjs(item === null || item === void 0 ? void 0 : item.end_date);
   var diffInDays = endDate.diff(startDate, 'day');
   var _format = isEn ? 'ddd, DD/MM/YYYY' : 'YYYY-MM-DD，ddd';
+
+  // 是否自定义格式
+  if (item !== null && item !== void 0 && item.hasOwnProperty('format') && (item === null || item === void 0 ? void 0 : (_item$format = item.format) === null || _item$format === void 0 ? void 0 : _item$format.length) > 0) {
+    var _item$format2, _item$format3;
+    _format = isEn ? item === null || item === void 0 ? void 0 : (_item$format2 = item.format) === null || _item$format2 === void 0 ? void 0 : _item$format2[0] : item === null || item === void 0 ? void 0 : (_item$format3 = item.format) === null || _item$format3 === void 0 ? void 0 : _item$format3[1];
+  }
+
+  // 是否显示时间
+  if (item !== null && item !== void 0 && item.show_time) {
+    startDate = dayjs("".concat(item === null || item === void 0 ? void 0 : item.start_date, " ").concat(item === null || item === void 0 ? void 0 : item.start_time));
+    endDate = dayjs("".concat(item === null || item === void 0 ? void 0 : item.end_date, " ").concat(item === null || item === void 0 ? void 0 : item.end_time));
+  }
   var date = "".concat(startDate.format(_format), " ~ ").concat(endDate.format(_format));
   var duration = "".concat(diffInDays, " ").concat(locales.getText('pisell2.product.card.day')(diffInDays));
   return "".concat(date, " (").concat(duration, ")");

package/es/components/section-footers/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SectionFooterProps {
+    left?: React.ReactNode;
+    middle?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+}
+declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
+export default SectionFooters;

package/es/components/section-footers/index.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+import { Flex } from 'antd';
+var SectionFooters = function SectionFooters(props) {
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var left = props.left,
+    middle = props.middle,
+    right = props.right,
+    className = props.className;
+  return /*#__PURE__*/React.createElement(Flex, {
+    gap: "middle",
+    justify: "space-between",
+    className: "pisell-section-footers-wrapper ".concat(className)
+  }, left, middle, right);
+};
+export default SectionFooters;

package/es/components/section-footers/index.less

@@ -0,0 +1,5 @@
+.pisell-section-footers-wrapper {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}

package/es/components/table/Actions/component/ExportImport/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/es/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,11 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description: 
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export var formatApiUrl = function formatApiUrl(url) {
+  return url || '/shop/form/data';
+};

package/es/index.d.ts

@@ -110,3 +110,13 @@ export { default as PisellStatisticList } from './components/pisellStatisticList
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as PisellAnchor } from './components/pisellAnchor';
+export { default as SectionFooters } from './components/section-footers';