@pisell/materials 3.3.4 → 3.3.6

package/es/components/pisellCheckboxGroup/index.less

@@ -19,6 +19,7 @@
       border-radius: 12px;
       border: 1px solid var(--Gray-200, #EAECF0);
       z-index: 2;
+      pointer-events: none;
     }
 
     &.pisell-checkbox-group-item-active {

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

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

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

package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -0,0 +1,4 @@
+export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
+    activeNativeScanner: () => void;
+    isTerminal: any;
+};

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;
+  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()
+  };
+};

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

@@ -26,6 +26,8 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     searchDescribe?: React.ReactNode;
     /** 录入信息值改变 */
     onChange?: (val: string) => void;
+    /** 录入类型切换时候触发的 */
+    onChangeType?: (val: null | EntryModeType['type']) => void;
 }
 declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
 export default PisellInformationEntry;

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/pisellInput/components/BankCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/es/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

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

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

package/es/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

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

@@ -1,6 +1,8 @@
 import './index.less';
 export interface PisellWalletPassCardProps {
-    id?: number;
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
     /** 商品名称 */
     name: string;
     /** 二维码 */
@@ -49,6 +51,31 @@ export interface PisellWalletPassCardProps {
     showCover?: boolean;
     /** 是否展示余额货币符号 */
     showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
     [key: string]: any;
 }
 declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;