ant-design-x-vue 1.1.1 → 1.2.0

package/es/_util/cssinjs/linters/logicalPropertiesLinter.mjs

@@ -0,0 +1,61 @@
+import { lintWarning as a } from "./utils.mjs";
+const p = (t, r, i) => {
+  switch (t) {
+    case "marginLeft":
+    case "marginRight":
+    case "paddingLeft":
+    case "paddingRight":
+    case "left":
+    case "right":
+    case "borderLeft":
+    case "borderLeftWidth":
+    case "borderLeftStyle":
+    case "borderLeftColor":
+    case "borderRight":
+    case "borderRightWidth":
+    case "borderRightStyle":
+    case "borderRightColor":
+    case "borderTopLeftRadius":
+    case "borderTopRightRadius":
+    case "borderBottomLeftRadius":
+    case "borderBottomRightRadius":
+      a(
+        `You seem to be using non-logical property '${t}' which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,
+        i
+      );
+      return;
+    case "margin":
+    case "padding":
+    case "borderWidth":
+    case "borderStyle":
+      if (typeof r == "string") {
+        const s = r.split(" ").map((n) => n.trim());
+        s.length === 4 && s[1] !== s[3] && a(
+          `You seem to be using '${t}' property with different left ${t} and right ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,
+          i
+        );
+      }
+      return;
+    case "clear":
+    case "textAlign":
+      (r === "left" || r === "right") && a(
+        `You seem to be using non-logical value '${r}' of ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,
+        i
+      );
+      return;
+    case "borderRadius":
+      typeof r == "string" && r.split("/").map((o) => o.trim()).reduce((o, l) => {
+        if (o)
+          return o;
+        const e = l.split(" ").map((d) => d.trim());
+        return e.length >= 2 && e[0] !== e[1] || e.length === 3 && e[1] !== e[2] || e.length === 4 && e[2] !== e[3] ? !0 : o;
+      }, !1) && a(
+        `You seem to be using non-logical value '${r}' of ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,
+        i
+      );
+      return;
+  }
+};
+export {
+  p as default
+};

package/es/_util/cssinjs/linters/parentSelectorLinter.mjs

@@ -0,0 +1,7 @@
+import { lintWarning as s } from "./utils.mjs";
+const i = (r, l, e) => {
+  e.parentSelectors.some((t) => t.split(",").some((o) => o.split("&").length > 2)) && s("Should not use more than one `&` in a selector.", e);
+};
+export {
+  i as default
+};

package/es/_util/cssinjs/linters/utils.mjs

@@ -0,0 +1,11 @@
+import { warningOnce as i } from "../../../vc-util/warning.mjs";
+function a(r, t) {
+  const { path: n, parentSelectors: e } = t;
+  i(
+    !1,
+    `[Ant Design Vue CSS-in-JS] ${n ? `Error in '${n}': ` : ""}${r}${e.length ? ` Selector info: ${e.join(" -> ")}` : ""}`
+  );
+}
+export {
+  a as lintWarning
+};

package/es/_util/cssinjs/theme/Theme.mjs

@@ -0,0 +1,18 @@
+import n from "../../warning.mjs";
+let t = 0;
+class s {
+  constructor(r) {
+    this.derivatives = Array.isArray(r) ? r : [r], this.id = t, r.length === 0 && n(
+      r.length > 0
+    ), t += 1;
+  }
+  getDerivativeToken(r) {
+    return this.derivatives.reduce(
+      (e, i) => i(r, e),
+      void 0
+    );
+  }
+}
+export {
+  s as default
+};

package/es/_util/cssinjs/theme/ThemeCache.mjs

