rappel-ui 1.0.3 → 1.0.5

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.
Files changed (52) hide show
  1. package/cjs/components/button/index.d.ts +2 -4
  2. package/cjs/components/button/index.js +1 -1
  3. package/cjs/components/colors/index.d.ts +3 -4
  4. package/cjs/components/colors/index.js +1 -1
  5. package/cjs/components/colors/src/colors.vue.js +1 -1
  6. package/cjs/components/colors/src/neutral-color.vue.js +1 -1
  7. package/cjs/components/colors/src/neutral-color.vue2.js +1 -1
  8. package/cjs/components/colors/src/primary-color.vue.js +1 -1
  9. package/cjs/components/colors/src/primary-color.vue2.js +1 -1
  10. package/cjs/components/colors/src/secondary-color.vue.js +1 -1
  11. package/cjs/components/colors/src/secondary-color.vue2.js +1 -1
  12. package/cjs/components/colors/style/css.d.ts +0 -0
  13. package/cjs/components/colors/style/index.d.ts +0 -0
  14. package/cjs/components/index.js +1 -1
  15. package/cjs/components/input/index.d.ts +2 -4
  16. package/cjs/components/input/index.js +1 -1
  17. package/cjs/components/tabs/index.d.ts +2 -4
  18. package/cjs/components/tabs/index.js +1 -1
  19. package/cjs/index.js +1 -1
  20. package/cjs/theme-chalk/src/colors.css +1 -0
  21. package/es/components/button/index.d.ts +2 -4
  22. package/es/components/button/index.mjs +3 -2
  23. package/es/components/colors/index.d.ts +3 -4
  24. package/es/components/colors/index.mjs +12 -11
  25. package/es/components/colors/src/colors.vue.mjs +8 -8
  26. package/es/components/colors/src/neutral-color.vue.mjs +197 -5
  27. package/es/components/colors/src/neutral-color.vue2.mjs +2 -193
  28. package/es/components/colors/src/primary-color.vue.mjs +36 -5
  29. package/es/components/colors/src/primary-color.vue2.mjs +2 -31
  30. package/es/components/colors/src/secondary-color.vue.mjs +59 -5
  31. package/es/components/colors/src/secondary-color.vue2.mjs +2 -52
  32. package/es/components/colors/style/css.d.ts +0 -0
  33. package/es/components/colors/style/index.d.ts +0 -0
  34. package/es/components/index.mjs +14 -18
  35. package/es/components/input/index.d.ts +2 -4
  36. package/es/components/input/index.mjs +4 -3
  37. package/es/components/tabs/index.d.ts +2 -4
  38. package/es/components/tabs/index.mjs +3 -2
  39. package/es/index.mjs +16 -17
  40. package/es/theme-chalk/src/colors.css +1 -0
  41. package/package.json +1 -1
  42. package/theme-chalk/index.css +66 -0
  43. package/theme-chalk/re-colors.css +100 -0
  44. package/theme-chalk/src/colors.scss +77 -0
  45. package/theme-chalk/src/index.scss +1 -0
  46. package/umd/index.js +11 -11
  47. package/cjs/components/colors/src/neutral-color.css +0 -1
  48. package/cjs/components/colors/src/primary-color.css +0 -1
  49. package/cjs/components/colors/src/secondary-color.css +0 -1
  50. package/es/components/colors/src/neutral-color.css +0 -1
  51. package/es/components/colors/src/primary-color.css +0 -1
  52. package/es/components/colors/src/secondary-color.css +0 -1
@@ -1,7 +1,5 @@
1
- import { default as Button } from './src/button.vue';
2
1
  export * from './src/types';
3
- export { Button as ReButton };
4
- declare const _default: {
2
+ export declare const ReButton: {
5
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').ButtonProps> & Readonly<{
6
4
  onClick?: ((evt: MouseEvent) => any) | undefined;
7
5
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -30,4 +28,4 @@ declare const _default: {
30
28
  default?(_: {}): any;
31
29
  };
32
30
  });
