@cniot/android-pda-components 0.1.7 → 0.1.11

package/es/index.es.js

@@ -36,7 +36,7 @@ var __publicField = (obj, key, value) => {
 import React, { useState, useEffect, useRef, cloneElement, useCallback } from "react";
 import ReactDOM from "react-dom";
 var global = "";
-var _classnames_2_3_1_classnames = { exports: {} };
+var classnames = { exports: {} };
 /*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -82,9 +82,9 @@ var _classnames_2_3_1_classnames = { exports: {} };
       window.classNames = classNames2;
     }
   })();
-})(_classnames_2_3_1_classnames);
-var classNames = _classnames_2_3_1_classnames.exports;
-var index$m = "";
+})(classnames);
+var classNames = classnames.exports;
+var index$o = "";
 function getTypeClass$1(type) {
   return {
     "center": "op-overlay center",
@@ -110,8 +110,8 @@ function Overlay(props) {
     className: getTypeClass$1(verticalPosition)
   }, option), props.children) : null;
 }
-var index$l = "";
-const blankFunc$5 = () => {
+var index$n = "";
+const blankFunc$6 = () => {
 };
 class PdaTitle extends React.Component {
   constructor(props) {
@@ -121,13 +121,13 @@ class PdaTitle extends React.Component {
     });
   }
   render() {
-    const { className, goBack = true, goBackHandle = blankFunc$5, icon = "scan", title = "\u4EFB\u52A1", menuList = null } = this.props;
+    const { className, goBack = true, goBackHandle = blankFunc$6, icon = "scan", title = "\u4EFB\u52A1", menuList = null } = this.props;
     const { showMenu } = this.state;
     return /* @__PURE__ */ React.createElement("div", {
       className: classNames({ [className]: true, "pda-header": true })
     }, /* @__PURE__ */ React.createElement("div", {
       className: "header-click-area",
-      onClick: goBack ? goBackHandle : blankFunc$5
+      onClick: goBack ? goBackHandle : blankFunc$6
     }, goBack && /* @__PURE__ */ React.createElement("div", {
       className: "pda-goback"
     }), icon && /* @__PURE__ */ React.createElement("div", {
@@ -149,7 +149,136 @@ class PdaTitle extends React.Component {
     }, menuList)));
   }
 }
