rappel-ui 1.0.30 → 1.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/neutral-color/src/neutral-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/primary-color/src/primary-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/secondary-color/src/secondary-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/types.d.ts +4 -2
- package/cjs/components/tooltip/src/use-tooltip.d.ts +1 -1
- package/cjs/components/tooltip/src/use-tooltip.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/utils/index.js +1 -1
- package/cjs/utils/util.d.ts +19 -6
- package/cjs/utils/util.js +1 -1
- package/dist/index.css +1 -0
- package/dist/index.umd.js +63 -0
- package/es/components/neutral-color/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs +8 -8
- package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +1 -0
- package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +1 -0
- package/es/components/primary-color/src/primary-color.vue_vue_type_script_setup_true_lang.mjs +7 -7
- package/es/components/secondary-color/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +13 -13
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +7 -2
- package/es/components/tooltip/src/types.d.ts +4 -2
- package/es/components/tooltip/src/use-tooltip.d.ts +1 -1
- package/es/components/tooltip/src/use-tooltip.mjs +34 -32
- package/es/index.mjs +71 -71
- package/es/utils/index.mjs +2 -2
- package/es/utils/util.d.ts +19 -6
- package/es/utils/util.mjs +39 -34
- package/package.json +11 -2
- package/theme-chalk/base.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/root-vars.css +1 -1
- package/theme-chalk/src/css-vars/_colors.scss +18 -2
- package/theme-chalk/src/function/index.scss +26 -22
package/cjs/components/neutral-color/src/neutral-color.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/vue/index.js"),t=require("../../../utils/util.js");require("../../../utils/index.js");const n=require("../../../composables/use-namespace/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let i=require("vue");var a=(0,i.defineComponent)({name:`ReNeutralColor`,__name:`neutral-color`,setup(a){let{nm:o,ns:s}=n.useNamespace(`colors`),{isDark:c}=r.useTheme(),l=(n,r)=>Object.entries(t.getCssVarsByPrefix(n)).reduce((i,[a,o])=>{let l={},u=a.replace(`--${n}-`,``),d=`${e.toPascalCase(u)} ${e.toPascalCase(r)}`;switch(r){case`text`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d,textcolor:c.value?`#000`:`#fff`};break;case`border`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d};break;case`fill`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d,extraclass:u===`transparent`?c.value?s(`grids is-dark`):s(`grids`):void 0,bordercolor:u===`blank`?t.getEqualOpacityColor(Object.values(t.getCssVarsByPrefix(`re-color-primary-base`))[0]
|
|
1
|
+
const e=require("../../../utils/vue/index.js"),t=require("../../../utils/util.js");require("../../../utils/index.js");const n=require("../../../composables/use-namespace/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let i=require("vue");var a=(0,i.defineComponent)({name:`ReNeutralColor`,__name:`neutral-color`,setup(a){let{nm:o,ns:s}=n.useNamespace(`colors`),{isDark:c}=r.useTheme(),l=(n,r)=>Object.entries(t.getCssVarsByPrefix(n)).reduce((i,[a,o])=>{let l={},u=a.replace(`--${n}-`,``),d=`${e.toPascalCase(u)} ${e.toPascalCase(r)}`;switch(r){case`text`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d,textcolor:c.value?`#000`:`#fff`};break;case`border`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d};break;case`fill`:l={color:o==null?void 0:o.toString().toUpperCase(),text:d,extraclass:u===`transparent`?c.value?s(`grids is-dark`):s(`grids`):void 0,bordercolor:u===`blank`?t.getEqualOpacityColor(Object.values(t.getCssVarsByPrefix(`re-color-primary-base`))[0],Object.values(t.getCssVarsByPrefix(`re-color-theme-bgcolor`))[0],.4):void 0}}return i[a.replace(`--${n}-`,``)]=l,i},{}),u=(e,t=`text`,n=[`darkest`,`darker`,`base`,`dark`,`light`,`lighter`])=>{let r=l(e,t);return n.reduce((e,t)=>(e.push(r[t]),e),[])},d=(0,i.ref)([]),f=()=>{(0,i.nextTick)(()=>{d.value=[{shades:u(`re-color-text`,`text`)},{shades:u(`re-color-border`,`border`,[`darker`,`dark`,`base`,`light`,`lighter`,`lightest`])},{shades:u(`re-color-fill`,`fill`,[`darker`,`dark`,`base`,`light`,`lighter`,`lightest`,`blank`,`transparent`])},{shades:[.9,.8,.7,.6,.5,.4,.3,.2,.1].map(e=>({color:t.getEqualOpacityColor(Object.values(t.getCssVarsByPrefix(`re-color-primary-base`))[0],Object.values(t.getCssVarsByPrefix(`re-color-theme-bgcolor`))[0],e),text:`Primary Alpha ${e*100}% Fill`}))}]})};return(0,i.watch)(c,()=>{f()}),(0,i.onMounted)(()=>{f()}),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:(0,i.normalizeClass)([(0,i.unref)(o)(`neutral`)])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(d.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.shades[0].color,class:(0,i.normalizeClass)([(0,i.unref)(s)(`group`)])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.shades,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.text,class:(0,i.normalizeClass)([(0,i.unref)(s)(`collects`),e==null?void 0:e.extraclass]),style:(0,i.normalizeStyle)({"background-color":e.color,color:e==null?void 0:e.textcolor,border:e!=null&&e.bordercolor?`1px solid `+e.bordercolor:`none`})},[(0,i.createElementVNode)(`div`,null,[(0,i.createElementVNode)(`div`,null,(0,i.toDisplayString)(e.text),1),(0,i.createElementVNode)(`div`,null,(0,i.toDisplayString)(e.color.toUpperCase()),1)])],6))),128))],2))),128))],2))}});exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popconfirm-emit.js");let r=require("vue"),i=require("@vueuse/core"),a=require("@rappel-ui/svg-icons");var o=[`innerHTML`],s=(0,r.defineComponent)({name:`RePopconfirm`,__name:`popconfirm`,props:(0,r.mergeModels)({icon:{default:`help`},showIcon:{type:Boolean,default:!0},title:{default:``},cancelText:{default:`No`},cancelType:{default:``},cancelSize:{default:`mini`},confirmText:{default:`Yes`},confirmType:{default:`primary`},confirmSize:{default:`mini`},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`click`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popconfirm`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`confirm`,`cancel`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(s,{expose:c,emit:l}){let{n:u,ns:d}=e.useNamespace(`popconfirm`),f=l,{beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v,enterCancelled:y,leaveCancelled:b}=n.usePopconfirmEmits(f),x=(0,r.useModel)(s,`visible`),S=(0,r.computed)(()=>[u(),s.floatingClass]),C=(0,r.useSlots)(),w=(0,r.computed)(()=>{var e,n;let i=C==null||(e=C.default)==null||(e=e.call(C))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(n=i.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i}),T=(0,i.computedAsync)(async()=>await(0,a.getAsyncIcon)(s.icon)),E=(0,r.useTemplateRef)(`tooltipRef`),D=e=>{var t;f(`cancel`,e),(t=E.value)==null||t.delayHide()},O=e=>{var t;f(`confirm`,e),(t=E.value)==null||t.delayHide()};return c({tooltipRef:E,cancel:D,confirm:O}),(e,t)=>{let n=(0,r.resolveComponent)(`re-button`),i=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(i,{ref_key:`tooltipRef`,ref:E,visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:s.width,height:s.height,"max-width":s.maxWidth,"max-height":s.maxHeight,"floating-class":S.value,"floating-style":s.floatingStyle,disabled:s.disabled,theme:s.theme,placement:s.placement,trigger:s.trigger,"reverse-theme":s.reverseTheme,"show-delay":s.showDelay,"hide-delay":s.hideDelay,transition:s.transition,"css-duration":s.cssDuration,"css-transition":s.cssTransition,"show-arrow":s.showArrow,offset:s.offset,teleported:s.teleported,"append-to":s.appendTo,persistent:s.persistent,boundary:s.boundary,"element-context":s.elementContext,"alt-boundary":s.altBoundary,"root-boundary":s.rootBoundary,"arrow-size":s.arrowSize,"arrow-offset":s.arrowOffset,"flip-offset":s.flipOffset,"arrow-options":s.arrowOptions,"flip-options":s.flipOptions,"inline-options":s.inlineOptions,"is-external":s.isExternal,"external-ref":s.externalRef,"is-virtual":s.isVirtual,"virtual-ref":s.virtualRef,onBeforeEnter:(0,r.unref)(p),onEnter:(0,r.unref)(m),onAfterEnter:(0,r.unref)(h),onBeforeLeave:(0,r.unref)(g),onLeave:(0,r.unref)(_),onAfterLeave:(0,r.unref)(v),onEnterCancelled:(0,r.unref)(y),onLeaveCancelled:(0,r.unref)(b)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`header`,{icon:(0,r.unref)(T),title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`header`)])},[(0,r.renderSlot)(e.$slots,`icon`,{icon:(0,r.unref)(T)},()=>[s.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[typeof(0,r.unref)(T)==`string`?((0,r.openBlock)(),(0,r.createElementBlock)(`i`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`),(0,r.unref)(T)]),"aria-hidden":`true`},null,2)):((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(T)),{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,r.createCommentVNode)(``,!0)]),(0,r.renderSlot)(e.$slots,`title`,{title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`title`)])},(0,r.toDisplayString)(s.title),3)])],2)]),(0,r.renderSlot)(e.$slots,`content`,{content:s.content},()=>[s.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)]),innerHTML:s.content},null,10,o)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)])},(0,r.toDisplayString)(s.content),3))]),(0,r.renderSlot)(e.$slots,`footer`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText,confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`footer`)])},[(0,r.renderSlot)(e.$slots,`cancel`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText},()=>[(0,r.createVNode)(n,{size:s.cancelSize,type:s.cancelType,onClick:D},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.cancelText),1)]),_:1},8,[`size`,`type`])]),(0,r.renderSlot)(e.$slots,`extra`,{cancel:D,confirm:O}),(0,r.renderSlot)(e.$slots,`confirm`,{confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createVNode)(n,{size:s.confirmSize,type:s.confirmType,onClick:O},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.confirmText),1)]),_:1},8,[`size`,`type`])])],2)])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=s;
|
|
1
|
+
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popconfirm-emit.js");let r=require("vue"),i=require("@vueuse/core"),a=require("@rappel-ui/svg-icons");var o=[`innerHTML`],s=(0,r.defineComponent)({name:`RePopconfirm`,__name:`popconfirm`,props:(0,r.mergeModels)({icon:{default:`help`},showIcon:{type:Boolean,default:!0},title:{default:``},cancelText:{default:`No`},cancelType:{default:``},cancelSize:{default:`mini`},confirmText:{default:`Yes`},confirmType:{default:`primary`},confirmSize:{default:`mini`},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`click`},disabled:{type:Boolean,default:()=>void 0},clickToToggle:{type:Boolean},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popconfirm`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`confirm`,`cancel`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(s,{expose:c,emit:l}){let{n:u,ns:d}=e.useNamespace(`popconfirm`),f=l,{beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v,enterCancelled:y,leaveCancelled:b}=n.usePopconfirmEmits(f),x=(0,r.useModel)(s,`visible`),S=(0,r.computed)(()=>[u(),s.floatingClass]),C=(0,r.useSlots)(),w=(0,r.computed)(()=>{var e,n;let i=C==null||(e=C.default)==null||(e=e.call(C))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(n=i.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i}),T=(0,i.computedAsync)(async()=>await(0,a.getAsyncIcon)(s.icon)),E=(0,r.useTemplateRef)(`tooltipRef`),D=e=>{var t;f(`cancel`,e),(t=E.value)==null||t.delayHide()},O=e=>{var t;f(`confirm`,e),(t=E.value)==null||t.delayHide()};return c({tooltipRef:E,cancel:D,confirm:O}),(e,t)=>{let n=(0,r.resolveComponent)(`re-button`),i=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(i,{ref_key:`tooltipRef`,ref:E,visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:s.width,height:s.height,"max-width":s.maxWidth,"max-height":s.maxHeight,"floating-class":S.value,"floating-style":s.floatingStyle,disabled:s.disabled,theme:s.theme,placement:s.placement,trigger:s.trigger,"reverse-theme":s.reverseTheme,"show-delay":s.showDelay,"hide-delay":s.hideDelay,transition:s.transition,"css-duration":s.cssDuration,"css-transition":s.cssTransition,"show-arrow":s.showArrow,offset:s.offset,teleported:s.teleported,"append-to":s.appendTo,persistent:s.persistent,boundary:s.boundary,"element-context":s.elementContext,"alt-boundary":s.altBoundary,"root-boundary":s.rootBoundary,"arrow-size":s.arrowSize,"arrow-offset":s.arrowOffset,"flip-offset":s.flipOffset,"arrow-options":s.arrowOptions,"flip-options":s.flipOptions,"inline-options":s.inlineOptions,"is-external":s.isExternal,"external-ref":s.externalRef,"is-virtual":s.isVirtual,"virtual-ref":s.virtualRef,onBeforeEnter:(0,r.unref)(p),onEnter:(0,r.unref)(m),onAfterEnter:(0,r.unref)(h),onBeforeLeave:(0,r.unref)(g),onLeave:(0,r.unref)(_),onAfterLeave:(0,r.unref)(v),onEnterCancelled:(0,r.unref)(y),onLeaveCancelled:(0,r.unref)(b)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`header`,{icon:(0,r.unref)(T),title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`header`)])},[(0,r.renderSlot)(e.$slots,`icon`,{icon:(0,r.unref)(T)},()=>[s.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[typeof(0,r.unref)(T)==`string`?((0,r.openBlock)(),(0,r.createElementBlock)(`i`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`),(0,r.unref)(T)]),"aria-hidden":`true`},null,2)):((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(T)),{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,r.createCommentVNode)(``,!0)]),(0,r.renderSlot)(e.$slots,`title`,{title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`title`)])},(0,r.toDisplayString)(s.title),3)])],2)]),(0,r.renderSlot)(e.$slots,`content`,{content:s.content},()=>[s.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)]),innerHTML:s.content},null,10,o)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)])},(0,r.toDisplayString)(s.content),3))]),(0,r.renderSlot)(e.$slots,`footer`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText,confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`footer`)])},[(0,r.renderSlot)(e.$slots,`cancel`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText},()=>[(0,r.createVNode)(n,{size:s.cancelSize,type:s.cancelType,onClick:D},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.cancelText),1)]),_:1},8,[`size`,`type`])]),(0,r.renderSlot)(e.$slots,`extra`,{cancel:D,confirm:O}),(0,r.renderSlot)(e.$slots,`confirm`,{confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createVNode)(n,{size:s.confirmSize,type:s.confirmType,onClick:O},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.confirmText),1)]),_:1},8,[`size`,`type`])])],2)])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popover-emit.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePopover`,__name:`popover`,props:(0,r.mergeModels)({title:{default:``},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popover`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(a,{emit:o}){let{n:s,ns:c}=e.useNamespace(`popover`),{beforeEnter:l,enter:u,afterEnter:d,beforeLeave:f,leave:p,afterLeave:m,enterCancelled:h,leaveCancelled:g}=n.usePopoverEmits(o),_=(0,r.useModel)(a,`visible`),v=(0,r.computed)(()=>[s(),a.floatingClass]),y=(0,r.useSlots)(),b=(0,r.computed)(()=>{var e,n;let i=y==null||(e=y.default)==null||(e=e.call(y))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(n=i.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i});return(e,t)=>{let n=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(n,{visible:_.value,"onUpdate:visible":t[0]||(t[0]=e=>_.value=e),width:a.width,height:a.height,"max-width":a.maxWidth,"max-height":a.maxHeight,"floating-class":v.value,"floating-style":a.floatingStyle,disabled:a.disabled,theme:a.theme,placement:a.placement,trigger:a.trigger,"reverse-theme":a.reverseTheme,"show-delay":a.showDelay,"hide-delay":a.hideDelay,transition:a.transition,"css-duration":a.cssDuration,"css-transition":a.cssTransition,"show-arrow":a.showArrow,offset:a.offset,teleported:a.teleported,"append-to":a.appendTo,persistent:a.persistent,boundary:a.boundary,"element-context":a.elementContext,"alt-boundary":a.altBoundary,"root-boundary":a.rootBoundary,"arrow-size":a.arrowSize,"arrow-offset":a.arrowOffset,"flip-offset":a.flipOffset,"arrow-options":a.arrowOptions,"flip-options":a.flipOptions,"inline-options":a.inlineOptions,"is-external":a.isExternal,"external-ref":a.externalRef,"is-virtual":a.isVirtual,"virtual-ref":a.virtualRef,onBeforeEnter:(0,r.unref)(l),onEnter:(0,r.unref)(u),onAfterEnter:(0,r.unref)(d),onBeforeLeave:(0,r.unref)(f),onLeave:(0,r.unref)(p),onAfterLeave:(0,r.unref)(m),onEnterCancelled:(0,r.unref)(h),onLeaveCancelled:(0,r.unref)(g)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`title`,{},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`title`)])},(0,r.toDisplayString)(a.title),3)]),(0,r.renderSlot)(e.$slots,`content`,{},()=>[a.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)]),innerHTML:a.content},null,10,i)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)])},(0,r.toDisplayString)(a.content),3))])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(b.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=a;
|
|
1
|
+
const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popover-emit.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePopover`,__name:`popover`,props:(0,r.mergeModels)({title:{default:``},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},clickToToggle:{type:Boolean},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popover`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(a,{emit:o}){let{n:s,ns:c}=e.useNamespace(`popover`),{beforeEnter:l,enter:u,afterEnter:d,beforeLeave:f,leave:p,afterLeave:m,enterCancelled:h,leaveCancelled:g}=n.usePopoverEmits(o),_=(0,r.useModel)(a,`visible`),v=(0,r.computed)(()=>[s(),a.floatingClass]),y=(0,r.useSlots)(),b=(0,r.computed)(()=>{var e,n;let i=y==null||(e=y.default)==null||(e=e.call(y))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(n=i.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i});return(e,t)=>{let n=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(n,{visible:_.value,"onUpdate:visible":t[0]||(t[0]=e=>_.value=e),width:a.width,height:a.height,"max-width":a.maxWidth,"max-height":a.maxHeight,"floating-class":v.value,"floating-style":a.floatingStyle,disabled:a.disabled,theme:a.theme,placement:a.placement,trigger:a.trigger,"reverse-theme":a.reverseTheme,"show-delay":a.showDelay,"hide-delay":a.hideDelay,transition:a.transition,"css-duration":a.cssDuration,"css-transition":a.cssTransition,"show-arrow":a.showArrow,offset:a.offset,teleported:a.teleported,"append-to":a.appendTo,persistent:a.persistent,boundary:a.boundary,"element-context":a.elementContext,"alt-boundary":a.altBoundary,"root-boundary":a.rootBoundary,"arrow-size":a.arrowSize,"arrow-offset":a.arrowOffset,"flip-offset":a.flipOffset,"arrow-options":a.arrowOptions,"flip-options":a.flipOptions,"inline-options":a.inlineOptions,"is-external":a.isExternal,"external-ref":a.externalRef,"is-virtual":a.isVirtual,"virtual-ref":a.virtualRef,onBeforeEnter:(0,r.unref)(l),onEnter:(0,r.unref)(u),onAfterEnter:(0,r.unref)(d),onBeforeLeave:(0,r.unref)(f),onLeave:(0,r.unref)(p),onAfterLeave:(0,r.unref)(m),onEnterCancelled:(0,r.unref)(h),onLeaveCancelled:(0,r.unref)(g)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`title`,{},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`title`)])},(0,r.toDisplayString)(a.title),3)]),(0,r.renderSlot)(e.$slots,`content`,{},()=>[a.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)]),innerHTML:a.content},null,10,i)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)])},(0,r.toDisplayString)(a.content),3))])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(b.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=a;
|
package/cjs/components/primary-color/src/primary-color.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePrimaryColor`,__name:`primary-color`,props:{codeHtml:{default:``}},setup(a){let{nm:o,ns:s}=t.useNamespace(`colors`),{isDark:c}=n.useTheme(),l=(0,r.ref)([]),u=
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePrimaryColor`,__name:`primary-color`,props:{codeHtml:{default:``}},setup(a){let{nm:o,ns:s}=t.useNamespace(`colors`),{isDark:c}=n.useTheme(),l=(0,r.ref)([]),u=()=>{let t=Object.values(e.getCssVarsByPrefix(`--re-color-primary-base`))[0],n=Object.values(e.getCssVarsByPrefix(`--re-color-theme-bgcolor`))[0],r=Object.values(e.getCssVarsByPrefix(`--re-color-theme-reverse-bgcolor`))[0];l.value=[{base:t,shades:e.createColors(t,n,c.value?n:r)}]};return(0,r.watch)(c,()=>{(0,r.nextTick)(()=>{u()})}),(0,r.onMounted)(()=>{u()}),(e,t)=>((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(l.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.base,class:(0,r.normalizeClass)([(0,r.unref)(o)(`primary`)])},[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`base`)]),style:(0,r.normalizeStyle)({"background-color":e.base})},(0,r.toDisplayString)(e.base.toUpperCase()),7),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`shades`)])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.shades,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e,class:(0,r.normalizeClass)([(0,r.unref)(s)(`shade`)]),style:(0,r.normalizeStyle)({"background-color":e})},null,6))),128))],2),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`code`)]),innerHTML:a.codeHtml},null,10,i)],2))),128))}});exports.default=a;
|
package/cjs/components/secondary-color/src/secondary-color.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`ReSecondaryColor`,__name:`secondary-color`,props:{successCodeHtml:{default:``},warningCodeHtml:{default:``},dangerCodeHtml:{default:``},infoCodeHtml:{default:``}},setup(a){let{nm:o,ns:s}=t.useNamespace(`colors`),{isDark:c}=n.useTheme(),l=(0,r.ref)([]),u=
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`ReSecondaryColor`,__name:`secondary-color`,props:{successCodeHtml:{default:``},warningCodeHtml:{default:``},dangerCodeHtml:{default:``},infoCodeHtml:{default:``}},setup(a){let{nm:o,ns:s}=t.useNamespace(`colors`),{isDark:c}=n.useTheme(),l=(0,r.ref)([]),u=()=>{let t=Object.values(e.getCssVarsByPrefix(`re-color-success-base`))[0],n=Object.values(e.getCssVarsByPrefix(`re-color-warning-base`))[0],i=Object.values(e.getCssVarsByPrefix(`re-color-danger-base`))[0],o=Object.values(e.getCssVarsByPrefix(`re-color-info-base`))[0],s=Object.values(e.getCssVarsByPrefix(`--re-color-theme-bgcolor`))[0],u=Object.values(e.getCssVarsByPrefix(`--re-color-theme-reverse-bgcolor`))[0];l.value=[{base:t,text:`Success`,shades:e.createColors(t,s,c.value?s:u),codeHtml:(0,r.computed)(()=>a.successCodeHtml)},{base:n,text:`Warning `,shades:e.createColors(n,s,c.value?s:u),codeHtml:(0,r.computed)(()=>a.warningCodeHtml)},{base:i,text:`Danger/Error`,shades:e.createColors(i,s,c.value?s:u),codeHtml:(0,r.computed)(()=>a.dangerCodeHtml)},{base:o,text:`Info`,shades:e.createColors(o,s,c.value?s:u),codeHtml:(0,r.computed)(()=>a.infoCodeHtml)}]};return(0,r.watch)(c,()=>{(0,r.nextTick)(()=>{u()})}),(0,r.onMounted)(()=>{u()}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(o)(`secondary`)])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(l.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.base,class:(0,r.normalizeClass)([(0,r.unref)(s)(`panel`)])},[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`base`)]),style:(0,r.normalizeStyle)({"background-color":e.base})},[(0,r.createElementVNode)(`div`,null,(0,r.toDisplayString)(e.text),1),(0,r.createElementVNode)(`div`,null,(0,r.toDisplayString)(e.base.toUpperCase()),1)],6),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`shades`)])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.shades,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e,class:(0,r.normalizeClass)([(0,r.unref)(s)(`shade`)]),style:(0,r.normalizeStyle)({"background-color":e})},null,6))),128))],2),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`code`)]),innerHTML:e.codeHtml},null,10,i)],2))),128))],2))}});exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./use-tooltip-emit.js"),o=require("./use-tooltip.js"),s=require("./constants.js");let c=require("vue"),l=require("@floating-ui/vue");var u=[`innerHTML`],d=[`data-placement`],f=(0,c.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,c.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,c.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(f,{expose:p,emit:m}){let{beforeEnter:h,enter:g,afterEnter:_,beforeLeave:v,leave:y,afterLeave:b,enterCancelled:x,leaveCancelled:S}=a.useTooltipEmits(m),{ns:C,n:w,is:T}=t.useNamespace(`tooltip`),E=(0,c.useSlots)(),D=(0,c.computed)(()=>{var e,t;let n=E==null||(e=E.default)==null||(e=e.call(E))==null?void 0:e.filter(e=>e&&!s.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,c.h)(`span`,{},n):n}),O=(0,c.useTemplateRef)(`triggerRef`),k=(0,c.useTemplateRef)(`floatingRef`),A=(0,c.useTemplateRef)(`arrowRef`),j=(0,c.ref)(),M=(0,c.computed)(()=>f.isVirtual?f.virtualRef:f.isExternal?j.value:D.value?O.value:null),N=(0,c.useModel)(f,`visible`),{floatingStyles:P,middlewareData:F,placement:I,update:L}=(0,l.useFloating)(M,k,{open:N,placement:f.placement,strategy:`absolute`,middleware:[(0,l.inline)(f.inlineOptions),(0,l.offset)(f.offset),(0,l.flip)({padding:f.flipOffset,boundary:f.boundary,elementContext:f.elementContext,altBoundary:f.altBoundary,rootBoundary:f.rootBoundary,...f.flipOptions}),(0,l.arrow)({element:A,padding:f.arrowOffset,...f.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,l.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),R=(0,c.computed)(()=>[P.value,f.floatingStyle]),z=(0,c.computed)(()=>{let t=I.value.split(`-`)[0],n=s.staticSideMap[t],r=F.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${f.arrowSize/2}px`,width:e.toPx(f.arrowSize),height:e.toPx(f.arrowSize)}}),B=(0,c.computed)(()=>f.isVirtual?null:f.isExternal?f.externalRef:D.value?O.value:null),{stop:V,setup:H,delayShow:U,delayHide:W}=o.useTooltip({triggerRef:B,isExternal:f.isExternal,externalActiveRef:j,externalRef:(0,c.computed)(()=>f.externalRef),trigger:f.trigger,floatingRef:f.persistent?k:void 0,open:N,showDelay:f.showDelay,hideDelay:f.hideDelay,disabled:(0,c.computed)(()=>f.disabled)}),{scope:G}=H(),K=()=>{V(),G==null||G.stop()},{currentTheme:q}=r.useTheme(f.theme,f.reverseTheme),J=(0,c.computed)(()=>[R.value,{width:e.toPx(f.width),height:e.toPx(f.height),maxWidth:e.toPx(f.maxWidth),maxHeight:e.toPx(f.maxHeight),zIndex:Y.value}]),Y=(0,c.ref)(0),{zIndex:X}=n.useZIndex(),{stop:Z}=(0,c.watch)(N,e=>{e&&(Y.value=f.zIndex||X.value)});return(0,c.onUnmounted)(()=>{K(),Z()}),p({update:L,hide:()=>{N.value=!1},delayHide:W,show:()=>{N.value=!0},delayShow:U,triggerRef:M,floatingRef:k,arrowRef:A}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(D.value),{ref_key:`triggerRef`,ref:O,class:(0,c.normalizeClass)([(0,c.unref)(C)(`trigger`)])},null,8,[`class`])),(0,c.createVNode)((0,c.unref)(i.ReTransition),{teleported:f.teleported,"append-to":f.appendTo,transition:f.transition,"css-duration":f.cssDuration,"css-transition":f.cssTransition,onBeforeEnter:(0,c.unref)(h),onEnter:(0,c.unref)(g),onAfterEnter:(0,c.unref)(_),onBeforeLeave:(0,c.unref)(v),onLeave:(0,c.unref)(y),onAfterLeave:(0,c.unref)(b),onEnterCancelled:(0,c.unref)(x),onLeaveCancelled:(0,c.unref)(S)},{default:(0,c.withCtx)(()=>[N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:k,style:(0,c.normalizeStyle)(J.value),class:(0,c.normalizeClass)([(0,c.unref)(w)(),(0,c.unref)(T)((0,c.unref)(q),!!(0,c.unref)(q)),f.floatingClass])},[(0,c.renderSlot)(e.$slots,`content`,{isHtml:f.isHtml,content:f.content,zIndex:Y.value},()=>[f.isHtml?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)]),innerHTML:f.content},null,10,u)):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)])},(0,c.toDisplayString)(f.content),3))]),(0,c.renderSlot)(e.$slots,`arrow`,{showArrow:f.showArrow,arrowStyle:z.value,placement:(0,c.unref)(I),zIndex:Y.value},()=>[f.showArrow?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:A,"data-placement":(0,c.unref)(I),style:(0,c.normalizeStyle)(z.value),class:(0,c.normalizeClass)([(0,c.unref)(C)(`arrow`)])},null,14,d)):(0,c.createCommentVNode)(``,!0)])],6)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`,`onEnterCancelled`,`onLeaveCancelled`])],64))}});exports.default=f;
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./use-tooltip-emit.js"),o=require("./use-tooltip.js"),s=require("./constants.js");let c=require("vue"),l=require("@floating-ui/vue");var u=[`innerHTML`],d=[`data-placement`],f=(0,c.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,c.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},clickToToggle:{type:Boolean,default:!0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,c.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(f,{expose:p,emit:m}){let{beforeEnter:h,enter:g,afterEnter:_,beforeLeave:v,leave:y,afterLeave:b,enterCancelled:x,leaveCancelled:S}=a.useTooltipEmits(m),{ns:C,n:w,is:T}=t.useNamespace(`tooltip`),E=(0,c.useSlots)(),D=(0,c.computed)(()=>{var e,t;let n=E==null||(e=E.default)==null||(e=e.call(E))==null?void 0:e.filter(e=>e&&!s.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,c.h)(`span`,{},n):n}),O=(0,c.useTemplateRef)(`triggerRef`),k=(0,c.useTemplateRef)(`floatingRef`),A=(0,c.useTemplateRef)(`arrowRef`),j=(0,c.ref)(),M=(0,c.computed)(()=>f.isVirtual?f.virtualRef:f.isExternal?j.value:D.value?O.value:null),N=(0,c.useModel)(f,`visible`),{floatingStyles:P,middlewareData:F,placement:I,update:L}=(0,l.useFloating)(M,k,{open:N,placement:f.placement,strategy:`absolute`,middleware:[(0,l.inline)(f.inlineOptions),(0,l.offset)(f.offset),(0,l.flip)({padding:f.flipOffset,boundary:f.boundary,elementContext:f.elementContext,altBoundary:f.altBoundary,rootBoundary:f.rootBoundary,...f.flipOptions}),(0,l.arrow)({element:A,padding:f.arrowOffset,...f.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,l.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),R=(0,c.computed)(()=>[P.value,f.floatingStyle]),z=(0,c.computed)(()=>{let t=I.value.split(`-`)[0],n=s.staticSideMap[t],r=F.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${f.arrowSize/2}px`,width:e.toPx(f.arrowSize),height:e.toPx(f.arrowSize)}}),B=(0,c.computed)(()=>f.isVirtual?null:f.isExternal?f.externalRef:D.value?O.value:null),{stop:V,setup:H,delayShow:U,delayHide:W}=o.useTooltip({triggerRef:B,isExternal:f.isExternal,externalActiveRef:j,externalRef:(0,c.computed)(()=>f.externalRef),trigger:f.trigger,floatingRef:f.persistent?k:void 0,open:N,clickToToggle:f.clickToToggle,showDelay:parseFloat(f.showDelay),hideDelay:parseFloat(f.hideDelay),disabled:(0,c.computed)(()=>f.disabled)}),{scope:G}=H(),K=()=>{V(),G==null||G.stop()},{currentTheme:q}=r.useTheme(f.theme,f.reverseTheme),J=(0,c.computed)(()=>[R.value,{width:e.toPx(f.width),height:e.toPx(f.height),maxWidth:e.toPx(f.maxWidth),maxHeight:e.toPx(f.maxHeight),zIndex:Y.value}]),Y=(0,c.ref)(0),{zIndex:X}=n.useZIndex(),{stop:Z}=(0,c.watch)(N,e=>{e&&(Y.value=f.zIndex||X.value)});return(0,c.onUnmounted)(()=>{K(),Z()}),p({update:L,hide:()=>{N.value=!1},delayHide:W,show:()=>{N.value=!0},delayShow:U,triggerRef:M,floatingRef:k,arrowRef:A}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(D.value),{ref_key:`triggerRef`,ref:O,class:(0,c.normalizeClass)([(0,c.unref)(C)(`trigger`)])},null,8,[`class`])),(0,c.createVNode)((0,c.unref)(i.ReTransition),{teleported:f.teleported,"append-to":f.appendTo,transition:f.transition,"css-duration":f.cssDuration,"css-transition":f.cssTransition,onBeforeEnter:(0,c.unref)(h),onEnter:(0,c.unref)(g),onAfterEnter:(0,c.unref)(_),onBeforeLeave:(0,c.unref)(v),onLeave:(0,c.unref)(y),onAfterLeave:(0,c.unref)(b),onEnterCancelled:(0,c.unref)(x),onLeaveCancelled:(0,c.unref)(S)},{default:(0,c.withCtx)(()=>[N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:k,style:(0,c.normalizeStyle)(J.value),class:(0,c.normalizeClass)([(0,c.unref)(w)(),(0,c.unref)(T)((0,c.unref)(q),!!(0,c.unref)(q)),f.floatingClass])},[(0,c.renderSlot)(e.$slots,`content`,{isHtml:f.isHtml,content:f.content,zIndex:Y.value},()=>[f.isHtml?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)]),innerHTML:f.content},null,10,u)):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)])},(0,c.toDisplayString)(f.content),3))]),(0,c.renderSlot)(e.$slots,`arrow`,{showArrow:f.showArrow,arrowStyle:z.value,placement:(0,c.unref)(I),zIndex:Y.value},()=>[f.showArrow?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:A,"data-placement":(0,c.unref)(I),style:(0,c.normalizeStyle)(z.value),class:(0,c.normalizeClass)([(0,c.unref)(C)(`arrow`)])},null,14,d)):(0,c.createCommentVNode)(``,!0)])],6)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`,`onEnterCancelled`,`onLeaveCancelled`])],64))}});exports.default=f;
|
|
@@ -14,8 +14,9 @@ export interface TooltipProps {
|
|
|
14
14
|
maxHeight?: number | string;
|
|
15
15
|
trigger?: Trigger;
|
|
16
16
|
disabled?: boolean;
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
clickToToggle?: boolean;
|
|
18
|
+
showDelay?: number | string;
|
|
19
|
+
hideDelay?: number | string;
|
|
19
20
|
showArrow?: boolean;
|
|
20
21
|
floatingClass?: MaybeClass;
|
|
21
22
|
floatingStyle?: StyleValue;
|
|
@@ -57,6 +58,7 @@ export interface TriggerOptions {
|
|
|
57
58
|
trigger: string;
|
|
58
59
|
floatingRef?: ShallowRef<HTMLElement | null>;
|
|
59
60
|
open: ShallowRef<boolean>;
|
|
61
|
+
clickToToggle?: boolean;
|
|
60
62
|
showDelay?: number;
|
|
61
63
|
hideDelay?: number;
|
|
62
64
|
disabled?: ShallowRef<boolean | undefined> | ComputedRef<boolean | undefined>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EffectScope } from 'vue';
|
|
2
2
|
import { TriggerOptions } from './types';
|
|
3
|
-
export declare function useTooltip({ triggerRef, isExternal, externalActiveRef, externalRef, trigger, floatingRef, open, showDelay, hideDelay, disabled }: TriggerOptions): {
|
|
3
|
+
export declare function useTooltip({ triggerRef, isExternal, externalActiveRef, externalRef, trigger, floatingRef, open, clickToToggle, showDelay, hideDelay, disabled }: TriggerOptions): {
|
|
4
4
|
start: () => void;
|
|
5
5
|
stop: () => void;
|
|
6
6
|
setup: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=require("vue"),t=require("@vueuse/core");function n({triggerRef:n,isExternal:r,externalActiveRef:i,externalRef:a,trigger:o,floatingRef:s,open:c,showDelay:
|
|
1
|
+
let e=require("vue"),t=require("@vueuse/core");function n({triggerRef:n,isExternal:r,externalActiveRef:i,externalRef:a,trigger:o,floatingRef:s,open:c,clickToToggle:l,showDelay:u=0,hideDelay:d=0,disabled:f}){let p=[],m=(0,t.useDebounceFn)(()=>{c.value=!0},r?0:u),h=(0,t.useDebounceFn)(e=>{c.value=!1,typeof e==`function`&&e()},r?0:d),g=()=>{if(n.value)switch(o){case`click`:{let e=(0,t.useEventListener)(n,`click`,()=>{l&&c.value?h():m()}),r=(0,t.useElementHover)(s,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=(0,t.onClickOutside)(n,()=>{!r.value&&h()});p.push(e,i);break}case`hover`:{let i={delayEnter:u,delayLeave:d,triggerOnRemoval:!0},a=(0,t.useElementHover)(n,i),o=(0,t.useElementHover)(s,i);r&&c.value&&(a.value=!0);let{stop:l}=(0,e.watch)(()=>[a.value,o.value],([e,t])=>{c.value=e||t});p.push(l);break}case`focus`:{let e=(0,t.useEventListener)(n,`focus`,m),r=(0,t.useElementHover)(s,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=(0,t.useEventListener)(n,`blur`,()=>!r.value&&h()),a=(0,t.onClickOutside)(n,()=>!r.value&&h());p.push(e,i,a);break}case`contextmenu`:{let e=(0,t.useEventListener)(n,`contextmenu`,e=>{e.preventDefault(),m()}),r=(0,t.useElementHover)(s,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=(0,t.onClickOutside)(n,()=>!r.value&&h());p.push(e,i);break}}},_=()=>{p.forEach(e=>e())},v=()=>{c.value=!1,_()};return r&&(0,e.watch)(()=>a==null?void 0:a.value,e=>{if(!([`click`,`contextmenu`].includes(o)&&i.value===e)){if(!i.value||!c.value){i.value=e,m();return}h(()=>{i.value=e,m()})}}),{start:g,stop:v,setup:()=>{let t=(0,e.effectScope)();return t.run(()=>{if(c.value){_();return}if((0,e.unref)(f)){v();return}g(),(0,e.watch)(()=>(0,e.unref)(f),e=>{e?v():g()}),(0,e.watch)(n,e=>{e&&(_(),g())})}),{scope:t}},delayHide:h,delayShow:m}}exports.useTooltip=n;
|
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./utils/vue/index.js"),t=require("./utils/util.js");require("./utils/index.js");const n=require("./components/button/src/constants.js"),r=require("./composables/use-draggable/index.js"),i=require("./composables/use-date-format/index.js"),a=require("./composables/use-once-fn/index.js"),o=require("./composables/use-time-nodes/index.js"),ee=require("./composables/use-waterfall-layout/index.js"),te=require("./composables/use-namespace/index.js"),ne=require("./composables/use-z-index/index.js"),re=require("./composables/use-theme/index.js");require("./composables/index.js");const s=require("./components/button/index.js"),c=require("./components/input/index.js"),l=require("./components/tabs/index.js"),u=require("./components/primary-color/index.js"),d=require("./components/secondary-color/index.js"),f=require("./components/neutral-color/index.js"),p=require("./components/filter-panel/index.js"),m=require("./components/svg-icon/index.js"),h=require("./components/transition/src/use-transition-emit.js"),g=require("./components/transition/index.js"),_=require("./components/tooltip/src/use-tooltip-emit.js"),v=require("./components/tooltip/index.js"),y=require("./components/popover/src/use-popover-emit.js"),b=require("./components/popover/index.js"),x=require("./components/popconfirm/index.js"),S=require("./components/message/src/create-message.js"),C=require("./components/message/index.js"),w=require("./components/index.js"),T=require("./constants/svgLoading.js"),E=require("./directives/vDraggable.js"),D=require("./directives/vResizable.js"),O=require("./directives/vSvgLoading.js");require("./directives/index.js");const k=require("./svg-icons/icon-names.js"),A=require("./svg-icons/get-async-icon.js"),j=require("./svg-icons/src/arrow-right.js"),M=require("./svg-icons/src/arrow-left.js"),N=require("./svg-icons/src/arrow-up.js"),P=require("./svg-icons/src/arrow-down.js"),F=require("./svg-icons/src/search.js"),I=require("./svg-icons/src/search-bold.js"),L=require("./svg-icons/src/arrow-downward.js"),R=require("./svg-icons/src/arrow-upward.js"),z=require("./svg-icons/src/arrow-forward.js"),B=require("./svg-icons/src/arrow-backward.js"),V=require("./svg-icons/src/delete.js"),H=require("./svg-icons/src/close.js"),ie=require("./svg-icons/src/close-short.js"),U=require("./svg-icons/src/loading.js"),W=require("./svg-icons/src/more-dot-square.js"),G=require("./svg-icons/src/more-dot-square-horizontal.js"),K=require("./svg-icons/src/more-line.js"),q=require("./svg-icons/src/more-dot-circle.js"),J=require("./svg-icons/src/more-dot-circle-horizontal.js"),Y=require("./svg-icons/src/copy.js"),ae=require("./svg-icons/src/copy-closure.js"),oe=require("./svg-icons/src/star.js"),se=require("./svg-icons/src/star-fill.js"),ce=require("./svg-icons/src/help.js"),le=require("./svg-icons/src/exclam.js"),ue=require("./svg-icons/src/more-dot-circle-outline-vertical.js"),de=require("./svg-icons/src/more-dot-circle-outline-horizontal.js"),fe=require("./svg-icons/src/check.js"),pe=require("./svg-icons/src/check-circle.js"),me=require("./svg-icons/src/close-circle.js"),he=require("./svg-icons/src/info-circle.js"),ge=require("./svg-icons/src/check-fill.js"),_e=require("./svg-icons/src/info-fill.js"),ve=require("./svg-icons/src/close-fill.js"),ye=require("./svg-icons/src/exclam-fill.js"),X=require("./svg-icons/index.js"),be=require("./rappel-ui/resolvers.js");var Z=e.createGlobalInstaller(Object.values({...w.components_exports,...X.svg_icons_exports})),Q=Z.install,$=Z.version,xe={install:Q,version:$,...w.components_exports,...X.svg_icons_exports};exports.ArrowBackward=B.ArrowBackward,exports.ArrowDown=P.ArrowDown,exports.ArrowDownward=L.ArrowDownward,exports.ArrowForward=z.ArrowForward,exports.ArrowLeft=M.ArrowLeft,exports.ArrowRight=j.ArrowRight,exports.ArrowUp=N.ArrowUp,exports.ArrowUpward=R.ArrowUpward,exports.Check=fe.Check,exports.CheckCircle=pe.CheckCircle,exports.CheckFill=ge.CheckFill,exports.Close=H.Close,exports.CloseCircle=me.CloseCircle,exports.CloseFill=ve.CloseFill,exports.CloseShort=ie.CloseShort,exports.Copy=Y.Copy,exports.CopyClosure=ae.CopyClosure,exports.Delete=V.Delete,exports.Exclam=le.Exclam,exports.ExclamFill=ye.ExclamFill,exports.Help=ce.Help,exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.InfoCircle=he.InfoCircle,exports.InfoFill=_e.InfoFill,exports.Loading=U.Loading,exports.MoreDotCircle=q.MoreDotCircle,exports.MoreDotCircleHorizontal=J.MoreDotCircleHorizontal,exports.MoreDotCircleOutlineHorizontal=de.MoreDotCircleOutlineHorizontal,exports.MoreDotCircleOutlineVertical=ue.MoreDotCircleOutlineVertical,exports.MoreDotSquare=W.MoreDotSquare,exports.MoreDotSquareHorizontal=G.MoreDotSquareHorizontal,exports.MoreLine=K.MoreLine,exports.RappelUIResolver=be.RappelUIResolver,exports.ReButton=s.ReButton,exports.ReButtonGroup=s.ReButtonGroup,exports.ReFilterPanel=p.ReFilterPanel,exports.ReInput=c.ReInput,exports.ReMessage=C.ReMessage,exports.ReNeutralColor=f.ReNeutralColor,exports.RePopconfirm=x.RePopconfirm,exports.RePopover=b.RePopover,exports.RePrimaryColor=u.RePrimaryColor,exports.ReSecondaryColor=d.ReSecondaryColor,exports.ReSvgIcon=m.ReSvgIcon,exports.ReTabs=l.ReTabs,exports.ReTooltip=v.ReTooltip,exports.ReTransition=g.ReTransition,exports.Search=F.Search,exports.SearchBold=I.SearchBold,exports.Star=oe.Star,exports.StarFill=se.StarFill,exports._buttonGroupProps=n._buttonGroupProps,exports.applyResizable=D.applyResizable,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.buttonNativeTypes=n.buttonNativeTypes,exports.buttonSizes=n.buttonSizes,exports.buttonTypes=n.buttonTypes,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createMessage=S.createMessage,exports.createOverload=t.createOverload,exports.
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./utils/vue/index.js"),t=require("./utils/util.js");require("./utils/index.js");const n=require("./components/button/src/constants.js"),r=require("./composables/use-draggable/index.js"),i=require("./composables/use-date-format/index.js"),a=require("./composables/use-once-fn/index.js"),o=require("./composables/use-time-nodes/index.js"),ee=require("./composables/use-waterfall-layout/index.js"),te=require("./composables/use-namespace/index.js"),ne=require("./composables/use-z-index/index.js"),re=require("./composables/use-theme/index.js");require("./composables/index.js");const s=require("./components/button/index.js"),c=require("./components/input/index.js"),l=require("./components/tabs/index.js"),u=require("./components/primary-color/index.js"),d=require("./components/secondary-color/index.js"),f=require("./components/neutral-color/index.js"),p=require("./components/filter-panel/index.js"),m=require("./components/svg-icon/index.js"),h=require("./components/transition/src/use-transition-emit.js"),g=require("./components/transition/index.js"),_=require("./components/tooltip/src/use-tooltip-emit.js"),v=require("./components/tooltip/index.js"),y=require("./components/popover/src/use-popover-emit.js"),b=require("./components/popover/index.js"),x=require("./components/popconfirm/index.js"),S=require("./components/message/src/create-message.js"),C=require("./components/message/index.js"),w=require("./components/index.js"),T=require("./constants/svgLoading.js"),E=require("./directives/vDraggable.js"),D=require("./directives/vResizable.js"),O=require("./directives/vSvgLoading.js");require("./directives/index.js");const k=require("./svg-icons/icon-names.js"),A=require("./svg-icons/get-async-icon.js"),j=require("./svg-icons/src/arrow-right.js"),M=require("./svg-icons/src/arrow-left.js"),N=require("./svg-icons/src/arrow-up.js"),P=require("./svg-icons/src/arrow-down.js"),F=require("./svg-icons/src/search.js"),I=require("./svg-icons/src/search-bold.js"),L=require("./svg-icons/src/arrow-downward.js"),R=require("./svg-icons/src/arrow-upward.js"),z=require("./svg-icons/src/arrow-forward.js"),B=require("./svg-icons/src/arrow-backward.js"),V=require("./svg-icons/src/delete.js"),H=require("./svg-icons/src/close.js"),ie=require("./svg-icons/src/close-short.js"),U=require("./svg-icons/src/loading.js"),W=require("./svg-icons/src/more-dot-square.js"),G=require("./svg-icons/src/more-dot-square-horizontal.js"),K=require("./svg-icons/src/more-line.js"),q=require("./svg-icons/src/more-dot-circle.js"),J=require("./svg-icons/src/more-dot-circle-horizontal.js"),Y=require("./svg-icons/src/copy.js"),ae=require("./svg-icons/src/copy-closure.js"),oe=require("./svg-icons/src/star.js"),se=require("./svg-icons/src/star-fill.js"),ce=require("./svg-icons/src/help.js"),le=require("./svg-icons/src/exclam.js"),ue=require("./svg-icons/src/more-dot-circle-outline-vertical.js"),de=require("./svg-icons/src/more-dot-circle-outline-horizontal.js"),fe=require("./svg-icons/src/check.js"),pe=require("./svg-icons/src/check-circle.js"),me=require("./svg-icons/src/close-circle.js"),he=require("./svg-icons/src/info-circle.js"),ge=require("./svg-icons/src/check-fill.js"),_e=require("./svg-icons/src/info-fill.js"),ve=require("./svg-icons/src/close-fill.js"),ye=require("./svg-icons/src/exclam-fill.js"),X=require("./svg-icons/index.js"),be=require("./rappel-ui/resolvers.js");var Z=e.createGlobalInstaller(Object.values({...w.components_exports,...X.svg_icons_exports})),Q=Z.install,$=Z.version,xe={install:Q,version:$,...w.components_exports,...X.svg_icons_exports};exports.ArrowBackward=B.ArrowBackward,exports.ArrowDown=P.ArrowDown,exports.ArrowDownward=L.ArrowDownward,exports.ArrowForward=z.ArrowForward,exports.ArrowLeft=M.ArrowLeft,exports.ArrowRight=j.ArrowRight,exports.ArrowUp=N.ArrowUp,exports.ArrowUpward=R.ArrowUpward,exports.Check=fe.Check,exports.CheckCircle=pe.CheckCircle,exports.CheckFill=ge.CheckFill,exports.Close=H.Close,exports.CloseCircle=me.CloseCircle,exports.CloseFill=ve.CloseFill,exports.CloseShort=ie.CloseShort,exports.Copy=Y.Copy,exports.CopyClosure=ae.CopyClosure,exports.Delete=V.Delete,exports.Exclam=le.Exclam,exports.ExclamFill=ye.ExclamFill,exports.Help=ce.Help,exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.InfoCircle=he.InfoCircle,exports.InfoFill=_e.InfoFill,exports.Loading=U.Loading,exports.MoreDotCircle=q.MoreDotCircle,exports.MoreDotCircleHorizontal=J.MoreDotCircleHorizontal,exports.MoreDotCircleOutlineHorizontal=de.MoreDotCircleOutlineHorizontal,exports.MoreDotCircleOutlineVertical=ue.MoreDotCircleOutlineVertical,exports.MoreDotSquare=W.MoreDotSquare,exports.MoreDotSquareHorizontal=G.MoreDotSquareHorizontal,exports.MoreLine=K.MoreLine,exports.RappelUIResolver=be.RappelUIResolver,exports.ReButton=s.ReButton,exports.ReButtonGroup=s.ReButtonGroup,exports.ReFilterPanel=p.ReFilterPanel,exports.ReInput=c.ReInput,exports.ReMessage=C.ReMessage,exports.ReNeutralColor=f.ReNeutralColor,exports.RePopconfirm=x.RePopconfirm,exports.RePopover=b.RePopover,exports.RePrimaryColor=u.RePrimaryColor,exports.ReSecondaryColor=d.ReSecondaryColor,exports.ReSvgIcon=m.ReSvgIcon,exports.ReTabs=l.ReTabs,exports.ReTooltip=v.ReTooltip,exports.ReTransition=g.ReTransition,exports.Search=F.Search,exports.SearchBold=I.SearchBold,exports.Star=oe.Star,exports.StarFill=se.StarFill,exports._buttonGroupProps=n._buttonGroupProps,exports.applyResizable=D.applyResizable,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.buttonNativeTypes=n.buttonNativeTypes,exports.buttonSizes=n.buttonSizes,exports.buttonTypes=n.buttonTypes,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createMessage=S.createMessage,exports.createOverload=t.createOverload,exports.deepClone=t.deepClone,exports.default=xe,exports.deleteKeys=t.deleteKeys,exports.flatArr=t.flatArr,exports.getAsyncIcon=A.getAsyncIcon,exports.getCssVarsByPrefix=t.getCssVarsByPrefix,exports.getEqualOpacityColor=t.getEqualOpacityColor,exports.hasOwnProperty=t.hasOwnProperty,exports.hexToRGB=t.hexToRGB,exports.iconNames=k.iconNames,exports.install=Q,exports.isPlainObject=t.isPlainObject,exports.joinURLs=t.joinURLs,exports.lineBreakToComma=t.lineBreakToComma,exports.mixedColor=t.mixedColor,exports.omitEmptyKeys=t.omitEmptyKeys,exports.paramsToFormData=t.paramsToFormData,exports.readTxtByEncodes=t.readTxtByEncodes,exports.readTxtFile=t.readTxtFile,exports.rgbToHex=t.rgbToHex,exports.setURLSearchParams=t.setURLSearchParams,exports.singleton=t.singleton,exports.svgLoadingContent=T.svgLoadingContent,exports.toKebabCase=t.toKebabCase,exports.toLowerCase=e.toLowerCase,exports.toPascalCase=e.toPascalCase,exports.toPx=t.toPx,exports.transitionSize=t.transitionSize,exports.useDateFormat=i.useDateFormat,exports.useDraggable=r.useDraggable,exports.useNamespace=te.useNamespace,exports.useOnceFn=a.useOnceFn,exports.usePopoverEmits=y.usePopoverEmits,exports.useTheme=re.useTheme,exports.useTimeNodes=o.useTimeNodes,exports.useTooltipEmits=_.useTooltipEmits,exports.useTransitionEmits=h.useTransitionEmits,exports.useWaterFallLayout=ee.useWaterFallLayout,exports.useZIndex=ne.useZIndex,exports.vDraggable=E.vDraggable,exports.vResizable=D.vResizable,exports.vSvgLoading=O.vSvgLoading,exports.version=$,exports.withInstall=e.withInstall,exports.withMultiInstall=e.withMultiInstall;
|
package/cjs/utils/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./vue/index.js"),t=require("./util.js");exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createOverload=t.createOverload,exports.
|
|
1
|
+
const e=require("./vue/index.js"),t=require("./util.js");exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createOverload=t.createOverload,exports.deepClone=t.deepClone,exports.deleteKeys=t.deleteKeys,exports.flatArr=t.flatArr,exports.getCssVarsByPrefix=t.getCssVarsByPrefix,exports.getEqualOpacityColor=t.getEqualOpacityColor,exports.hasOwnProperty=t.hasOwnProperty,exports.hexToRGB=t.hexToRGB,exports.isPlainObject=t.isPlainObject,exports.joinURLs=t.joinURLs,exports.lineBreakToComma=t.lineBreakToComma,exports.mixedColor=t.mixedColor,exports.omitEmptyKeys=t.omitEmptyKeys,exports.paramsToFormData=t.paramsToFormData,exports.readTxtByEncodes=t.readTxtByEncodes,exports.readTxtFile=t.readTxtFile,exports.rgbToHex=t.rgbToHex,exports.setURLSearchParams=t.setURLSearchParams,exports.singleton=t.singleton,exports.toKebabCase=t.toKebabCase,exports.toLowerCase=e.toLowerCase,exports.toPascalCase=e.toPascalCase,exports.toPx=t.toPx,exports.transitionSize=t.transitionSize,exports.withInstall=e.withInstall,exports.withMultiInstall=e.withMultiInstall;
|
package/cjs/utils/util.d.ts
CHANGED
|
@@ -77,20 +77,33 @@ export declare function buildTree(data: any[], props?: {
|
|
|
77
77
|
children: string;
|
|
78
78
|
parentId: string;
|
|
79
79
|
}): any[];
|
|
80
|
+
export declare function hexToRGB(hexColor: string): {
|
|
81
|
+
r: number;
|
|
82
|
+
g: number;
|
|
83
|
+
b: number;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* r,g,b 输入可以浮点数,最终输出 #rrggbb
|
|
87
|
+
* @param r 0‑255
|
|
88
|
+
* @param g 0‑255
|
|
89
|
+
* @param b 0‑255
|
|
90
|
+
*/
|
|
91
|
+
export declare function rgbToHex(r: number, g: number, b: number): string;
|
|
80
92
|
/**
|
|
81
93
|
* 计算半透明颜色与白色背景混合后的等效不透明颜色值
|
|
82
94
|
* @param hexColor 原始十六进制颜色值 (例如 '#a895ff')
|
|
83
95
|
* @param opacity 透明度值 (0-1之间,默认为0.9)
|
|
84
96
|
* @returns 等效的不透明颜色值 (十六进制格式)
|
|
85
97
|
*/
|
|
86
|
-
export declare function getEqualOpacityColor(hexColor: string,
|
|
98
|
+
export declare function getEqualOpacityColor(hexColor: string, bgcolor?: string, opacity?: number): string;
|
|
87
99
|
/**
|
|
88
|
-
*
|
|
89
|
-
* @param
|
|
90
|
-
* @param
|
|
100
|
+
* Mixed color(Hexadecimal)
|
|
101
|
+
* @param baseColor 原始颜色(十六进制, 例如 '#a895ff')
|
|
102
|
+
* @param mixColor 混入颜色(十六进制,例如 '#000000')
|
|
103
|
+
* @param ratio 混合比率 (0-1, 0表示完全不改变,1表示完全变为混入色)
|
|
91
104
|
* @returns 调整后的颜色值
|
|
92
105
|
*/
|
|
93
|
-
export declare function
|
|
106
|
+
export declare function mixedColor(baseColor: string, mixColor: string, ratio?: number): string;
|
|
94
107
|
/**
|
|
95
108
|
* @description 创建层次颜色数组,包含一个变暗的颜色(hover/active)和多个透明度的等值颜色值
|
|
96
109
|
* @param baseColor - 基础颜色的十六进制字符串 (例如 '#a895ff')
|
|
@@ -99,7 +112,7 @@ export declare function darkenColor(hexColor: string, factor?: number): string;
|
|
|
99
112
|
* @param opacityLevels - 透明度数组,默认为 [0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1]
|
|
100
113
|
* @returns 层次颜色数组
|
|
101
114
|
*/
|
|
102
|
-
export declare function createColors(baseColor: string,
|
|
115
|
+
export declare function createColors(baseColor: string, bgcolor: string | undefined, mixColor: string, mixRatio?: number, opacityLevels?: number[]): string[];
|
|
103
116
|
/**
|
|
104
117
|
* @description 判断对象是否具有指定的键.
|
|
105
118
|
*
|
package/cjs/utils/util.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
function e(e){let t=new FormData;for(let n in e)t.append(n,e[n]);return t}function t(e,t){let n=new URL(e),r=new URLSearchParams(n.search);for(let e in t)![``,void 0,null].includes(t[e])&&r.set(e,t[e]);return n.search=r.toString(),n.href}function n(...e){let t=e[0];for(let n=1;n<e.length;n++)t[t.length-1]===`/`&&e[n][0]===`/`?t+=e[n].slice(1):t[t.length-1]===`/`||e[n][0]===`/`?t+=e[n]:t+=`/${e[n]}`;return t}function r(e){try{return JSON.parse(JSON.stringify(e))}catch{return null}}function i(e){let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=0,r=t[0];for(;e>=1024&&n<t.length-1;)e/=1024,n++,r=t[n];let i=e.toString(),a=i.indexOf(`.`);return e=a===-1?e:parseFloat(i.substring(0,a+3)),`${e}${r}}`}function a(e,t){return new Promise((n,r)=>{let i=new FileReader;i.onload=e=>{var t;n((t=e.target)==null?void 0:t.result)},i.onerror=e=>{r(e)},i.readAsText(e,t)})}async function o(e,t=[`UTF-8`,`GBK`,`GB2312`]){for(let n of t){let t=await a(e,n);if(!(t&&t.indexOf(`�`)>-1))return t}return``}function s(e){if(!e)return``;let t=``;return e.includes(`,`)?t=e.replace(/,/g,`,`):e.includes(`\r
|
|
2
2
|
`)?t=e.replace(/\r\n/g,`,`):e.includes(`
|
|
3
|
-
`)?t=e.replace(/\n/g,`,`):e.includes(`\r`)?t=e.replace(/\r/g,`,`):e.includes(`↵`)&&(t=e.replace(/↵/g,`,`)),t.replace(/,+/g,`,`).replace(/^,|,$/g,``).replace(/\s+/g,``)}function c(e){let t,n=new Proxy(e,{construct(e,n){return t||(t=Reflect.construct(e,n),t)}});return n.prototype.constructor=n,n}function l(){let e=new Map;function t(...t){let n=t.map(e=>typeof e).join(`,`),r=e.get(n);if(!r)throw Error(
|
|
3
|
+
`)?t=e.replace(/\n/g,`,`):e.includes(`\r`)?t=e.replace(/\r/g,`,`):e.includes(`↵`)&&(t=e.replace(/↵/g,`,`)),t.replace(/,+/g,`,`).replace(/^,|,$/g,``).replace(/\s+/g,``)}function c(e){let t,n=new Proxy(e,{construct(e,n){return t||(t=Reflect.construct(e,n),t)}});return n.prototype.constructor=n,n}function l(){let e=new Map;function t(...t){let n=t.map(e=>typeof e).join(`,`),r=e.get(n);if(!r)throw Error(`no overload function found`);return r.apply(this,t)}return t.add=function(...t){let n=t.pop();if(typeof n!=`function`)throw Error(`the last parameter must be a function`);let r=t.join(`,`);e.set(r,n)},t}function u(e,t={label:`label`,value:`value`,children:`children`,parentId:`parentId`}){let n=[],r=new WeakMap;return e.forEach(e=>{e.label=e[t.label],e.value=e[t.value],e.children=[],r.set(e[t.value],e)}),e.forEach(e=>{let i=r.get(e[t.parentId]);i?i.children.push(e):n.push(e)}),n}function d(e){return e=e.replace(`#`,``),e.length===3&&(e=e.split(``).map(e=>e+e).join(``)),{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16)}}function f(e,t,n){let r=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`}function p(e,t=`#ffffff`,n=1){let{r,g:i,b:a}=d(e),{r:o,g:s,b:c}=d(t);return f(Math.round(r*n+o*(1-n)),Math.round(i*n+s*(1-n)),Math.round(a*n+c*(1-n)))}function m(e,t,n=.16){let{r,g:i,b:a}=d(e),{r:o,g:s,b:c}=d(t);return f(Math.round(r*(1-n)+o*n),Math.round(i*(1-n)+s*n),Math.round(a*(1-n)+c*n))}function h(e,t=`#ffffff`,n,r=.12,i=[.9,.8,.7,.6,.5,.4,.3,.2,.1]){return[m(e,n,r),m(e,n,r/2)].concat(i.map(n=>p(e,t,n)))}function g(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e){return typeof e==`object`&&!!e&&Object.getPrototypeOf(e)===Object.prototype}function v(e,t){if(!e||!t||!_(e))return e;let n={...e};return(Array.isArray(t)?t:[t]).forEach(e=>{Reflect.deleteProperty(n,e)}),n}function y(e,t=`children`){return!e||!Array.isArray(e)?[]:e.reduce((e,n)=>Array.isArray(n)?e.concat(y(n,t)):n&&_(n)&&n[t]?e.concat(v(n,[t]),y(n[t],t)):e.concat(n),[])}function b(e,t=[``,void 0,null]){if(!e||!_(e))return e;let n={},r=e=>t.some(t=>Array.isArray(t)&&Array.isArray(e)?t.length===0&&e.length===0:_(t)&&_(e)?Object.keys(t).length===0&&Object.keys(e).length===0:t===e);for(let t in e)g(e,t)&&(r(e[t])||(n[t]=e[t]));return n}function x(e,t=`height`,n,r=`all 0.3s ease-in-out`){if(!e)return;let i={height:()=>e.offsetHeight,width:()=>e.offsetWidth};if(Object.keys(i).includes(t)){if(n){e.style.transition=`none`,e.style[t]=`auto`;let n=i[t]();e.style[t]=`0px`,i[t](),e.style.transition=r,e.style[t]=`${n}px`}else e.style.transition=r,e.style[t]=`0px`}}function S(e){return new Promise(t=>{var n;if((n=navigator)!=null&&(n=n.clipboard)!=null&&n.writeText&&window.isSecureContext){navigator.clipboard.writeText(e).then(()=>{t(!0)}).catch(()=>{t(!1)});return}let r=document.createElement(`textarea`);r.value=e,r.style.position=`fixed`,r.style.left=`-9999px`,r.style.top=`-9999px`,r.style.opacity=`0`,document.body.appendChild(r),r.select();try{t(document.execCommand(`copy`)),document.body.removeChild(r)}catch{t(!1),document.body.removeChild(r)}})}function C(e){return parseFloat(e)==e?`${e}px`:e}function w(e,t=document.documentElement){let n=getComputedStyle(t),r={};for(let t=0;t<n.length;t++){let i=n[t];i.startsWith(`--`)&&i.includes(e)&&(r[i]=n.getPropertyValue(i).trim())}return r}function T(e){return e.replace(/([A-Z])/g,`-$1`).toLowerCase().replace(/^-/,``)}exports.autoCalcFileSize=i,exports.buildTree=u,exports.copyText=S,exports.createColors=h,exports.createOverload=l,exports.deepClone=r,exports.deleteKeys=v,exports.flatArr=y,exports.getCssVarsByPrefix=w,exports.getEqualOpacityColor=p,exports.hasOwnProperty=g,exports.hexToRGB=d,exports.isPlainObject=_,exports.joinURLs=n,exports.lineBreakToComma=s,exports.mixedColor=m,exports.omitEmptyKeys=b,exports.paramsToFormData=e,exports.readTxtByEncodes=o,exports.readTxtFile=a,exports.rgbToHex=f,exports.setURLSearchParams=t,exports.singleton=c,exports.toKebabCase=T,exports.toPx=C,exports.transitionSize=x;
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--re-color-primary:#a895ff;--re-color-text-darkest:#000000;--re-color-text-darker:#303131;--re-color-text-base:#606062;--re-color-text-dark:#909093;--re-color-text-light:#b2b2b6;--re-color-text-lighter:#cdcdd1;--re-color-text-lightest:#ffffff;--re-color-border-darker:#c3c3cb;--re-color-border-dark:#d0d0d8;--re-color-border-base:#dbdbe0;--re-color-border-light:#e4e4e8;--re-color-border-lighter:#ededef;--re-color-border-lightest:#efeff3;--re-color-fill-darker:#d7d7dc;--re-color-fill-dark:#e8e8ec;--re-color-fill-base:#ededf0;--re-color-fill-light:#f1f1f4;--re-color-fill-lighter:#f6f6f7;--re-color-fill-lightest:#f8f8f9;--re-color-fill-blank:#ffffff;--re-color-fill-transparent:transparent;--re-color-theme-bgcolor:#ffffff;--re-color-theme-reverse-bgcolor:#1b1b1f;--re-color-primary-base:#a895ff;--re-color-primary-active:#9786e4;--re-color-primary-hover:#a08ef2;--re-color-primary-shade-9:#b1a0ff;--re-color-primary-shade-8:#b9aaff;--re-color-primary-shade-7:#c2b5ff;--re-color-primary-shade-6:#cbbfff;--re-color-primary-shade-5:#d4caff;--re-color-primary-shade-4:#dcd5ff;--re-color-primary-shade-3:#e5dfff;--re-color-primary-shade-2:#eeeaff;--re-color-primary-shade-1:#f6f4ff;--re-color-success-base:#06be08;--re-color-success-active:#09aa0b;--re-color-success-hover:#07b409;--re-color-success-shade-9:#1fc521;--re-color-success-shade-8:#38cb39;--re-color-success-shade-7:#51d252;--re-color-success-shade-6:#6ad86b;--re-color-success-shade-5:#83df84;--re-color-success-shade-4:#9be59c;--re-color-success-shade-3:#b4ecb5;--re-color-success-shade-2:#cdf2ce;--re-color-success-shade-1:#e6f9e6;--re-color-danger-base:#ef717f;--re-color-danger-active:#d66773;--re-color-danger-hover:#e26c79;--re-color-danger-shade-9:#f17f8c;--re-color-danger-shade-8:#f28d99;--re-color-danger-shade-7:#f49ca5;--re-color-danger-shade-6:#f5aab2;--re-color-danger-shade-5:#f7b8bf;--re-color-danger-shade-4:#f9c6cc;--re-color-danger-shade-3:#fad4d9;--re-color-danger-shade-2:#fce3e5;--re-color-danger-shade-1:#fdf1f2;--re-color-error-base:#ef717f;--re-color-error-active:#d66773;--re-color-error-hover:#e26c79;--re-color-error-shade-9:#f17f8c;--re-color-error-shade-8:#f28d99;--re-color-error-shade-7:#f49ca5;--re-color-error-shade-6:#f5aab2;--re-color-error-shade-5:#f7b8bf;--re-color-error-shade-4:#f9c6cc;--re-color-error-shade-3:#fad4d9;--re-color-error-shade-2:#fce3e5;--re-color-error-shade-1:#fdf1f2;--re-color-warning-base:#e6a205;--re-color-warning-active:#ce9208;--re-color-warning-hover:#da9a07;--re-color-warning-shade-9:#e9ab1e;--re-color-warning-shade-8:#ebb537;--re-color-warning-shade-7:#eebe50;--re-color-warning-shade-6:#f0c769;--re-color-warning-shade-5:#f3d182;--re-color-warning-shade-4:#f5da9b;--re-color-warning-shade-3:#f8e3b4;--re-color-warning-shade-2:#faeccd;--re-color-warning-shade-1:#fdf6e6;--re-color-info-base:#9a9a9a;--re-color-info-active:#8b8b8b;--re-color-info-hover:#929293;--re-color-info-shade-9:#a4a4a4;--re-color-info-shade-8:#aeaeae;--re-color-info-shade-7:#b8b8b8;--re-color-info-shade-6:#c2c2c2;--re-color-info-shade-5:#cdcdcd;--re-color-info-shade-4:#d7d7d7;--re-color-info-shade-3:#e1e1e1;--re-color-info-shade-2:#ebebeb;--re-color-info-shade-1:#f5f5f5}:root.dark{--re-color-text-darkest:#ffffff;--re-color-text-darker:#e0e0e2;--re-color-text-base:#d0d0d4;--re-color-text-dark:#b2b2b6;--re-color-text-light:#909093;--re-color-text-lighter:#606062;--re-color-text-lightest:#303131;--re-color-border-darker:#8e8e91;--re-color-border-dark:#6b6b6f;--re-color-border-base:#5b5b5f;--re-color-border-light:#4d4d51;--re-color-border-lighter:#3b3b3d;--re-color-border-lightest:#2c2c2e;--re-color-fill-darker:#6b6b6f;--re-color-fill-dark:#5b5b5f;--re-color-fill-base:#4d4d51;--re-color-fill-light:#3b3b3d;--re-color-fill-lighter:#323236;--re-color-fill-lightest:#2c2c2e;--re-color-fill-blank:#1b1b1f;--re-color-fill-transparent:transparent;--re-color-theme-bgcolor:#1b1b1f;--re-color-theme-reverse-bgcolor:#ffffff;--re-color-primary-base:#a895ff;--re-color-primary-active:#9786e4;--re-color-primary-hover:#a08ef2;--re-color-primary-shade-9:#9a89e9;--re-color-primary-shade-8:#8c7dd2;--re-color-primary-shade-7:#7e70bc;--re-color-primary-shade-6:#7064a5;--re-color-primary-shade-5:#62588f;--re-color-primary-shade-4:#534c79;--re-color-primary-shade-3:#454062;--re-color-primary-shade-2:#37334c;--re-color-primary-shade-1:#292735;--re-color-success-base:#06be08;--re-color-success-active:#09aa0b;--re-color-success-hover:#07b409;--re-color-success-shade-9:#08ae0a;--re-color-success-shade-8:#0a9d0d;--re-color-success-shade-7:#0c8d0f;--re-color-success-shade-6:#0e7d11;--re-color-success-shade-5:#116d14;--re-color-success-shade-4:#135c16;--re-color-success-shade-3:#154c18;--re-color-success-shade-2:#173c1a;--re-color-success-shade-1:#192b1d;--re-color-danger-base:#ef717f;--re-color-danger-active:#d66773;--re-color-danger-hover:#e26c79;--re-color-danger-shade-9:#da6875;--re-color-danger-shade-8:#c5606c;--re-color-danger-shade-7:#af5762;--re-color-danger-shade-6:#9a4f59;--re-color-danger-shade-5:#85464f;--re-color-danger-shade-4:#703d45;--re-color-danger-shade-3:#5b353c;--re-color-danger-shade-2:#452c32;--re-color-danger-shade-1:#302429;--re-color-error-base:#ef717f;--re-color-error-active:#d66773;--re-color-error-hover:#e26c79;--re-color-error-shade-9:#da6875;--re-color-error-shade-8:#c5606c;--re-color-error-shade-7:#af5762;--re-color-error-shade-6:#9a4f59;--re-color-error-shade-5:#85464f;--re-color-error-shade-4:#703d45;--re-color-error-shade-3:#5b353c;--re-color-error-shade-2:#452c32;--re-color-error-shade-1:#302429;--re-color-warning-base:#e6a205;--re-color-warning-active:#ce9208;--re-color-warning-hover:#da9a07;--re-color-warning-shade-9:#d29508;--re-color-warning-shade-8:#bd870a;--re-color-warning-shade-7:#a97a0d;--re-color-warning-shade-6:#956c0f;--re-color-warning-shade-5:#815f12;--re-color-warning-shade-4:#6c5115;--re-color-warning-shade-3:#584417;--re-color-warning-shade-2:#44361a;--re-color-warning-shade-1:#2f291c;--re-color-info-base:#9a9a9a;--re-color-info-active:#8b8b8b;--re-color-info-hover:#929293;--re-color-info-shade-9:#8d8d8e;--re-color-info-shade-8:#818181;--re-color-info-shade-7:#747475;--re-color-info-shade-6:#676769;--re-color-info-shade-5:#5b5b5d;--re-color-info-shade-4:#4e4e50;--re-color-info-shade-3:#414144;--re-color-info-shade-2:#343438;--re-color-info-shade-1:#28282b}:root{--re-root-font-size:16px;--re-base-font-size:14px;--re-base-border-radius:4px;font-size:var(--re-root-font-size);--base-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Microsoft YaHei, 微软雅黑, Arial, Noto Sans SC, sans-serif;--code-font-family: JetBrains Mono, ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace}*,*::before,*::after{box-sizing:border-box;font-weight:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;padding:0;font-size:var(--re-base-font-size);font-family:var(--base-font-family)}.re-button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:width .05s ease,height .05s ease,background-color .03s ease,transform .03s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--re-button-bgcolor);color:var(--re-button-color);border-color:var(--re-button-border-color)}.re-button__content{display:inline-flex;align-items:center}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-button__loading{animation:rotating 2s linear infinite}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{padding:2px;height:auto;text-decoration:underline}.re-button.is-text{padding:0;height:auto}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{padding:8px 16px;height:32px;border:0 solid rgba(0,0,0,0)}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{width:32px;border-radius:50%;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5)}.re-button:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error{--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-base)}.re-button--error:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-hover)}.re-button--error:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-error-shade-4)}.re-button--error.is-plain,.re-button--error.is-dashed{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-6);--re-button-color:var(--re-color-error-base)}.re-button--error.is-plain:hover:not(.is-disabled),.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-error-base)}.re-button--error.is-plain.is-disabled,.re-button--error.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-color:var(--re-color-error-base)}.re-button--error.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-2);--re-button-border-color:var(--re-color-error-active);--re-button-color:var(--re-color-error-active)}.re-button--error.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--error.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-error-shade-4);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-link,.re-button--error.is-text{--re-button-color:var(--re-color-error-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:hover:not(.is-disabled),.re-button--error.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-error-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:active:not(.is-disabled),.re-button--error.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-error-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link.is-disabled,.re-button--error.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-text.is-text-padding,.re-button--error.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--error.is-text.is-text-padding:hover:not(.is-disabled),.re-button--error.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--error.is-text.is-text-padding:active:not(.is-disabled),.re-button--error.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--error.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{padding:12px 20px;height:40px;font-size:16px;border-radius:4px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{padding:6px 12px;height:28px;font-size:12px;border-radius:4px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{padding:4px 8px;height:24px;font-size:12px;border-radius:2px}.re-button--mini.is-circle{width:24px;padding:4px}.re-button-group{display:inline-flex;align-items:center}.re-button-group--horizontal .re-button{flex:1;min-width:0;margin-left:0;margin-right:0}.re-button-group--horizontal .re-button:not(:first-child,:last-child){margin-left:-1px;border-radius:0;border-left-color:var(--re-color-fill-blank)}.re-button-group--horizontal .re-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.re-button-group--horizontal .re-button:last-child{margin-left:-1px;border-left-color:var(--re-color-fill-blank);border-top-left-radius:0;border-bottom-left-radius:0}.re-button-group--vertical{flex-direction:column;align-items:stretch}.re-button-group--vertical .re-button{flex:1;min-height:0;margin-left:0;margin-right:0}.re-button-group--vertical .re-button:not(:first-child,:last-child){margin-top:-1px;border-radius:0;border-top-color:var(--re-color-fill-blank)}.re-button-group--vertical .re-button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.re-button-group--vertical .re-button:last-child{margin-top:-1px;border-top-color:var(--re-color-fill-blank);border-top-right-radius:0;border-top-left-radius:0}.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff;max-width:100%}.re-colors__code{overflow-x:auto}.re-colors__code pre{padding:1em}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors__code{overflow-x:auto}.re-colors__code pre{padding:1em}.re-colors--secondary{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;max-width:100%}@media(max-width: 768px){.re-colors--secondary{grid-template-columns:repeat(1, 1fr)}}.re-colors__panel{border-radius:4px;overflow:hidden;color:#fff}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors--neutral{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;max-width:100%;overflow:hidden}.re-colors__group{min-width:0}.re-colors__collects{border-radius:4px;overflow:hidden;margin-bottom:1rem;height:7rem;padding:1rem}.re-colors__borders{display:flex;justify-content:space-between}.re-colors__border-content{border-radius:50%;margin-left:1rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.re-colors__grids{background-color:#fff;background-image:linear-gradient(45deg, #ededf0 25%, transparent 25%),linear-gradient(-45deg, #ededf0 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ededf0 75%),linear-gradient(-45deg, transparent 75%, #ededf0 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}.re-colors__grids.is-dark{background-image:linear-gradient(45deg, #303131 25%, transparent 25%),linear-gradient(-45deg, #303131 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #303131 75%),linear-gradient(-45deg, transparent 75%, #303131 75%)}.re-filter-panel{display:flex;align-items:start;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;border-radius:4px}.re-filter-panel__inner{flex:1;min-width:0;display:flex;flex-wrap:wrap}.re-filter-panel__extra{margin-top:1em}.re-svg-icon{display:inline-block;vertical-align:middle}.re-svg-icon__spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-popover.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popover__title{font-size:var(--re-root-font-size);padding:.5em 1em;font-weight:500}.re-popover__content{padding:0 1em 1em 1em;font-size:var(--re-base-font-size)}.re-tooltip.is-light{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-fill-blank);--re-tooltip-color:var(--re-color-text-base);--re-tooltip-border-color:var(--re-color-border-light)}.re-tooltip.is-dark{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-text-darker);--re-tooltip-color:var(--re-color-fill-blank);--re-tooltip-border-color:var(--re-color-text-darker)}.re-tooltip{padding:6px 12px;color:var(--re-tooltip-color);background-color:var(--re-tooltip-bgcolor);border-radius:var(--re-tooltip-border-radius);border:1px solid var(--re-tooltip-border-color)}.re-tooltip__content{font-size:var(--re-tooltip-font-size);line-height:1}.re-tooltip__arrow{background-color:var(--re-tooltip-bgcolor);border-width:1px;border-style:solid;z-index:-1;transform:rotate(45deg)}.re-tooltip__arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=bottom]{border-color:var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color)}.re-tooltip__arrow[data-placement^=left]{border-color:var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color)}.re-popconfirm{--re-popconfirm-icon-color:var(--re-color-warning-base)}.re-popconfirm.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popconfirm__header{display:flex;align-items:center;padding:1em;font-weight:500}.re-popconfirm__title{line-height:1.5}.re-popconfirm__icon{flex-shrink:0;margin-right:5px;color:var(--re-popconfirm-icon-color)}.re-popconfirm__content{line-height:1.5;padding:0 1em}.re-popconfirm__footer{padding:1em;text-align:right}.re-message{--re-message-font-size:14px;--re-message-border-radius:4px;--re-message-padding:10px 12px;--re-message-close-size:16px;--re-message-icon-size:16px;--re-message-bgcolor:var(--re-color-fill-blank)}.re-message.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message{--re-message-color:var(--re-color-text-base);--re-message-border-color:var(--re-color-border-light)}.re-message--primary{--re-message-bgcolor:var(--re-color-primary-shade-1)}.re-message--primary.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--primary{--re-message-color:var(--re-color-primary-base);--re-message-border-color:var(--re-color-primary-shade-3)}.re-message--success{--re-message-bgcolor:var(--re-color-success-shade-1)}.re-message--success.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--success{--re-message-color:var(--re-color-success-base);--re-message-border-color:var(--re-color-success-shade-3)}.re-message--error{--re-message-bgcolor:var(--re-color-error-shade-1)}.re-message--error.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--error{--re-message-color:var(--re-color-error-base);--re-message-border-color:var(--re-color-error-shade-3)}.re-message--warning{--re-message-bgcolor:var(--re-color-warning-shade-1)}.re-message--warning.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--warning{--re-message-color:var(--re-color-warning-base);--re-message-border-color:var(--re-color-warning-shade-3)}.re-message--info{--re-message-bgcolor:var(--re-color-info-shade-1)}.re-message--info.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--info{--re-message-color:var(--re-color-info-base);--re-message-border-color:var(--re-color-info-shade-3)}.re-message{display:flex;align-items:start;padding:var(--re-message-padding);color:var(--re-message-color);background-color:var(--re-message-bgcolor);border-radius:var(--re-message-border-radius);border:1px solid var(--re-message-border-color)}.re-message__icon{flex-shrink:0;margin-right:5px;font-size:var(--re-message-icon-size);color:var(--re-message-color)}.re-message__content{font-size:var(--re-message-font-size);line-height:1.2;color:var(--re-message-color)}.re-message__close{flex-shrink:0;margin-left:5px;color:var(--re-message-color);font-size:var(--re-message-close-size);cursor:pointer}.re-message[data-placement=top],.re-message[data-placement=bottom]{left:50%;transform:translateX(-50%)}.re-message[data-placement=top-start],.re-message[data-placement=bottom-start]{left:5px}.re-message[data-placement=left-top]{top:0;left:0}.re-message[data-placement=left-bottom]{bottom:0;left:0}.re-message[data-placement=top-end],.re-message[data-placement=bottom-end]{right:5px}.re-message[data-placement=right-top]{top:0;right:0}.re-message[data-placement=right-bottom]{bottom:0;right:0}.re-message[data-placement=left],.re-message[data-placement=right]{top:50%;transform:translateY(-50%)}.re-message[data-placement=left-start],.re-message[data-placement=right-start]{top:5px}.re-message[data-placement=left-end],.re-message[data-placement=right-end]{bottom:5px}.re-message.top-enter-from{opacity:0}.re-message.top-enter-from[data-placement=top-start],.re-message.top-enter-from[data-placement=top-end]{transform:translateY(-20px)}.re-message.top-enter-from[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.top-enter-active{opacity:0}.re-message.top-enter-to,.re-message.top-leave-from{opacity:1}.re-message.top-enter-to[data-placement=top],.re-message.top-leave-from[data-placement=top]{transform:translateX(-50%) translateY(0)}.re-message.top-leave-active{opacity:1}.re-message.top-leave-to{opacity:0}.re-message.top-leave-to[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.bottom-enter-from{opacity:0}.re-message.bottom-enter-from[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-enter-from[data-placement=bottom-start],.re-message.bottom-enter-from[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.bottom-enter-active{opacity:0}.re-message.bottom-enter-to,.re-message.bottom-leave-from{opacity:1}.re-message.bottom-enter-to[data-placement=bottom],.re-message.bottom-leave-from[data-placement=bottom]{transform:translateX(-50%) translateY(0)}.re-message.bottom-enter-to[data-placement=bottom-start],.re-message.bottom-enter-to[data-placement=bottom-end],.re-message.bottom-leave-from[data-placement=bottom-start],.re-message.bottom-leave-from[data-placement=bottom-end]{transform:translateX(0) translateY(0)}.re-message.bottom-leave-active{opacity:1}.re-message.bottom-leave-to{opacity:0}.re-message.bottom-leave-to[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-leave-to[data-placement=bottom-start],.re-message.bottom-leave-to[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.left-enter-from{opacity:0}.re-message.left-enter-from[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-enter-from[data-placement=left-start],.re-message.left-enter-from[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-enter-from[data-placement=left-top],.re-message.left-enter-from[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.left-enter-active{opacity:0}.re-message.left-enter-to,.re-message.left-leave-from{opacity:1}.re-message.left-enter-to[data-placement=left],.re-message.left-leave-from[data-placement=left]{transform:translateY(-50%) translateX(0)}.re-message.left-enter-to[data-placement=left-start],.re-message.left-enter-to[data-placement=left-end],.re-message.left-leave-from[data-placement=left-start],.re-message.left-leave-from[data-placement=left-end]{transform:translateY(0) translateX(0)}.re-message.left-enter-to[data-placement=left-top],.re-message.left-enter-to[data-placement=left-bottom],.re-message.left-leave-from[data-placement=left-top],.re-message.left-leave-from[data-placement=left-bottom]{transform:translateY(0) translateX(0)}.re-message.left-leave-active{opacity:1}.re-message.left-leave-to{opacity:0}.re-message.left-leave-to[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-leave-to[data-placement=left-start],.re-message.left-leave-to[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-leave-to[data-placement=left-top],.re-message.left-leave-to[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.right-enter-from{opacity:0}.re-message.right-enter-from[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-enter-from[data-placement=right-start],.re-message.right-enter-from[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-enter-from[data-placement=right-top],.re-message.right-enter-from[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}.re-message.right-enter-active{opacity:0}.re-message.right-enter-to,.re-message.right-leave-from{opacity:1}.re-message.right-enter-to[data-placement=right],.re-message.right-leave-from[data-placement=right]{transform:translateY(-50%) translateX(0)}.re-message.right-enter-to[data-placement=right-start],.re-message.right-enter-to[data-placement=right-end],.re-message.right-leave-from[data-placement=right-start],.re-message.right-leave-from[data-placement=right-end]{transform:translateY(0) translateX(0)}.re-message.right-enter-to[data-placement=right-top],.re-message.right-enter-to[data-placement=right-bottom],.re-message.right-leave-from[data-placement=right-top],.re-message.right-leave-from[data-placement=right-bottom]{transform:translateY(0) translateX(0)}.re-message.right-leave-active{opacity:1}.re-message.right-leave-to{opacity:0}.re-message.right-leave-to[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-leave-to[data-placement=right-start],.re-message.right-leave-to[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-leave-to[data-placement=right-top],.re-message.right-leave-to[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}
|