x-next 1.6.0 → 1.7.0

package/dist/es/components/upload/upload-trigger.js

@@ -0,0 +1,89 @@
+import { defineComponent as I, inject as L, computed as n, watch as P, createVNode as l, mergeProps as v } from "vue";
+import { getClassNameMixin as E } from "../../_utils/config.js";
+import { useLocale as K } from "../../locale/index.js";
+import { IconUploadCloud as N } from "../../icons/_self/upload-icons.js";
+import { uploadInjectionKey as U } from "./context.js";
+import { useFormItem as j, useFormItemControl as A } from "../../_hooks/use-form-item.js";
+const S = /* @__PURE__ */ I({
+  name: "UploadTrigger",
+  setup() {
+    const e = L(U);
+    if (!e) return () => null;
+    const {
+      t: o
+    } = K(), r = E("upload"), {
+      formItemCtx: m,
+      eventHandlers: b
+    } = j(), d = A(m, () => ({
+      ...e.getTriggerAttrs(),
+      ...e.props.ariaLabel ? {
+        "aria-label": e.props.ariaLabel
+      } : {}
+    }), {
+      labelable: !1
+    }), t = n(() => e.props.draggable), c = n(() => e.listType.value === "picture-card"), y = n(() => e.props.ariaLabel || o("upload.trigger")), D = n(() => [r.element("trigger"), t.value && r.element("dragger"), t.value && e.dragging.value && r.is("dragging"), e.listType.value === "picture-card" && r.element("picture-trigger"), e.disabled.value && r.is("disabled")]), T = n(() => e.dragging.value ? o("upload.dragHover") : t.value ? o("upload.drag") : o("upload.buttonText"));
+    P(e.disabled, (a) => {
+      a && (e.dragging.value = !1);
+    });
+    const g = () => {
+      e.disabled.value || e.openFileDialog();
+    }, C = (a) => {
+      a.key !== "Enter" && a.key !== " " || (a.preventDefault(), g());
+    }, h = (a) => {
+      t.value && (a.preventDefault(), !e.disabled.value && (e.dragging.value = !0));
+    }, x = (a) => {
+      t.value && (a.preventDefault(), a.dataTransfer && (a.dataTransfer.dropEffect = e.disabled.value ? "none" : "copy"), !e.disabled.value && (e.dragging.value = !0));
+    }, k = (a) => {
+      if (e.disabled.value || !t.value) return;
+      const i = a.currentTarget, s = a.relatedTarget;
+      s && i.contains(s) || (e.dragging.value = !1);
+    }, F = (a) => {
+      t.value && (a.preventDefault(), e.dragging.value = !1, !e.disabled.value && e.onDropFiles(a));
+    };
+    return () => {
+      const a = {
+        type: "file",
+        class: r.element("input"),
+        "aria-hidden": "true",
+        tabindex: -1
+      };
+      e.props.accept && (a.accept = e.props.accept), (e.props.multiple || e.props.directory) && (a.multiple = !0), a.disabled = e.disabled.value, e.props.directory && (a.directory = "", a.webkitdirectory = ""), e.props.capture !== void 0 && e.props.capture !== !1 && (a.capture = e.props.capture === !0 ? "" : e.props.capture);
+      const i = e.slots["upload-button"] ?? e.slots.default, s = i ? i() : [l("span", {
+        class: r.element("trigger-icon"),
+        key: "icon"
+      }, [l(N, {
+        size: t.value ? 40 : c.value ? 20 : 16
+      }, null)]), l("span", {
+        class: r.element("trigger-text"),
+        key: "text"
+      }, [T.value])], w = !!e.props.tip && !c.value;
+      return l("div", v(d.value, {
+        class: D.value,
+        role: "button",
+        tabindex: e.disabled.value ? void 0 : 0,
+        "aria-disabled": e.disabled.value || void 0,
+        "aria-label": d.value["aria-label"] || (d.value["aria-labelledby"] ? void 0 : y.value),
+        onClick: g,
+        onKeydown: C,
+        onDragenter: h,
+        onDragover: x,
+        onDragleave: k,
+        onDrop: F,
+        onFocusout: (u) => {
+          var p, f;
+          u.currentTarget.contains(u.relatedTarget) || (f = (p = b.value) == null ? void 0 : p.onBlur) == null || f.call(p);
+        }
+      }), [l("input", v({
+        ref: e.inputRef
+      }, a, {
+        onChange: e.onFileChange,
+        onClick: (u) => u.stopPropagation()
+      }), null), s, w && l("span", {
+        class: r.element("tip")
+      }, [e.props.tip])]);
+    };
+  }
+});
+export {
+  S as default
+};

