@cniot/android-pda-components 2.0.0-beta.3 → 2.0.0-beta.5

package/es/index.es.js

@@ -70,7 +70,7 @@ var _classnames_2_5_1_classnames = { exports: {} };
   })();
 })(_classnames_2_5_1_classnames);
 var classNames = _classnames_2_5_1_classnames.exports;
-var index$11 = "";
+var index$12 = "";
 function getTypeClass$2(type) {
   return {
     center: "op-overlay center",
@@ -106,7 +106,7 @@ function Overlay$1(props) {
     }
   }, props.children) : null;
 }
-var index$10 = "";
+var index$11 = "";
 const blankFunc$6 = () => {
 };
 class PdaTitle extends React__default.Component {
@@ -285,7 +285,7 @@ var _keycode_2_2_1_keycode = { exports: {} };
   }
 })(_keycode_2_2_1_keycode, _keycode_2_2_1_keycode.exports);
 var keycode = _keycode_2_2_1_keycode.exports;
-var index$$ = "";
+var index$10 = "";
 function Button$2(props) {
   const { type = "default", onClick, className = "", tabIndex = 1, dataClick = "" } = props;
   let opt = {};
@@ -308,7 +308,7 @@ Button$2.Group = ButtonGroup$1;
 const SPECIAL_KEY_MAP = ["fn"];
 const empty$3 = () => {
 };
-function index$_(props) {
+function index$$(props) {
   const {
     onBack,
     icon,
@@ -514,7 +514,7 @@ function onAddEventListerScanBarcode$1(fn) {
     document.removeEventListener("BarcodeScan", callback);
   };
 }
-var index$Z = "";
+var index$_ = "";
 class PdaInfoCard$2 extends React__default.Component {
   constructor(props) {
     super(props);
@@ -593,7 +593,7 @@ class PdaInfoCard$2 extends React__default.Component {
   }
 }
 PdaInfoCard$2.IMAGE_1 = `${window.PDA_IMAGE_PATH}O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png`;
-var index$Y = "";
+var index$Z = "";
 class PdaListItem extends React__default.Component {
   constructor(props) {
     super(props);
@@ -639,7 +639,7 @@ class PdaListItem extends React__default.Component {
     }));
   }
 }
-var index$X = "";
+var index$Y = "";
 function empty$2() {
 }
 function Confirm$1(props) {
@@ -684,7 +684,7 @@ function Confirm$1(props) {
     dataClick: item.dataClick
   }, item.label))) : null));
 }
-var index$W = "";
+var index$X = "";
 function WindVaneLog(param) {
   const params = {
     domain: "logger",
@@ -777,12 +777,12 @@ function Toast$1(props) {
     className: "toast-message"
   }, message)) : null;
 }
-const defaultProps$j = {
+const defaultProps$m = {
   maskClickable: true,
   stopPropagation: ["click"]
 };
 const InternalToast = (p2) => {
-  const props = mergeProps$1(defaultProps$j, p2);
+  const props = mergeProps$1(defaultProps$m, p2);
   const {
     maskClickable,
     content,
@@ -814,12 +814,12 @@ function unmount$1(container) {
     container.parentNode.removeChild(container);
   }
 }
-const defaultProps$i = {
+const defaultProps$l = {
   duration: 2e3
 };
 function show$1(p2) {
   const props = mergeProps$1(
-    defaultProps$i,
+    defaultProps$l,
     p2
   );
   let timer = 0;
@@ -953,7 +953,7 @@ function confirm$1(props) {
     onClick: onNext
   }));
 }
-var index$V = "";
+var index$W = "";
 function getTypeClass(type) {
   return {
     center: "op-overlay center",
@@ -989,7 +989,7 @@ function Overlay(props) {
     }
   }, props.children) : null;
 }
-var index$U = "";
+var index$V = "";
 function Prompt$1(props) {
   const inputRef = React__default.useRef();
   const { data = {}, onNext } = props;
@@ -1066,7 +1066,7 @@ function splitMessage(message) {
   var msg = String(message).split("by Error:");
   return msg[1] || msg[0];
 }
-var index$T = "";
+var index$U = "";
 function NotFound(props) {
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { padding: "20%" }
@@ -1074,7 +1074,7 @@ function NotFound(props) {
     style: { fontSize: "60%" }
   }, "Not found")), /* @__PURE__ */ React__default.createElement("div", null, props.action.getPage()));
 }
-var index$S = "";
+var index$T = "";
 function Loading$2(props) {
   const [showLoading, setShowLoading] = React__default.useState(props.visible);
   const edgeService = props.edgeService;
@@ -1143,7 +1143,7 @@ function Debug$1() {
   console.warn('Please stop using "Debug" Components');
   return null;
 }
-var index$R = {
+var index$S = {
   Alert: Alert$1,
   Start,
   Toast: toast,
@@ -1154,7 +1154,7 @@ var index$R = {
   Loading: Loading$2,
   PlaySound: PlaySound$1
 };
-var index$Q = "";
+var index$R = "";
 function Presentation(props) {
   const {
     image: image2 = Presentation.IMAGE_1,
@@ -1176,7 +1176,7 @@ Presentation.IMAGE_1 = `${window.PDA_IMAGE_PATH}O1CN019Ivkor1ksy3pMGDsz_!!600000
 Presentation.IMAGE_2 = `${window.PDA_IMAGE_PATH}O1CN01lhSunu1X4VPw1Mlas_!!6000000002870-2-tps-352-158.png`;
 Presentation.IMAGE_3 = `${window.PDA_IMAGE_PATH}O1CN01mreYXo1XfbUsQ7hip_!!6000000002951-2-tps-322-144.png`;
 Presentation.IMAGE_4 = `${window.PDA_IMAGE_PATH}O1CN017gNM8F1Fmmcfti7Dg_!!6000000000530-1-tps-414-286.gif`;
-var index$P = "";
+var index$Q = "";
 function empty$1() {
 }
 function List$3(props) {
@@ -1231,7 +1231,7 @@ function DefaultItem(props) {
   }, extra));
 }
 List$3.Item = DefaultItem;
-var index$O = "";
+var index$P = "";
 const blankFunc$5 = () => {
 };
 class BaseLayoutContainer extends React__default.Component {
@@ -1621,7 +1621,7 @@ class BaseLayout extends React__default.Component {
     });
   }
 }
-var index$N = "";
+var index$O = "";
 const blankFunc$1 = () => {
 };
 function Keyborard(props) {
@@ -1712,7 +1712,7 @@ function WakeKeyborard(props) {
   }) : null);
 }
 WakeKeyborard.Keyborard = Keyborard;
-const classPrefix$o = "image-uploader";
+const classPrefix$r = "image-uploader";
 class PreviewItem extends Component {
   constructor(props) {
     super(props);
@@ -1720,7 +1720,7 @@ class PreviewItem extends Component {
   }
   renderDelete() {
     return /* @__PURE__ */ React__default.createElement("span", {
-      className: `${classPrefix$o}-cell-delete`,
+      className: `${classPrefix$r}-cell-delete`,
       onClick: this.props.onDelete
     }, /* @__PURE__ */ React__default.createElement("img", {
       className: "uploader-delete-icon",
@@ -1733,20 +1733,20 @@ class PreviewItem extends Component {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: "image-space-item"
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$o}-cell`,
+      className: `${classPrefix$r}-cell`,
       style: { width: box, height: box }
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$o}-cell-image`,
+      className: `${classPrefix$r}-cell-image`,
       style: { width: box, height: box }
     }, /* @__PURE__ */ React__default.createElement("img", {
-      className: `${classPrefix$o}-img`,
+      className: `${classPrefix$r}-img`,
       src,
       fit: "cover",
       onClick: onView
     })), deletable && this.renderDelete()));
   }
 }
-const classPrefix$n = "image-uploader";
+const classPrefix$q = "image-uploader";
 class UploadeButton extends Component {
   constructor(props) {
     super(props);
@@ -1757,10 +1757,10 @@ class UploadeButton extends Component {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `image-space-item`
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$n}-upload-button-wrap`,
+      className: `${classPrefix$q}-upload-button-wrap`,
       onClick: this.props.onUpload
     }, /* @__PURE__ */ React__default.createElement("span", {
-      className: `${classPrefix$n}-upload-button image-uploader-cell`,
+      className: `${classPrefix$q}-upload-button image-uploader-cell`,
       style: { width: box, height: box }
     }, /* @__PURE__ */ React__default.createElement("img", {
       className: "uploader-add-icon",
@@ -1769,8 +1769,8 @@ class UploadeButton extends Component {
     }))));
   }
 }
-var index$M = "";
-const classPrefix$m = "image-viewer";
+var index$N = "";
+const classPrefix$p = "image-viewer";
 class ImageViewer extends Component {
   constructor(props) {
     super(props);
@@ -1857,9 +1857,9 @@ class ImageViewer extends Component {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `v-mask-content`
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$m}-content`
+      className: `${classPrefix$p}-content`
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$m}-slides`
+      className: `${classPrefix$p}-slides`
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "image-viewer-indicator"
     }, currentIndex + 1, " / ", images.length), /* @__PURE__ */ React__default.createElement("div", {
@@ -1899,10 +1899,10 @@ class ImageViewer extends Component {
     }, /* @__PURE__ */ React__default.createElement("path", {
       d: "M384 127.5l256.5 256.5-256.5 256.5-45-45 178.5-180h-390v-63h390l-178.5-180z"
     })))) : null))), loading2 ? /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$m}-loading`,
+      className: `${classPrefix$p}-loading`,
       onClick: this.onClose
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$m}-loading-reactor`
+      className: `${classPrefix$p}-loading-reactor`
     }, /* @__PURE__ */ React__default.createElement("svg", {
       viewBox: "0 0 32 32",
       width: "36",
@@ -1916,7 +1916,7 @@ class ImageViewer extends Component {
     })))) : null) : null);
   }
 }
