ant-design-x-vue/lib/_util/cssinjs/hooks/useStyleRegister/index.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("../../../../chunks/module-chunk.js"),E=require("../../StyleContext.js"),z=require("../../util.js"),U=require("../useGlobalCache.js"),N=require("../../../../vc-util/Dom/dynamicCSS.js"),q=require("vue"),w=require("../../../../vc-util/Dom/canUseDom.js"),R=require("./cacheMapUtil.js"),x=w.default(),L="_skip_check_",I="_multi_value_";function k(t){return b.serialize(b.compile(t),b.stringify).replace(/\{%%%\:[^;];}/g,";")}function D(t){return typeof t=="object"&&t&&(L in t||I in t)}function W(t,a,S){if(!a)return t;const p=`.${a}`,A=S==="low"?`:where(${p})`:p;return t.split(",").map(s=>{var _;const C=s.trim().split(/\s+/);let v=C[0]||"";const r=((_=v.match(/^\w+/))==null?void 0:_[0])||"";return v=`${r}${A}${v.slice(r.length)}`,[v,...C.slice(1)].join(" ")}).join(",")}const H=new Set,G=void 0,M=(t,a={},{root:S,injectHash:p,parentSelectors:A}={root:!0,parentSelectors:[]})=>{const{hashId:h,layer:s,path:C,hashPriority:v,transformers:r=[],linters:_=[]}=a;let u="",f={};function $(o){const n=o.getName(h);if(!f[n]){const[l]=M(o.style,a,{root:!1,parentSelectors:A});f[n]=`@keyframes ${o.getName(h)}${l}`}}function j(o,n=[]){return o.forEach(l=>{Array.isArray(l)?j(l,n):l&&n.push(l)}),n}return j(Array.isArray(t)?t:[t]).forEach(o=>{const n=typeof o=="string"&&!S?{}:o;if(typeof n=="string")u+=`${n}
`;else if(n._keyframe)$(n);else{const l=r.reduce((d,e)=>{var m;return((m=e==null?void 0:e.visit)==null?void 0:m.call(e,d))||d},n);Object.keys(l).forEach(d=>{const e=l[d];if(typeof e=="object"&&e&&(d!=="animationName"||!e._keyframe)&&!D(e)){let m=!1,c=d.trim(),i=!1;(S||p)&&h?c.startsWith("@")?m=!0:c=W(d,h,v):S&&!h&&(c==="&"||c==="")&&(c="",i=!0);const[y,P]=M(e,a,{root:i,injectHash:m,parentSelectors:[...A,c]});f={...f,...P},u+=`${c}${y}`}else{let m=function(i,y){const P=i.replace(/[A-Z]/g,K=>`-${K.toLowerCase()}`);let T=y;!b.unitlessKeys[i]&&typeof T=="number"&&T!==0&&(T=`${T}px`),i==="animationName"&&(y!=null&&y._keyframe)&&($(y),T=y.getName(h)),u+=`${P}:${T};`};const c=(e==null?void 0:e.value)??e;typeof e=="object"&&(e!=null&&e[I])&&Array.isArray(c)?c.forEach(i=>{m(d,i)}):m(d,c)}})}}),S?s&&z.supportLayer():u=`{${u}}`,[u,f]};function O(t,a){return b.murmur2(`${t.join("%")}${a}`)}function J(t,a){const S=E.useStyleInject(),p=q.computed(()=>{var s;return(s=t.value)==null?void 0:s.token._tokenKey}),A=q.computed(()=>{var s;return[p.value,...((s=t.value)==null?void 0:s.path)||[]]});let h=x;return U.default("style",A,()=>{const{path:s,hashId:C,layer:v,nonce:r,clientOnly:_,order:u=0}=t.value||{},f=A.value.join("|");if(R.existPath(f)){const[i,y]=R.getStyleAndHash(f);if(i)return[i,p.value,y,{},_,u]}const $=a(),{hashPriority:j,container:g,transformers:o,linters:n,cache:l}=S.value,[d,e]=M($,{hashId:C,hashPriority:j,layer:v,path:s==null?void 0:s.join("-"),transformers:o,linters:n}),m=k(d),c=O(A.value,m);if(h){const i={mark:E.ATTR_MARK,prepend:"queue",attachTo:g},y=typeof r=="function"?r():r;y&&(i.csp={nonce:y});const P=N.updateCSS(m,c,i);P[E.CSS_IN_JS_INSTANCE]=l.instanceId,P.setAttribute(E.ATTR_TOKEN,p.value),Object.keys(e).forEach(T=>{H.has(T)||(H.add(T),N.updateCSS(k(e[T]),`_effect-${T}`,{mark:E.ATTR_MARK,prepend:"queue",attachTo:g}))})}return[m,p.value,c,e,_,u]},([,,s],C)=>{(C||S.value.autoClear)&&x&&N.removeCSS(s,{mark:E.ATTR_MARK})}),s=>s}function Q(t,a=!1){const S="style%",p=Array.from(t.cache.keys()).filter(r=>r.startsWith(S)),A={},h={};let s="";function C(r,_,u,f={}){const $={...f,[E.ATTR_TOKEN]:_,[E.ATTR_MARK]:u},j=Object.keys($).map(g=>{const o=$[g];return o?`${g}="${o}"`:null}).filter(g=>g).join(" ");return a?r:`<style ${j}>${r}</style>`}return p.map(r=>{const _=r.slice(S.length).replace(/%/g,"|"),[u,f,$,j,g,o]=t.cache.get(r)[1];if(g)return null;const n={"data-vc-order":"prependQueue","data-vc-priority":`${o}`};let l=C(u,f,$,n);return h[_]=$,j&&Object.keys(j).forEach(e=>{A[e]||(A[e]=!0,l+=C(k(j[e]),f,`_effect-${e}`,n))}),[o,l]}).filter(r=>r).sort((r,_)=>r[0]-_[0]).forEach(([,r])=>{s+=r}),s+=C(`.${R.ATTR_CACHE_MAP}{content:"${R.serialize(h)}";}`,void 0,void 0,{[R.ATTR_CACHE_MAP]:R.ATTR_CACHE_MAP}),s}exports._cf=G;exports.default=J;exports.extractStyle=Q;exports.normalizeStyle=k;exports.parseStyle=M;exports.uniqueHash=O;