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

package/lib/transformers/px2rem.d.ts

@@ -1,20 +0,0 @@
-import { Transformer } from './interface';
-interface Options {
-    /**
-     * The root font size.
-     * @default 16
-     */
-    rootValue?: number;
-    /**
-     * The decimal numbers to allow the REM units to grow to.
-     * @default 5
-     */
-    precision?: number;
-    /**
-     * Whether to allow px to be converted in media queries.
-     * @default false
-     */
-    mediaQuery?: boolean;
-}
-declare function transform(options?: Options): Transformer;
-export default transform;

package/lib/transformers/px2rem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("@emotion/unitless"),a=/url\([^)]+\)|var\([^)]+\)|(\d+(?:\.\d+)?|\.\d+)px/g;function d(i,s){const o=10**(s+1),c=Math.floor(i*o);return Math.round(c/10)*10/o}function x(i={}){const{rootValue:s=16,precision:o=5,mediaQuery:c=!1}=i,u=(n,t)=>{if(!t)return n;const e=Number.parseFloat(t);return e<=1?n:`${d(e/s,o)}rem`};return{visit:n=>{const t={...n};return Object.entries(n).forEach(([e,r])=>{if(typeof r=="string"&&r.includes("px")){const l=r.replace(a,u);t[e]=l}!p[e]&&typeof r=="number"&&r!==0&&(t[e]=`${r}px`.replace(a,u));const f=e.trim();if(f.startsWith("@")&&f.includes("px")&&c){const l=e.replace(a,u);t[l]=t[e],delete t[e]}}),t}}}exports.default=x;

package/lib/util/cacheMapUtil.d.ts

@@ -1,14 +0,0 @@
-export declare const ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path";
-/**
- * This marks style from the css file.
- * Which means not exist in `<style />` tag.
- */
-export declare const CSS_FILE_STYLE = "_FILE_STYLE__";
-export declare function serialize(cachePathMap: Record<string, string>): string;
-/**
- * @private
- */
-export declare function reset(mockCache?: Record<string, string>, fromFile?: boolean): void;
-export declare function prepare(): void;
-export declare function existPath(path: string): boolean;
-export declare function getStyleAndHash(path: string): [style: string | null, hash: string];

