ant-design-x-vue 1.1.1 → 1.2.0

package/es/_util/cssinjs-utils/util/genStyleUtils.mjs

@@ -0,0 +1,188 @@
+import { unref as Z, computed as k, toValue as A, createVNode as E, Fragment as _ } from "vue";
+import "../../cssinjs/StyleContext.mjs";
+import { token2CSSVar as V } from "../../cssinjs/util.mjs";
+import N from "../../cssinjs/hooks/useCSSVarRegister.mjs";
+import { u as M } from "../../cssinjs/hooks/useStyleRegister/index.tsx2.mjs";
+import "../../cssinjs/theme/ThemeCache.mjs";
+import "../../warning.mjs";
+import "../../cssinjs/transformers/legacyLogicalProperties.mjs";
+import ee from "./calc/index.mjs";
+import F from "./getCompVarPrefix.mjs";
+import H from "./getComponentToken.mjs";
+import q from "./getDefaultComponentToken.mjs";
+import te from "./maxmin.mjs";
+import ne, { merge as re } from "./statistic.mjs";
+import oe from "../_util/hooks/useUniqueMemo.mjs";
+import se from "../hooks/useCSP.mjs";
+function xe(j) {
+  const {
+    useCSP: z = se,
+    useToken: T,
+    usePrefix: D,
+    getResetStyles: U,
+    getCommonStyle: O,
+    getCompUnitless: P
+  } = j;
+  function L(e, S, c, t) {
+    const i = Array.isArray(e) ? e[0] : e;
+    function o(r) {
+      return `${String(i)}${r.slice(0, 1).toUpperCase()}${r.slice(1)}`;
+    }
+    const m = (t == null ? void 0 : t.unitless) || {}, u = {
+      ...typeof P == "function" ? P(e) : {},
+      [o("zIndexPopup")]: !0
+    };
+    Object.keys(m).forEach((r) => {
+      u[o(r)] = m[r];
+    });
+    const f = {
+      ...t,
+      unitless: u,
+      prefixToken: o
+    }, s = v(e, S, c, f), l = B(i, c, f);
+    return (r, a = A(r)) => {
+      const [, n] = s(A(r), a), [y, d] = l(a);
+      return [y, n, d];
+    };
+  }
+  function B(e, S, c) {
+    const {
+      unitless: t,
+      injectStyle: i = !0,
+      prefixToken: o,
+      ignore: m
+    } = c, p = ({
+      rootCls: f,
+      cssVar: s = {}
+    }) => {
+      const {
+        realToken: l
+      } = T();
+      return N({
+        path: [e],
+        prefix: s.prefix,
+        key: s.key,
+        unitless: t,
+        ignore: m,
+        token: l,
+        scope: f
+      }, () => {
+        const r = q(e, l, S), a = H(e, l, r, {
+          deprecatedTokens: c == null ? void 0 : c.deprecatedTokens
+        });
+        return Object.keys(r).forEach((n) => {
+          a[o(n)] = a[n], delete a[n];
+        }), a;
+      }), null;
+    };
+    return (f) => {
+      const {
+        cssVar: s
+      } = T();
+      return [(l) => i && s ? E(_, null, [E(p, {
+        rootCls: f,
+        cssVar: s,
+        component: e
+      }, null), l]) : l, s == null ? void 0 : s.key];
+    };
+  }
+  function v(e, S, c, t = {}) {
+    const i = Array.isArray(e) ? e : [e, e], [o] = i, m = i.join("-"), p = j.layer || {
+      name: "antd"
+    };
+    return (u, f = u) => {
+      const {
+        theme: s,
+        realToken: l,
+        hashId: r,
+        token: a,
+        cssVar: n
+      } = T(), {
+        rootPrefixCls: y,
+        iconPrefixCls: d
+      } = D(), R = z(), x = n ? "css" : "js", J = Z(oe(() => {
+        const C = /* @__PURE__ */ new Set();
+        return n && Object.keys(t.unitless || {}).forEach((h) => {
+          C.add(V(h, n.prefix)), C.add(V(h, F(o, n.prefix)));
+        }), ee(x, C);
+      }, [x, o, n == null ? void 0 : n.prefix])), {
+        max: K,
+        min: Q
+      } = te(x), $ = k(() => ({
+        theme: s.value,
+        token: a.value,
+        hashId: r.value,
+        nonce: () => R.nonce,
+        clientOnly: t.clientOnly,
+        layer: p,
+        // antd is always at top of styles
+        order: t.order || -999
+      }));
+      return typeof U == "function" && M(k(() => ({
+        ...$.value,
+        clientOnly: !1,
+        path: ["Shared", y]
+      })), () => U(a.value, {
+        prefix: {
+          rootPrefixCls: y,
+          iconPrefixCls: d
+        },
+        csp: R
+      })), [M(k(() => ({
+        ...$.value,
+        path: [m, u, d]
+      })), () => {
+        if (t.injectStyle === !1)
+          return [];
+        const {
+          token: C,
+          flush: h
+        } = ne(a), g = q(o, l, c), W = `.${u}`, b = H(o, l, g, {
+          deprecatedTokens: t.deprecatedTokens
+        });
+        n && g && typeof g == "object" && Object.keys(g).forEach((w) => {
+          g[w] = `var(${V(w, F(o, n.prefix))})`;
+        });
+        const I = k(() => re(C.value, {
+          componentCls: W,
+          prefixCls: u,
+          iconCls: `.${d}`,
+          antCls: `.${y}`,
+          calc: J,
+          // @ts-ignore
+          max: K,
+          // @ts-ignore
+          min: Q
+        }, n ? g : b)), X = k(() => S(I.value, {
+          hashId: r.value,
+          prefixCls: u,
+          rootPrefixCls: y,
+          iconPrefixCls: d
+        }));
+        h(o, b);
+        const Y = typeof O == "function" ? O(I.value, u, f, t.resetFont) : null;
+        return [t.resetStyle === !1 ? null : Y, X.value];
+      }), r];
+    };
+  }
+  function G(e, S, c, t = {}) {
+    const i = v(e, S, c, {
+      resetStyle: !1,
+      // Sub Style should default after root one
+      order: -998,
+      ...t
+    });
+    return ({
+      prefixCls: m,
+      rootCls: p = m
+    }) => (i(m, p), null);
+  }
+  return {
+    genStyleHooks: L,
+    genSubStyleComponent: G,
+    genComponentStyleHook: v
+  };
+}
+export {
+  xe as default
+};

