@antdv-next/cssinjs 0.0.3 → 1.0.0-alpha.1

package/es/StyleContext.js

@@ -1,100 +0,0 @@
-import { defineComponent as y, computed as i, provide as m, inject as p } from "vue";
-import C from "./Cache.js";
-const v = "data-token-hash", u = "data-css-hash", x = "data-cache-path", r = "__cssinjs_instance__";
-function s() {
-  const n = Math.random().toString(12).slice(2);
-  if (typeof document < "u" && document.head && document.body) {
-    const d = document.body.querySelectorAll(`style[${u}]`) || [], {
-      firstChild: o
-    } = document.head;
-    Array.from(d).forEach((e) => {
-      e[r] = e[r] || n, e[r] === n && document.head.insertBefore(e, o);
-    });
-    const a = {};
-    Array.from(document.querySelectorAll(`style[${u}]`)).forEach((e) => {
-      const t = e.getAttribute(u);
-      a[t] ? e[r] === n && e.parentNode?.removeChild(e) : a[t] = !0;
-    });
-  }
-  return new C(n);
-}
-const f = Symbol("StyleContext"), S = {
-  hashPriority: "low",
-  cache: s(),
-  defaultCache: !0
-}, b = /* @__PURE__ */ y((n, {
-  slots: d
-}) => {
-  const o = A(), a = i(() => {
-    const e = n, t = {
-      ...o.value
-    };
-    Object.keys(e).forEach((c) => {
-      const h = e[c];
-      e[c] !== void 0 && (t[c] = h);
-    });
-    const {
-      cache: l
-    } = e;
-    return t.cache = t.cache || s(), t.defaultCache = !l && o.value.defaultCache, t;
-  });
-  return m(f, a), () => d.default?.();
-}, {
-  name: "StyleProvider",
-  name: "StyleProvider",
-  inheritAttrs: !1,
-  props: {
-    autoClear: {
-      type: Boolean,
-      default: void 0
-    },
-    mock: {
-      type: String,
-      default: void 0
-    },
-    cache: {
-      type: Object,
-      default: void 0
-    },
-    defaultCache: {
-      type: Boolean,
-      default: void 0
-    },
-    hashPriority: {
-      type: String,
-      default: void 0
-    },
-    container: {
-      type: Object,
-      default: void 0
-    },
-    ssrInline: {
-      type: Boolean,
-      default: void 0
-    },
-    transformers: {
-      type: Array,
-      default: void 0
-    },
-    linters: {
-      type: Array,
-      default: void 0
-    },
-    layer: {
-      type: Boolean,
-      default: void 0
-    }
-  }
-});
-function A() {
-  return p(f, i(() => S));
-}
-export {
-  x as ATTR_CACHE_PATH,
-  u as ATTR_MARK,
-  v as ATTR_TOKEN,
-  r as CSS_IN_JS_INSTANCE,
-  b as StyleProvider,
-  s as createCache,
-  A as useStyleContext
-};

package/es/extractStyle.d.ts

@@ -1,12 +0,0 @@
-import { default as Cache } from './Cache';
-declare const ExtractStyleFns: {
-    style: import('./hooks/useGlobalCache').ExtractStyle<[styleStr: string, tokenKey: string, styleId: string, effectStyle: Record<string, string>, clientOnly: boolean | undefined, order: number]>;
-    token: import('./hooks/useGlobalCache').ExtractStyle<[token: any, hashId: string, realToken: any, cssVarStr: string, cssVarKey: string]>;
-    cssVar: import('./hooks/useGlobalCache').ExtractStyle<[cssVarToken: import('./util/css-variables').TokenWithCSSVar<any, Record<string, any>>, cssVarStr: string, styleId: string, cssVarKey: string]>;
-};
-type ExtractStyleType = keyof typeof ExtractStyleFns;
-export default function extractStyle(cache: Cache, options?: boolean | {
-    plain?: boolean;
-    types?: ExtractStyleType | ExtractStyleType[];
-}): string;
-export {};

