@pisell/materials 6.0.21 → 6.1.1

package/es/components/pisellGoodPassCard/index.js

@@ -0,0 +1,122 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { Checkbox, Divider, Typography } from 'antd';
+import { PisellText, PisellCard, PisellModal } from "../../index";
+import { getText } from "../../locales";
+import useEngineContext from "../../hooks/useEngineContext";
+import "./index.less";
+var clsPrefix = 'pisell-good-pass-card';
+var index = function index(props) {
+  var _context$appHelper;
+  var context = useEngineContext();
+  var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
+    translation = _context$appHelper$ut.translation;
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    onChange = props.onChange,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    mixedSort = props.mixedSort;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showModal = _useState2[0],
+    setShowModal = _useState2[1];
+  console.log('pisell good card datasource', dataSource);
+  var handleChange = function handleChange(newValue) {
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+  var handleItemChange = function handleItemChange(item, checked) {
+    handleChange({
+      id: item.id,
+      isSelected: checked
+    });
+  };
+  var renderVoucherContent = function renderVoucherContent(item) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "voucher-item-content-save"
+    }, getText('pisell2.text.goodpass.save'), " ", /*#__PURE__*/React.createElement(PisellText.Amount, {
+      value: item.savedAmount
+    }));
+  };
+  var renderActionElement = function renderActionElement(item) {
+    var isChecked = item.isSelected;
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      disabled: item.isDisabled,
+      style: {
+        marginLeft: 8
+      },
+      checked: isChecked,
+      onChange: function onChange(e) {
+        return handleItemChange(item, e.target.checked);
+      }
+    }, renderVoucherContent(item));
+  };
+  var renderVoucherItem = function renderVoucherItem(item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.id,
+      className: "".concat(clsPrefix, "-voucher-item")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "item-title"
+    }, translation(item.format_title), item.isEditMode && getText('pisell2.text.goodpass.last-settlement')), /*#__PURE__*/React.createElement("div", {
+      className: "item-content"
+    }, renderActionElement(item)));
+  };
+  var renderModal = function renderModal() {
+    return /*#__PURE__*/React.createElement(PisellModal, {
+      title: getText('pisell2.text.goodpass.product-vouchers'),
+      footer: null,
+      open: showModal,
+      onCancel: function onCancel() {
+        return setShowModal(false);
+      },
+      className: "".concat(clsPrefix, "-all-items-modal")
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '10px 0',
+        display: "flex",
+        flexDirection: "column",
+        gap: 12
+      }
+    }, dataSource.map(renderVoucherItem)));
+  };
+  var renderMixedMode = function renderMixedMode() {
+    var sortList = (mixedSort === null || mixedSort === void 0 ? void 0 : mixedSort(dataSource)) || dataSource;
+    var list = sortList.length > 3 ? sortList.slice(0, 3) : sortList;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(clsPrefix, "-header")
+    }, /*#__PURE__*/React.createElement("div", null, getText('pisell2.text.goodpass.product-vouchers')), /*#__PURE__*/React.createElement(Typography.Text, {
+      underline: true,
+      onClick: function onClick() {
+        return setShowModal(true);
+      }
+    }, getText('pisell2.text.goodpass.view-more'))), /*#__PURE__*/React.createElement(Divider, {
+      style: {
+        margin: 4
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(clsPrefix, "-body")
+    }, list.map(renderVoucherItem)));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderModal(), /*#__PURE__*/React.createElement(PisellCard, {
+    padding: 8,
+    borderRadius: 8,
+    style: _objectSpread({
+      width: 378
+    }, style),
+    className: clsPrefix
+  }, renderMixedMode()));
+};
+export default index;

package/es/components/pisellGoodPassCard/index.less