package/lib/util/cacheMapUtil.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@v-c/util/dist/Dom/canUseDom"),y=require("../StyleContext.js"),l="data-ant-cssinjs-cache-path",r="_FILE_STYLE__";function S(e){return Object.keys(e).map(t=>{const n=e[t];return`${t}:${n}`}).join(";")}let i,c=!0;function a(){if(!i&&(i={},o())){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 t=getComputedStyle(e).content||"";t=t.replace(/^"/,"").replace(/"$/,""),t.split(";").forEach(s=>{const[d,u]=s.split(":");i[d]=u});const n=document.querySelector(`style[${l}]`);n&&(c=!1,n.parentNode?.removeChild(n)),document.body.removeChild(e)}}function p(e){return a(),!!i[e]}function f(e){const t=i[e];let n=null;if(t&&o())if(c)n=r;else{const s=document.querySelector(`style[${y.ATTR_MARK}="${i[e]}"]`);s?n=s.innerHTML:delete i[e]}return[n,t]}exports.ATTR_CACHE_MAP=l;exports.CSS_FILE_STYLE=r;exports.existPath=p;exports.getStyleAndHash=f;exports.prepare=a;exports.serialize=S;

package/lib/util/css-variables.d.ts

@@ -1,20 +0,0 @@
-export declare function token2CSSVar(token: string, prefix?: string): string;
-export declare function serializeCSSVar<T extends Record<string, any>>(cssVars: T, hashId: string, options?: {
-    scope?: string;
-}): string;
-export type TokenWithCSSVar<V, T extends Record<string, V> = Record<string, V>> = {
-    [key in keyof T]?: string | V;
-};
-export declare function transformToken<V, T extends Record<string, V> = Record<string, V>>(token: T, themeKey: string, config?: {
-    prefix?: string;
-    ignore?: {
-        [key in keyof T]?: boolean;
-    };
-    unitless?: {
-        [key in keyof T]?: boolean;
-    };
-    preserve?: {
-        [key in keyof T]?: boolean;
-    };
-    scope?: string;
-}): [TokenWithCSSVar<V, T>, string];

package/lib/util/css-variables.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(r,t=""){return`--${t?`${t}-`:""}${r}`.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 i(r,t,e){return Object.keys(r).length?`.${t}${e?.scope?`.${e.scope}`:""}{${Object.entries(r).map(([$,o])=>`${$}:${o};`).join("")}}`:""}function p(r,t,e){const $={},o={};return Object.entries(r).forEach(([n,s])=>{if(e?.preserve?.[n])o[n]=s;else if((typeof s=="string"||typeof s=="number")&&!e?.ignore?.[n]){const a=c(n,e?.prefix);$[a]=typeof s=="number"&&!e?.unitless?.[n]?`${s}px`:String(s),o[n]=`var(${a})`}}),[o,i($,t,{scope:e?.scope})]}exports.serializeCSSVar=i;exports.token2CSSVar=c;exports.transformToken=p;

package/lib/util/index.d.ts

@@ -1,15 +0,0 @@
-export declare function memoResult<T extends object, R>(callback: () => R, deps: T[]): R;
-/**
- * Flatten token to string, this will auto cache the result when token not change
- */
-export declare function flattenToken(token: any, hashed?: boolean): string;
-/**
- * Convert derivative token to key string
- */
-export declare function token2key(token: any, salt: string): string;
-export declare function supportLayer(): boolean;
-export declare function supportWhere(): boolean;
-export declare function supportLogicProps(): boolean;
-export declare const isClientSide: boolean;
-export declare function unit(num: string | number): string;
-export declare function toStyleStr(style: string, tokenKey?: string, styleId?: string, customizeAttrs?: Record<string, string>, plain?: boolean): string;

package/lib/util/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@emotion/hash"),h=require("@v-c/util/dist/Dom/canUseDom"),d=require("@v-c/util/dist/Dom/dynamicCSS"),m=require("../StyleContext.js"),C=require("../theme/Theme.js"),$=new WeakMap,c={};function b(e,r){let t=$;for(let n=0;n<r.length;n+=1){const o=r[n];t.has(o)||t.set(o,new WeakMap),t=t.get(o)}return t.has(c)||t.set(c,e()),t.get(c)}const S=new WeakMap;function a(e,r=!1){let t=S.get(e)||"";return t||(Object.keys(e).forEach(n=>{const o=e[n];t+=n,o instanceof C.default?t+=o.id:o&&typeof o=="object"?t+=a(o,r):t+=o}),r&&(t=y(t)),S.set(e,t)),t}function k(e,r){return y(`${r}_${a(e,!0)}`)}const s=`random-${Date.now()}-${Math.random()}`.replace(/\./g,""),T="_bAmBoO_";function g(e,r,t){if(h()){d.updateCSS(e,s);const n=document.createElement("div");n.style.position="fixed",n.style.left="0",n.style.top="0",r?.(n),document.body.appendChild(n),process.env.NODE_ENV!=="production"&&(n.innerHTML="Test",n.style.zIndex="9999999");const o=t?t(n):getComputedStyle(n).content?.includes(T);return n.parentNode?.removeChild(n),d.removeCSS(s),o}return!1}let l;function v(){return l===void 0&&(l=g(`:where(.${s}) { content: "${T}"!important; }`,e=>{e.className=s})),l}let u;function E(){return u===void 0&&(u=g(`.${s} { inset-block: 93px !important; }`,e=>{e.className=s},e=>getComputedStyle(e).bottom==="93px")),u}const M=h();function _(e){return typeof e=="number"?`${e}px`:e}function x(e,r,t,n={},o=!1){if(o)return e;const f={...n,[m.ATTR_TOKEN]:r,[m.ATTR_MARK]:t};return`<style ${Object.keys(f).map(i=>{const p=f[i];return p?`${i}="${p}"`:null}).filter(i=>i).join(" ")}>${e}</style>`}exports.flattenToken=a;exports.isClientSide=M;exports.memoResult=b;exports.supportLogicProps=E;exports.supportWhere=v;exports.toStyleStr=x;exports.token2key=k;exports.unit=_;