@alifd/chat 0.3.0-beta.8 → 0.3.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 (85) hide show
  1. package/es/button/index.js +1 -1
  2. package/es/button/main.scss +1 -1
  3. package/es/button/style.d.ts +1 -1
  4. package/es/button/style.js +1 -1
  5. package/es/core/variables.scss +33 -11
  6. package/es/date-picker/style.d.ts +1 -1
  7. package/es/date-picker/style.js +1 -1
  8. package/es/drawer/index.d.ts +60 -0
  9. package/es/drawer/index.js +27 -0
  10. package/es/drawer/main.scss +22 -0
  11. package/es/drawer/style.d.ts +2 -0
  12. package/es/drawer/style.js +2 -0
  13. package/es/drawer/types.d.ts +10 -0
  14. package/es/drawer/types.js +1 -0
  15. package/es/float-button/hooks/useNestleEdge.js +1 -0
  16. package/es/float-button/index.d.ts +1 -0
  17. package/es/float-button/index.js +2 -1
  18. package/es/float-button/main.scss +23 -0
  19. package/es/float-button/style.d.ts +2 -2
  20. package/es/float-button/style.js +2 -2
  21. package/es/float-button/types.d.ts +23 -0
  22. package/es/float-button/util.js +2 -0
  23. package/es/float-button/view/addon-after.d.ts +4 -0
  24. package/es/float-button/view/addon-after.js +10 -0
  25. package/es/float-button/view/backtop.js +3 -1
  26. package/es/html-render/index.js +2 -2
  27. package/es/html-render/main.scss +16 -11
  28. package/es/index.d.ts +1 -0
  29. package/es/index.js +2 -1
  30. package/es/input/style.d.ts +1 -1
  31. package/es/input/style.js +1 -1
  32. package/es/markdown/index.js +7 -2
  33. package/es/markdown/main.scss +103 -108
  34. package/es/person-picker/style.d.ts +1 -1
  35. package/es/person-picker/style.js +1 -1
  36. package/es/tab/style.d.ts +1 -1
  37. package/es/tab/style.js +1 -1
  38. package/es/tag/style.d.ts +1 -1
  39. package/es/tag/style.js +1 -1
  40. package/es/time-picker/style.d.ts +1 -1
  41. package/es/time-picker/style.js +1 -1
  42. package/lib/button/index.js +1 -1
  43. package/lib/button/main.scss +1 -1
  44. package/lib/button/style.d.ts +1 -1
  45. package/lib/button/style.js +1 -1
  46. package/lib/core/variables.scss +33 -11
  47. package/lib/date-picker/style.d.ts +1 -1
  48. package/lib/date-picker/style.js +1 -1
  49. package/lib/drawer/index.d.ts +60 -0
  50. package/lib/drawer/index.js +29 -0
  51. package/lib/drawer/main.scss +22 -0
  52. package/lib/drawer/style.d.ts +2 -0
  53. package/lib/drawer/style.js +4 -0
  54. package/lib/drawer/types.d.ts +10 -0
  55. package/lib/drawer/types.js +2 -0
  56. package/lib/float-button/hooks/useNestleEdge.js +1 -0
  57. package/lib/float-button/index.d.ts +1 -0
  58. package/lib/float-button/index.js +2 -1
  59. package/lib/float-button/main.scss +23 -0
  60. package/lib/float-button/style.d.ts +2 -2
  61. package/lib/float-button/style.js +2 -2
  62. package/lib/float-button/types.d.ts +23 -0
  63. package/lib/float-button/util.js +2 -0
  64. package/lib/float-button/view/addon-after.d.ts +4 -0
  65. package/lib/float-button/view/addon-after.js +13 -0
  66. package/lib/float-button/view/backtop.js +3 -1
  67. package/lib/html-render/index.js +1 -1
  68. package/lib/html-render/main.scss +16 -11
  69. package/lib/index.d.ts +1 -0
  70. package/lib/index.js +4 -2
  71. package/lib/input/style.d.ts +1 -1
  72. package/lib/input/style.js +1 -1
  73. package/lib/markdown/index.js +6 -1
  74. package/lib/markdown/main.scss +103 -108
  75. package/lib/person-picker/style.d.ts +1 -1
  76. package/lib/person-picker/style.js +1 -1
  77. package/lib/tab/style.d.ts +1 -1
  78. package/lib/tab/style.js +1 -1
  79. package/lib/tag/style.d.ts +1 -1
  80. package/lib/tag/style.js +1 -1
  81. package/lib/time-picker/style.d.ts +1 -1
  82. package/lib/time-picker/style.js +1 -1
  83. package/package.json +13 -1
  84. package/es/html-render/index.less +0 -192
  85. package/lib/html-render/index.less +0 -192
