@pnnh/atom 0.6.0 → 0.11.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.
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库,除非足够通用且轻量。
@@ -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
+ }
@@ -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/client.cjs CHANGED
@@ -816,7 +816,7 @@ function requireReact_production () {
816
816
  react_production.useTransition = function () {
817
817
  return ReactSharedInternals.H.useTransition();
818
818
  };
819
- react_production.version = "19.2.0";
819
+ react_production.version = "19.2.4";
820
820
  return react_production;
821
821
  }
822
822
 
@@ -2106,7 +2106,7 @@ function requireReact_development () {
2106
2106
  exports$1.useTransition = function () {
2107
2107
  return resolveDispatcher().useTransition();
2108
2108
  };
2109
- exports$1.version = "19.2.0";
2109
+ exports$1.version = "19.2.4";
2110
2110
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2111
2111
  "function" ===
2112
2112
  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -12723,7 +12723,7 @@ function requireReactDom_production () {
12723
12723
  reactDom_production.useFormStatus = function () {
12724
12724
  return ReactSharedInternals.H.useHostTransitionStatus();
12725
12725
  };
12726
- reactDom_production.version = "19.2.0";
12726
+ reactDom_production.version = "19.2.4";
12727
12727
  return reactDom_production;
12728
12728
  }
12729
12729
 
@@ -13151,7 +13151,7 @@ function requireReactDom_development () {
13151
13151
  reactDom_development.useFormStatus = function () {
13152
13152
  return resolveDispatcher().useHostTransitionStatus();
13153
13153
  };
13154
- reactDom_development.version = "19.2.0";
13154
+ reactDom_development.version = "19.2.4";
13155
13155
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
13156
13156
  "function" ===
13157
13157
  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&