rappel-ui 1.0.4 → 1.0.6

package/cjs/components/button/src/button.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                  */;/* empty css                                    */const o=require("./constants.js"),m=require("../../../composables/use-namespace/index.js"),y=["type","disabled"],b=e.defineComponent({name:"ReButton",__name:"button",props:{type:{default:""},size:{default:"default"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{default:""},loading:{type:Boolean,default:!1},loadingIcon:{default:""},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},nativeType:{default:"button"}},emits:["click"],setup(t,{emit:d}){const u=d,{n:s,nm:i,ns:a,is:n}=m.useNamespace("button"),c=e.useAttrs(),r=e.computed(()=>[s(""),t.type&&o.buttonTypes.includes(t.type)?i("",t.type):"",t.size!=="default"&&o.buttonSizes.includes(t.size)?i("",t.size):"",n("text",t.text),n("link",t.link),n("plain",t.plain),n("round",t.round),n("circle",t.circle),n("loading",t.loading),n("disabled",t.disabled)]);function f(l){if(t.disabled||t.loading){l.preventDefault(),l.stopImmediatePropagation();return}u("click",l)}return(l,k)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({class:r.value,type:t.nativeType,disabled:t.disabled||t.loading,onClick:e.withModifiers(f,["stop"])},e.unref(c)),[e.renderSlot(l.$slots,"loading",{},()=>[t.loading?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([e.unref(a)("","loading"),t.loadingIcon]),"aria-hidden":"true"},null,2)):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass([e.unref(a)("","icon"),t.icon]),"aria-hidden":"true"},null,2)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a)("","content")])},[e.renderSlot(l.$slots,"default")],2)],16,y))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css                                  */;/* empty css                                    */const d=require("./constants.js"),f=require("../../../composables/use-namespace/index.js"),m=["type","disabled"],y=t.defineComponent({name:"ReButton",__name:"button",props:{type:{default:""},size:{default:"default"},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{default:""},loading:{type:Boolean,default:!1},loadingIcon:{default:""},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},nativeType:{default:"button"}},emits:["click"],setup(e,{emit:u}){const c=u,{n:s,nm:i,ns:a,is:n}=f.useNamespace("button"),o=t.computed(()=>[s(""),e.type&&d.buttonTypes.includes(e.type)?i("",e.type):"",e.size!=="default"&&d.buttonSizes.includes(e.size)?i("",e.size):"",n("text",e.text),n("link",e.link),n("plain",e.plain),n("round",e.round),n("circle",e.circle),n("loading",e.loading),n("disabled",e.disabled)]);watch(()=>o.value,l=>{console.log("btnClass changed:",l)},{immediate:!0});function r(l){if(e.disabled||e.loading){l.preventDefault(),l.stopImmediatePropagation();return}c("click",l)}return(l,b)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(o.value),type:e.nativeType,disabled:e.disabled||e.loading,onClick:t.withModifiers(r,["stop"])},[t.renderSlot(l.$slots,"loading",{},()=>[e.loading?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","loading"),e.loadingIcon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.renderSlot(l.$slots,"icon",{},()=>[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([t.unref(a)("","icon"),e.icon]),"aria-hidden":"true"},null,2)):t.createCommentVNode("",!0)]),t.createElementVNode("span",{class:t.normalizeClass([t.unref(a)("","content")])},[t.renderSlot(l.$slots,"default")],2)],10,m))}});exports.default=y;

package/cjs/components/colors/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),u=require("./src/colors.vue.js"),e=require("./src/primary-color.vue.js"),r=require("./src/secondary-color.vue.js"),o=require("./src/neutral-color.vue.js"),l=t.withInstall(u.default,{RePrimaryColor:e.default,ReSecondaryColor:r.default,ReNeutralColor:o.default});exports.RePrimaryColor=e.default;exports.ReSecondaryColor=r.default;exports.ReNeutralColor=o.default;exports.ReColors=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../utils/vue/index.js"),l=require("./src/colors.vue.js"),e=require("./src/primary-color.vue.js"),r=require("./src/secondary-color.vue.js"),t=require("./src/neutral-color.vue.js"),o=u.withInstall(l.default,{RePrimaryColor:e.default,ReSecondaryColor:r.default,ReNeutralColor:t.default});exports.RePrimaryColor=e.default;exports.ReSecondaryColor=r.default;exports.ReNeutralColor=t.default;exports.ReColors=o;exports.default=o;

package/cjs/components/colors/src/colors.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./primary-color.vue.js"),o=require("./secondary-color.vue.js"),l=require("./neutral-color.vue.js"),n=e.defineComponent({name:"ReColors",__name:"colors",setup(u){return(a,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r[0]||(r[0]=e.createElementVNode("h2",null,"Primary 主色",-1)),e.createVNode(t.default),r[1]||(r[1]=e.createElementVNode("h2",null,"Secondary 状态色",-1)),e.createVNode(o.default),r[2]||(r[2]=e.createElementVNode("h2",null,"Neutral 文本、边框、背景色",-1)),e.createVNode(l.default)],64))}});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./primary-color.vue.js"),u=require("./secondary-color.vue.js"),o=require("./neutral-color.vue.js"),l=e.defineComponent({name:"ReColors",__name:"colors",setup(n){return(_,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t[0]||(t[0]=e.createElementVNode("h2",null,"Primary 主色",-1)),e.createVNode(r.default),t[1]||(t[1]=e.createElementVNode("h2",null,"Secondary 状态色",-1)),e.createVNode(u.default),t[2]||(t[2]=e.createElementVNode("h2",null,"Neutral 文本、边框、背景色",-1)),e.createVNode(o.default)],64))}});exports.default=l;

