@moneko/core 2.0.0-beta.2 → 2.0.0-beta.21

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 (89) hide show
  1. package/build/common.js +1 -1
  2. package/build/envFlags.d.ts +1 -1
  3. package/build/envFlags.js +1 -1
  4. package/build/module.config.js +1 -1
  5. package/build/process-env.d.ts +2 -0
  6. package/build/process-env.js +1 -1
  7. package/build/swcrc.js +1 -1
  8. package/build/tsloader.config.js +1 -1
  9. package/build/webpack.common.js +1 -1
  10. package/build/webpack.dev.js +1 -1
  11. package/lib/components/app-router/index.d.ts +4 -5
  12. package/lib/components/app-router/index.js +1 -1
  13. package/lib/components/app-router/index.js.map +1 -1
  14. package/lib/components/fallback/index.js +1 -1
  15. package/lib/components/fallback/index.js.map +1 -1
  16. package/lib/components/fallback-comp/index.js.map +1 -1
  17. package/lib/index.d.ts +1 -4
  18. package/lib/index.js +1 -1
  19. package/lib/index.js.map +1 -1
  20. package/lib/packages/back-stage/app.d.ts +0 -2
  21. package/lib/packages/back-stage/app.js +1 -1
  22. package/lib/packages/back-stage/app.js.map +1 -1
  23. package/lib/packages/back-stage/bootstrap.js +1 -1
  24. package/lib/packages/back-stage/bootstrap.js.map +1 -1
  25. package/lib/packages/back-stage/index.d.ts +0 -1
  26. package/lib/packages/back-stage/index.js +1 -1
  27. package/lib/packages/back-stage/index.js.map +1 -1
  28. package/lib/packages/back-stage/layout/index.js +1 -1
  29. package/lib/packages/back-stage/layout/index.js.map +1 -1
  30. package/lib/packages/back-stage/models/app-program.d.ts +1 -1
  31. package/lib/packages/back-stage/models/app-program.js.map +1 -1
  32. package/lib/packages/library/app.js +1 -1
  33. package/lib/packages/library/app.js.map +1 -1
  34. package/lib/packages/library/index.d.ts +0 -1
  35. package/lib/packages/library/index.js +1 -1
  36. package/lib/packages/library/index.js.map +1 -1
  37. package/lib/packages/mobile/app.js +1 -1
  38. package/lib/packages/mobile/app.js.map +1 -1
  39. package/lib/packages/mobile/index.d.ts +0 -1
  40. package/lib/packages/mobile/index.js +1 -1
  41. package/lib/packages/mobile/index.js.map +1 -1
  42. package/lib/packages/single-spa/app.js +1 -1
  43. package/lib/packages/single-spa/app.js.map +1 -1
  44. package/lib/packages/single-spa/index.d.ts +0 -1
  45. package/lib/packages/single-spa/index.js +1 -1
  46. package/lib/packages/single-spa/index.js.map +1 -1
  47. package/lib/packages/site/app.js +1 -1
  48. package/lib/packages/site/app.js.map +1 -1
  49. package/lib/packages/site/index.d.ts +0 -1
  50. package/lib/packages/site/index.js +1 -1
  51. package/lib/packages/site/index.js.map +1 -1
  52. package/lib/router/index.d.ts +5 -4
  53. package/lib/router/index.js +1 -1
  54. package/lib/router/index.js.map +1 -1
  55. package/lib/styles/animation.d.ts +5 -0
  56. package/lib/styles/animation.js +2 -0
  57. package/lib/styles/animation.js.map +1 -0
  58. package/lib/styles/normalize.d.ts +2 -0
  59. package/lib/styles/normalize.js +2 -0
  60. package/lib/styles/normalize.js.map +1 -0
  61. package/lib/{utils/theme.d.ts → styles/vars.d.ts} +4 -0
  62. package/lib/styles/vars.js +2 -0
  63. package/lib/styles/vars.js.map +1 -0
  64. package/lib/utils/index.js +1 -1
  65. package/lib/utils/index.js.map +1 -1
  66. package/package.json +8 -12
  67. package/typings/global.d.ts +29 -8
  68. package/build/has-antd.d.ts +0 -3
  69. package/build/has-antd.js +0 -1
  70. package/build/modifyVars.d.ts +0 -2
  71. package/build/modifyVars.js +0 -1
  72. package/lib/components/readme/index.d.ts +0 -3
  73. package/lib/components/readme/index.js +0 -2
  74. package/lib/components/readme/index.js.map +0 -1
  75. package/lib/components/readme/index.less +0 -4
  76. package/lib/packages/back-stage/antd.global.less +0 -67
  77. package/lib/styles/animation.less +0 -58
  78. package/lib/styles/ant.variables.global.less +0 -231
  79. package/lib/styles/eval/bezierEasing.less +0 -106
  80. package/lib/styles/eval/colorPalette.less +0 -73
  81. package/lib/styles/eval/tinyColor.less +0 -1181
  82. package/lib/styles/index.global.less +0 -136
  83. package/lib/styles/normalize.css +0 -192
  84. package/lib/styles/vars.less +0 -98
  85. package/lib/utils/lazy-import.d.ts +0 -34
  86. package/lib/utils/lazy-import.js +0 -2
  87. package/lib/utils/lazy-import.js.map +0 -1
  88. package/lib/utils/theme.js +0 -2
  89. package/lib/utils/theme.js.map +0 -1