package/es/_util/cssinjs-utils/util/getCompVarPrefix.mjs

@@ -0,0 +1,7 @@
+const o = (e, a) => `${[
+  a,
+  e.replace(/([A-Z]+)([A-Z][a-z]+)/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2")
+].filter(Boolean).join("-")}`;
+export {
+  o as default
+};

package/es/_util/cssinjs-utils/util/getComponentToken.mjs

@@ -0,0 +1,18 @@
+function j(E, g = {}, b, a) {
+  const r = {
+    ...g[E]
+  };
+  if (a != null && a.deprecatedTokens) {
+    const { deprecatedTokens: f } = a;
+    f.forEach(([h, c]) => {
+      (r != null && r[h] || r != null && r[c]) && (r[c] ?? (r[c] = r == null ? void 0 : r[h]));
+    });
+  }
+  const d = { ...b, ...r };
+  return Object.keys(d).forEach((f) => {
+    d[f] === g[f] && delete d[f];
+  }), d;
+}
+export {
+  j as default
+};

package/es/_util/cssinjs-utils/util/getDefaultComponentToken.mjs

@@ -0,0 +1,9 @@
+import { merge as t } from "./statistic.mjs";
+function e(o, n = {}, r) {
+  return typeof r == "function" ? r(
+    t(n, n[o] ?? {})
+  ) : r ?? {};
+}
+export {
+  e as default
+};

package/es/_util/cssinjs-utils/util/maxmin.mjs

@@ -0,0 +1,15 @@
+import "../../cssinjs/StyleContext.mjs";
+import "vue";
+import { unit as t } from "../../cssinjs/util.mjs";
+import "../../cssinjs/theme/ThemeCache.mjs";
+import "../../warning.mjs";
+import "../../cssinjs/transformers/legacyLogicalProperties.mjs";
+function u(n) {
+  return n === "js" ? { max: Math.max, min: Math.min } : {
+    max: (...m) => `max(${m.map((i) => t(i)).join(",")})`,
+    min: (...m) => `min(${m.map((i) => t(i)).join(",")})`
+  };
+}
+export {
+  u as default
+};

package/es/_util/cssinjs-utils/util/statistic.mjs

