@pisell/materials 1.0.749 → 1.0.751

package/lib/components/date-picker/datePickerCpt.js

@@ -188,7 +188,8 @@ var DatePickerCpt = (props) => {
     }
   };
   const handleApply = () => {
-    if (error) return;
+    if (error)
+      return;
     handleOk();
   };
   const handleDataStrChange = (e) => {

package/lib/components/date-picker/index.d.ts

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

package/lib/components/div/index.d.ts

@@ -4,5 +4,5 @@ export interface DivProps {
     style?: React.CSSProperties;
     others?: any;
 }
-declare const Div: (props: DivProps) => JSX.Element;
+declare const Div: (props: DivProps) => React.JSX.Element;
 export default Div;

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { ValueProps, SortType } from '../types';
 declare type IdType = string | number;
@@ -15,5 +15,5 @@ declare type TreeItemProps = {
     onSelectKeys?: (ids: IdType) => void;
     onChange?: (value: any[]) => void;
 };
-declare const TreeItem: (props: TreeItemProps) => JSX.Element;
+declare const TreeItem: (props: TreeItemProps) => React.JSX.Element;
 export default TreeItem;

package/lib/components/drag-sort-tree/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SortType } from './types';
-declare const DragSortTree: (props: SortType) => JSX.Element;
+declare const DragSortTree: (props: SortType) => React.JSX.Element;
 export default DragSortTree;

package/lib/components/drag-sort-tree/index.js