@@ -0,0 +1,58 @@
+.pisell-good-pass-card-all-items-modal,
+.pisell-good-pass-card {
+  .pisell-good-pass-card-header,
+  .pisell-good-pass-card-group-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .pisell-good-pass-card-voucher-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    // height: 22px;
+
+    .item-title {
+      color: var(--Gray-500, #667085);
+      // text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+    .item-content {
+      color: var(--, #8157d5);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      white-space: nowrap;
+
+      .voucher-item-content-save {
+        color: var(--, #8157d5);
+      }
+
+      .pisell-lowcode-checkbox-wrapper {
+        display: flex;
+        flex-direction: row-reverse;
+      }
+
+      .add-btn {
+        color: var(--, #8157d5);
+        text-align: center;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px; /* 142.857% */
+      }
+    }
+  }
+}

package/es/components/pisellHeaderProgressBar/index.js

@@ -0,0 +1,76 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 React from 'react';
+import classNames from 'classnames';
+import PisellSectionHeaders from "../pisellSectionHeaders";
+import Iconfont from "../iconfont";
+import "./index.less";
+var prefixCls = 'pisell-header-progress-bar';
+var PisellHeaderProgressBar = function PisellHeaderProgressBar(_ref) {
+  var title = _ref.title,
+    stepText = _ref.stepText,
+    _ref$showBack = _ref.showBack,
+    showBack = _ref$showBack === void 0 ? true : _ref$showBack,
+    _ref$showClose = _ref.showClose,
+    showClose = _ref$showClose === void 0 ? true : _ref$showClose,
+    _ref$enableShadow = _ref.enableShadow,
+    enableShadow = _ref$enableShadow === void 0 ? false : _ref$enableShadow,
+    _ref$enableBorder = _ref.enableBorder,
+    enableBorder = _ref$enableBorder === void 0 ? false : _ref$enableBorder,
+    _ref$borderWidth = _ref.borderWidth,
+    borderWidth = _ref$borderWidth === void 0 ? 1 : _ref$borderWidth,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? '#d0d5dd' : _ref$borderColor,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#FFFFFF' : _ref$backgroundColor,
+    className = _ref.className,
+    style = _ref.style,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose;
+  var classes = classNames(prefixCls, className);
+
+  /**
+   * @title: 左侧内容
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-12 16:04
+   */
+  // const backNode = () => {
+  //   return (
+
+  //   );
+  // };
+
+  var customStyle = _objectSpread(_objectSpread({}, style), {}, {
+    backgroundColor: backgroundColor,
+    boxShadow: enableShadow ? '0px 1px 2px 0px rgba(16, 24, 40, 0.05)' : 'none',
+    borderBottom: enableBorder ? "".concat(borderWidth, "px solid ").concat(borderColor) : 'none'
+  });
+  return /*#__PURE__*/React.createElement(PisellSectionHeaders, {
+    backNode: showBack ? /*#__PURE__*/React.createElement(Iconfont, {
+      className: "".concat(prefixCls, "-back-icon"),
+      type: "pisell2-chevron-left"
+    }) : null,
+    centerNode: /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-center")
+    }, stepText ? /*#__PURE__*/React.createElement("div", {
+      className: "step"
+    }, stepText) : null, title ? /*#__PURE__*/React.createElement("div", {
+      className: "select-text"
+    }, title) : null),
+    actionNode: showClose ? /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-x-close",
+      className: "".concat(prefixCls, "-close-icon")
+    }) : null,
+    style: customStyle,
+    className: classes,
+    onAction: onClose,
+    onBack: onBack
+  });
+};
+export default PisellHeaderProgressBar;

package/es/components/pisellHeaderProgressBar/index.less

@@ -0,0 +1,18 @@
+.pisell-header-progress-bar {
+  width: 100%;
+
+  &-center {
+    margin-left: 14px;
+  }
+
+  &-back-icon {
+    font-size: 36px;
+    color: #000000;
+  }
+
+  &-close-icon {
+    font-size: 36px;
+    flex-shrink: 0;
+    color: #000000;
+  }
+}

package/es/components/pisellImageCarousels/index.js