33
- export default _default;
31
+ export default ReButton;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../utils/vue/index.js"),e=require("./src/button.vue.js");t.withInstall(e.default);exports.ReButton=e.default;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),u=require("./src/button.vue.js"),e=t.withInstall(u.default);exports.ReButton=e;exports.default=e;
@@ -1,7 +1,6 @@
1
- import { default as Colors } from './src/colors.vue';
2
1
  import { default as PrimaryColor } from './src/primary-color.vue';
3
2
  import { default as SecondaryColor } from './src/secondary-color.vue';
4
3
  import { default as NeutralColor } from './src/neutral-color.vue';
5
- export { Colors as ReColors, PrimaryColor as RePrimaryColor, SecondaryColor as ReSecondaryColor, NeutralColor as ReNeutralColor };
6
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
7
- export default _default;
4
+ export declare const ReColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
5
+ export { PrimaryColor as RePrimaryColor, SecondaryColor as ReSecondaryColor, NeutralColor as ReNeutralColor };
6
+ export default ReColors;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../utils/vue/index.js"),e=require("./src/colors.vue.js"),r=require("./src/primary-color.vue.js"),o=require("./src/secondary-color.vue.js"),l=require("./src/neutral-color.vue.js");t.withInstall(e.default,{PrimaryColor:r.default,SecondaryColor:o.default,NeutralColor:l.default});exports.ReColors=e.default;exports.RePrimaryColor=r.default;exports.ReSecondaryColor=o.default;exports.ReNeutralColor=l.default;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./neutral-color.vue.js");exports.default=e.default;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./primary-color.vue.js");exports.default=e.default;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./secondary-color.vue.js");exports.default=e.default;
File without changes
File without changes
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./button/index.js");require("./input/index.js");require("./tabs/index.js");require("./colors/index.js");const e=require("./button/src/button.vue.js"),r=require("./input/src/input.vue.js"),t=require("./colors/src/colors.vue.js"),u=require("./tabs/src/tabs.vue.js"),o=require("./colors/src/primary-color.vue.js"),l=require("./colors/src/secondary-color.vue.js"),_=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.default;exports.ReInput=r.default;exports.ReColors=t.default;exports.ReTabs=u.default;exports.RePrimaryColor=o.default;exports.ReSecondaryColor=l.default;exports.ReNeutralColor=_.default;
1
+ "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;
@@ -1,6 +1,4 @@
1
- import { default as Input } from './src/input.vue';
2
- export { Input as ReInput };
3
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
1
+ export declare const ReInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
2
  type: {
5
3
  type: StringConstructor;
6
4
  default: string;
@@ -22,4 +20,4 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
22
20
  size: string;
23
21
  type: string;
24
22
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
25
- export default _default;
23
+ export default ReInput;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../utils/vue/index.js"),e=require("./src/input.vue.js");t.withInstall(e.default);exports.ReInput=e.default;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),u=require("./src/input.vue.js"),e=t.withInstall(u.default);exports.ReInput=e;exports.default=e;
@@ -1,6 +1,4 @@
1
- import { default as tabs } from './src/tabs.vue';
2
- export { tabs as ReTabs };
3
- declare const _default: {
1
+ export declare const ReTabs: {
4
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
5
3
  P: {};
6
4
  B: {};
@@ -17,4 +15,4 @@ declare const _default: {
17
15
  'prev-button'?(_: {}): any;
18
16
  };
19
17
  });
20
- export default _default;
18
+ export default ReTabs;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../utils/vue/index.js"),e=require("./src/tabs.vue.js");t.withInstall(e.default);exports.ReTabs=e.default;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/index.js"),s=require("./src/tabs.vue.js"),e=t.withInstall(s.default);exports.ReTabs=e;exports.default=e;
package/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),a=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/button/src/button.vue.js"),_=require("./components/input/src/input.vue.js"),b=require("./components/colors/src/colors.vue.js"),q=require("./components/tabs/src/tabs.vue.js"),C=require("./components/colors/src/primary-color.vue.js"),R=require("./components/colors/src/secondary-color.vue.js"),L=require("./components/colors/src/neutral-color.vue.js"),T=require("./rappel-ui/resolver.js");console.log(t);const o=r.createGlobalInstaller(Object.values(t)),l=o.install,s=o.version,F={install:l,version:s,...t};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=a.applyResizable;exports.vResizable=a.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.ReButton=y.default;exports.ReInput=_.default;exports.ReColors=b.default;exports.ReTabs=q.default;exports.RePrimaryColor=C.default;exports.ReSecondaryColor=R.default;exports.ReNeutralColor=L.default;exports.RappelUIResolver=T.RappelUIResolver;exports.default=F;exports.install=l;exports.version=s;
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"),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;
@@ -0,0 +1 @@
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}
@@ -1,7 +1,5 @@
1
- import { default as Button } from './src/button.vue';
2
1
  export * from './src/types';
