ant-design-x-vue 1.1.1 → 1.2.0

package/es/attachments/Attachments2.mjs

@@ -0,0 +1,255 @@
+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 "../x-provider/context.mjs";
+import "ant-design-vue";
+import k 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) {
+  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) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var x = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var j;
+function Y() {
+  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)));
+        }
+        return l;
+      }
+      function r(l) {
+        if (typeof l == "string" || typeof l == "number")
+          return l;
+        if (typeof l != "object")
+          return "";
+        if (Array.isArray(l))
+          return s.apply(null, l);
+        if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]"))
+          return l.toString();
+        var t = "";
+        for (var o in l)
+          m.call(l, o) && l[o] && (t = v(t, o));
+        return t;
+      }
+      function v(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__ */ $({
+  name: "AXAttachments",
+  __name: "Attachments",
+  props: U({
+    capture: null,
+    type: null,
+    name: null,
+    defaultFileList: null,
+    action: null,
+    directory: null,
+    data: null,
+    method: null,
+    headers: null,
+    showUploadList: null,
+    multiple: null,
+    accept: null,
+    beforeUpload: null,
+    onChange: {
+      type: Function
+    },
+    "onUpdate:fileList": null,
+    onDrop: null,
+    listType: null,
+    onPreview: null,
+    onDownload: null,
+    onReject: null,
+    onRemove: null,
+    remove: null,
+    supportServerRender: null,
+    disabled: {
+      type: Boolean
+    },
+    prefixCls: null,
+    customRequest: null,
+    withCredentials: null,
+    openFileDialogOnClick: null,
+    locale: null,
+    id: null,
+    previewFile: null,
+    transformFile: null,
+    iconRender: null,
+    isImageUrl: null,
+    progress: null,
+    itemRender: null,
+    maxCount: null,
+    height: null,
+    removeIcon: null,
+    downloadIcon: null,
+    previewIcon: null,
+    rootClassName: null,
+    rootStyle: null,
+    style: null,
+    className: null,
+    classNames: null,
+    styles: null,
+    children: null,
+    placeholder: {
+      type: Function
+    },
+    getDropContainer: {
+      type: Function
+    },
+    items: null,
+    overflow: null,
+    imageProps: null
+  }, {
+    items: () => [],
+    classNames: () => ({}),
+    styles: () => ({})
+  }),
+  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,
+      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);
+    });
+    const P = (a) => {
+      var n;
+      S(a.fileList), (n = e.onChange) == null || n.call(e, a);
+    }, g = d(() => ({
+      ...s,
+      fileList: h.value,
+      onChange: P
+    })), E = (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);
+      P({
+        file: {
+          ...a,
+          status: "removed"
+        },
+        fileList: f
+      });
+    }), N = (a, n, f) => {
+      const u = r.placeholder ? r.placeholder({
+        type: a
+      }) : typeof e.placeholder == "function" ? e.placeholder(a) : e.placeholder;
+      return i(k, {
+        placeholder: u,
+        upload: g.value,
+        prefixCls: t,
+        className: c(C.value.placeholder, e.classNames.placeholder),
+        style: {
+          ...y.value.placeholder,
+          ...e.styles.placeholder,
+          ...n == null ? void 0 : n.style
+        }
+      }, null);
+    }, b = d(() => h.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) {
+          const D = new DataTransfer();
+          D.items.add(a), n.files = D.files, n.dispatchEvent(new Event("change", {
+            bubbles: !0
+          }));
+        }
+      }
+    }), () => O(i(H, {
+      value: {
+        disabled: e.disabled
+      }
+    }, {
+      default: () => [e.children ? i(X, null, [i(z, {
+        upload: g.value,
+        rootClassName: e.rootClassName,
+        ref: "attachments-upload",
+        children: e.children
+      }, null), i(L, {
+        getDropContainer: e.getDropContainer,
+        prefixCls: t,
+        className: c(p.value, e.rootClassName),
+        children: N("drop")
+      }, null)]) : i("div", {
+        class: c(t, p.value, {
+          [`${t}-rtl`]: l.value === "rtl"
+        }, e.className, e.rootClassName),
+        style: {
+          ...e.rootStyle,
+          ...e.style
+        },
+        dir: l.value || "ltr",
+        ref: "attachments-container"
+      }, [i(G, {
+        prefixCls: t,
+        items: h.value,
+        onRemove: E,
+        overflow: e.overflow,
+        upload: g.value,
+        listClassName: c(C.value.list, e.classNames.list),
+        listStyle: {
+          ...y.value.list,
+          ...e.styles.list,
+          ...!b.value && {
+            display: "none"
+          }
+        },
+        itemClassName: c(C.value.item, e.classNames.item),
+        itemStyle: {
+          ...y.value.item,
+          ...e.styles.item
+        },
+        imageProps: e.imageProps
+      }, null), N("inline", b.value ? {
+        style: {
+          display: "none"
+        }
+      } : {}, R.value), i(L, {
+        getDropContainer: e.getDropContainer || (() => w.value),
+        prefixCls: t,
+        className: p.value,
+        children: N("drop")
+      }, null)])]
+    }));
+  }
+});
+export {
+  me as _,
+  Q as a,
+  c
+};