@@ -1,192 +0,0 @@
1
- .box {
2
- font-size: 14px;
3
- // color: hsla(230, 10%, 11%, 0.9);
4
- word-break: break-word;
5
- font-family: inherit;
6
- .loose& {
7
- font-size: 16px;
8
- line-height: 1.85;
9
- }
10
- @media print {
11
- color: #000 !important;
12
- font-family: 'Times New Roman', Times, serif;
13
- }
14
- body:global(.dark) & {
15
- filter: invert(1) hue-rotate(180deg);
16
- }
17
- img, video, iframe {
18
- body:global(.dark) & {
19
- filter: hue-rotate(180deg) invert(1);
20
- }
21
- }
22
- img {
23
- body:global(.dark) & {
24
- background: #fff;
25
- }
26
- body:global(.dark.dim) & {
27
- filter: hue-rotate(180deg) brightness(.75) invert(1);
28
- }
29
- }
30
- body:global(.dark) & :global(.symbolic) > img {
31
- filter: none;
32
- background: none;
33
- }
34
- h1, h2, h3, h4, h5, h6, p, blockquote, table, .syntax-highlighter {
35
- margin: 0;
36
- .loose& {
37
- margin: 20px 0;
38
- }
39
- }
40
- h1, h2, h3, h4, h5, h6 {
41
- font-weight: bold;
42
- }
43
- h1 {
44
- font-size: 18px;
45
- line-height: 1.8;
46
- .loose& {
47
- font-size: 28px;
48
- }
49
- }
50
- h2 {
51
- font-size: 16px;
52
- line-height: 1.8;
53
- .loose& {
54
- font-size: 24px;
55
- }
56
- }
57
- h3, h4, h5, h6 {
58
- font-size: 14px;
59
- line-height: 1.9;
60
- }
61
- h3 {
62
- .loose& {
63
- font-size: 18px;
64
- }
65
- }
66
- h4, h5, h6 {
67
- .loose& {
68
- font-size: 16px;
69
- }
70
- }
71
- img, video, .image {
72
- max-width: 100%!important;
73
- height: auto!important;
74
- &:only-child {
75
- display: block;
76
- margin: 10px auto;
77
- }
78
- }
79
- .image:only-child {
80
- width: fit-content;
81
- }
82
- .image img {
83
- margin: 0;
84
- }
85
- code {
86
- margin: 0 .15em;
87
- padding: .12em .25em;
88
- border-radius: 3px;
89
- font-size: 86%;
90
- background: rgba(27,31,35,.05);
91
- }
92
- pre {
93
- font-size: 14px;
94
- line-height: 1.6;
95
- border-radius: 2px;
96
- border: 6px solid transparent;
97
- overflow: auto;
98
- margin: 0;
99
- code {
100
- font-size: 14px;
101
- padding: 0;
102
- margin: 0;
103
- border: none;
104
- font-size: inherit;
105
- background: none;
106
- border-radius: 0;
107
- }
108
- }
109
- table, td, th {
110
- border: 1px solid #caccce;
111
- body:global(.dark) & {
112
- border-color: #babcbd;
113
- // border-color: #c9cace;
114
- }
115
- border-collapse: collapse;
116
- border-spacing: 0;
117
- }
118
- table {
119
- line-height: 1.6;
120
- margin: 10px auto;
121
- border-spacing: none;
122
- border-collapse: collapse;
123
- empty-cells: show;
124
- font-size: 14px;
125
- .loose& p {
126
- margin: 0;
127
- }
128
- }
129
- td, th {
130
- border: 1px solid #e3e3e3;
131
- padding: 10px 12px;
132
- line-height: 1.3;
133
- p {
134
- margin: 0;
135
- }
136
- }
137
- th {
138
- background: hsla(230, 90%, 11%,.03);
139
- }
140
- a, a:visited {
141
- color: #0080FF;
142
- text-decoration: none;
143
- &:hover {
144
- text-decoration: underline;
145
- }
146
- }
147
- ul, ol {
148
- list-style: revert;
149
- padding-left: 16px;
150
- .loose& {
151
- padding-left: 30px;
152
- }
153
- }
154
- li {
155
- list-style: revert;
156
- }
157
- blockquote {
158
- opacity: 1;
159
- border: none;
160
- padding: 0;
161
- margin-left: 20px;
162
- opacity: 0.6;
163
- font-style: italic;
164
- position: relative;
165
- margin-top: 6px;
166
- margin-bottom: 6px;
167
- .loose& {
168
- margin-top: 20px;
169
- margin-bottom: 20px;
170
- }
171
- &::before {
172
- content: '|';
173
- font-size: 0;
174
- color: transparent;
175
- display: inline-block;
176
- width: 4px;
177
- border-radius: 1px;
178
- position: absolute;
179
- margin-left: -16px;
180
- top: 0;
181
- bottom: 0;
182
- background: hsla(230, 90%, 11%,.2);
183
- }
184
- }
185
- hr {
186
- height: 0;
187
- border: none;
188
- height: 1px;
189
- background: hsla(230, 90%, 11%,.1);
190
- margin: 10px 0;
191
- }
192
- }
@@ -1,192 +0,0 @@
1
- .box {
2
- font-size: 14px;
3
- // color: hsla(230, 10%, 11%, 0.9);
4
- word-break: break-word;
5
- font-family: inherit;
6
- .loose& {
7
- font-size: 16px;
8
- line-height: 1.85;
9
- }
10
- @media print {
11
- color: #000 !important;
12
- font-family: 'Times New Roman', Times, serif;
13
- }
14
- body:global(.dark) & {
15
- filter: invert(1) hue-rotate(180deg);
16
- }
17
- img, video, iframe {
18
- body:global(.dark) & {
19
- filter: hue-rotate(180deg) invert(1);
20
- }
21
- }
22
- img {
23
- body:global(.dark) & {
24
- background: #fff;
25
- }
26
- body:global(.dark.dim) & {
27
- filter: hue-rotate(180deg) brightness(.75) invert(1);
28
- }
29
- }
30
- body:global(.dark) & :global(.symbolic) > img {
31
- filter: none;
32
- background: none;
33
- }
34
- h1, h2, h3, h4, h5, h6, p, blockquote, table, .syntax-highlighter {
35
- margin: 0;
36
- .loose& {
37
- margin: 20px 0;
38
- }
39
- }
40
- h1, h2, h3, h4, h5, h6 {
41
- font-weight: bold;
42
- }
43
- h1 {
44
- font-size: 18px;
45
- line-height: 1.8;
46
- .loose& {
47
- font-size: 28px;
48
- }
49
- }
50
- h2 {
51
- font-size: 16px;
52
- line-height: 1.8;
53
- .loose& {
54
- font-size: 24px;
55
- }
56
- }
57
- h3, h4, h5, h6 {
58
- font-size: 14px;
59
- line-height: 1.9;
60
- }
61
- h3 {
62
- .loose& {
63
- font-size: 18px;
64
- }
65
- }
66
- h4, h5, h6 {
67
- .loose& {
68
- font-size: 16px;
69
- }
70
- }
71
- img, video, .image {
72
- max-width: 100%!important;
73
- height: auto!important;
74
- &:only-child {
75
- display: block;
76
- margin: 10px auto;
77
- }
78
- }
79
- .image:only-child {
80
- width: fit-content;
81
- }
82
- .image img {
83
- margin: 0;
84
- }
85
- code {
86
- margin: 0 .15em;
87
- padding: .12em .25em;
88
- border-radius: 3px;
89
- font-size: 86%;
90
- background: rgba(27,31,35,.05);
91
- }
92
- pre {
93
- font-size: 14px;
94
- line-height: 1.6;
95
- border-radius: 2px;
96
- border: 6px solid transparent;
97
- overflow: auto;
98
- margin: 0;
99
- code {
100
- font-size: 14px;
101
- padding: 0;
102
- margin: 0;
103
- border: none;
104
- font-size: inherit;
105
- background: none;
106
- border-radius: 0;
107
- }
108
- }
109
- table, td, th {
110
- border: 1px solid #caccce;
111
- body:global(.dark) & {
112
- border-color: #babcbd;
113
- // border-color: #c9cace;
114
- }
115
- border-collapse: collapse;
116
- border-spacing: 0;
117
- }
118
- table {
119
- line-height: 1.6;
120
- margin: 10px auto;
121
- border-spacing: none;
122
- border-collapse: collapse;
123
- empty-cells: show;
124
- font-size: 14px;
125
- .loose& p {
126
- margin: 0;
127
- }
128
- }
129
- td, th {
130
- border: 1px solid #e3e3e3;
131
- padding: 10px 12px;
132
- line-height: 1.3;
133
- p {
134
- margin: 0;
135
- }
136
- }
137
- th {
138
- background: hsla(230, 90%, 11%,.03);
139
- }
140
- a, a:visited {
141
- color: #0080FF;
142
- text-decoration: none;
143
- &:hover {
144
- text-decoration: underline;
145
- }
146
- }
147
- ul, ol {
148
- list-style: revert;
149
- padding-left: 16px;
150
- .loose& {
151
- padding-left: 30px;
152
- }
153
- }
154
- li {
155
- list-style: revert;
156
- }
157
- blockquote {
158
- opacity: 1;
159
- border: none;
160
- padding: 0;
161
- margin-left: 20px;
162
- opacity: 0.6;
163
- font-style: italic;
164
- position: relative;
165
- margin-top: 6px;
166
- margin-bottom: 6px;
167
- .loose& {
168
- margin-top: 20px;
169
- margin-bottom: 20px;
170
- }
171
- &::before {
172
- content: '|';
173
- font-size: 0;
174
- color: transparent;
175
- display: inline-block;
176
- width: 4px;
177
- border-radius: 1px;
178
- position: absolute;
179
- margin-left: -16px;
180
- top: 0;
181
- bottom: 0;
182
- background: hsla(230, 90%, 11%,.2);
183
- }
184
- }
185
- hr {
186
- height: 0;
187
- border: none;
188
- height: 1px;
189
- background: hsla(230, 90%, 11%,.1);
190
- margin: 10px 0;
191
- }
192
- }