package/cjs/components/colors/src/neutral-color.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./neutral-color.vue2.js");;/* empty css                    */const t=require("../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-e574ad33"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                  */;/* empty css                                    */const n=require("../../../composables/use-namespace/index.js"),o=require("../../../utils/util.js"),d=e.defineComponent({name:"ReNeutralColor",__name:"neutral-color",setup(i){const{nm:a,ns:t}=n.useNamespace("colors"),c=[{shades:[{color:"#000000",text:"Darkest Text",textcolor:"#fff"},{color:"#303131",text:"Base Text",textcolor:"#fff"},{color:"#606062",text:"Secondary Text",textcolor:"#fff"},{color:"#909093",text:"Neutral Text",textcolor:"#fff"},{color:"#b2b2b6",text:"Placeholder Text",textcolor:"#fff"},{color:"#cdcdd1",text:"Disabled Text",textcolor:"#fff"}]},{shades:[{color:"#c3c3cb",text:"Darker Border",extraclass:t("","borders")},{color:"#d0d0d8",text:"Dark Border",extraclass:t("","borders")},{color:"#dbdbe0",text:"Base Border",extraclass:t("","borders")},{color:"#e4e4e8",text:"Light Border",extraclass:t("","borders")},{color:"#ededef",text:"Lighter Border",extraclass:t("","borders")},{color:"#efeff3",text:"Extra-Light Border",extraclass:t("","borders")},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40%  Border",extraclass:t("","borders")}]},{shades:[{color:"#d7d7dc",text:"Darker Fill Background"},{color:"#e8e8ec",text:"Dark Fill Background"},{color:"#ededf0",text:"Base Fill Background"},{color:"#f1f1f4",text:"Light Fill Background"},{color:"#f6f6f7",text:"Lighter Fill Background"},{color:"#f8f8f9",text:"Extra-light Fill Background"},{color:"#f7f7fb",text:"Theme Fill Background"},{color:"#ffffff",text:"Blank Fill Background",bordercolor:o.getEqualOpacityColor("#937bff",.4)},{color:"transparent",text:"Transparent Fill Background",extraclass:t("","grids")}]},{shades:[{color:o.getEqualOpacityColor("#937bff",.9),textcolor:"#fff",text:"Primary Alpha 90% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.8),textcolor:"#fff",text:"Primary Alpha 80% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.7),text:"Primary Alpha 70% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.6),text:"Primary Alpha 60% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.5),text:"Primary Alpha 50% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.3),text:"Primary Alpha 30% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.2),text:"Primary Alpha 20% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.1),text:"Primary Alpha 10% Fill Background"}]}];return(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)("","neutral")])},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(c,l=>e.createElementVNode("div",{key:l.shades[0].color},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.shades,r=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t)("","collects"),r?.extraclass]),style:e.normalizeStyle({"background-color":r.color,color:r?.textcolor,border:r?.bordercolor?"1px solid "+r.bordercolor:"none"}),key:r.text},[e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString(r.text),1),e.createElementVNode("div",null,e.toDisplayString(r.color.toUpperCase()),1)]),r.extraclass?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([r.color!=="transparent"?e.unref(t)("","border-content"):""])},e.toDisplayString(r.color!=="transparent"?"#FFFFFF":""),3)):e.createCommentVNode("",!0)],6))),128))])),64))],2))}});exports.default=d;