-const classPrefix$l = "image-uploader";
+const classPrefix$o = "image-uploader";
 class ImageUploader extends Component {
   constructor(props) {
     super(props);
@@ -1942,6 +1942,7 @@ class ImageUploader extends Component {
     __publicField(this, "handlerUploadNavigator", () => {
       const { beforeUpload, onBeforeUpload } = this.props;
       const dom = document.querySelector("#inputFile");
+      dom.value = null;
       dom.click();
       dom.onchange = (e2) => {
         let fileData = e2.target.files[0];
@@ -2030,7 +2031,7 @@ class ImageUploader extends Component {
     } = this.props;
     const { images } = this.state;
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$l}`
+      className: `${classPrefix$o}`
     }, /* @__PURE__ */ React__default.createElement("input", {
       type: "file",
       name: "file",
@@ -2038,7 +2039,7 @@ class ImageUploader extends Component {
       id: "inputFile",
       style: { display: "none" }
     }), /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$l}-wrap`
+      className: `${classPrefix$o}-wrap`
     }, images && images.map((item, index2) => {
       return /* @__PURE__ */ React__default.createElement(PreviewItem, {
         src: item.url,
@@ -2052,9 +2053,9 @@ class ImageUploader extends Component {
       box,
       onUpload: this.onClickAdd
     }) : null)), loading2 ? /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$l}-loading`
+      className: `${classPrefix$o}-loading`
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `${classPrefix$l}-loading-reactor`
+      className: `${classPrefix$o}-loading-reactor`
     }, /* @__PURE__ */ React__default.createElement("svg", {
       viewBox: "0 0 32 32",
       width: "36",
@@ -2128,9 +2129,9 @@ function takePhotoMethod2(compressSize = 200) {
     );
   });
 }
+var index$M = "";
 var index$L = "";
 var index$K = "";
-var index$J = "";
 class PdaInfoCard$1 extends React__default.Component {
   constructor(props) {
     super(props);
@@ -2185,7 +2186,7 @@ class PdaInfoCard extends React__default.Component {
   }
 }
 __publicField(PdaInfoCard, "Step", PdaInfoCard$1);
-var index$I = "";
+var index$J = "";
 class PdaFinishCard extends React__default.Component {
   constructor(props) {
     super(props);
@@ -2239,7 +2240,7 @@ class PdaFinishCard extends React__default.Component {
 }
 PdaFinishCard.SUCCESS = `${window.PDA_IMAGE_PATH}O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif`;
 PdaFinishCard.ERROR_SUCCESS = `${window.PDA_IMAGE_PATH}O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif`;
-var index$H = "";
+var index$I = "";
 class PdaDistanceCard extends React__default.Component {
   constructor(props) {
     super(props);
@@ -2280,7 +2281,7 @@ class PdaDistanceCard extends React__default.Component {
     }, /* @__PURE__ */ React__default.createElement("p", null, "\u8FDC"), /* @__PURE__ */ React__default.createElement("p", null, "\u8FD1")));
   }
 }
-var index$G = "";
+var index$H = "";
 function SubCard(props) {
   const { title, context, name, tag, attrs = [], style } = props;
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2306,7 +2307,7 @@ function SubCard(props) {
     }, text);
   })));
 }
-var index$F = "";
+var index$G = "";
 function SelectCard(props) {
   const { title, label, select = true, onClick = (e2) => {
   } } = props;
@@ -2319,10 +2320,10 @@ function SelectCard(props) {
     className: "select-icon"
   }) : null, " "));
 }
-var index$E = "";
+var index$F = "";
 function empty() {
 }
-function index$D(props) {
+function index$E(props) {
   const { dataSource = [], onClickItem = empty } = props;
   let tabIndex = 1;
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2350,7 +2351,7 @@ function index$D(props) {
     })));
   }));
 }
-var index$C = "";
+var index$D = "";
 function usePersistFn(fn) {
   var fnRef = useRef(fn);
   fnRef.current = fn;
@@ -2676,7 +2677,7 @@ function InfiniteScroll(props) {
     className: "pda-infinite-scroll-view"
   }, /* @__PURE__ */ React__default.createElement("span", null, notMoreText)));
 }
-var index$B = "";
+var index$C = "";
 function ActionSheet(props) {
   const {
     className = "",
@@ -2724,14 +2725,14 @@ function ActionSheet(props) {
     }, item.title);
   })) : null));
 }
-var index$A = "";
+var index$B = "";
 function Tag(props) {
   const { className = void 0, label = "label", type = "success" } = props;
   return /* @__PURE__ */ React__default.createElement("div", {
     className: classNames({ [className]: true, "pda-tag": true, ["pda-tag-" + type]: true })
   }, label);
 }
-var index$z = "";
+var index$A = "";
 function SimpleCard(props) {
   const { className = "", title = "", content = "", type = "default", onClick = () => {
   } } = props;
@@ -2744,7 +2745,7 @@ function SimpleCard(props) {
     className: "simple-card-content"
   }, content)) : null;
 }
-var index$y = "";
+var index$z = "";
 function SimpleCardBlock(props) {
   const { className = void 0, dataSource = [], title = "", tag } = props;
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2766,7 +2767,7 @@ function SimpleCardBlock(props) {
     });
   })) : null);
 }
-var index$x = "";
+var index$y = "";
 function LatticeMouth(props) {
   const { row = 3, col = 3, dataSource = [], onClick } = props;
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2803,7 +2804,7 @@ function renderItem(dataSource, rowIndex, colIndex, col, onClick) {
 function getDataSourceItem$1(dataSource, rowIndex, colIndex, col) {
   return dataSource[rowIndex * col + colIndex];
 }
-var index$w = "";
+var index$x = "";
 const DARK_STYLE = {
   "--base-font-size": "20px",
   "--background-color": "#282828",
@@ -2882,8 +2883,8 @@ function SplitContent(props) {
     className: "card-content"
   }, content[0]);
 }
-var index$v = "";
-function index$u(props) {
+var index$w = "";
+function index$v(props) {
   const {
     label = "\u8BF7\u9009\u62E9",
     dataSource = [],
@@ -3015,7 +3016,7 @@ function Loading(props) {
     "p-id": "2179"
   })), /* @__PURE__ */ React__default.createElement("div", null, text)));
 }
-var index$t = "";
+var index$u = "";
 function getRightValue(value, max, min) {
   if (value !== "") {
     if (typeof min === "number") {
@@ -3029,7 +3030,7 @@ function getRightValue(value, max, min) {
     return value;
   }
 }
-function index$s(props) {
+function index$t(props) {
   const {
     label = "",
     autoFocus = true,
@@ -3298,18 +3299,46 @@ function getVariableByJSON(params, engine) {
 class Filed extends JSONWatch {
   constructor(defaultData, validate = {}) {
     super(defaultData);
-  }
-  getProps(key) {
+    this.validateStatusMap = {};
+    this.validatorMap = {};
+  }
+  getProps(key, { validator, formatValue, handleValueInChange } = {}) {
+    const realValidator = typeof validator !== "function" && validator !== "required" ? null : (val) => {
+      if (validator === "required") {
+        validator = (val2) => {
+          return val2 == null || val2 === "" ? "\u5FC5\u586B" : null;
+        };
+      }
+      this.validateStatusMap[key] = validator == null ? void 0 : validator(val);
+    };
+    this.validatorMap[key] = realValidator;
+    const value = this.get(key);
     return {
-      value: this.get(key),
-      onChange: (value) => {
-        if (value && value.target && value.preventDefault) {
-          value = value.target.value;
+      value: typeof formatValue === "function" ? formatValue(value, key) : value,
+      onChange: (value2) => {
+        if (value2 && value2.target && value2.preventDefault) {
+          value2 = value2.target.value;
+        }
+        if (typeof handleValueInChange === "function") {
+          value2 = handleValueInChange(value2, key);
         }
-        this.set(key, value);
+        realValidator == null ? void 0 : realValidator(value2);
+        this.set(key, value2);
       }
     };
   }
+  getValidateStatus(key) {
+    return this.validateStatusMap[key];
+  }
+  validate() {
+    var _a, _b;
+    (_b = (_a = Object.entries(this.validatorMap)) == null ? void 0 : _a.forEach) == null ? void 0 : _b.call(_a, ([key, _validator]) => {
+      _validator == null ? void 0 : _validator(this.get(key));
+    });
+    const errorMessages = Object.entries(this.validateStatusMap).filter(([key, _validatorMessage]) => _validatorMessage);
+    errorMessages.length > 0 && this.emit("$updated");
+    return errorMessages.length === 0 ? Promise.resolve() : Promise.reject(Object.fromEntries(errorMessages));
+  }
   getValue(key) {
     return this.get(key);
   }
@@ -3320,7 +3349,7 @@ class Filed extends JSONWatch {
     this.set(key, value);
   }
 }
-function index$r(defaultData, validate) {
+function index$s(defaultData, validate) {
   const [, forceUpdate] = React__default.useState({});
   const [filed] = React__default.useState(() => {
     return new Filed(defaultData, validate);
@@ -3330,8 +3359,8 @@ function index$r(defaultData, validate) {
   });
   return filed;
 }
-var index$q = "";
-function index$p(props) {
+var index$r = "";
+function index$q(props) {
   const {
     label = "",
     defaultValue,
@@ -3368,7 +3397,7 @@ function index$p(props) {
     }
   })));
 }
-var index$o = "";
+var index$p = "";
 var global$1 = "";
 const canUseDom$1 = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 if (canUseDom$1) {
@@ -3753,11 +3782,11 @@ var useUnmount = function(fn) {
   }, []);
 };
 var useUnmount$1 = useUnmount;
-function isObject$2(value) {
+function isObject$3(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
-var isObject_1 = isObject$2;
+var isObject_1 = isObject$3;
 var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 var _freeGlobal = freeGlobal$1;
 var freeGlobal = _freeGlobal;
@@ -3835,7 +3864,7 @@ function isSymbol$1(value) {
   return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
 }
 var isSymbol_1 = isSymbol$1;
-var baseTrim = _baseTrim, isObject$1 = isObject_1, isSymbol = isSymbol_1;
+var baseTrim = _baseTrim, isObject$2 = isObject_1, isSymbol = isSymbol_1;
 var NAN = 0 / 0;
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 var reIsBinary = /^0b[01]+$/i;
@@ -3848,9 +3877,9 @@ function toNumber$1(value) {
   if (isSymbol(value)) {
     return NAN;
   }
-  if (isObject$1(value)) {
+  if (isObject$2(value)) {
     var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject$1(other) ? other + "" : other;
+    value = isObject$2(other) ? other + "" : other;
   }
   if (typeof value != "string") {
     return value === 0 ? value : +value;
@@ -3860,16 +3889,16 @@ function toNumber$1(value) {
   return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
 }
 var toNumber_1 = toNumber$1;
-var isObject = isObject_1, now = now_1, toNumber = toNumber_1;
-var FUNC_ERROR_TEXT = "Expected a function";
+var isObject$1 = isObject_1, now = now_1, toNumber = toNumber_1;
+var FUNC_ERROR_TEXT$1 = "Expected a function";
 var nativeMax = Math.max, nativeMin = Math.min;
-function debounce(func, wait, options) {
+function debounce$1(func, wait, options) {
   var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
   if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
+    throw new TypeError(FUNC_ERROR_TEXT$1);
   }
   wait = toNumber(wait) || 0;
-  if (isObject(options)) {
+  if (isObject$1(options)) {
     leading = !!options.leading;
     maxing = "maxWait" in options;
     maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -3944,10 +3973,27 @@ function debounce(func, wait, options) {
   debounced.flush = flush2;
   return debounced;
 }
-var debounce_1 = debounce;
-var debounce$1 = debounce_1;
+var debounce_1 = debounce$1;
 var isBrowser$1 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 var isBrowser$2 = isBrowser$1;
+var debounce = debounce_1, isObject = isObject_1;
+var FUNC_ERROR_TEXT = "Expected a function";
+function throttle(func, wait, options) {
+  var leading = true, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = "leading" in options ? !!options.leading : leading;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    "leading": leading,
+    "maxWait": wait,
+    "trailing": trailing
+  });
+}
+var throttle_1 = throttle;
 var useUpdate = function() {
   var _a = __read(useState({}), 2), setState = _a[1];
   return useCallback(function() {
@@ -4009,7 +4055,7 @@ var createEffectWithTarget = function(useEffectType) {
 var createEffectWithTarget$1 = createEffectWithTarget;
 var useEffectWithTarget = createEffectWithTarget$1(useEffect);
 var useEffectWithTarget$1 = useEffectWithTarget;
-var dayjs_min$1 = { exports: {} };
+var dayjs_min = { exports: {} };
 (function(module, exports) {
   !function(t2, e2) {
     module.exports = e2();
@@ -4298,8 +4344,8 @@ var dayjs_min$1 = { exports: {} };
       return O(1e3 * t3);
     }, O.en = D[g2], O.Ls = D, O.p = {}, O;
   });
-})(dayjs_min$1);
-var dayjs$1 = dayjs_min$1.exports;
+})(dayjs_min);
+var dayjs = dayjs_min.exports;
 function isNodeOrWeb() {
   var freeGlobal2 = (typeof global === "undefined" ? "undefined" : typeof global) == "object" && global && global.Object === Object && global;
   var freeSelf2 = typeof self == "object" && self && self.Object === Object && self;
@@ -4318,7 +4364,7 @@ function useDebounceFn(fn, options) {
   var fnRef = useLatest(fn);
   var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
   var debounced = useMemo(function() {
-    return debounce$1(function() {
+    return debounce_1(function() {
       var args = [];
       for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
@@ -4496,7 +4542,7 @@ var _reactFastCompare_3_2_2_reactFastCompare = function isEqual(a, b2) {
     if (options.root && options.root.nodeType != 1 && options.root.nodeType != 9) {
       throw new Error("root must be a Document or Element");
     }
-    this._checkForIntersections = throttle(
+    this._checkForIntersections = throttle2(
       this._checkForIntersections.bind(this),
       this.THROTTLE_TIMEOUT
     );
@@ -4841,7 +4887,7 @@ var _reactFastCompare_3_2_2_reactFastCompare = function isEqual(a, b2) {
   function now2() {
     return window.performance && performance.now && performance.now();
   }
-  function throttle(fn, timeout) {
+  function throttle2(fn, timeout) {
     var timer = null;
     return function() {
       if (!timer) {
@@ -5026,6 +5072,33 @@ var useUnmountedRef = function() {
   return unmountedRef;
 };
 var useUnmountedRef$1 = useUnmountedRef;
+function useThrottleFn(fn, options) {
+  var _a;
+  if (isDev$2) {
+    if (!isFunction(fn)) {
+      console.error("useThrottleFn expected parameter is a function, got ".concat(typeof fn));
+    }
+  }
+  var fnRef = useLatest(fn);
+  var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
+  var throttled = useMemo(function() {
+    return throttle_1(function() {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      return fnRef.current.apply(fnRef, __spreadArray([], __read(args), false));
+    }, wait, options);
+  }, []);
+  useUnmount$1(function() {
+    throttled.cancel();
+  });
+  return {
+    run: throttled,
+    cancel: throttled.cancel,
+    flush: throttled.flush
+  };
+}
 var mask = "";
 const MIN_DISTANCE = 10;
 function getDirection(x, y) {
@@ -8428,7 +8501,7 @@ function withStopPropagation(events, element) {
   }
   return React__default.cloneElement(element, props);
 }
-const classPrefix$k = `adm-mask`;
+const classPrefix$n = `adm-mask`;
 const opacityRecord = {
   default: 0.55,
   thin: 0.35,
@@ -8438,7 +8511,7 @@ const colorRecord$2 = {
   black: "0, 0, 0",
   white: "255, 255, 255"
 };
-const defaultProps$h = {
+const defaultProps$k = {
   visible: true,
   destroyOnClose: false,
   forceRender: false,
@@ -8449,7 +8522,7 @@ const defaultProps$h = {
   stopPropagation: ["click"]
 };
 const Mask$1 = (p2) => {
-  const props = mergeProps(defaultProps$h, p2);
+  const props = mergeProps(defaultProps$k, p2);
   const {
     locale
   } = useConfig();
@@ -8490,7 +8563,7 @@ const Mask$1 = (p2) => {
     }
   });
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement(animated.div, {
-    className: classPrefix$k,
+    className: classPrefix$n,
     ref,
     "aria-hidden": true,
     style: Object.assign(Object.assign({}, props.style), {
@@ -8505,12 +8578,12 @@ const Mask$1 = (p2) => {
       }
     }
   }, props.onMaskClick && React__default.createElement("div", {
-    className: `${classPrefix$k}-aria-button`,
+    className: `${classPrefix$n}-aria-button`,
     role: "button",
     "aria-label": locale.Mask.name,
     onClick: props.onMaskClick
   }), React__default.createElement("div", {
-    className: `${classPrefix$k}-content`
+    className: `${classPrefix$n}-content`
   }, props.children))));
   return React__default.createElement(ShouldRender, {
     active,
@@ -10336,8 +10409,8 @@ function useWheel(handler, config2) {
     wheel: handler
   }, config2 || {}, "wheel");
 }
-const classPrefix$j = `adm-popup`;
-const defaultProps$g = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const classPrefix$m = `adm-popup`;
+const defaultProps$j = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   closeOnSwipe: false,
   position: "bottom"
 });
@@ -10346,8 +10419,8 @@ const Popup$1 = (p2) => {
     locale,
     popup: componentConfig = {}
   } = useConfig();
-  const props = mergeProps(defaultProps$g, componentConfig, p2);
-  const bodyCls = classNames(`${classPrefix$j}-body`, props.bodyClassName, `${classPrefix$j}-body-position-${props.position}`);
+  const props = mergeProps(defaultProps$j, componentConfig, p2);
+  const bodyCls = classNames(`${classPrefix$m}-body`, props.bodyClassName, `${classPrefix$m}-body-position-${props.position}`);
   const [active, setActive] = useState(props.visible);
   const ref = useRef(null);
   useLockScroll(ref, props.disableBodyScroll && active ? "strict" : false);
@@ -10394,7 +10467,7 @@ const Popup$1 = (p2) => {
   });
   const maskVisible = useInnerVisible(active && props.visible);
   const node = withStopPropagation(props.stopPropagation, withNativeProps(props, React__default.createElement("div", Object.assign({
-    className: classPrefix$j,
+    className: classPrefix$m,
     onClick: props.onClick,
     style: {
       display: active ? void 0 : "none",
@@ -10437,7 +10510,7 @@ const Popup$1 = (p2) => {
     }),
     ref
   }, props.showCloseButton && React__default.createElement("a", {
-    className: classNames(`${classPrefix$j}-close-icon`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$m}-close-icon`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -10453,10 +10526,10 @@ const Popup$1 = (p2) => {
 };
 var Popup = Popup$1;
 var safeArea = "";
-const classPrefix$i = "adm-safe-area";
+const classPrefix$l = "adm-safe-area";
 const SafeArea$1 = (props) => {
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$i, `${classPrefix$i}-position-${props.position}`)
+    className: classNames(classPrefix$l, `${classPrefix$l}-position-${props.position}`)
   }));
 };
 var SafeArea = SafeArea$1;