@@ -0,0 +1,72 @@
+function f(n, e) {
+  if (n.length !== e.length)
+    return !1;
+  for (let s = 0; s < n.length; s++)
+    if (n[s] !== e[s])
+      return !1;
+  return !0;
+}
+const i = class i {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map(), this.keys = [], this.cacheCallTimes = 0;
+  }
+  size() {
+    return this.keys.length;
+  }
+  internalGet(e, s = !1) {
+    let t = { map: this.cache };
+    return e.forEach((l) => {
+      var a;
+      t ? t = (a = t == null ? void 0 : t.map) == null ? void 0 : a.get(l) : t = void 0;
+    }), t != null && t.value && s && (t.value[1] = this.cacheCallTimes++), t == null ? void 0 : t.value;
+  }
+  get(e) {
+    var s;
+    return (s = this.internalGet(e, !0)) == null ? void 0 : s[0];
+  }
+  has(e) {
+    return !!this.internalGet(e);
+  }
+  set(e, s) {
+    if (!this.has(e)) {
+      if (this.size() + 1 > i.MAX_CACHE_SIZE + i.MAX_CACHE_OFFSET) {
+        const [l] = this.keys.reduce(
+          (a, h) => {
+            const [, r] = a;
+            return this.internalGet(h)[1] < r ? [h, this.internalGet(h)[1]] : a;
+          },
+          [this.keys[0], this.cacheCallTimes]
+        );
+        this.delete(l);
+      }
+      this.keys.push(e);
+    }
+    let t = this.cache;
+    e.forEach((l, a) => {
+      if (a === e.length - 1)
+        t.set(l, { value: [s, this.cacheCallTimes++] });
+      else {
+        const h = t.get(l);
+        h ? h.map || (h.map = /* @__PURE__ */ new Map()) : t.set(l, { map: /* @__PURE__ */ new Map() }), t = t.get(l).map;
+      }
+    });
+  }
+  deleteByPath(e, s) {
+    var a;
+    const t = e.get(s[0]);
+    if (s.length === 1)
+      return t.map ? e.set(s[0], { map: t.map }) : e.delete(s[0]), (a = t.value) == null ? void 0 : a[0];
+    const l = this.deleteByPath(t.map, s.slice(1));
+    return (!t.map || t.map.size === 0) && !t.value && e.delete(s[0]), l;
+  }
+  delete(e) {
+    if (this.has(e))
+      return this.keys = this.keys.filter((s) => !f(s, e)), this.deleteByPath(this.cache, e);
+  }
+};
+i.MAX_CACHE_SIZE = 20, i.MAX_CACHE_OFFSET = 5;
+let u = i;
+export {
+  u as default,
+  f as sameDerivativeOption
+};

package/es/_util/cssinjs/theme/createTheme.mjs

@@ -0,0 +1,10 @@
+import m from "./ThemeCache.mjs";
+import o from "./Theme.mjs";
+const t = new m();
+function h(r) {
+  const e = Array.isArray(r) ? r : [r];
+  return t.has(e) || t.set(e, new o(e)), t.get(e);
+}
+export {
+  h as default
+};

package/es/_util/cssinjs/theme/index.mjs

@@ -0,0 +1,8 @@
+import { default as r } from "./createTheme.mjs";
+import { default as f } from "./Theme.mjs";
+import { default as o } from "./ThemeCache.mjs";
+export {
+  f as Theme,
+  o as ThemeCache,
+  r as createTheme
+};

package/es/_util/cssinjs/theme/interface.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs/transformers/interface.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs/transformers/legacyLogicalProperties.mjs