3
- export { Button as ReButton };
4
- declare const _default: {
2
+ export declare const ReButton: {
5
3
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').ButtonProps> & Readonly<{
6
4
  onClick?: ((evt: MouseEvent) => any) | undefined;
7
5
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -30,4 +28,4 @@ declare const _default: {
30
28
  default?(_: {}): any;
31
29
  };
32
30
  });
33
- export default _default;
31
+ export default ReButton;
@@ -1,6 +1,7 @@
1
1
  import { withInstall as t } from "../../utils/vue/index.mjs";
2
2
  import o from "./src/button.vue.mjs";
3
- t(o);
3
+ const a = t(o);
4
4
  export {
5
- o as ReButton
5
+ a as ReButton,
6
+ a as default
6
7
  };
@@ -1,7 +1,6 @@
1
- import { default as Colors } from './src/colors.vue';
2
1
  import { default as PrimaryColor } from './src/primary-color.vue';
3
2
  import { default as SecondaryColor } from './src/secondary-color.vue';
4
3
  import { default as NeutralColor } from './src/neutral-color.vue';
5
- export { Colors as ReColors, PrimaryColor as RePrimaryColor, SecondaryColor as ReSecondaryColor, NeutralColor as ReNeutralColor };
6
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
7
- export default _default;
4
+ export declare const ReColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
5
+ export { PrimaryColor as RePrimaryColor, SecondaryColor as ReSecondaryColor, NeutralColor as ReNeutralColor };
6
+ export default ReColors;
@@ -1,16 +1,17 @@
1
1
  import { withInstall as o } from "../../utils/vue/index.mjs";
2
2
  import r from "./src/colors.vue.mjs";
