@pisell/private-materials 6.6.2 → 6.7.2

package/es/{components/booking/info2/service/editService/Holder → plus/walletPassGallery/components/footerButton}/index.js

@@ -8,186 +8,240 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, Row, Col } from 'antd';
-import { locales } from '@pisell/utils';
-import HolderList from "../../../../../../plus/selectHolder/components/HolderList";
+import React, { useState } from 'react';
+import { Button } from 'antd';
+import { PisellModal, PisellToast } from '@pisell/materials';
+//@ts-ignore
+import { isIos, locales } from '@pisell/utils';
 import "./index.less";
-import HolderItem from "../../../../../../plus/selectHolder/components/HolderItem";
-import { selectHolderModal, SelectHolderModal } from "../../../../utils/selectHolderModal";
-import { Iconfont } from '@pisell/materials';
-var LinkButton = Button;
-var normalizeValue = function normalizeValue(val) {
-  if (Array.isArray(val)) {
-    return val.filter(function (item) {
-      return item !== undefined && item !== null;
-    });
+/**
+ * 通用底部按钮组件
+ * 根据step不同显示不同的按钮组
+ */
+var FooterButtons = function FooterButtons(_ref) {
+  var onRechargeClick = _ref.onRechargeClick,
+    _ref$platform = _ref.platform,
+    platform = _ref$platform === void 0 ? 'h5' : _ref$platform,
+    appleWalletUrl = _ref.appleWalletUrl,
+    googleWalletUrl = _ref.googleWalletUrl;
+  // 如果是PC端，部分页面可能不需要底部按钮
+  if (platform === 'pc') {
+    return null; // PC端不显示底部固定按钮
   }
-  if (val === undefined || val === null || val === '') return [];
-  return [val];
-};
-var Holder = function Holder(_ref) {
-  var _state$bookingConfig, _holderConfig$form, _state$bookingConfig2, _cacheItem$_extend, _state$pet4, _state$pet5, _state$bookingConfig4;
-  var state = _ref.state,
-    cacheItem = _ref.cacheItem,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    dispatch = _ref.dispatch;
-  var holderConfig = (state === null || state === void 0 || (_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.holder) || {};
-  var title = (holderConfig === null || holderConfig === void 0 || (_holderConfig$form = holderConfig.form) === null || _holderConfig$form === void 0 ? void 0 : _holderConfig$form.title) || (holderConfig === null || holderConfig === void 0 ? void 0 : holderConfig.title) || locales.getText('pisell2.text.holder');
-  var isRequired = (state === null || state === void 0 || (_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.config) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.basic) === null || _state$bookingConfig2 === void 0 ? void 0 : _state$bookingConfig2.subject_require) === 'require';
-  var maxSelectedCount = (cacheItem === null || cacheItem === void 0 || (_cacheItem$_extend = cacheItem._extend) === null || _cacheItem$_extend === void 0 ? void 0 : _cacheItem$_extend.quantity) || 1;
-  var selectType = maxSelectedCount > 1 ? 'multiple' : 'single';
-  var _useState = useState(function () {
-      return normalizeValue(value);
-    }),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedValues = _useState2[0],
-    setSelectedValues = _useState2[1];
-  useEffect(function () {
-    var next = normalizeValue(value);
-    setSelectedValues(next);
-  }, [value]);
-  var holderOptions = useMemo(function () {
-    var _state$pet, _state$bookingConfig3, _state$pet2, _state$pet3;
-    var holdersFromState = Array.isArray(state === null || state === void 0 || (_state$pet = state.pet) === null || _state$pet === void 0 ? void 0 : _state$pet.holders) ? state.pet.holders : [];
-    var formId = (state === null || state === void 0 || (_state$bookingConfig3 = state.bookingConfig) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.config) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.basic) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.appointment_subject) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.form_id) || 0;
-    var holdersFromValue = Array.isArray(state === null || state === void 0 || (_state$pet2 = state.pet) === null || _state$pet2 === void 0 || (_state$pet2 = _state$pet2.value) === null || _state$pet2 === void 0 ? void 0 : _state$pet2[formId]) ? state === null || state === void 0 || (_state$pet3 = state.pet) === null || _state$pet3 === void 0 || (_state$pet3 = _state$pet3.value) === null || _state$pet3 === void 0 ? void 0 : _state$pet3[formId] : [];
-    var rawList = holdersFromState.length > 0 ? holdersFromState : holdersFromValue;
-    return rawList.map(function (item) {
-      var id = (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.form_record_id) || (item === null || item === void 0 ? void 0 : item.value);
-      if (id === undefined || id === null) return null;
-      return {
-        label: (item === null || item === void 0 ? void 0 : item.main_field) || (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.name) || locales.getText('pisell-select-holder-please-select'),
-        value: id,
-        avatar: item === null || item === void 0 ? void 0 : item.avatar,
-        subtitle: (item === null || item === void 0 ? void 0 : item.subtitle) || (item === null || item === void 0 ? void 0 : item.second_field) || (item === null || item === void 0 ? void 0 : item.sub_field)
-      };
-    }).filter(Boolean);
-  }, [state === null || state === void 0 || (_state$pet4 = state.pet) === null || _state$pet4 === void 0 ? void 0 : _state$pet4.holders, state === null || state === void 0 || (_state$pet5 = state.pet) === null || _state$pet5 === void 0 ? void 0 : _state$pet5.value, state === null || state === void 0 || (_state$bookingConfig4 = state.bookingConfig) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.config]);
-  var displayConfig = useMemo(function () {
-    return {
-      direction: 'vertical',
-      selectType: selectType,
-      showAvatar: true,
-      showTitle: true,
-      showSubtitle: Boolean(holderOptions.some(function (option) {
-        return option.subtitle;
-      }))
-    };
-  }, [holderOptions, selectType]);
-  var selectedSummary = useMemo(function () {
-    if (!maxSelectedCount) return '';
-    var label = locales.getText('pisell-select-holder-selected').replace(/[:：]\s*$/, '');
-    return "".concat(selectedValues.length, "/").concat(maxSelectedCount, " ").concat(label);
-  }, [selectedValues.length, maxSelectedCount]);
-  var handleApply = useCallback(function (nextValues) {
-    onChange === null || onChange === void 0 || onChange(nextValues);
-  }, [onChange, selectType]);
-  var handleEdit = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-      var _state$bookingConfig5, _cacheItem$_extend2;
-      var holderConfig, currentMaxSelectedCount, result;
+    addWalletLoading = _useState2[0],
+    setAddWalletLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    wechatModalOpen = _useState4[0],
+    setWechatModalOpen = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    copyUrl = _useState6[0],
+    setCopyUrl = _useState6[1];
+  var addWalletPass = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, type) {
+      var response, passData, blob, downloadUrl, a;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            event === null || event === void 0 || event.preventDefault();
-
-            // 获取 maxSelectedCount
-            holderConfig = (state === null || state === void 0 || (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : _state$bookingConfig5.holder) || {};
-            currentMaxSelectedCount = (holderConfig === null || holderConfig === void 0 ? void 0 : holderConfig.maxSelectedCount) || (cacheItem === null || cacheItem === void 0 || (_cacheItem$_extend2 = cacheItem._extend) === null || _cacheItem$_extend2 === void 0 ? void 0 : _cacheItem$_extend2.quantity) || 1; // 调用 selectHolderModal
-            _context.next = 5;
-            return selectHolderModal({
-              state: state,
-              dispatch: dispatch,
-              initialValue: selectedValues.length > 0 ? selectedValues : undefined,
-              maxSelectedCount: currentMaxSelectedCount
+            if (url) {
+              _context.next = 3;
+              break;
+            }
+            PisellToast({
+              content: locales.getText('wallet-pass-gallery.urlEmpty') || '钱包链接为空',
+              duration: 2
             });
-          case 5:
-            result = _context.sent;
-            if (result && result.length > 0) {
-              // 处理返回结果（统一返回数组）
-              setSelectedValues(result);
-              handleApply(result);
+            return _context.abrupt("return", false);
+          case 3:
+            if (!isWechat()) {
+              _context.next = 7;
+              break;
             }
+            setWechatModalOpen(true);
+            setCopyUrl(url);
+            return _context.abrupt("return", false);
           case 7:
+            setAddWalletLoading(true);
+            _context.prev = 8;
+            if (!(type === 'apple')) {
+              _context.next = 27;
+              break;
+            }
+            _context.next = 12;
+            return fetch(url);
+          case 12:
+            response = _context.sent;
+            if (response.ok) {
+              _context.next = 15;
+              break;
+            }
+            throw new Error("HTTP error! status: ".concat(response.status));
+          case 15:
+            _context.next = 17;
+            return response.arrayBuffer();
+          case 17:
+            passData = _context.sent;
+            blob = new Blob([passData], {
+              type: 'application/vnd.apple.pkpass'
+            });
+            downloadUrl = URL.createObjectURL(blob);
+            a = document.createElement('a');
+            a.href = downloadUrl;
+            a.download = 'pass.pkpass';
+            a.click();
+            URL.revokeObjectURL(downloadUrl); // 清理创建的URL
+            _context.next = 28;
+            break;
+          case 27:
+            window.open(url);
+          case 28:
+            _context.next = 34;
+            break;
+          case 30:
+            _context.prev = 30;
+            _context.t0 = _context["catch"](8);
+            console.error('Failed to add wallet:', _context.t0);
+            PisellToast({
+              content: locales.getText('wallet-pass-gallery.error.addFailed'),
+              duration: 3
+            });
+          case 34:
+            _context.prev = 34;
+            setAddWalletLoading(false);
+            return _context.finish(34);
+          case 37:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[8, 30, 34, 37]]);
     }));