@@ -0,0 +1,92 @@
+function g(e) {
+  if (typeof e == "number")
+    return [e];
+  const n = String(e).split(/\s+/);
+  let d = "", t = 0;
+  return n.reduce((r, o) => (o.includes("(") ? (d += o, t += o.split("(").length - 1) : o.includes(")") ? (d += ` ${o}`, t -= o.split(")").length - 1, t === 0 && (r.push(d), d = "")) : t > 0 ? d += ` ${o}` : r.push(o), r), []);
+}
+function i(e) {
+  return e.notSplit = !0, e;
+}
+const p = {
+  // Inset
+  inset: ["top", "right", "bottom", "left"],
+  insetBlock: ["top", "bottom"],
+  insetBlockStart: ["top"],
+  insetBlockEnd: ["bottom"],
+  insetInline: ["left", "right"],
+  insetInlineStart: ["left"],
+  insetInlineEnd: ["right"],
+  // Margin
+  marginBlock: ["marginTop", "marginBottom"],
+  marginBlockStart: ["marginTop"],
+  marginBlockEnd: ["marginBottom"],
+  marginInline: ["marginLeft", "marginRight"],
+  marginInlineStart: ["marginLeft"],
+  marginInlineEnd: ["marginRight"],
+  // Padding
+  paddingBlock: ["paddingTop", "paddingBottom"],
+  paddingBlockStart: ["paddingTop"],
+  paddingBlockEnd: ["paddingBottom"],
+  paddingInline: ["paddingLeft", "paddingRight"],
+  paddingInlineStart: ["paddingLeft"],
+  paddingInlineEnd: ["paddingRight"],
+  // Border
+  borderBlock: i(["borderTop", "borderBottom"]),
+  borderBlockStart: i(["borderTop"]),
+  borderBlockEnd: i(["borderBottom"]),
+  borderInline: i(["borderLeft", "borderRight"]),
+  borderInlineStart: i(["borderLeft"]),
+  borderInlineEnd: i(["borderRight"]),
+  // Border width
+  borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
+  borderBlockStartWidth: ["borderTopWidth"],
+  borderBlockEndWidth: ["borderBottomWidth"],
+  borderInlineWidth: ["borderLeftWidth", "borderRightWidth"],
+  borderInlineStartWidth: ["borderLeftWidth"],
+  borderInlineEndWidth: ["borderRightWidth"],
+  // Border style
+  borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
+  borderBlockStartStyle: ["borderTopStyle"],
+  borderBlockEndStyle: ["borderBottomStyle"],
+  borderInlineStyle: ["borderLeftStyle", "borderRightStyle"],
+  borderInlineStartStyle: ["borderLeftStyle"],
+  borderInlineEndStyle: ["borderRightStyle"],
+  // Border color
+  borderBlockColor: ["borderTopColor", "borderBottomColor"],
+  borderBlockStartColor: ["borderTopColor"],
+  borderBlockEndColor: ["borderBottomColor"],
+  borderInlineColor: ["borderLeftColor", "borderRightColor"],
+  borderInlineStartColor: ["borderLeftColor"],
+  borderInlineEndColor: ["borderRightColor"],
+  // Border radius
+  borderStartStartRadius: ["borderTopLeftRadius"],
+  borderStartEndRadius: ["borderTopRightRadius"],
+  borderEndStartRadius: ["borderBottomLeftRadius"],
+  borderEndEndRadius: ["borderBottomRightRadius"]
+};
+function a(e) {
+  return { _skip_check_: !0, value: e };
+}
+const h = {
+  visit: (e) => {
+    const n = {};
+    return Object.keys(e).forEach((d) => {
+      const t = e[d], r = p[d];
+      if (r && (typeof t == "number" || typeof t == "string")) {
+        const o = g(t);
+        r.length && r.notSplit ? r.forEach((l) => {
+          n[l] = a(t);
+        }) : r.length === 1 ? n[r[0]] = a(t) : r.length === 2 ? r.forEach((l, b) => {
+          n[l] = a(o[b] ?? o[0]);
+        }) : r.length === 4 ? r.forEach((l, b) => {
+          n[l] = a(o[b] ?? o[b - 2] ?? o[0]);
+        }) : n[d] = t;
+      } else
+        n[d] = t;
+    }), n;
+  }
+};
+export {
+  h as default
+};

package/es/_util/cssinjs/transformers/px2rem.mjs