-var index$k = "";
+var keycode$1 = { exports: {} };
+(function(module, exports) {
+  function keyCode(searchInput) {
+    if (searchInput && typeof searchInput === "object") {
+      var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode;
+      if (hasKeyCode)
+        searchInput = hasKeyCode;
+    }
+    if (typeof searchInput === "number")
+      return names[searchInput];
+    var search = String(searchInput);
+    var foundNamedKey = codes[search.toLowerCase()];
+    if (foundNamedKey)
+      return foundNamedKey;
+    var foundNamedKey = aliases[search.toLowerCase()];
+    if (foundNamedKey)
+      return foundNamedKey;
+    if (search.length === 1)
+      return search.charCodeAt(0);
+    return void 0;
+  }
+  keyCode.isEventKey = function isEventKey(event, nameOrCode) {
+    if (event && typeof event === "object") {
+      var keyCode2 = event.which || event.keyCode || event.charCode;
+      if (keyCode2 === null || keyCode2 === void 0) {
+        return false;
+      }
+      if (typeof nameOrCode === "string") {
+        var foundNamedKey = codes[nameOrCode.toLowerCase()];
+        if (foundNamedKey) {
+          return foundNamedKey === keyCode2;
+        }
+        var foundNamedKey = aliases[nameOrCode.toLowerCase()];
+        if (foundNamedKey) {
+          return foundNamedKey === keyCode2;
+        }
+      } else if (typeof nameOrCode === "number") {
+        return nameOrCode === keyCode2;
+      }
+      return false;
+    }
+  };
+  exports = module.exports = keyCode;
+  var codes = exports.code = exports.codes = {
+    "backspace": 8,
+    "tab": 9,
+    "enter": 13,
+    "shift": 16,
+    "ctrl": 17,
+    "alt": 18,
+    "pause/break": 19,
+    "caps lock": 20,
+    "esc": 27,
+    "space": 32,
+    "page up": 33,
+    "page down": 34,
+    "end": 35,
+    "home": 36,
+    "left": 37,
+    "up": 38,
+    "right": 39,
+    "down": 40,
+    "insert": 45,
+    "delete": 46,
+    "command": 91,
+    "left command": 91,
+    "right command": 93,
+    "numpad *": 106,
+    "numpad +": 107,
+    "numpad -": 109,
+    "numpad .": 110,
+    "numpad /": 111,
+    "num lock": 144,
+    "scroll lock": 145,
+    "my computer": 182,
+    "my calculator": 183,
+    ";": 186,
+    "=": 187,
+    ",": 188,
+    "-": 189,
+    ".": 190,
+    "/": 191,
+    "`": 192,
+    "[": 219,
+    "\\": 220,
+    "]": 221,
+    "'": 222
+  };
+  var aliases = exports.aliases = {
+    "windows": 91,
+    "\u21E7": 16,
+    "\u2325": 18,
+    "\u2303": 17,
+    "\u2318": 91,
+    "ctl": 17,
+    "control": 17,
+    "option": 18,
+    "pause": 19,
+    "break": 19,
+    "caps": 20,
+    "return": 13,
+    "escape": 27,
+    "spc": 32,
+    "spacebar": 32,
+    "pgup": 33,
+    "pgdn": 34,
+    "ins": 45,
+    "del": 46,
+    "cmd": 91
+  };
+  /*!
+   * Programatically add the following
+   */
+  for (i = 97; i < 123; i++)
+    codes[String.fromCharCode(i)] = i - 32;
+  for (var i = 48; i < 58; i++)
+    codes[i - 48] = i;
+  for (i = 1; i < 13; i++)
+    codes["f" + i] = i + 111;
+  for (i = 0; i < 10; i++)
+    codes["numpad " + i] = i + 96;
+  var names = exports.names = exports.title = {};
+  for (i in codes)
+    names[codes[i]] = i;
+  for (var alias in aliases) {
+    codes[alias] = aliases[alias];
+  }
+})(keycode$1, keycode$1.exports);
+var keycode = keycode$1.exports;
+var index$m = "";
 function Button(props) {
   const { type = "default", onClick, className = "" } = props;
   return /* @__PURE__ */ React.createElement("button", {
@@ -163,12 +292,35 @@ function ButtonGroup(props) {
   }, props.children);
 }
 Button.Group = ButtonGroup;
-var index$j = "";
-const empty$2 = () => {
+var index$l = "";
+const empty$3 = () => {
 };
-function index$i(props) {
-  const { onBack, icon, title, menus = [], onClickMenuItem = empty$2, cancelMenuText } = props;
+function index$k(props) {
+  const {
+    onBack,
+    icon,
+    title,
+    menus = [],
+    onClickMenuItem = empty$3,
+    cancelMenuText,
+    menuShortcutKey,
+    backShortcutKey
+  } = props;
   const [showMenus, setShowMenus] = React.useState(false);
+  React.useEffect(function() {
+    if (menuShortcutKey) {
+      return bindShortcutKey(getShortcutKeyCodes(menuShortcutKey), function() {
+        setShowMenus(true);
+      });
+    }
+  }, [menuShortcutKey]);
+  React.useEffect(function() {
+    if (backShortcutKey && onBack) {
+      return bindShortcutKey(getShortcutKeyCodes(backShortcutKey), function() {
+        onBack("back");
+      });
+    }
+  }, [backShortcutKey, onBack]);
   return /* @__PURE__ */ React.createElement("div", {
     className: "pda-header"
   }, /* @__PURE__ */ React.createElement("div", {
@@ -204,7 +356,28 @@ function index$i(props) {
     onClick: () => setShowMenus(false)
   }, cancelMenuText)) : null)));
 }
-var index$h = "";
+function getShortcutKeyCodes(shortcutKey) {
+  const shortcutKeys = shortcutKey.indexOf(",") > -1 ? shortcutKey.split(",") : [shortcutKey];
+  return shortcutKeys.map((k) => {
+    const kc = keycode(k);
+    if (kc === void 0) {
+      console.warn("OPButton.shortcutKey error key value by:", k);
+    }
+    return kc;
+  }).filter((k) => !!k);
+}
+function bindShortcutKey(keys, callback) {
+  function keyUpCallback(event) {
+    if (keys.indexOf(event.keyCode) > -1) {
+      callback && callback(event);
+    }
+  }
+  document.addEventListener("keyup", keyUpCallback);
+  return function() {
+    document.removeEventListener("keyup", keyUpCallback);
+  };
+}
+var index$j = "";
 class PdaInfoCard$2 extends React.Component {
   constructor(props) {
     super(props);
@@ -262,7 +435,7 @@ class PdaInfoCard$2 extends React.Component {
   }
 }
 PdaInfoCard$2.IMAGE_1 = "https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";
-var index$g = "";
+var index$i = "";
 class PdaListItem extends React.Component {
   constructor(props) {
     super(props);
@@ -276,11 +449,11 @@ class PdaListItem extends React.Component {
       className: classNames({ [className]: true, "pda-list-item": true }),
       style,
       onClick
-    }, /* @__PURE__ */ React.createElement("div", {
+    }, !!header ? /* @__PURE__ */ React.createElement("div", {
       className: "pda-listitem-header"
-    }, header), /* @__PURE__ */ React.createElement("div", {
+    }, header) : null, /* @__PURE__ */ React.createElement("div", {
       onClick: onHeightLightClick,
-      className: "pda-listitem-highlight"
+      className: classNames({ "pda-listitem-highlight": true })
     }, /* @__PURE__ */ React.createElement("div", null, highlightText), /* @__PURE__ */ React.createElement("div", null, highlightSubText)), /* @__PURE__ */ React.createElement("div", {
       className: "pda-listitem-state-text"
     }, stateTextList.map((item, index2) => {
@@ -295,24 +468,24 @@ class PdaListItem extends React.Component {
         key: index2,
         className: type
       }, item.label || "");
-    })), subInfoList.map((item, index2) => {
-      return /* @__PURE__ */ React.createElement("div", {
-        key: index2,
-        className: "pda-listitem-subinfo"
-      }, /* @__PURE__ */ React.createElement("span", null, item.label || ""), "\xA0\xA0", /* @__PURE__ */ React.createElement("span", null, item.content || ""));
-    }), icon ? /* @__PURE__ */ React.createElement("div", {
+    })), icon ? /* @__PURE__ */ React.createElement("div", {
       onClick: onIconClick,
       className: "pda-listitem-icon"
     }, /* @__PURE__ */ React.createElement("div", {
       className: classNames({ "listitem-icon-container": true, ["listitem-icon-" + icon]: true })
-    })) : null);
+    })) : null, subInfoList.map((item, index2) => {
+      return /* @__PURE__ */ React.createElement("div", {
+        key: index2,
+        className: "pda-listitem-subinfo"
+      }, /* @__PURE__ */ React.createElement("span", null, item.label || ""), "\xA0\xA0", /* @__PURE__ */ React.createElement("span", null, item.content || ""));
+    }));
   }
 }
