@pisell/materials 1.0.446 → 1.0.447

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

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

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

@@ -37,7 +37,6 @@ var import_core = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_TreeItem = __toESM(require("./TreeItem"));
 var import_modifiers = require("@dnd-kit/modifiers");
-var import_index = require("./index.less");
 var DragSortTree = (props) => {
   const { value, rowKey, tabKey, hiddenKeys, onChange } = props;
   const [items, setItems] = (0, import_react.useState)(value || []);

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://unpkg.com/@pisell/materials@3.0.37/iconfont/iconfont.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

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

@@ -0,0 +1,2 @@
+import PickerView from 'antd-mobile/es/components/picker-view';
+export default PickerView;

package/lib/components/picker-view/index.js

@@ -0,0 +1,36 @@
+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/picker-view/index.tsx
+var picker_view_exports = {};
+__export(picker_view_exports, {
+  default: () => picker_view_default
+});
+module.exports = __toCommonJS(picker_view_exports);
+var import_picker_view = __toESM(require("antd-mobile/es/components/picker-view"));
+var picker_view_default = import_picker_view.default;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AnchorProps } from 'antd';
+import './index.less';
+export interface PisellAnchorProps extends AnchorProps {
+    items: any[];
+    direction: 'horizontal' | 'vertical';
+    scrollNumber: number;
+}
+/**
+ * PisellAnchor锚点组件
+ * @param props
+ * @constructor
+ */
+declare const PisellAnchor: (props: PisellAnchorProps) => React.JSX.Element;
+export default PisellAnchor;

package/lib/components/pisellAnchor/index.js

@@ -0,0 +1,107 @@
+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/pisellAnchor/index.tsx
+var pisellAnchor_exports = {};
+__export(pisellAnchor_exports, {
+  default: () => pisellAnchor_default
+});
+module.exports = __toCommonJS(pisellAnchor_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var import_icons = require("@ant-design/icons");
+var import_index = require("./index.less");
+var PisellAnchor = (props) => {
+  console.log(
+    "%c [ props ]-21",
+    "font-size:13px; background:pink; color:#bf2c9f;",
+    props
+  );
+  const [leftDisabled, setLeftDisabled] = (0, import_react.useState)(true);
+  const [rightDisabled, setRightDisabled] = (0, import_react.useState)(false);
+  const { items = [], direction, scrollNumber = 1 } = props;
+  const InnerProps = {
+    onChange: (key) => {
+      console.log(key);
+    },
+    getCurrentAnchor: () => {
+      if (items.length > 0) {
+        return items[0].href;
+      }
+      return "";
+    },
+    items
+  };
+  let itemsWidth = 0;
+  let containerWidth = 0;
+  const handleScroll = (e) => {
+    const left = e.target.scrollLeft;
+    console.log("滚动位置:", left);
+    setLeftDisabled(left === 0);
+  };
+  const debouncedScroll = (0, import_ahooks.useDebounceFn)(handleScroll, { wait: 1e3 });
+  const scrollToAnchor = ({ direction: direction2 }) => {
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-anchor-wapper") }, /* @__PURE__ */ import_react.default.createElement(import_antd.Anchor, { direction: "horizontal", ...InnerProps }), /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: "pisell-anchor-control" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+      shape: "circle",
+      disabled: leftDisabled,
+      onClick: () => scrollToAnchor({ direction: "left" })
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+      shape: "circle",
+      disabled: rightDisabled,
+      onClick: () => scrollToAnchor({ direction: "right" })
+    }
+  )), items.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        id: `${item.key}`,
+        className: (0, import_classnames.default)("pisell-anchor-content"),
+        style: {
+          width: "100vw",
+          height: "100vh",
+          textAlign: "center",
+          background: "rgba(0,255,0,0.02)"
+        }
+      },
+      "这是",
+      item.title,
+      "的内容"
+    );
+  }));
+};
+var pisellAnchor_default = PisellAnchor;

package/lib/components/pisellAnchor/index.less