-    return function (_x) {
+    return function addWalletPass(_x, _x2) {
       return _ref2.apply(this, arguments);
     };
-  }(), [selectedValues, state, dispatch, handleApply]);
-  var handleClear = useCallback(function (event) {
-    event === null || event === void 0 || event.preventDefault();
-    // 更新选中值
-    setSelectedValues([]);
-    // 调用 onChange
-    handleApply([]);
-  }, [handleApply]);
-  var clearDisabled = useMemo(function () {
-    return (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) === 0;
-  }, [selectedValues]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "booking-holder-field"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "booking-holder-field__header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "booking-holder-field__title"
-  }, isRequired && /*#__PURE__*/React.createElement("span", {
-    className: "booking-holder-field__required"
-  }, "*"), /*#__PURE__*/React.createElement("span", null, title), maxSelectedCount ? /*#__PURE__*/React.createElement("span", {
-    className: "booking-holder-field__count"
-  }, selectedSummary) : null), /*#__PURE__*/React.createElement("div", {
-    className: "booking-holder-field__actions"
-  }, /*#__PURE__*/React.createElement(LinkButton, {
-    type: "link",
-    size: "small",
-    className: "booking-holder-field__action-button",
-    onClick: handleEdit
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-edit-05"
-  }), /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.text.edit'))), /*#__PURE__*/React.createElement(LinkButton, {
-    type: "link",
-    size: "small",
-    disabled: clearDisabled,
-    className: "booking-holder-field__action-button",
-    onClick: handleClear
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-delete_wght300_24px"
-  }), /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.booking.info.text.clear'))))), selectedValues.length === 0 ? /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 8,
-    xs: 24,
-    sm: 12,
-    md: 8,
-    lg: 8,
-    onClick: handleEdit
-  }, /*#__PURE__*/React.createElement(HolderItem, {
-    item: {
-      label: locales.getText('pisell2.booking.info.text.add-holder'),
-      value: null
-    },
-    isAddItem: true
-  }))) : /*#__PURE__*/React.createElement(HolderList, {
-    dataSource: selectedValues.map(function (item) {
-      var option = holderOptions.find(function (opt) {
-        return opt.value === item;
-      });
-      return {
-        label: (option === null || option === void 0 ? void 0 : option.label) || '',
-        value: item
-      };
-    }),
-    selectedValues: selectedValues,
-    displayConfig: displayConfig,
-    allowAdd: false,
-    onClick: function onClick() {
-      return handleEdit();
+  }();
+  var onAppleClick = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return addWalletPass(appleWalletUrl || '', 'apple');
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onAppleClick() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onGoogleClick = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return addWalletPass(googleWalletUrl || '', 'google');
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onGoogleClick() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var isWechat = function isWechat() {
+    return /MicroMessenger/i.test(window.navigator.userAgent);
+  };
+  var httpCopyToClipboard = function httpCopyToClipboard(text) {
+    var textArea = document.createElement('textarea');
+    textArea.value = text;
+    textArea.style.position = 'fixed';
+    textArea.style.top = '-10000px';
+    textArea.style.left = '-10000px';
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    document.execCommand('copy');
+    document.body.removeChild(textArea);
+  };
+  var copyToClipboard = function copyToClipboard(text) {
+    if (navigator.clipboard) {
+      return navigator.clipboard.writeText(text);
+    } else {
+      return httpCopyToClipboard(text);
     }
-  }))), /*#__PURE__*/React.createElement(SelectHolderModal, null));
+  };
+  var onCopyClick = function onCopyClick() {
+    copyToClipboard(copyUrl);
+    PisellToast({
+      content: locales.getText('wallet-pass-gallery.copySuccess'),
+      duration: 2
+    });
+    setWechatModalOpen(false);
+  };
+
+  // 根据不同步骤渲染不同按钮
+  var renderButtons = function renderButtons() {
+    // 创建按钮数组
+    var buttons = [];
+    // 添加到钱包按钮
+    if (appleWalletUrl || googleWalletUrl) {
+      buttons.push( /*#__PURE__*/React.createElement(Button, {
+        loading: addWalletLoading,
+        key: "add-wallet",
+        onClick: isIos() ? onAppleClick : onGoogleClick,
+        size: "large",
+        className: "pisell-wallet-pass-gallery_footer-buttons-item pisell-wallet-pass-gallery_footer-buttons-item-secondary"
+      }, isIos() ? locales.getText('wallet-pass-gallery.button.addToAppleWallet') : locales.getText('wallet-pass-gallery.button.addToGoogleWallet')));
+    }
+
+    // 充值按钮
+    if (onRechargeClick) {
+      buttons.push( /*#__PURE__*/React.createElement(Button, {
+        key: "recharge",
+        type: "primary",
+        onClick: onRechargeClick,
+        size: "large",
+        className: "pisell-wallet-pass-gallery_footer-buttons-item pisell-wallet-pass-gallery_footer-buttons-item-primary"
+      }, locales.getText('wallet-pass-gallery.recharge')));
+    }
+
+    // 根据按钮数量设置不同的类名
+    var buttonCount = buttons.length;
+    var className = "pisell-wallet-pass-gallery_footer-buttons pisell-wallet-pass-gallery_footer-buttons-count-".concat(buttonCount);
+    return buttons.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, buttons) : null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-pass-gallery_footer"
+  }, renderButtons()), /*#__PURE__*/React.createElement(PisellModal, {
+    platform: platform,
+    mobileModalHeight: "auto",
+    headerDivider: false,
+    closable: true,
+    maskClosable: true,
+    onCancel: function onCancel() {
+      setWechatModalOpen(false);
+    },
+    open: wechatModalOpen,
+    footer: [/*#__PURE__*/React.createElement(Button, {
+      onClick: onCopyClick,
+      block: true,
+      type: "primary",
+      size: "large"
+    }, locales.getText('wallet-pass-gallery.copyButton'))]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-pass-gallery_footer-copy-title"
+  }, locales.getText('wallet-pass-gallery.copyTitle')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-pass-gallery_footer-copy-text"
+  }, locales.getText('wallet-pass-gallery.copyText'))));
 };