-var index$f = "";
-function empty$1() {
+var index$h = "";
+function empty$2() {
 }
 function Confirm(props) {
-  const { title = "title", message = null, subMessage = [], okText = "okText", cancelText = null, onClick = empty$1, type = "primary" } = props;
+  const { title = "title", message = null, subMessage = [], okText = "okText", cancelText = null, onClick = empty$2, type = "primary" } = props;
   return /* @__PURE__ */ React.createElement("div", {
     className: classNames({ "confirm-wrap": true, ["confirm-" + type]: true })
   }, /* @__PURE__ */ React.createElement("div", {
@@ -336,7 +509,7 @@ function Confirm(props) {
     onClick: () => onClick(true)
   }, okText)));
 }
-var index$e = "";
+var index$g = "";
 function resolveContainer(getContainer) {
   const container = typeof getContainer === "function" ? getContainer() : getContainer;
   return container || document.body;
@@ -382,14 +555,15 @@ const defaultProps$1 = {
   stopPropagation: ["click"]
 };
 const InternalToast = (p) => {
-  mergeProps(defaultProps$1, p);
+  const props = mergeProps(defaultProps$1, p);
+  const { maskClickable, content, icon, position, title, message, type } = props;
   return /* @__PURE__ */ React.createElement(Overlay, {
     verticalPosition: "bottom",
     closable: true
   }, /* @__PURE__ */ React.createElement(Toast, {
-    title: "111111",
-    message: "22222",
-    type: "success"
+    title,
+    message,
+    type
   }));
 };
 const containers = [];
@@ -511,11 +685,11 @@ function toast(props) {
   const { title, level, message, duration = null } = data;
   const [hidden, setHidden] = useState(false);
   React.useEffect(() => {
+    service.onNext("");
     let timeout = null;
     if (duration) {
       setTimeout(() => {
         setHidden(true);
-        service.onNext("");
       }, duration);
     }
     return () => {
@@ -536,7 +710,7 @@ function splitMessage(message) {
   var msg = String(message).split("by Error:");
   return msg[1] || msg[0];
 }
-var index$d = "";
+var index$f = "";
 function NotFound(props) {
   return /* @__PURE__ */ React.createElement("div", {
     style: { padding: "20%" }
@@ -719,7 +893,7 @@ function createHashHistory(b) {
     }
   };
 }
-var index$c = "";
+var index$e = "";
 function Debug(props) {
   const { appManager } = props;
   const pages = Array.from(appManager.pageManager.keys()).reverse();
@@ -769,7 +943,7 @@ function Loading$1(props) {
     style: { position: "absolute", left: 0, top: 0, zIndex: 100 }
   }, "LOADING...") : null;
 }
-var index$b = {
+var index$d = {
   Alert,
   Start,
   Toast: toast,
@@ -779,7 +953,7 @@ var index$b = {
   Prompt,
   Loading: Loading$1
 };
-var index$a = "";
+var index$c = "";
 function Presentation(props) {
   const {
     image = Presentation.IMAGE_1,
@@ -801,11 +975,11 @@ Presentation.IMAGE_1 = "https://img.alicdn.com/imgextra/i3/O1CN019Ivkor1ksy3pMGD
 Presentation.IMAGE_2 = "https://img.alicdn.com/imgextra/i1/O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png";
 Presentation.IMAGE_3 = "https://img.alicdn.com/imgextra/i1/O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png";
 Presentation.IMAGE_4 = "https://img.alicdn.com/imgextra/i3/O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif";
-var index$9 = "";
-function empty() {
+var index$b = "";
+function empty$1() {
 }
 function List(props) {
-  const { dataSource = [], onClickItem, onItemClick = empty } = props;
+  const { dataSource = [], onClickItem, onItemClick = empty$1 } = props;
   return /* @__PURE__ */ React.createElement("div", {
     className: "android-pda-list"
   }, dataSource.map((item, index2) => {
@@ -847,15 +1021,15 @@ function DefaultItem(props) {
   }, extra));
 }
 List.Item = DefaultItem;
-var index$8 = "";
-const blankFunc$4 = () => {
+var index$a = "";
+const blankFunc$5 = () => {
 };
 class BaseLayoutContainer extends React.Component {
   constructor(props) {
     super(props);
     this.state = {};
     this._handleKeyUp = (e) => {
-      const { onScan = blankFunc$4, onEnter = blankFunc$4, onEsc = blankFunc$4, onDelete = blankFunc$4, scanMode = null } = this.props;
+      const { onScan = blankFunc$5, onEnter = blankFunc$5, onEsc = blankFunc$5, onDelete = blankFunc$5, scanMode = null } = this.props;
       e.preventDefault();
       const { code, keyCode, key } = e;
       if (code === "Enter") {
@@ -912,7 +1086,7 @@ class BaseLayoutContainer extends React.Component {
     }, footer));
   }
 }
-const blankFunc$3 = () => {
+const blankFunc$4 = () => {
 };
 class RfidOnce$1 extends React.Component {
   constructor(props) {
@@ -982,11 +1156,11 @@ class RfidOnce$1 extends React.Component {
   }
   render() {
     const props = this.props;
-    const _a = props, { onRfidOnce = blankFunc$3 } = _a, opts = __objRest(_a, ["onRfidOnce"]);
+    const _a = props, { onRfidOnce = blankFunc$4 } = _a, opts = __objRest(_a, ["onRfidOnce"]);
     return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
   }
 }
-const blankFunc$2 = () => {
+const blankFunc$3 = () => {
 };
 class RfidOnce extends React.Component {
   constructor(props) {
@@ -1071,14 +1245,14 @@ class RfidOnce extends React.Component {
   }
   render() {
     const props = this.props;
-    const _a = props, { onRfidScan = blankFunc$2, autoRfidScan } = _a, opts = __objRest(_a, ["onRfidScan", "autoRfidScan"]);
+    const _a = props, { onRfidScan = blankFunc$3, autoRfidScan } = _a, opts = __objRest(_a, ["onRfidScan", "autoRfidScan"]);
     return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
   }
 }
 __publicField(RfidOnce, "defaultProps", {
   rfidReaderSleep: false
 });
-const blankFunc$1 = () => {
+const blankFunc$2 = () => {
 };
 class BarcodeScan extends React.Component {
   constructor(props) {
@@ -1125,7 +1299,7 @@ class BarcodeScan extends React.Component {
   }
   render() {
     const props = this.props;
-    const _a = props, { onBarcodeScan = blankFunc$1 } = _a, opts = __objRest(_a, ["onBarcodeScan"]);
+    const _a = props, { onBarcodeScan = blankFunc$2 } = _a, opts = __objRest(_a, ["onBarcodeScan"]);
     return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, opts));
   }
 }
@@ -1148,56 +1322,83 @@ class BaseLayout extends React.Component {
     return /* @__PURE__ */ React.createElement(BaseLayoutContainer, __spreadValues({}, props));
   }
 }
-var index$7 = "";
-const blankFunc = () => {
+var index$9 = "";
+const blankFunc$1 = () => {
 };
-function WakeKeyborard(props) {
-  const [inputVisible, setInputVisible] = useState(false);
+function Keyborard(props) {
+  const { label = "\u67E5\u8BE2", onWakeKeyboard = blankFunc$1, onClick = blankFunc$1, onHidden = blankFunc$1 } = props;
   const inputRef = useRef(null);
-  const { onWakeKeyboard = blankFunc, onClick = blankFunc } = props;
+  const [visible, setVisible] = useState(true);
   useEffect(() => {
     const handleKeyUp = (e) => {
       e.preventDefault();
       const { code, keyCode, key } = e;
       if (code === "Enter") {
-        onClick(inputRef.current.value);
-        setInputVisible(false);
+        onClick(inputRef.current.value, e);
+        onHidden(true);
+        setVisible(false);
         return;
       }
     };
+    requestAnimationFrame(() => {
+      inputRef.current.focus();
+      onWakeKeyboard();
+    });
     document.addEventListener("keyup", handleKeyUp);
     return () => {
       document.removeEventListener("keyup", handleKeyUp);
     };
   }, []);
+  if (!visible)
+    return null;
   return /* @__PURE__ */ React.createElement("div", {
-    className: "wakekeyborard"
-  }, inputVisible ? /* @__PURE__ */ React.createElement("div", {
-    className: "wakekeyborard-overlay"
+    className: "wakekeyborard-overlay",
+    onClick: (e) => {
+      var _a;
+      if ((_a = e.target.className) == null ? void 0 : _a.includes("wakekeyborard-overlay")) {
+        onHidden(false);
+        setVisible(false);
+      }
+    }
   }, /* @__PURE__ */ React.createElement("div", {
     className: "wakekeyborard-inputbox"
   }, /* @__PURE__ */ React.createElement("input", {
     ref: inputRef,
     type: "tel"
   }), /* @__PURE__ */ React.createElement(Button, {
-    type: "primary",
+    type: "cutout",
     onClick: (e) => {
-      onClick(inputRef.current.value);
+      onClick(inputRef.current.value, e);
+      onHidden(true);
+      setVisible(false);
+    }
+  }, label)));
+}
+const blankFunc = () => {
+};
+function WakeKeyborard(props) {
+  const [inputVisible, setInputVisible] = useState(false);
+  const _a = props, { onClick = blankFunc, onHidden = blankFunc } = _a, keyborardProps = __objRest(_a, ["onClick", "onHidden"]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "wakekeyborard"
+  }, inputVisible ? /* @__PURE__ */ React.createElement(Keyborard, __spreadValues({
+    onClick: (v, e) => {
+      onClick(v);
       setInputVisible(!inputVisible);
+    },
+    onHidden: (s) => {
+      setInputVisible(false);
+      onHidden(s);
     }
-  }, "\u67E5\u8BE2"))) : null, !inputVisible ? /* @__PURE__ */ React.createElement("div", {
+  }, keyborardProps)) : null, !inputVisible ? /* @__PURE__ */ React.createElement("div", {
     className: "wakekeyborard-icon",
     onClick: (e) => {
       setInputVisible(!inputVisible);
-      requestAnimationFrame(() => {
-        inputRef.current.focus();
-        onWakeKeyboard();
-      });
     }
   }) : null);
 }
-var index$6 = "";
-var index$5 = "";
+var index$8 = "";
+var index$7 = "";
 class PdaInfoCard$1 extends React.Component {
   constructor(props) {
     super(props);
@@ -1217,10 +1418,10 @@ class PdaInfoCard$1 extends React.Component {
       className: classNames({ "pda-step-indictor-bottom": true, "pda-step-indictor-bottom-hidden": isLast })
     })), /* @__PURE__ */ React.createElement("div", {
       className: classNames({ "pda-step": true, "pda-step-dark": !isActive })
-    }, /* @__PURE__ */ React.createElement("p", {
+    }, /* @__PURE__ */ React.createElement("div", {
       className: "pda-step-title"
     }, title), infoList.map((item, index22) => {
-      return /* @__PURE__ */ React.createElement("p", {
+      return /* @__PURE__ */ React.createElement("div", {
         key: index22,
         className: "pda-step-list"
       }, /* @__PURE__ */ React.createElement("span", null, item.label || ""), "\xA0\xA0", /* @__PURE__ */ React.createElement("span", null, item.content || ""));
@@ -1251,7 +1452,7 @@ class PdaInfoCard extends React.Component {
   }
 }
 __publicField(PdaInfoCard, "Step", PdaInfoCard$1);
-var index$4 = "";
+var index$6 = "";
 class PdaFinishCard extends React.Component {
   constructor(props) {
     super(props);
@@ -1287,7 +1488,7 @@ class PdaFinishCard extends React.Component {
 }
 PdaFinishCard.SUCCESS = "https://img.alicdn.com/imgextra/i2/O1CN01yYwwSx1uNV0M1gHlQ_!!6000000006025-1-tps-630-436.gif";
 PdaFinishCard.ERROR_SUCCESS = "https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";
-var index$3 = "";
+var index$5 = "";
 class PdaDistanceCard extends React.Component {
   constructor(props) {
     super(props);
@@ -1322,7 +1523,7 @@ class PdaDistanceCard extends React.Component {
     }, /* @__PURE__ */ React.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React.createElement("p", null, "\u8FD1")));
   }
 }
-var index$2 = "";
+var index$4 = "";
 function SubCard(props) {
   const { title, context, name, tag, attrs = [], style } = props;
   return /* @__PURE__ */ React.createElement("div", {
@@ -1348,6 +1549,34 @@ function SubCard(props) {
     }, text);
   })));
 }
+var index$3 = "";
+function empty() {
+}
+function index$2(props) {
+  const { dataSource = [], onClickItem = empty } = props;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "pda-app-list"
+  }, dataSource.map((item) => {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "pda-app-group",
+      key: item.groupName
+    }, /* @__PURE__ */ React.createElement("h2", {
+      className: "group-name"
+    }, item.groupName), /* @__PURE__ */ React.createElement("div", {
+      className: "group-apps"
+    }, item.list.map((it) => {
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "app-item",
+        key: it.name,
+        onClick: () => onClickItem(it)
+      }, /* @__PURE__ */ React.createElement("span", {
+        className: "app-name"
+      }, it.name), /* @__PURE__ */ React.createElement("span", {
+        className: "app-subname"
+      }, it.subname));
+    })));
+  }));
+}
 var index$1 = "";
 function usePersistFn(fn) {
   var fnRef = useRef(fn);
@@ -1684,4 +1913,4 @@ function PdaActionSheet(props) {
   })));
 }
 const ListItem = PdaListItem;
-export { PdaActionSheet as ActionSheet, BaseLayout, Button, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$i as Header, InfiniteScroll, PdaInfoCard$2 as InfoCard, List, ListItem, Overlay, index$b as PageFlowSystemPages, Presentation, PdaInfoCard as Steps, SubCard, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };
+export { PdaActionSheet as ActionSheet, index$2 as AppList, BaseLayout, Button, Confirm, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, index$k as Header, InfiniteScroll, PdaInfoCard$2 as InfoCard, Keyborard, List, ListItem, Overlay, index$d as PageFlowSystemPages, Presentation, PdaInfoCard as Steps, SubCard, PdaListItem as TaskCard, PdaTitle as Title, Toast, WakeKeyborard };