package/es/extractStyle.js

@@ -1,43 +0,0 @@
-import { extract as h, TOKEN_PREFIX as P } from "./hooks/useCacheToken.js";
-import { extract as R, CSS_VAR_PREFIX as d } from "./hooks/useCSSVarRegister.js";
-import { extract as _, STYLE_PREFIX as g } from "./hooks/useStyleRegister.js";
-import { toStyleStr as A } from "./util/index.js";
-import { ATTR_CACHE_MAP as a, serialize as F } from "./util/cacheMapUtil.js";
-const T = {
-  [g]: _,
-  [P]: h,
-  [d]: R
-};
-function $(e) {
-  return e !== null;
-}
-function K(e, r) {
-  const { plain: n = !1, types: c = ["style", "token", "cssVar"] } = typeof r == "boolean" ? { plain: r } : r || {}, l = new RegExp(
-    `^(${(typeof c == "string" ? [c] : c).join("|")})%`
-  ), p = Array.from(e.cache.keys()).filter(
-    (t) => l.test(t)
-  ), x = {}, i = {};
-  let o = "";
-  return p.map((t) => {
-    const s = t.replace(l, "").replace(/%/g, "|"), [y] = t.split("%"), m = T[y], f = m(e.cache.get(t)[1], x, {
-      plain: n
-    });
-    if (!f)
-      return null;
-    const [u, S, E] = f;
-    return t.startsWith("style") && (i[s] = S), [u, E];
-  }).filter($).sort(([t], [s]) => t - s).forEach(([, t]) => {
-    o += t;
-  }), o += A(
-    `.${a}{content:"${F(i)}";}`,
-    void 0,
-    void 0,
-    {
-      [a]: a
-    },
-    n
-  ), o;
-}
-export {
-  K as default
-};

package/es/hooks/useCSSVarRegister.d.ts

@@ -1,21 +0,0 @@
-import { MaybeRef } from 'vue';
-import { TokenWithCSSVar } from '../util/css-variables';
-import { ExtractStyle } from './useGlobalCache';
-export declare const CSS_VAR_PREFIX = "cssVar";
-type CSSVarCacheValue<V, T extends Record<string, V> = Record<string, V>> = [
-    cssVarToken: TokenWithCSSVar<V, T>,
-    cssVarStr: string,
-    styleId: string,
-    cssVarKey: string
-];
-declare function useCSSVarRegister<V, T extends Record<string, V>>(config: MaybeRef<{
-    path: string[];
-    key: string;
-    prefix?: string;
-    unitless?: Record<string, boolean>;
-    ignore?: Record<string, boolean>;
-    scope?: string;
-    token: any;
-}>, fn: MaybeRef<() => T>): import('vue').ComputedRef<CSSVarCacheValue<V, T>>;
-export declare const extract: ExtractStyle<CSSVarCacheValue<any>>;
-export default useCSSVarRegister;

package/es/hooks/useCSSVarRegister.js

