ant-design-x-vue 1.2.0 → 1.2.2

package/es/attachments/Attachments2.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as $, mergeDefaults as U, toRef as q, useSlots as T, computed as d, useTemplateRef as F, watch as V, createVNode as i, Fragment as X } from "vue";
-import B from "../_util/hooks/use-x-component-config.mjs";
-import M from "../x-provider/hooks/use-x-provider-context.mjs";
+import { defineComponent as $, mergeDefaults as q, toRef as T, useSlots as V, computed as d, useTemplateRef as F, ref as X, watch as B, createVNode as i, Fragment as M } from "vue";
+import k from "../_util/hooks/use-x-component-config.mjs";
+import z from "../x-provider/hooks/use-x-provider-context.mjs";
 import "../x-provider/context.mjs";
 import "ant-design-vue";
-import k from "./PlaceholderUploader.mjs";
+import G from "./PlaceholderUploader.mjs";
 import L from "./DropArea.mjs";
-import z from "./SilentUploader.mjs";
-import { _ as G } from "./FileList/FileList2.mjs";
-import { AttachmentContextProvider as H } from "./context.mjs";
-import J from "./style/index.mjs";
-import K from "../_util/hooks/use-state.mjs";
-function Q(e, m) {
+import H from "./SilentUploader.mjs";
+import { _ as J } from "./FileList/FileList2.mjs";
+import { AttachmentContextProvider as K } from "./context.mjs";
+import Q from "./style/index.mjs";
+import W from "../_util/hooks/use-state.mjs";
+function Y(e, f) {
   const s = /* @__PURE__ */ Object.create(null);
   for (const r in e)
-    m.includes(r) || Object.defineProperty(s, r, { enumerable: !0, get: () => e[r] });
+    f.includes(r) || Object.defineProperty(s, r, { enumerable: !0, get: () => e[r] });
   return s;
 }
-function W(e) {
+function Z(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var x = { exports: {} };
@@ -26,10 +26,10 @@ var x = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var j;
-function Y() {
+function _() {
   return j || (j = 1, function(e) {
     (function() {
-      var m = {}.hasOwnProperty;
+      var f = {}.hasOwnProperty;
       function s() {
         for (var l = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
@@ -48,7 +48,7 @@ function Y() {
           return l.toString();
         var t = "";
         for (var o in l)
-          m.call(l, o) && l[o] && (t = v(t, o));
+          f.call(l, o) && l[o] && (t = v(t, o));
         return t;
       }
       function v(l, t) {
@@ -58,11 +58,11 @@ function Y() {
     })();
   }(x)), x.exports;
 }
-var Z = Y();
-const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
+var ee = _();
+const m = /* @__PURE__ */ Z(ee), de = /* @__PURE__ */ $({
   name: "AXAttachments",
   __name: "Attachments",
-  props: U({
+  props: q({
     capture: null,
     type: null,
     name: null,
@@ -130,15 +130,15 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
     styles: () => ({})
   }),
   setup(e, {
-    expose: m
+    expose: f
   }) {
-    const s = Q(e, ["prefixCls", "rootClassName", "rootStyle", "className", "style", "items", "children", "getDropContainer", "placeholder", "onChange", "onRemove", "overflow", "imageProps", "disabled", "classNames", "styles"]);
-    q(e, "prefixCls");
-    const r = T(), {
+    const s = Y(e, ["prefixCls", "rootClassName", "rootStyle", "className", "style", "items", "children", "getDropContainer", "placeholder", "onChange", "onRemove", "overflow", "imageProps", "disabled", "classNames", "styles"]);
+    T(e, "prefixCls");
+    const r = V(), {
       getPrefixCls: v,
       direction: l
-    } = M(), t = v("attachment", e.prefixCls), o = B("attachments"), C = d(() => o.value.classNames), y = d(() => o.value.styles), w = F("attachments-container"), R = F("attachments-upload"), [O, I, A] = J(t), p = d(() => c(I.value, A)), [h, S] = K(e.items);
-    V(() => e.items, () => {
+    } = z(), t = v("attachment", e.prefixCls), o = k("attachments"), C = d(() => o.value.classNames), y = d(() => o.value.styles), w = F("attachments-container"), R = X(null), O = F("placeholder-uploader"), [I, A, E] = Q(t), p = d(() => m(A.value, E)), [h, S] = W(e.items);
+    B(() => e.items, () => {
       S(e.items);
     });
     const P = (a) => {
@@ -148,41 +148,40 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
       ...s,
       fileList: h.value,
       onChange: P
-    })), E = (a) => Promise.resolve(typeof e.onRemove == "function" ? e.onRemove(a) : e.onRemove).then((n) => {
+    })), U = (a) => Promise.resolve(typeof e.onRemove == "function" ? e.onRemove(a) : e.onRemove).then((n) => {
       if (n === !1)
         return;
-      const f = h.value.filter((u) => u.uid !== a.uid);
+      const u = h.value.filter((c) => c.uid !== a.uid);
       P({
         file: {
           ...a,
           status: "removed"
         },
-        fileList: f
+        fileList: u
       });
-    }), N = (a, n, f) => {
-      const u = r.placeholder ? r.placeholder({
+    }), N = (a, n, u) => {
+      u && (u.value = O.value);
+      const c = r.placeholder ? r.placeholder({
         type: a
       }) : typeof e.placeholder == "function" ? e.placeholder(a) : e.placeholder;
-      return i(k, {
-        placeholder: u,
+      return i(G, {
+        placeholder: c,
         upload: g.value,
         prefixCls: t,
-        className: c(C.value.placeholder, e.classNames.placeholder),
+        className: m(C.value.placeholder, e.classNames.placeholder),
         style: {
           ...y.value.placeholder,
           ...e.styles.placeholder,
           ...n == null ? void 0 : n.style
-        }
+        },
+        ref: "placeholder-uploader"
       }, null);
     }, b = d(() => h.value.length > 0);
-    return m({
+    return f({
       nativeElement: w.value,
       upload: (a) => {
-        var f, u;
-        const n = (
-          // @ts-expect-error
-          (u = (f = R.value) == null ? void 0 : f.nativeElement) == null ? void 0 : u.querySelector('input[type="file"]')
-        );
+        var u, c;
+        const n = (c = (u = R.value.nativeElement).querySelector) == null ? void 0 : c.call(u, 'input[type="file"]');
         if (n) {
           const D = new DataTransfer();
           D.items.add(a), n.files = D.files, n.dispatchEvent(new Event("change", {
@@ -190,12 +189,12 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
           }));
         }
       }
-    }), () => O(i(H, {
+    }), () => I(i(K, {
       value: {
         disabled: e.disabled
       }
     }, {
-      default: () => [e.children ? i(X, null, [i(z, {
+      default: () => [e.children ? i(M, null, [i(H, {
         upload: g.value,
         rootClassName: e.rootClassName,
         ref: "attachments-upload",
@@ -203,10 +202,10 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
       }, null), i(L, {
         getDropContainer: e.getDropContainer,
         prefixCls: t,
-        className: c(p.value, e.rootClassName),
+        className: m(p.value, e.rootClassName),
         children: N("drop")
       }, null)]) : i("div", {
-        class: c(t, p.value, {
+        class: m(t, p.value, {
           [`${t}-rtl`]: l.value === "rtl"
         }, e.className, e.rootClassName),
         style: {
@@ -215,13 +214,13 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
         },
         dir: l.value || "ltr",
         ref: "attachments-container"
-      }, [i(G, {
+      }, [i(J, {
         prefixCls: t,
         items: h.value,
-        onRemove: E,
+        onRemove: U,
         overflow: e.overflow,
         upload: g.value,
-        listClassName: c(C.value.list, e.classNames.list),
+        listClassName: m(C.value.list, e.classNames.list),
         listStyle: {
           ...y.value.list,
           ...e.styles.list,
@@ -229,7 +228,7 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
             display: "none"
           }
         },
-        itemClassName: c(C.value.item, e.classNames.item),
+        itemClassName: m(C.value.item, e.classNames.item),
         itemStyle: {
           ...y.value.item,
           ...e.styles.item
@@ -239,7 +238,7 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
         style: {
           display: "none"
         }
-      } : {}, R.value), i(L, {
+      } : {}, R), i(L, {
         getDropContainer: e.getDropContainer || (() => w.value),
         prefixCls: t,
         className: p.value,
@@ -249,7 +248,7 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
   }
 });
 export {
-  me as _,
-  Q as a,
-  c
+  de as _,
+  Y as a,
+  m as c
 };