@@ -0,0 +1,98 @@
+// .pisell-anchor-wapper {
+//   width: 100%;
+//   overflow: hidden;
+//   .pisell-anchor-control {
+//     display: flex;
+//     position: absolute;
+//     top: 0;
+//     right: 0;
+//     z-index: 10;
+//   }
+
+//   .pisell-lowcode-anchor-wrapper {
+//     position: relative;
+//     height: 48px;
+//     width: 500px;
+//     margin: 0 auto;
+//     overflow-x: auto;
+//     scroll-snap-type: x mandatory;
+//     scroll-behavior: smooth;
+//     overflow-y: hidden;
+
+//     &::-webkit-scrollbar {
+//       display: none;
+//     }
+//     &::after {
+//       position: absolute;
+//       right: 0;
+//       top: 0;
+//       content: '';
+//       display: inline-block;
+//       width: 64px;
+//       height: 44px;
+
+//       background: linear-gradient(to right, #0000, #fff);
+//     }
+//     .pisell-lowcode-anchor {
+//       height: 44px;
+//       background-color: #fff;
+//       width: max-content;
+//       display: inline-block;
+//       .pisell-lowcode-anchor-ink-visible {
+//         display: none;
+//       }
+//       .pisell-lowcode-anchor-link {
+//         scroll-snap-align: start;
+//         max-width: 200px;
+//         // overflow: hidden;
+//         text-overflow: ellipsis;
+//         display: inline-block;
+
+//         padding: 12px 16px;
+//         height: 44px;
+//         box-sizing: border-box;
+//         align-items: center;
+//         background-color: #fff;
+
+//         .pisell-lowcode-anchor-link-title {
+//           color: var(--Gray-900, #101828);
+
+//           /* Text md/Semibold */
+//           font-family: Inter;
+//           font-size: 16px;
+//           font-style: normal;
+//           font-weight: 600;
+//           line-height: 24px; /* 150% */
+//           &:active,
+//           &:hover,
+//           &:visited,
+//           &:link {
+//             text-decoration: none;
+//           }
+//         }
+
+//         &.pisell-lowcode-anchor-link-active {
+//           border-radius: 100px;
+//           background: var(--Primary-600, #7f56d9);
+//           .pisell-lowcode-anchor-link-title {
+//             color: var(--White, #fff);
+//           }
+//         }
+//         // &:hover {
+//         //   border-radius: 88px;
+//         //   background: var(--Gray-100, #f2f4f7);
+//         // }
+//       }
+//       .pisell-lowcode-anchor-link + .pisell-lowcode-anchor-link {
+//         margin-left: 12px;
+//       }
+//     }
+//   }
+//   .pisell-anchor-content {
+//     width: 100%;
+//     height: 300px;
+//     line-height: 300px;
+//     font-size: 30px;
+//     text-align: center;
+//   }
+// }

package/lib/components/pisellInformationEntry/Input/index.js

@@ -46,7 +46,15 @@ var PisellEntryInput = (props) => {
     {
       autoFocus: true,
       value,
-      onChange: (e) => setValue(e.target.value),
+      onChange: (e) => {
+        setValue(e.target.value);
+        if (!e.target.value) {
+          onChange(e.target.value);
+        }
+      },
+      onPressEnter: (e) => {
+        onChange(value);
+      },
       style: { flex: 1 },
       prefix: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { style: { color: "#667085" }, type: "pisell2-search-lg" }),
       allowClear: true

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

@@ -1,3 +1,13 @@
 import { EntryModeType } from './index';
 export declare const entryModeTextIcon: Record<EntryModeType['type'], any>;
+export declare const entryModeErrorTextIcon: {
+    scanner: {
+        icon: string;
+        text: string;
+    };
+    nfc: {
+        icon: string;
+        text: string;
+    };
+};
 export declare const passiveModeType: string[];

package/lib/components/pisellInformationEntry/constants.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/pisellInformationEntry/constants.ts
 var constants_exports = {};
 __export(constants_exports, {
+  entryModeErrorTextIcon: () => entryModeErrorTextIcon,
   entryModeTextIcon: () => entryModeTextIcon,
   passiveModeType: () => passiveModeType
 });
@@ -41,9 +42,20 @@ var entryModeTextIcon = {
     text: "NFC ready"
   }
 };
