@pnnh/atom 0.6.0 → 0.10.0

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 (5) hide show
  1. package/LICENSE +661 -21
  2. package/README.md +9 -9
  3. package/dist/assets/{client-DyjKaxG-.css → client-CiQTX4dB.css} +156 -156
  4. package/dist/assets/{client.d-DyjKaxG-.css → client.d-CiQTX4dB.css} +156 -156
  5. package/package.json +178 -173
package/README.md CHANGED
@@ -1,9 +1,9 @@
1
- 一个JS基础组件库
2
-
3
- ### 开发说明
4
-
5
- 本库有一个基本原则，即围绕JavaScript的基本特性和运行环境基本API进行开发。尽量不引入第三方库，只依赖浏览器和Nodejs本身的API。
6
-
7
- 主要是一些实用类和函数的包装，作为基础库会尽量减少依赖，非必要不会引入一些较大型的库。一般只依赖浏览器和Nodejs本身的API。
8
-
9
- 会包含基本的UI相关功能。但仅限于浏览器本身就支持的UI特性。一般不会引入大型UI库，除非足够通用且轻量。
1
+ 一个JS基础组件库
2
+
3
+ ### 开发说明
4
+
5
+ 本库有一个基本原则，即围绕JavaScript的基本特性和运行环境基本API进行开发。尽量不引入第三方库，只依赖浏览器和Nodejs本身的API。
6
+
7
+ 主要是一些实用类和函数的包装，作为基础库会尽量减少依赖，非必要不会引入一些较大型的库。一般只依赖浏览器和Nodejs本身的API。
8
+
9
+ 会包含基本的UI相关功能。但仅限于浏览器本身就支持的UI特性。一般不会引入大型UI库，除非足够通用且轻量。
package/dist/assets/{client-DyjKaxG-.css → client-CiQTX4dB.css} RENAMED
@@ -1,156 +1,156 @@
1
- .steleViewer {
2
- color: blue;
3
- }
4
-
5
-
6
- .steleEditor {
7
- border: 1px solid #edebe9;
8
- margin-bottom: 16px;
9
- min-height: 400px;
10
- }
11
-
12
- .body {
13
- margin-bottom: 16px;
14
- overflow-x: hidden;
15
- margin-top: 0;
16
- padding: 16px;
17
- }
18
-
19
- .elementActive {
20
- background-color: rgba(224, 241, 255, 0.3);
21
- }
22
-
23
- .actions {
24
- display: flex;
25
- justify-content: space-between;
26
- }
27
-
28
- .actionsInvisible {
29
- display: flex;
30
- justify-content: space-between;
31
- visibility: hidden;
32
- }
33
-
34
- .left {
35
- display: flex;
36
- }
37
-
38
- .extra {
39
- display: inline-block;
40
- margin-left: 8px;
41
- }
42
-
43
- .iconButton {
44
- border: none;
45
- background: none;
46
- color: #0078d4;
47
- padding: 4px;
48
- cursor: pointer;
49
-
50
- i {
51
- font-size: 16px;
52
- vertical-align: middle;
53
- }
54
- }
55
-
56
-
57
- .headerOne {
58
- margin: 0 0 1.3rem;
59
- font-weight: 600;
60
- color: red;
61
- font-size: 24px;
62
- line-height: 34px;
63
- padding-bottom: 12px;
64
- }
65
-
66
- .headerTwo {
67
- margin: 0 0 1.3rem;
68
- font-weight: 600;
69
- color: #252933;
70
- font-size: 22px;
71
- line-height: 34px;
72
- padding-bottom: 12px;
73
- }
74
-
75
- .headerThree {
76
- margin: 0 0 1.3rem;
77
- font-weight: 600;
78
- color: #252933;
79
- font-size: 20px;
80
- line-height: 34px;
81
- padding-bottom: 12px;
82
- }
83
-
84
- .headerFour {
85
- margin: 0 0 1.3rem;
86
- font-weight: 600;
87
- color: #252933;
88
- font-size: 18px;
89
- line-height: 34px;
90
- padding-bottom: 12px;
91
- }
92
-
93
- .headerFive {
94
- margin: 0 0 1.3rem;
95
- font-weight: 600;
96
- color: #252933;
97
- font-size: 16px;
98
- line-height: 34px;
99
- padding-bottom: 12px;
100
- }
101
-
102
- .headerSix {
103
- margin: 0 0 1.3rem;
104
- font-weight: 600;
105
- color: #252933;
106
- font-size: 14px;
107
- line-height: 34px;
108
- padding-bottom: 12px;
109
- }
110
-
111
- .codeblock {
112
- font-size: 14px;
113
- line-height: 1.6;
114
- }
115
-
116
- .codeblock pre {
117
- margin: 1rem 0;
118
- background-color: #fafafa;
119
- padding: 8px;
120
- border-radius: 4px;
121
- white-space: break-spaces;
122
- overflow: auto;
123
- }
124
-
125
- .paragraph {
126
- font-weight: 400;
127
- font-size: 15px;
128
- line-height: 1.8;
129
- word-break: break-word;
130
- margin: 1rem 0;
131
- }
132
-
133
- .paragraph .link {
134
- color: #3380df;
135
- text-decoration: none;
136
- }
137
-
138
- .paragraph .strong {
139
- font-weight: 600;
140
- }
141
-
142
- .paragraph .underline {
143
- text-decoration: underline;
144
- }
145
-
146
- .paragraph .strikethrough {
147
- text-decoration: line-through;
148
- }
149
-
150
- .paragraph .italic {
151
- font-style: italic;
152
- }
153
-
154
- .stImg {
155
- max-width: 100%;
156
- }
1
+ .steleViewer {
2
+ color: blue;
3
+ }
4
+
5
+
6
+ .steleEditor {
7
+ border: 1px solid #edebe9;
8
+ margin-bottom: 16px;
9
+ min-height: 400px;
10
+ }
11
+
12
+ .body {
13
+ margin-bottom: 16px;
14
+ overflow-x: hidden;
15
+ margin-top: 0;
16
+ padding: 16px;
17
+ }
18
+
19
+ .elementActive {
20
+ background-color: rgba(224, 241, 255, 0.3);
21
+ }
22
+
23
+ .actions {
24
+ display: flex;
25
+ justify-content: space-between;
26
+ }
27
+
28
+ .actionsInvisible {
29
+ display: flex;
30
+ justify-content: space-between;
31
+ visibility: hidden;
32
+ }
33
+
34
+ .left {
35
+ display: flex;
36
+ }
37
+
38
+ .extra {
39
+ display: inline-block;
40
+ margin-left: 8px;
41
+ }
42
+
43
+ .iconButton {
44
+ border: none;
45
+ background: none;
46
+ color: #0078d4;
47
+ padding: 4px;
48
+ cursor: pointer;
49
+
50
+ i {
51
+ font-size: 16px;
52
+ vertical-align: middle;
53
+ }
54
+ }
55
+
56
+
57
+ .headerOne {
58
+ margin: 0 0 1.3rem;
59
+ font-weight: 600;
60
+ color: red;
61
+ font-size: 24px;
62
+ line-height: 34px;
63
+ padding-bottom: 12px;
64
+ }
65
+
66
+ .headerTwo {
67
+ margin: 0 0 1.3rem;
68
+ font-weight: 600;
69
+ color: #252933;
70
+ font-size: 22px;
71
+ line-height: 34px;
72
+ padding-bottom: 12px;
73
+ }
74
+
75
+ .headerThree {
76
+ margin: 0 0 1.3rem;
77
+ font-weight: 600;
78
+ color: #252933;
79
+ font-size: 20px;
80
+ line-height: 34px;
81
+ padding-bottom: 12px;
82
+ }
83
+
84
+ .headerFour {
85
+ margin: 0 0 1.3rem;
86
+ font-weight: 600;
87
+ color: #252933;
88
+ font-size: 18px;
89
+ line-height: 34px;
90
+ padding-bottom: 12px;
91
+ }
92
+
93
+ .headerFive {
94
+ margin: 0 0 1.3rem;
95
+ font-weight: 600;
96
+ color: #252933;
97
+ font-size: 16px;
98
+ line-height: 34px;
99
+ padding-bottom: 12px;
100
+ }
101
+
102
+ .headerSix {
103
+ margin: 0 0 1.3rem;
104
+ font-weight: 600;
105
+ color: #252933;
106
+ font-size: 14px;
107
+ line-height: 34px;
108
+ padding-bottom: 12px;
109
+ }
110
+
111
+ .codeblock {
112
+ font-size: 14px;
113
+ line-height: 1.6;
114
+ }
115
+
116
+ .codeblock pre {
117
+ margin: 1rem 0;
118
+ background-color: #fafafa;
119
+ padding: 8px;
120
+ border-radius: 4px;
121
+ white-space: break-spaces;
122
+ overflow: auto;
123
+ }
124
+
125
+ .paragraph {
126
+ font-weight: 400;
127
+ font-size: 15px;
128
+ line-height: 1.8;
129
+ word-break: break-word;
130
+ margin: 1rem 0;
131
+ }
132
+
133
+ .paragraph .link {
134
+ color: #3380df;
135
+ text-decoration: none;
136
+ }
137
+
138
+ .paragraph .strong {
139
+ font-weight: 600;
140
+ }
141
+
142
+ .paragraph .underline {
143
+ text-decoration: underline;
144
+ }
145
+
146
+ .paragraph .strikethrough {
147
+ text-decoration: line-through;
148
+ }
149
+
150
+ .paragraph .italic {
151
+ font-style: italic;
152
+ }
153
+
154
+ .stImg {
155
+ max-width: 100%;
156
+ }
package/dist/assets/{client.d-DyjKaxG-.css → client.d-CiQTX4dB.css} RENAMED
@@ -1,156 +1,156 @@
1
- .steleViewer {
2
- color: blue;
3
- }
4
-
5
-
6
- .steleEditor {
7
- border: 1px solid #edebe9;
8
- margin-bottom: 16px;
9
- min-height: 400px;
10
- }
11
-
12
- .body {
13
- margin-bottom: 16px;
14
- overflow-x: hidden;
15
- margin-top: 0;
16
- padding: 16px;
17
- }
18
-
19
- .elementActive {
20
- background-color: rgba(224, 241, 255, 0.3);
21
- }
22
-
23
- .actions {
24
- display: flex;
25
- justify-content: space-between;
26
- }
27
-
28
- .actionsInvisible {
29
- display: flex;
30
- justify-content: space-between;
31
- visibility: hidden;
32
- }
33
-
34
- .left {
35
- display: flex;
36
- }
37
-
38
- .extra {
39
- display: inline-block;
40
- margin-left: 8px;
41
- }
42
-
43
- .iconButton {
44
- border: none;
45
- background: none;
46
- color: #0078d4;
47
- padding: 4px;
48
- cursor: pointer;
49
-
50
- i {
51
- font-size: 16px;
52
- vertical-align: middle;
53
- }
54
- }
55
-
56
-
57
- .headerOne {
58
- margin: 0 0 1.3rem;
59
- font-weight: 600;
60
- color: red;
61
- font-size: 24px;
62
- line-height: 34px;
63
- padding-bottom: 12px;
64
- }
65
-
66
- .headerTwo {
67
- margin: 0 0 1.3rem;
68
- font-weight: 600;
69
- color: #252933;
70
- font-size: 22px;
71
- line-height: 34px;
72
- padding-bottom: 12px;
73
- }
74
-
75
- .headerThree {
76
- margin: 0 0 1.3rem;
77
- font-weight: 600;
78
- color: #252933;
79
- font-size: 20px;
80
- line-height: 34px;
81
- padding-bottom: 12px;
82
- }
83
-
84
- .headerFour {
85
- margin: 0 0 1.3rem;
86
- font-weight: 600;
87
- color: #252933;
88
- font-size: 18px;
89
- line-height: 34px;
90
- padding-bottom: 12px;
91
- }
92
-
93
- .headerFive {
94
- margin: 0 0 1.3rem;
95
- font-weight: 600;
96
- color: #252933;
97
- font-size: 16px;
98
- line-height: 34px;
99
- padding-bottom: 12px;
100
- }
101
-
102
- .headerSix {
103
- margin: 0 0 1.3rem;
104
- font-weight: 600;
105
- color: #252933;
106
- font-size: 14px;
107
- line-height: 34px;
108
- padding-bottom: 12px;
109
- }
110
-
111
- .codeblock {
112
- font-size: 14px;
113
- line-height: 1.6;
114
- }
115
-
116
- .codeblock pre {
117
- margin: 1rem 0;
118
- background-color: #fafafa;
119
- padding: 8px;
120
- border-radius: 4px;
121
- white-space: break-spaces;
122
- overflow: auto;
123
- }
124
-
125
- .paragraph {
126
- font-weight: 400;
127
- font-size: 15px;
128
- line-height: 1.8;
129
- word-break: break-word;
130
- margin: 1rem 0;
131
- }
132
-
133
- .paragraph .link {
134
- color: #3380df;
135
- text-decoration: none;
136
- }
137
-
138
- .paragraph .strong {
139
- font-weight: 600;
140
- }
141
-
142
- .paragraph .underline {
143
- text-decoration: underline;
144
- }
145
-
146
- .paragraph .strikethrough {
147
- text-decoration: line-through;
148
- }
149
-
150
- .paragraph .italic {
151
- font-style: italic;
152
- }
153
-
154
- .stImg {
155
- max-width: 100%;
156
- }
1
+ .steleViewer {
2
+ color: blue;
3
+ }
4
+
5
+
6
+ .steleEditor {
7
+ border: 1px solid #edebe9;
8
+ margin-bottom: 16px;
9
+ min-height: 400px;
10
+ }
11
+
12
+ .body {
13
+ margin-bottom: 16px;
14
+ overflow-x: hidden;
15
+ margin-top: 0;
16
+ padding: 16px;
17
+ }
18
+
19
+ .elementActive {
20
+ background-color: rgba(224, 241, 255, 0.3);
21
+ }
22
+
23
+ .actions {
24
+ display: flex;
25
+ justify-content: space-between;
26
+ }
27
+
28
+ .actionsInvisible {
29
+ display: flex;
30
+ justify-content: space-between;
31
+ visibility: hidden;
32
+ }
33
+
34
+ .left {
35
+ display: flex;
36
+ }
37
+
38
+ .extra {
39
+ display: inline-block;
40
+ margin-left: 8px;
41
+ }
42
+
43
+ .iconButton {
44
+ border: none;
45
+ background: none;
46
+ color: #0078d4;
47
+ padding: 4px;
48
+ cursor: pointer;
49
+
50
+ i {
51
+ font-size: 16px;
52
+ vertical-align: middle;
53
+ }
54
+ }
55
+
56
+
57
+ .headerOne {
58
+ margin: 0 0 1.3rem;
59
+ font-weight: 600;
60
+ color: red;
61
+ font-size: 24px;
62
+ line-height: 34px;
63
+ padding-bottom: 12px;
64
+ }
65
+
66
+ .headerTwo {
67
+ margin: 0 0 1.3rem;
68
+ font-weight: 600;
69
+ color: #252933;
70
+ font-size: 22px;
71
+ line-height: 34px;
72
+ padding-bottom: 12px;
73
+ }
74
+
75
+ .headerThree {
76
+ margin: 0 0 1.3rem;
77
+ font-weight: 600;
78
+ color: #252933;
79
+ font-size: 20px;
80
+ line-height: 34px;
81
+ padding-bottom: 12px;
82
+ }
83
+
84
+ .headerFour {
85
+ margin: 0 0 1.3rem;
86
+ font-weight: 600;
87
+ color: #252933;
88
+ font-size: 18px;
89
+ line-height: 34px;
90
+ padding-bottom: 12px;
91
+ }
92
+
93
+ .headerFive {
94
+ margin: 0 0 1.3rem;
95
+ font-weight: 600;
96
+ color: #252933;
97
+ font-size: 16px;
98
+ line-height: 34px;
99
+ padding-bottom: 12px;
100
+ }
101
+
102
+ .headerSix {
103
+ margin: 0 0 1.3rem;
104
+ font-weight: 600;
105
+ color: #252933;
106
+ font-size: 14px;
107
+ line-height: 34px;
108
+ padding-bottom: 12px;
109
+ }
110
+
111
+ .codeblock {
112
+ font-size: 14px;
113
+ line-height: 1.6;
114
+ }
115
+
116
+ .codeblock pre {
117
+ margin: 1rem 0;
118
+ background-color: #fafafa;
119
+ padding: 8px;
120
+ border-radius: 4px;
121
+ white-space: break-spaces;
122
+ overflow: auto;
123
+ }
124
+
125
+ .paragraph {
126
+ font-weight: 400;
127
+ font-size: 15px;
128
+ line-height: 1.8;
129
+ word-break: break-word;
130
+ margin: 1rem 0;
131
+ }
132
+
133
+ .paragraph .link {
134
+ color: #3380df;
135
+ text-decoration: none;
136
+ }
137
+
138
+ .paragraph .strong {
139
+ font-weight: 600;
140
+ }
141
+
142
+ .paragraph .underline {
143
+ text-decoration: underline;
144
+ }
145
+
146
+ .paragraph .strikethrough {
147
+ text-decoration: line-through;
148
+ }
149
+
150
+ .paragraph .italic {
151
+ font-style: italic;
152
+ }
153
+
154
+ .stImg {
155
+ max-width: 100%;
156
+ }