@@ -1,59 +0,0 @@
-import { updateCSS as h, removeCSS as C } from "@v-c/util/dist/Dom/dynamicCSS";
-import { computed as t, unref as r } from "vue";
-import { useStyleContext as _, ATTR_MARK as k, CSS_IN_JS_INSTANCE as x, ATTR_TOKEN as A } from "../StyleContext.js";
-import { toStyleStr as I, isClientSide as R } from "../util/index.js";
-import { transformToken as K } from "../util/css-variables.js";
-import N from "./useGlobalCache.js";
-import { uniqueHash as V } from "./useStyleRegister.js";
-const E = "cssVar";
-function O(e, y) {
-  const l = _(), n = t(() => r(e).path), o = t(() => r(e).key), i = t(() => r(e).prefix), p = t(() => r(e).unitless), a = t(() => r(e).ignore), c = t(() => r(e).scope), m = t(() => r(e).token), T = t(() => m.value._tokenKey), d = t(() => [...n.value, o.value, c.value, T.value]);
-  return N(
-    E,
-    d,
-    () => {
-      const s = r(y)(), [S, u] = K(s, o.value, {
-        prefix: i.value,
-        unitless: p.value,
-        ignore: a.value,
-        scope: c.value
-      }), v = V(d.value, u);
-      return [S, u, v, o.value];
-    },
-    ([, , s]) => {
-      R && C(s, { mark: k });
-    },
-    ([, s, S]) => {
-      if (!s)
-        return;
-      const { container: u, cache: { instanceId: v } } = l.value, f = h(s, S, {
-        mark: k,
-        prepend: "queue",
-        attachTo: u,
-        priority: -999
-      });
-      f[x] = v, f.setAttribute(A, o);
-    }
-  );
-}
-const Q = (e, y, l) => {
-  const [, n, o, i] = e, { plain: p } = l || {};
-  if (!n)
-    return null;
-  const a = -999, c = {
-    "data-vc-order": "prependQueue",
-    "data-vc-priority": `${a}`
-  }, m = I(
-    n,
-    i,
-    o,
-    c,
-    p
-  );
-  return [a, o, m];
-};
-export {
-  E as CSS_VAR_PREFIX,
-  O as default,
-  Q as extract
-};

package/es/hooks/useCacheToken.d.ts

@@ -1,69 +0,0 @@
-import { ComputedRef, MaybeRef } from 'vue';
-import { default as Theme } from '../theme/Theme';
-import { ExtractStyle } from './useGlobalCache';
-export interface Option<DerivativeToken, DesignToken> {
-    /**
-     * Generate token with salt.
-     * This is used to generate different hashId even same derivative token for different version.
-     */
-    salt?: string;
-    override?: object;
-    /**
-     * Format token as you need. Such as:
-     *
-     * - rename token
-     * - merge token
-     * - delete token
-     *
-     * This should always be the same since it's one time process.
-     * It's ok to useMemo outside but this has better cache strategy.
-     */
-    formatToken?: (mergedToken: any) => DerivativeToken;
-    /**
-     * Get final token with origin token, override token and theme.
-     * The parameters do not contain formatToken since it's passed by user.
-     * @param origin The original token.
-     * @param override Extra tokens to override.
-     * @param theme Theme instance. Could get derivative token by `theme.getDerivativeToken`
-     */
-    getComputedToken?: (origin: DesignToken, override: object, theme: Theme<any, any>) => DerivativeToken;
-    /**
-     * Transform token to css variables.
-     */
-    cssVar?: {
-        /** Prefix for css variables */
-        prefix?: string;
-        /** Tokens that should not be appended with unit */
-        unitless?: Record<string, boolean>;
-        /** Tokens that should not be transformed to css variables */
-        ignore?: Record<string, boolean>;
-        /** Tokens that preserves origin value */
-        preserve?: Record<string, boolean>;
-        /** Key for current theme. Useful for customizing and should be unique */
-        key?: string;
-    };
-}
-export declare function getComputedToken<DerivativeToken = object, DesignToken = DerivativeToken>(originToken: DesignToken, overrideToken: object, theme: Theme<any, any>, format?: (token: DesignToken) => DerivativeToken): any;
-export declare const TOKEN_PREFIX = "token";
-type TokenCacheValue<DerivativeToken> = [
-    token: DerivativeToken & {
-        _tokenKey: string;
-        _themeKey: string;
-    },
-    hashId: string,
-    realToken: DerivativeToken & {
-        _tokenKey: string;
-    },
-    cssVarStr: string,
-    cssVarKey: string
-];
-/**
- * Cache theme derivative token as global shared one
- * @param theme Theme entity
- * @param tokens List of tokens, used for cache. Please do not dynamic generate object directly
- * @param option Additional config
- * @returns Call Theme.getDerivativeToken(tokenObject) to get token
- */
-export default function useCacheToken<DerivativeToken = object, DesignToken = DerivativeToken>(theme: MaybeRef<Theme<any, any>>, tokens: MaybeRef<Partial<DesignToken>[]>, option?: MaybeRef<Option<DerivativeToken, DesignToken>>): ComputedRef<TokenCacheValue<DerivativeToken>>;
-export declare const extract: ExtractStyle<TokenCacheValue<any>>;
-export {};