package/dist/es/components/upload/utils.js

@@ -0,0 +1,195 @@
+import { isFunction as j } from "../../_utils/is.js";
+const u = [
+  "avif",
+  "bmp",
+  "dpg",
+  "gif",
+  "heic",
+  "heif",
+  "ico",
+  "jfif",
+  "jpeg",
+  "jpg",
+  "png",
+  "svg",
+  "tif",
+  "tiff",
+  "webp"
+], E = {
+  "audio/mp3": "audio/mpeg",
+  "image/jpg": "image/jpeg",
+  "text/xml": "application/xml"
+}, R = {
+  jpeg: ["jpeg", "jpg"],
+  jpg: ["jpeg", "jpg"],
+  tif: ["tif", "tiff"],
+  tiff: ["tif", "tiff"]
+};
+let x = 0;
+const L = () => `${Date.now().toString(36)}-${(x++).toString(36)}`, d = (t) => {
+  const e = (t ?? "").toLowerCase().split(";")[0].trim();
+  return E[e] ?? e;
+}, a = (t) => {
+  const e = t.lastIndexOf(".");
+  return e >= 0 ? t.slice(e + 1).toLowerCase() : "";
+}, p = (t, e) => (R[t] ?? [t]).includes(e), P = (t, e) => {
+  const r = (e ?? "").split(",").map((s) => s.trim().toLowerCase()).filter(Boolean);
+  if (!r.length) return !0;
+  const n = d(t.type), o = a(t.name);
+  return r.some((s) => {
+    if (s === "*" || s === "*/*") return !0;
+    if (s.startsWith("."))
+      return p(s.slice(1), o);
+    if (s.endsWith("/*"))
+      return n.startsWith(s.slice(0, -1));
+    const i = d(s);
+    if (n && i === n) return !0;
+    if (n) return !1;
+    const c = i.lastIndexOf("/");
+    return c >= 0 && p(i.slice(c + 1), o);
+  });
+}, h = (t) => d(t).startsWith("image/"), S = (t) => h(t.type) || !t.type && u.includes(a(t.name)), $ = (t) => {
+  if (t.type) return h(t.type);
+  const e = t.url || t.thumbUrl || t.name;
+  return e.startsWith("data:image/") ? !0 : u.includes(a(e.split(/[?#]/)[0])) || u.includes(a(t.name));
+}, m = /* @__PURE__ */ new WeakMap(), A = (t) => {
+  const e = m.get(t), r = t.uid || e || L();
+  !t.uid && !e && m.set(t, r);
+  const n = t.status ?? "done";
+  return {
+    ...t,
+    uid: r,
+    status: n,
+    percent: t.percent ?? (n === "done" ? 1 : 0)
+  };
+}, q = (t) => (t ?? []).map(A), g = /* @__PURE__ */ new Set(), C = (t) => {
+  if (!S(t) || typeof URL > "u" || typeof URL.createObjectURL != "function") return;
+  const e = URL.createObjectURL(t);
+  return g.add(e), e;
+}, N = (t) => {
+  if (!(!t || !g.delete(t)))
+    try {
+      URL.revokeObjectURL(t);
+    } catch {
+    }
+}, U = (t) => {
+  const e = t.responseText ?? "";
+  if ((t.getResponseHeader("content-type") ?? "").includes("json"))
+    try {
+      return JSON.parse(e || "null");
+    } catch {
+      return e;
+    }
+  return t.response ?? e;
+}, W = (t) => t === null || typeof t != "object" && typeof t != "function" ? !1 : typeof t.then == "function", T = (t) => {
+  if (t === null || typeof t != "object") return;
+  const e = t.abort;
+  return j(e) ? () => e.call(t) : void 0;
+}, I = (t) => {
+  if (t === null || typeof t != "object") return !1;
+  const e = t;
+  return typeof e.ok == "boolean" && typeof e.status == "number" && typeof e.text == "function" && typeof e.json == "function";
+}, z = async (t) => {
+  var r, n;
+  if (!I(t)) return t;
+  if (!t.ok) {
+    const o = new Error(`Request failed with status ${t.status}`);
+    throw o.status = t.status, o.response = t, o;
+  }
+  const e = ((n = (r = t.headers) == null ? void 0 : r.get) == null ? void 0 : n.call(r, "content-type")) ?? "";
+  if (e.includes("json")) {
+    const o = await t.text();
+    if (!o) return;
+    try {
+      return JSON.parse(o);
+    } catch {
+      return o;
+    }
+  }
+  return e.startsWith("text/") ? t.text() : t;
+}, f = (t, e) => {
+  const r = new Error(e);
+  return r.status = t.status, r;
+}, y = (t, e, r) => {
+  if (r != null) {
+    if (Array.isArray(r)) {
+      r.forEach((n) => y(t, `${e}[]`, n));
+      return;
+    }
+    if (typeof Blob < "u" && r instanceof Blob) {
+      t.append(e, r);
+      return;
+    }
+    t.append(e, String(r));
+  }
+}, B = (t) => {
+  const e = new XMLHttpRequest();
+  e.open(t.method.toUpperCase(), t.action || "", !0), t.withCredentials && (e.withCredentials = !0), t.timeout > 0 && (e.timeout = t.timeout), Object.entries(t.headers ?? {}).forEach(([n, o]) => {
+    o != null && e.setRequestHeader(n, String(o));
+  }), e.upload.onprogress = (n) => {
+    t.onProgress(n.total > 0 ? Math.min(1, n.loaded / n.total) : 0, n);
+  }, e.onload = () => {
+    if (e.status >= 200 && e.status < 300) {
+      t.onSuccess(U(e));
+      return;
+    }
+    t.onError(f(e, `Request failed with status ${e.status}`));
+  }, e.onerror = () => t.onError(f(e, "Network error")), e.ontimeout = () => t.onError(f(e, "Request timeout")), e.onabort = () => {
+  };
+  const r = new FormData();
+  return Object.entries(t.data ?? {}).forEach(([n, o]) => y(r, n, o)), r.append(t.name || "file", t.file, t.file.name), e.send(r), {
+    abort: () => e.abort()
+  };
+}, O = (t) => new Promise((e, r) => {
+  t.readEntries(e, r);
+}), F = async (t) => {
+  const e = [];
+  for (; ; ) {
+    const r = await O(t);
+    if (!r.length) break;
+    e.push(...r);
+  }
+  return e;
+}, M = (t) => new Promise((e, r) => {
+  t.file(e, r);
+}), H = async (t) => {
+  const r = (t.items ? Array.from(t.items) : []).map((s) => {
+    var i;
+    return (i = s.webkitGetAsEntry) == null ? void 0 : i.call(s);
+  }).filter((s) => !!s);
+  if (!r.length) return Array.from(t.files ?? []);
+  const n = [], o = async (s, i) => {
+    if (s.isFile) {
+      const c = await M(s);
+      i && Object.defineProperty(c, "webkitRelativePath", { value: i, configurable: !0 }), n.push(c);
+      return;
+    }
+    if (s.isDirectory) {
+      const c = s.createReader(), b = await F(c), w = i ? `${i}/` : "";
+      for (const l of b)
+        await o(l, `${w}${l.name}`);
+    }
+  };
+  for (const s of r)
+    await o(s, s.name);
+  return n;
+}, D = (t) => t ? Array.from(t.files ?? []) : [];
+export {
+  H as collectDropFiles,
+  D as collectPasteFiles,
+  C as createThumbUrl,
+  L as genUid,
+  a as getExtension,
+  S as isImageFile,
+  $ as isImageItem,
+  h as isImageMime,
+  W as isPromiseLike,
+  P as matchAccept,
+  A as normalizeFile,
+  q as normalizeFileList,
+  d as normalizeMime,
+  z as normalizePromiseResponse,
+  T as resolveAbortHandle,
+  N as revokeThumbUrl,
+  B as uploadRequest
+};

package/dist/es/icons/_self/upload-icons.js

@@ -0,0 +1,103 @@
+import { h as t, createVNode as o } from "vue";
+import { generateIcon as l } from "../icon.js";
+const r = l("UploadCloud", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M32 34h4a7 7 0 0 0 1.2-13.9A9 9 0 0 0 20.7 17 7 7 0 0 0 12 34h4"
+}, null), o("path", {
+  d: "M24 40V22"
+}, null), o("path", {
+  d: "m17 29 7-7 7 7"
+}, null)]))), a = l("UploadFile", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M28 6H16a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4V14Z"
+}, null), o("path", {
+  d: "M28 6v8h8"
+}, null)]))), s = l("UploadImage", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("rect", {
+  x: "7",
+  y: "9",
+  width: "34",
+  height: "30",
+  rx: "4"
+}, null), o("circle", {
+  cx: "17.5",
+  cy: "19.5",
+  r: "3.5"
+}, null), o("path", {
+  d: "m12 35 9-9 6 6 4-4 6 6"
+}, null)]))), i = l("UploadTrash", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M9 14h30"
+}, null), o("path", {
+  d: "M20 14V9a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v5"
+}, null), o("path", {
+  d: "M13 14v24a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V14"
+}, null), o("path", {
+  d: "M20 22v12M28 22v12"
+}, null)]))), h = l("UploadRefresh", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M41 10v10H31"
+}, null), o("path", {
+  d: "M10.8 16A15 15 0 0 1 38.6 13.4L41 20"
+}, null), o("path", {
+  d: "M7 38V28h10"
+}, null), o("path", {
+  d: "M37.2 32A15 15 0 0 1 9.4 34.6L7 28"
+}, null)]))), p = l("UploadDownload", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M24 8v22"
+}, null), o("path", {
+  d: "m15 23 9 9 9-9"
+}, null), o("path", {
+  d: "M9 32v4a6 6 0 0 0 6 6h18a6 6 0 0 0 6-6v-4"
+}, null)])));
+export {
+  r as IconUploadCloud,
+  p as IconUploadDownload,
+  a as IconUploadFile,
+  s as IconUploadImage,
+  h as IconUploadRefresh,
+  i as IconUploadTrash
+};