@@ -68,7 +68,8 @@ var DragSortTree = (props) => {
   const handleDragEnd = (event) => {
     var _a, _b, _c, _d;
     const { active, over } = event;
-    if (!over || !active) return;
+    if (!over || !active)
+      return;
     try {
       let activeId = (_b = (_a = active == null ? void 0 : active.id) == null ? void 0 : _a.split("-")) == null ? void 0 : _b[1];
       let overId = (_d = (_c = over == null ? void 0 : over.id) == null ? void 0 : _c.split("-")) == null ? void 0 : _d[1];

package/lib/components/dropdown/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Dropdown: (props: any) => JSX.Element;
+import React from 'react';
+declare const Dropdown: (props: any) => React.JSX.Element;
 export default Dropdown;

package/lib/components/filter/components/items/index.d.ts

@@ -7,8 +7,8 @@ export declare const fieldMaps: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export declare const fieldList: {
@@ -24,8 +24,8 @@ export declare const getFieldByType: (type: string) => {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 declare const _default: {
     text: {
@@ -35,8 +35,8 @@ declare const _default: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export default _default;

package/lib/components/filter/components/items/text/Editor/index.d.ts

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

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

package/lib/components/filter/components/items/text/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 export default _default;

package/lib/components/filter/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FilterProps } from "./types";
-declare const Filter: (props: FilterProps) => JSX.Element | null;
+declare const Filter: (props: FilterProps) => React.JSX.Element | null;
 export default Filter;

package/lib/components/form/index.js

@@ -37,7 +37,10 @@ var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
 var import_utils = require("@pisell/utils");
 var Form = class extends import_react.Component {
-  formRef = (0, import_react.createRef)();
+  constructor() {
+    super(...arguments);
+    this.formRef = (0, import_react.createRef)();
+  }
   componentDidUpdate(prevProps) {
     const { values: prevValues } = prevProps;
     const { values: currentValues } = this.props;

package/lib/components/iconSelect/index.js

@@ -49,7 +49,8 @@ var IconGroupNameMap = {
 var Icon = (props) => {
   const { type, icons = {}, ...rest } = props;
   const Comp = icons[type];
-  if (!Comp) return null;
+  if (!Comp)
+    return null;
   return /* @__PURE__ */ import_react.default.createElement(Comp, { ...rest });
 };
 var IconContent = ({

package/lib/components/iconSelect/utils.js

@@ -36,7 +36,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_react = __toESM(require("react"));
 function get(obj, path, defaultValue) {
-  if (!path) return defaultValue;
+  if (!path)
+    return defaultValue;
   const keys = path.split(".");
   let result = obj;
   for (const key of keys) {

package/lib/components/list/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare const List: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     Item: import("antd/es/list/Item").ListItemTypeProps;
 };
 export default List;

package/lib/components/login-and-register/index.less

@@ -67,7 +67,7 @@
       position: relative;
       
       &.active {
-        color: #7F56D9;
+        color: var(--theme-color);
         
         &:after {
           content: '';
@@ -105,11 +105,11 @@
       background: #FFF;
       
       &:hover {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
       }
       
       &:focus {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
 
@@ -126,7 +126,7 @@
     .saas-login-button {
       height: 44px;
       border-radius: 8px;
-      background: #7F56D9;
+      background: var(--theme-color);
       border: none;
       font-weight: 500;
       
@@ -135,7 +135,7 @@
       }
       
       &:focus {
-        background: #7F56D9;
+        background: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
     }
@@ -185,7 +185,7 @@
       margin-bottom: 16px;
       
       a {
-        color: #7F56D9;
+        //color: #7F56D9;
         margin-left: 4px;
         cursor: pointer;
         

package/lib/components/lowCodePage/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 declare type LowCodePageProps = {
     id: number;
 };
-declare const LowCodePage: (props: LowCodePageProps) => JSX.Element;
+declare const LowCodePage: (props: LowCodePageProps) => React.JSX.Element;
 export default LowCodePage;

package/lib/components/page/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }
-declare const Page: (props: PageProps) => JSX.Element;
+declare const Page: (props: PageProps) => React.JSX.Element;
 export default Page;

package/lib/components/page/index.js

@@ -83,7 +83,7 @@ var Page = (props) => {
         token: {
           ...props.theme.token,
           // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
-          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#7F56D9"
+          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#5D3F9F"
         }
       };
     }
@@ -120,10 +120,10 @@ var Page = (props) => {
           colorErrorBg: "#FEF3F2",
           colorErrorBorderHover: "#FDA29B",
           colorErrorOutline: "rgba(217, 45, 32, 0.06)",
-          colorLink: "#175CD3",
-          colorLinkActive: "#194185",
-          colorLinkHover: "#1849A9",
-          // colorPrimaryActive: '#7f56d9',
+          colorLink: "#7F56DA",
+          colorLinkActive: "#5F3DA8",
+          colorLinkHover: "#6D48C4",
+          // colorPrimaryActive: '#5D3F9F',
           // colorPrimaryBorder: '#E9D7FE',
           colorText: "#344054",
           colorTextDisabled: "#D0D5DD",
@@ -211,7 +211,7 @@ var Page = (props) => {
     var _a2;
     return (0, import_date_picker.createTheme)({
       palette: {
-        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#7F56D9" }
+        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#5D3F9F" }
       }
     });
   }, [platform, themeColor]);
@@ -247,7 +247,7 @@ var Page = (props) => {
             {
               style: {
                 ...style,
-                "--theme-color": themeColor || "#7F56D9"
+                "--theme-color": themeColor || "#5D3F9F"
               },
               className
             },

package/lib/components/page-header/index.d.ts

@@ -10,5 +10,5 @@ interface PageHeaderProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const PageHeader: (props: PageHeaderProps) => JSX.Element | null;
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
 export default PageHeader;

package/lib/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;
@@ -6,5 +6,5 @@ export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps
     defaultValue?: number;
     onChange?: (val: number) => void;
 }
-declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => JSX.Element;
+declare const PisellAdjustPriceInputNumber: (props: PisellAdjustPriceInputNumberProps) => React.JSX.Element;
 export default PisellAdjustPriceInputNumber;

package/lib/components/pisellAdjustPrice/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface PisellAdjustPriceProps {
     value?: number;
@@ -6,5 +6,5 @@ export interface PisellAdjustPriceProps {
     defaultValue?: number;
     onChange?: (val: number) => void;
 }
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => React.JSX.Element;
 export default PisellAdjustPrice;

package/lib/components/pisellAlert/index.d.ts

@@ -18,5 +18,5 @@ export interface PisellAlertProps extends AlertProps {
  * @param props
  * @constructor
  */
-declare const PisellAlert: (props: PisellAlertProps) => false | JSX.Element;
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
 export default PisellAlert;

package/lib/components/pisellAnchor/index.js

@@ -70,7 +70,8 @@ var PisellAnchor = ({
   ).run;
   const handleContentScroll = (0, import_ahooks.useDebounceFn)(
     () => {
-      if (isClickScrolling.current || !(containerRef == null ? void 0 : containerRef.current)) return;
+      if (isClickScrolling.current || !(containerRef == null ? void 0 : containerRef.current))
+        return;
       const container = containerRef.current;
       const scrollTop = container.scrollTop;
       const containerHeight = container.clientHeight;
@@ -109,7 +110,8 @@ var PisellAnchor = ({
   ).run;
   (0, import_react.useEffect)(() => {
     const container = containerRef == null ? void 0 : containerRef.current;
-    if (!container) return;
+    if (!container)
+      return;
     container.addEventListener("scroll", handleContentScroll);
     return () => container.removeEventListener("scroll", handleContentScroll);
   }, [handleContentScroll]);
@@ -121,7 +123,8 @@ var PisellAnchor = ({
       isClickScrolling.current = true;
       let scrollDistance = 0;
       for (const option of options) {
-        if (option.id === item.id) break;
+        if (option.id === item.id)
+          break;
         const element = document.querySelector(`[data-section="${option.id}"]`);
         if (element instanceof HTMLElement) {
           scrollDistance += element.offsetHeight;

package/lib/components/pisellCard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {
@@ -16,5 +16,5 @@ export interface PisellCardProps extends CardProps {
  * @param props
  * @constructor
  */
-declare const PisellCard: (props: PisellCardProps) => JSX.Element;
+declare const PisellCard: (props: PisellCardProps) => React.JSX.Element;
 export default PisellCard;

package/lib/components/pisellCardList/index.d.ts

@@ -39,5 +39,5 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     /** 是否余额货币单位 */
     showBalanceSymbol?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => React.JSX.Element>;
 export default _default;

package/lib/components/pisellCheckboxGroup/index.d.ts

@@ -30,5 +30,5 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:34
  */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => React.JSX.Element;
 export default PisellCheckboxGroup;

package/lib/components/pisellCountdown/index.d.ts

@@ -20,5 +20,5 @@ export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement>
     /** 格式化倒计时展示 参考 dayjs */
     format?: string;
 };
-declare const PisellCountdown: (props: PisellCountdownProps) => JSX.Element;
+declare const PisellCountdown: (props: PisellCountdownProps) => React.JSX.Element;
 export default PisellCountdown;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';
@@ -18,5 +18,5 @@ export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
  * @param props
  * @constructor
  */
-declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
 export default DatePickerCpt;

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

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

package/lib/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): JSX.Element;
+export declare function Remove(props: ActionProps): React.JSX.Element;

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import type { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
 import { Props as TreeItemProps } from './TreeItem';
 interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-export declare function SortableTreeItem({ id, depth, ...props }: Props): JSX.Element;
+export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
 export {};

package/lib/components/pisellDraggable/index.d.ts

@@ -27,6 +27,6 @@ interface Props {
     /** 最大层级 */
     maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): JSX.Element;
-declare const Demo: (props: Props) => JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;

package/lib/components/pisellDraggable/index.js

@@ -155,10 +155,13 @@ function SortableTree({
   }, []);
   function checkSubtreeDepth(items2, itemId, baseDepth) {
     const item = items2.find((i) => i.id === itemId);
-    if (!item) return false;
-    if (baseDepth >= maxLevel) return true;
+    if (!item)
+      return false;
+    if (baseDepth >= maxLevel)
+      return true;
     const children = items2.filter((i) => i.parentId === itemId);
-    if (baseDepth >= maxLevel - 1 && children.length > 0) return true;
+    if (baseDepth >= maxLevel - 1 && children.length > 0)
+      return true;
     return children.some((child) => {
       const childNewDepth = baseDepth + 1;
       return childNewDepth >= maxLevel || checkSubtreeDepth(items2, child.id, childNewDepth);

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -21,5 +21,5 @@ interface SortableItemProps {
     /** 获取item样式 */
     getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }
-declare const SortableItem: (props: SortableItemProps) => JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
 export default SortableItem;

package/lib/components/pisellEmpty/index.d.ts

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     maxWidth?: number;
     [key: string]: any;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
 export default PisellEmpty;

package/lib/components/pisellFloatingPanel/index.d.ts

@@ -13,5 +13,5 @@ export interface PisellFloatingPanelProps {
     style?: React.CSSProperties;
     retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
 export default PisellFloatingPanel;

package/lib/components/pisellInformationEntry/Input/index.d.ts

@@ -4,5 +4,5 @@ export interface PisellEntryInputProps {
     onChange: (val: string) => void;
     searchDescribe?: React.ReactNode;
 }
-declare const PisellEntryInput: (props: PisellEntryInputProps) => JSX.Element;
+declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
 export default PisellEntryInput;

package/lib/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;
     onCancel: () => void;
 }
-declare const Scan: (props: ScanProps) => JSX.Element;
+declare const Scan: (props: ScanProps) => React.JSX.Element;
 export default Scan;

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

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

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

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellInformationEntry/hooks/useNativeScanner.ts
+var useNativeScanner_exports = {};
+__export(useNativeScanner_exports, {
+  useNativeScanner: () => useNativeScanner
+});
+module.exports = __toCommonJS(useNativeScanner_exports);
+var import_react = require("react");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var useNativeScanner = (onChange) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(
+      _a2,
+      "global",
+      "nativeScannerResult",
+      (strVal) => {
+        try {
+          const val = JSON.parse(strVal);
+          onChange == null ? void 0 : onChange(val.value);
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    );
+  }, []);
+  const activeNativeScanner = (0, import_react.useCallback)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+      module: "global",
+      key: "active_native_scanner",
+      data: {
+        source: "pisellInformationEntry"
+      }
+    });
+  }, []);
+  return {
+    activeNativeScanner,
+    isAppEnv: (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv()
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNativeScanner
+});

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

@@ -29,5 +29,5 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     /** 录入类型切换时候触发的 */
     onChangeType?: (val: null | EntryModeType['type']) => void;
 }
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
 export default PisellInformationEntry;

package/lib/components/pisellInformationEntry/index.js

@@ -43,6 +43,7 @@ var import_button = __toESM(require("../button"));
 var import_Input = __toESM(require("./Input"));
 var import_utils = require("./utils");
 var import_useTerminalPeripherals = __toESM(require("./hooks/useTerminalPeripherals"));
+var import_useNativeScanner = require("./hooks/useNativeScanner");
 var import_index = require("./index.less");
 var CardButton = (props) => {
   const { icon, children, ...others } = props;
@@ -63,6 +64,7 @@ var PisellInformationEntry = (props) => {
     null
   );
   const { peripheralsStatus } = (0, import_useTerminalPeripherals.default)(onChange);
+  const { activeNativeScanner, isAppEnv } = (0, import_useNativeScanner.useNativeScanner)(onChange);
   const [availableEntryModes, setAvailableEntryModes] = (0, import_react.useState)(entryModes);
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
@@ -96,6 +98,10 @@ var PisellInformationEntry = (props) => {
     if (import_constants.passiveModeType.includes(type)) {
       return;
     }
+    if (isAppEnv) {
+      activeNativeScanner();
+      return;
+    }
     setCurrentType(type);
   };
   (0, import_react.useEffect)(() => {