@v-miniapp/ui-react 1.0.72 → 1.0.73

package/dist/components/uploader/uploader.js

@@ -1,93 +1,93 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { useCallback as u } from "react";
-import { getPrefixClassName as x } from "../../utils/classname.js";
-import { useControllableValue as C } from "ahooks";
-import { uploadImage as F } from "./helper.js";
-import { Image as $ } from "../image/image.js";
-import { Icon as d } from "../icon/icon.js";
-import b from "classnames";
-const o = x("uploader"), E = ({
+import { getPrefixClassName as _ } from "../../utils/classname.js";
+import { useControllableValue as w } from "ahooks";
+import { uploadImage as N } from "./helper.js";
+import { Image as x } from "../image/image.js";
+import { Icon as p } from "../icon/icon.js";
+import F from "classnames";
+const o = _("uploader"), $ = (e) => {
+  const r = {};
+  return e.value !== void 0 && (r.value = e.value), e.onChange !== void 0 && (r.onChange = e.onChange), r;
+}, R = ({
   limit: e,
-  disabled: t,
-  showPreview: v,
-  className: g,
+  disabled: r,
+  showPreview: g,
+  className: d,
   includeBase64: c,
-  value: m,
-  onChange: p,
-  ...h
+  value: k,
+  onChange: D,
+  ...m
 }) => {
-  const [n, l] = C(
-    {
-      ...m !== void 0 && { value: m },
-      ...p !== void 0 && { onChange: p }
-    },
+  const [i, s] = w(
+    $(m),
     {
       defaultValue: [],
       trigger: "onChange"
     }
-  ), _ = u(async () => {
-    if (t || e && (n ?? []).length >= e) return;
-    const a = await F({ includeBase64: c });
-    l((i) => {
-      const s = [...i ?? []];
-      return a.forEach((N) => {
-        e && s.length >= e || s.unshift(N);
-      }), s;
+  ), v = u(async () => {
+    if (r || e && (i ?? []).length >= e) return;
+    const t = await N({ includeBase64: c });
+    s((l) => {
+      const n = [...l ?? []];
+      return t.forEach((C) => {
+        e && n.length >= e || n.unshift(C);
+      }), n;
     });
-  }, [e, t, c, n, l]), w = u(
-    (a) => {
-      l((i) => {
-        const s = [...i];
-        return s.splice(a, 1), s;
+  }, [e, r, c, i, s]), h = u(
+    (t) => {
+      s((l) => {
+        const n = [...l];
+        return n.splice(t, 1), n;
       });
     },
-    [l]
+    [s]
   );
   return /* @__PURE__ */ f(
     "div",
     {
-      ...h,
-      className: b(
+      ...m,
+      className: F(
         o,
-        { [`${o}--disabled`]: t },
-        g
+        { [`${o}--disabled`]: r },
+        d
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: `${o}__trigger`, onClick: _, children: /* @__PURE__ */ r(
-          d,
+        /* @__PURE__ */ a("div", { className: `${o}__trigger`, onClick: v, children: /* @__PURE__ */ a(
+          p,
           {
             name: "plus",
             type: "outline",
             size: 40,
-            color: t ? "alias-object-disabled" : "global-neutral-neutral-50"
+            color: r ? "alias-object-disabled" : "global-neutral-neutral-50"
           }
         ) }),
-        v && /* @__PURE__ */ r("div", { className: `${o}__preview-list`, children: [...n ?? []].reverse().map((a, i) => /* @__PURE__ */ r(
-          k,
+        g && !!i && /* @__PURE__ */ a("div", { className: `${o}__preview-list`, children: i.map((t, l) => /* @__PURE__ */ a(
+          b,
           {
-            previewSrc: a.tempFile.data,
-            onDelete: () => w(i)
+            previewSrc: t.tempFile.data,
+            onDelete: () => h(l)
           },
-          a.tempFile.path
+          t.tempFile.path
         )) })
       ]
     }
   );
-}, k = ({
+}, b = ({
   previewSrc: e,
-  onDelete: t
+  onDelete: r
 }) => /* @__PURE__ */ f("div", { className: `${o}__preview-item`, children: [
-  /* @__PURE__ */ r(
-    $,
+  /* @__PURE__ */ a(
+    x,
     {
       className: `${o}__preview-image`,
       fit: "cover",
       src: e
     }
   ),
-  /* @__PURE__ */ r("div", { className: `${o}__delete-button`, onClick: t, children: /* @__PURE__ */ r(d, { name: "xmark", size: 16, color: "white" }) })
+  /* @__PURE__ */ a("div", { className: `${o}__delete-button`, onClick: r, children: /* @__PURE__ */ a(p, { name: "xmark", size: 16, color: "white" }) })
 ] });
 export {
-  k as FilePreview,
-  E as Uploader
+  b as FilePreview,
+  R as Uploader
 };