@moneko/core 2.0.0-beta.22 → 2.0.0-beta.23

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 (47) hide show
  1. package/build/antd-config.d.ts +2 -0
  2. package/build/antd-config.js +1 -0
  3. package/build/common.js +1 -1
  4. package/build/modifyVars.d.ts +2 -0
  5. package/build/modifyVars.js +1 -0
  6. package/build/module.config.js +1 -1
  7. package/build/swcrc.js +1 -1
  8. package/build/webpack.common.js +1 -1
  9. package/lib/components/app-router/index.js.map +1 -1
  10. package/lib/packages/back-stage/app.js +1 -1
  11. package/lib/packages/back-stage/app.js.map +1 -1
  12. package/lib/packages/back-stage/bootstrap.d.ts +4 -0
  13. package/lib/packages/back-stage/bootstrap.js +1 -1
  14. package/lib/packages/back-stage/bootstrap.js.map +1 -1
  15. package/lib/packages/library/app.d.ts +4 -0
  16. package/lib/packages/library/app.js +1 -1
  17. package/lib/packages/library/app.js.map +1 -1
  18. package/lib/packages/mobile/app.d.ts +4 -0
  19. package/lib/packages/mobile/app.js +1 -1
  20. package/lib/packages/mobile/app.js.map +1 -1
  21. package/lib/packages/single-spa/app.d.ts +4 -0
  22. package/lib/packages/single-spa/app.js +1 -1
  23. package/lib/packages/single-spa/app.js.map +1 -1
  24. package/lib/packages/site/app.d.ts +4 -0
  25. package/lib/packages/site/app.js +1 -1
  26. package/lib/packages/site/app.js.map +1 -1
  27. package/lib/router/index.d.ts +4 -5
  28. package/lib/router/index.js +1 -1
  29. package/lib/router/index.js.map +1 -1
  30. package/lib/styles/animation.css +58 -0
  31. package/lib/styles/global.css +124 -0
  32. package/lib/styles/normalize.css +174 -0
  33. package/lib/styles/variables.css +40 -0
  34. package/lib/styles/vars.d.ts +0 -2
  35. package/lib/styles/vars.js +1 -1
  36. package/lib/styles/vars.js.map +1 -1
  37. package/lib/utils/index.d.ts +0 -1
  38. package/lib/utils/index.js +1 -1
  39. package/lib/utils/index.js.map +1 -1
  40. package/package.json +9 -7
  41. package/typings/global.d.ts +2 -0
  42. package/lib/styles/animation.d.ts +0 -5
  43. package/lib/styles/animation.js +0 -2
  44. package/lib/styles/animation.js.map +0 -1
  45. package/lib/styles/normalize.d.ts +0 -2
  46. package/lib/styles/normalize.js +0 -2
  47. package/lib/styles/normalize.js.map +0 -1