+var entryModeErrorTextIcon = {
+  scanner: {
+    icon: "pisell2-a-Scanner11",
+    text: "Scanner"
+  },
+  nfc: {
+    icon: "pisell2-a-NFC1",
+    text: "NFC"
+  }
+};
 var passiveModeType = ["scanner", "nfc"];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  entryModeErrorTextIcon,
   entryModeTextIcon,
   passiveModeType
 });

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

@@ -0,0 +1,8 @@
+declare type Peripherals = {
+    scanner: 'none' | 'connected' | 'disconnect';
+    nfc: 'none' | 'connected' | 'disconnect';
+};
+declare const useTerminalPeripherals: (onChange?: ((val: string) => void) | undefined) => {
+    peripheralsStatus: Peripherals;
+};
+export default useTerminalPeripherals;

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

@@ -0,0 +1,83 @@
+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/useTerminalPeripherals.ts
+var useTerminalPeripherals_exports = {};
+__export(useTerminalPeripherals_exports, {
+  default: () => useTerminalPeripherals_default
+});
+module.exports = __toCommonJS(useTerminalPeripherals_exports);
+var import_react = require("react");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var useTerminalPeripherals = (onChange) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const [peripheralsStatus, setPeripheralsStatus] = (0, import_react.useState)({
+    scanner: "none",
+    nfc: "none"
+  });
+  (0, import_react.useEffect)(() => {
+    var _a2, _b, _c, _d, _e, _f;
+    (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b.call(
+      _a2,
+      "global",
+      "peripheralsResult",
+      (strVal) => {
+        try {
+          const val = JSON.parse(strVal);
+          onChange == null ? void 0 : onChange(val.value);
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    );
+    (_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.postMessageToApp) == null ? void 0 : _d.call(_c, {
+      module: "global",
+      key: "get_peripherals_status",
+      data: {}
+    });
+    (_f = (_e = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e.mountFunction) == null ? void 0 : _f.call(
+      _e,
+      "global",
+      "peripheralsStatus",
+      (strPeripherals) => {
+        try {
+          const peripherals = JSON.parse(strPeripherals);
+          setPeripheralsStatus(peripherals);
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    );
+  }, []);
+  return {
+    peripheralsStatus
+  };
+};
+var useTerminalPeripherals_default = useTerminalPeripherals;

package/lib/components/pisellInformationEntry/index.js

@@ -42,6 +42,7 @@ var import_Scan = __toESM(require("./Scan"));
 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_index = require("./index.less");
 var CardButton = (props) => {
   const { icon, children, ...others } = props;
@@ -60,6 +61,7 @@ var PisellInformationEntry = (props) => {
   const [currentType, setCurrentType] = (0, import_react.useState)(
     null
   );
+  const { peripheralsStatus } = (0, import_useTerminalPeripherals.default)(onChange);
   const [availableEntryModes, setAvailableEntryModes] = (0, import_react.useState)(entryModes);
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
@@ -70,13 +72,22 @@ var PisellInformationEntry = (props) => {
       if (!await (0, import_utils.hasCamera)()) {
         available = entryModes.filter((item) => item.type !== "scanCode");
       }
+      available = available.filter((item) => {
+        if (item.type === "scanner") {
+          return peripheralsStatus.scanner !== "none";
+        }
+        if (item.type === "nfc") {
+          return peripheralsStatus.nfc !== "none";
+        }
+        return true;
+      });
       if (available.length === 1) {
         setCurrentType(available[0].type);
       }
       setAvailableEntryModes(available);
     };
     getEntryModes();
-  }, [entryModes]);
+  }, [entryModes, peripheralsStatus]);
   const handleChange = (val) => {
     onChange == null ? void 0 : onChange(val);
   };
@@ -139,6 +150,11 @@ var PisellInformationEntry = (props) => {
     }
   ))), isShowEntryModes && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-modes" }, availableEntryModes.map((item) => {
     const detail = import_constants.entryModeTextIcon[item.type];