@@ -0,0 +1,108 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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 React, { useRef, useEffect } from 'react';
+import { Image } from 'antd';
+import { Swiper, Navigation, Pagination, Autoplay } from 'swiper';
+import 'swiper/swiper-bundle.css';
+import Iconfont from "../iconfont";
+import classNames from 'classnames';
+import "./index.less";
+var PisellImageCarousels = function PisellImageCarousels(_ref) {
+  var _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 640 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 400 : _ref$height,
+    _ref$showArrows = _ref.showArrows,
+    showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
+    _ref$showDots = _ref.showDots,
+    showDots = _ref$showDots === void 0 ? true : _ref$showDots,
+    _ref$autoplay = _ref.autoplay,
+    autoplay = _ref$autoplay === void 0 ? true : _ref$autoplay,
+    _ref$interval = _ref.interval,
+    interval = _ref$interval === void 0 ? 3000 : _ref$interval,
+    _ref$borderRadius = _ref.borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? 8 : _ref$borderRadius,
+    _ref$loop = _ref.loop,
+    loop = _ref$loop === void 0 ? true : _ref$loop,
+    className = _ref.className,
+    style = _ref.style;
+  var swiperRef = useRef(null);
+  var swiperInstance = useRef(null);
+  useEffect(function () {
+    if (swiperRef.current) {
+      swiperInstance.current = new Swiper(swiperRef.current, {
+        modules: [Navigation, Pagination, Autoplay],
+        slidesPerView: 1,
+        spaceBetween: 0,
+        loop: loop,
+        // 导航箭头
+        navigation: showArrows ? {
+          nextEl: '.pisell-carousel-next',
+          prevEl: '.pisell-carousel-prev'
+        } : false,
+        // 分页点
+        pagination: showDots ? {
+          el: '.pisell-carousel-pagination',
+          clickable: true
+        } : false,
+        // 自动播放
+        autoplay: autoplay ? {
+          delay: interval,
+          disableOnInteraction: false
+        } : false
+      });
+    }
+    return function () {
+      if (swiperInstance.current) {
+        swiperInstance.current.destroy();
+      }
+    };
+  }, [showArrows, showDots, autoplay, interval, loop]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-image-carousel', className),
+    style: _objectSpread({
+      width: width,
+      height: height
+    }, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "swiper",
+    ref: swiperRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "swiper-wrapper"
+  }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "swiper-slide"
+    }, /*#__PURE__*/React.createElement(Image, {
+      preview: false,
+      src: item,
+      width: width,
+      height: height,
+      loading: "lazy",
+      style: {
+        borderRadius: "".concat(borderRadius, "px")
+      }
+    }));
+  })), showArrows && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-carousel-prev"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "carousel-arrow"
+  }, /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-chevron-left"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-carousel-next"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "carousel-arrow"
+  }, /*#__PURE__*/React.createElement(Iconfont, {
+    type: "pisell2-chevron-right"
+  })))), showDots && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-carousel-pagination"
+  })));
+};
+export default PisellImageCarousels;

package/es/components/pisellImageCarousels/index.less