@@ -0,0 +1,45 @@
+const u = typeof CSSINJS_STATISTIC < "u";
+let i = !0;
+function l(...r) {
+  if (!u)
+    return Object.assign({}, ...r);
+  i = !1;
+  const e = {};
+  return r.forEach((n) => {
+    if (typeof n != "object")
+      return;
+    Object.keys(n).forEach((t) => {
+      Object.defineProperty(e, t, {
+        configurable: !0,
+        enumerable: !0,
+        get: () => n[t]
+      });
+    });
+  }), i = !0, e;
+}
+const f = {}, d = {};
+function a() {
+}
+const y = (r) => {
+  let e, n = r, c = a;
+  return u && typeof Proxy < "u" && (e = /* @__PURE__ */ new Set(), n = new Proxy(r, {
+    get(t, o) {
+      return i && (e == null || e.add(o)), t[o];
+    }
+  }), c = (t, o) => {
+    var s;
+    f[t] = {
+      global: Array.from(e),
+      component: {
+        ...(s = f[t]) == null ? void 0 : s.component,
+        ...o
+      }
+    };
+  }), { token: n, keys: e, flush: c };
+};
+export {
+  d as _statistic_build_,
+  y as default,
+  l as merge,
+  f as statistic
+};

package/es/_util/getScrollBarSize.mjs

@@ -0,0 +1,33 @@
+let d;
+function c(n) {
+  if (typeof document > "u")
+    return 0;
+  if (n || d === void 0) {
+    const e = document.createElement("div");
+    e.style.width = "100%", e.style.height = "200px";
+    const t = document.createElement("div"), i = t.style;
+    i.position = "absolute", i.top = "0", i.left = "0", i.pointerEvents = "none", i.visibility = "hidden", i.width = "200px", i.height = "150px", i.overflow = "hidden", t.appendChild(e), document.body.appendChild(t);
+    const l = e.offsetWidth;
+    t.style.overflow = "scroll";
+    let o = e.offsetWidth;
+    l === o && (o = t.clientWidth), document.body.removeChild(t), d = l - o;
+  }
+  return d;
+}
+function r(n) {
+  const e = n.match(/^(.*)px$/), t = Number(e == null ? void 0 : e[1]);
+  return Number.isNaN(t) ? c() : t;
+}
+function h(n) {
+  if (typeof document > "u" || !n || !(n instanceof Element))
+    return { width: 0, height: 0 };
+  const { width: e, height: t } = getComputedStyle(n, "::-webkit-scrollbar");
+  return {
+    width: r(e),
+    height: r(t)
+  };
+}
+export {
+  c as default,
+  h as getTargetScrollBarSize
+};

package/es/_util/getValue.mjs

@@ -0,0 +1,11 @@
+function u(t, n) {
+  for (var r = t, e = 0; e < n.length; e += 1) {
+    if (r == null)
+      return;
+    r = r[n[e]];
+  }
+  return r;
+}
+export {
+  u as default
+};

package/es/_util/hooks/use-event-callback.mjs

@@ -0,0 +1,10 @@
+import { ref as l } from "vue";
+function n(a) {
+  const e = l(a), t = l((u) => {
+    e.value && e.value(u);
+  });
+  return e.value = a, t.value;
+}
+export {
+  n as useEventCallback
+};

package/es/_util/hooks/use-state.mjs

@@ -0,0 +1,11 @@
+import { ref as e } from "vue";
+function f(n) {
+  const r = typeof n == "function" ? n() : n, o = e(r);
+  function i(t) {
+    o.value = t;
+  }
+  return [o, i];
+}
+export {
+  f as default
+};

package/es/_util/hooks/use-x-component-config.mjs

@@ -0,0 +1,17 @@
+import { useXProviderContextInject as o } from "../../x-provider/context.mjs";
+import { computed as n, unref as s } from "vue";
+const r = {
+  classNames: {},
+  styles: {},
+  className: "",
+  style: {}
+}, c = (e) => {
+  const t = o();
+  return n(() => ({
+    ...r,
+    ...s(t)[e]
+  }));
+};
+export {
+  c as default
+};

package/es/_util/hooks/useMergedState.mjs

@@ -0,0 +1,21 @@
+import { ref as o, unref as c, watchEffect as s, watch as g, toRaw as d } from "vue";
+function m(l, t) {
+  const { defaultValue: u, value: a = o() } = t || {};
+  let n = typeof l == "function" ? l() : l;
+  a.value !== void 0 && (n = c(a)), u !== void 0 && (n = typeof u == "function" ? u() : u);
+  const v = o(n), f = o(n);
+  s(() => {
+    let e = a.value !== void 0 ? a.value : v.value;
+    t.postState && (e = t.postState(e)), f.value = e;
+  });
+  function r(e) {
+    const i = f.value;
+    v.value = e, d(f.value) !== e && t.onChange && t.onChange(e, i);
+  }
+  return g(a, () => {
+    v.value = a.value;
+  }), [f, r];
+}
+export {
+  m as default
+};