@@ -0,0 +1,58 @@
1
+ @keyframes avatar-in {
2
+ 0% {
3
+ transform: scale(30);
4
+ }
5
+
6
+ 20% {
7
+ transform: scale(30);
8
+ }
9
+
10
+ 100% {
11
+ transform: scale(1);
12
+ }
13
+ }
14
+
15
+ @keyframes route-in {
16
+ from {
17
+ transform: translate3d(0, 16px, 0);
18
+ opacity: 0;
19
+ }
20
+
21
+ to {
22
+ transform: translate3d(0, 0, 0);
23
+ opacity: 1;
24
+ }
25
+ }
26
+
27
+ @keyframes route-out {
28
+ from {
29
+ transform: translate3d(0, 0, 0);
30
+ opacity: 1;
31
+ }
32
+
33
+ to {
34
+ z-index: -1;
35
+ transform: translate3d(0, 1rem, 0);
36
+ opacity: 0;
37
+ }
38
+ }
39
+
40
+ @keyframes fade-in {
41
+ from {
42
+ opacity: 0;
43
+ }
44
+
45
+ to {
46
+ opacity: 1;
47
+ }
48
+ }
49
+
50
+ @keyframes fade-out {
51
+ from {
52
+ opacity: 1;
53
+ }
54
+
55
+ to {
56
+ opacity: 0;
57
+ }
58
+ }
@@ -0,0 +1,124 @@
1
+ html,
2
+ body {
3
+ width: 100vw;
4
+ height: 100vh;
5
+ padding: 0;
6
+ overflow: hidden;
7
+ margin: 0;
8
+ color: var(--text-color);
9
+ font-size: var(--font-size-base);
10
+ font-family: var(--font-family);
11
+ line-height: 1.8;
12
+ background-color: var(--body-background);
13
+ transition-duration: var(--transition-duration);
14
+ transition-property: background-color, color;
15
+ transition-timing-function: var(--transition-timing-function);
16
+ /* stylelint-disable-next-line property-no-vendor-prefix */
17
+ -webkit-text-size-adjust: 100%;
18
+ }
19
+
20
+ #root {
21
+ display: flex;
22
+ flex-direction: column;
23
+ width: 100%;
24
+ height: 100%;
25
+ -webkit-overflow-scrolling: touch;
26
+ }
27
+
28
+ main {
29
+ display: block;
30
+ }
31
+
32
+ #root > main {
33
+ flex: 1;
34
+ width: 100%;
35
+ overflow-y: auto;
36
+ animation: route-in var(--transition-duration);
37
+ }
38
+
39
+ input,
40
+ textarea {
41
+ caret-color: plum;
42
+ }
43
+
44
+ :-webkit-autofill,
45
+ :-webkit-autofill:hover,
46
+ :-webkit-autofill:focus {
47
+ font-weight: 400;
48
+ border: none;
49
+ border-radius: 5px;
50
+ box-shadow: 0 0 0 1000px transparent inset;
51
+ transition: background-color var(--transition-duration) var(--transition-timing-function);
52
+ -webkit-text-fill-color: var(--text-color);
53
+ caret-color: transparent;
54
+ }
55
+
56
+ ::-webkit-scrollbar {
57
+ width: 5px;
58
+ height: 5px;
59
+ opacity: 0;
60
+ }
61
+
62
+ ::-webkit-scrollbar-track {
63
+ background-color: transparent;
64
+ }
65
+
66
+ ::-webkit-scrollbar-thumb {
67
+ background-color: transparent;
68
+ border-radius: 5px;
69
+ }
70
+
71
+ :hover::-webkit-scrollbar-thumb {
72
+ background-color: rgba(78, 78, 78, 0.15);
73
+ }
74
+
75
+ ::-webkit-scrollbar-thumb:hover {
76
+ background-color: rgba(176, 139, 227, 0.5);
77
+ }
78
+
79
+ ::-webkit-scrollbar-thumb:active {
80
+ background-color: rgba(247, 138, 224, 0.5);
81
+ }
82
+
83
+ ::-webkit-scrollbar-button {
84
+ display: none;
85
+ }
86
+
87
+ .text-ellipsis,
88
+ .text-ellipsis-2 {
89
+ overflow: hidden;
90
+ text-overflow: ellipsis;
91
+ }
92
+
93
+ .text-ellipsis {
94
+ white-space: nowrap;
95
+ }
96
+
97
+ .text-ellipsis-2 {
98
+ /* stylelint-disable-next-line value-no-vendor-prefix */
99
+ display: -webkit-box;
100
+ -webkit-line-clamp: 2;
101
+ /*! autoprefixer: off */
102
+ -webkit-box-orient: vertical;
103
+ }
104
+
105
+ .df {
106
+ display: flex;
107
+ }
108
+
109
+ .fd-row {
110
+ flex-direction: row;
111
+ }
112
+
113
+ .f-a-c {
114
+ align-items: center;
115
+ }
116
+
117
+ .mr5 {
118
+ margin-right: 5px;
119
+ }
120
+
121
+ .pos-r-0 {
122
+ position: absolute;
123
+ right: 0;
124
+ }
@@ -0,0 +1,174 @@
1
+ h1 {
2
+ font-size: 2em;
3
+ margin: 0.67em 0;
4
+ }
5
+
6
+ hr {
7
+ box-sizing: content-box;
8
+ height: 0;
9
+ overflow: visible;
10
+ }
11
+
12
+ pre {
13
+ font-family: monospace;
14
+ font-size: 1em;
15
+ }
16
+
17
+ a {
18
+ background-color: transparent;
19
+ text-decoration: none;
20
+ cursor: pointer;
21
+ }
22
+
23
+ abbr[title] {
24
+ border-bottom: none;
25
+ text-decoration: underline;
26
+ text-decoration: underline dotted;
27
+ }
28
+
29
+ b,
30
+ strong {
31
+ font-weight: bolder;
32
+ }
33
+
34
+ code,
35
+ kbd,
36
+ samp {
37
+ font-family: monospace;
38
+ font-size: 1em;
39
+ }
40
+
41
+ small {
42
+ font-size: 80%;
43
+ }
44
+
45
+ sub,
46
+ sup {
47
+ font-size: 75%;
48
+ line-height: 0;
49
+ position: relative;
50
+ vertical-align: baseline;
51
+ }
52
+
53
+ sub {
54
+ bottom: -0.25em;
55
+ }
56
+
57
+ sup {
58
+ top: -0.5em;
59
+ }
60
+
61
+ img {
62
+ border-style: none;
63
+ }
64
+
65
+ img,
66
+ button {
67
+ /* 消除锯齿 */
68
+ outline: 1px solid transparent;
69
+ }
70
+
71
+ button,
72
+ input,
73
+ optgroup,
74
+ select,
75
+ textarea {
76
+ font-family: inherit;
77
+ font-size: 100%;
78
+ line-height: 1.15;
79
+ margin: 0;
80
+ }
81
+
82
+ button,
83
+ input {
84
+ overflow: visible;
85
+ }
86
+
87
+ button,
88
+ select {
89
+ text-transform: none;
90
+ }
91
+
92
+ button,
93
+ [type='button'],
94
+ [type='reset'],
95
+ [type='submit'] {
96
+ appearance: button;
97
+ }
98
+
99
+ button::-moz-focus-inner,
100
+ [type='button']::-moz-focus-inner,
101
+ [type='reset']::-moz-focus-inner,
102
+ [type='submit']::-moz-focus-inner {
103
+ border-style: none;
104
+ padding: 0;
105
+ }
106
+
107
+ button:-moz-focusring,
108
+ [type='button']:-moz-focusring,
109
+ [type='reset']:-moz-focusring,
110
+ [type='submit']:-moz-focusring {
111
+ outline: 1px dotted ButtonText;
112
+ }
113
+
114
+ fieldset {
115
+ padding: 0.35em 0.75em 0.625em;
116
+ }
117
+
118
+ legend {
119
+ box-sizing: border-box;
120
+ color: inherit;
121
+ display: table;
122
+ max-width: 100%;
123
+ padding: 0;
124
+ white-space: normal;
125
+ }
126
+
127
+ progress {
128
+ vertical-align: baseline;
129
+ }
130
+
131
+ textarea {
132
+ overflow: auto;
133
+ }
134
+
135
+ [type='checkbox'],
136
+ [type='radio'] {
137
+ box-sizing: border-box;
138
+ padding: 0;
139
+ }
140
+
141
+ [type='number']::-webkit-inner-spin-button,
142
+ [type='number']::-webkit-outer-spin-button {
143
+ height: auto;
144
+ }
145
+
146
+ [type='search'] {
147
+ appearance: textfield;
148
+ outline-offset: -2px;
149
+ }
150
+
151
+ [type='search']::-webkit-search-decoration {
152
+ appearance: none;
153
+ }
154
+
155
+ ::-webkit-file-upload-button {
156
+ appearance: button;
157
+ font: inherit;
158
+ }
159
+
160
+ details {
161
+ display: block;
162
+ }
163
+
164
+ summary {
165
+ display: list-item;
166
+ }
167
+
168
+ template {
169
+ display: none;
170
+ }
171
+
172
+ [hidden] {
173
+ display: none;
174
+ }
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --text-shadow-color: rgba(0, 0, 0, 0.1);
3
+ --font-size-base: 14px;
4
+ --border-color-base: #d9d9d9;
5
+ --border-radius-base: 4px;
6
+ --body-background: #f8f8f8;
7
+ --component-background: #fff;
8
+ --table-header-bg: rgba(0, 0, 0, 0.02);
9
+ --text-color: rgba(0, 0, 0, 0.65);
10
+ --text-color-secondary: rgba(0, 0, 0, 0.45);
11
+ --heading-color: rgba(0, 0, 0, 0.85);
12
+ --text-selection-bg: var(--primary-color-deprecated-bg);
13
+ --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);
14
+ --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
15
+ 0 9px 28px 8px rgba(0, 0, 0, 0.05);
16
+ --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial',
17
+ 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
18
+ 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
19
+ --transition-duration: 0.3s;
20
+ --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
21
+ --antd-wave-shadow-color: var(--primary-color-outline);
22
+ --disable-color: rgba(0, 0, 0, 0.25);
23
+ --btn-disable-bg: var(--disable-color);
24
+ --btn-disable-border: var(--disable-color);
25
+ --menu-dark-item-active-bg: #0e3ab3;
26
+ }
27
+
28
+ [data-theme='dark'] {
29
+ --text-selection-bg: var(--primary-color-deprecated-bg);
30
+ --text-color-secondary: rgba(255, 255, 255, 0.25);
31
+ --text-shadow-color: rgba(255, 255, 255, 0.1);
32
+ --header-shadow: rgba(255, 255, 255, 0.05);
33
+ --body-background: #000;
34
+ --component-background: #141414;
35
+ --header-bg: rgba(20, 20, 20, 0.9);
36
+ --text-color: #ffffffd9;
37
+ --border-color-base: #303030;
38
+ --heading-color: rgba(255, 255, 255, 0.85);
39
+ --disabled-color: rgba(255, 255, 255, 0.3);
40
+ }
@@ -13,5 +13,3 @@ export declare type ThemeColorOptions<T = 'light' | 'dark'> = {
13
13
  };