package/es/hooks/useCacheToken.js

@@ -1,106 +0,0 @@
-import _ from "@emotion/hash";
-import { updateCSS as N } from "@v-c/util/dist/Dom/dynamicCSS";
-import { ref as x, computed as u, unref as c } from "vue";
-import { useStyleContext as A, ATTR_MARK as R, CSS_IN_JS_INSTANCE as K, ATTR_TOKEN as E } from "../StyleContext.js";
-import { memoResult as O, flattenToken as p, token2key as g, toStyleStr as D } from "../util/index.js";
-import { transformToken as V } from "../util/css-variables.js";
-import $ from "./useGlobalCache.js";
-const b = {}, L = process.env.NODE_ENV !== "production" ? "css-dev-only-do-not-override" : "css", i = /* @__PURE__ */ new Map();
-function M(e) {
-  i.set(e, (i.get(e) || 0) + 1);
-}
-function P(e, l) {
-  typeof document < "u" && document.querySelectorAll(`style[${E}="${e}"]`).forEach((t) => {
-    t[K] === l && t.parentNode?.removeChild(t);
-  });
-}
-const q = 0;
-function H(e, l) {
-  i.set(e, (i.get(e) || 0) - 1);
-  const n = Array.from(i.keys()), t = n.filter((s) => (i.get(s) || 0) <= 0);
-  n.length - t.length > q && t.forEach((s) => {
-    P(s, l), i.delete(s);
-  });
-}
-function j(e, l, n, t) {
-  let a = {
-    ...n.getDerivativeToken(e),
-    ...l
-  };
-  return t && (a = t(a)), a;
-}
-const w = "token";
-function B(e, l, n = x({})) {
-  const t = A(), s = u(() => c(n).salt ?? ""), a = u(() => c(n).override ?? b), y = c(n).formatToken, d = c(n).getComputedToken, o = u(() => c(n).cssVar), f = u(() => O(() => Object.assign({}, ...c(l)), c(l))), T = u(() => p(f.value)), C = u(() => p(a.value)), I = u(() => o.value ? p(o.value) : "");
-  return $(
-    w,
-    u(() => [s.value, c(e).id, T.value, C.value, I.value]),
-    () => {
-      let r = d ? d(f.value, a.value, c(e)) : j(f.value, a.value, c(e), y);
-      const v = { ...r };
-      let m = "";
-      o.value && ([r, m] = V(
-        r,
-        o.value.key,
-        {
-          prefix: o.value.prefix,
-          ignore: o.value.ignore,
-          unitless: o.value.unitless,
-          preserve: o.value.preserve
-        }
-      ));
-      const k = g(r, s.value);
-      r._tokenKey = k, v._tokenKey = g(v, s.value);
-      const h = o.value?.key ?? k;
-      r._themeKey = h, M(h);
-      const S = `${L}-${_(k)}`;
-      return r._hashId = S, [
-        r,
-        S,
-        v,
-        m,
-        o.value?.key || ""
-      ];
-    },
-    (r) => {
-      H(r[0]._themeKey, t.value.cache.instanceId);
-    },
-    ([r, , , v]) => {
-      if (o.value && v) {
-        const m = N(
-          v,
-          _(`css-variables-${r._themeKey}`),
-          {
-            mark: R,
-            prepend: "queue",
-            attachTo: t.value.container,
-            priority: -999
-          }
-        );
-        m[K] = t.value.cache.instanceId, m.setAttribute(E, r._themeKey);
-      }
-    }
-  );
-}
-const U = (e, l, n) => {
-  const [, , t, s, a] = e, { plain: y } = n || {};
-  if (!s)
-    return null;
-  const d = t._tokenKey, o = -999, f = {
-    "data-vc-order": "prependQueue",
-    "data-vc-priority": `${o}`
-  }, T = D(
-    s,
-    a,
-    d,
-    f,
-    y
-  );
-  return [o, d, T];
-};
-export {
-  w as TOKEN_PREFIX,
-  B as default,
-  U as extract,
-  j as getComputedToken
-};