3
- import m from "./src/primary-color.vue.mjs";
4
- import a from "./src/secondary-color.vue.mjs";
5
- import l from "./src/neutral-color.vue.mjs";
6
- o(r, {
7
- PrimaryColor: m,
8
- SecondaryColor: a,
9
- NeutralColor: l
3
+ import a from "./src/primary-color.vue.mjs";
4
+ import m from "./src/secondary-color.vue.mjs";
5
+ import e from "./src/neutral-color.vue.mjs";
6
+ const n = o(r, {
7
+ RePrimaryColor: a,
8
+ ReSecondaryColor: m,
9
+ ReNeutralColor: e
10
10
  });
11
11
  export {
12
- r as ReColors,
13
- l as ReNeutralColor,
14
- m as RePrimaryColor,
15
- a as ReSecondaryColor
12
+ n as ReColors,
13
+ e as ReNeutralColor,
14
+ a as RePrimaryColor,
15
+ m as ReSecondaryColor,
16
+ n as default
16
17
  };
@@ -1,18 +1,18 @@
1
- import { defineComponent as l, createElementBlock as t, openBlock as n, Fragment as m, createElementVNode as o, createVNode as e } from "vue";
1
+ import { defineComponent as n, createElementBlock as m, openBlock as t, Fragment as l, createElementVNode as o, createVNode as e } from "vue";
2
2
  import a from "./primary-color.vue.mjs";
3
- import p from "./secondary-color.vue.mjs";
4
- import u from "./neutral-color.vue.mjs";
5
- const N = /* @__PURE__ */ l({
3
+ import f from "./secondary-color.vue.mjs";
4
+ import i from "./neutral-color.vue.mjs";
5
+ const N = /* @__PURE__ */ n({
6
6
  name: "ReColors",
7
7
  __name: "colors",
8
- setup(i) {
9
- return (f, r) => (n(), t(m, null, [
8
+ setup(p) {
9
+ return (s, r) => (t(), m(l, null, [
10
10
  r[0] || (r[0] = o("h2", null, "Primary 主色", -1)),
11
11
  e(a),
12
12
  r[1] || (r[1] = o("h2", null, "Secondary 状态色", -1)),
13
- e(p),
13
+ e(f),
14
14
  r[2] || (r[2] = o("h2", null, "Neutral 文本、边框、背景色", -1)),
15
- e(u)
15
+ e(i)
16
16
  ], 64));
17
17
  }
18
18
  });
@@ -1,7 +1,199 @@
1
- import o from "./neutral-color.vue2.mjs";
2
- /* empty css */
3
- import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e574ad33"]]);
1
+ 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";
2
+ /* empty css */
3
+ /* empty css */
4
+ import { useNamespace as g } from "../../../composables/use-namespace/index.mjs";
5
+ import { getEqualOpacityColor as o } from "../../../utils/util.mjs";
6
+ const _ = /* @__PURE__ */ p({
7
+ name: "ReNeutralColor",
8
+ __name: "neutral-color",
9
+ setup(u) {
10
+ const { nm: i, ns: e } = g("colors"), m = [
11
+ {
12
+ shades: [
13
+ {
14
+ color: "#000000",
15
+ text: "Darkest Text",
16
+ textcolor: "#fff"
17
+ },
18
+ {
19
+ color: "#303131",
20
+ text: "Base Text",
21
+ textcolor: "#fff"
22
+ },
23
+ {
24
+ color: "#606062",
25
+ text: "Secondary Text",
26
+ textcolor: "#fff"
27
+ },
28
+ {
29
+ color: "#909093",
30
+ text: "Neutral Text",
31
+ textcolor: "#fff"
32
+ },
33
+ {
34
+ color: "#b2b2b6",
35
+ text: "Placeholder Text",
36
+ textcolor: "#fff"
37
+ },
38
+ {
39
+ color: "#cdcdd1",
40
+ text: "Disabled Text",
41
+ textcolor: "#fff"
42
+ }
43
+ ]
44
+ },
45
+ {
46
+ shades: [
47
+ {
48
+ color: "#c3c3cb",
49
+ text: "Darker Border",
50
+ extraclass: e("", "borders")
51
+ },
52
+ {
53
+ color: "#d0d0d8",
54
+ text: "Dark Border",
55
+ extraclass: e("", "borders")
56
+ },
57
+ {
58
+ color: "#dbdbe0",
59
+ text: "Base Border",
60
+ extraclass: e("", "borders")
61
+ },
62
+ {
63
+ color: "#e4e4e8",
64
+ text: "Light Border",
65
+ extraclass: e("", "borders")
66
+ },
67
+ {
68
+ color: "#ededef",
69
+ text: "Lighter Border",
70
+ extraclass: e("", "borders")
71
+ },
72
+ {
73
+ color: "#efeff3",
74
+ text: "Extra-Light Border",
75
+ extraclass: e("", "borders")
76
+ },
77
+ {
78
+ color: o("#937bff", 0.4),
79
+ text: "Primary Alpha 40% Border",
80
+ extraclass: e("", "borders")
81
+ }
82
+ ]
83
+ },
84
+ {
85
+ shades: [
86
+ {
87
+ color: "#d7d7dc",
88
+ text: "Darker Fill Background"
89
+ },
90
+ {
91
+ color: "#e8e8ec",
92
+ text: "Dark Fill Background"
93
+ },
94
+ {
95
+ color: "#ededf0",
96
+ text: "Base Fill Background"
97
+ },
98
+ {
99
+ color: "#f1f1f4",
100
+ text: "Light Fill Background"
101
+ },
102
+ {
103
+ color: "#f6f6f7",
104
+ text: "Lighter Fill Background"
105
+ },
106
+ {
107
+ color: "#f8f8f9",
108
+ text: "Extra-light Fill Background"
109
+ },
110
+ {
111
+ color: "#f7f7fb",
112
+ text: "Theme Fill Background"
113
+ },
114
+ {
115
+ color: "#ffffff",
116
+ text: "Blank Fill Background",
117
+ bordercolor: o("#937bff", 0.4)
118
+ },
119
+ {
120
+ color: "transparent",
121
+ text: "Transparent Fill Background",
122
+ extraclass: e("", "grids")
123
+ }
124
+ ]
125
+ },
126
+ {
127
+ shades: [
128
+ {
129
+ color: o("#937bff", 0.9),
130
+ textcolor: "#fff",
131
+ text: "Primary Alpha 90% Fill Background"
132
+ },
133
+ {
134
+ color: o("#937bff", 0.8),
135
+ textcolor: "#fff",
136
+ text: "Primary Alpha 80% Fill Background"
137
+ },
138
+ {
139
+ color: o("#937bff", 0.7),
140
+ text: "Primary Alpha 70% Fill Background"
141
+ },
142
+ {
143
+ color: o("#937bff", 0.6),
144
+ text: "Primary Alpha 60% Fill Background"
145
+ },
146
+ {
147
+ color: o("#937bff", 0.5),
148
+ text: "Primary Alpha 50% Fill Background"
149
+ },
150
+ {
151
+ color: o("#937bff", 0.4),
152
+ text: "Primary Alpha 40% Fill Background"
153
+ },
154
+ {
155
+ color: o("#937bff", 0.3),
156
+ text: "Primary Alpha 30% Fill Background"
157
+ },
158
+ {
159
+ color: o("#937bff", 0.2),
160
+ text: "Primary Alpha 20% Fill Background"
161
+ },
162
+ {
163
+ color: o("#937bff", 0.1),
164
+ text: "Primary Alpha 10% Fill Background"
165
+ }
166
+ ]
167
+ }
168
+ ];
169
+ return (h, F) => (l(), t("div", {
170
+ class: c([d(i)("", "neutral")])
171
+ }, [
172
+ (l(), t(s, null, x(m, (n) => a("div", {
173
+ key: n.shades[0].color
174
+ }, [
175
+ (l(!0), t(s, null, x(n.shades, (r) => (l(), t("div", {
176
+ class: c([d(e)("", "collects"), r?.extraclass]),
177
+ style: B({
178
+ "background-color": r.color,
179
+ color: r?.textcolor,
180
+ border: r?.bordercolor ? "1px solid " + r.bordercolor : "none"
181
+ }),
182
+ key: r.text
183
+ }, [
184
+ a("div", null, [
185
+ a("div", null, f(r.text), 1),
186
+ a("div", null, f(r.color.toUpperCase()), 1)
187
+ ]),
188
+ r.extraclass ? (l(), t("div", {
189
+ key: 0,
190
+ class: c([r.color !== "transparent" ? d(e)("", "border-content") : ""])
191
+ }, f(r.color !== "transparent" ? "#FFFFFF" : ""), 3)) : k("", !0)
192
+ ], 6))), 128))
193
+ ])), 64))
194
+ ], 2));
195
+ }
196
+ });
5
197
  export {
6
- m as default
198
+ _ as default
7
199
  };