package/es/attachments/DropArea.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as D, onMounted as C, watch as i, toValue as h, onWatcherCleanup as E, computed as L, createVNode as s, Teleport as A } from "vue";
+import { c as x } from "./Attachments2.mjs";
+import m from "../_util/hooks/use-state.mjs";
+import { useAttachmentContextInject as w } from "./context.mjs";
+const O = /* @__PURE__ */ D({
+  name: "AXAttachmentsDropArea",
+  __name: "DropArea",
+  props: {
+    prefixCls: null,
+    className: null,
+    getDropContainer: {
+      type: Function
+    },
+    children: null
+  },
+  setup(e) {
+    const v = w(), [n, l] = m(), [f, o] = m(null);
+    C(() => {
+      var t;
+      l((t = e.getDropContainer) == null ? void 0 : t.call(e));
+    }), i(() => h(e.getDropContainer), () => {
+      var a;
+      const t = (a = e.getDropContainer) == null ? void 0 : a.call(e);
+      n.value !== t && l(t);
+    }), i(() => !!n.value, () => {
+      if (n.value) {
+        const t = () => {
+          o(!0);
+        }, a = (r) => {
+          r.preventDefault();
+        }, c = (r) => {
+          r.relatedTarget || o(!1);
+        }, u = (r) => {
+          o(!1), r.preventDefault();
+        };
+        document.addEventListener("dragenter", t), document.addEventListener("dragover", a), document.addEventListener("dragleave", c), document.addEventListener("drop", u), E(() => {
+          document.removeEventListener("dragenter", t), document.removeEventListener("dragover", a), document.removeEventListener("dragleave", c), document.removeEventListener("drop", u);
+        });
+      }
+    });
+    const g = L(() => e.getDropContainer && n.value && !v.value.disabled), d = `${e.prefixCls}-drop-area`;
+    return () => g.value ? s(A, {
+      to: n.value
+    }, {
+      default: () => [s("div", {
+        class: x(d, e.className, {
+          [`${d}-on-body`]: n.value.tagName === "BODY"
+        }),
+        style: {
+          display: f.value ? "block" : "none"
+        }
+      }, [e.children])]
+    }) : null;
+  }
+});
+export {
+  O as default
+};

package/es/attachments/FileList/AudioIcon.mjs

@@ -0,0 +1,5 @@
+import "vue";
+import { A as a } from "./AudioIcon2.mjs";
+export {
+  a as default
+};

package/es/attachments/FileList/AudioIcon2.mjs

@@ -0,0 +1,35 @@
+import { createElementBlock as s, openBlock as i, createElementVNode as o } from "vue";
+const c = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, l] of e)
+    n[r] = l;
+  return n;
+}, L = {}, C = {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 16 16",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink"
+};
+function d(t, e) {
+  return i(), s("svg", C, e[0] || (e[0] = [
+    o("title", null, "audio", -1),
+    o("g", {
+      stroke: "none",
+      "stroke-width": "1",
+      fill: "none",
+      "fill-rule": "evenodd"
+    }, [
+      o("path", {
+        d: "M14.1178571,4.0125 C14.225,4.11964286 14.2857143,4.26428571 14.2857143,4.41607143 L14.2857143,15.4285714 C14.2857143,15.7446429 14.0303571,16 13.7142857,16 L2.28571429,16 C1.96964286,16 1.71428571,15.7446429 1.71428571,15.4285714 L1.71428571,0.571428571 C1.71428571,0.255357143 1.96964286,0 2.28571429,0 L9.86964286,0 C10.0214286,0 10.1678571,0.0607142857 10.275,0.167857143 L14.1178571,4.0125 Z M10.7315824,7.11216117 C10.7428131,7.15148751 10.7485063,7.19218979 10.7485063,7.23309113 L10.7485063,8.07742614 C10.7484199,8.27364959 10.6183424,8.44607275 10.4296853,8.50003683 L8.32984514,9.09986306 L8.32984514,11.7071803 C8.32986605,12.5367078 7.67249692,13.217028 6.84345686,13.2454634 L6.79068592,13.2463395 C6.12766108,13.2463395 5.53916361,12.8217001 5.33010655,12.1924966 C5.1210495,11.563293 5.33842118,10.8709227 5.86959669,10.4741173 C6.40077221,10.0773119 7.12636292,10.0652587 7.67042486,10.4442027 L7.67020842,7.74937024 L7.68449368,7.74937024 C7.72405122,7.59919041 7.83988806,7.48101083 7.98924584,7.4384546 L10.1880418,6.81004755 C10.42156,6.74340323 10.6648954,6.87865515 10.7315824,7.11216117 Z M9.60714286,1.31785714 L12.9678571,4.67857143 L9.60714286,4.67857143 L9.60714286,1.31785714 Z",
+        fill: "currentColor"
+      })
+    ], -1)
+  ]));
+}
+const _ = /* @__PURE__ */ c(L, [["render", d]]);
+export {
+  _ as A,
+  c as _
+};

package/es/attachments/FileList/FileList.mjs

@@ -0,0 +1,4 @@
+import { _ as f } from "./FileList2.mjs";
+export {
+  f as default
+};