@pisell/materials 1.0.365 → 1.0.366

package/lib/components/pisellCardList/index.js

@@ -36,51 +36,11 @@ var import_react = __toESM(require("react"));
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
 var import_antd = require("antd");
 var import_pisellCheckboxGroup = __toESM(require("../pisellCheckboxGroup"));
-var import_pisellCard = __toESM(require("../pisellCard"));
-var mockList = [
-  {
-    id: 1,
-    name: "张三",
-    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
-    storeName: "张三的店铺",
-    balance: 100,
-    code: "Walletpass code",
-    validDate: "2022-01-01",
-    redeem: 1e3,
-    disabled: false,
-    disabledReason: "",
-    cover: ""
-  },
-  {
-    id: 2,
-    name: "张三",
-    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
-    storeName: "张三的店铺",
-    balance: 100,
-    code: "Walletpass code",
-    validDate: "2022-01-01",
-    redeem: 1e3,
-    disabled: true,
-    disabledReason: "Used maximum amount",
-    cover: ""
-  },
-  {
-    id: 3,
-    name: "张三",
-    qrCode: "https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLRpBpr.png",
-    storeName: "张三的店铺",
-    balance: 100,
-    code: "Walletpass code",
-    validDate: "2022-01-01",
-    redeem: 1e3,
-    disabled: false,
-    disabledReason: "",
-    cover: ""
-  }
-];
+var import_pisellWalletPassCard = __toESM(require("../pisellWalletPassCard"));
+var import_pisellEmpty = __toESM(require("../pisellEmpty"));
 var PisellCardList = (props) => {
   const {
-    data = mockList,
+    data,
     loadMoreData = () => {
     },
     endMessage,
@@ -97,7 +57,10 @@ var PisellCardList = (props) => {
     showRedeem,
     showQrCode,
     showStoreName,
-    showValidDate
+    showValidDate,
+    empty,
+    showEmpty,
+    showBalanceSymbol
   } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_react_infinite_scroll_component.default,
@@ -109,38 +72,37 @@ var PisellCardList = (props) => {
       endMessage,
       scrollableTarget: "scrollableDiv"
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    data.length ? /* @__PURE__ */ import_react.default.createElement(
       import_pisellCheckboxGroup.default,
       {
         options: data,
         value,
         mode,
         rowKey: "id",
-        className: "payment-list",
         gap: 12,
         onChange,
         iconPosition: "hide",
-        optionClassName: "payment-item",
         renderOption: (item, active) => {
           return /* @__PURE__ */ import_react.default.createElement(
-            import_pisellCard.default,
+            import_pisellWalletPassCard.default,
             {
               ...item,
               active,
-              showName,
-              showBalance,
-              showCode,
-              showCover,
-              showDetail,
-              showQrCode,
-              showRedeem,
-              showStoreName,
-              showValidDate
+              showName: showName || (item == null ? void 0 : item.showName),
+              showBalance: showBalance || (item == null ? void 0 : item.showBalance),
+              showCode: showCode || (item == null ? void 0 : item.showCode),
+              showCover: showCover || (item == null ? void 0 : item.showCover),
+              showDetail: showDetail || (item == null ? void 0 : item.showDetail),
+              showQrCode: showQrCode || (item == null ? void 0 : item.showQrCode),
+              showRedeem: showRedeem || (item == null ? void 0 : item.showRedeem),
+              showStoreName: showStoreName || (item == null ? void 0 : item.showStoreName),
+              showValidDate: showValidDate || (item == null ? void 0 : item.showValidDate),
+              showBalanceSymbol: showBalanceSymbol || (item == null ? void 0 : item.showBalanceSymbol)
             }
           );
         }
       }
-    )
+    ) : showEmpty && (empty || /* @__PURE__ */ import_react.default.createElement(import_pisellEmpty.default, null))
   );
 };
-var pisellCardList_default = PisellCardList;
+var pisellCardList_default = (0, import_react.memo)(PisellCardList);

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