@@ -0,0 +1,92 @@
+.pisell-image-carousel {
+  position: relative;
+  overflow: hidden;
+
+  .swiper {
+    width: 100%;
+    height: 100%;
+  }
+
+  .swiper-slide {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  // 导航箭头样式
+  .pisell-carousel-prev,
+  .pisell-carousel-next {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 10;
+    transition: all 0.3s;
+    padding: 10px;
+    background: rgba(255, 255, 255, 0.6);
+    backdrop-filter: blur(4px);
+
+    &:hover {
+      background: rgba(255, 255, 255, 1);
+    }
+
+    .carousel-arrow {
+      color: #344054;
+      font-size: 24px;
+      line-height: 1;
+    }
+  }
+
+  .pisell-carousel-prev {
+    left: 20px;
+  }
+
+  .pisell-carousel-next {
+    right: 20px;
+  }
+
+  // 分页点样式
+  .pisell-carousel-pagination {
+    position: absolute;
+    bottom: 16px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 10;
+    display: inline-flex;
+    padding: 12px;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    border-radius: 17px;
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(4px);
+    width: max-content;
+
+    .swiper-pagination-bullet {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      cursor: pointer;
+      background: var(--Gray-300, #d0d5dd);
+      mix-blend-mode: multiply;
+      margin: 0;
+      opacity: 1;
+
+      &-active {
+        background: var(--Primary-700, #6941c6);
+      }
+    }
+  }
+}

package/es/components/pisellInformationEntry/hooks/useNativeScanner.js

@@ -0,0 +1,35 @@
+import { useCallback, useEffect } from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+export var useNativeScanner = function useNativeScanner(onChange) {
+  var _context$appHelper, _interaction$utils3, _interaction$utils3$i;
+  var context = useEngineContext();
+  var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    interaction = _ref.interaction,
+    isTerminal = _ref.isTerminal;
+  useEffect(function () {
+    var _interaction$utils, _interaction$utils$mo;
+    // 获取客户端扫描结果
+    interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$mo = _interaction$utils.mountFunction) === null || _interaction$utils$mo === void 0 || _interaction$utils$mo.call(_interaction$utils, 'global', 'nativeScannerResult', function (strVal) {
+      try {
+        var _val = JSON.parse(strVal);
+        onChange === null || onChange === void 0 || onChange(_val.value);
+      } catch (err) {
+        console.error(err);
+      }
+    });
+  }, []);
+  var activeNativeScanner = useCallback(function () {
+    var _interaction$utils2, _interaction$utils2$p;
+    interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
+      module: 'global',
+      key: 'active_native_scanner',
+      data: {
+        source: 'pisellInformationEntry'
+      }
+    });
+  }, []);
+  return {
+    activeNativeScanner: activeNativeScanner,
+    isTerminal: isTerminal && isTerminal() || (interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || (_interaction$utils3$i = _interaction$utils3.isAppEnv) === null || _interaction$utils3$i === void 0 ? void 0 : _interaction$utils3$i.call(_interaction$utils3))
+  };
+};

package/es/components/pisellInformationEntry/index.js

@@ -25,6 +25,7 @@ import Button from "../button";
 import Input from "./Input";
 import { hasCamera } from "./utils";
 import useTerminalPeripherals from "./hooks/useTerminalPeripherals";
+import { useNativeScanner } from "./hooks/useNativeScanner";
 import "./index.less";
 var CardButton = function CardButton(props) {
   var icon = props.icon,
@@ -38,7 +39,8 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
     _props$entryModes = props.entryModes,
     entryModes = _props$entryModes === void 0 ? [] : _props$entryModes,
     searchDescribe = props.searchDescribe,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    onChangeType = props.onChangeType;
   var config = usePisellConfig();
   var platform = config.platform;
   var _useState = useState(null),
@@ -47,6 +49,9 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
     setCurrentType = _useState2[1];
   var _useTerminalPeriphera = useTerminalPeripherals(onChange),
     peripheralsStatus = _useTerminalPeriphera.peripheralsStatus;
+  var _useNativeScanner = useNativeScanner(onChange),
+    activeNativeScanner = _useNativeScanner.activeNativeScanner,
+    isTerminal = _useNativeScanner.isTerminal;
 
   // 可用录入模式
   var _useState3 = useState(entryModes),
@@ -107,8 +112,17 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
     if (passiveModeType.includes(type)) {
       return;
     }
+    // 客户端调用系统原生扫码功能
+    if (isTerminal && 'scanCode' === type) {
+      setCurrentType(null);
+      activeNativeScanner();
+      return;
+    }
     setCurrentType(type);
   };
+  useEffect(function () {
+    onChangeType && onChangeType(currentType);
+  }, [currentType]);
   var _useMemo = useMemo(function () {
       var isHasScanCode = false;
       var isHasInput = false;
@@ -192,7 +206,7 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
         return handleEntryClick(item.type);
       }
     }, item.name || detail.text);
-  })), /*#__PURE__*/React.createElement("div", null, currentType === 'scanCode' && /*#__PURE__*/React.createElement(Scan, {
+  })), /*#__PURE__*/React.createElement("div", null, currentType === 'scanCode' && !isTerminal && /*#__PURE__*/React.createElement(Scan, {
     onChange: handleChange,
     onCancel: function onCancel() {
       return setCurrentType(null);

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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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 || (_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 || (_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 || _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;