@@ -0,0 +1,31 @@
+import { b as u } from "../hooks/useStyleRegister/index.tsx2.mjs";
+const l = /url\([^)]+\)|var\([^)]+\)|(\d*\.?\d+)px/g;
+function d(s, i) {
+  const o = Math.pow(10, i + 1), c = Math.floor(s * o);
+  return Math.round(c / 10) * 10 / o;
+}
+const h = (s = {}) => {
+  const { rootValue: i = 16, precision: o = 5, mediaQuery: c = !1 } = s, p = (n, e) => {
+    if (!e) return n;
+    const t = parseFloat(e);
+    return t <= 1 ? n : `${d(t / i, o)}rem`;
+  };
+  return { visit: (n) => {
+    const e = { ...n };
+    return Object.entries(n).forEach(([t, r]) => {
+      if (typeof r == "string" && r.includes("px")) {
+        const a = r.replace(l, p);
+        e[t] = a;
+      }
+      !u[t] && typeof r == "number" && r !== 0 && (e[t] = `${r}px`.replace(l, p));
+      const f = t.trim();
+      if (f.startsWith("@") && f.includes("px") && c) {
+        const a = t.replace(l, p);
+        e[a] = e[t], delete e[t];
+      }
+    }), e;
+  } };
+};
+export {
+  h as default
+};

package/es/_util/cssinjs/util.mjs

@@ -0,0 +1,102 @@
+import { m as C } from "./hooks/useCacheToken.tsx2.mjs";
+import { updateCSS as T, removeCSS as A } from "../../vc-util/Dom/dynamicCSS.mjs";
+import b from "../../vc-util/Dom/canUseDom.mjs";
+import "./theme/ThemeCache.mjs";
+import j from "./theme/Theme.mjs";
+const v = "data-token-hash", O = "data-css-hash", Z = "data-cache-path", y = /* @__PURE__ */ new WeakMap();
+function h(t) {
+  let r = y.get(t) || "";
+  return r || (Object.keys(t).forEach((e) => {
+    const s = t[e];
+    r += e, s instanceof j ? r += s.id : s && typeof s == "object" ? r += h(s) : r += s;
+  }), y.set(t, r)), r;
+}
+function k(t, r) {
+  return C(`${r}_${h(t)}`);
+}
+const c = `random-${Date.now()}-${Math.random()}`.replace(/\./g, ""), $ = "_bAmBoO_";
+function d(t, r, e) {
+  var s, n;
+  if (b()) {
+    T(t, c);
+    const o = document.createElement("div");
+    o.style.position = "fixed", o.style.left = "0", o.style.top = "0", r == null || r(o), document.body.appendChild(o);
+    const a = e ? e(o) : (s = getComputedStyle(o).content) == null ? void 0 : s.includes($);
+    return (n = o.parentNode) == null || n.removeChild(o), A(c), a;
+  }
+  return !1;
+}
+let i;
+function K() {
+  return i === void 0 && (i = d(
+    `@layer ${c} { .${c} { content: "${$}"!important; } }`,
+    (t) => {
+      t.className = c;
+    }
+  )), i;
+}
+let l;
+function M() {
+  return l === void 0 && (l = d(
+    `:where(.${c}) { content: "${$}"!important; }`,
+    (t) => {
+      t.className = c;
+    }
+  )), l;
+}
+let m;
+function V() {
+  return m === void 0 && (m = d(
+    `.${c} { inset-block: 93px !important; }`,
+    (t) => {
+      t.className = c;
+    },
+    (t) => getComputedStyle(t).bottom === "93px"
+  )), m;
+}
+const W = b();
+function D(t) {
+  return typeof t == "number" ? `${t}px` : t;
+}
+const _ = (t, r = "") => `--${r ? `${r}-` : ""}${t}`.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, "$1-$2").replace(/([a-z])([A-Z0-9])/g, "$1-$2").toLowerCase();
+function H(t, r, e, s = {}, n = !1) {
+  if (n)
+    return t;
+  const o = {
+    ...s,
+    [v]: r,
+    [O]: e
+  };
+  return `<style ${Object.keys(o).map((p) => {
+    const u = o[p];
+    return u ? `${p}="${u}"` : null;
+  }).filter((p) => p).join(" ")}>${t}</style>`;
+}
+const x = (t, r, e) => Object.keys(t).length ? `.${r}${e != null && e.scope ? `.${e.scope}` : ""}{${Object.entries(t).map(([s, n]) => `${s}:${n};`).join("")}}` : "", P = (t, r, e) => {
+  const s = {}, n = {};
+  return Object.entries(t).forEach(([o, a]) => {
+    var p, u, S;
+    if ((p = e == null ? void 0 : e.preserve) != null && p[o])
+      n[o] = a;
+    else if ((typeof a == "string" || typeof a == "number") && !((u = e == null ? void 0 : e.ignore) != null && u[o])) {
+      const f = _(o, e == null ? void 0 : e.prefix);
+      s[f] = typeof a == "number" && !((S = e == null ? void 0 : e.unitless) != null && S[o]) ? `${a}px` : String(a), n[o] = `var(${f})`;
+    }
+  }), [n, x(s, r, { scope: e == null ? void 0 : e.scope })];
+};
+export {
+  Z as ATTR_CACHE_PATH,
+  O as ATTR_MARK,
+  v as ATTR_TOKEN,
+  h as flattenToken,
+  W as isClientSide,
+  x as serializeCSSVar,
+  K as supportLayer,
+  V as supportLogicProps,
+  M as supportWhere,
+  H as toStyleStr,
+  _ as token2CSSVar,
+  k as token2key,
+  P as transformToken,
+  D as unit
+};