@@ -13,7 +13,7 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
     gap?: number;
     padding?: number;
     options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue) => void;
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
     value?: PisellCheckboxGroupValue;
     renderOption?: (option: PisellCheckboxGroupOption, active: boolean) => React.ReactNode;
     rowKey?: string;

package/lib/components/pisellCheckboxGroup/index.js

@@ -90,15 +90,15 @@ var PisellCheckboxGroup = (props) => {
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
-  const _onChange = (val) => {
-    onChange == null ? void 0 : onChange(mode === "single" ? val[0] : val);
+  const _onChange = (val, item) => {
+    onChange == null ? void 0 : onChange(mode === "single" ? val[0] : val, item);
   };
-  const handleSelectItem = (item) => {
-    let newVal = [item];
+  const handleSelectItem = (key, item) => {
+    let newVal = [key];
     if (mode === "multiple") {
-      newVal = (0, import_utils2.changeArray)(_value, item, "this");
+      newVal = (0, import_utils2.changeArray)(_value, key, "this");
     }
-    _onChange(newVal);
+    _onChange(newVal, item);
     set_value(newVal);
   };
   const CheckBoxItem = mode === "multiple" ? import_antd.Checkbox : import_antd.Radio;
@@ -125,7 +125,7 @@ var PisellCheckboxGroup = (props) => {
           key: option[rowKey],
           gap: 10,
           onClick: () => {
-            handleSelectItem(option[rowKey]);
+            handleSelectItem(option[rowKey], option);
           },
           leftContent: iconPosition === "left" && /* @__PURE__ */ import_react.default.createElement(
             CheckBoxItem,

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+export interface PisellEntryInputProps {
+    onChange: (val: string) => void;
+    searchDescribe?: React.ReactNode;
+}
+declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
+export default PisellEntryInput;

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

@@ -0,0 +1,54 @@
+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/Input/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"));
+var import_pisellInput = __toESM(require("../../pisellInput"));
+var import_button = __toESM(require("../../button"));
+var import_iconfont = __toESM(require("../../iconfont"));
+var import_index = require("./index.less");
+var import_locales = require("../../../locales");
+var PisellEntryInput = (props) => {
+  const { onChange, searchDescribe } = props;
+  const [value, setValue] = (0, import_react.useState)("");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-entry-input-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-entry-input-line" }, /* @__PURE__ */ import_react.default.createElement(
+    import_pisellInput.default,
+    {
+      value,
+      onChange: (e) => setValue(e.target.value),
+      style: { flex: 1 },
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { style: { color: "#667085" }, type: "pisell2-search-lg" })
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_button.default, { size: "large", onClick: () => onChange(value) }, (0, import_locales.getText)("pisell-information-entry-input-search"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-entry-input-describe" }, searchDescribe));
+};
+var Input_default = PisellEntryInput;

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

@@ -0,0 +1,14 @@
+.pisell-entry-input-wrap {
+  .pisell-entry-input-line {
+    display: flex;
+    gap: 10px;
+  }
+  .pisell-entry-input-describe {
+    color: var(--Gray-600, #475467);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    margin-top: 8px;
+  }
+}

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

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

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

@@ -0,0 +1,63 @@
+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/Scan/index.tsx
+var Scan_exports = {};
+__export(Scan_exports, {
+  default: () => Scan_default
+});
+module.exports = __toCommonJS(Scan_exports);
+var import_react = __toESM(require("react"));
+var import_pisellScan = __toESM(require("../../pisellScan"));
+var import_index = require("./index.less");
+var import_locales = require("../../../locales");
+var Scan = (props) => {
+  const { onChange, onCancel } = props;
+  const scanRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellScan.default,
+    {
+      width: "100%",
+      borderRadius: "12px",
+      onChange,
+      ref: scanRef
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-custom-action" }, /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        onClick: () => {
+          var _a, _b;
+          (_b = (_a = scanRef.current) == null ? void 0 : _a.codeReader) == null ? void 0 : _b.reset();
+          onCancel();
+        }
+      },
+      (0, import_locales.getText)("pisell-information-entry-scan-exit")
+    ))
+  );
+};
+var Scan_default = Scan;

package/lib/components/pisellInformationEntry/Scan/index.less

@@ -0,0 +1,8 @@
+.pisell-scan-custom-action {
+  color: #fff;
+  padding: 16px;
+  text-align: right;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}

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

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

package/lib/components/pisellInformationEntry/constants.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellInformationEntry/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  entryModeTextIcon: () => entryModeTextIcon,
+  passiveModeType: () => passiveModeType
+});
+module.exports = __toCommonJS(constants_exports);
+var entryModeTextIcon = {
+  scanCode: {
+    icon: "pisell2-qr-code-02",
+    text: "Scan Bar/QR codes"
+  },
+  input: {
+    icon: "pisell2-a-keyboard-011",
+    text: "Enter coupon codes"
+  },
+  scanner: {
+    icon: "pisell2-a-Scanner1",
+    text: "Scanner ready"
+  },
+  nfc: {
+    icon: "pisell2-a-NFC2",
+    text: "NFC ready"
+  }
+};
+var passiveModeType = ["scanner", "nfc"];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  entryModeTextIcon,
+  passiveModeType
+});

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export declare type EntryModeType = {
+    /**
+     * 录入模式名称
+     * scanCode: 扫码录入
+     * input: 手动录入
+     * scanner: 扫码枪录入
+     * nfc: NFC录入
+     */
+    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
+    /**
+     * 录入模式文案 没有使用默认文案
+     */
+    name?: string;
+};
+export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 录入模式 */
+    entryModes: EntryModeType[];
+    /** 标题文案 */
+    title?: React.ReactNode;
+    /** 搜索框描述文案 */
+    searchDescribe?: React.ReactNode;
+    /** 录入信息值改变 */
+    onChange?: (val: string) => void;
+}
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
+export default PisellInformationEntry;

