ant-design-x-vue 1.1.1 → 1.2.0

package/es/_util/cssinjs/Cache.mjs

@@ -0,0 +1,16 @@
+const c = "%";
+class i {
+  constructor(t) {
+    this.cache = /* @__PURE__ */ new Map(), this.instanceId = t;
+  }
+  get(t) {
+    return this.cache.get(Array.isArray(t) ? t.join(c) : t) || null;
+  }
+  update(t, n) {
+    const e = Array.isArray(t) ? t.join(c) : t, s = this.cache.get(e), a = n(s);
+    a === null ? this.cache.delete(e) : this.cache.set(e, a);
+  }
+}
+export {
+  i as default
+};

package/es/_util/cssinjs/Keyframes.mjs

@@ -0,0 +1,11 @@
+class a {
+  constructor(e, t) {
+    this._keyframe = !0, this.name = e, this.style = t;
+  }
+  getName(e = "") {
+    return e ? `${e}-${this.name}` : this.name;
+  }
+}
+export {
+  a as default
+};

package/es/_util/cssinjs/StyleContext.mjs

@@ -0,0 +1,116 @@
+import { inject as A, shallowRef as C, getCurrentInstance as T, defineComponent as g, watch as x, unref as d, provide as b } from "vue";
+import P from "./Cache.mjs";
+import { withInstall as v, arrayType as u, booleanType as l, someType as I, stringType as f, objectType as E } from "../type.mjs";
+const J = "data-token-hash", h = "data-css-hash", V = "data-cache-path", i = "__cssinjs_instance__";
+function s() {
+  const e = Math.random().toString(12).slice(2);
+  if (typeof document < "u" && document.head && document.body) {
+    const o = document.body.querySelectorAll(`style[${h}]`) || [], {
+      firstChild: n
+    } = document.head;
+    Array.from(o).forEach((t) => {
+      t[i] = t[i] || e, t[i] === e && document.head.insertBefore(t, n);
+    });
+    const c = {};
+    Array.from(document.querySelectorAll(`style[${h}]`)).forEach((t) => {
+      var r;
+      const a = t.getAttribute(h);
+      c[a] ? t[i] === e && ((r = t.parentNode) == null || r.removeChild(t)) : c[a] = !0;
+    });
+  }
+  return new P(e);
+}
+const p = Symbol("StyleContextKey"), N = () => {
+  var n, c, t;
+  const e = T();
+  let o;
+  if (e && e.appContext) {
+    const a = (t = (c = (n = e.appContext) == null ? void 0 : n.config) == null ? void 0 : c.globalProperties) == null ? void 0 : t.__ANTDV_CSSINJS_CACHE__;
+    a ? o = a : (o = s(), e.appContext.config.globalProperties && (e.appContext.config.globalProperties.__ANTDV_CSSINJS_CACHE__ = o));
+  } else
+    o = s();
+  return o;
+}, m = {
+  cache: s(),
+  defaultCache: !0,
+  hashPriority: "low"
+}, y = () => {
+  const e = N();
+  return A(p, C({
+    ...m,
+    cache: e
+  }));
+}, _ = (e) => {
+  const o = y(), n = C({
+    ...m,
+    cache: s()
+  });
+  return x([() => d(e), o], () => {
+    const c = {
+      ...o.value
+    }, t = d(e);
+    Object.keys(t).forEach((r) => {
+      const S = t[r];
+      t[r] !== void 0 && (c[r] = S);
+    });
+    const {
+      cache: a
+    } = t;
+    c.cache = c.cache || s(), c.defaultCache = !a && o.value.defaultCache, n.value = c;
+  }, {
+    immediate: !0
+  }), b(p, n), n;
+}, j = () => ({
+  autoClear: l(),
+  /** @private Test only. Not work in production. */
+  mock: f(),
+  /**
+   * Only set when you need ssr to extract style on you own.
+   * If not provided, it will auto create <style /> on the end of Provider in server side.
+   */
+  cache: E(),
+  /** Tell children that this context is default generated context */
+  defaultCache: l(),
+  /** Use `:where` selector to reduce hashId css selector priority */
+  hashPriority: f(),
+  /** Tell cssinjs where to inject style in */
+  container: I(),
+  /** Component wil render inline  `<style />` for fallback in SSR. Not recommend. */
+  ssrInline: l(),
+  /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
+  transformers: u(),
+  /**
+   * Linters to lint css before inject in document.
+   * Styles will be linted after transforming.
+   * Please note that `linters` do not support dynamic update.
+   */
+  linters: u()
+}), w = v(/* @__PURE__ */ g({
+  name: "AStyleProvider",
+  inheritAttrs: !1,
+  props: j(),
+  setup(e, {
+    slots: o
+  }) {
+    return _(e), () => {
+      var n;
+      return (n = o.default) == null ? void 0 : n.call(o);
+    };
+  }
+})), q = {
+  useStyleInject: y,
+  useStyleProvider: _,
+  StyleProvider: w
+};
+export {
+  V as ATTR_CACHE_PATH,
+  h as ATTR_MARK,
+  J as ATTR_TOKEN,
+  i as CSS_IN_JS_INSTANCE,
+  w as StyleProvider,
+  s as createCache,
+  q as default,
+  j as styleProviderProps,
+  y as useStyleInject,
+  _ as useStyleProvider
+};