+    let icon = detail.icon;
+    if (["scanner", "nfc"].includes(item.type)) {
+      const disconnect = import_constants.entryModeErrorTextIcon[item.type];
+      icon = peripheralsStatus[item.type] === "connected" ? detail.icon : disconnect.icon;
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       CardButton,
       {
@@ -146,7 +162,7 @@ var PisellInformationEntry = (props) => {
         icon: /* @__PURE__ */ import_react.default.createElement(
           import_iconfont.default,
           {
-            type: detail.icon,
+            type: icon,
             className: "pisell-card-button-icon"
           }
         ),

package/lib/components/pisellInformationEntry/index.less

@@ -23,7 +23,7 @@
       flex: 1;
       text-align: center;
       cursor: pointer;
-      min-width: 165px;
+      min-width: 140px;
       .pisell-card-button-icon {
         height: 48px;
         font-size: 36px;

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

@@ -13,6 +13,8 @@ export interface PisellLoadingProps extends SpinProps {
     mask?: boolean | MaskType;
     /** 是否全屏 */
     fullscreen?: boolean;
+    /** 延迟显示加载效果的时间（防止闪烁）	 */
+    delay?: number;
 }
 declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
 export default PisellLoading;

package/lib/components/pisellLoading/index.js

@@ -39,7 +39,7 @@ var import_useCssVariables = __toESM(require("../../hooks/useCssVariables"));
 var import_utils = require("../../utils");
 var import_index = require("./index.less");
 var PisellLoading = (props) => {
-  const { children, fullscreen, mask, loading } = props;
+  const { children, fullscreen, mask, loading, delay } = props;
   const ref = (0, import_react.useRef)(null);
   const {
     backgroundColor = "#fff",
@@ -60,6 +60,7 @@ var PisellLoading = (props) => {
     import_antd.Spin,
     {
       fullscreen,
+      delay,
       spinning: loading,
       indicator: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-loader2", style: { fontSize: 40 }, spin: true })
     },

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const PisellQrcode: React.FC;
+export default PisellQrcode;

package/lib/components/pisellQrcode/index.js

@@ -0,0 +1,79 @@
+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/pisellQrcode/index.tsx
+var pisellQrcode_exports = {};
+__export(pisellQrcode_exports, {
+  default: () => pisellQrcode_default
+});
+module.exports = __toCommonJS(pisellQrcode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_pisellModal = __toESM(require("./../pisellModal"));
+var import_index = require("./index.less");
+var qrcodeValue = "https://www.baidu.com";
+var PisellQrcode = (props) => {
+  const { size, platform } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [height, setHeight] = import_react.default.useState(0);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const modalRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      console.log(
+        "%c [ modalRef ]-22",
+        "font-size:13px; background:pink; color:#bf2c9f;",
+        modalRef
+      );
+    }
+  }, [open]);
+  const modalProps = {
+    title: "QR code",
+    platform,
+    onCancel: () => setOpen(false),
+    open,
+    footer: null,
+    mobileModalHeight: "auto",
+    className: (0, import_classnames.default)("pisell-qrcode-modal"),
+    bodyStyle: {
+      padding: 0
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-qrcode-wrapper") }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => setOpen(true) }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size, value: qrcodeValue, bordered: false })), /* @__PURE__ */ import_react.default.createElement(import_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size, value: qrcodeValue }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, qrcodeValue), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => setOpen(false),
+      className: (0, import_classnames.default)("pisell-qrcode-modal-button")
+    },
+    "Done"
+  )));
+};
+var pisellQrcode_default = PisellQrcode;

package/lib/components/pisellQrcode/index.less

@@ -0,0 +1,41 @@
+.pisell-qrcode-wrapper {
+}
+
+.pisell-qrcode-modal {
+  .pisell-lowcode-modal-content {
+    padding: 0;
+    .pisell-lowcode-modal-body {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      flex-direction: column;
+      .pisell-qrcode-modal-value {
+        color: var(--Gray-500, #667085);
+        font-family: Inter;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        margin: 20px 0 24px;
+      }
+      .pisell-lowcode-divider {
+        margin: 0;
+      }
+      .pisell-qrcode-modal-button {
+        margin: 24px;
+
+        color: var(--Base-White, #fff);
+
+        font-family: Inter;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 24px;
+
+        width: calc(100% - 48px);
+        box-sizing: border-box;
+        background-color: var(--theme-color, #7f56d9);
+      }
+    }
+  }
+}