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.
- package/cjs/components/button/index.d.ts +2 -4
- package/cjs/components/button/index.js +1 -1
- package/cjs/components/colors/index.d.ts +3 -4
- package/cjs/components/colors/index.js +1 -1
- package/cjs/components/colors/src/colors.vue.js +1 -1
- package/cjs/components/colors/src/neutral-color.vue.js +1 -1
- package/cjs/components/colors/src/neutral-color.vue2.js +1 -1
- package/cjs/components/colors/src/primary-color.vue.js +1 -1
- package/cjs/components/colors/src/primary-color.vue2.js +1 -1
- package/cjs/components/colors/src/secondary-color.vue.js +1 -1
- package/cjs/components/colors/src/secondary-color.vue2.js +1 -1
- package/cjs/components/colors/style/css.d.ts +0 -0
- package/cjs/components/colors/style/index.d.ts +0 -0
- package/cjs/components/index.js +1 -1
- package/cjs/components/input/index.d.ts +2 -4
- package/cjs/components/input/index.js +1 -1
- package/cjs/components/tabs/index.d.ts +2 -4
- package/cjs/components/tabs/index.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/theme-chalk/src/colors.css +1 -0
- package/es/components/button/index.d.ts +2 -4
- package/es/components/button/index.mjs +3 -2
- package/es/components/colors/index.d.ts +3 -4
- package/es/components/colors/index.mjs +12 -11
- package/es/components/colors/src/colors.vue.mjs +8 -8
- package/es/components/colors/src/neutral-color.vue.mjs +197 -5
- package/es/components/colors/src/neutral-color.vue2.mjs +2 -193
- package/es/components/colors/src/primary-color.vue.mjs +36 -5
- package/es/components/colors/src/primary-color.vue2.mjs +2 -31
- package/es/components/colors/src/secondary-color.vue.mjs +59 -5
- package/es/components/colors/src/secondary-color.vue2.mjs +2 -52
- package/es/components/colors/style/css.d.ts +0 -0
- package/es/components/colors/style/index.d.ts +0 -0
- package/es/components/index.mjs +14 -18
- package/es/components/input/index.d.ts +2 -4
- package/es/components/input/index.mjs +4 -3
- package/es/components/tabs/index.d.ts +2 -4
- package/es/components/tabs/index.mjs +3 -2
- package/es/index.mjs +16 -17
- package/es/theme-chalk/src/colors.css +1 -0
- package/package.json +1 -1
- package/theme-chalk/index.css +66 -0
- package/theme-chalk/re-colors.css +100 -0
- package/theme-chalk/src/colors.scss +77 -0
- package/theme-chalk/src/index.scss +1 -0
- package/umd/index.js +11 -11
- package/cjs/components/colors/src/neutral-color.css +0 -1
- package/cjs/components/colors/src/primary-color.css +0 -1
- package/cjs/components/colors/src/secondary-color.css +0 -1
- package/es/components/colors/src/neutral-color.css +0 -1
- package/es/components/colors/src/primary-color.css +0 -1
- 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
|
|
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
|
|
31
|
+
export default ReButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
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 {
|
|
6
|
-
|
|
7
|
-
export 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.
|
|
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"),
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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
|
package/cjs/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
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
|
-
|
|
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
|
|
23
|
+
export default ReInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
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
|
-
|
|
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
|
|
18
|
+
export default ReTabs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
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
|
|
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
|
|
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
|
|
31
|
+
export default ReButton;
|
|
@@ -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 {
|
|
6
|
-
|
|
7
|
-
export 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
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
o(r, {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
|
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
|
|
4
|
-
import
|
|
5
|
-
const N = /* @__PURE__ */
|
|
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(
|
|
9
|
-
return (
|
|
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(
|
|
13
|
+
e(f),
|
|
14
14
|
r[2] || (r[2] = o("h2", null, "Neutral 文本、边框、背景色", -1)),
|
|
15
|
-
e(
|
|
15
|
+
e(i)
|
|
16
16
|
], 64));
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1,7 +1,199 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
198
|
+
_ as default
|
|
7
199
|
};
|