@@ -10576,25 +10649,27 @@ function renderImperatively(element) {
   }));
   return {
     close: () => __awaiter(this, void 0, void 0, function* () {
-      var _a;
+      var _a, _b, _c;
       if (!wrapperRef.current) {
         unmount2();
+        (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
       } else {
-        (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        (_c = wrapperRef.current) === null || _c === void 0 ? void 0 : _c.close();
       }
     }),
     replace: (element2) => {
       var _a;
       (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element2);
-    }
+    },
+    isRendered: () => !!wrapperRef.current
   };
 }
 var autoCenter = "";
-const classPrefix$h = "adm-auto-center";
+const classPrefix$k = "adm-auto-center";
 const AutoCenter$1 = (props) => withNativeProps(props, React__default.createElement("div", {
-  className: classPrefix$h
+  className: classPrefix$k
 }, React__default.createElement("div", {
-  className: `${classPrefix$h}-content`
+  className: `${classPrefix$k}-content`
 }, props.children)));
 var AutoCenter = AutoCenter$1;
 var image = "";
@@ -10655,20 +10730,20 @@ const BrokenImageIcon = () => React__default.createElement("svg", {
   fill: "#DBDBDB",
   fillRule: "nonzero"
 }));
-const classPrefix$g = `adm-image`;
-const defaultProps$f = {
+const classPrefix$j = `adm-image`;
+const defaultProps$i = {
   fit: "fill",
   placeholder: React__default.createElement("div", {
-    className: `${classPrefix$g}-tip`
+    className: `${classPrefix$j}-tip`
   }, React__default.createElement(ImageIcon, null)),
   fallback: React__default.createElement("div", {
-    className: `${classPrefix$g}-tip`
+    className: `${classPrefix$j}-tip`
   }, React__default.createElement(BrokenImageIcon, null)),
   lazy: false,
   draggable: false
 };
 const Image$1 = staged_1((p2) => {
-  const props = mergeProps(defaultProps$f, p2);
+  const props = mergeProps(defaultProps$i, p2);
   const [loaded, setLoaded] = useState(false);
   const [failed, setFailed] = useState(false);
   const ref = useRef(null);
@@ -10695,7 +10770,7 @@ const Image$1 = staged_1((p2) => {
     const img = React__default.createElement("img", {
       ref: imgRef,
       id: props.id,
-      className: `${classPrefix$g}-img`,
+      className: `${classPrefix$j}-img`,
       src,
       alt: props.alt,
       onClick: props.onClick,
@@ -10735,7 +10810,7 @@ const Image$1 = staged_1((p2) => {
   }
   return withNativeProps(props, React__default.createElement("div", {
     ref,
-    className: classPrefix$g,
+    className: classPrefix$j,
     style,
     onClick: props.onContainerClick
   }, props.lazy && !initialized && React__default.createElement(LazyDetector, {
@@ -10745,25 +10820,56 @@ const Image$1 = staged_1((p2) => {
   }), renderInner()));
 });
 var Image = Image$1;
+var badge = "";
+const classPrefix$i = `adm-badge`;
+const dot = React__default.createElement(React__default.Fragment, null);
+const Badge$1 = (props) => {
+  const {
+    content,
+    color,
+    children
+  } = props;
+  const isDot = content === dot;
+  const badgeClass = classNames(classPrefix$i, {
+    [`${classPrefix$i}-fixed`]: !!children,
+    [`${classPrefix$i}-dot`]: isDot,
+    [`${classPrefix$i}-bordered`]: props.bordered
+  });
+  const element = content || content === 0 ? withNativeProps(props, React__default.createElement("div", {
+    className: badgeClass,
+    style: {
+      "--color": color
+    }
+  }, !isDot && React__default.createElement("div", {
+    className: `${classPrefix$i}-content`
+  }, content))) : null;
+  return children ? React__default.createElement("div", {
+    className: classNames(`${classPrefix$i}-wrapper`, props.wrapperClassName),
+    style: props.wrapperStyle
+  }, children, element) : element;
+};
+var Badge = attachPropertiesToComponent(Badge$1, {
+  dot
+});
 var button = "";
 var dotLoading = "";
-const classPrefix$f = `adm-dot-loading`;
+const classPrefix$h = `adm-dot-loading`;
 const colorRecord$1 = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$e = {
+const defaultProps$h = {
   color: "default"
 };
 const DotLoading$1 = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$e, p2);
+  const props = mergeProps(defaultProps$h, p2);
   return withNativeProps(props, React__default.createElement("div", {
     style: {
       color: (_a = colorRecord$1[props.color]) !== null && _a !== void 0 ? _a : props.color
     },
-    className: classNames("adm-loading", classPrefix$f)
+    className: classNames("adm-loading", classPrefix$h)
   }, React__default.createElement("svg", {
     height: "1em",
     viewBox: "0 0 100 40",
@@ -10807,8 +10913,8 @@ function isPromise(obj) {
 function isIOS() {
   return canUseDom$1 ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }
-const classPrefix$e = `adm-button`;
-const defaultProps$d = {
+const classPrefix$g = `adm-button`;
+const defaultProps$g = {
   color: "default",
   fill: "solid",
   block: false,
@@ -10821,7 +10927,7 @@ const defaultProps$d = {
   size: "middle"
 };
 const Button$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$d, p2);
+  const props = mergeProps(defaultProps$g, p2);
   const [innerLoading, setInnerLoading] = useState(false);
   const nativeButtonRef = useRef(null);
   const loading2 = props.loading === "auto" ? innerLoading : props.loading;
@@ -10850,24 +10956,24 @@ const Button$1 = forwardRef((p2, ref) => {
     ref: nativeButtonRef,
     type: props.type,
     onClick: handleClick,
-    className: classNames(classPrefix$e, {
-      [`${classPrefix$e}-${props.color}`]: props.color,
-      [`${classPrefix$e}-block`]: props.block,
-      [`${classPrefix$e}-disabled`]: disabled,
-      [`${classPrefix$e}-fill-outline`]: props.fill === "outline",
-      [`${classPrefix$e}-fill-none`]: props.fill === "none",
-      [`${classPrefix$e}-mini`]: props.size === "mini",
-      [`${classPrefix$e}-small`]: props.size === "small",
-      [`${classPrefix$e}-large`]: props.size === "large",
-      [`${classPrefix$e}-loading`]: loading2
-    }, `${classPrefix$e}-shape-${props.shape}`),
+    className: classNames(classPrefix$g, {
+      [`${classPrefix$g}-${props.color}`]: props.color,
+      [`${classPrefix$g}-block`]: props.block,
+      [`${classPrefix$g}-disabled`]: disabled,
+      [`${classPrefix$g}-fill-outline`]: props.fill === "outline",
+      [`${classPrefix$g}-fill-none`]: props.fill === "none",
+      [`${classPrefix$g}-mini`]: props.size === "mini",
+      [`${classPrefix$g}-small`]: props.size === "small",
+      [`${classPrefix$g}-large`]: props.size === "large",
+      [`${classPrefix$g}-loading`]: loading2
+    }, `${classPrefix$g}-shape-${props.shape}`),
     disabled,
     onMouseDown: props.onMouseDown,
     onMouseUp: props.onMouseUp,
     onTouchStart: props.onTouchStart,
     onTouchEnd: props.onTouchEnd
   }, loading2 ? React__default.createElement("div", {
-    className: `${classPrefix$e}-loading-wrapper`
+    className: `${classPrefix$g}-loading-wrapper`
   }, props.loadingIcon, props.loadingText) : React__default.createElement("span", null, props.children)));
 });
 var Button = Button$1;
@@ -11214,6 +11320,50 @@ function _defineProperty(e2, r2, t2) {
     writable: true
   }) : e2[r2] = t2, e2;
 }
+function useResizeEffect(effect, targetRef) {
+  const fn = useMemoizedFn(effect);
+  useIsomorphicLayoutEffect$2(() => {
+    const target = targetRef.current;
+    if (!target)
+      return;
+    if (window.ResizeObserver) {
+      let animationFrame;
+      const observer = new ResizeObserver(() => {
+        animationFrame = window.requestAnimationFrame(() => fn(target));
+      });
+      observer.observe(target);
+      return () => {
+        window.cancelAnimationFrame(animationFrame);
+        observer.disconnect();
+      };
+    } else {
+      fn(target);
+    }
+  }, [targetRef]);
+}
+function observe(element, options, callback) {
+  if (element && typeof MutationObserver !== "undefined") {
+    let observer = new MutationObserver(() => {
+      callback();
+    });
+    observer.observe(element, options);
+    return () => {
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
+    };
+  }
+  return () => {
+  };
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  useEffect(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
+  }, [targetRef]);
+}
 function bound(position, min, max) {
   let ret = position;
   if (min !== void 0) {
@@ -11224,6 +11374,20 @@ function bound(position, min, max) {
   }
   return ret;
 }
+function traverseReactNode(children, fn) {
+  let i = 0;
+  function handle(target) {
+    React__default.Children.forEach(target, (child) => {
+      if (!_reactIs_18_3_1_reactIs.exports.isFragment(child)) {
+        fn(child, i);
+        i += 1;
+      } else {
+        handle(child.props.children);
+      }
+    });
+  }
+  handle(children);
+}
 var picker = "";
 function rubberband(distance, dimension, constant) {
   return distance * dimension * constant / (dimension + constant * distance);
@@ -11252,7 +11416,7 @@ function measureCSSLength(raw) {
     return 0;
   }
 }
-const classPrefix$d = `adm-picker-view`;
+const classPrefix$f = `adm-picker-view`;
 const Wheel = memo((props) => {
   const {
     value,
@@ -11419,13 +11583,13 @@ const Wheel = memo((props) => {
     const previous = column[previousIndex];
     const next = column[nextIndex];
     return React__default.createElement("div", {
-      className: `${classPrefix$d}-column-accessible`
+      className: `${classPrefix$f}-column-accessible`
     }, React__default.createElement("div", {
-      className: `${classPrefix$d}-column-accessible-current`,
+      className: `${classPrefix$f}-column-accessible-current`,
       role: "button",
       "aria-label": current ? `\u5F53\u524D\u9009\u62E9\u7684\u662F\uFF1A${current.label}` : "\u5F53\u524D\u672A\u9009\u62E9"
     }, "-"), React__default.createElement("div", {
-      className: `${classPrefix$d}-column-accessible-button`,
+      className: `${classPrefix$f}-column-accessible-button`,
       onClick: () => {
         if (!previous)
           return;
@@ -11434,7 +11598,7 @@ const Wheel = memo((props) => {
       role: previous ? "button" : "text",
       "aria-label": !previous ? "\u6CA1\u6709\u4E0A\u4E00\u9879" : `\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A${previous.label}`
     }, "-"), React__default.createElement("div", {
-      className: `${classPrefix$d}-column-accessible-button`,
+      className: `${classPrefix$f}-column-accessible-button`,
       onClick: () => {
         if (!next)
           return;
@@ -11445,16 +11609,16 @@ const Wheel = memo((props) => {
     }, "-"));
   }
   return React__default.createElement("div", {
-    className: `${classPrefix$d}-column`
+    className: `${classPrefix$f}-column`
   }, React__default.createElement("div", {
-    className: `${classPrefix$d}-item-height-measure`,
+    className: `${classPrefix$f}-item-height-measure`,
     ref: itemHeightMeasureRef
   }), React__default.createElement(animated.div, {
     ref: rootRef,
     style: {
       translateY: y
     },
-    className: `${classPrefix$d}-column-wheel`,
+    className: `${classPrefix$f}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index2) => {
     var _a;
@@ -11468,14 +11632,14 @@ const Wheel = memo((props) => {
     return React__default.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": selected,
-      className: classNames(`${classPrefix$d}-column-item`, {
-        [`${classPrefix$d}-column-item-active`]: selected
+      className: classNames(`${classPrefix$f}-column-item`, {
+        [`${classPrefix$f}-column-item-active`]: selected
       }),
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? "active" : ""
     }, React__default.createElement("div", {
-      className: `${classPrefix$d}-column-item-label`
+      className: `${classPrefix$f}-column-item-label`
     }, renderLabel(item)));
   })), renderAccessible());
 }, (prev, next) => {
@@ -11599,19 +11763,19 @@ function subscribe(onStoreChange) {
 function useMotionReduced() {
   return shim.exports.useSyncExternalStore(subscribe, isMotionReduced, isMotionReduced);
 }
-const classPrefix$c = "adm-spin-loading";
+const classPrefix$e = "adm-spin-loading";
 const colorRecord = {
   default: "var(--adm-color-weak)",
   primary: "var(--adm-color-primary)",
   white: "var(--adm-color-white)"
 };
-const defaultProps$c = {
+const defaultProps$f = {
   color: "default"
 };
 const circumference = 15 * 3.14159265358979 * 2;
 const SpinLoading$1 = memo((p2) => {
   var _a;
-  const props = mergeProps(defaultProps$c, p2);
+  const props = mergeProps(defaultProps$f, p2);
   const motionReduced = useMotionReduced();
   const {
     percent
@@ -11631,16 +11795,16 @@ const SpinLoading$1 = memo((p2) => {
     }
   });
   return withNativeProps(props, React__default.createElement(animated.div, {
-    className: classPrefix$c,
+    className: classPrefix$e,
     style: {
       "--color": (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color,
       "--percent": percent
     }
   }, React__default.createElement("svg", {
-    className: `${classPrefix$c}-svg`,
+    className: `${classPrefix$e}-svg`,
     viewBox: "0 0 32 32"
   }, React__default.createElement(animated.circle, {
-    className: `${classPrefix$c}-fill`,
+    className: `${classPrefix$e}-fill`,
     fill: "transparent",
     strokeWidth: "2",
     strokeDasharray: circumference,
@@ -11652,17 +11816,17 @@ const SpinLoading$1 = memo((p2) => {
   }))));
 });
 var SpinLoading = SpinLoading$1;
-const classPrefix$b = `adm-picker-view`;
-const defaultProps$b = {
+const classPrefix$d = `adm-picker-view`;
+const defaultProps$e = {
   defaultValue: [],
   renderLabel: defaultRenderLabel,
   mouseWheel: false,
   loadingContent: React__default.createElement("div", {
-    className: `${classPrefix$b}-loading-content`
+    className: `${classPrefix$d}-loading-content`
   }, React__default.createElement(SpinLoading, null))
 };
 const PickerView$1 = memo((p2) => {
-  const props = mergeProps(defaultProps$b, p2);
+  const props = mergeProps(defaultProps$e, p2);
   const [innerValue, setInnerValue] = useState(props.value === void 0 ? props.defaultValue : props.value);
   useEffect(() => {
     if (props.value === void 0)
@@ -11703,7 +11867,7 @@ const PickerView$1 = memo((p2) => {
     });
   }, []);
   return withNativeProps(props, React__default.createElement("div", {
-    className: `${classPrefix$b}`
+    className: `${classPrefix$d}`
   }, props.loading ? props.loadingContent : React__default.createElement(React__default.Fragment, null, columns.map((column, index2) => React__default.createElement(Wheel, {
     key: index2,
     index: index2,
@@ -11713,20 +11877,20 @@ const PickerView$1 = memo((p2) => {
     renderLabel: props.renderLabel,
     mouseWheel: props.mouseWheel
   })), React__default.createElement("div", {
-    className: `${classPrefix$b}-mask`
+    className: `${classPrefix$d}-mask`
   }, React__default.createElement("div", {
-    className: `${classPrefix$b}-mask-top`
+    className: `${classPrefix$d}-mask-top`
   }), React__default.createElement("div", {
-    className: `${classPrefix$b}-mask-middle`
+    className: `${classPrefix$d}-mask-middle`
   }), React__default.createElement("div", {
-    className: `${classPrefix$b}-mask-bottom`
+    className: `${classPrefix$d}-mask-bottom`
   })))));
 });
 PickerView$1.displayName = "PickerView";
 var pickerView = "";
 var PickerView = PickerView$1;
-const classPrefix$a = `adm-picker`;
-const defaultProps$a = {
+const classPrefix$c = `adm-picker`;
+const defaultProps$d = {
   defaultValue: [],
   closeOnMaskClick: true,
   renderLabel: defaultRenderLabel,
@@ -11738,7 +11902,7 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
   const {
     locale
   } = useConfig();
-  const props = mergeProps(defaultProps$a, {
+  const props = mergeProps(defaultProps$d, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -11791,22 +11955,22 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
     }
   });
   const pickerElement = withNativeProps(props, React__default.createElement("div", {
-    className: classPrefix$a
+    className: classPrefix$c
   }, React__default.createElement("div", {
-    className: `${classPrefix$a}-header`
+    className: `${classPrefix$c}-header`
   }, React__default.createElement("a", {
     role: "button",
-    className: `${classPrefix$a}-header-button`,
+    className: `${classPrefix$c}-header-button`,
     onClick: () => {
       var _a2;
       (_a2 = props.onCancel) === null || _a2 === void 0 ? void 0 : _a2.call(props);
       setVisible(false);
     }
   }, props.cancelText), React__default.createElement("div", {
-    className: `${classPrefix$a}-header-title`
+    className: `${classPrefix$c}-header-title`
   }, props.title), React__default.createElement("a", {
     role: "button",
-    className: classNames(`${classPrefix$a}-header-button`, props.loading && `${classPrefix$a}-header-button-disabled`),
+    className: classNames(`${classPrefix$c}-header-button`, props.loading && `${classPrefix$c}-header-button-disabled`),
     onClick: () => {
       if (props.loading)
         return;
@@ -11815,7 +11979,7 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
     },
     "aria-disabled": props.loading
   }, props.confirmText)), React__default.createElement("div", {
-    className: `${classPrefix$a}-body`
+    className: `${classPrefix$c}-body`
   }, React__default.createElement(PickerView, {
     loading: props.loading,
     loadingContent: props.loadingContent,
@@ -11827,7 +11991,7 @@ const Picker$1 = memo(forwardRef((p2, ref) => {
   }))));
   const popupElement = React__default.createElement(Popup, {
     style: props.popupStyle,
-    className: classNames(`${classPrefix$a}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$c}-popup`, props.popupClassName),
     visible,
     position: "bottom",
     onMaskClick: () => {
@@ -11883,14 +12047,269 @@ function prompt$1(props) {
 var Picker = attachPropertiesToComponent(Picker$1, {
   prompt: prompt$1
 });
+var tabs = "";
+const classPrefix$b = `adm-tabs`;
+const Tab = () => {
+  return null;
+};
+const defaultProps$c = {
+  activeLineMode: "auto",
+  stretch: true,
+  direction: "ltr"
+};
+const Tabs$1 = (p2) => {
+  var _a;
+  const props = mergeProps(defaultProps$c, p2);
+  const tabListContainerRef = useRef(null);
+  const activeLineRef = useRef(null);
+  const keyToIndexRecord = {};
+  let firstActiveKey = null;
+  const panes = [];
+  const isRTL = props.direction === "rtl";
+  traverseReactNode(props.children, (child, index2) => {
+    if (!isValidElement(child))
+      return;
+    const key = child.key;
+    if (typeof key !== "string")
+      return;
+    if (index2 === 0) {
+      firstActiveKey = key;
+    }
+    const length = panes.push(child);
+    keyToIndexRecord[key] = length - 1;
+  });
+  const [activeKey, setActiveKey] = usePropsValue({
+    value: props.activeKey,
+    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
+    onChange: (v2) => {
+      var _a2;
+      if (v2 === null)
+        return;
+      (_a2 = props.onChange) === null || _a2 === void 0 ? void 0 : _a2.call(props, v2);
+    }
+  });
+  const [{
+    x,
+    width
+  }, inkApi] = useSpring(() => ({
+    x: 0,
+    width: 0,
+    config: {
+      tension: 300,
+      clamp: true
+    }
+  }));
+  const [{
+    scrollLeft
+  }, scrollApi] = useSpring(() => ({
+    scrollLeft: 0,
+    config: {
+      tension: 300,
+      clamp: true
+    }
+  }));
+  const [{
+    leftMaskOpacity,
+    rightMaskOpacity
+  }, maskApi] = useSpring(() => ({
+    leftMaskOpacity: 0,
+    rightMaskOpacity: 0,
+    config: {
+      clamp: true
+    }
+  }));
+  function animate(immediate = false, fromMutation = false) {
+    const container = tabListContainerRef.current;
+    if (!container)
+      return;
+    const activeIndex = keyToIndexRecord[activeKey];
+    if (activeIndex === void 0) {
+      inkApi.start({
+        x: 0,
+        width: 0,
+        immediate: true
+      });
+      return;
+    }
+    const activeLine = activeLineRef.current;
+    if (!activeLine)
+      return;
+    const activeTabWrapper = container.children.item(activeIndex + 1);
+    const activeTab = activeTabWrapper.children.item(0);
+    const activeTabLeft = activeTab.offsetLeft;
+    const activeTabWidth = activeTab.offsetWidth;
+    const activeTabWrapperLeft = activeTabWrapper.offsetLeft;
+    const activeTabWrapperWidth = activeTabWrapper.offsetWidth;
+    const containerWidth = container.offsetWidth;
+    const containerScrollWidth = container.scrollWidth;
+    const containerScrollLeft = container.scrollLeft;
+    const activeLineWidth = activeLine.offsetWidth;
+    let x2 = 0;
+    let width2 = 0;
+    if (props.activeLineMode === "auto") {
+      x2 = activeTabLeft;
+      width2 = activeTabWidth;
+    } else if (props.activeLineMode === "full") {
+      x2 = activeTabWrapperLeft;
+      width2 = activeTabWrapperWidth;
+    } else {
+      x2 = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
+    }
+    if (isRTL) {
+      const w = ["auto", "full"].includes(props.activeLineMode) ? width2 : activeLineWidth;
+      x2 = -(containerWidth - x2 - w);
+    }
+    inkApi.start({
+      x: x2,
+      width: width2,
+      immediate
+    });
+    const maxScrollDistance = containerScrollWidth - containerWidth;
+    if (maxScrollDistance <= 0)
+      return;
+    let nextScrollLeft = 0;
+    if (isRTL) {
+      nextScrollLeft = -bound(containerWidth / 2 - activeTabLeft + activeTabWidth / 2 - activeLineWidth, 0, maxScrollDistance);
+    } else {
+      nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, maxScrollDistance);
+    }
+    if (!fromMutation || props.autoScroll !== false) {
+      scrollApi.start({
+        scrollLeft: nextScrollLeft,
+        from: {
+          scrollLeft: containerScrollLeft
+        },
+        immediate
+      });
+    }
+  }
+  useIsomorphicLayoutEffect$2(() => {
+    animate(!x.isAnimating);
+  }, []);
+  useIsomorphicUpdateLayoutEffect(() => {
+    animate();
+  }, [activeKey, isRTL, props.activeLineMode]);
+  useResizeEffect(() => {
+    animate(!x.isAnimating);
+  }, tabListContainerRef);
+  useMutationEffect(() => {
+    animate(!x.isAnimating, true);
+  }, tabListContainerRef, {
+    subtree: true,
+    childList: true,
+    characterData: true
+  });
+  const {
+    run: updateMask
+  } = useThrottleFn((immediate = false) => {
+    const container = tabListContainerRef.current;
+    if (!container)
+      return;
+    const scrollLeft2 = container.scrollLeft;
+    let showLeftMask = false;
+    let showRightMask = false;
+    if (isRTL) {
+      showLeftMask = Math.round(-scrollLeft2) + container.offsetWidth < container.scrollWidth;
+      showRightMask = scrollLeft2 < 0;
+    } else {
+      showLeftMask = scrollLeft2 > 0;
+      showRightMask = scrollLeft2 + container.offsetWidth < container.scrollWidth;
+    }
+    maskApi.start({
+      leftMaskOpacity: showLeftMask ? 1 : 0,
+      rightMaskOpacity: showRightMask ? 1 : 0,
+      immediate
+    });
+  }, {
+    wait: 100,
+    trailing: true,
+    leading: true
+  });
+  useIsomorphicLayoutEffect$2(() => {
+    updateMask(true);
+  }, []);
+  return withNativeProps(props, React__default.createElement("div", {
+    className: classPrefix$b,
+    style: {
+      direction: props.direction
+    }
+  }, React__default.createElement("div", {
+    className: `${classPrefix$b}-header`
+  }, React__default.createElement(animated.div, {
+    className: classNames(`${classPrefix$b}-header-mask`, `${classPrefix$b}-header-mask-left`),
+    style: {
+      opacity: leftMaskOpacity
+    }
+  }), React__default.createElement(animated.div, {
+    className: classNames(`${classPrefix$b}-header-mask`, `${classPrefix$b}-header-mask-right`),
+    style: {
+      opacity: rightMaskOpacity
+    }
+  }), React__default.createElement(animated.div, {
+    className: `${classPrefix$b}-tab-list`,
+    ref: tabListContainerRef,
+    scrollLeft,
+    onScroll: updateMask,
+    role: "tablist"
+  }, React__default.createElement(animated.div, {
+    ref: activeLineRef,
+    className: `${classPrefix$b}-tab-line`,
+    style: {
+      width: props.activeLineMode === "fixed" ? "var(--fixed-active-line-width, 30px)" : width,
+      x
+    }
+  }), panes.map((pane) => withNativeProps(pane.props, React__default.createElement("div", {
+    key: pane.key,
+    className: classNames(`${classPrefix$b}-tab-wrapper`, {
+      [`${classPrefix$b}-tab-wrapper-stretch`]: props.stretch
+    })
+  }, React__default.createElement("div", {
+    onClick: () => {
+      const {
+        key
+      } = pane;
+      if (pane.props.disabled)
+        return;
+      if (key === void 0 || key === null) {
+        return;
+      }
+      setActiveKey(key.toString());
+    },
+    className: classNames(`${classPrefix$b}-tab`, {
+      [`${classPrefix$b}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix$b}-tab-disabled`]: pane.props.disabled
+    }),
+    role: "tab",
+    "aria-selected": pane.key === activeKey
+  }, pane.props.title)))))), panes.map((pane) => {
+    if (pane.props.children === void 0) {
+      return null;
+    }
+    const active = pane.key === activeKey;
+    return React__default.createElement(ShouldRender, {
+      key: pane.key,
+      active,
+      forceRender: pane.props.forceRender,
+      destroyOnClose: pane.props.destroyOnClose
+    }, React__default.createElement("div", {
+      className: `${classPrefix$b}-content`,
+      style: {
+        display: active ? "block" : "none"
+      }
+    }, pane.props.children));
+  })));
+};
+var Tabs = attachPropertiesToComponent(Tabs$1, {
+  Tab
+});
 var checkList = "";
 var list = "";
-const classPrefix$9 = `adm-list`;
-const defaultProps$9 = {
+const classPrefix$a = `adm-list`;
+const defaultProps$b = {
   mode: "default"
 };
 const List$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$9, p2);
+  const props = mergeProps(defaultProps$b, p2);
   const nativeElementRef = useRef(null);
   useImperativeHandle(ref, () => ({
     get nativeElement() {
@@ -11898,20 +12317,20 @@ const List$1 = forwardRef((p2, ref) => {
     }
   }));
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$9, `${classPrefix$9}-${props.mode}`),
+    className: classNames(classPrefix$a, `${classPrefix$a}-${props.mode}`),
     ref: nativeElementRef
   }, props.header && React__default.createElement("div", {
-    className: `${classPrefix$9}-header`
+    className: `${classPrefix$a}-header`
   }, props.header), React__default.createElement("div", {
-    className: `${classPrefix$9}-body`
+    className: `${classPrefix$a}-body`
   }, React__default.createElement("div", {
-    className: `${classPrefix$9}-body-inner`
+    className: `${classPrefix$a}-body-inner`
   }, props.children))));
 });
 function isNodeWithContent(node) {
   return node !== void 0 && node !== null && node !== false;
 }
-const classPrefix$8 = `adm-list-item`;
+const classPrefix$9 = `adm-list-item`;
 const ListItem$1 = (props) => {
   var _a, _b;
   const {
@@ -11925,22 +12344,22 @@ const ListItem$1 = (props) => {
   const showArrow = (_b = arrow !== null && arrow !== void 0 ? arrow : arrowIcon) !== null && _b !== void 0 ? _b : clickable;
   const mergedArrowIcon = mergeProp(componentConfig.arrowIcon, arrow !== true ? arrow : null, arrowIcon !== true ? arrowIcon : null);
   const content = React__default.createElement("div", {
-    className: `${classPrefix$8}-content`
+    className: `${classPrefix$9}-content`
   }, isNodeWithContent(props.prefix) && React__default.createElement("div", {
-    className: `${classPrefix$8}-content-prefix`
+    className: `${classPrefix$9}-content-prefix`
   }, props.prefix), React__default.createElement("div", {
-    className: `${classPrefix$8}-content-main`
+    className: `${classPrefix$9}-content-main`
   }, isNodeWithContent(props.title) && React__default.createElement("div", {
-    className: `${classPrefix$8}-title`
+    className: `${classPrefix$9}-title`
   }, props.title), props.children, isNodeWithContent(props.description) && React__default.createElement("div", {
-    className: `${classPrefix$8}-description`
+    className: `${classPrefix$9}-description`
   }, props.description)), isNodeWithContent(props.extra) && React__default.createElement("div", {
-    className: `${classPrefix$8}-content-extra`
+    className: `${classPrefix$9}-content-extra`
   }, props.extra), showArrow && React__default.createElement("div", {
-    className: `${classPrefix$8}-content-arrow`
+    className: `${classPrefix$9}-content-arrow`
   }, mergedArrowIcon || React__default.createElement(RightOutline, null)));
   return withNativeProps(props, React__default.createElement(clickable ? "a" : "div", {
-    className: classNames(`${classPrefix$8}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$8}-disabled`),
+    className: classNames(`${classPrefix$9}`, clickable ? ["adm-plain-anchor"] : [], props.disabled && `${classPrefix$9}-disabled`),
     onClick: props.disabled ? void 0 : props.onClick
   }, content));
 };
@@ -11948,8 +12367,8 @@ var List = attachPropertiesToComponent(List$1, {
   Item: ListItem$1
 });
 const CheckListContext = createContext(null);
-const classPrefix$7 = "adm-check-list";
-const defaultProps$8 = {
+const classPrefix$8 = "adm-check-list";
+const defaultProps$a = {
   multiple: false,
   defaultValue: [],
   activeIcon: React__default.createElement(CheckOutline, null)
@@ -11958,7 +12377,7 @@ const CheckList$1 = (props) => {
   const {
     checkList: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$8, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$a, componentConfig, props);
   const [value, setValue] = usePropsValue(mergedProps);
   function check(val) {
     if (mergedProps.multiple) {
@@ -11988,10 +12407,10 @@ const CheckList$1 = (props) => {
     }
   }, withNativeProps(mergedProps, React__default.createElement(List, {
     mode: mergedProps.mode,
-    className: classPrefix$7
+    className: classPrefix$8
   }, mergedProps.children)));
 };
-const classPrefix$6 = `adm-check-list-item`;
+const classPrefix$7 = `adm-check-list-item`;
 const CheckListItem = (props) => {
   const context = useContext(CheckListContext);
   if (context === null) {
@@ -12003,11 +12422,11 @@ const CheckListItem = (props) => {
   const defaultExtra = active ? context.activeIcon : null;
   const renderExtra = context.extra ? context.extra(active) : defaultExtra;
   const extra = React__default.createElement("div", {
-    className: `${classPrefix$6}-extra`
+    className: `${classPrefix$7}-extra`
   }, renderExtra);
   return withNativeProps(props, React__default.createElement(List.Item, {
     title: props.title,
-    className: classNames(classPrefix$6, readOnly && `${classPrefix$6}-readonly`, active && `${classPrefix$6}-active`),
+    className: classNames(classPrefix$7, readOnly && `${classPrefix$7}-readonly`, active && `${classPrefix$7}-active`),
     description: props.description,
     prefix: props.prefix,
     onClick: (e2) => {
@@ -12031,15 +12450,15 @@ var CheckList = attachPropertiesToComponent(CheckList$1, {
   Item: CheckListItem
 });
 var centerPopup = "";
-const classPrefix$5 = "adm-center-popup";
-const defaultProps$7 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
+const classPrefix$6 = "adm-center-popup";
+const defaultProps$9 = Object.assign(Object.assign({}, defaultPopupBaseProps), {
   getContainer: null
 });
 const CenterPopup$1 = (props) => {
   const {
     popup: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$7, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$9, componentConfig, props);
   const unmountedRef = useUnmountedRef$1();
   const style = useSpring({
     scale: mergedProps.visible ? 1 : 0.8,
@@ -12072,11 +12491,11 @@ const CenterPopup$1 = (props) => {
   useLockScroll(ref, mergedProps.disableBodyScroll && active);
   const maskVisible = useInnerVisible(active && mergedProps.visible);
   const body = React__default.createElement("div", {
-    className: classNames(`${classPrefix$5}-body`, mergedProps.bodyClassName),
+    className: classNames(`${classPrefix$6}-body`, mergedProps.bodyClassName),
     style: mergedProps.bodyStyle
   }, mergedProps.children);
   const node = withStopPropagation(mergedProps.stopPropagation, withNativeProps(mergedProps, React__default.createElement("div", {
-    className: classPrefix$5,
+    className: classPrefix$6,
     style: {
       display: active ? void 0 : "none",
       pointerEvents: active ? void 0 : "none"
@@ -12093,11 +12512,11 @@ const CenterPopup$1 = (props) => {
       }
     },
     style: mergedProps.maskStyle,
-    className: classNames(`${classPrefix$5}-mask`, mergedProps.maskClassName),
+    className: classNames(`${classPrefix$6}-mask`, mergedProps.maskClassName),
     disableBodyScroll: false,
     stopPropagation: mergedProps.stopPropagation
   }), React__default.createElement("div", {
-    className: `${classPrefix$5}-wrap`,
+    className: `${classPrefix$6}-wrap`,
     role: mergedProps.role,
     "aria-label": mergedProps["aria-label"]
   }, React__default.createElement(animated.div, {
@@ -12106,7 +12525,7 @@ const CenterPopup$1 = (props) => {
     }),
     ref
   }, mergedProps.showCloseButton && React__default.createElement("a", {
-    className: classNames(`${classPrefix$5}-close`, "adm-plain-anchor"),
+    className: classNames(`${classPrefix$6}-close`, "adm-plain-anchor"),
     onClick: () => {
       var _a;
       (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
@@ -12119,6 +12538,45 @@ const CenterPopup$1 = (props) => {
   }, renderToContainer(mergedProps.getContainer, node));
 };
 var CenterPopup = CenterPopup$1;
+const CheckIcon = memo((props) => {
+  return withNativeProps(props, React__default.createElement("svg", {
+    viewBox: "0 0 40 40"
+  }, React__default.createElement("path", {
+    d: "M31.5541766,15 L28.0892433,15 L28.0892434,15 C27.971052,15 27.8576674,15.044522 27.7740471,15.1239792 L18.2724722,24.1625319 L13.2248725,19.3630279 L13.2248725,19.3630279 C13.1417074,19.2834412 13.0287551,19.2384807 12.9107898,19.2380079 L9.44474455,19.2380079 L9.44474454,19.2380079 C9.19869815,19.2384085 8.99957935,19.4284738 9,19.66253 C9,19.7747587 9.04719253,19.8823283 9.13066188,19.9616418 L17.0907466,27.5338228 C17.4170809,27.8442545 17.8447695,28 18.2713393,28 L18.2980697,28 C18.7168464,27.993643 19.133396,27.8378975 19.4530492,27.5338228 L31.8693384,15.7236361 L31.8693384,15.7236361 C32.0434167,15.5582251 32.0435739,15.2898919 31.8696892,15.1242941 C31.7860402,15.0446329 31.6725052,15 31.5541421,15 L31.5541766,15 Z",
+    fill: "currentColor"
+  })));
+});
+const NativeInput = (props) => {
+  const inputRef = useRef(null);
+  const handleClick = useMemoizedFn((e2) => {
+    e2.stopPropagation();
+    e2.stopImmediatePropagation();
+    const latestChecked = e2.target.checked;
+    if (latestChecked === props.checked)
+      return;
+    props.onChange(latestChecked);
+  });
+  useEffect(() => {
+    if (props.disabled)
+      return;
+    if (!inputRef.current)
+      return;
+    const input2 = inputRef.current;
+    input2.addEventListener("click", handleClick);
+    return () => {
+      input2.removeEventListener("click", handleClick);
+    };
+  }, [props.disabled, props.onChange]);
+  return React__default.createElement("input", {
+    ref: inputRef,
+    type: props.type,
+    checked: props.checked,
+    onChange: () => {
+    },
+    disabled: props.disabled,
+    id: props.id
+  });
+};
 var datePicker = "";
 var isoWeeksInYear$1 = { exports: {} };
 (function(module, exports) {
@@ -12148,10 +12606,10 @@ var isLeapYear$1 = { exports: {} };
 })(isLeapYear$1);
 var isLeapYear = isLeapYear$1.exports;
 const TILL_NOW = "TILL_NOW";
-dayjs$1.extend(isoWeek);
-dayjs$1.extend(isoWeeksInYear);
-dayjs$1.extend(isLeapYear);
-const precisionRankRecord$1 = {
+dayjs.extend(isoWeek);
+dayjs.extend(isoWeeksInYear);
+dayjs.extend(isLeapYear);
+const precisionRankRecord$2 = {
   year: 0,
   month: 1,
   day: 2,
@@ -12159,7 +12617,7 @@ const precisionRankRecord$1 = {
   minute: 4,
   second: 5
 };
-function generateDatePickerColumns$2(selected, min, max, precision, renderLabel, filter, tillNow) {
+function generateDatePickerColumns$3(selected, min, max, precision, renderLabel, filter, tillNow) {
   const ret = [];
   const minYear = min.getFullYear();
   const minMonth = min.getMonth() + 1;
@@ -12173,9 +12631,9 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
   const maxHour = max.getHours();
   const maxMinute = max.getMinutes();
   const maxSecond = max.getSeconds();
-  const rank = precisionRankRecord$1[precision];
+  const rank = precisionRankRecord$2[precision];
   const selectedYear = parseInt(selected[0]);
-  const firstDayInSelectedMonth = dayjs$1(convertStringArrayToDate$2([selected[0], selected[1], "1"]));
+  const firstDayInSelectedMonth = dayjs(convertStringArrayToDate$3([selected[0], selected[1], "1"]));
   const selectedMonth = parseInt(selected[1]);
   const selectedDay = parseInt(selected[2]);
   const selectedHour = parseInt(selected[3]);
@@ -12195,19 +12653,19 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
     for (let i = from; i <= to2; i++) {
       column.push(i);
     }
-    const prefix2 = selected.slice(0, precisionRankRecord$1[precision2]);
+    const prefix2 = selected.slice(0, precisionRankRecord$2[precision2]);
     const currentFilter = filter === null || filter === void 0 ? void 0 : filter[precision2];
     if (currentFilter && typeof currentFilter === "function") {
       column = column.filter((i) => currentFilter(i, {
         get date() {
           const stringArray = [...prefix2, i.toString()];
-          return convertStringArrayToDate$2(stringArray);
+          return convertStringArrayToDate$3(stringArray);
         }
       }));
     }
     return column;
   };
-  if (rank >= precisionRankRecord$1.year) {
+  if (rank >= precisionRankRecord$2.year) {
     const lower = minYear;
     const upper = maxYear;
     const years = generateColumn(lower, upper, "year");
@@ -12216,7 +12674,7 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
       value: v2.toString()
     })));
   }
-  if (rank >= precisionRankRecord$1.month) {
+  if (rank >= precisionRankRecord$2.month) {
     const lower = isInMinYear ? minMonth : 1;
     const upper = isInMaxYear ? maxMonth : 12;
     const months = generateColumn(lower, upper, "month");
@@ -12225,7 +12683,7 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
       value: v2.toString()
     })));
   }
-  if (rank >= precisionRankRecord$1.day) {
+  if (rank >= precisionRankRecord$2.day) {
     const lower = isInMinMonth ? minDay : 1;
     const upper = isInMaxMonth ? maxDay : firstDayInSelectedMonth.daysInMonth();
     const days = generateColumn(lower, upper, "day");
@@ -12234,7 +12692,7 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
       value: v2.toString()
     })));
   }
-  if (rank >= precisionRankRecord$1.hour) {
+  if (rank >= precisionRankRecord$2.hour) {
     const lower = isInMinDay ? minHour : 0;
     const upper = isInMaxDay ? maxHour : 23;
     const hours = generateColumn(lower, upper, "hour");
@@ -12243,7 +12701,7 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
       value: v2.toString()
     })));
   }
-  if (rank >= precisionRankRecord$1.minute) {
+  if (rank >= precisionRankRecord$2.minute) {
     const lower = isInMinHour ? minMinute : 0;
     const upper = isInMaxHour ? maxMinute : 59;
     const minutes = generateColumn(lower, upper, "minute");
@@ -12252,7 +12710,7 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
       value: v2.toString()
     })));
   }
-  if (rank >= precisionRankRecord$1.second) {
+  if (rank >= precisionRankRecord$2.second) {
     const lower = isInMinMinute ? minSecond : 0;
     const upper = isInMaxMinute ? maxSecond : 59;
     const seconds = generateColumn(lower, upper, "second");
@@ -12274,12 +12732,12 @@ function generateDatePickerColumns$2(selected, min, max, precision, renderLabel,
   }
   return ret;
 }
-function convertDateToStringArray$2(date) {
+function convertDateToStringArray$3(date) {
   if (!date)
     return [];
   return [date.getFullYear().toString(), (date.getMonth() + 1).toString(), date.getDate().toString(), date.getHours().toString(), date.getMinutes().toString(), date.getSeconds().toString()];
 }
-function convertStringArrayToDate$2(value) {
+function convertStringArrayToDate$3(value) {
   var _a, _b, _c, _d, _e, _f;
   const yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : "1900";
   const monthString = (_b = value[1]) !== null && _b !== void 0 ? _b : "1";
@@ -12289,9 +12747,104 @@ function convertStringArrayToDate$2(value) {
   const secondString = (_f = value[5]) !== null && _f !== void 0 ? _f : "0";
   return new Date(parseInt(yearString), parseInt(monthString) - 1, parseInt(dateString), parseInt(hourString), parseInt(minuteString), parseInt(secondString));
 }
-dayjs$1.extend(isoWeek);
-dayjs$1.extend(isoWeeksInYear);
-dayjs$1.extend(isLeapYear);
+var quarterOfYear$1 = { exports: {} };
+(function(module, exports) {
+  !function(t2, n2) {
+    module.exports = n2();
+  }(commonjsGlobal, function() {
+    var t2 = "month", n2 = "quarter";
+    return function(e2, i) {
+      var r2 = i.prototype;
+      r2.quarter = function(t3) {
+        return this.$utils().u(t3) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (t3 - 1));
+      };
+      var s = r2.add;
+      r2.add = function(e3, i2) {
+        return e3 = Number(e3), this.$utils().p(i2) === n2 ? this.add(3 * e3, t2) : s.bind(this)(e3, i2);
+      };
+      var u2 = r2.startOf;
+      r2.startOf = function(e3, i2) {
+        var r3 = this.$utils(), s2 = !!r3.u(i2) || i2;
+        if (r3.p(e3) === n2) {
+          var o = this.quarter() - 1;
+          return s2 ? this.month(3 * o).startOf(t2).startOf("day") : this.month(3 * o + 2).endOf(t2).endOf("day");
+        }
+        return u2.bind(this)(e3, i2);
+      };
+    };
+  });
+})(quarterOfYear$1);
+var quarterOfYear = quarterOfYear$1.exports;
+dayjs.extend(quarterOfYear);
+const precisionRankRecord$1 = {
+  year: 0,
+  quarter: 1
+};
+function generateDatePickerColumns$2(selected, min, max, precision, renderLabel, filter) {
+  const ret = [];
+  const minYear = min.getFullYear();
+  const maxYear = max.getFullYear();
+  const rank = precisionRankRecord$1[precision];
+  const selectedYear = parseInt(selected[0]);
+  const isInMinYear = selectedYear === minYear;
+  const isInMaxYear = selectedYear === maxYear;
+  const minDay = dayjs(min);
+  const maxDay = dayjs(max);
+  const minQuarter = minDay.quarter();
+  const maxQuarter = maxDay.quarter();
+  const generateColumn = (from, to2, precision2) => {
+    let column = [];
+    for (let i = from; i <= to2; i++) {
+      column.push(i);
+    }
+    const prefix2 = selected.slice(0, precisionRankRecord$1[precision2]);
+    const currentFilter = filter === null || filter === void 0 ? void 0 : filter[precision2];
+    if (currentFilter && typeof currentFilter === "function") {
+      column = column.filter((i) => currentFilter(i, {
+        get date() {
+          const stringArray = [...prefix2, i.toString()];
+          return convertStringArrayToDate$2(stringArray);
+        }
+      }));
+    }
+    return column;
+  };
+  if (rank >= precisionRankRecord$1.year) {
+    const lower = minYear;
+    const upper = maxYear;
+    const years = generateColumn(lower, upper, "year");
+    ret.push(years.map((v2) => ({
+      label: renderLabel("year", v2),
+      value: v2.toString()
+    })));
+  }
+  if (rank >= precisionRankRecord$1.quarter) {
+    const lower = isInMinYear ? minQuarter : 1;
+    const upper = isInMaxYear ? maxQuarter : 4;
+    const quarters = generateColumn(lower, upper, "quarter");
+    ret.push(quarters.map((v2) => ({
+      label: renderLabel("quarter", v2),
+      value: v2.toString()
+    })));
+  }
+  return ret;
+}
+function convertDateToStringArray$2(date) {
+  if (!date)
+    return [];
+  const day = dayjs(date);
+  return [day.year().toString(), day.quarter().toString()];
+}
+function convertStringArrayToDate$2(value) {
+  var _a, _b;
+  const yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : "1900";
+  const quarterString = (_b = value[1]) !== null && _b !== void 0 ? _b : "1";
+  const day = dayjs().year(parseInt(yearString)).quarter(parseInt(quarterString)).hour(0).minute(0).second(0);
+  return day.toDate();
+}
+dayjs.extend(isoWeek);
+dayjs.extend(isoWeeksInYear);
+dayjs.extend(isLeapYear);
 const precisionRankRecord = {
   year: 0,
   week: 1,
@@ -12305,8 +12858,8 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
   const selectedYear = parseInt(selected[0]);
   const isInMinYear = selectedYear === minYear;
   const isInMaxYear = selectedYear === maxYear;
-  const minDay = dayjs$1(min);
-  const maxDay = dayjs$1(max);
+  const minDay = dayjs(min);
+  const maxDay = dayjs(max);
   const minWeek = minDay.isoWeek();
   const maxWeek = maxDay.isoWeek();
   const minWeekday = minDay.isoWeekday();
@@ -12314,7 +12867,7 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
   const selectedWeek = parseInt(selected[1]);
   const isInMinWeek = isInMinYear && selectedWeek === minWeek;
   const isInMaxWeek = isInMaxYear && selectedWeek === maxWeek;
-  const selectedYearWeeks = dayjs$1(`${selectedYear}-01-01`).isoWeeksInYear();
+  const selectedYearWeeks = dayjs(`${selectedYear}-01-01`).isoWeeksInYear();
   const generateColumn = (from, to2, precision2) => {
     let column = [];
     for (let i = from; i <= to2; i++) {
@@ -12364,7 +12917,7 @@ function generateDatePickerColumns$1(selected, min, max, precision, renderLabel,
 function convertDateToStringArray$1(date) {
   if (!date)
     return [];
-  const day = dayjs$1(date);
+  const day = dayjs(date);
   return [day.isoWeekYear().toString(), day.isoWeek().toString(), day.isoWeekday().toString()];
 }
 function convertStringArrayToDate$1(value) {
@@ -12372,7 +12925,7 @@ function convertStringArrayToDate$1(value) {
   const yearString = (_a = value[0]) !== null && _a !== void 0 ? _a : "1900";
   const weekString = (_b = value[1]) !== null && _b !== void 0 ? _b : "1";
   const weekdayString = (_c = value[2]) !== null && _c !== void 0 ? _c : "1";
-  const day = dayjs$1().year(parseInt(yearString)).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
+  const day = dayjs().year(parseInt(yearString)).isoWeek(parseInt(weekString)).isoWeekday(parseInt(weekdayString)).hour(0).minute(0).second(0);
   return day.toDate();
 }
 const precisionLengthRecord = {
@@ -12386,9 +12939,11 @@ const precisionLengthRecord = {
 const convertDateToStringArray = (date, precision) => {
   if (precision.includes("week")) {
     return convertDateToStringArray$1(date);
+  } else if (precision.includes("quarter")) {
+    return convertDateToStringArray$2(date);
   } else {
     const datePrecision = precision;
-    const stringArray = convertDateToStringArray$2(date);
+    const stringArray = convertDateToStringArray$3(date);
     return stringArray.slice(0, precisionLengthRecord[datePrecision]);
   }
 };
@@ -12400,15 +12955,19 @@ const convertStringArrayToDate = (value, precision) => {
   }
   if (precision.includes("week")) {
     return convertStringArrayToDate$1(value);
-  } else {
+  } else if (precision.includes("quarter")) {
     return convertStringArrayToDate$2(value);
+  } else {
+    return convertStringArrayToDate$3(value);
   }
 };
 const generateDatePickerColumns = (selected, min, max, precision, renderLabel, filter, tillNow) => {
   if (precision.startsWith("week")) {
     return generateDatePickerColumns$1(selected, min, max, precision, renderLabel, filter);
+  } else if (precision.startsWith("quarter")) {
+    return generateDatePickerColumns$2(selected, min, max, precision, renderLabel, filter);
   } else {
-    return generateDatePickerColumns$2(selected, min, max, precision, renderLabel, filter, tillNow);
+    return generateDatePickerColumns$3(selected, min, max, precision, renderLabel, filter, tillNow);
   }
 };
 function useRenderLabel(renderLabel) {
@@ -12432,14 +12991,14 @@ function useRenderLabel(renderLabel) {
   }, [renderLabel]);
 }
 const thisYear = new Date().getFullYear();
-const defaultProps$6 = {
+const defaultProps$8 = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
   max: new Date(new Date().setFullYear(thisYear + 10)),
   precision: "day",
   defaultValue: null
 };
 const DatePicker$1 = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$6, p2);
+  const props = mergeProps(defaultProps$8, p2);
   const {
     renderLabel
   } = props;
@@ -12554,14 +13113,14 @@ const DialogActionButton = (props) => {
     disabled: action.disabled
   }, action.text));
 };
-const defaultProps$5 = {
+const defaultProps$7 = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
   getContainer: null
 };
 const Dialog$1 = (p2) => {
-  const props = mergeProps(defaultProps$5, p2);
+  const props = mergeProps(defaultProps$7, p2);
   const element = React__default.createElement(React__default.Fragment, null, !!props.image && React__default.createElement("div", {
     className: cls("image-container")
   }, React__default.createElement(Image, {
@@ -12652,7 +13211,7 @@ function alert(p2) {
     }));
   });
 }
-const defaultProps$4 = {
+const defaultProps$6 = {
   confirmText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88"
 };
@@ -12660,7 +13219,7 @@ function confirm(p2) {
   const {
     locale
   } = getDefaultConfig();
-  const props = mergeProps(defaultProps$4, {
+  const props = mergeProps(defaultProps$6, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel
   }, p2);
@@ -12743,8 +13302,8 @@ function useInputHandleKeyDown({
   }, [enterKeyHint]);
   return handleKeydown;
 }
-const classPrefix$4 = `adm-input`;
-const defaultProps$3 = {
+const classPrefix$5 = `adm-input`;
+const defaultProps$5 = {
   defaultValue: "",
   clearIcon: React__default.createElement(CloseCircleFill, null),
   onlyShowClearWhenFocus: true
@@ -12754,7 +13313,7 @@ const Input$1 = forwardRef((props, ref) => {
     locale,
     input: componentConfig = {}
   } = useConfig();
-  const mergedProps = mergeProps(defaultProps$3, componentConfig, props);
+  const mergedProps = mergeProps(defaultProps$5, componentConfig, props);
   const [value, setValue] = usePropsValue(mergedProps);
   const [hasFocus, setHasFocus] = useState(false);
   const compositionStartRef = useRef(false);
@@ -12803,10 +13362,10 @@ const Input$1 = forwardRef((props, ref) => {
     }
   })();
   return withNativeProps(mergedProps, React__default.createElement("div", {
-    className: classNames(`${classPrefix$4}`, mergedProps.disabled && `${classPrefix$4}-disabled`)
+    className: classNames(`${classPrefix$5}`, mergedProps.disabled && `${classPrefix$5}-disabled`)
   }, React__default.createElement("input", {
     ref: nativeInputRef,
-    className: `${classPrefix$4}-element`,
+    className: `${classPrefix$5}-element`,
     value,
     onChange: (e2) => {
       setValue(e2.target.value);
@@ -12822,6 +13381,7 @@ const Input$1 = forwardRef((props, ref) => {
       checkValue();
       (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e2);
     },
+    onPaste: mergedProps.onPaste,
     id: mergedProps.id,
     placeholder: mergedProps.placeholder,
     disabled: mergedProps.disabled,
@@ -12859,7 +13419,7 @@ const Input$1 = forwardRef((props, ref) => {
     "aria-valuemin": mergedProps["aria-valuemin"],
     "aria-label": mergedProps["aria-label"]
   }), shouldShowClear && React__default.createElement("div", {
-    className: `${classPrefix$4}-clear`,
+    className: `${classPrefix$5}-clear`,
     onMouseDown: (e2) => {
       e2.preventDefault();
     },
@@ -12877,7 +13437,7 @@ const Input$1 = forwardRef((props, ref) => {
 });
 var Input = Input$1;
 var navBar = "";
-const classPrefix$3 = `adm-nav-bar`;
+const classPrefix$4 = `adm-nav-bar`;
 const defaultBackIcon = React__default.createElement(LeftOutline, null);
 const NavBar$1 = (props) => {
   const {
@@ -12892,33 +13452,33 @@ const NavBar$1 = (props) => {
   const mergedDefaultBackIcon = componentConfig.backIcon || defaultBackIcon;
   const mergedBackIcon = mergeProp(defaultBackIcon, componentConfig.backIcon, backArrow === true ? mergedDefaultBackIcon : backArrow, backIcon === true ? mergedDefaultBackIcon : backIcon);
   return withNativeProps(mergedProps, React__default.createElement("div", {
-    className: classNames(classPrefix$3)
+    className: classNames(classPrefix$4)
   }, React__default.createElement("div", {
-    className: `${classPrefix$3}-left`,
+    className: `${classPrefix$4}-left`,
     role: "button"
   }, back !== null && React__default.createElement("div", {
-    className: `${classPrefix$3}-back`,
+    className: `${classPrefix$4}-back`,
     onClick: mergedProps.onBack
   }, mergedBackIcon && React__default.createElement("span", {
-    className: `${classPrefix$3}-back-arrow`
+    className: `${classPrefix$4}-back-arrow`
   }, mergedBackIcon), React__default.createElement("span", {
     "aria-hidden": "true"
   }, back)), mergedProps.left), React__default.createElement("div", {
-    className: `${classPrefix$3}-title`
+    className: `${classPrefix$4}-title`
   }, mergedProps.children), React__default.createElement("div", {
-    className: `${classPrefix$3}-right`
+    className: `${classPrefix$4}-right`
   }, mergedProps.right)));
 };
 var NavBar = NavBar$1;
 var progressBar = "";
-const classPrefix$2 = `adm-progress-bar`;
-const defaultProps$2 = {
+const classPrefix$3 = `adm-progress-bar`;
+const defaultProps$4 = {
   percent: 0,
   rounded: true,
   text: false
 };
 const ProgressBar$1 = (p2) => {
-  const props = mergeProps(defaultProps$2, p2);
+  const props = mergeProps(defaultProps$4, p2);
   const fillStyle = {
     width: `${props.percent}%`
   };
@@ -12932,17 +13492,118 @@ const ProgressBar$1 = (p2) => {
     return props.text;
   }();
   return withNativeProps(props, React__default.createElement("div", {
-    className: classNames(classPrefix$2, props.rounded && `${classPrefix$2}-rounded`)
+    className: classNames(classPrefix$3, props.rounded && `${classPrefix$3}-rounded`)
   }, React__default.createElement("div", {
-    className: `${classPrefix$2}-trail`
+    className: `${classPrefix$3}-trail`
   }, React__default.createElement("div", {
-    className: `${classPrefix$2}-fill`,
+    className: `${classPrefix$3}-fill`,
     style: fillStyle
   })), isNodeWithContent(textElement) && React__default.createElement("div", {
-    className: `${classPrefix$2}-text`
+    className: `${classPrefix$3}-text`
   }, textElement)));
 };
 var ProgressBar = ProgressBar$1;
+var radio = "";
+const RadioGroupContext = createContext(null);
+const defaultProps$3 = {
+  disabled: false,
+  defaultValue: null
+};
+const Group = (p2) => {
+  const props = mergeProps(defaultProps$3, p2);
+  const [value, setValue] = usePropsValue({
+    value: props.value,
+    defaultValue: props.defaultValue,
+    onChange: (v2) => {
+      var _a;
+      if (v2 === null)
+        return;
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v2);
+    }
+  });
+  return React__default.createElement(
+    RadioGroupContext.Provider,
+    {
+      value: {
+        value: value === null ? [] : [value],
+        check: (v2) => {
+          setValue(v2);
+        },
+        uncheck: () => {
+        },
+        disabled: props.disabled
+      }
+    },
+    props.children
+  );
+};
+const classPrefix$2 = `adm-radio`;
+const defaultProps$2 = {
+  defaultChecked: false
+};
+const Radio = (p2) => {
+  const props = mergeProps(defaultProps$2, p2);
+  const groupContext = useContext(RadioGroupContext);
+  let [checked, setChecked] = usePropsValue({
+    value: props.checked,
+    defaultValue: props.defaultChecked,
+    onChange: props.onChange
+  });
+  let disabled = props.disabled;
+  const {
+    value
+  } = props;
+  if (groupContext && value !== void 0) {
+    if (isDev) {
+      if (p2.checked !== void 0) {
+        devWarning("Radio", "When used within `Radio.Group`, the `checked` prop of `Radio` will not work.");
+      }
+      if (p2.defaultChecked !== void 0) {
+        devWarning("Radio", "When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.");
+      }
+    }
+    checked = groupContext.value.includes(value);
+    setChecked = (innerChecked) => {
+      var _a;
+      if (innerChecked) {
+        groupContext.check(value);
+      } else {
+        groupContext.uncheck(value);
+      }
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
+    };
+    disabled = disabled || groupContext.disabled;
+  }
+  const renderIcon = () => {
+    if (props.icon) {
+      return React__default.createElement("div", {
+        className: `${classPrefix$2}-custom-icon`
+      }, props.icon(checked));
+    }
+    return React__default.createElement("div", {
+      className: `${classPrefix$2}-icon`
+    }, checked && React__default.createElement(CheckIcon, null));
+  };
+  return withNativeProps(props, React__default.createElement("label", {
+    onClick: props.onClick,
+    className: classNames(classPrefix$2, {
+      [`${classPrefix$2}-checked`]: checked,
+      [`${classPrefix$2}-disabled`]: disabled,
+      [`${classPrefix$2}-block`]: props.block
+    })
+  }, React__default.createElement(NativeInput, {
+    type: "radio",
+    checked,
+    onChange: setChecked,
+    disabled,
+    id: props.id
+  }), renderIcon(), props.children && React__default.createElement("div", {
+    className: `${classPrefix$2}-content`
+  }, props.children)));
+};
+var index$o = attachPropertiesToComponent(Radio, {
+  Group
+});
 var searchBar = "";
 const classPrefix$1 = `adm-search-bar`;
 const defaultProps$1 = {
@@ -13024,6 +13685,7 @@ const SearchBar$1 = forwardRef((props, ref) => {
     value,
     onChange: setValue,
     maxLength: mergedProps.maxLength,
+    autoFocus: mergedProps.autoFocus,
     placeholder: mergedProps.placeholder,
     clearable: mergedProps.clearable,
     onlyShowClearWhenFocus: mergedProps.onlyShowClearWhenFocus,
@@ -13617,6 +14279,16 @@ function InnerStepper(p2, ref) {
 }
 const Stepper$1 = forwardRef(InnerStepper);
 var Stepper = Stepper$1;
+function useFieldV2(defaultData, validate) {
+  const [, forceUpdate] = React__default.useState({});
+  const [filed] = React__default.useState(() => {
+    return new Filed(defaultData, validate);
+  });
+  React__default.useEffect(() => {
+    filed.on("$updated", () => forceUpdate({}));
+  }, []);
+  return filed;
+}
 var index$n = "";
 function TagV2(props) {
   const { className = "", type, fontBold, color, backgroundColor } = props;
@@ -13825,7 +14497,6 @@ function ScanV2(props) {
   }, [onChange]);
   React__default.useEffect(() => {
     var _a;
-    console.log(`eee===`);
     inputRef.current.focus();
     (_a = inputRef.current) == null ? void 0 : _a.setAttribute("readonly", true);
     setTimeout(() => {
@@ -13928,6 +14599,7 @@ const CardType = {
       }, headerExtra == null ? void 0 : headerExtra.desc), /* @__PURE__ */ React__default.createElement("div", {
         className: "header-tag"
       }, (headerExtra == null ? void 0 : headerExtra.tags) && ((_b = (_a = headerExtra.tags) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (tag) => /* @__PURE__ */ React__default.createElement(TagV2, {
+        key: tag == null ? void 0 : tag.text,
         type: tag == null ? void 0 : tag.type,
         fontBold: true,
         backgroundColor: tag == null ? void 0 : tag.backgroundColor
@@ -14011,9 +14683,9 @@ const CardType = {
         className: "content-tip"
       }, /* @__PURE__ */ React__default.createElement("div", {
         className: "content"
-      }, /* @__PURE__ */ React__default.createElement("div", {
+      }, (content == null ? void 0 : content.label) ? /* @__PURE__ */ React__default.createElement("div", {
         className: "label"
-      }, content == null ? void 0 : content.label), /* @__PURE__ */ React__default.createElement("div", {
+      }, content == null ? void 0 : content.label) : null, /* @__PURE__ */ React__default.createElement("div", {
         className: "value"
       }, content == null ? void 0 : content.value)), (content == null ? void 0 : content.tag) && (((_a = content.tag) == null ? void 0 : _a.type) || ((_b = content.tag) == null ? void 0 : _b.text) ? /* @__PURE__ */ React__default.createElement("div", {
         className: `tag ${((_c = content.tag) == null ? void 0 : _c.type) || "time"}`
@@ -14348,6 +15020,7 @@ function InputV2(props) {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `op-pda-input-v2 ${hasBorder ? "has-border" : ""}`
   }, /* @__PURE__ */ React__default.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165",
     ...props
   }));
 }
@@ -14393,6 +15066,33 @@ const ROUND_MAP = /* @__PURE__ */ new Map([
   ["error", error],
   ["warning", warning]
 ]);
+const ToastForPages = ({ duration, ...restProps }) => {
+  const [visible, setVisible] = React__default.useState(true);
+  React__default.useEffect(() => {
+    const timeId = setTimeout(() => {
+      setVisible(false);
+    }, duration || 5e3);
+    return () => clearTimeout(timeId);
+  }, []);
+  return visible && /* @__PURE__ */ React__default.createElement(Toast, {
+    data: restProps
+  });
+};
+ToastForPages.toast = (props) => {
+  const { title = "", message = "" } = props;
+  const _props = { ...props, title, message };
+  let toastRoot = document.getElementById("op-pda-active-toast-for-pages-root");
+  if (!toastRoot) {
+    toastRoot = document.createElement("div");
+    toastRoot.id = "op-pda-active-toast-for-pages-root";
+    document.body.appendChild(toastRoot);
+  }
+  ReactDOM__default.render(/* @__PURE__ */ React__default.createElement(ToastForPages, {
+    key: Math.random(),
+    ..._props,
+    hasNext: false
+  }), toastRoot);
+};
 var index$3 = "";
 function Alert(props) {
   const { data, onNext } = props;
@@ -14536,6 +15236,7 @@ function Debug() {
 }
 const PageFlowSystemPagesV2 = {
   Toast,
+  ToastForPages,
   Alert,
   Confirm,
   Prompt,
@@ -14545,297 +15246,6 @@ const PageFlowSystemPagesV2 = {
   PlaySound,
   Debug
 };
-var dayjs_min = { exports: {} };
-(function(module, exports) {
-  !function(t2, e2) {
-    module.exports = e2();
-  }(commonjsGlobal, function() {
-    var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s = "minute", u2 = "hour", a = "day", o = "week", c6 = "month", f2 = "quarter", h2 = "year", d2 = "date", l2 = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t3) {
-      var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
-      return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
-    } }, m2 = function(t3, e3, n3) {
-      var r3 = String(t3);
-      return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
-    }, v2 = { s: m2, z: function(t3) {
-      var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
-      return (e3 <= 0 ? "+" : "-") + m2(r3, 2, "0") + ":" + m2(i2, 2, "0");
-    }, m: function t3(e3, n3) {
-      if (e3.date() < n3.date())
-        return -t3(n3, e3);
-      var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i2 = e3.clone().add(r3, c6), s2 = n3 - i2 < 0, u3 = e3.clone().add(r3 + (s2 ? -1 : 1), c6);
-      return +(-(r3 + (n3 - i2) / (s2 ? i2 - u3 : u3 - i2)) || 0);
-    }, a: function(t3) {
-      return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
-    }, p: function(t3) {
-      return { M: c6, y: h2, w: o, d: a, D: d2, h: u2, m: s, s: i, ms: r2, Q: f2 }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
-    }, u: function(t3) {
-      return void 0 === t3;
-    } }, g2 = "en", D = {};
-    D[g2] = M;
-    var p2 = "$isDayjsObject", S = function(t3) {
-      return t3 instanceof _ || !(!t3 || !t3[p2]);
-    }, w = function t3(e3, n3, r3) {
-      var i2;
-      if (!e3)
-        return g2;
-      if ("string" == typeof e3) {
-        var s2 = e3.toLowerCase();
-        D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
-        var u3 = e3.split("-");
-        if (!i2 && u3.length > 1)
-          return t3(u3[0]);
-      } else {
-        var a2 = e3.name;
-        D[a2] = e3, i2 = a2;
-      }
-      return !r3 && i2 && (g2 = i2), i2 || !r3 && g2;
-    }, O = function(t3, e3) {
-      if (S(t3))
-        return t3.clone();
-      var n3 = "object" == typeof e3 ? e3 : {};
-      return n3.date = t3, n3.args = arguments, new _(n3);
-    }, b2 = v2;
-    b2.l = w, b2.i = S, b2.w = function(t3, e3) {
-      return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
-    };
-    var _ = function() {
-      function M2(t3) {
-        this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p2] = true;
-      }
-      var m3 = M2.prototype;
-      return m3.parse = function(t3) {
-        this.$d = function(t4) {
-          var e3 = t4.date, n3 = t4.utc;
-          if (null === e3)
-            return new Date(NaN);
-          if (b2.u(e3))
-            return new Date();
-          if (e3 instanceof Date)
-            return new Date(e3);
-          if ("string" == typeof e3 && !/Z$/i.test(e3)) {
-            var r3 = e3.match($);
-            if (r3) {
-              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-              return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
-            }
-          }
-          return new Date(e3);
-        }(t3), this.init();
-      }, m3.init = function() {
-        var t3 = this.$d;
-        this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
-      }, m3.$utils = function() {
-        return b2;
-      }, m3.isValid = function() {
-        return !(this.$d.toString() === l2);
-      }, m3.isSame = function(t3, e3) {
-        var n3 = O(t3);
-        return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-      }, m3.isAfter = function(t3, e3) {
-        return O(t3) < this.startOf(e3);
-      }, m3.isBefore = function(t3, e3) {
-        return this.endOf(e3) < O(t3);
-      }, m3.$g = function(t3, e3, n3) {
-        return b2.u(t3) ? this[e3] : this.set(n3, t3);
-      }, m3.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, m3.valueOf = function() {
-        return this.$d.getTime();
-      }, m3.startOf = function(t3, e3) {
-        var n3 = this, r3 = !!b2.u(e3) || e3, f3 = b2.p(t3), l3 = function(t4, e4) {
-          var i2 = b2.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
-          return r3 ? i2 : i2.endOf(a);
-        }, $2 = function(t4, e4) {
-          return b2.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
-        }, y2 = this.$W, M3 = this.$M, m4 = this.$D, v3 = "set" + (this.$u ? "UTC" : "");
-        switch (f3) {
-          case h2:
-            return r3 ? l3(1, 0) : l3(31, 11);
-          case c6:
-            return r3 ? l3(1, M3) : l3(0, M3 + 1);
-          case o:
-            var g3 = this.$locale().weekStart || 0, D2 = (y2 < g3 ? y2 + 7 : y2) - g3;
-            return l3(r3 ? m4 - D2 : m4 + (6 - D2), M3);
-          case a:
-          case d2:
-            return $2(v3 + "Hours", 0);
-          case u2:
-            return $2(v3 + "Minutes", 1);
-          case s:
-            return $2(v3 + "Seconds", 2);
-          case i:
-            return $2(v3 + "Milliseconds", 3);
-          default:
-            return this.clone();
-        }
-      }, m3.endOf = function(t3) {
-        return this.startOf(t3, false);
-      }, m3.$set = function(t3, e3) {
-        var n3, o2 = b2.p(t3), f3 = "set" + (this.$u ? "UTC" : ""), l3 = (n3 = {}, n3[a] = f3 + "Date", n3[d2] = f3 + "Date", n3[c6] = f3 + "Month", n3[h2] = f3 + "FullYear", n3[u2] = f3 + "Hours", n3[s] = f3 + "Minutes", n3[i] = f3 + "Seconds", n3[r2] = f3 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e3 - this.$W) : e3;
-        if (o2 === c6 || o2 === h2) {
-          var y2 = this.clone().set(d2, 1);
-          y2.$d[l3]($2), y2.init(), this.$d = y2.set(d2, Math.min(this.$D, y2.daysInMonth())).$d;
-        } else
-          l3 && this.$d[l3]($2);
-        return this.init(), this;
-      }, m3.set = function(t3, e3) {
-        return this.clone().$set(t3, e3);
-      }, m3.get = function(t3) {
-        return this[b2.p(t3)]();
-      }, m3.add = function(r3, f3) {
-        var d3, l3 = this;
-        r3 = Number(r3);
-        var $2 = b2.p(f3), y2 = function(t3) {
-          var e3 = O(l3);
-          return b2.w(e3.date(e3.date() + Math.round(t3 * r3)), l3);
-        };
-        if ($2 === c6)
-          return this.set(c6, this.$M + r3);
-        if ($2 === h2)
-          return this.set(h2, this.$y + r3);
-        if ($2 === a)
-          return y2(1);
-        if ($2 === o)
-          return y2(7);
-        var M3 = (d3 = {}, d3[s] = e2, d3[u2] = n2, d3[i] = t2, d3)[$2] || 1, m4 = this.$d.getTime() + r3 * M3;
-        return b2.w(m4, this);
-      }, m3.subtract = function(t3, e3) {
-        return this.add(-1 * t3, e3);
-      }, m3.format = function(t3) {
-        var e3 = this, n3 = this.$locale();
-        if (!this.isValid())
-          return n3.invalidDate || l2;
-        var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b2.z(this), s2 = this.$H, u3 = this.$m, a2 = this.$M, o2 = n3.weekdays, c7 = n3.months, f3 = n3.meridiem, h3 = function(t4, n4, i3, s3) {
-          return t4 && (t4[n4] || t4(e3, r3)) || i3[n4].slice(0, s3);
-        }, d3 = function(t4) {
-          return b2.s(s2 % 12 || 12, t4, "0");
-        }, $2 = f3 || function(t4, e4, n4) {
-          var r4 = t4 < 12 ? "AM" : "PM";
-          return n4 ? r4.toLowerCase() : r4;
-        };
-        return r3.replace(y, function(t4, r4) {
-          return r4 || function(t5) {
-            switch (t5) {
-              case "YY":
-                return String(e3.$y).slice(-2);
-              case "YYYY":
-                return b2.s(e3.$y, 4, "0");
-              case "M":
-                return a2 + 1;
-              case "MM":
-                return b2.s(a2 + 1, 2, "0");
-              case "MMM":
-                return h3(n3.monthsShort, a2, c7, 3);
-              case "MMMM":
-                return h3(c7, a2);
-              case "D":
-                return e3.$D;
-              case "DD":
-                return b2.s(e3.$D, 2, "0");
-              case "d":
-                return String(e3.$W);
-              case "dd":
-                return h3(n3.weekdaysMin, e3.$W, o2, 2);
-              case "ddd":
-                return h3(n3.weekdaysShort, e3.$W, o2, 3);
-              case "dddd":
-                return o2[e3.$W];
-              case "H":
-                return String(s2);
-              case "HH":
-                return b2.s(s2, 2, "0");
-              case "h":
-                return d3(1);
-              case "hh":
-                return d3(2);
-              case "a":
-                return $2(s2, u3, true);
-              case "A":
-                return $2(s2, u3, false);
-              case "m":
-                return String(u3);
-              case "mm":
-                return b2.s(u3, 2, "0");
-              case "s":
-                return String(e3.$s);
-              case "ss":
-                return b2.s(e3.$s, 2, "0");
-              case "SSS":
-                return b2.s(e3.$ms, 3, "0");
-              case "Z":
-                return i2;
-            }
-            return null;
-          }(t4) || i2.replace(":", "");
-        });
-      }, m3.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m3.diff = function(r3, d3, l3) {
-        var $2, y2 = this, M3 = b2.p(d3), m4 = O(r3), v3 = (m4.utcOffset() - this.utcOffset()) * e2, g3 = this - m4, D2 = function() {
-          return b2.m(y2, m4);
-        };
-        switch (M3) {
-          case h2:
-            $2 = D2() / 12;
-            break;
-          case c6:
-            $2 = D2();
-            break;
-          case f2:
-            $2 = D2() / 3;
-            break;
-          case o:
-            $2 = (g3 - v3) / 6048e5;
-            break;
-          case a:
-            $2 = (g3 - v3) / 864e5;
-            break;
-          case u2:
-            $2 = g3 / n2;
-            break;
-          case s:
-            $2 = g3 / e2;
-            break;
-          case i:
-            $2 = g3 / t2;
-            break;
-          default:
-            $2 = g3;
-        }
-        return l3 ? $2 : b2.a($2);
-      }, m3.daysInMonth = function() {
-        return this.endOf(c6).$D;
-      }, m3.$locale = function() {
-        return D[this.$L];
-      }, m3.locale = function(t3, e3) {
-        if (!t3)
-          return this.$L;
-        var n3 = this.clone(), r3 = w(t3, e3, true);
-        return r3 && (n3.$L = r3), n3;
-      }, m3.clone = function() {
-        return b2.w(this.$d, this);
-      }, m3.toDate = function() {
-        return new Date(this.valueOf());
-      }, m3.toJSON = function() {
-        return this.isValid() ? this.toISOString() : null;
-      }, m3.toISOString = function() {
-        return this.$d.toISOString();
-      }, m3.toString = function() {
-        return this.$d.toUTCString();
-      }, M2;
-    }(), k2 = _.prototype;
-    return O.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u2], ["$W", a], ["$M", c6], ["$y", h2], ["$D", d2]].forEach(function(t3) {
-      k2[t3[1]] = function(e3) {
-        return this.$g(e3, t3[0], t3[1]);
-      };
-    }), O.extend = function(t3, e3) {
-      return t3.$i || (t3(e3, _, O), t3.$i = true), O;
-    }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
-      return O(1e3 * t3);
-    }, O.en = D[g2], O.Ls = D, O.p = {}, O;
-  });
-})(dayjs_min);
-var dayjs = dayjs_min.exports;
 var index = "";
 function DatePickerV2(props) {
   const {
@@ -14889,4 +15299,4 @@ function getFormatDate(val, format, initialValue) {
   return returnValue;
 }
 const ListItem = PdaListItem;
-export { ActionSheet, index$D as AppList, BaseLayout, Button$2 as Button, ButtonV2, List$2 as Card, CardV2, Confirm$1 as Confirm, index$p as DatePicker, DatePickerV2, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, FinishCardV2, FooterV2, index$_ as Header, HeaderV2, IllustrationV2, ImageUploader, ImageUploaderV2, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, index$s as InputItem, InputV2, Keyborard, LatticeMouth, LatticeMouthV2, LayoutV2, List$3 as List, ListItem, List as ListV2, Loading, MenuListV2, NumberPickerV2, Overlay$1 as Overlay, PDA_IMAGE_PATH, index$R as PageFlowSystemPages, PageFlowSystemPagesV2, index$u as Picker, PopupV2, Presentation, ProgressBar as ProgressBarV2, ScanV2, SelectCard, SelectV2, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, TableV2, Tag, TagV2, PdaListItem as TaskCard, TaskCardV2, TaskInputV2, PdaTitle as Title, Toast$1 as Toast, WakeKeyborard, index$r as useFiled, index$r as useFiledV2 };
+export { ActionSheet, index$E as AppList, Badge as BadgeV2, BaseLayout, Button$2 as Button, ButtonV2, List$2 as Card, CardV2, Confirm$1 as Confirm, index$q as DatePicker, DatePickerV2, PdaDistanceCard as DistanceCard, PdaFinishCard as FinishCard, FinishCardV2, FooterV2, index$$ as Header, HeaderV2, IllustrationV2, ImageUploader, ImageUploaderV2, ImageViewer, InfiniteScroll, PdaInfoCard$2 as InfoCard, index$t as InputItem, InputV2, Keyborard, LatticeMouth, LatticeMouthV2, LayoutV2, List$3 as List, ListItem, List as ListV2, Loading, MenuListV2, NumberPickerV2, Overlay$1 as Overlay, PDA_IMAGE_PATH, index$S as PageFlowSystemPages, PageFlowSystemPagesV2, index$v as Picker, PopupV2, Presentation, ProgressBar as ProgressBarV2, index$o as RadioV2, ScanV2, SelectCard, SelectV2, SimpleCard, SimpleCardBlock, PdaInfoCard as Steps, SubCard, TableV2, Tabs as TabsV2, Tag, TagV2, PdaListItem as TaskCard, TaskCardV2, TaskInputV2, PdaTitle as Title, Toast$1 as Toast, WakeKeyborard, index$s as useFiled, useFieldV2 as useFiledV2 };