package/lib/components/pisellInformationEntry/index.js

@@ -0,0 +1,162 @@
+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/index.tsx
+var pisellInformationEntry_exports = {};
+__export(pisellInformationEntry_exports, {
+  default: () => pisellInformationEntry_default
+});
+module.exports = __toCommonJS(pisellInformationEntry_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_iconfont = __toESM(require("../iconfont"));
+var import_constants = require("./constants");
+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_index = require("./index.less");
+var CardButton = (props) => {
+  const { icon, children, ...others } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellCard.default, { ...others }, /* @__PURE__ */ import_react.default.createElement("div", null, icon), /* @__PURE__ */ import_react.default.createElement("div", null, children));
+};
+var PisellInformationEntry = (props) => {
+  const {
+    platform: propsPlatform,
+    title,
+    entryModes = [],
+    searchDescribe,
+    onChange
+  } = props;
+  const config = (0, import_usePisellConfig.default)();
+  const { platform } = config;
+  const [currentType, setCurrentType] = (0, import_react.useState)(
+    null
+  );
+  const [availableEntryModes, setAvailableEntryModes] = (0, import_react.useState)(entryModes);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const getEntryModes = async () => {
+      let available = entryModes;
+      if (!await (0, import_utils.hasCamera)()) {
+        available = entryModes.filter((item) => item.type !== "scanCode");
+      }
+      if (available.length === 1) {
+        setCurrentType(available[0].type);
+      }
+      setAvailableEntryModes(available);
+    };
+    getEntryModes();
+  }, [entryModes]);
+  const handleChange = (val) => {
+    onChange == null ? void 0 : onChange(val);
+  };
+  const handleEntryClick = (type) => {
+    if (import_constants.passiveModeType.includes(type)) {
+      return;
+    }
+    setCurrentType(type);
+  };
+  const { isHasInput, isHasNfc, isHasScanner, isHasScanCode } = (0, import_react.useMemo)(() => {
+    let isHasScanCode2 = false;
+    let isHasInput2 = false;
+    let isHasScanner2 = false;
+    let isHasNfc2 = false;
+    availableEntryModes.forEach((item) => {
+      if (item.type === "scanCode") {
+        isHasScanCode2 = true;
+      }
+      if (item.type === "input") {
+        isHasInput2 = true;
+      }
+      if (item.type === "scanner") {
+        isHasScanner2 = true;
+      }
+      if (item.type === "nfc") {
+        isHasNfc2 = true;
+      }
+    });
+    return {
+      isHasScanCode: isHasScanCode2,
+      isHasInput: isHasInput2,
+      isHasScanner: isHasScanner2,
+      isHasNfc: isHasNfc2
+    };
+  }, [availableEntryModes]);
+  const isShowEntryModes = (0, import_react.useMemo)(() => {
+    if (!currentType) {
+      return true;
+    }
+    if (availableEntryModes.length === 1 && import_constants.passiveModeType.includes(availableEntryModes[0].type)) {
+      return true;
+    }
+    return false;
+  }, [currentType, availableEntryModes]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, title), currentType && isHasScanCode && isHasInput && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-title-action-wrap" }, isHasScanCode && /* @__PURE__ */ import_react.default.createElement(
+    import_button.default,
+    {
+      size: "large",
+      type: currentType === "scanCode" ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: import_constants.entryModeTextIcon["scanCode"].icon }),
+      onClick: () => handleEntryClick("scanCode")
+    }
+  ), isHasInput && /* @__PURE__ */ import_react.default.createElement(
+    import_button.default,
+    {
+      size: "large",
+      type: currentType === "input" ? "primary" : "default",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: import_constants.entryModeTextIcon["input"].icon }),
+      onClick: () => handleEntryClick("input")
+    }
+  ))), isShowEntryModes && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-information-entry-modes" }, availableEntryModes.map((item) => {
+    const detail = import_constants.entryModeTextIcon[item.type];
+    return /* @__PURE__ */ import_react.default.createElement(
+      CardButton,
+      {
+        bordered: !import_constants.passiveModeType.includes(item.type),
+        icon: /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: detail.icon,
+            className: "pisell-card-button-icon"
+          }
+        ),
+        className: (0, import_classnames.default)("pisell-information-entry-item", {
+          ["pisell-entry-ready"]: import_constants.passiveModeType.includes(item.type)
+        }),
+        onClick: () => handleEntryClick(item.type)
+      },
+      item.name || detail.text
+    );
+  })), /* @__PURE__ */ import_react.default.createElement("div", null, currentType === "scanCode" && /* @__PURE__ */ import_react.default.createElement(import_Scan.default, { onChange: handleChange, onCancel: () => setCurrentType(null) }), currentType === "input" && /* @__PURE__ */ import_react.default.createElement(import_Input.default, { onChange: handleChange, searchDescribe })));
+};
+var pisellInformationEntry_default = PisellInformationEntry;