package/es/_util/cssinjs/hooks/useCSSVarRegister.mjs

@@ -0,0 +1,47 @@
+import { removeCSS as f } from "../../../vc-util/Dom/dynamicCSS.mjs";
+import h, { ATTR_MARK as k } from "../StyleContext.mjs";
+import { isClientSide as C, transformToken as x, toStyleStr as T } from "../util.mjs";
+import R from "./useGlobalCache.mjs";
+import { a as V } from "./useStyleRegister/index.tsx2.mjs";
+const A = "cssVar", v = (r, i) => {
+  const { key: t, prefix: o, unitless: s, ignore: n, token: c, scope: e = "" } = r, {
+    cache: { instanceId: l },
+    container: m
+  } = useContext(h), { _tokenKey: y } = c, u = [...r.path, t, e, y];
+  return R(
+    A,
+    u,
+    () => {
+      const a = i(), [S, p] = x(a, t, {
+        prefix: o,
+        unitless: s,
+        ignore: n,
+        scope: e
+      }), d = V(u, p);
+      return [S, p, d, t];
+    },
+    ([, , a]) => {
+      C && f(a, { mark: k });
+    }
+  );
+}, E = (r, i, t) => {
+  const [, o, s, n] = r, { plain: c } = t || {};
+  if (!o)
+    return null;
+  const e = -999, l = {
+    "data-rc-order": "prependQueue",
+    "data-rc-priority": `${e}`
+  }, m = T(
+    o,
+    n,
+    s,
+    l,
+    c
+  );
+  return [e, s, m];
+};
+export {
+  A as CSS_VAR_PREFIX,
+  v as default,
+  E as extract
+};

package/es/_util/cssinjs/hooks/useCacheToken.mjs

@@ -0,0 +1,9 @@
+import { u as i, g as a } from "./useCacheToken.tsx2.mjs";
+import "../StyleContext.mjs";
+import "./useGlobalCache.mjs";
+import "../util.mjs";
+import "vue";
+export {
+  i as default,
+  a as getComputedToken
+};

package/es/_util/cssinjs/hooks/useCacheToken.tsx2.mjs