14
14
  export declare const setThemeColor: (options: ThemeColorOptions) => void;
15
15
  export declare const rootVariables: string;
16
- export declare const globalStyles = "\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n";
17
- export declare const rootStyle: string;
@@ -1,2 +1,2 @@
1
- function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{routeInKeyframes}from"./animation";import tinycolor from"tinycolor2";import colorPalette from"../utils/color-palette";export var menuDarkBg="#1C222E";export var getColorPalette=function(name,color){var type=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"light",bg=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"#fff";var vars={};if(type==="light"){var i=1;while(i<=7){vars["--".concat(name,"-").concat(i)]=colorPalette(color,i);i++}}else{var _obj;Object.assign(vars,(_obj={},_defineProperty(_obj,"--".concat(name,"-1"),tinycolor.mix(colorPalette(color,8),bg,.15)),_defineProperty(_obj,"--".concat(name,"-2"),tinycolor.mix(colorPalette(color,7),bg,.25)),_defineProperty(_obj,"--".concat(name,"-3"),tinycolor.mix(color,bg,.3)),_defineProperty(_obj,"--".concat(name,"-4"),tinycolor.mix(color,bg,.45)),_defineProperty(_obj,"--".concat(name,"-5"),tinycolor.mix(color,bg,.65)),_defineProperty(_obj,"--".concat(name,"-6"),color),_defineProperty(_obj,"--".concat(name,"-7"),tinycolor.mix(colorPalette(color,5),bg,.9)),_obj))}var _obj1;return _objectSpreadProps(_objectSpread({},vars),(_obj1={},_defineProperty(_obj1,"--".concat(name,"-color-deprecated-bg"),"var(--".concat(name,"-1)")),_defineProperty(_obj1,"--".concat(name,"-color-deprecated-border"),"var(--".concat(name,"-3)")),_defineProperty(_obj1,"--".concat(name,"-color-hover"),"var(--".concat(name,"-5)")),_defineProperty(_obj1,"--".concat(name,"-color"),color),_defineProperty(_obj1,"--".concat(name,"-color-outline"),tinycolor(color).setAlpha(.2).toRgbString()),_defineProperty(_obj1,"--".concat(name,"-color-active"),"var(--".concat(name,"-7)")),_obj1))};var keyword=["primary","warning","error","success"];export var setThemeColor=function(options){keyword.forEach(function(name){var color=options[name];if(color){var colors=getColorPalette(name,color,options.type,options.componentBackground);if(name==="primary"||name==="error"){Object.assign(colors,_defineProperty({},name==="primary"?"--menu-dark-item-active-bg":"--menu-dark-item-active-danger-bg",tinycolor.mix(colorPalette(color,8),menuDarkBg||"#141414",.15).toRgbString()))}for(var key in colors){if(Object.prototype.hasOwnProperty.call(colors,key)){var newColor=colors[key];if(getComputedStyle(document.documentElement).getPropertyValue(key)!==newColor){document.documentElement.style.setProperty(key,newColor)}}}}});if(options.tableHeaderBg){document.documentElement.style.setProperty("--table-header-bg",options.tableHeaderBg)}};var rootStatusColor=_objectSpread({},getColorPalette("normal","rgba(0, 0, 0, 0.85)","light","#fff"),getColorPalette("primary","#1890ff","light","#fff"),getColorPalette("success","#52c41a","light","#fff"),getColorPalette("warning","#faad14","light","#fff"),getColorPalette("error","#ff4d4f","light","#fff"));var rootStatusColorVariables="";Object.entries(rootStatusColor).forEach(function(e){rootStatusColorVariables+="".concat(e.join(": "),";\n")});var rootStatusColorDark=_objectSpread({},getColorPalette("normal","rgba(255, 255, 255, 0.85)","dark","#141414"),getColorPalette("primary","#177ddc","dark","#141414"),getColorPalette("success","#49aa19","dark","#141414"),getColorPalette("warning","#d89614","dark","#141414"),getColorPalette("error","#a61d24","dark","#141414"));var rootStatusColorDarkVariables="";Object.entries(rootStatusColorDark).forEach(function(e){rootStatusColorDarkVariables+="".concat(e.join(": "),";\n")});export var rootVariables="\n :root {\n --text-shadow-color: rgba(0, 0, 0, 0.1);\n --font-size-base: 14px;\n --border-color-base: #d9d9d9;\n --border-radius-base: 4px;\n --body-background: #f8f8f8;\n --component-background: #fff;\n --table-header-bg: rgba(0, 0, 0, 0.02);\n --text-color: rgba(0, 0, 0, 0.65);\n --text-color-secondary: rgba(0, 0, 0, 0.45);\n --heading-color: rgba(0, 0, 0, 0.85);\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n --transition-duration: 0.3s;\n --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n --antd-wave-shadow-color: var(--primary-color-outline);\n --disable-color: rgba(0, 0, 0, 0.25);\n --btn-disable-bg: var(--disable-color);\n --btn-disable-border: var(--disable-color);\n --menu-dark-item-active-bg: #0e3ab3;\n ".concat(rootStatusColorVariables,"\n }\n [data-theme='dark'] {\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --text-color-secondary: rgba(255, 255, 255, 0.25);\n --text-shadow-color: rgba(255, 255, 255, 0.1);\n --header-shadow: rgba(255, 255, 255, 0.05);\n --body-background: #000;\n --component-background: #141414;\n --header-bg: rgba(20, 20, 20, 0.9);\n --text-color: #ffffffd9;\n --border-color-base: #303030;\n --heading-color: rgba(255, 255, 255, 0.85);\n --disabled-color: rgba(255, 255, 255, 0.3);\n ").concat(rootStatusColorDarkVariables,"\n }\n");export var globalStyles="\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n";export var rootStyle="\n #root {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n\n > main {\n display: block;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n animation: ".concat(routeInKeyframes," var(--transition-duration);\n }\n }\n");
1
+ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import tinycolor from"tinycolor2";import colorPalette from"../utils/color-palette";export var menuDarkBg="#1C222E";export var getColorPalette=function(name,color){var type=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"light",bg=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"#fff";var vars={};if(type==="light"){var i=1;while(i<=7){vars["--".concat(name,"-").concat(i)]=colorPalette(color,i);i++}}else{var _obj;Object.assign(vars,(_obj={},_defineProperty(_obj,"--".concat(name,"-1"),tinycolor.mix(colorPalette(color,8),bg,.15)),_defineProperty(_obj,"--".concat(name,"-2"),tinycolor.mix(colorPalette(color,7),bg,.25)),_defineProperty(_obj,"--".concat(name,"-3"),tinycolor.mix(color,bg,.3)),_defineProperty(_obj,"--".concat(name,"-4"),tinycolor.mix(color,bg,.45)),_defineProperty(_obj,"--".concat(name,"-5"),tinycolor.mix(color,bg,.65)),_defineProperty(_obj,"--".concat(name,"-6"),color),_defineProperty(_obj,"--".concat(name,"-7"),tinycolor.mix(colorPalette(color,5),bg,.9)),_obj))}var _obj1;return _objectSpreadProps(_objectSpread({},vars),(_obj1={},_defineProperty(_obj1,"--".concat(name,"-color-deprecated-bg"),"var(--".concat(name,"-1)")),_defineProperty(_obj1,"--".concat(name,"-color-deprecated-border"),"var(--".concat(name,"-3)")),_defineProperty(_obj1,"--".concat(name,"-color-hover"),"var(--".concat(name,"-5)")),_defineProperty(_obj1,"--".concat(name,"-color"),color),_defineProperty(_obj1,"--".concat(name,"-color-outline"),tinycolor(color).setAlpha(.2).toRgbString()),_defineProperty(_obj1,"--".concat(name,"-color-active"),"var(--".concat(name,"-7)")),_obj1))};var keyword=["primary","warning","error","success"];export var setThemeColor=function(options){keyword.forEach(function(name){var color=options[name];if(color){var colors=getColorPalette(name,color,options.type,options.componentBackground);if(name==="primary"||name==="error"){Object.assign(colors,_defineProperty({},name==="primary"?"--menu-dark-item-active-bg":"--menu-dark-item-active-danger-bg",tinycolor.mix(colorPalette(color,8),menuDarkBg||"#141414",.15).toRgbString()))}for(var key in colors){if(Object.prototype.hasOwnProperty.call(colors,key)){var newColor=colors[key];if(getComputedStyle(document.documentElement).getPropertyValue(key)!==newColor){document.documentElement.style.setProperty(key,newColor)}}}}});if(options.tableHeaderBg){document.documentElement.style.setProperty("--table-header-bg",options.tableHeaderBg)}};var rootStatusColor=_objectSpread({},getColorPalette("normal","rgba(0, 0, 0, 0.85)","light","#fff"),getColorPalette("primary","#1890ff","light","#fff"),getColorPalette("success","#52c41a","light","#fff"),getColorPalette("warning","#faad14","light","#fff"),getColorPalette("error","#ff4d4f","light","#fff"));var rootStatusColorVariables="";Object.entries(rootStatusColor).forEach(function(e){rootStatusColorVariables+="".concat(e.join(": "),";\n")});var rootStatusColorDark=_objectSpread({},getColorPalette("normal","rgba(255, 255, 255, 0.85)","dark","#141414"),getColorPalette("primary","#177ddc","dark","#141414"),getColorPalette("success","#49aa19","dark","#141414"),getColorPalette("warning","#d89614","dark","#141414"),getColorPalette("error","#a61d24","dark","#141414"));var rootStatusColorDarkVariables="";Object.entries(rootStatusColorDark).forEach(function(e){rootStatusColorDarkVariables+="".concat(e.join(": "),";\n")});export var rootVariables="\n :root {\n ".concat(rootStatusColorVariables,"\n }\n [data-theme='dark'] {\n ").concat(rootStatusColorDarkVariables,"\n }\n");
2
2
  //# sourceMappingURL=vars.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import { routeInKeyframes } from './animation';\nimport tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n name: string,\n color: string,\n type: 'light' | 'dark' = 'light',\n bg = '#fff'\n) => {\n const vars: Record<string, string> = {};\n\n if (type === 'light') {\n let i = 1;\n\n while (i <= 7) {\n vars[`--${name}-${i}`] = colorPalette(color, i);\n i++;\n }\n } else {\n Object.assign(vars, {\n [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n [`--${name}-6`]: color,\n [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n });\n }\n\n return {\n ...vars,\n [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n [`--${name}-color-hover`]: `var(--${name}-5)`,\n [`--${name}-color`]: color,\n [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n [`--${name}-color-active`]: `var(--${name}-7)`,\n };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n primary?: string;\n warning?: string;\n error?: string;\n success?: string;\n componentBackground?: string;\n tableHeaderBg?: string;\n type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n keyword.forEach((name) => {\n const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n if (color) {\n const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n if (name === 'primary' || name === 'error') {\n Object.assign(colors, {\n [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n });\n }\n for (const key in colors) {\n if (Object.prototype.hasOwnProperty.call(colors, key)) {\n const newColor = colors[key as keyof typeof colors];\n\n if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n document.documentElement.style.setProperty(key, newColor);\n }\n }\n }\n }\n });\n if (options.tableHeaderBg) {\n document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n }\n};\n\nconst rootStatusColor = {\n ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = `\n :root {\n --text-shadow-color: rgba(0, 0, 0, 0.1);\n --font-size-base: 14px;\n --border-color-base: #d9d9d9;\n --border-radius-base: 4px;\n --body-background: #f8f8f8;\n --component-background: #fff;\n --table-header-bg: rgba(0, 0, 0, 0.02);\n --text-color: rgba(0, 0, 0, 0.65);\n --text-color-secondary: rgba(0, 0, 0, 0.45);\n --heading-color: rgba(0, 0, 0, 0.85);\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n --transition-duration: 0.3s;\n --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n --antd-wave-shadow-color: var(--primary-color-outline);\n --disable-color: rgba(0, 0, 0, 0.25);\n --btn-disable-bg: var(--disable-color);\n --btn-disable-border: var(--disable-color);\n --menu-dark-item-active-bg: #0e3ab3;\n ${rootStatusColorVariables}\n }\n [data-theme='dark'] {\n --text-selection-bg: var(--primary-color-deprecated-bg);\n --text-color-secondary: rgba(255, 255, 255, 0.25);\n --text-shadow-color: rgba(255, 255, 255, 0.1);\n --header-shadow: rgba(255, 255, 255, 0.05);\n --body-background: #000;\n --component-background: #141414;\n --header-bg: rgba(20, 20, 20, 0.9);\n --text-color: #ffffffd9;\n --border-color-base: #303030;\n --heading-color: rgba(255, 255, 255, 0.85);\n --disabled-color: rgba(255, 255, 255, 0.3);\n ${rootStatusColorDarkVariables}\n }\n`;\n\nexport const globalStyles = `\n html,\n body {\n width: 100vw;\n height: 100vh;\n padding: 0;\n overflow: hidden;\n margin: 0;\n color: var(--text-color);\n font-size: var(--font-size-base);\n font-family: var(--font-family);\n line-height: 1.8;\n background-color: var(--body-background);\n transition-duration: var(--transition-duration);\n transition-property: background-color, color;\n transition-timing-function: var(--transition-timing-function);\n -webkit-text-size-adjust: 100%;\n }\n main {\n display: block;\n }\n input,\n textarea {\n caret-color: plum;\n }\n\n :-webkit-autofill,\n :-webkit-autofill:hover,\n :-webkit-autofill:focus {\n font-weight: 400;\n border: none;\n border-radius: 5px;\n box-shadow: 0 0 0 1000px transparent inset;\n transition: background-color var(--transition-duration) var(--transition-timing-function);\n -webkit-text-fill-color: var(--text-color);\n caret-color: transparent;\n }\n\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n opacity: 0;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: transparent;\n border-radius: 5px;\n }\n\n :hover::-webkit-scrollbar-thumb {\n background-color: rgba(78, 78, 78, 0.15);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: rgba(176, 139, 227, 0.5);\n }\n\n ::-webkit-scrollbar-thumb:active {\n background-color: rgba(247, 138, 224, 0.5);\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n .text-ellipsis,\n .text-ellipsis-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .text-ellipsis {\n white-space: nowrap;\n }\n\n .text-ellipsis-2 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n /*! autoprefixer: off */\n -webkit-box-orient: vertical;\n }\n\n .flex {\n display: flex;\n }\n\n .f-row {\n flex-direction: row;\n }\n\n .f-a-c {\n align-items: center;\n }\n\n .mr5 {\n margin-right: 5px;\n }\n\n .pos-r-0 {\n position: absolute;\n right: 0;\n }\n\n .login-toolbox {\n height: 64px;\n\n button {\n margin-right: 16px;\n }\n }\n`;\nexport const rootStyle = `\n #root {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n\n > main {\n display: block;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n animation: ${routeInKeyframes} var(--transition-duration);\n }\n }\n`;\n"],"names":["routeInKeyframes","tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables","globalStyles","rootStyle"],"mappings":"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"}
