ant-design-x-vue 1.2.1 → 1.2.3

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 f, useTemplateRef as F, watch as X, createVNode as i, Fragment as B } from "vue";
+import M from "../_util/hooks/use-x-component-config.mjs";
+import k from "../x-provider/hooks/use-x-provider-context.mjs";
 import "../x-provider/context.mjs";
 import "ant-design-vue";
-import k from "./PlaceholderUploader.mjs";
+import z 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 G from "./SilentUploader.mjs";
+import { _ as H } from "./FileList/FileList2.mjs";
+import { AttachmentContextProvider as J } from "./context.mjs";
+import K from "./style/index.mjs";
+import Q from "../_util/hooks/use-state.mjs";
+function W(e, m) {
   const s = /* @__PURE__ */ Object.create(null);
   for (const r in e)
     m.includes(r) || Object.defineProperty(s, r, { enumerable: !0, get: () => e[r] });
   return s;
 }
-function W(e) {
+function Y(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var x = { exports: {} };
@@ -26,14 +26,14 @@ var x = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var j;
-function Y() {
+function Z() {
   return j || (j = 1, function(e) {
     (function() {
       var m = {}.hasOwnProperty;
       function s() {
         for (var l = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (l = v(l, r(o)));
+          o && (l = d(l, r(o)));
         }
         return l;
       }
@@ -48,21 +48,21 @@ function Y() {
           return l.toString();
         var t = "";
         for (var o in l)
-          m.call(l, o) && l[o] && (t = v(t, o));
+          m.call(l, o) && l[o] && (t = d(t, o));
         return t;
       }
-      function v(l, t) {
+      function d(l, t) {
         return t ? l ? l + " " + t : l + t : l;
       }
       e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
     })();
   }(x)), x.exports;
 }
-var Z = Y();
-const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
+var _ = Z();
+const c = /* @__PURE__ */ Y(_), fe = /* @__PURE__ */ $({
   name: "AXAttachments",
   __name: "Attachments",
-  props: U({
+  props: q({
     capture: null,
     type: null,
     name: null,
@@ -132,38 +132,38 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
   setup(e, {
     expose: m
   }) {
-    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(), {
-      getPrefixCls: v,
+    const s = W(e, ["prefixCls", "rootClassName", "rootStyle", "className", "style", "items", "children", "getDropContainer", "placeholder", "onChange", "onRemove", "overflow", "imageProps", "disabled", "classNames", "styles"]);
+    T(e, "prefixCls");
+    const r = V(), {
+      getPrefixCls: d,
       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, () => {
-      S(e.items);
+    } = k(), t = d("attachment", e.prefixCls), o = M("attachments"), C = f(() => o.value.classNames), y = f(() => o.value.styles), w = F("attachments-container"), O = F("placeholder-uploader"), [I, A, E] = K(t), p = f(() => c(A.value, E)), [v, R] = Q(e.items);
+    X(() => e.items, () => {
+      R(e.items);
     });
-    const P = (a) => {
-      var n;
-      S(a.fileList), (n = e.onChange) == null || n.call(e, a);
-    }, g = d(() => ({
+    const S = (n) => {
+      var a;
+      R(n.fileList), (a = e.onChange) == null || a.call(e, n);
+    }, g = f(() => ({
       ...s,
-      fileList: h.value,
-      onChange: P
-    })), E = (a) => Promise.resolve(typeof e.onRemove == "function" ? e.onRemove(a) : e.onRemove).then((n) => {
-      if (n === !1)
+      fileList: v.value,
+      onChange: S
+    })), U = (n) => Promise.resolve(typeof e.onRemove == "function" ? e.onRemove(n) : e.onRemove).then((a) => {
+      if (a === !1)
         return;
-      const f = h.value.filter((u) => u.uid !== a.uid);
-      P({
+      const u = v.value.filter((h) => h.uid !== n.uid);
+      S({
         file: {
-          ...a,
+          ...n,
           status: "removed"
         },
-        fileList: f
+        fileList: u
       });
-    }), N = (a, n, f) => {
+    }), N = (n, a) => {
       const u = r.placeholder ? r.placeholder({
-        type: a
-      }) : typeof e.placeholder == "function" ? e.placeholder(a) : e.placeholder;
-      return i(k, {
+        type: n
+      }) : typeof e.placeholder == "function" ? e.placeholder(n) : e.placeholder;
+      return i(z, {
         placeholder: u,
         upload: g.value,
         prefixCls: t,
@@ -171,31 +171,29 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
         style: {
           ...y.value.placeholder,
           ...e.styles.placeholder,
-          ...n == null ? void 0 : n.style
-        }
+          ...a == null ? void 0 : a.style
+        },
+        ref: n === "inline" ? "placeholder-uploader" : void 0
       }, null);
-    }, b = d(() => h.value.length > 0);
+    }, P = f(() => v.value.length > 0);
     return m({
       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"]')
-        );
-        if (n) {
+      upload: (n) => {
+        var u, h, b;
+        const a = (b = (u = O.value) == null ? void 0 : (h = u.nativeElement).querySelector) == null ? void 0 : b.call(h, 'input[type="file"]');
+        if (a) {
           const D = new DataTransfer();
-          D.items.add(a), n.files = D.files, n.dispatchEvent(new Event("change", {
+          D.items.add(n), a.files = D.files, a.dispatchEvent(new Event("change", {
             bubbles: !0
           }));
         }
       }
-    }), () => O(i(H, {
+    }), () => I(i(J, {
       value: {
         disabled: e.disabled
       }
     }, {
-      default: () => [e.children ? i(X, null, [i(z, {
+      default: () => [e.children ? i(B, null, [i(G, {
         upload: g.value,
         rootClassName: e.rootClassName,
         ref: "attachments-upload",
@@ -215,17 +213,17 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
         },
         dir: l.value || "ltr",
         ref: "attachments-container"
-      }, [i(G, {
+      }, [i(H, {
         prefixCls: t,
-        items: h.value,
-        onRemove: E,
+        items: v.value,
+        onRemove: U,
         overflow: e.overflow,
         upload: g.value,
         listClassName: c(C.value.list, e.classNames.list),
         listStyle: {
           ...y.value.list,
           ...e.styles.list,
-          ...!b.value && {
+          ...!P.value && {
             display: "none"
           }
         },
@@ -235,11 +233,11 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
           ...e.styles.item
         },
         imageProps: e.imageProps
-      }, null), N("inline", b.value ? {
+      }, null), N("inline", P.value ? {
         style: {
           display: "none"
         }
-      } : {}, R.value), i(L, {
+      } : {}), i(L, {
         getDropContainer: e.getDropContainer || (() => w.value),
         prefixCls: t,
         className: p.value,
@@ -249,7 +247,7 @@ const c = /* @__PURE__ */ W(Z), me = /* @__PURE__ */ $({
   }
 });
 export {
-  me as _,
-  Q as a,
+  fe as _,
+  W as a,
   c
 };