package/dist/es/index.js

@@ -3,7 +3,7 @@ import * as r from "./components/index.js";
 import { Icon as m } from "./icons/index.js";
 import { setupDirectives as p } from "./directives/index.js";
 import { default as c } from "./components/dialog/use.js";
-import { default as l } from "./components/message/warp.js";
+import { default as u } from "./components/message/warp.js";
 import { default as g } from "./components/message-box/MessageBox.js";
 import { default as S } from "./components/notification/warp.js";
 import { Dialog as P } from "./components/dialog/index.js";
@@ -16,7 +16,7 @@ import { LOCALES as E, formatMessage as O, getGlobalLocale as R, setGlobalLocale
 import { useDraggable as F } from "./components/draggable/useDraggable.js";
 import { vDraggable as z } from "./components/draggable/directive.js";
 import { Watermark as K } from "./components/watermark/index.js";
-import { default as U } from "./locale/en-US.js";
+import { default as W } from "./locale/en-US.js";
 import { default as X } from "./locale/zh-CN.js";
 import { Alert as Z } from "./components/alert/index.js";
 import { Button as J, ButtonGroup as V } from "./components/button/index.js";
@@ -24,7 +24,7 @@ import { Checkbox as oo, CheckboxGroup as eo } from "./components/form-checkbox/
 import { Col as to, Grid as mo, GridItem as po, Row as fo } from "./components/grid/index.js";
 import { ColorPicker as no } from "./components/color-picker/index.js";
 import { ConfigProvider as io } from "./components/config-provider/index.js";
-import { DatePicker as co, MonthPicker as uo, QuarterPicker as lo, RangePicker as go, WeekPicker as Io, YearPicker as So } from "./components/date-picker/index.js";
+import { DatePicker as co, MonthPicker as lo, QuarterPicker as uo, RangePicker as go, WeekPicker as Io, YearPicker as So } from "./components/date-picker/index.js";
 import { Draggable as Po } from "./components/draggable/index.js";
 import { Drawer as ko } from "./components/drawer/index.js";
 import { Dropdown as Co, DropdownButton as Do, DropdownGroup as wo, DropdownOption as ho, DropdownSubmenu as yo } from "./components/dropdown/index.js";
@@ -32,7 +32,7 @@ import { Empty as Mo } from "./components/empty/index.js";
 import { Form as No, FormItem as Eo } from "./components/form/index.js";
 import { Heatmap as Ro } from "./components/heatmap/index.js";
 import { Image as Bo, ImagePreview as _o, ImagePreviewAction as Fo, ImagePreviewGroup as jo } from "./components/image/index.js";
-import { Input as Ho, InputGroup as Ko, InputPassword as Wo, InputSearch as Uo } from "./components/form-input/index.js";
+import { Input as Ho, InputGroup as Ko, InputPassword as Uo, InputSearch as Wo } from "./components/form-input/index.js";
 import { InputNumber as Xo } from "./components/form-input-number/index.js";
 import { InputTag as Zo } from "./components/form-input-tag/index.js";
 import { Layout as Jo, LayoutContent as Vo, LayoutFooter as $o, LayoutHeader as oe, LayoutSidebar as ee } from "./components/layout/index.js";
@@ -40,7 +40,7 @@ import { Link as te } from "./components/link/index.js";
 import { Menu as pe, MenuItem as fe, MenuItemGroup as ae, MenuSubMenu as ne } from "./components/menu/index.js";
 import { Network as ie } from "./components/network/index.js";
 import { Pagination as ce } from "./components/pagination/index.js";
-import { Popconfirm as le } from "./components/popconfirm/index.js";
+import { Popconfirm as ue } from "./components/popconfirm/index.js";
 import { Popover as ge } from "./components/popover/index.js";
 import { Popup as Se } from "./components/popup/index.js";
 import { Progress as Pe } from "./components/progress/index.js";
@@ -52,7 +52,7 @@ import { Select as ve, SelectDropdown as Ne, SelectOption as Ee, SelectOptionGro
 import { Skeleton as Ae, SkeletonLine as Be, SkeletonShape as _e } from "./components/skeleton/index.js";
 import { Slider as je } from "./components/form-slider/index.js";
 import { Space as He } from "./components/space/index.js";
-import { Spin as We } from "./components/spin/index.js";
+import { Spin as Ue } from "./components/spin/index.js";
 import { Step as Qe, Steps as Xe } from "./components/steps/index.js";
 import { Switch as Ze } from "./components/form-switch/index.js";
 import { TABLE_LOCALE_EN_US as Je, TABLE_LOCALE_ZH_CN as Ve, formatLocaleText as $e } from "./components/table/locale.js";
@@ -61,7 +61,7 @@ import { Table as mr, TableColumn as pr } from "./components/table/index.js";
 import { Tag as ar } from "./components/tag/index.js";
 import { default as xr } from "./components/table/table-tbody.js";
 import { default as sr } from "./components/table/table-td.js";
-import { Textarea as ur } from "./components/form-textarea/index.js";
+import { Textarea as lr } from "./components/form-textarea/index.js";
 import { default as dr } from "./components/table/table-th.js";
 import { default as Ir } from "./components/table/table-thead.js";
 import { TimePicker as Tr } from "./components/time-picker/index.js";
@@ -72,13 +72,14 @@ import { Tooltip as hr } from "./components/tooltip/index.js";
 import { default as Gr } from "./components/table/table-tr.js";
 import { TrendChart as vr } from "./components/trend-chart/index.js";
 import { Trigger as Er } from "./components/trigger/index.js";
-import { addIcon as Rr, hasIcon as Ar, registerIcons as Br, removeIcon as _r } from "./icons/registry.js";
-import { configProviderInjectionKey as jr } from "./components/config-provider/context.js";
-import { finiconCategories as Hr, finiconIconsMeta as Kr } from "./icons/public/finicon-meta.js";
-import { finiconIconNames as Ur, finiconIcons as Qr, registerFiniconIcons as Xr } from "./icons/public/finicon.js";
-import { formInjectionKey as Zr, formItemInjectionKey as qr } from "./components/form/context.js";
-import { publicIconNames as Vr, registerPublicIcons as $r } from "./icons/public/lucide.js";
-import { vWatermark as et } from "./components/watermark/directive.js";
+import { Upload as Rr } from "./components/upload/index.js";
+import { addIcon as Br, hasIcon as _r, registerIcons as Fr, removeIcon as jr } from "./icons/registry.js";
+import { configProviderInjectionKey as Hr } from "./components/config-provider/context.js";
+import { finiconCategories as Ur, finiconIconsMeta as Wr } from "./icons/public/finicon-meta.js";
+import { finiconIconNames as Xr, finiconIcons as Yr, registerFiniconIcons as Zr } from "./icons/public/finicon.js";
+import { formInjectionKey as Jr, formItemInjectionKey as Vr } from "./components/form/context.js";
+import { publicIconNames as ot, registerPublicIcons as et } from "./icons/public/lucide.js";
+import { vWatermark as tt } from "./components/watermark/directive.js";
 const x = {
   install: function(o) {
     p(o), o.use(m), Object.keys(r).forEach((t) => {
@@ -120,8 +121,8 @@ export {
   Ho as Input,
   Ko as InputGroup,
   Xo as InputNumber,
-  Wo as InputPassword,
-  Uo as InputSearch,
+  Uo as InputPassword,
+  Wo as InputSearch,
   Zo as InputTag,
   E as LOCALES,
   Jo as Layout,
@@ -134,19 +135,19 @@ export {
   fe as MenuItem,
   ae as MenuItemGroup,
   ne as MenuSubMenu,
-  l as Message,
+  u as Message,
   g as MessageBox,
   k as MessageComponent,
-  uo as MonthPicker,
+  lo as MonthPicker,
   ie as Network,
   S as Notification,
   C as NotificationComponent,
   ce as Pagination,
-  le as Popconfirm,
+  ue as Popconfirm,
   ge as Popover,
   Se as Popup,
   Pe as Progress,
-  lo as QuarterPicker,
+  uo as QuarterPicker,
   ke as Radio,
   Le as RadioGroup,
   go as RangePicker,
@@ -163,7 +164,7 @@ export {
   _e as SkeletonShape,
   je as Slider,
   He as Space,
-  We as Spin,
+  Ue as Spin,
   Qe as Step,
   Xe as Steps,
   Ze as Switch,
@@ -176,7 +177,7 @@ export {
   ar as Tag,
   xr as Tbody,
   sr as Td,
-  ur as Textarea,
+  lr as Textarea,
   dr as Th,
   Ir as Thead,
   Tr as TimePicker,
@@ -187,36 +188,37 @@ export {
   Gr as Tr,
   vr as TrendChart,
   Er as Trigger,
+  Rr as Upload,
   K as Watermark,
   Io as WeekPicker,
   So as YearPicker,
-  Rr as addIcon,
+  Br as addIcon,
   M as applyThemeColor,
-  jr as configProviderInjectionKey,
+  Hr as configProviderInjectionKey,
   x as default,
-  U as enUS,
-  Hr as finiconCategories,
-  Ur as finiconIconNames,
-  Qr as finiconIcons,
-  Kr as finiconIconsMeta,
-  Zr as formInjectionKey,
-  qr as formItemInjectionKey,
+  W as enUS,
+  Ur as finiconCategories,
+  Xr as finiconIconNames,
+  Yr as finiconIcons,
+  Wr as finiconIconsMeta,
+  Jr as formInjectionKey,
+  Vr as formItemInjectionKey,
   $e as formatLocaleText,
   O as formatMessage,
   v as generatePalette,
   R as getGlobalLocale,
-  Ar as hasIcon,
-  Vr as publicIconNames,
-  Xr as registerFiniconIcons,
-  Br as registerIcons,
-  $r as registerPublicIcons,
-  _r as removeIcon,
+  _r as hasIcon,
+  ot as publicIconNames,
+  Zr as registerFiniconIcons,
+  Fr as registerIcons,
+  et as registerPublicIcons,
+  jr as removeIcon,
   A as setGlobalLocale,
   F as useDraggable,
   y as useFormItem,
   B as useLocale,
   w as useResizeObserver,
   z as vDraggable,
-  et as vWatermark,
+  tt as vWatermark,
   X as zhCN
 };

package/dist/es/locale/en-US.js

@@ -79,6 +79,9 @@ const e = {
     zoomIn: "Zoom in",
     zoomOut: "Zoom out",
     originalSize: "Original size",
+    openLabel: "Preview image",
+    loadError: "Image could not be loaded",
+    loading: "Loading image",
     previewLabel: "Image {index} of {total}",
     closeLabel: "Close preview",
     prevLabel: "Previous image",
@@ -101,6 +104,25 @@ const e = {
   message: {
     closeLabel: "Close{id} message"
   },
+  upload: {
+    trigger: "Select files",
+    buttonText: "Select files",
+    drag: "Click or drag files here to upload",
+    dragHover: "Release to start uploading",
+    start: "Start upload",
+    retry: "Retry upload",
+    cancel: "Cancel upload",
+    remove: "Remove file",
+    preview: "Preview file",
+    download: "Download file",
+    error: "Upload failed",
+    empty: "No files",
+    fileAdded: "{name} added to the list",
+    fileRemoved: "{name} removed",
+    fileUploaded: "{name} uploaded",
+    fileFailed: "{name} failed to upload",
+    exceed: "{count} file(s) exceed the limit"
+  },
   datePicker: {
     prevPage: "Previous page",
     prevItem: "Previous",

package/dist/es/locale/zh-CN.js

@@ -79,6 +79,9 @@ const e = {
     zoomIn: "放大",
     zoomOut: "缩小",
     originalSize: "原始尺寸",
+    openLabel: "预览图片",
+    loadError: "图片暂时无法加载",
+    loading: "图片加载中",
     previewLabel: "第 {index} 张，共 {total} 张",
     closeLabel: "关闭预览",
     prevLabel: "上一张图片",
@@ -101,6 +104,25 @@ const e = {
   message: {
     closeLabel: "关闭{id}提示"
   },
+  upload: {
+    trigger: "选择文件",
+    buttonText: "选择文件",
+    drag: "点击或拖拽文件到此处上传",
+    dragHover: "松开鼠标开始上传",
+    start: "开始上传",
+    retry: "重新上传",
+    cancel: "取消上传",
+    remove: "移除文件",
+    preview: "预览文件",
+    download: "下载文件",
+    error: "上传失败",
+    empty: "暂无文件",
+    fileAdded: "{name} 已加入列表",
+    fileRemoved: "{name} 已移除",
+    fileUploaded: "{name} 上传成功",
+    fileFailed: "{name} 上传失败",
+    exceed: "{count} 个文件超出数量限制"
+  },
   datePicker: {
     prevPage: "上一页",
     prevItem: "上一项",