@@ -0,0 +1,76 @@
+import { useStyleInject as m, ATTR_TOKEN as g, CSS_IN_JS_INSTANCE as C } from "../StyleContext.mjs";
+import y from "./useGlobalCache.mjs";
+import { flattenToken as k, token2key as S } from "../util.mjs";
+import { ref as A, computed as d } from "vue";
+function p(t) {
+  for (var e = 0, o, n = 0, c = t.length; c >= 4; ++n, c -= 4)
+    o = t.charCodeAt(n) & 255 | (t.charCodeAt(++n) & 255) << 8 | (t.charCodeAt(++n) & 255) << 16 | (t.charCodeAt(++n) & 255) << 24, o = /* Math.imul(k, m): */
+    (o & 65535) * 1540483477 + ((o >>> 16) * 59797 << 16), o ^= /* k >>> r: */
+    o >>> 24, e = /* Math.imul(k, m): */
+    (o & 65535) * 1540483477 + ((o >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  switch (c) {
+    case 3:
+      e ^= (t.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      e ^= (t.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      e ^= t.charCodeAt(n) & 255, e = /* Math.imul(h, m): */
+      (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
+  }
+  return e ^= e >>> 13, e = /* Math.imul(h, m): */
+  (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
+}
+const x = {}, E = "css", r = /* @__PURE__ */ new Map();
+function _(t) {
+  r.set(t, (r.get(t) || 0) + 1);
+}
+function b(t, e) {
+  typeof document < "u" && document.querySelectorAll(`style[${g}="${t}"]`).forEach((n) => {
+    var c;
+    n[C] === e && ((c = n.parentNode) == null || c.removeChild(n));
+  });
+}
+const I = 0;
+function K(t, e) {
+  r.set(t, (r.get(t) || 0) - 1);
+  const o = Array.from(r.keys()), n = o.filter((c) => (r.get(c) || 0) <= 0);
+  o.length - n.length > I && n.forEach((c) => {
+    b(c, e), r.delete(c);
+  });
+}
+const N = (t, e, o, n) => {
+  let s = {
+    ...o == null ? void 0 : o.getDerivativeToken(t),
+    ...e
+  };
+  return n && (s = n(s)), s;
+};
+function j(t, e, o = A({})) {
+  const n = m(), c = d(() => Object.assign({}, ...e.value || [])), s = d(() => k(c.value)), T = d(() => {
+    var f;
+    return k(((f = o.value) == null ? void 0 : f.override) || x);
+  });
+  return y("token", d(() => {
+    var f, a;
+    return [((f = o.value) == null ? void 0 : f.salt) || "", (a = t.value) == null ? void 0 : a.id, s.value, T.value];
+  }), () => {
+    const {
+      salt: f = "",
+      override: a = x,
+      formatToken: h,
+      getComputedToken: l
+    } = o.value || {}, u = l ? l(c.value, a, t.value) : N(c.value, a, t.value, h), i = S(u, f);
+    u._tokenKey = i, _(i);
+    const v = `${E}-${p(i)}`;
+    return u._hashId = v, [u, v];
+  }, (f) => {
+    var a;
+    K(f[0]._tokenKey, (a = n.value) == null ? void 0 : a.cache.instanceId);
+  });
+}
+export {
+  N as g,
+  p as m,
+  j as u
+};

package/es/_util/cssinjs/hooks/useGlobalCache.mjs

@@ -0,0 +1,27 @@
+import { useStyleInject as C } from "../StyleContext.mjs";
+import { shallowRef as f, watchEffect as d, watch as v, onBeforeUnmount as x } from "vue";
+function y(i, h, m, u) {
+  const n = C(), t = f(""), r = f();
+  d(() => {
+    t.value = [i, ...h.value].join("%");
+  });
+  const s = (l) => {
+    n.value.cache.update(l, (e) => {
+      const [a = 0, c] = e || [];
+      return a - 1 === 0 ? (u == null || u(c, !1), null) : [a - 1, c];
+    });
+  };
+  return v(t, (l, e) => {
+    e && s(e), n.value.cache.update(l, (a) => {
+      const [c = 0, o] = a || [], p = o || m();
+      return [c + 1, p];
+    }), r.value = n.value.cache.get(t.value)[1];
+  }, {
+    immediate: !0
+  }), x(() => {
+    s(t.value);
+  }), r;
+}
+export {
+  y as default
+};

package/es/_util/cssinjs/hooks/useHMR.mjs

@@ -0,0 +1,7 @@
+function e() {
+  return !1;
+}
+const s = e;
+export {
+  s as default
+};

package/es/_util/cssinjs/hooks/useStyleRegister/cacheMapUtil.mjs

@@ -0,0 +1,51 @@
+import r from "../../../../vc-util/Dom/canUseDom.mjs";
+import { ATTR_MARK as u } from "../../StyleContext.mjs";
+const l = "data-ant-cssinjs-cache-path", f = "_FILE_STYLE__";
+function h(t) {
+  return Object.keys(t).map((e) => {
+    const n = t[e];
+    return `${e}:${n}`;
+  }).join(";");
+}
+let o, s = !0;
+function S(t, e = !0) {
+  o = t, s = e;
+}
+function m() {
+  var t;
+  if (!o && (o = {}, r())) {
+    const e = document.createElement("div");
+    e.className = l, e.style.position = "fixed", e.style.visibility = "hidden", e.style.top = "-9999px", document.body.appendChild(e);
+    let n = getComputedStyle(e).content || "";
+    n = n.replace(/^"/, "").replace(/"$/, ""), n.split(";").forEach((c) => {
+      const [a, d] = c.split(":");
+      o[a] = d;
+    });
+    const i = document.querySelector(`style[${l}]`);
+    i && (s = !1, (t = i.parentNode) == null || t.removeChild(i)), document.body.removeChild(e);
+  }
+}
+function _(t) {
+  return m(), !!o[t];
+}
+function C(t) {
+  const e = o[t];
+  let n = null;
+  if (e && r())
+    if (s)
+      n = f;
+    else {
+      const i = document.querySelector(`style[${u}="${o[t]}"]`);
+      i ? n = i.innerHTML : delete o[t];
+    }
+  return [n, e];
+}
+export {
+  l as ATTR_CACHE_MAP,
+  f as CSS_FILE_STYLE,
+  _ as existPath,
+  C as getStyleAndHash,
+  m as prepare,
+  S as reset,
+  h as serialize
+};

package/es/_util/cssinjs/hooks/useStyleRegister/index.mjs

@@ -0,0 +1,17 @@
+import "../useCacheToken.tsx2.mjs";
+import { _ as u, u as f, e as n, n as y, p as S, a as c } from "./index.tsx2.mjs";
+import "../../StyleContext.mjs";
+import "../../util.mjs";
+import "../useGlobalCache.mjs";
+import "../../../../vc-util/Dom/dynamicCSS.mjs";
+import "vue";
+import "../../../../vc-util/Dom/canUseDom.mjs";
+import "./cacheMapUtil.mjs";
+export {
+  u as _cf,
+  f as default,
+  n as extractStyle,
+  y as normalizeStyle,
+  S as parseStyle,
+  c as uniqueHash
+};