package/cjs/components/colors/src/neutral-color.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../../utils/util.js"),c={class:"text-colors"},a={key:0,class:"content"},d=e.defineComponent({name:"ReNeutralColor",__name:"neutral-color",setup(n){const l=[{shades:[{color:"#000000",text:"Darkest Text",textcolor:"#fff"},{color:"#303131",text:"Base Text",textcolor:"#fff"},{color:"#606062",text:"Secondary Text",textcolor:"#fff"},{color:"#909093",text:"Neutral Text",textcolor:"#fff"},{color:"#b2b2b6",text:"Placeholder Text",textcolor:"#fff"},{color:"#cdcdd1",text:"Disabled Text",textcolor:"#fff"}]},{shades:[{color:"#c3c3cb",text:"Darker Border",extraclass:"border-blocks"},{color:"#d0d0d8",text:"Dark Border",extraclass:"border-blocks"},{color:"#dbdbe0",text:"Base Border",extraclass:"border-blocks"},{color:"#e4e4e8",text:"Light Border",extraclass:"border-blocks"},{color:"#ededef",text:"Lighter Border",extraclass:"border-blocks"},{color:"#efeff3",text:"Extra-Light Border",extraclass:"border-blocks"},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40%  Border",extraclass:"border-blocks"}]},{shades:[{color:"#d7d7dc",text:"Darker Fill Background"},{color:"#e8e8ec",text:"Dark Fill Background"},{color:"#ededf0",text:"Base Fill Background"},{color:"#f1f1f4",text:"Light Fill Background"},{color:"#f6f6f7",text:"Lighter Fill Background"},{color:"#f8f8f9",text:"Extra-light Fill Background"},{color:"#f7f7fb",text:"Theme Fill Background"},{color:"#ffffff",text:"Blank Fill Background",bordercolor:o.getEqualOpacityColor("#937bff",.4)},{color:"transparent",text:"Transparent Fill Background",extraclass:"checkerboard-bg"}]},{shades:[{color:o.getEqualOpacityColor("#937bff",.9),textcolor:"#fff",text:"Primary Alpha 90% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.8),textcolor:"#fff",text:"Primary Alpha 80% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.7),text:"Primary Alpha 70% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.6),text:"Primary Alpha 60% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.5),text:"Primary Alpha 50% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.3),text:"Primary Alpha 30% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.2),text:"Primary Alpha 20% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.1),text:"Primary Alpha 10% Fill Background"}]}];return(i,f)=>(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(l,t=>e.createElementVNode("div",{class:"panel",key:t.shades[0].color},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shades,r=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["shade",[r?.extraclass]]),style:e.normalizeStyle({"background-color":r.color,color:r?.textcolor,border:r?.bordercolor?"1px solid "+r.bordercolor:"none"}),key:r.text},[e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString(r.text),1),e.createElementVNode("div",null,e.toDisplayString(r.color.toUpperCase()),1)]),r.extraclass?(e.openBlock(),e.createElementBlock("div",a,"#FFFFFF")):e.createCommentVNode("",!0)],6))),128))])),64))]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./neutral-color.vue.js");exports.default=e.default;

package/cjs/components/colors/src/primary-color.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./primary-color.vue2.js");;/* empty css                    */const r=require("../../../_virtual/_plugin-vue_export-helper.js"),t=r.default(e.default,[["__scopeId","data-v-5584db9b"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                  */;/* empty css                                    */const o=require("../../../utils/util.js"),t=require("../../../composables/use-namespace/index.js"),c=e.defineComponent({name:"RePrimaryColor",__name:"primary-color",setup(i){const{nm:n,ns:s}=t.useNamespace("colors"),a=[{base:"#937bff",shades:o.createColors("#937bff")}];return(u,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(a,r=>e.createElementVNode("div",{class:e.normalizeClass([e.unref(n)("","primary")]),key:r.base},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","base")]),style:e.normalizeStyle({"background-color":r.base})},e.toDisplayString(r.base.toUpperCase()),7),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","shades")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.shades,l=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(s)("","shade")]),style:e.normalizeStyle({"background-color":l}),key:l},null,6))),128))],2)],2)),64))}});exports.default=c;

