@v-miniapp/ui-react 1.0.71 → 1.0.73

package/dist/external/index.js

@@ -664,7 +664,7 @@ const M = /* @__PURE__ */ St(EP), H = (e) => `vsf-${e}`, Hg = (e) => /* @__PURE_
 }, ap = (e) => {
   if (e)
     return OP[e] || e;
-}, Kg = H("icon"), I3 = Object.keys($_).map(
+}, Kg = H("icon"), O3 = Object.keys($_).map(
   (e) => e.endsWith("-fill") ? e.slice(0, -5) : e.endsWith("-outline") ? e.slice(0, -8) : e
 ), pe = ({
   size: e,
@@ -3070,7 +3070,7 @@ const kE = {
 })), ri = (e, t, n) => {
   const r = st.getState().translate;
   return r(e, t, n);
-}, O3 = ri, D3 = () => st.getState().language, R3 = () => st.getState().systemLanguage, L3 = (e) => {
+}, D3 = ri, R3 = () => st.getState().language, L3 = () => st.getState().systemLanguage, N3 = (e) => {
   st.getState().setLanguage(e);
 }, IE = (e) => {
   st.getState().init(e);
@@ -9122,7 +9122,7 @@ const Z0 = H("toast-provider"), e1 = ({ position: e }) => {
 }, cA = () => /* @__PURE__ */ j(je, { children: [
   _n(/* @__PURE__ */ v(e1, { position: "top" }), document.body),
   _n(/* @__PURE__ */ v(e1, { position: "bottom" }), document.body)
-] }), j3 = ({ children: e, localesConfig: t }) => /* @__PURE__ */ v(G_, { isGlobal: !0, children: /* @__PURE__ */ j(
+] }), M3 = ({ children: e, localesConfig: t }) => /* @__PURE__ */ v(G_, { isGlobal: !0, children: /* @__PURE__ */ j(
   uC,
   {
     config: ct({}, t, { resources: { vi: _p, en: Cp } }),
@@ -10998,7 +10998,7 @@ function YL() {
   return Xf = n, Xf;
 }
 var XL = YL();
-const bn = /* @__PURE__ */ Er(XL), Kr = 40, Qf = 32, M3 = () => {
+const bn = /* @__PURE__ */ Er(XL), Kr = 40, Qf = 32, V3 = () => {
   const e = z(!1);
   return U(() => jA(
     (t) => e.current = t
@@ -11570,7 +11570,7 @@ const wg = nn({
   }
   const i = r.current.animation?.mode || "view-transition";
   return /* @__PURE__ */ v(mN, { Component: r.current.ErrorPage, children: /* @__PURE__ */ v(F_, { fallback: /* @__PURE__ */ v(hR, {}), children: i === "style-transition" ? /* @__PURE__ */ v(TN, {}) : /* @__PURE__ */ v(SN, {}) }) });
-}, V3 = (e) => {
+}, B3 = (e) => {
   const t = z(e);
   t.current = e, U(() => {
     const n = () => {
@@ -11580,7 +11580,7 @@ const wg = nn({
       window?.removeEventListener("onAppPause", n);
     };
   }, []);
-}, B3 = (e) => {
+}, F3 = (e) => {
   const t = z(e);
   t.current = e, U(() => {
     const n = () => {
@@ -11626,7 +11626,7 @@ const lo = () => {
   ), [t]), U(() => {
     i.current?.();
   }, []), n;
-}, Dr = () => lo()?.location, _g = () => ke((e) => e.navigate), F3 = () => lo().action, $3 = (e) => {
+}, Dr = () => lo()?.location, _g = () => ke((e) => e.navigate), $3 = () => lo().action, q3 = (e) => {
   const t = _g(), n = e.params, r = ee(() => {
     if (typeof e.to == "number")
       return e.to < 0 ? `#back:${e.to}` : `#forward:${e.to}`;
@@ -11643,7 +11643,7 @@ const lo = () => {
       onClick: (i) => (i.preventDefault(), e.to, t(e.to, e), !1)
     }
   );
-}, q3 = ({ color: e }) => /* @__PURE__ */ j(
+}, z3 = ({ color: e }) => /* @__PURE__ */ j(
   "div",
   {
     style: {
@@ -13269,7 +13269,7 @@ const uo = () => {
     resetPagePageLayout: y,
     resetAppPageLayout: b
   };
-}, U3 = (e) => {
+}, K3 = (e) => {
   const { setPagePageLayout: t } = uo(), n = z(e);
   n.current = e, U(() => {
     t({
@@ -13278,7 +13278,7 @@ const uo = () => {
       }
     });
   }, [t]);
-}, K3 = (e, t) => {
+}, G3 = (e, t) => {
   const { setPagePageLayout: n } = uo(), r = z(e);
   r.current = e, U(() => {
     n({
@@ -13286,7 +13286,7 @@ const uo = () => {
       pageScrollOptions: t
     });
   }, [n, JSON.stringify(t)]);
-}, G3 = (e) => {
+}, W3 = (e) => {
   const { setPagePageLayout: t } = uo(), n = z(e);
   n.current = e, U(() => {
     t({
@@ -13719,7 +13719,7 @@ const ij = () => {
 }, sj = () => {
   const e = window?.matchMedia("(prefers-color-scheme: dark)").matches;
   pr(e ? "dark" : "light");
-}, W3 = () => {
+}, Y3 = () => {
   const e = aj();
   pr(e === "dark" ? "light" : "dark");
 };
@@ -13770,7 +13770,7 @@ const pt = new lj(), cj = H("app"), uj = ({ config: e, children: t }) => {
     /* @__PURE__ */ v(cA, {}),
     t
   ] });
-}, Y3 = ({
+}, X3 = ({
   className: e,
   config: t,
   localesConfig: n,
@@ -15248,7 +15248,7 @@ const Wj = (e = {}) => {
     })
   },
   o
-)) }), gi = H("carousel"), X3 = Ke(
+)) }), gi = H("carousel"), Q3 = Ke(
   ({ className: e, carousel: t, options: n, pagination: r = !0, children: i }, o) => {
     const a = Wj(n);
     return t = t || a, mt(o, () => t), /* @__PURE__ */ j(
@@ -15273,7 +15273,7 @@ const Wj = (e = {}) => {
       }
     );
   }
-), Q3 = ({
+), J3 = ({
   children: e,
   className: t,
   ...n
@@ -15511,7 +15511,7 @@ const Wj = (e = {}) => {
     /* @__PURE__ */ v(jg, { ref: i, open: n, ...t }),
     document.body
   );
-}, J3 = ({ portal: e = !0, ...t }) => e && pt.isUsingApp && pt.isUsingRouter ? /* @__PURE__ */ v(Zj, { ...t }) : e && (!pt.isUsingApp || !pt.isUsingRouter) ? /* @__PURE__ */ v(eM, { ...t }) : /* @__PURE__ */ v(jg, { ...t }), zd = H("section"), Z3 = ({
+}, Z3 = ({ portal: e = !0, ...t }) => e && pt.isUsingApp && pt.isUsingRouter ? /* @__PURE__ */ v(Zj, { ...t }) : e && (!pt.isUsingApp || !pt.isUsingRouter) ? /* @__PURE__ */ v(eM, { ...t }) : /* @__PURE__ */ v(jg, { ...t }), zd = H("section"), eV = ({
   className: e,
   space: t = !0,
   shape: n = "rounded",
@@ -15525,7 +15525,7 @@ const Wj = (e = {}) => {
     }),
     ...r
   }
-), Jr = H("section-title"), eV = ({
+), Jr = H("section-title"), tV = ({
   className: e,
   leftIcon: t,
   onLeftIconClick: n,
@@ -15548,10 +15548,10 @@ const Wj = (e = {}) => {
   ),
   !!r && /* @__PURE__ */ v("div", { className: `${Jr}__icon`, onClick: i, children: Xe(r) }),
   o
-] }), tM = H("section-content"), tV = ({
+] }), tM = H("section-content"), nV = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ v("div", { className: M(tM, e), ...t }), zt = H("list-item"), nV = ({
+}) => /* @__PURE__ */ v("div", { className: M(tM, e), ...t }), zt = H("list-item"), rV = ({
   className: e,
   label: t,
   description: n,
@@ -15625,7 +15625,7 @@ const Wj = (e = {}) => {
       ]
     }
   );
-}, cn = H("alert"), rV = ({
+}, cn = H("alert"), iV = ({
   type: e = "informative",
   title: t,
   message: n,
@@ -15714,13 +15714,13 @@ const Wj = (e = {}) => {
       ...r ? { "--height": r + (typeof r == "number" ? "px" : "") } : {}
     }
   }
-), iV = (e) => /* @__PURE__ */ v(
+), oV = (e) => /* @__PURE__ */ v(
   Ee,
   {
     ...e,
     className: M(`${sr}--title`, e.className)
   }
-), oV = ({
+), aV = ({
   lineCount: e = 3,
   ...t
 }) => /* @__PURE__ */ v("div", { children: new Array(e).fill(0).map((n, r) => /* @__PURE__ */ v(
@@ -16332,10 +16332,10 @@ const Bn = ({
       }
     );
   }
-), aV = ({
+), sV = ({
   countryCode: e,
   ...t
-}) => /* @__PURE__ */ v(lP, { type: "tel", ...t, prefix: e }), Ae = H("number-field"), sV = Ke(
+}) => /* @__PURE__ */ v(lP, { type: "tel", ...t, prefix: e }), Ae = H("number-field"), lV = Ke(
   (e, t) => {
     const {
       length: n = 6,
@@ -16517,7 +16517,7 @@ const Bn = ({
     ...t,
     children: /* @__PURE__ */ v("rect", { x: "2", y: "6.5", width: "11", height: "2", rx: "1", fill: e })
   }
-), rt = H("checkbox"), lV = Ke(
+), rt = H("checkbox"), cV = Ke(
   (e, t) => {
     const {
       disabled: n = !1,
@@ -16667,7 +16667,7 @@ const Bn = ({
     ...n,
     children: e
   }
-), Ge = H("chip"), cV = ({
+), Ge = H("chip"), uV = ({
   theme: e = "default",
   type: t = "selection",
   leadingIcon: n,
@@ -16736,7 +16736,7 @@ const Bn = ({
       ]
     }
   );
-}, Pt = H("radio"), uV = Ke((e, t) => {
+}, Pt = H("radio"), fV = Ke((e, t) => {
   const {
     theme: n = "brand",
     type: r = "radio",
@@ -17844,7 +17844,7 @@ const ze = new r3(), i3 = (e) => ({
       }
     ) })
   ] });
-}, bh = H("date-field"), fV = Ke(
+}, bh = H("date-field"), dV = Ke(
   (e, t) => {
     const { wrapper: n, props: r } = jr(e), {
       picker: i = "date-picker",
@@ -17982,7 +17982,7 @@ const ze = new r3(), i3 = (e) => ({
       }
     ) })
   ] });
-}, M_ = H("date-field-range"), dV = Ke((e, t) => {
+}, M_ = H("date-field-range"), hV = Ke((e, t) => {
   const { wrapper: n, props: r } = jr(e), { picker: i = "date-picker", pickerProps: o } = r, [a, s] = J(-1), [l, c] = J(r.autoFocus), [u, f] = Re(r, {
     trigger: "onChange",
     valuePropName: "value",
@@ -18150,7 +18150,7 @@ const ze = new r3(), i3 = (e) => ({
       onChange: n
     }
   );
-}, Kn = H("text-area"), hV = Ke(
+}, Kn = H("text-area"), pV = Ke(
   (e, t) => {
     const { wrapper: n, props: r } = jr(e), [i, o] = J(r.autoFocus), a = z(null), [s, l] = Re(r, {
       trigger: "onChange",
@@ -18213,7 +18213,7 @@ const ze = new r3(), i3 = (e) => ({
       }
     );
   }
-), Gn = H("dropdown"), pV = Ke(
+), Gn = H("dropdown"), gV = Ke(
   (e, t) => {
     const { wrapper: n, props: r } = jr(e), [i, o] = J(!1), [a, s] = Re(r, {
       trigger: "onChange",
@@ -18343,7 +18343,7 @@ const ze = new r3(), i3 = (e) => ({
       )
     ] });
   }
-), y3 = (e, t) => t ? typeof e.label == "string" || typeof e.label == "number" ? e.label.toString().toLowerCase().includes(t.toLowerCase()) : !1 : !0, b3 = H("dropdown"), gV = (e) => /* @__PURE__ */ v(
+), y3 = (e, t) => t ? typeof e.label == "string" || typeof e.label == "number" ? e.label.toString().toLowerCase().includes(t.toLowerCase()) : !1 : !0, b3 = H("dropdown"), mV = (e) => /* @__PURE__ */ v(
   Bn,
   {
     trailingIcon: {
@@ -18357,7 +18357,7 @@ const ze = new r3(), i3 = (e) => ({
       /* @__PURE__ */ v(Ee, { width: 24, height: 24, shape: "pill" })
     ] })
   }
-), hn = H("avatar"), mV = ({
+), hn = H("avatar"), vV = ({
   size: e = 40,
   shape: t = "rounded",
   border: n,
@@ -18454,7 +18454,10 @@ async function T3(e) {
     return console.error("Failed to upload image", t), [];
   }
 }
-const Xt = H("uploader"), vV = ({
+const Xt = H("uploader"), _3 = (e) => {
+  const t = {};
+  return e.value !== void 0 && (t.value = e.value), e.onChange !== void 0 && (t.onChange = e.onChange), t;
+}, yV = ({
   limit: e,
   disabled: t,
   showPreview: n,
@@ -18465,10 +18468,7 @@ const Xt = H("uploader"), vV = ({
   ...s
 }) => {
   const [l, c] = Re(
-    {
-      ...o !== void 0 && { value: o },
-      ...a !== void 0 && { onChange: a }
-    },
+    _3(s),
     {
       defaultValue: [],
       trigger: "onChange"
@@ -18510,8 +18510,8 @@ const Xt = H("uploader"), vV = ({
             color: t ? "alias-object-disabled" : "global-neutral-neutral-50"
           }
         ) }),
-        n && /* @__PURE__ */ v("div", { className: `${Xt}__preview-list`, children: [...l ?? []].reverse().map((d, h) => /* @__PURE__ */ v(
-          _3,
+        n && !!l && /* @__PURE__ */ v("div", { className: `${Xt}__preview-list`, children: l.map((d, h) => /* @__PURE__ */ v(
+          C3,
           {
             previewSrc: d.tempFile.data,
             onDelete: () => f(h)
@@ -18521,7 +18521,7 @@ const Xt = H("uploader"), vV = ({
       ]
     }
   );
-}, _3 = ({
+}, C3 = ({
   previewSrc: e,
   onDelete: t
 }) => /* @__PURE__ */ j("div", { className: `${Xt}__preview-item`, children: [
@@ -18534,7 +18534,7 @@ const Xt = H("uploader"), vV = ({
     }
   ),
   /* @__PURE__ */ v("div", { className: `${Xt}__delete-button`, onClick: t, children: /* @__PURE__ */ v(pe, { name: "xmark", size: 16, color: "white" }) })
-] }), kt = H("switch"), yV = Ke(
+] }), kt = H("switch"), bV = Ke(
   (e, t) => {
     const {
       disabled: n = !1,
@@ -18593,7 +18593,7 @@ const Xt = H("uploader"), vV = ({
       }
     );
   }
-), Wn = H("tab-bar__item"), C3 = Ke(
+), Wn = H("tab-bar__item"), x3 = Ke(
   ({ className: e, id: t, active: n, icon: r, name: i, badge: o, onItemClick: a, ...s }, l) => {
     const c = () => {
       if (!r) return null;
@@ -18637,7 +18637,7 @@ const Xt = H("uploader"), vV = ({
       }
     );
   }
-), Sh = H("tab-bar"), bV = (e) => {
+), Sh = H("tab-bar"), wV = (e) => {
   const [t, n] = Re(e, {
     trigger: "onItemClick",
     valuePropName: "activeId",
@@ -18744,7 +18744,7 @@ const Xt = H("uploader"), vV = ({
           }
         ),
         r.map((y, b) => /* @__PURE__ */ v(
-          C3,
+          x3,
           {
             ref: (w) => m(y.id, w),
             onItemClick: () => n(y, b),
@@ -18757,7 +18757,7 @@ const Xt = H("uploader"), vV = ({
       ]
     }
   );
-}, Th = "vsf-metadata", wV = ({ metadata: e }) => {
+}, Th = "vsf-metadata", SV = ({ metadata: e }) => {
   const t = JSON.stringify(e, null, 2);
   return Sg(() => {
     const n = document.getElementById(Th);
@@ -18768,7 +18768,7 @@ const Xt = H("uploader"), vV = ({
     );
     n || (n = document.createElement("script"), n.id = Th, n.type = "application/ld+json", document.head.appendChild(n)), n.textContent = t;
   }), null;
-}, _h = H("rating"), x3 = ({ value: e = 0, ...t }) => {
+}, _h = H("rating"), A3 = ({ value: e = 0, ...t }) => {
   const n = Math.max(Math.min(e, 1), 0) * 100, r = Oi(), i = "M21.2849 7.66933C21.1676 7.308 20.8543 7.044 20.4783 6.98933L14.3183 6.09467L11.5636 0.512C11.2276 -0.170667 10.1063 -0.170667 9.77025 0.512L7.01559 6.09333L0.855586 6.988C0.479586 7.04267 0.166253 7.30667 0.0489193 7.668C-0.068414 8.02933 0.0289192 8.428 0.302253 8.69333L4.75959 13.0373L3.70625 19.172C3.64225 19.548 3.79559 19.9267 4.10359 20.1507C4.41159 20.3733 4.82092 20.4027 5.15692 20.2267L10.6663 17.3293L16.1756 20.2267C16.3223 20.304 16.4809 20.3413 16.6409 20.3413C16.8476 20.3413 17.0543 20.2773 17.2289 20.1507C17.5369 19.9267 17.6916 19.548 17.6263 19.172L16.5729 13.0373L21.0303 8.69333C21.3036 8.428 21.4009 8.02933 21.2836 7.668L21.2849 7.66933Z";
   return /* @__PURE__ */ v("span", { className: `${_h}__icon`, ...t, children: /* @__PURE__ */ j("svg", { width: "100%", height: "100%", viewBox: "0 0 22 21", fill: "none", children: [
     /* @__PURE__ */ v("defs", { children: /* @__PURE__ */ v("clipPath", { id: r, children: /* @__PURE__ */ v("path", { d: i }) }) }),
@@ -18783,11 +18783,11 @@ const Xt = H("uploader"), vV = ({
       }
     )
   ] }) });
-}, A3 = 5, Ch = H("rating"), SV = (e) => {
+}, P3 = 5, Ch = H("rating"), TV = (e) => {
   const {
     size: t = "medium",
     className: n,
-    max: r = A3,
+    max: r = P3,
     readonly: i = !1,
     defaultValue: o,
     onChange: a,
@@ -18826,7 +18826,7 @@ const Xt = H("uploader"), vV = ({
       ),
       ...l,
       children: f.length ? f.map((h, p) => /* @__PURE__ */ v(
-        x3,
+        A3,
         {
           value: h.value,
           onClick: () => d(p)
@@ -18835,7 +18835,7 @@ const Xt = H("uploader"), vV = ({
       )) : null
     }
   );
-}, Ut = H("tooltip"), TV = (e) => {
+}, Ut = H("tooltip"), _V = (e) => {
   const {
     type: t = "default",
     position: n = "top",
@@ -18869,7 +18869,7 @@ const Xt = H("uploader"), vV = ({
       ]
     }
   );
-}, _V = (e) => {
+}, CV = (e) => {
   const t = z(e);
   t.current = e, U(() => {
     const n = (r) => {
@@ -18880,7 +18880,7 @@ const Xt = H("uploader"), vV = ({
       window?.removeEventListener("onCustomIconEvent", n);
     };
   }, []);
-}, CV = (e) => {
+}, xV = (e) => {
   const t = z(e);
   t.current = e, U(() => {
     const n = (r) => {
@@ -18891,110 +18891,111 @@ const Xt = H("uploader"), vV = ({
       window?.removeEventListener("onSettingsChanged", n);
     };
   }, []);
-}, xV = (e) => {
+}, AV = (e) => {
   IE(ct({}, e, { resources: { vi: _p, en: Cp } }));
 };
 export {
-  j3 as AIApp,
-  rV as Alert,
-  Y3 as App,
-  mV as Avatar,
+  M3 as AIApp,
+  iV as Alert,
+  X3 as App,
+  vV as Avatar,
   ep as Badge,
   DM as BadgeContainer,
   rj as BottomTabBar,
   Me as Button,
   vP as Calendar,
-  X3 as Carousel,
-  Q3 as CarouselItem,
-  lV as Checkbox,
-  cV as Chip,
-  fV as DateField,
-  dV as DateFieldRange,
+  Q3 as Carousel,
+  J3 as CarouselItem,
+  cV as Checkbox,
+  uV as Chip,
+  dV as DateField,
+  hV as DateFieldRange,
   n3 as DatePicker,
   t3 as DatePickerBase,
-  J3 as Dialog,
-  pV as Dropdown,
-  gV as DropdownBase,
+  Z3 as Dialog,
+  gV as Dropdown,
+  mV as DropdownBase,
   sk as ErrorComponent,
-  _3 as FilePreview,
+  C3 as FilePreview,
   pe as Icon,
   Ri as Image,
   Bn as InputWrapper,
   rM as Label,
-  $3 as Link,
-  nV as ListItem,
+  q3 as Link,
+  rV as ListItem,
   uC as LocalesProvider,
   ej as NavigationBar,
-  sV as NumberField,
+  lV as NumberField,
   nM as OptionItem,
   Zt as PAGE_PATH_NAME,
   x9 as Page,
-  q3 as PageLoading,
+  z3 as PageLoading,
   Yj as Pagination,
-  aV as PhoneNumberField,
+  sV as PhoneNumberField,
   C9 as PullToRefresh,
-  uV as Radio,
-  SV as Rating,
+  fV as Radio,
+  TV as Rating,
   _N as Router,
   v3 as SearchField,
-  Z3 as Section,
-  tV as SectionContent,
-  eV as SectionTitle,
-  wV as Seo,
+  eV as Section,
+  nV as SectionContent,
+  tV as SectionTitle,
+  SV as Seo,
   Th as SeoMetadataId,
   po as Sheet,
   mo as SheetBody,
   Ng as SheetFooter,
   go as SheetHeader,
   Ee as Skeleton,
-  oV as SkeletonParagraph,
-  iV as SkeletonTitle,
-  yV as Switch,
-  bV as TabBar,
-  hV as TextArea,
+  aV as SkeletonParagraph,
+  oV as SkeletonTitle,
+  bV as Switch,
+  wV as TabBar,
+  pV as TextArea,
   lP as TextField,
   er as Toast,
-  TV as Tooltip,
+  cA as ToastProvider,
+  _V as Tooltip,
   te as Typography,
-  vV as Uploader,
+  yV as Uploader,
   K_ as VisibilitySensor,
   M as classNames,
   aj as getDataTheme,
   jr as getInputProps,
-  D3 as getLanguage,
+  R3 as getLanguage,
   H as getPrefixClassName,
-  R3 as getSystemLanguage,
-  I3 as iconNames,
-  xV as initLocales,
+  L3 as getSystemLanguage,
+  O3 as iconNames,
+  AV as initLocales,
   jA as onSwipeNavigation,
   Xe as renderIcon,
   Be as routerEvents,
   pr as setDataTheme,
-  L3 as setLanguage,
-  O3 as t,
-  W3 as toggleDataTheme,
+  N3 as setLanguage,
+  D3 as t,
+  Y3 as toggleDataTheme,
   ri as translate,
-  V3 as useAppPause,
-  B3 as useAppResume,
+  B3 as useAppPause,
+  F3 as useAppResume,
   FA as useAppState,
   ij as useBottomTabBar,
   Wj as useCarousel,
-  _V as useCustomIconEvent,
+  CV as useCustomIconEvent,
   Sg as useDidHide,
   Tg as useDidShow,
   CN as useHistories,
   lo as useHistory,
   DE as useIsUsingLocales,
   OE as useLanguage,
-  G3 as useLoadMore,
+  W3 as useLoadMore,
   Dr as useLocation,
   _g as useNavigate,
   tj as useNavigationBar,
-  F3 as useNavigationType,
+  $3 as useNavigationType,
   uo as usePageLayout,
-  K3 as usePageScroll,
-  U3 as usePullToRefresh,
-  CV as useSettingsChanged,
-  M3 as useSwipeNavigation,
+  G3 as usePageScroll,
+  K3 as usePullToRefresh,
+  xV as useSettingsChanged,
+  V3 as useSwipeNavigation,
   fC as useTranslate
 };