package/es/_util/motion.mjs

@@ -0,0 +1,23 @@
+import { defaultPrefixCls as r } from "../x-provider/hooks/use-x-provider-context.mjs";
+import "vue";
+import "../x-provider/context.mjs";
+import "ant-design-vue";
+const e = () => ({ height: 0, opacity: 0 }), n = (t) => {
+  const { scrollHeight: o } = t;
+  return { height: o, opacity: 1 };
+}, a = (t) => ({ height: t ? t.offsetHeight : 0 }), i = (t, o) => (o == null ? void 0 : o.deadline) === !0 || o.propertyName === "height", h = (t = r) => ({
+  motionName: `${t}-motion-collapse`,
+  onAppearStart: e,
+  onEnterStart: e,
+  onAppearActive: n,
+  onEnterActive: n,
+  onLeaveStart: a,
+  onLeaveActive: e,
+  onAppearEnd: i,
+  onEnterEnd: i,
+  onLeaveEnd: i,
+  motionDeadline: 500
+});
+export {
+  h as default
+};

package/es/_util/pick-attrs.mjs

@@ -0,0 +1,43 @@
+const l = `accept acceptcharset accesskey action allowfullscreen allowtransparency
+alt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge
+charset checked classid class colspan cols content contenteditable contextmenu
+controls coords crossorigin data datetime default defer dir disabled download draggable
+enctype form formaction formenctype formmethod formnovalidate formtarget frameborder
+headers height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity
+is keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media
+mediagroup method min minlength multiple muted name novalidate nonce open
+optimum pattern placeholder poster preload radiogroup readonly rel required
+reversed role rowspan rows sandbox scope scoped scrolling seamless selected
+shape size sizes span spellcheck src srcdoc srclang srcset start step style
+summary tabindex target title type usemap value width wmode wrap`, c = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown
+    onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick
+    onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown
+    onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel
+    onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough
+    onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata
+    onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`, r = `${l} ${c}`.split(/[\s\n]+/), i = "aria-", d = "data-";
+function s(t, n) {
+  return t.indexOf(n) === 0;
+}
+function u(t, n = !1) {
+  let o;
+  n === !1 ? o = {
+    aria: !0,
+    data: !0,
+    attr: !0
+  } : n === !0 ? o = {
+    aria: !0
+  } : o = {
+    ...n
+  };
+  const a = {};
+  return Object.keys(t).forEach((e) => {
+    // Aria
+    (o.aria && (e === "role" || s(e, i)) || // Data
+    o.data && s(e, d) || // Attr
+    o.attr && (r.includes(e) || r.includes(e.toLowerCase()))) && (a[e] = t[e]);
+  }), a;
+}
+export {
+  u as default
+};

package/es/_util/setStyle.mjs

@@ -0,0 +1,11 @@
+function l(e, n = {}) {
+  const { element: o = document.body } = n, s = {}, c = Object.keys(e);
+  return c.forEach((t) => {
+    s[t] = o.style[t];
+  }), c.forEach((t) => {
+    o.style[t] = e[t];
+  }), s;
+}
+export {
+  l as default
+};

package/es/_util/supportsPassive.mjs

@@ -0,0 +1,14 @@
+let s = !1;
+try {
+  const e = Object.defineProperty({}, "passive", {
+    get() {
+      s = !0;
+    }
+  });
+  window.addEventListener("testPassive", null, e), window.removeEventListener("testPassive", null, e);
+} catch {
+}
+const t = s;
+export {
+  t as default
+};

package/es/_util/transition.mjs

@@ -0,0 +1,75 @@
+import { nextTick as t } from "vue";
+const u = (e) => e !== void 0 && (e === "topLeft" || e === "topRight") ? "slide-down" : "slide-up", s = (e, r = {}) => e ? {
+  name: e,
+  appear: !0,
+  // type: 'animation',
+  // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
+  // appearActiveClass: `antdv-base-transtion`,
+  // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+  enterFromClass: `${e}-enter ${e}-enter-prepare ${e}-enter-start`,
+  enterActiveClass: `${e}-enter ${e}-enter-prepare`,
+  enterToClass: `${e}-enter ${e}-enter-active`,
+  leaveFromClass: ` ${e}-leave`,
+  leaveActiveClass: `${e}-leave ${e}-leave-active`,
+  leaveToClass: `${e}-leave ${e}-leave-active`,
+  ...r
+} : {
+  css: !1,
+  ...r
+}, a = (e, r = {}) => e ? {
+  name: e,
+  appear: !0,
+  // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
+  appearActiveClass: `${e}`,
+  appearToClass: `${e}-appear ${e}-appear-active`,
+  enterFromClass: `${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,
+  enterActiveClass: `${e}`,
+  enterToClass: `${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,
+  leaveActiveClass: `${e} ${e}-leave`,
+  leaveToClass: `${e}-leave-active`,
+  ...r
+} : {
+  css: !1,
+  ...r
+}, v = () => ({
+  height: 0,
+  opacity: 0
+}), $ = (e) => ({
+  height: `${e.scrollHeight}px`,
+  opacity: 1
+}), o = (e) => ({
+  height: `${e.offsetHeight}px`
+}), g = (e = "ant-motion-collapse", r, p) => ({
+  name: e,
+  appear: !0,
+  css: !0,
+  onBeforeEnter: (l) => {
+    p.value = e, r.value = v();
+  },
+  onEnter: (l) => {
+    t(() => {
+      r.value = $(l);
+    });
+  },
+  onAfterEnter: () => {
+    p.value = "", r.value = {};
+  },
+  onBeforeLeave: (l) => {
+    p.value = e, r.value = o(l);
+  },
+  onLeave: (l) => {
+    setTimeout(() => {
+      r.value = v();
+    });
+  },
+  onAfterLeave: () => {
+    p.value = "", r.value = {};
+  }
+}), C = (e, r, p) => p !== void 0 ? p : `${e}-${r}`;
+export {
+  g as collapseMotion,
+  u as getTransitionDirection,
+  a as getTransitionGroupProps,
+  C as getTransitionName,
+  s as getTransitionProps
+};

package/es/_util/type.mjs

@@ -0,0 +1,48 @@
+const r = (...t) => t, o = (...t) => t, a = (t) => {
+  const n = t;
+  return n.install = function(e) {
+    e.component(n.displayName || n.name, t);
+  }, t;
+};
+function y() {
+  return { type: [Function, Array] };
+}
+function c(t) {
+  return { type: Object, default: t };
+}
+function i(t) {
+  return { type: Boolean, default: t };
+}
+function p(t) {
+  return { type: Function, default: t };
+}
+function u(t, n) {
+  const e = { validator: () => !0, default: t };
+  return e;
+}
+function f() {
+  return { validator: () => !0 };
+}
+function l(t) {
+  return { type: Array, default: t };
+}
+function d(t) {
+  return { type: String, default: t };
+}
+function s(t, n) {
+  return t ? { type: t, default: n } : u(n);
+}
+export {
+  u as anyType,
+  l as arrayType,
+  i as booleanType,
+  y as eventType,
+  p as functionType,
+  c as objectType,
+  s as someType,
+  d as stringType,
+  r as tuple,
+  o as tupleNum,
+  f as vNodeType,
+  a as withInstall
+};

package/es/_util/warning.mjs

@@ -0,0 +1,45 @@
+import { shallowRef as u, defineComponent as p, computed as o, provide as c, watch as d, unref as g, triggerRef as f, inject as m } from "vue";
+import { resetWarned as W } from "../vc-util/warning.mjs";
+import { objectType as s } from "./type.mjs";
+function a() {
+}
+function b() {
+  W();
+}
+let j = a;
+const i = Symbol("WarningContext"), t = u(), x = (e) => {
+  c(i, e), d(
+    e,
+    () => {
+      t.value = g(e), f(t);
+    },
+    { immediate: !0, deep: !0 }
+  );
+}, w = () => m(
+  i,
+  o(() => t.value || {})
+), y = p({
+  props: {
+    value: s()
+  },
+  setup(e, { slots: n }) {
+    return x(o(() => e.value)), () => {
+      var r;
+      return (r = n.default) == null ? void 0 : r.call(n);
+    };
+  }
+}), h = () => {
+  const e = () => {
+  };
+  return e.deprecated = a, e;
+};
+export {
+  y as WarningContextProvider,
+  j as default,
+  h as devUseWarning,
+  t as globalWarningContextApi,
+  a as noop,
+  b as resetWarned,
+  w as useWarningContextInject,
+  x as useWarningContextProvider
+};

package/es/attachments/Attachments.mjs

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