package/cjs/components/colors/src/primary-color.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../../utils/util.js"),s={class:"shades"},a=e.defineComponent({name:"RePrimaryColor",__name:"primary-color",setup(n){const o=[{base:"#937bff",shades:l.createColors("#937bff")}];return(c,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(o,t=>e.createElementVNode("div",{class:"theme-colors",key:t.base},[e.createElementVNode("div",{class:"base",style:e.normalizeStyle({"background-color":t.base})},e.toDisplayString(t.base.toUpperCase()),5),e.createElementVNode("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shades,r=>(e.openBlock(),e.createElementBlock("div",{class:"shade",style:e.normalizeStyle({"background-color":r}),key:r},null,4))),128))])])),64))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./primary-color.vue.js");exports.default=e.default;

package/cjs/components/colors/src/secondary-color.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./secondary-color.vue2.js");;/* empty css                      */const r=require("../../../_virtual/_plugin-vue_export-helper.js"),t=r.default(e.default,[["__scopeId","data-v-b783d4cf"]]);exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                  */;/* empty css                                    */const a=require("../../../utils/util.js"),o=require("../../../composables/use-namespace/index.js"),c=e.defineComponent({name:"ReSecondaryColor",__name:"secondary-color",setup(d){const{nm:l,ns:s}=o.useNamespace("colors"),n=[{base:"#06b56d",text:"Success",shades:a.createColors("#06b56d")},{base:"#ee6979",text:"Danger/Error ",shades:a.createColors("#ee6979")},{base:"#cd9a0a",text:"Warning",shades:a.createColors("#cd9a0a")},{base:"#8e8e91",text:"Info",shades:a.createColors("#8e8e91")}];return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)("","secondary")])},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(n,r=>e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","panel")]),key:r.base},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","base")]),style:e.normalizeStyle({"background-color":r.base})},[e.createElementVNode("div",null,e.toDisplayString(r.text),1),e.createElementVNode("div",null,e.toDisplayString(r.base.toUpperCase()),1)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","shades")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.shades,t=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(s)("","shade")]),style:e.normalizeStyle({"background-color":t}),key:t},null,6))),128))],2)],2)),64))],2))}});exports.default=c;

package/cjs/components/colors/src/secondary-color.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../utils/util.js"),r={class:"status-colors"},l={class:"shades"},n=e.defineComponent({name:"ReSecondaryColor",__name:"secondary-color",setup(c){const a=[{base:"#06b56d",text:"Success",shades:s.createColors("#06b56d")},{base:"#ee6979",text:"Danger/Error ",shades:s.createColors("#ee6979")},{base:"#cd9a0a",text:"Warning",shades:s.createColors("#cd9a0a")},{base:"#8e8e91",text:"Info",shades:s.createColors("#8e8e91")}];return(d,i)=>(e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(a,t=>e.createElementVNode("div",{class:"panel",key:t.base},[e.createElementVNode("div",{class:"base",style:e.normalizeStyle({"background-color":t.base})},[e.createElementVNode("div",null,e.toDisplayString(t.text),1),e.createElementVNode("div",null,e.toDisplayString(t.base.toUpperCase()),1)],4),e.createElementVNode("div",l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shades,o=>(e.openBlock(),e.createElementBlock("div",{class:"shade",style:e.normalizeStyle({"background-color":o}),key:o},null,4))),128))])])),64))]))}});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./secondary-color.vue.js");exports.default=e.default;

package/cjs/components/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),o=require("./tabs/index.js"),t=require("./colors/index.js"),n=require("./colors/src/primary-color.vue.js"),u=require("./colors/src/secondary-color.vue.js"),i=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.ReButton;exports.ReInput=r.ReInput;exports.ReTabs=o.ReTabs;exports.ReColors=t.ReColors;exports.RePrimaryColor=n.default;exports.ReSecondaryColor=u.default;exports.ReNeutralColor=i.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),t=require("./tabs/index.js"),o=require("./colors/index.js"),u=require("./colors/src/primary-color.vue.js"),n=require("./colors/src/secondary-color.vue.js"),_=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.ReButton;exports.ReInput=r.ReInput;exports.ReTabs=t.ReTabs;exports.ReColors=o.ReColors;exports.RePrimaryColor=u.default;exports.ReSecondaryColor=n.default;exports.ReNeutralColor=_.default;