package/es/hooks/useEffectCleanupRegister.d.ts

@@ -1,2 +0,0 @@
-declare function useRun(): (fn: () => void) => void;
-export default useRun;

package/es/hooks/useEffectCleanupRegister.js

@@ -1,8 +0,0 @@
-function u() {
-  return function(n) {
-    n();
-  };
-}
-export {
-  u as default
-};

package/es/hooks/useGlobalCache.d.ts

@@ -1,7 +0,0 @@
-import { ComputedRef } from 'vue';
-import { MaybeRef } from '../interface.ts';
-import { KeyType } from '../Cache';
-export type ExtractStyle<CacheValue> = (cache: CacheValue, effectStyles: Record<string, boolean>, options?: {
-    plain?: boolean;
-}) => [order: number, styleId: string, style: string] | null;
-export default function useGlobalCache<CacheType>(prefix: MaybeRef<string>, keyPath: MaybeRef<KeyType[]>, cacheFn: () => CacheType, onCacheRemove?: (cache: CacheType, fromHMR: boolean) => void, onCacheEffect?: (cachedValue: CacheType) => void): ComputedRef<CacheType>;

package/es/hooks/useGlobalCache.js

@@ -1,41 +0,0 @@
-import { computed as i, unref as x, shallowRef as U, watch as y, onBeforeUnmount as _ } from "vue";
-import { pathKey as w } from "../Cache.js";
-import { useStyleContext as D } from "../StyleContext.js";
-import H from "./useEffectCleanupRegister.js";
-import M from "./useHMR.js";
-function K(b, g, E, s, f) {
-  const l = D(), G = i(() => [x(b), ...x(g)]), c = i(() => w(G.value)), N = H(), v = [], h = M(), m = (u) => {
-    l.value.cache.opUpdate(c.value, (n) => {
-      const [o = 0, e] = n || [void 0, void 0];
-      let a = e;
-      process.env.NODE_ENV !== "production" && e && h && (s?.(a, h), a = null);
-      const d = a || E(), C = [o, d];
-      return u ? u(C) : C;
-    });
-  }, t = U();
-  t.value = l.value.cache.opGet(c.value), process.env.NODE_ENV !== "production" && !t.value && (m(), t.value = l.value.cache.opGet(c.value));
-  const r = i(() => t.value[1]);
-  return y(
-    c,
-    (u, p) => {
-      const n = l.value.cache;
-      f?.(r.value), m(([o, e]) => (o === 0 && f?.(r.value), [o + 1, e])), p && n.opUpdate(p, (o) => {
-        const [e = 0, a] = o || [];
-        return e - 1 === 0 ? (N(() => {
-          s?.(a, !1);
-        }), null) : [e - 1, a];
-      }), t.value = n.opGet(c.value), v.push(() => {
-        s?.(t.value[1], !1);
-      });
-    },
-    {
-      immediate: !0,
-      flush: "post"
-    }
-  ), _(() => {
-    v.map((u) => u());
-  }), r;
-}
-export {
-  K as default
-};

package/es/hooks/useHMR.d.ts

@@ -1,3 +0,0 @@
-declare function useProdHMR(): boolean;
-declare const _default: typeof useProdHMR;
-export default _default;

package/es/hooks/useHMR.js