@@ -1,136 +0,0 @@
1
- @charset "utf-8";
2
- @import './normalize.css';
3
- @import './animation.less';
4
- @import './vars.less';
5
- @import (optional, once) url('@/styles/fonts.less');
6
-
7
- html,
8
- body {
9
- width: 100vw;
10
- height: 100vh;
11
- padding: 0;
12
- overflow: hidden;
13
- color: var(--text-color);
14
- font-size: 14px;
15
- font-family: @font-family;
16
- line-height: 1.8;
17
- background-color: var(--body-background, @body-background);
18
- transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
19
- color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
20
- }
21
-
22
- #root {
23
- display: flex;
24
- flex-direction: column;
25
- width: 100%;
26
- height: 100%;
27
- -webkit-overflow-scrolling: touch;
28
-
29
- >main {
30
- display: block;
31
- flex: 1;
32
- width: 100%;
33
- overflow-y: auto;
34
- animation: route-in @transition-duration;
35
- }
36
- }
37
-
38
- input,
39
- textarea {
40
- caret-color: plum;
41
- }
42
-
43
- :-webkit-autofill,
44
- :-webkit-autofill:hover,
45
- :-webkit-autofill:focus {
46
- font-weight: 400;
47
- border: none;
48
- border-radius: 5px;
49
- box-shadow: 0 0 0 1000px transparent inset;
50
- transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
51
- -webkit-text-fill-color: @text-color;
52
- caret-color: transparent;
53
- }
54
-
55
- ::-webkit-scrollbar {
56
- width: 5px;
57
- height: 5px;
58
- opacity: 0;
59
- }
60
-
61
- ::-webkit-scrollbar-track {
62
- background-color: transparent;
63
- }
64
-
65
- ::-webkit-scrollbar-thumb {
66
- background-color: transparent;
67
- border-radius: 5px;
68
- }
69
-
70
- :hover::-webkit-scrollbar-thumb {
71
- background-color: rgba(78, 78, 78, 0.15);
72
- }
73
-
74
- ::-webkit-scrollbar-thumb:hover {
75
- background-color: rgba(176, 139, 227, 0.5);
76
- }
77
-
78
- ::-webkit-scrollbar-thumb:active {
79
- background-color: rgba(247, 138, 224, 0.5);
80
- }
81
-
82
- ::-webkit-scrollbar-button {
83
- display: none;
84
- }
85
-
86
- .text-ellipsis,
87
- .text-ellipsis-2 {
88
- overflow: hidden;
89
- text-overflow: ellipsis;
90
- }
91
-
92
- .text-ellipsis {
93
- white-space: nowrap;
94
- }
95
-
96
- .text-ellipsis-2 {
97
- /* stylelint-disable-next-line value-no-vendor-prefix */
98
- display: -webkit-box;
99
- -webkit-line-clamp: 2;
100
- /*! autoprefixer: off */
101
- -webkit-box-orient: vertical;
102
- }
103
-
104
- .flex {
105
- display: flex;
106
- }
107
-
108
- .f-row {
109
- flex-direction: row;
110
- }
111
-
112
- .f-a-c {
113
- align-items: center;
114
- }
115
-
116
- .mr5 {
117
- margin-right: 5px;
118
- }
119
-
120
- .pos-r-0 {
121
- position: absolute;
122
- right: 0;
123
- }
124
-
125
- .login-toolbox {
126
- height: 64px;
127
-
128
- button {
129
- margin-right: 16px;
130
- }
131
- }
132
-
133
- /* stylelint-disable-next-line no-invalid-position-at-import-rule */
134
- @import (optional, once) url('@/styles/reset.less');
135
- /* stylelint-disable-next-line no-invalid-position-at-import-rule */
136
- @import (optional, once) url('@/styles/index.global.less');
@@ -1,192 +0,0 @@
1
- html {
2
- line-height: 1.15;
3
- /* stylelint-disable-next-line property-no-vendor-prefix */
4
- -webkit-text-size-adjust: 100%;
5
- }
6
-
7
- body {
8
- margin: 0;
9
- }
10
-
11
- main {
12
- display: block;
13
- }
14
-
15
- h1 {
16
- font-size: 2em;
17
- margin: 0.67em 0;
18
- }
19
-
20
- hr {
21
- box-sizing: content-box;
22
- height: 0;
23
- overflow: visible;
24
- }
25
-
26
- pre {
27
- font-family: monospace;
28
- font-size: 1em;
29
- }
30
-
31
- a {
32
- background-color: transparent;
33
- text-decoration: none;
34
- cursor: pointer;
35
- }
36
-
37
- abbr[title] {
38
- border-bottom: none;
39
- text-decoration: underline;
40
- text-decoration: underline dotted;
41
- }
42
-
43
- b,
44
- strong {
45
- font-weight: bolder;
46
- }
47
-
48
- code,
49
- kbd,
50
- samp {
51
- font-family: monospace;
52
- font-size: 1em;
53
- }
54
-
55
- small {
56
- font-size: 80%;
57
- }
58
-
59
- sub,
60
- sup {
61
- font-size: 75%;
62
- line-height: 0;
63
- position: relative;
64
- vertical-align: baseline;
65
- }
66
-
67
- sub {
68
- bottom: -0.25em;
69
- }
70
-
71
- sup {
72
- top: -0.5em;
73
- }
74
-
75
- img {
76
- border-style: none;
77
- }
78
-
79
- img,
80
- button {
81
- /* 消除锯齿 */
82
- outline: 1px solid transparent;
83
- }
84
-
85
- button,
86
- input,
87
- optgroup,
88
- select,
89
- textarea {
90
- font-family: inherit;
91
- font-size: 100%;
92
- line-height: 1.15;
93
- margin: 0;
94
- }
95
-
96
- button,
97
- input {
98
- overflow: visible;
99
- }
100
-
101
- button,
102
- select {
103
- text-transform: none;
104
- }
105
-
106
- button,
107
- [type='button'],
108
- [type='reset'],
109
- [type='submit'] {
110
- /* stylelint-disable-next-line property-no-vendor-prefix */
111
- -webkit-appearance: button;
112
- }
113
-
114
- button::-moz-focus-inner,
115
- [type='button']::-moz-focus-inner,
116
- [type='reset']::-moz-focus-inner,
117
- [type='submit']::-moz-focus-inner {
118
- border-style: none;
119
- padding: 0;
120
- }
121
-
122
- button:-moz-focusring,
123
- [type='button']:-moz-focusring,
124
- [type='reset']:-moz-focusring,
125
- [type='submit']:-moz-focusring {
126
- outline: 1px dotted ButtonText;
127
- }
128
-
129
- fieldset {
130
- padding: 0.35em 0.75em 0.625em;
131
- }
132
-
133
- legend {
134
- box-sizing: border-box;
135
- color: inherit;
136
- display: table;
137
- max-width: 100%;
138
- padding: 0;
139
- white-space: normal;
140
- }
141
-
142
- progress {
143
- vertical-align: baseline;
144
- }
145
-
146
- textarea {
147
- overflow: auto;
148
- }
149
-
150
- [type='checkbox'],
151
- [type='radio'] {
152
- box-sizing: border-box;
153
- padding: 0;
154
- }
155
-
156
- [type='number']::-webkit-inner-spin-button,
157
- [type='number']::-webkit-outer-spin-button {
158
- height: auto;
159
- }
160
-
161
- [type='search'] {
162
- /* stylelint-disable-next-line property-no-vendor-prefix */
163
- -webkit-appearance: textfield;
164
- outline-offset: -2px;
165
- }
166
-
167
- [type='search']::-webkit-search-decoration {
168
- /* stylelint-disable-next-line property-no-vendor-prefix */
169
- -webkit-appearance: none;
170
- }
171
-
172
- ::-webkit-file-upload-button {
173
- /* stylelint-disable-next-line property-no-vendor-prefix */
174
- -webkit-appearance: button;
175
- font: inherit;
176
- }
177
-
178
- details {
179
- display: block;
180
- }
181
-
182
- summary {
183
- display: list-item;
184
- }
185
-
186
- template {
187
- display: none;
188
- }
189
-
190
- [hidden] {
191
- display: none;
192
- }
@@ -1,98 +0,0 @@
1
- /* stylelint-disable function-no-unknown,property-no-unknown */
2
- @import "./eval/colorPalette.less";
3
-
4
- .status-color(@type, @color) {
5
- --@{type}-color: @color;
6
- --@{type}-color-hover: ~'var(--@{type}-5)';
7
- --@{type}-color-active: ~'var(--@{type}-7)';
8
- --@{type}-color-outline: fade(@color, @outline-fade);
9
- --@{type}-color-deprecated-bg: ~'var(--@{type}-1)';
10
- --@{type}-color-deprecated-border: ~'var(--@{type}-3)';
11
- }
12
- .basic-color(@type, @color) {
13
- --@{type}-1: color(~`colorpalette('@{color}', 1) `);
14
- --@{type}-2: color(~`colorpalette('@{color}', 2) `);
15
- --@{type}-3: color(~`colorpalette('@{color}', 3) `);
16
- --@{type}-4: color(~`colorpalette('@{color}', 4) `);
17
- --@{type}-5: color(~`colorpalette('@{color}', 5) `);
18
- --@{type}-6: @color;
19
- --@{type}-7: color(~`colorpalette('@{color}', 7) `);
20
- .status-color(@type, @color);
21
- }
22
-
23
- .basic-color-dark(@type, @color, @bg) {
24
- --@{type}-1: mix(color(~`colorpalette('@{color}', 8) `), @bg, 15%);
25
- --@{type}-2: mix(color(~`colorpalette('@{color}', 7) `), @bg, 25%);
26
- --@{type}-3: mix(@color, @bg, 30%);
27
- --@{type}-4: mix(@color, @bg, 45%);
28
- --@{type}-5: mix(@color, @bg, 65%);
29
- --@{type}-6: @color;
30
- --@{type}-7: mix(color(~`colorpalette('@{color}', 5) `), @bg, 90%);
31
- .status-color(@type, @color);
32
- }
33
-
34
- :root {
35
- --text-shadow-color: rgba(0, 0, 0, 0.1);
36
- --font-size-base: @font-size-base;
37
- --border-color-base: @border-color-base;
38
- --border-radius-base: @border-radius-base;
39
- --body-background: @body-background;
40
- --component-background: @component-background;
41
- --table-header-bg: @table-header-bg;
42
- --text-color: @text-color;
43
- --text-color-secondary: @text-color-secondary;
44
- --heading-color: @heading-color;
45
- --text-selection-bg: var(--primary-color-deprecated-bg);
46
- --box-shadow-small: @box-shadow-small;
47
- --font-family: @font-family;
48
- --transition-duration: @transition-duration;
49
- --transition-timing-function: @transition-timing-function;
50
- --antd-wave-shadow-color: var(--primary-color-outline);
51
- --disable-color: @disabled-color;
52
- --btn-disable-bg: var(--disable-color);
53
- --btn-disable-border: var(--disable-color);
54
- --menu-dark-item-active-bg: #0e3ab3;
55
-
56
- .basic-color(primary, @primary-color);
57
- .basic-color(warning, @warning-color);
58
- .basic-color(error, @error-color);
59
- .basic-color(success, @success-color);
60
- .basic-color(normal, @normal-color);
61
- }
62
-
63
- [data-theme='dark'] {
64
- --text-selection-bg: var(--primary-color-deprecated-bg);
65
- --text-color-secondary: rgba(255, 255, 255, 0.25);
66
- --text-shadow-color: rgba(255, 255, 255, 0.1);
67
- --header-shadow: rgba(255, 255, 255, 0.05);
68
- --body-background: #000;
69
- --component-background: @component-background-dark;
70
- --header-bg: rgba(20, 20, 20, 0.9);
71
- --text-color: #ffffffd9;
72
- --border-color-base: #303030;
73
- --heading-color: rgba(255, 255, 255, 0.85);
74
- --disabled-color: rgba(255, 255, 255, 0.3);
75
-
76
- .basic-color-dark(primary, @primary-color-dark, @component-background-dark);
77
- .basic-color-dark(warning, @warning-color-dark, @component-background-dark);
78
- .basic-color-dark(error, @error-color-dark, @component-background-dark);
79
- .basic-color-dark(success, @success-color-dark, @component-background-dark);
80
- .basic-color-dark(normal, @normal-color-dark, @component-background-dark);
81
- }
82
-
83
- :export {
84
- primaryColor: @primary-color;
85
- successColor: @success-color;
86
- warningColor: @warning-color;
87
- errorColor: @error-color;
88
- textColor: @text-color;
89
- tableHeaderBg: @table-header-bg;
90
- componentBackground: @component-background;
91
- primaryColorDark: @primary-color-dark;
92
- successColorDark: @success-color-dark;
93
- warningColorDark: @warning-color-dark;
94
- errorColorDark: @error-color-dark;
95
- componentBackgroundDark: @component-background-dark;
96
- tableHeaderBgDark: @table-header-bg-dark;
97
- menuDarkBg: @menu-dark-bg;
98
- }
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- declare type SafeImportParams = {
3
- /** 文件路径 */
4
- filePath: string;
5
- /** src目录下的文件夹路径 ['src/pages' === 'pages'] */
6
- directory?: string;
7
- /** 重试次数 默认:2 */
8
- retriesLeft?: number;
9
- /** 加载错误时的回调 */
10
- onError?: () => void;
11
- /** 降级 */
12
- fallback?: any;
13
- };
14
- /**
15
- * 安全的import
16
- * @param {string} filePath 路径
17
- * @param {string} directory src目录下的文件夹路径 ['src/pages' === 'pages']
18
- * @param {number} [retriesLeft=2] 重试次数
19
- * @param {Function} onError 加载错误时的回调
20
- * @param {any} fallback 降级
21
- * @returns {Promise} LazyExoticComponent
22
- * */
23
- export declare const safeImport: ({ filePath, directory, retriesLeft, onError, fallback, }: SafeImportParams) => Promise<{
24
- default: any;
25
- }>;
26
- /**
27
- * 动态引入
28
- * @param {string} filePath 文件路径
29
- * @param {string} directory 文件夹路径
30
- * @param {Function} onError 加载错误时的回调
31
- * @returns {Promise} LazyExoticComponent
32
- * */
33
- export declare const lazyImport: (filePath: string, directory?: string, onError?: () => void) => React.LazyExoticComponent<React.ComponentType>;
34
- export {};
@@ -1,2 +0,0 @@
1
- import React from"react";import{Outlet}from"react-router-dom";export var safeImport=function(param){var filePath=param.filePath,directory=param.directory,_param_retriesLeft=param.retriesLeft,retriesLeft=_param_retriesLeft===void 0?2:_param_retriesLeft,onError=param.onError,fallback=param.fallback;var filePaths=filePath.startsWith("/")?filePath.slice(1):filePath;var _directory=directory||"pages";return new Promise(function(resolve){return import("@/"+_directory+(_directory===""?"":"/")+filePaths).then(resolve).catch(function(){if(retriesLeft===1){if(onError){onError()}return Promise.resolve({default:fallback})}return safeImport({filePath:filePath,retriesLeft:retriesLeft-1,directory:directory,onError:onError,fallback:fallback})})})};export var lazyImport=function(filePath,directory,onError){var filePaths=filePath.startsWith("/")?filePath.slice(1):filePath;var _directory=directory||"pages";return React.lazy(function(){return safeImport({filePath:filePath,directory:directory,onError:onError,fallback:React.createElement("div",{path:_directory+"/"+filePaths},React.createElement(Outlet))})})};
2
- //# sourceMappingURL=lazy-import.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/lazy-import.ts"],"sourcesContent":["import React from 'react';\nimport { Outlet } from 'react-router-dom';\n\ntype SafeImportParams = {\n /** 文件路径 */\n filePath: string;\n /** src目录下的文件夹路径 ['src/pages' === 'pages'] */\n directory?: string;\n /** 重试次数 默认:2 */\n retriesLeft?: number;\n /** 加载错误时的回调 */\n onError?: () => void;\n /** 降级 */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n fallback?: any;\n};\n\n/**\n * 安全的import\n * @param {string} filePath 路径\n * @param {string} directory src目录下的文件夹路径 ['src/pages' === 'pages']\n * @param {number} [retriesLeft=2] 重试次数\n * @param {Function} onError 加载错误时的回调\n * @param {any} fallback 降级\n * @returns {Promise} LazyExoticComponent\n * */\nexport const safeImport = ({\n filePath,\n directory,\n retriesLeft = 2,\n onError,\n fallback,\n}: SafeImportParams): Promise<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default: any;\n}> => {\n const filePaths = filePath.startsWith('/') ? filePath.slice(1) : filePath;\n const _directory = directory || 'pages';\n\n return new Promise((resolve) =>\n import(\n /* webpackChunkName: \"[request]\" */\n '@/' + _directory + (_directory === '' ? '' : '/') + filePaths\n )\n .then(resolve)\n .catch(() => {\n if (retriesLeft === 1) {\n if (onError) {\n onError();\n }\n return Promise.resolve({\n default: fallback,\n });\n }\n // 失败之后重载\n return safeImport({\n filePath,\n retriesLeft: retriesLeft - 1,\n directory,\n onError,\n fallback,\n });\n })\n );\n};\n\n/**\n * 动态引入\n * @param {string} filePath 文件路径\n * @param {string} directory 文件夹路径\n * @param {Function} onError 加载错误时的回调\n * @returns {Promise} LazyExoticComponent\n * */\nexport const lazyImport = (\n filePath: string,\n directory?: string,\n onError?: () => void\n): React.LazyExoticComponent<React.ComponentType> => {\n const filePaths = filePath.startsWith('/') ? filePath.slice(1) : filePath;\n const _directory = directory || 'pages';\n\n return React.lazy(() =>\n safeImport({\n filePath,\n directory,\n onError,\n fallback: React.createElement(\n 'div',\n {\n path: _directory + '/' + filePaths,\n },\n React.createElement(Outlet)\n ),\n })\n );\n};\n"],"names":["React","Outlet","safeImport","filePath","directory","retriesLeft","onError","fallback","filePaths","startsWith","slice","_directory","Promise","resolve","then","catch","default","lazyImport","lazy","createElement","path"],"mappings":"AAAA,OAAOA,UAAW,OAAQ,AAC1B,QAASC,MAAM,KAAQ,kBAAmB,AAyB1C,QAAO,IAAMC,WAAa,eASpB,KARJC,eAAAA,SACAC,gBAAAA,mCACAC,YAAAA,wCAAc,qBACdC,cAAAA,QACAC,eAAAA,SAKA,IAAMC,UAAYL,SAASM,UAAU,CAAC,KAAON,SAASO,KAAK,CAAC,GAAKP,QAAQ,CACzE,IAAMQ,WAAaP,WAAa,QAEhC,OAAO,IAAIQ,QAAQ,SAACC,gBAClB,MAAM,CAEJ,KAAOF,WAAcA,CAAAA,aAAe,GAAK,GAAK,GAAG,AAAD,EAAKH,WAEpDM,IAAI,CAACD,SACLE,KAAK,CAAC,UAAM,CACX,GAAIV,cAAgB,EAAG,CACrB,GAAIC,QAAS,CACXA,SACF,CAAC,AACD,OAAOM,QAAQC,OAAO,CAAC,CACrBG,QAAST,QACX,EACF,CAAC,AAED,OAAOL,WAAW,CAChBC,SAAAA,SACAE,YAAaA,YAAc,EAC3BD,UAAAA,UACAE,QAAAA,QACAC,SAAAA,QACF,EACF,IAEN,CAAE,AASF,QAAO,IAAMU,WAAa,SACxBd,SACAC,UACAE,QACmD,CACnD,IAAME,UAAYL,SAASM,UAAU,CAAC,KAAON,SAASO,KAAK,CAAC,GAAKP,QAAQ,CACzE,IAAMQ,WAAaP,WAAa,QAEhC,OAAOJ,MAAMkB,IAAI,CAAC,kBAChBhB,WAAW,CACTC,SAAAA,SACAC,UAAAA,UACAE,QAAAA,QACAC,SAAUP,MAAMmB,aAAa,CAC3B,MACA,CACEC,KAAMT,WAAa,IAAMH,SAC3B,EACAR,MAAMmB,aAAa,CAAClB,QAExB,IAEJ,CAAE"}
@@ -1,2 +0,0 @@
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"./color-palette";import variables from"../styles/vars.less";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),variables.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)}};
2
- //# sourceMappingURL=theme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/theme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport colorPalette from './color-palette';\nimport variables from '../styles/vars.less';\n\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\n .mix(colorPalette(color, 8), variables.menuDarkBg || '#141414', 0.15)\n .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"],"names":["tinycolor","colorPalette","variables","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","menuDarkBg","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg"],"mappings":"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"}