package/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),o=require("./directives/vResizable.js"),u=require("./directives/vSvgLoading.js"),c=require("./composables/useDraggable.js"),d=require("./composables/useDateFormat.js"),g=require("./composables/useOnceFn.js"),v=require("./composables/useTimeNodes.js"),m=require("./composables/useWaterFallLayout.js"),p=require("./composables/use-namespace/index.js"),r=require("./utils/vue/index.js"),e=require("./utils/util.js"),C=require("./components/button/index.js"),R=require("./components/input/index.js"),b=require("./components/tabs/index.js"),q=require("./components/colors/index.js"),y=require("./components/colors/src/primary-color.vue.js"),L=require("./components/colors/src/secondary-color.vue.js"),T=require("./components/colors/src/neutral-color.vue.js"),F=require("./rappel-ui/resolver.js"),t=r.createGlobalInstaller(Object.values(a)),s=t.install,l=t.version,D={install:s,version:l,...a};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=o.applyResizable;exports.vResizable=o.vResizable;exports.vSvgLoading=u.vSvgLoading;exports.useDraggable=c.useDraggable;exports.useDateFormat=d.useDateFormat;exports.useOnceFn=g.useOnceFn;exports.useTimeNodes=v.useTimeNodes;exports.useWaterFallLayout=m.useWaterFallLayout;exports.useNamespace=p.useNamespace;exports.INSTALLED_KEY=r.INSTALLED_KEY;exports.createGlobalInstaller=r.createGlobalInstaller;exports.toLowerCase=r.toLowerCase;exports.withInstall=r.withInstall;exports.withMultiInstall=r.withMultiInstall;exports.autoCalcFileSize=e.autoCalcFileSize;exports.buildTree=e.buildTree;exports.createColors=e.createColors;exports.createOverload=e.createOverload;exports.darkenColor=e.darkenColor;exports.deepClone=e.deepClone;exports.deleteKeys=e.deleteKeys;exports.flatArr=e.flatArr;exports.getEqualOpacityColor=e.getEqualOpacityColor;exports.hasOwnProperty=e.hasOwnProperty;exports.isPlainObject=e.isPlainObject;exports.joinURLs=e.joinURLs;exports.lineBreakToComma=e.lineBreakToComma;exports.omitEmptyKeys=e.omitEmptyKeys;exports.paramsToFormData=e.paramsToFormData;exports.readTxtByEncodes=e.readTxtByEncodes;exports.readTxtFile=e.readTxtFile;exports.setURLSearchParams=e.setURLSearchParams;exports.singleton=e.singleton;exports.ReButton=C.ReButton;exports.ReInput=R.ReInput;exports.ReTabs=b.ReTabs;exports.ReColors=q.ReColors;exports.RePrimaryColor=y.default;exports.ReSecondaryColor=L.default;exports.ReNeutralColor=T.default;exports.RappelUIResolver=F.RappelUIResolver;exports.default=D;exports.install=s;exports.version=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),t=require("./directives/vResizable.js"),u=require("./directives/vSvgLoading.js"),c=require("./composables/useDraggable.js"),d=require("./composables/useDateFormat.js"),g=require("./composables/useOnceFn.js"),p=require("./composables/useTimeNodes.js"),v=require("./composables/useWaterFallLayout.js"),m=require("./composables/use-namespace/index.js"),r=require("./utils/vue/index.js"),e=require("./utils/util.js"),y=require("./components/colors/src/primary-color.vue.js"),_=require("./components/colors/src/secondary-color.vue.js"),C=require("./components/colors/src/neutral-color.vue.js"),R=require("./components/button/index.js"),b=require("./components/input/index.js"),q=require("./components/tabs/index.js"),L=require("./components/colors/index.js"),T=require("./rappel-ui/resolver.js"),o=r.createGlobalInstaller(Object.values(a)),s=o.install,l=o.version,F={install:s,version:l,...a};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=t.applyResizable;exports.vResizable=t.vResizable;exports.vSvgLoading=u.vSvgLoading;exports.useDraggable=c.useDraggable;exports.useDateFormat=d.useDateFormat;exports.useOnceFn=g.useOnceFn;exports.useTimeNodes=p.useTimeNodes;exports.useWaterFallLayout=v.useWaterFallLayout;exports.useNamespace=m.useNamespace;exports.INSTALLED_KEY=r.INSTALLED_KEY;exports.createGlobalInstaller=r.createGlobalInstaller;exports.toLowerCase=r.toLowerCase;exports.withInstall=r.withInstall;exports.withMultiInstall=r.withMultiInstall;exports.autoCalcFileSize=e.autoCalcFileSize;exports.buildTree=e.buildTree;exports.createColors=e.createColors;exports.createOverload=e.createOverload;exports.darkenColor=e.darkenColor;exports.deepClone=e.deepClone;exports.deleteKeys=e.deleteKeys;exports.flatArr=e.flatArr;exports.getEqualOpacityColor=e.getEqualOpacityColor;exports.hasOwnProperty=e.hasOwnProperty;exports.isPlainObject=e.isPlainObject;exports.joinURLs=e.joinURLs;exports.lineBreakToComma=e.lineBreakToComma;exports.omitEmptyKeys=e.omitEmptyKeys;exports.paramsToFormData=e.paramsToFormData;exports.readTxtByEncodes=e.readTxtByEncodes;exports.readTxtFile=e.readTxtFile;exports.setURLSearchParams=e.setURLSearchParams;exports.singleton=e.singleton;exports.RePrimaryColor=y.default;exports.ReSecondaryColor=_.default;exports.ReNeutralColor=C.default;exports.ReButton=R.ReButton;exports.ReInput=b.ReInput;exports.ReTabs=q.ReTabs;exports.ReColors=L.ReColors;exports.RappelUIResolver=T.RappelUIResolver;exports.default=F;exports.install=s;exports.version=l;

