@cgboiler/biz-basic 1.0.32 → 1.0.34

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/es/index.d.ts CHANGED
@@ -5,6 +5,6 @@ declare namespace _default {
5
5
  }
6
6
  export default _default;
7
7
  export function install(app: any): void;
8
- export const version: "1.0.31";
8
+ export const version: "1.0.33";
9
9
  import RichTextEditor from './rich-text-editor';
10
10
  export { RichTextEditor };
package/es/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import RichTextEditor from "./rich-text-editor";
2
- const version = "1.0.31";
2
+ const version = "1.0.33";
3
3
  function install(app) {
4
4
  const components = [
5
5
  RichTextEditor
@@ -163,25 +163,27 @@ var stdin_default = defineComponent({
163
163
  const now = /* @__PURE__ */ new Date();
164
164
  const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
165
165
  const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
166
- yield historyStore.setItem(noteId.value, {
167
- title: noteTitle,
168
- content
169
- });
170
- let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
171
- const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
172
- if (existingNoteIndex === -1) {
173
- metadata.push({
174
- id: noteId.value,
175
- timestamp: now.getTime()
166
+ if (content !== "<p></p>") {
167
+ yield historyStore.setItem(noteId.value, {
168
+ title: noteTitle,
169
+ content
176
170
  });
177
- metadata.sort((a, b) => b.timestamp - a.timestamp);
178
- if (metadata.length > MAX_HISTORY_ITEMS) {
179
- const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
180
- for (const item of itemsToRemove) {
181
- yield historyStore.removeItem(item.id);
171
+ let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
172
+ const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
173
+ if (existingNoteIndex === -1) {
174
+ metadata.push({
175
+ id: noteId.value,
176
+ timestamp: now.getTime()
177
+ });
178
+ metadata.sort((a, b) => b.timestamp - a.timestamp);
179
+ if (metadata.length > MAX_HISTORY_ITEMS) {
180
+ const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
181
+ for (const item of itemsToRemove) {
182
+ yield historyStore.removeItem(item.id);
183
+ }
182
184
  }
185
+ yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
183
186
  }
184
- yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
185
187
  }
186
188
  }
187
189
  saveTimeoutId = setTimeout(saveLoop, 1e4);
@@ -1,243 +1,243 @@
1
- body .ProseMirror {
2
- flex: 1;
3
- overflow: auto;
4
- outline: none;
5
-
6
- line-height: 1.6;
7
- font-size: var(--font-base);
8
- --white: #fff;
9
- --black: #2e2b29;
10
- --gray-1: rgba(61, 37, 20, 0.05);
11
- --gray-2: rgba(61, 37, 20, 0.08);
12
- --gray-3: rgba(61, 37, 20, 0.12);
13
- --gray-4: rgba(53, 38, 28, 0.3);
14
- --gray-5: rgba(28, 25, 23, 0.6);
15
- --green: #22c55e;
16
- --purple: #6a00f5;
17
- --purple-contrast: #5800cc;
18
- --purple-light: rgba(88, 5, 255, 0.05);
19
- --yellow-contrast: #facc15;
20
- --yellow: rgba(250, 204, 21, 0.4);
21
- --yellow-light: #fffae5;
22
- --red: #ff5c33;
23
- --red-light: #ffebe5;
24
- --shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
25
- :first-child {
26
- margin-top: 0;
27
- }
28
-
29
- video{
30
- width: 100%;
31
- }
32
- /* List styles */
33
- ol {
34
- list-style: auto;
35
- ol {
36
- list-style: disc;
37
- }
38
- }
39
-
40
- ul {
41
- list-style: disc;
42
- }
43
-
44
- ol,
45
- ul {
46
- padding-left: 1.5em;
47
- margin: 0 0 12px 0;
48
- li p {
49
- margin-top: 0.25em;
50
- margin-bottom: 0.25em;
51
- }
52
- }
53
-
54
- li::marker {
55
- text-align: start !important;
56
- }
57
-
58
- /* Heading styles */
59
- h1,
60
- h2,
61
- h3,
62
- h4,
63
- h5,
64
- h6 {
65
- line-height: 1.1;
66
- margin-top: 2.5rem;
67
- text-wrap: pretty;
68
- }
69
-
70
- h1,
71
- h2 {
72
- margin-top: 1rem;
73
- margin-bottom: 1rem;
74
- }
75
-
76
- h1 {
77
- font-size: 1.4rem;
78
- }
79
-
80
- h2 {
81
- font-size: 1.2rem;
82
- }
83
-
84
- h3 {
85
- font-size: 1.1rem;
86
- }
87
-
88
- h4,
89
- h5,
90
- h6 {
91
- font-size: 1rem;
92
- }
93
-
94
- /* Link styles */
95
- a,
96
- .editor-link {
97
- color: var(--purple);
98
- text-decoration: underline;
99
- cursor: pointer;
100
- transition: color 0.2s ease;
101
-
102
- &:hover {
103
- color: var(--purple-contrast);
104
- text-decoration: underline;
105
- }
106
- }
107
-
108
- /* Code and preformatted text styles */
109
- code {
110
- background-color: #ffe5e8;
111
- border-radius: 0.4rem;
112
- color: #c02537;
113
- padding: 2px 4px;
114
- }
115
-
116
- pre {
117
- border-radius: 0.5rem;
118
- font-family: 'JetBrainsMono', monospace;
119
- margin: 1.5rem 0;
120
- padding: 0.75rem 1rem;
121
-
122
- code {
123
- background: none;
124
- color: inherit;
125
- font-size: 0.8rem;
126
- padding: 0;
127
- }
128
- }
129
-
130
- blockquote {
131
- border-left: 3px solid var(--gray-3);
132
- margin: 1.5rem 0;
133
- padding-left: 1rem;
134
- }
135
-
136
- hr {
137
- border: none;
138
- border-top: 1px solid var(--gray-2);
139
- margin: 2rem 0;
140
- }
141
-
142
- /* Placeholder (at the top) */
143
- p.is-editor-empty:first-child::before {
144
- color: var(--gray-4);
145
- content: attr(data-placeholder);
146
- float: left;
147
- height: 0;
148
- pointer-events: none;
149
- }
150
-
151
- .is-empty::before {
152
- color: var(--gray-4);
153
- content: attr(data-placeholder);
154
- float: left;
155
- height: 0;
156
- pointer-events: none;
157
- }
158
- /* Table-specific styling */
159
- table {
160
- border-collapse: collapse;
161
- margin: 0;
162
- overflow: hidden;
163
- table-layout: fixed;
164
- width: 100%;
165
-
166
- td,
167
- th {
168
- border: 1px solid var(--gray-3);
169
- box-sizing: border-box;
170
- min-width: 1em;
171
- padding: 6px 8px;
172
- position: relative;
173
- vertical-align: top;
174
-
175
- > * {
176
- margin-bottom: 0;
177
- }
178
- }
179
-
180
- th {
181
- background-color: var(--gray-1);
182
- font-weight: bold;
183
- text-align: left;
184
- }
185
-
186
- .selectedCell:after {
187
- background: var(--gray-2);
188
- content: '';
189
- left: 0;
190
- right: 0;
191
- top: 0;
192
- bottom: 0;
193
- pointer-events: none;
194
- position: absolute;
195
- z-index: 2;
196
- }
197
-
198
- .column-resize-handle {
199
- background-color: var(--purple);
200
- bottom: -2px;
201
- pointer-events: none;
202
- position: absolute;
203
- right: -2px;
204
- top: 0;
205
- width: 4px;
206
- }
207
- }
208
-
209
- .tableWrapper {
210
- margin: 1.5rem 0;
211
- overflow-x: auto;
212
- }
213
-
214
- &.resize-cursor {
215
- cursor: ew-resize;
216
- cursor: col-resize;
217
- }
218
- img {
219
- max-width: 100%;
220
- }
221
- // @人的样式 #话题的样式
222
- .mention, .hash-tag {
223
- color: #c02537;
224
- padding: 0 0.3em;
225
- }
226
- }
227
-
228
- // animation
229
- .animation-indent--right {
230
- animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
231
- }
232
-
233
- @keyframes indent-right {
234
- 0% {
235
- -webkit-transform: translateX(0);
236
- transform: translateX(0);
237
- }
238
-
239
- to {
240
- -webkit-transform: translateX(12px);
241
- transform: translateX(12px);
242
- }
243
- }
1
+ body .ProseMirror {
2
+ flex: 1;
3
+ overflow: auto;
4
+ outline: none;
5
+
6
+ line-height: 1.6;
7
+ font-size: var(--font-base);
8
+ --white: #fff;
9
+ --black: #2e2b29;
10
+ --gray-1: rgba(61, 37, 20, 0.05);
11
+ --gray-2: rgba(61, 37, 20, 0.08);
12
+ --gray-3: rgba(61, 37, 20, 0.12);
13
+ --gray-4: rgba(53, 38, 28, 0.3);
14
+ --gray-5: rgba(28, 25, 23, 0.6);
15
+ --green: #22c55e;
16
+ --purple: #6a00f5;
17
+ --purple-contrast: #5800cc;
18
+ --purple-light: rgba(88, 5, 255, 0.05);
19
+ --yellow-contrast: #facc15;
20
+ --yellow: rgba(250, 204, 21, 0.4);
21
+ --yellow-light: #fffae5;
22
+ --red: #ff5c33;
23
+ --red-light: #ffebe5;
24
+ --shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
25
+ :first-child {
26
+ margin-top: 0;
27
+ }
28
+
29
+ video{
30
+ width: 100%;
31
+ }
32
+ /* List styles */
33
+ ol {
34
+ list-style: auto;
35
+ ol {
36
+ list-style: disc;
37
+ }
38
+ }
39
+
40
+ ul {
41
+ list-style: disc;
42
+ }
43
+
44
+ ol,
45
+ ul {
46
+ padding-left: 1.5em;
47
+ margin: 0 0 12px 0;
48
+ li p {
49
+ margin-top: 0.25em;
50
+ margin-bottom: 0.25em;
51
+ }
52
+ }
53
+
54
+ li::marker {
55
+ text-align: start !important;
56
+ }
57
+
58
+ /* Heading styles */
59
+ h1,
60
+ h2,
61
+ h3,
62
+ h4,
63
+ h5,
64
+ h6 {
65
+ line-height: 1.1;
66
+ margin-top: 2.5rem;
67
+ text-wrap: pretty;
68
+ }
69
+
70
+ h1,
71
+ h2 {
72
+ margin-top: 1rem;
73
+ margin-bottom: 1rem;
74
+ }
75
+
76
+ h1 {
77
+ font-size: 1.4rem;
78
+ }
79
+
80
+ h2 {
81
+ font-size: 1.2rem;
82
+ }
83
+
84
+ h3 {
85
+ font-size: 1.1rem;
86
+ }
87
+
88
+ h4,
89
+ h5,
90
+ h6 {
91
+ font-size: 1rem;
92
+ }
93
+
94
+ /* Link styles */
95
+ a,
96
+ .editor-link {
97
+ color: var(--purple);
98
+ text-decoration: underline;
99
+ cursor: pointer;
100
+ transition: color 0.2s ease;
101
+
102
+ &:hover {
103
+ color: var(--purple-contrast);
104
+ text-decoration: underline;
105
+ }
106
+ }
107
+
108
+ /* Code and preformatted text styles */
109
+ code {
110
+ background-color: #ffe5e8;
111
+ border-radius: 0.4rem;
112
+ color: #c02537;
113
+ padding: 2px 4px;
114
+ }
115
+
116
+ pre {
117
+ border-radius: 0.5rem;
118
+ font-family: 'JetBrainsMono', monospace;
119
+ margin: 1.5rem 0;
120
+ padding: 0.75rem 1rem;
121
+
122
+ code {
123
+ background: none;
124
+ color: inherit;
125
+ font-size: 0.8rem;
126
+ padding: 0;
127
+ }
128
+ }
129
+
130
+ blockquote {
131
+ border-left: 3px solid var(--gray-3);
132
+ margin: 1.5rem 0;
133
+ padding-left: 1rem;
134
+ }
135
+
136
+ hr {
137
+ border: none;
138
+ border-top: 1px solid var(--gray-2);
139
+ margin: 2rem 0;
140
+ }
141
+
142
+ /* Placeholder (at the top) */
143
+ p.is-editor-empty:first-child::before {
144
+ color: var(--gray-4);
145
+ content: attr(data-placeholder);
146
+ float: left;
147
+ height: 0;
148
+ pointer-events: none;
149
+ }
150
+
151
+ .is-empty::before {
152
+ color: var(--gray-4);
153
+ content: attr(data-placeholder);
154
+ float: left;
155
+ height: 0;
156
+ pointer-events: none;
157
+ }
158
+ /* Table-specific styling */
159
+ table {
160
+ border-collapse: collapse;
161
+ margin: 0;
162
+ overflow: hidden;
163
+ table-layout: fixed;
164
+ width: 100%;
165
+
166
+ td,
167
+ th {
168
+ border: 1px solid var(--gray-3);
169
+ box-sizing: border-box;
170
+ min-width: 1em;
171
+ padding: 6px 8px;
172
+ position: relative;
173
+ vertical-align: top;
174
+
175
+ > * {
176
+ margin-bottom: 0;
177
+ }
178
+ }
179
+
180
+ th {
181
+ background-color: var(--gray-1);
182
+ font-weight: bold;
183
+ text-align: left;
184
+ }
185
+
186
+ .selectedCell:after {
187
+ background: var(--gray-2);
188
+ content: '';
189
+ left: 0;
190
+ right: 0;
191
+ top: 0;
192
+ bottom: 0;
193
+ pointer-events: none;
194
+ position: absolute;
195
+ z-index: 2;
196
+ }
197
+
198
+ .column-resize-handle {
199
+ background-color: var(--purple);
200
+ bottom: -2px;
201
+ pointer-events: none;
202
+ position: absolute;
203
+ right: -2px;
204
+ top: 0;
205
+ width: 4px;
206
+ }
207
+ }
208
+
209
+ .tableWrapper {
210
+ margin: 1.5rem 0;
211
+ overflow-x: auto;
212
+ }
213
+
214
+ &.resize-cursor {
215
+ cursor: ew-resize;
216
+ cursor: col-resize;
217
+ }
218
+ img {
219
+ max-width: 100%;
220
+ }
221
+ // @人的样式 #话题的样式
222
+ .mention, .hash-tag {
223
+ color: #c02537;
224
+ padding: 0 0.3em;
225
+ }
226
+ }
227
+
228
+ // animation
229
+ .animation-indent--right {
230
+ animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
231
+ }
232
+
233
+ @keyframes indent-right {
234
+ 0% {
235
+ -webkit-transform: translateX(0);
236
+ transform: translateX(0);
237
+ }
238
+
239
+ to {
240
+ -webkit-transform: translateX(12px);
241
+ transform: translateX(12px);
242
+ }
243
+ }
@@ -1,6 +1,6 @@
1
- declare module '*.vue' {
2
- // eslint-disable-next-line
3
- import { DefineComponent } from 'vue'
4
- const Component: DefineComponent
5
- export default Component
6
- }
1
+ declare module '*.vue' {
2
+ // eslint-disable-next-line
3
+ import { DefineComponent } from 'vue'
4
+ const Component: DefineComponent
5
+ export default Component
6
+ }
@@ -1,24 +1,24 @@
1
- import 'vue';
2
-
3
- type EventHandler = (...args: any[]) => void;
4
-
5
- declare module 'vue' {
6
- interface ComponentCustomProps {
7
- id?: string;
8
- role?: string;
9
- tabindex?: number;
10
- onClick?: EventHandler;
11
- onTouchend?: EventHandler;
12
- onTouchmove?: EventHandler;
13
- onTouchstart?: EventHandler;
14
- onTouchcancel?: EventHandler;
15
- onTouchmovePassive?: EventHandler;
16
- onTouchstartPassive?: EventHandler;
17
- }
18
-
19
- interface HTMLAttributes {
20
- onTouchmovePassive?: EventHandler;
21
- onTouchstartPassive?: EventHandler;
22
- onClickCapture?: EventHandler;
23
- }
24
- }
1
+ import 'vue';
2
+
3
+ type EventHandler = (...args: any[]) => void;
4
+
5
+ declare module 'vue' {
6
+ interface ComponentCustomProps {
7
+ id?: string;
8
+ role?: string;
9
+ tabindex?: number;
10
+ onClick?: EventHandler;
11
+ onTouchend?: EventHandler;
12
+ onTouchmove?: EventHandler;
13
+ onTouchstart?: EventHandler;
14
+ onTouchcancel?: EventHandler;
15
+ onTouchmovePassive?: EventHandler;
16
+ onTouchstartPassive?: EventHandler;
17
+ }
18
+
19
+ interface HTMLAttributes {
20
+ onTouchmovePassive?: EventHandler;
21
+ onTouchstartPassive?: EventHandler;
22
+ onClickCapture?: EventHandler;
23
+ }
24
+ }
package/lib/index.d.ts CHANGED
@@ -5,6 +5,6 @@ declare namespace _default {
5
5
  }
6
6
  export default _default;
7
7
  export function install(app: any): void;
8
- export const version: "1.0.31";
8
+ export const version: "1.0.33";
9
9
  import RichTextEditor from './rich-text-editor';
10
10
  export { RichTextEditor };
package/lib/index.js CHANGED
@@ -36,7 +36,7 @@ __export(stdin_exports, {
36
36
  module.exports = __toCommonJS(stdin_exports);
37
37
  var import_rich_text_editor = __toESM(require("./rich-text-editor"));
38
38
  __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
39
- const version = "1.0.31";
39
+ const version = "1.0.33";
40
40
  function install(app) {
41
41
  const components = [
42
42
  import_rich_text_editor.default
@@ -195,25 +195,27 @@ var stdin_default = (0, import_vue2.defineComponent)({
195
195
  const now = /* @__PURE__ */ new Date();
196
196
  const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
197
197
  const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
198
- yield historyStore.setItem(noteId.value, {
199
- title: noteTitle,
200
- content
201
- });
202
- let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
203
- const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
204
- if (existingNoteIndex === -1) {
205
- metadata.push({
206
- id: noteId.value,
207
- timestamp: now.getTime()
198
+ if (content !== "<p></p>") {
199
+ yield historyStore.setItem(noteId.value, {
200
+ title: noteTitle,
201
+ content
208
202
  });
209
- metadata.sort((a, b) => b.timestamp - a.timestamp);
210
- if (metadata.length > MAX_HISTORY_ITEMS) {
211
- const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
212
- for (const item of itemsToRemove) {
213
- yield historyStore.removeItem(item.id);
203
+ let metadata = (yield historyStore.getItem(HISTORY_METADATA_KEY)) || [];
204
+ const existingNoteIndex = metadata.findIndex((meta) => meta.id === noteId.value);
205
+ if (existingNoteIndex === -1) {
206
+ metadata.push({
207
+ id: noteId.value,
208
+ timestamp: now.getTime()
209
+ });
210
+ metadata.sort((a, b) => b.timestamp - a.timestamp);
211
+ if (metadata.length > MAX_HISTORY_ITEMS) {
212
+ const itemsToRemove = metadata.splice(MAX_HISTORY_ITEMS);
213
+ for (const item of itemsToRemove) {
214
+ yield historyStore.removeItem(item.id);
215
+ }
214
216
  }
217
+ yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
215
218
  }
216
- yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
217
219
  }
218
220
  }
219
221
  saveTimeoutId = setTimeout(saveLoop, 1e4);
@@ -1,243 +1,243 @@
1
- body .ProseMirror {
2
- flex: 1;
3
- overflow: auto;
4
- outline: none;
5
-
6
- line-height: 1.6;
7
- font-size: var(--font-base);
8
- --white: #fff;
9
- --black: #2e2b29;
10
- --gray-1: rgba(61, 37, 20, 0.05);
11
- --gray-2: rgba(61, 37, 20, 0.08);
12
- --gray-3: rgba(61, 37, 20, 0.12);
13
- --gray-4: rgba(53, 38, 28, 0.3);
14
- --gray-5: rgba(28, 25, 23, 0.6);
15
- --green: #22c55e;
16
- --purple: #6a00f5;
17
- --purple-contrast: #5800cc;
18
- --purple-light: rgba(88, 5, 255, 0.05);
19
- --yellow-contrast: #facc15;
20
- --yellow: rgba(250, 204, 21, 0.4);
21
- --yellow-light: #fffae5;
22
- --red: #ff5c33;
23
- --red-light: #ffebe5;
24
- --shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
25
- :first-child {
26
- margin-top: 0;
27
- }
28
-
29
- video{
30
- width: 100%;
31
- }
32
- /* List styles */
33
- ol {
34
- list-style: auto;
35
- ol {
36
- list-style: disc;
37
- }
38
- }
39
-
40
- ul {
41
- list-style: disc;
42
- }
43
-
44
- ol,
45
- ul {
46
- padding-left: 1.5em;
47
- margin: 0 0 12px 0;
48
- li p {
49
- margin-top: 0.25em;
50
- margin-bottom: 0.25em;
51
- }
52
- }
53
-
54
- li::marker {
55
- text-align: start !important;
56
- }
57
-
58
- /* Heading styles */
59
- h1,
60
- h2,
61
- h3,
62
- h4,
63
- h5,
64
- h6 {
65
- line-height: 1.1;
66
- margin-top: 2.5rem;
67
- text-wrap: pretty;
68
- }
69
-
70
- h1,
71
- h2 {
72
- margin-top: 1rem;
73
- margin-bottom: 1rem;
74
- }
75
-
76
- h1 {
77
- font-size: 1.4rem;
78
- }
79
-
80
- h2 {
81
- font-size: 1.2rem;
82
- }
83
-
84
- h3 {
85
- font-size: 1.1rem;
86
- }
87
-
88
- h4,
89
- h5,
90
- h6 {
91
- font-size: 1rem;
92
- }
93
-
94
- /* Link styles */
95
- a,
96
- .editor-link {
97
- color: var(--purple);
98
- text-decoration: underline;
99
- cursor: pointer;
100
- transition: color 0.2s ease;
101
-
102
- &:hover {
103
- color: var(--purple-contrast);
104
- text-decoration: underline;
105
- }
106
- }
107
-
108
- /* Code and preformatted text styles */
109
- code {
110
- background-color: #ffe5e8;
111
- border-radius: 0.4rem;
112
- color: #c02537;
113
- padding: 2px 4px;
114
- }
115
-
116
- pre {
117
- border-radius: 0.5rem;
118
- font-family: 'JetBrainsMono', monospace;
119
- margin: 1.5rem 0;
120
- padding: 0.75rem 1rem;
121
-
122
- code {
123
- background: none;
124
- color: inherit;
125
- font-size: 0.8rem;
126
- padding: 0;
127
- }
128
- }
129
-
130
- blockquote {
131
- border-left: 3px solid var(--gray-3);
132
- margin: 1.5rem 0;
133
- padding-left: 1rem;
134
- }
135
-
136
- hr {
137
- border: none;
138
- border-top: 1px solid var(--gray-2);
139
- margin: 2rem 0;
140
- }
141
-
142
- /* Placeholder (at the top) */
143
- p.is-editor-empty:first-child::before {
144
- color: var(--gray-4);
145
- content: attr(data-placeholder);
146
- float: left;
147
- height: 0;
148
- pointer-events: none;
149
- }
150
-
151
- .is-empty::before {
152
- color: var(--gray-4);
153
- content: attr(data-placeholder);
154
- float: left;
155
- height: 0;
156
- pointer-events: none;
157
- }
158
- /* Table-specific styling */
159
- table {
160
- border-collapse: collapse;
161
- margin: 0;
162
- overflow: hidden;
163
- table-layout: fixed;
164
- width: 100%;
165
-
166
- td,
167
- th {
168
- border: 1px solid var(--gray-3);
169
- box-sizing: border-box;
170
- min-width: 1em;
171
- padding: 6px 8px;
172
- position: relative;
173
- vertical-align: top;
174
-
175
- > * {
176
- margin-bottom: 0;
177
- }
178
- }
179
-
180
- th {
181
- background-color: var(--gray-1);
182
- font-weight: bold;
183
- text-align: left;
184
- }
185
-
186
- .selectedCell:after {
187
- background: var(--gray-2);
188
- content: '';
189
- left: 0;
190
- right: 0;
191
- top: 0;
192
- bottom: 0;
193
- pointer-events: none;
194
- position: absolute;
195
- z-index: 2;
196
- }
197
-
198
- .column-resize-handle {
199
- background-color: var(--purple);
200
- bottom: -2px;
201
- pointer-events: none;
202
- position: absolute;
203
- right: -2px;
204
- top: 0;
205
- width: 4px;
206
- }
207
- }
208
-
209
- .tableWrapper {
210
- margin: 1.5rem 0;
211
- overflow-x: auto;
212
- }
213
-
214
- &.resize-cursor {
215
- cursor: ew-resize;
216
- cursor: col-resize;
217
- }
218
- img {
219
- max-width: 100%;
220
- }
221
- // @人的样式 #话题的样式
222
- .mention, .hash-tag {
223
- color: #c02537;
224
- padding: 0 0.3em;
225
- }
226
- }
227
-
228
- // animation
229
- .animation-indent--right {
230
- animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
231
- }
232
-
233
- @keyframes indent-right {
234
- 0% {
235
- -webkit-transform: translateX(0);
236
- transform: translateX(0);
237
- }
238
-
239
- to {
240
- -webkit-transform: translateX(12px);
241
- transform: translateX(12px);
242
- }
243
- }
1
+ body .ProseMirror {
2
+ flex: 1;
3
+ overflow: auto;
4
+ outline: none;
5
+
6
+ line-height: 1.6;
7
+ font-size: var(--font-base);
8
+ --white: #fff;
9
+ --black: #2e2b29;
10
+ --gray-1: rgba(61, 37, 20, 0.05);
11
+ --gray-2: rgba(61, 37, 20, 0.08);
12
+ --gray-3: rgba(61, 37, 20, 0.12);
13
+ --gray-4: rgba(53, 38, 28, 0.3);
14
+ --gray-5: rgba(28, 25, 23, 0.6);
15
+ --green: #22c55e;
16
+ --purple: #6a00f5;
17
+ --purple-contrast: #5800cc;
18
+ --purple-light: rgba(88, 5, 255, 0.05);
19
+ --yellow-contrast: #facc15;
20
+ --yellow: rgba(250, 204, 21, 0.4);
21
+ --yellow-light: #fffae5;
22
+ --red: #ff5c33;
23
+ --red-light: #ffebe5;
24
+ --shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
25
+ :first-child {
26
+ margin-top: 0;
27
+ }
28
+
29
+ video{
30
+ width: 100%;
31
+ }
32
+ /* List styles */
33
+ ol {
34
+ list-style: auto;
35
+ ol {
36
+ list-style: disc;
37
+ }
38
+ }
39
+
40
+ ul {
41
+ list-style: disc;
42
+ }
43
+
44
+ ol,
45
+ ul {
46
+ padding-left: 1.5em;
47
+ margin: 0 0 12px 0;
48
+ li p {
49
+ margin-top: 0.25em;
50
+ margin-bottom: 0.25em;
51
+ }
52
+ }
53
+
54
+ li::marker {
55
+ text-align: start !important;
56
+ }
57
+
58
+ /* Heading styles */
59
+ h1,
60
+ h2,
61
+ h3,
62
+ h4,
63
+ h5,
64
+ h6 {
65
+ line-height: 1.1;
66
+ margin-top: 2.5rem;
67
+ text-wrap: pretty;
68
+ }
69
+
70
+ h1,
71
+ h2 {
72
+ margin-top: 1rem;
73
+ margin-bottom: 1rem;
74
+ }
75
+
76
+ h1 {
77
+ font-size: 1.4rem;
78
+ }
79
+
80
+ h2 {
81
+ font-size: 1.2rem;
82
+ }
83
+
84
+ h3 {
85
+ font-size: 1.1rem;
86
+ }
87
+
88
+ h4,
89
+ h5,
90
+ h6 {
91
+ font-size: 1rem;
92
+ }
93
+
94
+ /* Link styles */
95
+ a,
96
+ .editor-link {
97
+ color: var(--purple);
98
+ text-decoration: underline;
99
+ cursor: pointer;
100
+ transition: color 0.2s ease;
101
+
102
+ &:hover {
103
+ color: var(--purple-contrast);
104
+ text-decoration: underline;
105
+ }
106
+ }
107
+
108
+ /* Code and preformatted text styles */
109
+ code {
110
+ background-color: #ffe5e8;
111
+ border-radius: 0.4rem;
112
+ color: #c02537;
113
+ padding: 2px 4px;
114
+ }
115
+
116
+ pre {
117
+ border-radius: 0.5rem;
118
+ font-family: 'JetBrainsMono', monospace;
119
+ margin: 1.5rem 0;
120
+ padding: 0.75rem 1rem;
121
+
122
+ code {
123
+ background: none;
124
+ color: inherit;
125
+ font-size: 0.8rem;
126
+ padding: 0;
127
+ }
128
+ }
129
+
130
+ blockquote {
131
+ border-left: 3px solid var(--gray-3);
132
+ margin: 1.5rem 0;
133
+ padding-left: 1rem;
134
+ }
135
+
136
+ hr {
137
+ border: none;
138
+ border-top: 1px solid var(--gray-2);
139
+ margin: 2rem 0;
140
+ }
141
+
142
+ /* Placeholder (at the top) */
143
+ p.is-editor-empty:first-child::before {
144
+ color: var(--gray-4);
145
+ content: attr(data-placeholder);
146
+ float: left;
147
+ height: 0;
148
+ pointer-events: none;
149
+ }
150
+
151
+ .is-empty::before {
152
+ color: var(--gray-4);
153
+ content: attr(data-placeholder);
154
+ float: left;
155
+ height: 0;
156
+ pointer-events: none;
157
+ }
158
+ /* Table-specific styling */
159
+ table {
160
+ border-collapse: collapse;
161
+ margin: 0;
162
+ overflow: hidden;
163
+ table-layout: fixed;
164
+ width: 100%;
165
+
166
+ td,
167
+ th {
168
+ border: 1px solid var(--gray-3);
169
+ box-sizing: border-box;
170
+ min-width: 1em;
171
+ padding: 6px 8px;
172
+ position: relative;
173
+ vertical-align: top;
174
+
175
+ > * {
176
+ margin-bottom: 0;
177
+ }
178
+ }
179
+
180
+ th {
181
+ background-color: var(--gray-1);
182
+ font-weight: bold;
183
+ text-align: left;
184
+ }
185
+
186
+ .selectedCell:after {
187
+ background: var(--gray-2);
188
+ content: '';
189
+ left: 0;
190
+ right: 0;
191
+ top: 0;
192
+ bottom: 0;
193
+ pointer-events: none;
194
+ position: absolute;
195
+ z-index: 2;
196
+ }
197
+
198
+ .column-resize-handle {
199
+ background-color: var(--purple);
200
+ bottom: -2px;
201
+ pointer-events: none;
202
+ position: absolute;
203
+ right: -2px;
204
+ top: 0;
205
+ width: 4px;
206
+ }
207
+ }
208
+
209
+ .tableWrapper {
210
+ margin: 1.5rem 0;
211
+ overflow-x: auto;
212
+ }
213
+
214
+ &.resize-cursor {
215
+ cursor: ew-resize;
216
+ cursor: col-resize;
217
+ }
218
+ img {
219
+ max-width: 100%;
220
+ }
221
+ // @人的样式 #话题的样式
222
+ .mention, .hash-tag {
223
+ color: #c02537;
224
+ padding: 0 0.3em;
225
+ }
226
+ }
227
+
228
+ // animation
229
+ .animation-indent--right {
230
+ animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
231
+ }
232
+
233
+ @keyframes indent-right {
234
+ 0% {
235
+ -webkit-transform: translateX(0);
236
+ transform: translateX(0);
237
+ }
238
+
239
+ to {
240
+ -webkit-transform: translateX(12px);
241
+ transform: translateX(12px);
242
+ }
243
+ }
@@ -1,6 +1,6 @@
1
- declare module '*.vue' {
2
- // eslint-disable-next-line
3
- import { DefineComponent } from 'vue'
4
- const Component: DefineComponent
5
- export default Component
6
- }
1
+ declare module '*.vue' {
2
+ // eslint-disable-next-line
3
+ import { DefineComponent } from 'vue'
4
+ const Component: DefineComponent
5
+ export default Component
6
+ }
@@ -1,24 +1,24 @@
1
- import 'vue';
2
-
3
- type EventHandler = (...args: any[]) => void;
4
-
5
- declare module 'vue' {
6
- interface ComponentCustomProps {
7
- id?: string;
8
- role?: string;
9
- tabindex?: number;
10
- onClick?: EventHandler;
11
- onTouchend?: EventHandler;
12
- onTouchmove?: EventHandler;
13
- onTouchstart?: EventHandler;
14
- onTouchcancel?: EventHandler;
15
- onTouchmovePassive?: EventHandler;
16
- onTouchstartPassive?: EventHandler;
17
- }
18
-
19
- interface HTMLAttributes {
20
- onTouchmovePassive?: EventHandler;
21
- onTouchstartPassive?: EventHandler;
22
- onClickCapture?: EventHandler;
23
- }
24
- }
1
+ import 'vue';
2
+
3
+ type EventHandler = (...args: any[]) => void;
4
+
5
+ declare module 'vue' {
6
+ interface ComponentCustomProps {
7
+ id?: string;
8
+ role?: string;
9
+ tabindex?: number;
10
+ onClick?: EventHandler;
11
+ onTouchend?: EventHandler;
12
+ onTouchmove?: EventHandler;
13
+ onTouchstart?: EventHandler;
14
+ onTouchcancel?: EventHandler;
15
+ onTouchmovePassive?: EventHandler;
16
+ onTouchstartPassive?: EventHandler;
17
+ }
18
+
19
+ interface HTMLAttributes {
20
+ onTouchmovePassive?: EventHandler;
21
+ onTouchstartPassive?: EventHandler;
22
+ onClickCapture?: EventHandler;
23
+ }
24
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cgboiler/biz-basic",
3
- "version": "1.0.32",
3
+ "version": "1.0.34",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",