-export default Holder;
+export default FooterButtons;

package/es/plus/walletPassGallery/components/footerButton/index.less

@@ -0,0 +1,93 @@
+.pisell-wallet-pass-gallery_footer {
+  position: relative;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  padding: 24px;
+  z-index: 100;
+  border-top: 1px solid #d0d5de;
+  margin-left: -20px;
+  margin-right: -20px;
+  &-buttons {
+    display: flex;
+    gap: 12px;
+    width: 100%;
+
+
+.pisell-wallet-pass-gallery_footer-buttons-item-secondary{
+    overflow: hidden;
+    display: flex;
+    >span{
+      display: block;
+      // width: 100%;
+      flex:1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-wrap: nowrap;
+    }
+}
+
+
+    // 按钮数量样式
+    // 单个按钮占满宽度
+    &-count-1 {
+      .pisell-wallet-pass-gallery_footer-buttons-item {
+        flex: 1;
+        width: 100%;
+      }
+    }
+    
+    // 两个按钮各占一半
+    &-count-2 {
+      .pisell-wallet-pass-gallery_footer-buttons-item {
+        flex: 1;
+        width: calc(50% - 6px);
+      }
+    }
+    
+    // 三个按钮各占三分之一
+    &-count-3 {
+      .pisell-wallet-pass-gallery_footer-buttons-item {
+        flex: 1;
+        width: calc(33.33% - 8px);
+      }
+    }
+    
+    // 四个按钮各占四分之一
+    &-count-4 {
+      .pisell-wallet-pass-gallery_footer-buttons-item {
+        flex: 1;
+        width: calc(25% - 9px);
+      }
+    }
+    
+    // Ant Design按钮覆盖样式
+    :global(.ant-btn) {
+      height: 48px;
+      border-radius: 6px;
+      font-size: 16px;
+      font-weight: 500;
+      width: 100%;
+    }
+    
+    &-item {
+      // 修饰符：主按钮
+      &-primary {
+        background-color: var(--theme-color, #7F56D9);
+      }
+      
+      // 修饰符：次按钮
+      &-secondary {
+        background-color: #fff;
+        border-color: #d0d5de;
+        color: var(--Gray-700, #344054);
+      }
+    }
+  }
+}
+
+.pisell-wallet-pass-gallery_footer:empty {
+  display: none;
+}

package/es/plus/walletPassGallery/components/passDetail/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+interface PassDetailProps {
+    dataSource?: any | null;
+    platform?: 'pc' | 'h5';
+    buttonGroupList?: any[][];
+}
+declare const PassDetail: (props: PassDetailProps) => JSX.Element | null;
+export default PassDetail;