package/es/_util/cssinjs-utils/_util/hooks/useUniqueMemo.mjs

@@ -0,0 +1,55 @@
+var i = Object.defineProperty;
+var n = (a, t, e) => t in a ? i(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var c = (a, t, e) => n(a, typeof t != "symbol" ? t + "" : t, e);
+import { computed as r } from "vue";
+const h = 1e3 * 60 * 10;
+class p {
+  constructor() {
+    c(this, "map", /* @__PURE__ */ new Map());
+    // Use WeakMap to avoid memory leak
+    c(this, "objectIDMap", /* @__PURE__ */ new WeakMap());
+    c(this, "nextID", 0);
+    c(this, "lastAccessBeat", /* @__PURE__ */ new Map());
+    // We will clean up the cache when reach the limit
+    c(this, "accessBeat", 0);
+  }
+  set(t, e) {
+    this.clear();
+    const s = this.getCompositeKey(t);
+    this.map.set(s, e), this.lastAccessBeat.set(s, Date.now());
+  }
+  get(t) {
+    const e = this.getCompositeKey(t), s = this.map.get(e);
+    return this.lastAccessBeat.set(e, Date.now()), this.accessBeat += 1, s;
+  }
+  getCompositeKey(t) {
+    return t.map((s) => s && typeof s == "object" ? `obj_${this.getObjectID(s)}` : `${typeof s}_${s}`).join("|");
+  }
+  getObjectID(t) {
+    if (this.objectIDMap.has(t))
+      return this.objectIDMap.get(t);
+    const e = this.nextID;
+    return this.objectIDMap.set(t, e), this.nextID += 1, e;
+  }
+  clear() {
+    if (this.accessBeat > 1e4) {
+      const t = Date.now();
+      this.lastAccessBeat.forEach((e, s) => {
+        t - e > h && (this.map.delete(s), this.lastAccessBeat.delete(s));
+      }), this.accessBeat = 0;
+    }
+  }
+}
+const o = new p();
+function l(a, t) {
+  return r(() => {
+    const e = o.get(t);
+    if (e)
+      return e;
+    const s = a();
+    return o.set(t, s), s;
+  });
+}
+export {
+  l as default
+};

package/es/_util/cssinjs-utils/hooks/useCSP.mjs

@@ -0,0 +1,4 @@
+const e = () => ({});
+export {
+  e as default
+};

package/es/_util/cssinjs-utils/hooks/usePrefix.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs-utils/hooks/useToken.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs-utils/index.mjs

@@ -0,0 +1,10 @@
+import { default as a } from "./util/genStyleUtils.mjs";
+import { default as o } from "./util/calc/index.mjs";
+import { merge as f, statistic as l, default as i } from "./util/statistic.mjs";
+export {
+  o as genCalc,
+  a as genStyleUtils,
+  f as mergeToken,
+  l as statistic,
+  i as statisticToken
+};

package/es/_util/cssinjs-utils/interface/components.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs-utils/interface/index.mjs

@@ -0,0 +1 @@
+

package/es/_util/cssinjs-utils/util/calc/CSSCalculator.mjs

@@ -0,0 +1,35 @@
+import o from "./calculator.mjs";
+const u = "CALC_UNIT", f = new RegExp(u, "g");
+function l(r) {
+  return typeof r == "number" ? `${r}${u}` : r;
+}
+class e extends o {
+  constructor(t, i) {
+    super(), this.result = "";
+    const s = typeof t;
+    this.unitlessCssVar = i, t instanceof e ? this.result = `(${t.result})` : s === "number" ? this.result = l(t) : s === "string" && (this.result = t);
+  }
+  add(t) {
+    return t instanceof e ? this.result = `${this.result} + ${t.getResult()}` : (typeof t == "number" || typeof t == "string") && (this.result = `${this.result} + ${l(t)}`), this.lowPriority = !0, this;
+  }
+  sub(t) {
+    return t instanceof e ? this.result = `${this.result} - ${t.getResult()}` : (typeof t == "number" || typeof t == "string") && (this.result = `${this.result} - ${l(t)}`), this.lowPriority = !0, this;
+  }
+  mul(t) {
+    return this.lowPriority && (this.result = `(${this.result})`), t instanceof e ? this.result = `${this.result} * ${t.getResult(!0)}` : (typeof t == "number" || typeof t == "string") && (this.result = `${this.result} * ${t}`), this.lowPriority = !1, this;
+  }
+  div(t) {
+    return this.lowPriority && (this.result = `(${this.result})`), t instanceof e ? this.result = `${this.result} / ${t.getResult(!0)}` : (typeof t == "number" || typeof t == "string") && (this.result = `${this.result} / ${t}`), this.lowPriority = !1, this;
+  }
+  getResult(t) {
+    return this.lowPriority || t ? `(${this.result})` : this.result;
+  }
+  equal(t) {
+    const { unit: i } = t || {};
+    let s = !0;
+    return typeof i == "boolean" ? s = i : Array.from(this.unitlessCssVar).some((h) => this.result.includes(h)) && (s = !1), this.result = this.result.replace(f, s ? "px" : ""), typeof this.lowPriority < "u" ? `calc(${this.result})` : this.result;
+  }
+}
+export {
+  e as default
+};

package/es/_util/cssinjs-utils/util/calc/NumCalculator.mjs

@@ -0,0 +1,24 @@
+import s from "./calculator.mjs";
+class t extends s {
+  constructor(e) {
+    super(), this.result = 0, e instanceof t ? this.result = e.result : typeof e == "number" && (this.result = e);
+  }
+  add(e) {
+    return e instanceof t ? this.result += e.result : typeof e == "number" && (this.result += e), this;
+  }
+  sub(e) {
+    return e instanceof t ? this.result -= e.result : typeof e == "number" && (this.result -= e), this;
+  }
+  mul(e) {
+    return e instanceof t ? this.result *= e.result : typeof e == "number" && (this.result *= e), this;
+  }
+  div(e) {
+    return e instanceof t ? this.result /= e.result : typeof e == "number" && (this.result /= e), this;
+  }
+  equal() {
+    return this.result;
+  }
+}
+export {
+  t as default
+};

package/es/_util/cssinjs-utils/util/calc/calculator.mjs

@@ -0,0 +1,5 @@
+class t {
+}
+export {
+  t as default
+};

package/es/_util/cssinjs-utils/util/calc/index.mjs

@@ -0,0 +1,9 @@
+import l from "./CSSCalculator.mjs";
+import c from "./NumCalculator.mjs";
+const m = (o, r) => {
+  const t = o === "css" ? l : c;
+  return (a) => new t(a, r);
+};
+export {
+  m as default
+};