2022-05-23 22:15:52 +08:00
import { c as n , b as s , a as t , d as a , e as o , o as p , y as c } from "./app.c3571ef0.js" ; const l = { id : "espacio-de-nombres-personalizado" , tabindex : "-1" } , i = a ( "Espacio de nombres personalizado " ) , r = a ( ) , u = s ( "a" , { class : "header-anchor" , href : "#espacio-de-nombres-personalizado" , "aria-hidden" : "true" } , "#" , - 1 ) , d = o ( ` <div class="tip custom-block"><p class="custom-block-title">Le proporcionamos un ejemplo en [element-plus-vite-starter](https://github.com/element-plus/element-plus-vite-starter).</p><p>Simplemente compru \x E9belo. :::</p><p>El espacio de nombres predeterminado es <code>el</code>. En casos especiales, es posible que necesitemos personalizar el espacio de nombres.</p><p>Ya que usamos sass para escribir estilos, puede personalizar todos los espacios de nombres. Tenemos que asumir que usted ya utiliza el sass.</p><p>Debe establecer <code>ElConfigProvider</code> y scss <code> $ namespace</code> al mismo tiempo.</p><h3 id="establecer-elconfigprovider" tabindex="-1">Establecer <code>ElConfigProvider</code> <a class="header-anchor" href="#establecer-elconfigprovider" aria-hidden="true">#</a></h3><p>Utilice <code>ElConfigProvider</code> para envolver su componente ra \x EDz.</p><div class="language-vue"><pre><code><span class="token comment"><!-- App.vue --></span>
2022-05-12 21:46:00 +08:00
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > & lt ; < / s p a n > t e m p l a t e < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & g t ; < / s p a n > < / s p a n >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > & lt ; < / s p a n > e l - c o n f i g - p r o v i d e r < / s p a n > < s p a n c l a s s = " t o k e n a t t r - n a m e " > n a m e s p a c e < / s p a n > < s p a n c l a s s = " t o k e n a t t r - v a l u e " > < s p a n c l a s s = " t o k e n p u n c t u a t i o n a t t r - e q u a l s " > = < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & q u o t ; < / s p a n > e p < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & q u o t ; < / s p a n > < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & g t ; < / s p a n > < / s p a n >
< span class = "token comment" > & lt ; ! -- ... -- & gt ; < / s p a n >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > & lt ; / < / s p a n > e l - c o n f i g - p r o v i d e r < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & g t ; < / s p a n > < / s p a n >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > & lt ; / < / s p a n > t e m p l a t e < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > & g t ; < / s p a n > < / s p a n >
2022-05-20 23:09:37 +08:00
< / c o d e > < / p r e > < / d i v > < h 3 i d = " e s t a b l e c e r - s c s s - v a r i a b l e s - c s s " t a b i n d e x = " - 1 " > E s t a b l e c e r S c s s & a m p ; v a r i a b l e s C s s < a c l a s s = " h e a d e r - a n c h o r " h r e f = " # e s t a b l e c e r - s c s s - v a r i a b l e s - c s s " a r i a - h i d d e n = " t r u e " > # < / a > < / h 3 > < p > D e b e c r e a r < c o d e > s t y l e s / e l e m e n t / i n d e x . s c s s < / c o d e > : < / p > < d i v c l a s s = " l a n g u a g e - s c s s " > < p r e > < c o d e > < s p a n c l a s s = " t o k e n c o m m e n t " > / / s t y l e s / e l e m e n t / i n d e x . s c s s < / s p a n >
2022-05-12 21:46:00 +08:00
< span class = "token comment" > // we can add this to custom namespace, default is 'el'</span>
< span class = "token keyword" > @ forward < / s p a n > < s p a n c l a s s = " t o k e n s t r i n g " > & # 3 9 ; e l e m e n t - p l u s / t h e m e - c h a l k / s r c / m i x i n s / c o n f i g . s c s s & # 3 9 ; < / s p a n > < s p a n c l a s s = " t o k e n m o d u l e - m o d i f i e r k e y w o r d " > w i t h < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > ( < / s p a n >
< span class = "token property" > < span class = "token variable" > $namespace < / s p a n > < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > : < / s p a n > < s p a n c l a s s = " t o k e n s t r i n g " > & # 3 9 ; e p & # 3 9 ; < / s p a n >
< span class = "token punctuation" > ) < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > ; < / s p a n >
< span class = "token comment" > // ...</span>
2022-05-20 23:09:37 +08:00
< / c o d e > < / p r e > < / d i v > < p > I m p o r t a r < c o d e > s t y l e s / e l e m e n t / i n d e x . s c s s < / c o d e > e n < c o d e > v i t e . c o n f i g . t s < / c o d e > : < / p > < b l o c k q u o t e > < p > L o m i s m o e s v \ x E 1 l i d o p a r a w e b p a c k , q u e d e b e e s t a b l e c e r s e e n < c o d e > p r e p r o c e s s o r O p t i o n s < / c o d e > . < / p > < / b l o c k q u o t e > < d i v c l a s s = " l a n g u a g e - t s " > < p r e > < c o d e > < s p a n c l a s s = " t o k e n k e y w o r d " > i m p o r t < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > { < / s p a n > d e f i n e C o n f i g < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > } < / s p a n > < s p a n c l a s s = " t o k e n k e y w o r d " > f r o m < / s p a n > < s p a n c l a s s = " t o k e n s t r i n g " > & # 3 9 ; v i t e & # 3 9 ; < / s p a n >
2022-05-12 21:46:00 +08:00
< span class = "token comment" > // https://vitejs.dev/config/</span>
< span class = "token keyword" > export < / s p a n > < s p a n c l a s s = " t o k e n k e y w o r d " > d e f a u l t < / s p a n > < s p a n c l a s s = " t o k e n f u n c t i o n " > d e f i n e C o n f i g < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > ( < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > { < / s p a n >
< span class = "token comment" > // ...</span>
css < span class = "token operator" > : < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > { < / s p a n >
preprocessorOptions < span class = "token operator" > : < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > { < / s p a n >
scss < span class = "token operator" > : < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > { < / s p a n >
additionalData < span class = "token operator" > : < / s p a n > < s p a n c l a s s = " t o k e n t e m p l a t e - s t r i n g " > < s p a n c l a s s = " t o k e n t e m p l a t e - p u n c t u a t i o n s t r i n g " > \ ` < / s p a n > < s p a n c l a s s = " t o k e n s t r i n g " > @ u s e & q u o t ; ~ / s t y l e s / e l e m e n t / i n d e x . s c s s & q u o t ; a s * ; < / s p a n > < s p a n c l a s s = " t o k e n t e m p l a t e - p u n c t u a t i o n s t r i n g " > \ ` < / s p a n > < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > , < / s p a n >
< span class = "token punctuation" > } < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > , < / s p a n >
< span class = "token punctuation" > } < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > , < / s p a n >
< span class = "token punctuation" > } < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > , < / s p a n >
< span class = "token comment" > // ...</span>
< span class = "token punctuation" > } < / s p a n > < s p a n c l a s s = " t o k e n p u n c t u a t i o n " > ) < / s p a n >
2022-05-20 23:09:37 +08:00
< / c o d e > < / p r e > < / d i v > < p > E s o e s t o d o . < / p > < / d i v > ` , 1 ) , _ = ' { " t i t l e " : " C u s t o m N a m e s p a c e " , " d e s c r i p t i o n " : " " , " f r o n t m a t t e r " : { " t i t l e " : " C u s t o m N a m e s p a c e " , " l a n g " : " e s - E S " } , " h e a d e r s " : [ { " l e v e l " : 2 , " t i t l e " : " E s p a c i o d e n o m b r e s p e r s o n a l i z a d o " , " s l u g " : " e s p a c i o - d e - n o m b r e s - p e r s o n a l i z a d o " } , { " l e v e l " : 3 , " t i t l e " : " E s t a b l e c e r E l C o n f i g P r o v i d e r " , " s l u g " : " e s t a b l e c e r - e l c o n f i g p r o v i d e r " } , { " l e v e l " : 3 , " t i t l e " : " E s t a b l e c e r S c s s & v a r i a b l e s C s s " , " s l u g " : " e s t a b l e c e r - s c s s - v a r i a b l e s - c s s " } ] , " r e l a t i v e P a t h " : " e s - E S / g u i d e / n a m e s p a c e . m d " , " l a s t U p d a t e d " : n u l l } ' , k = { } , h = O b j e c t . a s s i g n ( k , { s e t u p ( m ) { r e t u r n ( g , b ) = > { c o n s t e = c ; r e t u r n p ( ) , n ( " d i v " , n u l l , [ s ( " h 2 " , l , [ i , t ( e , { v e r s i o n : " 2 . 2 . 0 " } ) , r , u ] ) , d ] ) } } } ) ; e x p o r t { _ a s _ _ p a g e D a t a , h a s d e f a u l t } ;