@@ -1,20 +0,0 @@
-function u() {
-  return !1;
-}
-let o = !1;
-function d() {
-  return o;
-}
-const p = process.env.NODE_ENV === "production" ? u : d;
-if (process.env.NODE_ENV !== "production" && typeof module < "u" && module && module.hot && typeof window < "u") {
-  const e = window;
-  if (typeof e.webpackHotUpdate == "function") {
-    const t = e.webpackHotUpdate;
-    e.webpackHotUpdate = (...n) => (o = !0, setTimeout(() => {
-      o = !1;
-    }, 0), t(...n));
-  }
-}
-export {
-  p as default
-};

package/es/hooks/useStyleRegister.d.ts

@@ -1,81 +0,0 @@
-import { VueNode } from '@v-c/util/dist/type';
-import { MaybeRef } from 'vue';
-import { Theme, Transformer } from '..';
-import { default as Keyframes } from '../Keyframes';
-import { Linter } from '../linters';
-import { HashPriority } from '../StyleContext';
-import { ExtractStyle } from './useGlobalCache';
-import type * as CSS from 'csstype';
-declare const SKIP_CHECK = "_skip_check_";
-declare const MULTI_VALUE = "_multi_value_";
-export interface LayerConfig {
-    name: string;
-    dependencies?: string[];
-}
-export type CSSProperties = Omit<CSS.PropertiesFallback<number | string>, 'animationName'> & {
-    animationName?: CSS.PropertiesFallback<number | string>['animationName'] | Keyframes;
-};
-export type CSSPropertiesWithMultiValues = {
-    [K in keyof CSSProperties]: CSSProperties[K] | readonly Extract<CSSProperties[K], string>[] | {
-        [SKIP_CHECK]?: boolean;
-        [MULTI_VALUE]?: boolean;
-        value: CSSProperties[K] | CSSProperties[K][];
-    };
-};
-export type CSSPseudos = {
-    [K in CSS.Pseudos]?: CSSObject;
-};
-type ArrayCSSInterpolation = readonly CSSInterpolation[];
-export type InterpolationPrimitive = null | undefined | boolean | number | string | CSSObject;
-export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation | Keyframes;
-export type CSSOthersObject = Record<string, CSSInterpolation>;
-export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {
-}
-export declare function normalizeStyle(styleStr: string): string;
-export interface ParseConfig {
-    hashId?: string;
-    hashPriority?: HashPriority;
-    layer?: LayerConfig;
-    path?: string;
-    transformers?: Transformer[];
-    linters?: Linter[];
-}
-export interface ParseInfo {
-    root?: boolean;
-    injectHash?: boolean;
-    parentSelectors: string[];
-}
-export declare function parseStyle(interpolation: CSSInterpolation, config?: ParseConfig, { root, injectHash, parentSelectors }?: ParseInfo): [
-    parsedStr: string,
-    effectStyle: Record<string, string>
-];
-export declare function uniqueHash(path: (string | number)[], styleStr: string): string;
-export declare const STYLE_PREFIX = "style";
-type StyleCacheValue = [
-    styleStr: string,
-    tokenKey: string,
-    styleId: string,
-    effectStyle: Record<string, string>,
-    clientOnly: boolean | undefined,
-    order: number
-];
-/**
- * Register a style to the global style sheet.
- */
-export default function useStyleRegister(info: MaybeRef<{
-    theme: Theme<any, any>;
-    token: any;
-    path: string[];
-    hashId?: string;
-    layer?: LayerConfig;
-    nonce?: string | (() => string);
-    clientOnly?: boolean;
-    /**
-     * Tell cssinjs the insert order of style.
-     * It's useful when you need to insert style
-     * before other style to overwrite for the same selector priority.
-     */
-    order?: number;
-}>, styleFn: MaybeRef<() => CSSInterpolation>): (node: VueNode) => any;
-export declare const extract: ExtractStyle<StyleCacheValue>;
-export {};