package/lib/components/pisellInformationEntry/index.less

@@ -0,0 +1,40 @@
+.pisell-information-entry-wrap {
+  .pisell-information-entry-title {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px; /* 155.556% */
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 20px;
+    .pisell-information-entry-title-action-wrap {
+      display: flex;
+      gap: 10px;
+    }
+  }
+  .pisell-information-entry-modes {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+    .pisell-information-entry-item {
+      flex: 1;
+      text-align: center;
+      cursor: pointer;
+      min-width: 165px;
+      .pisell-card-button-icon {
+        height: 48px;
+        font-size: 36px;
+      }
+    }
+    .pisell-entry-ready {
+      background: var(--Gray-50, #f9fafb);
+      cursor: inherit;
+      .pisell-card-button-icon {
+        font-size: 60px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+/**
+ * 判断设备是否包含摄像头
+ */
+export declare const hasCamera: () => Promise<boolean>;

package/lib/components/pisellInformationEntry/utils.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellInformationEntry/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  hasCamera: () => hasCamera
+});
+module.exports = __toCommonJS(utils_exports);
+var hasCamera = async () => {
+  try {
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const hasVideoInput = devices.some(
+      (device) => device.kind === "videoinput"
+    );
+    return hasVideoInput;
+  } catch (error) {
+    console.error("Error accessing media devices:", error);
+    return false;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasCamera
+});