@alicloud/console-base-theme 1.5.0 → 1.6.1

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 (9) hide show
  1. package/CHANGELOG.md +2 -3
  2. package/README.md +2 -3
  3. package/build/cjs/var/z-index.js +24 -19
  4. package/build/es/var/z-index.js +23 -19
  5. package/build/types/var/index.d.ts +12 -10
  6. package/build/types/var/size.d.ts +3 -3
  7. package/build/types/var/typo.d.ts +3 -3
  8. package/build/types/var/z-index.d.ts +12 -7
  9. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,6 +1,5 @@
1
- HISTORY
2
- ===
1
+ # CHANGELOG
3
2
 
4
- # 1.0.0 2020/12/23 @驳是
3
+ ## 1.0.0 2020/12/23 @驳是
5
4
 
6
5
  * 横空出世
package/README.md CHANGED
@@ -1,5 +1,4 @@
1
- @alicloud/console-base-theme
2
- ===
1
+ # @alicloud/console-base-theme
3
2
 
4
3
  * [关于 CSS Variable 的实践研究](doc/reserch.md)
5
4
  * [设计标注 - Fusion](https://fusion.alibaba-inc.com/pc/component/tokens)
@@ -10,7 +9,7 @@
10
9
 
11
10
  控制台主题
12
11
 
13
- # Usage
12
+ ## Usage
14
13
 
15
14
  ```js
16
15
  import {
package/build/cjs/var/z-index.js CHANGED
@@ -4,31 +4,36 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
8
+ /**
9
+ * z-index 层级设计
10
+ */
7
11
  var _default = {
8
- TOP_NAV: 999,
9
- // 全局吊顶
10
- TOOLKIT: 99,
11
- // 全局工具
12
- MICRO_BROWSER: 1200,
12
+ DIALOG_SYS: 2101,
13
+ // 系统级模态框（alert、confirm、prompt）
14
+ BACKDROP_SYS: 2100,
15
+ // 系统级模态窗背投
16
+ MICRO_BROWSER: 2050,
13
17
  // 微浏览器
14
- // 浮层（dropdown、tooltip 等）
15
- POPUP: 10,
16
- // inline 的时候
18
+ ERROR_PROMPT: 2001,
19
+ // 错误弹窗
20
+ BACKDROP_ERROR_PROMPT: 2000,
21
+ // 错误弹窗背投
17
22
  POPUP_GLOBAL: 1001,
18
- // 全局（在 body 下）的时候
19
- // dialog 主体
20
- DIALOG_SLIDE: 200,
21
- // 侧拉抽屉
23
+ // 全局浮层（dropdown、tooltip 等）
22
24
  DIALOG_NORMAL: 1001,
23
25
  // 一般模态窗
24
- DIALOG_SYS: 2001,
25
- // 系统级模态框（alert、confirm、prompt）
26
- // 背投
27
- BACKDROP_SLIDE: 100,
28
- // 侧拉窗
29
26
  BACKDROP_NORMAL: 999,
30
- // 一般模态窗
31
- BACKDROP_SYS: 2000 // 系统级模态窗（alert、confirm、prompt）
27
+ // 一般模态窗背投
28
+ TOP_NAV: 999,
29
+ // 全局顶栏
30
+ DIALOG_SLIDE: 200,
31
+ // 侧拉窗
32
+ BACKDROP_SLIDE: 100,
33
+ // 侧拉窗背投
34
+ TOOLKIT: 99,
35
+ // 全局工具
36
+ POPUP: 10 // inline 浮层（dropdown、tooltip 等）
32
37
 
33
38
  };
34
39
  exports.default = _default;
package/build/es/var/z-index.js CHANGED
@@ -1,27 +1,31 @@
1
+ /**
2
+ * z-index 层级设计
3
+ */
1
4
  export default {
2
- TOP_NAV: 999,
3
- // 全局吊顶
4
- TOOLKIT: 99,
5
- // 全局工具
6
- MICRO_BROWSER: 1200,
5
+ DIALOG_SYS: 2101,
6
+ // 系统级模态框（alert、confirm、prompt）
7
+ BACKDROP_SYS: 2100,
8
+ // 系统级模态窗背投
9
+ MICRO_BROWSER: 2050,
7
10
  // 微浏览器
8
- // 浮层（dropdown、tooltip 等）
9
- POPUP: 10,
10
- // inline 的时候
11
+ ERROR_PROMPT: 2001,
12
+ // 错误弹窗
13
+ BACKDROP_ERROR_PROMPT: 2000,
14
+ // 错误弹窗背投
11
15
  POPUP_GLOBAL: 1001,
12
- // 全局（在 body 下）的时候
13
- // dialog 主体
14
- DIALOG_SLIDE: 200,
15
- // 侧拉抽屉
16
+ // 全局浮层（dropdown、tooltip 等）
16
17
  DIALOG_NORMAL: 1001,
17
18
  // 一般模态窗
18
- DIALOG_SYS: 2001,
19
- // 系统级模态框（alert、confirm、prompt）
20
- // 背投
21
- BACKDROP_SLIDE: 100,
22
- // 侧拉窗
23
19
  BACKDROP_NORMAL: 999,
24
- // 一般模态窗
25
- BACKDROP_SYS: 2000 // 系统级模态窗（alert、confirm、prompt）
20
+ // 一般模态窗背投
21
+ TOP_NAV: 999,
22
+ // 全局顶栏
23
+ DIALOG_SLIDE: 200,
24
+ // 侧拉窗
25
+ BACKDROP_SLIDE: 100,
26
+ // 侧拉窗背投
27
+ TOOLKIT: 99,
28
+ // 全局工具
29
+ POPUP: 10 // inline 浮层（dropdown、tooltip 等）
26
30
 
27
31
  };
package/build/types/var/index.d.ts CHANGED
@@ -5,6 +5,9 @@ import Z_INDEX from './z-index';
5
5
  declare type ThemeTypo = typeof TYPO;
6
6
  declare type ThemeSize = typeof SIZE;
7
7
  declare type ThemeZIndex = typeof Z_INDEX;
8
+ /**
9
+ * 默认主题（亮色）的所有变量
10
+ */
8
11
  declare const _default: {
9
12
  COLOR: ThemeColors;
10
13
  TYPO: {
@@ -63,22 +66,21 @@ declare const _default: {
63
66
  BORDER_RADIUS_XL: number;
64
67
  };
65
68
  Z_INDEX: {
66
- TOP_NAV: number;
67
- TOOLKIT: number;
69
+ DIALOG_SYS: number;
70
+ BACKDROP_SYS: number;
68
71
  MICRO_BROWSER: number;
69
- POPUP: number;
72
+ ERROR_PROMPT: number;
73
+ BACKDROP_ERROR_PROMPT: number;
70
74
  POPUP_GLOBAL: number;
71
- DIALOG_SLIDE: number;
72
75
  DIALOG_NORMAL: number;
73
- DIALOG_SYS: number;
74
- BACKDROP_SLIDE: number;
75
76
  BACKDROP_NORMAL: number;
76
- BACKDROP_SYS: number;
77
+ TOP_NAV: number;
78
+ DIALOG_SLIDE: number;
79
+ BACKDROP_SLIDE: number;
80
+ TOOLKIT: number;
81
+ POPUP: number;
77
82
  };
78
83
  };
79
- /**
80
- * 默认主题（亮色）的所有变量
81
- */
82
84
  export default _default;
83
85
  export { COLOR, TYPO, SIZE, Z_INDEX };
84
86
  export type { ThemeColors, ThemeTypo, ThemeSize, ThemeZIndex };
package/build/types/var/size.d.ts CHANGED
@@ -1,3 +1,6 @@
1
+ /**
2
+ * 文字大小、宽高、间距等，都是数值（基本上都是 px）
3
+ */
1
4
  declare const _default: {
2
5
  FONT_SIZE_H1: number;
3
6
  FONT_SIZE_H2: number;
@@ -48,7 +51,4 @@ declare const _default: {
48
51
  BORDER_RADIUS_L: number;
49
52
  BORDER_RADIUS_XL: number;
50
53
  };
51
- /**
52
- * 文字大小、宽高、间距等，都是数值（基本上都是 px）
53
- */
54
54
  export default _default;
package/build/types/var/typo.d.ts CHANGED
@@ -1,9 +1,9 @@
1
+ /**
2
+ * 文字相关
3
+ */
1
4
  declare const _default: {
2
5
  FONT_FAMILY_BASE: string;
3
6
  FONT_FAMILY_BASE_JA: string;
4
7
  FONT_FAMILY_MONOSPACE: string;
5
8
  };
6
- /**
7
- * 文字相关
8
- */
9
9
  export default _default;
package/build/types/var/z-index.d.ts CHANGED
@@ -1,14 +1,19 @@
1
+ /**
2
+ * z-index 层级设计
3
+ */
1
4
  declare const _default: {
2
- TOP_NAV: number;
3
- TOOLKIT: number;
5
+ DIALOG_SYS: number;
6
+ BACKDROP_SYS: number;
4
7
  MICRO_BROWSER: number;
5
- POPUP: number;
8
+ ERROR_PROMPT: number;
9
+ BACKDROP_ERROR_PROMPT: number;
6
10
  POPUP_GLOBAL: number;
7
- DIALOG_SLIDE: number;
8
11
  DIALOG_NORMAL: number;
9
- DIALOG_SYS: number;
10
- BACKDROP_SLIDE: number;
11
12
  BACKDROP_NORMAL: number;
12
- BACKDROP_SYS: number;
13
+ TOP_NAV: number;
14
+ DIALOG_SLIDE: number;
15
+ BACKDROP_SLIDE: number;
16
+ TOOLKIT: number;
17
+ POPUP: number;
13
18
  };
14
19
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-theme",
3
- "version": "1.5.0",
3
+ "version": "1.6.1",
4
4
  "description": "控制台主题 - 基于 css variable 和 styled-components",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -25,22 +25,22 @@
25
25
  ],
26
26
  "devDependencies": {
27
27
  "@alicloud/console-toolkit-cli": "^1.2.30",
28
- "@alicloud/console-toolkit-preset-component": "^1.2.56",
29
- "@alicloud/demo-rc-elements": "^1.5.4",
28
+ "@alicloud/console-toolkit-preset-component": "^1.2.61",
29
+ "@alicloud/demo-rc-elements": "^1.6.0",
30
30
  "@types/lodash": "^4.14.182",
31
- "@types/react": "^17.0.43",
31
+ "@types/react": "^17.0.45",
32
32
  "@types/styled-components": "^5.1.25",
33
33
  "lodash": "^4.17.21",
34
34
  "react": "^17.0.2",
35
35
  "styled-components": "^5.3.5",
36
- "typescript": "^4.6.3"
36
+ "typescript": "^4.7.4"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "styled-components": ">=5"
40
40
  },
41
41
  "dependencies": {
42
- "@alicloud/console-base-theme-color": "^1.1.84",
43
- "@alicloud/mere-dom": "^1.3.1"
42
+ "@alicloud/console-base-theme-color": "^1.3.0",
43
+ "@alicloud/mere-dom": "^1.4.4"
44
44
  },
45
45
  "scripts": {
46
46
  "start": "breezr start-storybook",