package/cjs/theme-chalk/src/colors.css

@@ -0,0 +1 @@
+@charset "UTF-8";.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff}.re-colors--secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.re-colors--neutral{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.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__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}

package/es/components/button/src/button.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as k, useAttrs as B, computed as z, createElementBlock as i, openBlock as o, mergeProps as C, withModifiers as h, unref as n, renderSlot as d, createElementVNode as v, createCommentVNode as c, normalizeClass as u } from "vue";
+import { defineComponent as g, computed as k, createElementBlock as i, openBlock as o, withModifiers as B, normalizeClass as n, renderSlot as d, createElementVNode as h, createCommentVNode as f, unref as u } from "vue";
 /* empty css                                  */
 /* empty css                                    */
-import { buttonTypes as I, buttonSizes as N } from "./constants.mjs";
-import { useNamespace as T } from "../../../composables/use-namespace/index.mjs";
-const $ = ["type", "disabled"], A = /* @__PURE__ */ k({
+import { buttonTypes as C, buttonSizes as z } from "./constants.mjs";
+import { useNamespace as v } from "../../../composables/use-namespace/index.mjs";
+const I = ["type", "disabled"], S = /* @__PURE__ */ g({
   name: "ReButton",
   __name: "button",
   props: {
@@ -21,54 +21,63 @@ const $ = ["type", "disabled"], A = /* @__PURE__ */ k({
     nativeType: { default: "button" }
   },
   emits: ["click"],
-  setup(e, { emit: f }) {
-    const m = f, { n: r, nm: s, ns: a, is: t } = T("button"), y = B(), b = z(() => [
-      r(""),
-      e.type && I.includes(e.type) ? s("", e.type) : "",
-      e.size !== "default" && N.includes(e.size) ? s("", e.size) : "",
-      t("text", e.text),
-      t("link", e.link),
-      t("plain", e.plain),
-      t("round", e.round),
-      t("circle", e.circle),
-      t("loading", e.loading),
-      t("disabled", e.disabled)
+  setup(e, { emit: m }) {
+    const r = m, { n: y, nm: c, ns: a, is: l } = v("button"), s = k(() => [
+      y(""),
+      e.type && C.includes(e.type) ? c("", e.type) : "",
+      e.size !== "default" && z.includes(e.size) ? c("", e.size) : "",
+      l("text", e.text),
+      l("link", e.link),
+      l("plain", e.plain),
+      l("round", e.round),
+      l("circle", e.circle),
+      l("loading", e.loading),
+      l("disabled", e.disabled)
     ]);
-    function g(l) {
+    watch(
+      () => s.value,
+      (t) => {
+        console.log("btnClass changed:", t);
+      },
+      {
+        immediate: !0
+      }
+    );
+    function b(t) {
       if (e.disabled || e.loading) {
-        l.preventDefault(), l.stopImmediatePropagation();
+        t.preventDefault(), t.stopImmediatePropagation();
         return;
       }
-      m("click", l);
+      r("click", t);
     }
-    return (l, x) => (o(), i("button", C({
-      class: b.value,
+    return (t, N) => (o(), i("button", {
+      class: n(s.value),
       type: e.nativeType,
       disabled: e.disabled || e.loading,
-      onClick: h(g, ["stop"])
-    }, n(y)), [
-      d(l.$slots, "loading", {}, () => [
+      onClick: B(b, ["stop"])
+    }, [
+      d(t.$slots, "loading", {}, () => [
         e.loading ? (o(), i("i", {
           key: 0,
-          class: u([n(a)("", "loading"), e.loadingIcon]),
+          class: n([u(a)("", "loading"), e.loadingIcon]),
           "aria-hidden": "true"
-        }, null, 2)) : c("", !0)
+        }, null, 2)) : f("", !0)
       ]),
-      d(l.$slots, "icon", {}, () => [
+      d(t.$slots, "icon", {}, () => [
         e.icon ? (o(), i("i", {
           key: 0,
-          class: u([n(a)("", "icon"), e.icon]),
+          class: n([u(a)("", "icon"), e.icon]),
           "aria-hidden": "true"
-        }, null, 2)) : c("", !0)
+        }, null, 2)) : f("", !0)
       ]),
-      v("span", {
-        class: u([n(a)("", "content")])
+      h("span", {
+        class: n([u(a)("", "content")])
       }, [
-        d(l.$slots, "default")
+        d(t.$slots, "default")
       ], 2)
-    ], 16, $));
+    ], 10, I));
   }
 });
 export {
-  A as default
+  S as default
 };

package/es/components/colors/index.mjs

@@ -1,17 +1,17 @@
 import { withInstall as o } from "../../utils/vue/index.mjs";
 import r from "./src/colors.vue.mjs";
 import a from "./src/primary-color.vue.mjs";
-import l from "./src/secondary-color.vue.mjs";
+import m from "./src/secondary-color.vue.mjs";
 import e from "./src/neutral-color.vue.mjs";
-const f = o(r, {
+const n = o(r, {
   RePrimaryColor: a,
-  ReSecondaryColor: l,
+  ReSecondaryColor: m,
   ReNeutralColor: e
 });
 export {
-  f as ReColors,
+  n as ReColors,
   e as ReNeutralColor,
   a as RePrimaryColor,
-  l as ReSecondaryColor,
-  f as default
+  m as ReSecondaryColor,
+  n as default
 };

package/es/components/colors/src/colors.vue.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as l, createElementBlock as t, openBlock as n, Fragment as m, createElementVNode as o, createVNode as e } from "vue";
+import { defineComponent as n, createElementBlock as m, openBlock as t, Fragment as l, createElementVNode as o, createVNode as e } from "vue";
 import a from "./primary-color.vue.mjs";
-import p from "./secondary-color.vue.mjs";
-import u from "./neutral-color.vue.mjs";
-const N = /* @__PURE__ */ l({
+import f from "./secondary-color.vue.mjs";
+import i from "./neutral-color.vue.mjs";
+const N = /* @__PURE__ */ n({
   name: "ReColors",
   __name: "colors",
-  setup(i) {
-    return (f, r) => (n(), t(m, null, [
+  setup(p) {
+    return (s, r) => (t(), m(l, null, [
       r[0] || (r[0] = o("h2", null, "Primary 主色", -1)),
       e(a),
       r[1] || (r[1] = o("h2", null, "Secondary 状态色", -1)),
-      e(p),
+      e(f),
       r[2] || (r[2] = o("h2", null, "Neutral 文本、边框、背景色", -1)),
-      e(u)
+      e(i)
     ], 64));
   }
 });

package/es/components/colors/src/neutral-color.vue.mjs

@@ -1,7 +1,199 @@
-import o from "./neutral-color.vue2.mjs";
-/* empty css                    */
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e574ad33"]]);
+import { defineComponent as p, createElementBlock as t, openBlock as l, normalizeClass as c, unref as d, Fragment as s, renderList as x, createElementVNode as a, normalizeStyle as B, createCommentVNode as k, toDisplayString as f } from "vue";
+/* empty css                                  */
+/* empty css                                    */
+import { useNamespace as g } from "../../../composables/use-namespace/index.mjs";
+import { getEqualOpacityColor as o } from "../../../utils/util.mjs";
+const _ = /* @__PURE__ */ p({
+  name: "ReNeutralColor",
+  __name: "neutral-color",
+  setup(u) {
+    const { nm: i, ns: e } = g("colors"), m = [
+      {
+        shades: [
+          {
+            color: "#000000",
+            text: "Darkest Text",
+            textcolor: "#fff"
+          },
+          {
+            color: "#303131",
+            text: "Base Text",
+            textcolor: "#fff"
+          },
+          {
+            color: "#606062",
+            text: "Secondary Text",
+            textcolor: "#fff"
+          },
+          {
+            color: "#909093",
+            text: "Neutral Text",
+            textcolor: "#fff"
+          },
+          {
+            color: "#b2b2b6",
+            text: "Placeholder Text",
+            textcolor: "#fff"
+          },
+          {
+            color: "#cdcdd1",
+            text: "Disabled Text",
+            textcolor: "#fff"
+          }
+        ]
+      },
+      {
+        shades: [
+          {
+            color: "#c3c3cb",
+            text: "Darker Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: "#d0d0d8",
+            text: "Dark Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: "#dbdbe0",
+            text: "Base Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: "#e4e4e8",
+            text: "Light Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: "#ededef",
+            text: "Lighter Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: "#efeff3",
+            text: "Extra-Light Border",
+            extraclass: e("", "borders")
+          },
+          {
+            color: o("#937bff", 0.4),
+            text: "Primary Alpha 40%  Border",
+            extraclass: e("", "borders")
+          }
+        ]
+      },
+      {
+        shades: [
+          {
+            color: "#d7d7dc",
+            text: "Darker Fill Background"
+          },
+          {
+            color: "#e8e8ec",
+            text: "Dark Fill Background"
+          },
+          {
+            color: "#ededf0",
+            text: "Base Fill Background"
+          },
+          {
+            color: "#f1f1f4",
+            text: "Light Fill Background"
+          },
+          {
+            color: "#f6f6f7",
+            text: "Lighter Fill Background"
+          },
+          {
+            color: "#f8f8f9",
+            text: "Extra-light Fill Background"
+          },
+          {
+            color: "#f7f7fb",
+            text: "Theme Fill Background"
+          },
+          {
+            color: "#ffffff",
+            text: "Blank Fill Background",
+            bordercolor: o("#937bff", 0.4)
+          },
+          {
+            color: "transparent",
+            text: "Transparent Fill Background",
+            extraclass: e("", "grids")
+          }
+        ]
+      },
+      {
+        shades: [
+          {
+            color: o("#937bff", 0.9),
+            textcolor: "#fff",
+            text: "Primary Alpha 90% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.8),
+            textcolor: "#fff",
+            text: "Primary Alpha 80% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.7),
+            text: "Primary Alpha 70% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.6),
+            text: "Primary Alpha 60% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.5),
+            text: "Primary Alpha 50% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.4),
+            text: "Primary Alpha 40% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.3),
+            text: "Primary Alpha 30% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.2),
+            text: "Primary Alpha 20% Fill Background"
+          },
+          {
+            color: o("#937bff", 0.1),
+            text: "Primary Alpha 10% Fill Background"
+          }
+        ]
+      }
+    ];
+    return (h, F) => (l(), t("div", {
+      class: c([d(i)("", "neutral")])
+    }, [
+      (l(), t(s, null, x(m, (n) => a("div", {
+        key: n.shades[0].color
+      }, [
+        (l(!0), t(s, null, x(n.shades, (r) => (l(), t("div", {
+          class: c([d(e)("", "collects"), r?.extraclass]),
+          style: B({
+            "background-color": r.color,
+            color: r?.textcolor,
+            border: r?.bordercolor ? "1px solid " + r.bordercolor : "none"
+          }),
+          key: r.text
+        }, [
+          a("div", null, [
+            a("div", null, f(r.text), 1),
+            a("div", null, f(r.color.toUpperCase()), 1)
+          ]),
+          r.extraclass ? (l(), t("div", {
+            key: 0,
+            class: c([r.color !== "transparent" ? d(e)("", "border-content") : ""])
+          }, f(r.color !== "transparent" ? "#FFFFFF" : ""), 3)) : k("", !0)
+        ], 6))), 128))
+      ])), 64))
+    ], 2));
+  }
+});
 export {
-  m as default
+  _ as default
 };