1
+ {"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n name: string,\n color: string,\n type: 'light' | 'dark' = 'light',\n bg = '#fff'\n) => {\n const vars: Record<string, string> = {};\n\n if (type === 'light') {\n let i = 1;\n\n while (i <= 7) {\n vars[`--${name}-${i}`] = colorPalette(color, i);\n i++;\n }\n } else {\n Object.assign(vars, {\n [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n [`--${name}-6`]: color,\n [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n });\n }\n\n return {\n ...vars,\n [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n [`--${name}-color-hover`]: `var(--${name}-5)`,\n [`--${name}-color`]: color,\n [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n [`--${name}-color-active`]: `var(--${name}-7)`,\n };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n primary?: string;\n warning?: string;\n error?: string;\n success?: string;\n componentBackground?: string;\n tableHeaderBg?: string;\n type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n keyword.forEach((name) => {\n const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n if (color) {\n const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n if (name === 'primary' || name === 'error') {\n Object.assign(colors, {\n [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n });\n }\n for (const key in colors) {\n if (Object.prototype.hasOwnProperty.call(colors, key)) {\n const newColor = colors[key as keyof typeof colors];\n\n if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n document.documentElement.style.setProperty(key, newColor);\n }\n }\n }\n }\n });\n if (options.tableHeaderBg) {\n document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n }\n};\n\nconst rootStatusColor = {\n ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = `\n :root {\n ${rootStatusColorVariables}\n }\n [data-theme='dark'] {\n ${rootStatusColorDarkVariables}\n }\n`;\n"],"names":["tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables"],"mappings":"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"}
@@ -1,4 +1,3 @@
1
- export declare const translatFunction: (func: string, val?: number | string | any) => string;
2
1
  export declare type WatermarkParamsType = {
3
2
  text: string;
4
3
  x?: number;
@@ -1,2 +1,2 @@
1
- export var translatFunction=function(func,val){try{if(typeof val!=="undefined"){return eval(func)}}catch(error){console.warn(error)}return func};export var watermark=function(param){var text=param.text,_param_x=param.x,x=_param_x===void 0?19.5:_param_x,_param_y=param.y,y=_param_y===void 0?55:_param_y,_param_width=param.width,width=_param_width===void 0?100:_param_width,_param_height=param.height,height=_param_height===void 0?100:_param_height,_param_fontSize=param.fontSize,fontSize=_param_fontSize===void 0?14:_param_fontSize,_param_angle=param.angle,angle=_param_angle===void 0?-45:_param_angle,_param_opacity=param.opacity,opacity=_param_opacity===void 0?.1:_param_opacity,_param_color=param.color,color=_param_color===void 0?"#000":_param_color;var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'"><g><title>Layer 1</title><text x="'+x+'" y="'+y+'" textAnchor="middle" dominantBaseline="middle" stroke-opacity="'+opacity+'" stroke="'+color+'" fill="none" transform="rotate('+angle+" "+width/2+","+height/2+')" font-size="'+fontSize+'" font-family="-apple-system, BlinkMacSystemFont, '+"'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'"+'">'+text+"</text></g></svg>";return"data:image/svg+xml;base64,"+window.btoa(decodeURIComponent(encodeURIComponent(svgStr)))};
1
+ export var watermark=function(param){var text=param.text,_param_x=param.x,x=_param_x===void 0?19.5:_param_x,_param_y=param.y,y=_param_y===void 0?55:_param_y,_param_width=param.width,width=_param_width===void 0?100:_param_width,_param_height=param.height,height=_param_height===void 0?100:_param_height,_param_fontSize=param.fontSize,fontSize=_param_fontSize===void 0?14:_param_fontSize,_param_angle=param.angle,angle=_param_angle===void 0?-45:_param_angle,_param_opacity=param.opacity,opacity=_param_opacity===void 0?.1:_param_opacity,_param_color=param.color,color=_param_color===void 0?"#000":_param_color;var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'"><g><title>Layer 1</title><text x="'+x+'" y="'+y+'" textAnchor="middle" dominantBaseline="middle" stroke-opacity="'+opacity+'" stroke="'+color+'" fill="none" transform="rotate('+angle+" "+width/2+","+height/2+')" font-size="'+fontSize+'" font-family="-apple-system, BlinkMacSystemFont, '+"'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'"+'">'+text+"</text></g></svg>";return"data:image/svg+xml;base64,"+window.btoa(decodeURIComponent(encodeURIComponent(svgStr)))};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export const translatFunction = (func: string, val?: number | string | any): string => {\n try {\n if (typeof val !== 'undefined') {\n return eval(func);\n }\n } catch (error) {\n // eslint-disable-next-line no-console\n console.warn(error);\n }\n return func;\n};\n\nexport type WatermarkParamsType = {\n text: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n fontSize?: number;\n angle?: number;\n opacity?: number;\n color?: string;\n};\n\nexport const watermark = ({\n text,\n x = 19.5,\n y = 55,\n width = 100,\n height = 100,\n fontSize = 14,\n angle = -45,\n opacity = 0.1,\n color = '#000',\n}: WatermarkParamsType): string => {\n const svgStr =\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"' +\n width +\n '\" height=\"' +\n height +\n '\"><g><title>Layer 1</title><text x=\"' +\n x +\n '\" y=\"' +\n y +\n '\" textAnchor=\"middle\" dominantBaseline=\"middle\" stroke-opacity=\"' +\n opacity +\n '\" stroke=\"' +\n color +\n '\" fill=\"none\" transform=\"rotate(' +\n angle +\n ' ' +\n width / 2 +\n ',' +\n height / 2 +\n ')\" font-size=\"' +\n fontSize +\n '\" font-family=\"-apple-system, BlinkMacSystemFont, ' +\n \"'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'\" +\n '\">' +\n text +\n '</text></g></svg>';\n\n return 'data:image/svg+xml;base64,' + window.btoa(decodeURIComponent(encodeURIComponent(svgStr)));\n};\n"],"names":["translatFunction","func","val","eval","error","console","warn","watermark","text","x","y","width","height","fontSize","angle","opacity","color","svgStr","window","btoa","decodeURIComponent","encodeURIComponent"],"mappings":"AAAA,OAAO,IAAMA,iBAAmB,SAACC,KAAcC,IAAwC,CACrF,GAAI,CACF,GAAI,OAAOA,MAAQ,YAAa,CAC9B,OAAOC,KAAKF,KACd,CAAC,AACH,CAAE,MAAOG,MAAO,CAEdC,QAAQC,IAAI,CAACF,MACf,CACA,OAAOH,IACT,CAAE,AAcF,QAAO,IAAMM,UAAY,eAUU,KATjCC,WAAAA,oBACAC,EAAAA,oBAAI,6BACJC,EAAAA,oBAAI,+BACJC,MAAAA,4BAAQ,qCACRC,OAAAA,8BAAS,wCACTC,SAAAA,kCAAW,sCACXC,MAAAA,4BAAQ,CAAC,qCACTC,QAAAA,gCAAU,qCACVC,MAAAA,4BAAQ,oBAER,IAAMC,OACJ,kDACAN,MACA,aACAC,OACA,uCACAH,EACA,QACAC,EACA,mEACAK,QACA,aACAC,MACA,mCACAF,MACA,IACAH,MAAQ,EACR,IACAC,OAAS,EACT,iBACAC,SACA,qDACA,8NACA,KACAL,KACA,oBAEF,MAAO,6BAA+BU,OAAOC,IAAI,CAACC,mBAAmBC,mBAAmBJ,SAC1F,CAAE"}
1
+ {"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// export const translatFunction = (func: string, val?: number | string | any): string => {\n// try {\n// if (typeof val !== 'undefined') {\n// return eval(func);\n// }\n// } catch (error) {\n// // eslint-disable-next-line no-console\n// console.warn(error);\n// }\n// return func;\n// };\n\nexport type WatermarkParamsType = {\n text: string;\n x?: number;\n y?: number;\n width?: number;\n height?: number;\n fontSize?: number;\n angle?: number;\n opacity?: number;\n color?: string;\n};\n\nexport const watermark = ({\n text,\n x = 19.5,\n y = 55,\n width = 100,\n height = 100,\n fontSize = 14,\n angle = -45,\n opacity = 0.1,\n color = '#000',\n}: WatermarkParamsType): string => {\n const svgStr =\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"' +\n width +\n '\" height=\"' +\n height +\n '\"><g><title>Layer 1</title><text x=\"' +\n x +\n '\" y=\"' +\n y +\n '\" textAnchor=\"middle\" dominantBaseline=\"middle\" stroke-opacity=\"' +\n opacity +\n '\" stroke=\"' +\n color +\n '\" fill=\"none\" transform=\"rotate(' +\n angle +\n ' ' +\n width / 2 +\n ',' +\n height / 2 +\n ')\" font-size=\"' +\n fontSize +\n '\" font-family=\"-apple-system, BlinkMacSystemFont, ' +\n \"'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'\" +\n '\">' +\n text +\n '</text></g></svg>';\n\n return 'data:image/svg+xml;base64,' + window.btoa(decodeURIComponent(encodeURIComponent(svgStr)));\n};\n"],"names":["watermark","text","x","y","width","height","fontSize","angle","opacity","color","svgStr","window","btoa","decodeURIComponent","encodeURIComponent"],"mappings":"AAwBA,OAAO,IAAMA,UAAY,eAUU,KATjCC,WAAAA,oBACAC,EAAAA,oBAAI,6BACJC,EAAAA,oBAAI,+BACJC,MAAAA,4BAAQ,qCACRC,OAAAA,8BAAS,wCACTC,SAAAA,kCAAW,sCACXC,MAAAA,4BAAQ,CAAC,qCACTC,QAAAA,gCAAU,qCACVC,MAAAA,4BAAQ,oBAER,IAAMC,OACJ,kDACAN,MACA,aACAC,OACA,uCACAH,EACA,QACAC,EACA,mEACAK,QACA,aACAC,MACA,mCACAF,MACA,IACAH,MAAQ,EACR,IACAC,OAAS,EACT,iBACAC,SACA,qDACA,8NACA,KACAL,KACA,oBAEF,MAAO,6BAA+BU,OAAOC,IAAI,CAACC,mBAAmBC,mBAAmBJ,SAC1F,CAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moneko/core",
3
- "version": "2.0.0-beta.22",
3
+ "version": "2.0.0-beta.23",
4
4
  "description": "core",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -15,8 +15,6 @@
15
15
  "author": "moneko",
16
16
  "license": "MIT",
17
17
  "dependencies": {
18
- "@emotion/css": "11.10.5",
19
- "@emotion/react": "11.10.5",
20
18
  "@mapbox/rehype-prism": "0.8.0",
21
19
  "@mdx-js/loader": "2.1.5",
22
20
  "@moneko/common": "1.0.5",
@@ -26,23 +24,25 @@
26
24
  "@swc/cli": "0.1.57",
27
25
  "@swc/core": "1.3.22",
28
26
  "@swc/helpers": "0.4.14",
29
- "@swc/plugin-emotion": "2.5.21",
30
27
  "@swc/plugin-transform-imports": "1.5.21",
31
28
  "add-asset-html-webpack-plugin": "5.0.2",
32
- "core-js": "3.26.1",
29
+ "core-js": "3.27.2",
33
30
  "cross-env": "7.0.3",
34
- "css-loader": "6.7.2",
31
+ "css-loader": "6.7.3",
35
32
  "css-minimizer-webpack-plugin": "4.2.2",
36
33
  "css-unicode-loader": "1.0.3",
37
34
  "external-remotes-plugin": "1.0.0",
38
35
  "fastclick": "1.0.6",
39
36
  "html-webpack-plugin": "5.5.0",
40
37
  "i18n-hooks": "1.0.16",
38
+ "less": "4.1.3",
39
+ "less-loader": "11.1.0",
41
40
  "mini-css-extract-plugin": "2.6.1",
42
41
  "mini-idc": "1.0.17",
43
42
  "mini-svg-data-uri": "1.4.4",
44
43
  "path-to-regexp": "6.2.1",
45
44
  "portfinder": "1.0.32",
45
+ "react-activation": "0.12.0",
46
46
  "react-refresh": "0.14.0",
47
47
  "react-refresh-typescript": "2.0.7",
48
48
  "react-router": "6.4.2",
@@ -50,7 +50,9 @@
50
50
  "rehype-accessible-emojis": "0.3.2",
51
51
  "rehype-figure": "1.0.1",
52
52
  "style-loader": "3.3.1",
53
+ "style-resources-loader": "1.5.0",
53
54
  "swc-loader": "0.2.3",
55
+ "swc-plugin-import-on-demand": "1.0.2",
54
56
  "tinycolor2": "1.4.2",
55
57
  "ts-import-plugin": "2.0.0",
56
58
  "ts-loader": "9.4.1",
@@ -72,7 +74,7 @@
72
74
  "@types/tinycolor2": "^1.4.3",
73
75
  "@types/webfontloader": "^1.6.34",
74
76
  "@types/webpack-env": "^1.18.0",
75
- "antd": "5.0.5",
77
+ "antd": "4.20.2",
76
78
  "eslint-config-neko": "^1.0.15",
77
79
  "react": "^18.2.0",
78
80
  "shelljs": "^0.8.5",
@@ -74,6 +74,8 @@ export declare type ConfigType<T = 'tsc'> = {
74
74
  designSize: number;
75
75
  /** 自定义降级组件 */
76
76
  fallbackCompPath?: string | null;
77
+ /** less 全局变量 */
78
+ modifyVars: Record<string, string>;
77
79
  /** antd 主题配置 */
78
80
  antdThemeVariables: {
79
81
  compact?: boolean;
@@ -1,5 +0,0 @@
1
- export declare const routeInKeyframes: string;
2
- export declare const routeOutKeyframes: string;
3
- export declare const fadeInKeyframes: string;
4
- export declare const fadeOutKeyframes: string;
5
- export declare const avatarInKeyframes: string;
@@ -1,2 +0,0 @@
1
- function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_taggedTemplateLiteral(["\n from {\n transform: translate3d(0, 16px, 0);\n opacity: 0;\n }\n to {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n"]);_templateObject=function _templateObject(){return data};return data}function _templateObject1(){var data=_taggedTemplateLiteral(["\n from {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n to {\n z-index: -1;\n transform: translate3d(0, 1rem, 0);\n opacity: 0;\n }\n"]);_templateObject1=function _templateObject1(){return data};return data}function _templateObject2(){var data=_taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);_templateObject2=function _templateObject2(){return data};return data}function _templateObject3(){var data=_taggedTemplateLiteral(["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"]);_templateObject3=function _templateObject3(){return data};return data}function _templateObject4(){var data=_taggedTemplateLiteral(["\n 0% {\n transform: scale(30);\n }\n 20% {\n transform: scale(30);\n }\n 100% {\n transform: scale(1);\n }\n"]);_templateObject4=function _templateObject4(){return data};return data}import{keyframes}from"@emotion/css";export var routeInKeyframes=keyframes(_templateObject());export var routeOutKeyframes=keyframes(_templateObject1());export var fadeInKeyframes=keyframes(_templateObject2());export var fadeOutKeyframes=keyframes(_templateObject3());export var avatarInKeyframes=keyframes(_templateObject4());
2
- //# sourceMappingURL=animation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/styles/animation.ts"],"sourcesContent":["import { keyframes } from '@emotion/css';\n\nexport const routeInKeyframes = keyframes`\n from {\n transform: translate3d(0, 16px, 0);\n opacity: 0;\n }\n to {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n`;\nexport const routeOutKeyframes = keyframes`\n from {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n to {\n z-index: -1;\n transform: translate3d(0, 1rem, 0);\n opacity: 0;\n }\n`;\nexport const fadeInKeyframes = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\nexport const fadeOutKeyframes = keyframes`\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n`;\nexport const avatarInKeyframes = keyframes`\n 0% {\n transform: scale(30);\n }\n 20% {\n transform: scale(30);\n }\n 100% {\n transform: scale(1);\n }\n`;\n"],"names":["keyframes","routeInKeyframes","routeOutKeyframes","fadeInKeyframes","fadeOutKeyframes","avatarInKeyframes"],"mappings":"AAAA,o3CAAA,OAASA,SAAS,KAAQ,cAAe,AAEzC,QAAO,IAAMC,iBAAmBD,4BAS9B,AACF,QAAO,IAAME,kBAAoBF,6BAU/B,AACF,QAAO,IAAMG,gBAAkBH,6BAO7B,AACF,QAAO,IAAMI,iBAAmBJ,6BAO9B,AACF,QAAO,IAAMK,kBAAoBL,6BAU/B"}
@@ -1,2 +0,0 @@
1
- declare const normalizeCss = "\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* \u6D88\u9664\u952F\u9F7F */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n";
2
- export default normalizeCss;
@@ -1,2 +0,0 @@
1
- var normalizeCss="\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* 消除锯齿 */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n";export default normalizeCss;
2
- //# sourceMappingURL=normalize.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/styles/normalize.ts"],"sourcesContent":["const normalizeCss = `\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n pre {\n font-family: monospace;\n font-size: 1em;\n }\n a {\n background-color: transparent;\n text-decoration: none;\n cursor: pointer;\n }\n abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp {\n font-family: monospace;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n img {\n border-style: none;\n }\n img,\n button {\n /* 消除锯齿 */\n outline: 1px solid transparent;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n }\n button,\n input {\n overflow: visible;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: button;\n }\n button::-moz-focus-inner,\n [type='button']::-moz-focus-inner,\n [type='reset']::-moz-focus-inner,\n [type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n }\n progress {\n vertical-align: baseline;\n }\n textarea {\n overflow: auto;\n }\n [type='checkbox'],\n [type='radio'] {\n box-sizing: border-box;\n padding: 0;\n }\n [type='number']::-webkit-inner-spin-button,\n [type='number']::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n [type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n details {\n display: block;\n }\n summary {\n display: list-item;\n }\n template {\n display: none;\n }\n [hidden] {\n display: none;\n }\n`;\n\nexport default normalizeCss;\n"],"names":["normalizeCss"],"mappings":"AAAA,IAAMA,aAAgB,wkFAmJtB,gBAAeA,YAAa"}