remons-markdown-editor 1.0.0 → 2.0.0-beta.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 (28) hide show
  1. package/dist/MarkdownEditor.d.ts +24 -5
  2. package/dist/components/Dialog/EditDialog.d.ts +3 -2
  3. package/dist/components/Editor/codemirrorExtensions.d.ts +4 -4
  4. package/dist/components/Editor/containerWidget.d.ts +13 -8
  5. package/dist/components/Editor/index.d.ts +2 -1
  6. package/dist/components/Icon/config.d.ts +9 -0
  7. package/dist/components/Preview/index.d.ts +6 -5
  8. package/dist/components/Toolbar/buttons.d.ts +3 -3
  9. package/dist/components/Toolbar/config.d.ts +9 -2
  10. package/dist/components/Toolbar/hooks/useToolbar.d.ts +3 -1
  11. package/dist/components/Toolbar/index.d.ts +6 -3
  12. package/dist/components/Toolbar/renderers/TablePicker/TableDropdown.d.ts +1 -2
  13. package/dist/hooks/useRegisterToolbar.d.ts +3 -0
  14. package/dist/hooks/useScrollSync.d.ts +5 -2
  15. package/dist/index.cjs +2010 -392
  16. package/dist/index.cjs.map +1 -1
  17. package/dist/index.css +51 -80
  18. package/dist/index.d.ts +3 -1
  19. package/dist/index.js +2031 -394
  20. package/dist/index.js.map +1 -1
  21. package/dist/registry/componentRegistry.d.ts +17 -4
  22. package/dist/types/index.d.ts +19 -10
  23. package/dist/utils/parseContainer.d.ts +20 -6
  24. package/dist/utils/writeContainer.d.ts +10 -7
  25. package/package.json +12 -15
  26. package/readme.md +26 -22
  27. package/dist/App.d.ts +0 -2
  28. package/dist/main.d.ts +0 -0
package/dist/index.css CHANGED
@@ -41,86 +41,57 @@
41
41
  min-height: 20px;
42
42
  text-align: center;
43
43
  }
44
- html,
45
- body {
46
- margin: 0;
47
- padding: 0;
48
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
49
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
50
- sans-serif;
51
- -webkit-font-smoothing: antialiased;
52
- -moz-osx-font-smoothing: grayscale;
53
- }
54
-
55
- #markdown-editor {
56
- height: 100vh;
57
- width: 100vw;
58
- overflow: hidden;
59
- }
60
-
61
- /* ===== CSS 自定义属性（主题变量） ===== */
62
- /* 浅色主题（默认） */
63
- :root,
64
- [data-theme="light"] {
65
- /* 背景色 */
66
- --remons-md-editor-bg-primary: #f3f3f3;
67
- --remons-md-editor-bg-white: rgba(255, 255, 255, 0.6);
68
- --remons-md-editor-bg-hover: #e1e4e8;
69
- --remons-md-editor-bg-active: #d0d7de;
70
- --remons-md-editor-bg-fullscreen: #fff;
71
-
72
- /* 文字颜色 */
73
- --remons-md-editor-color-text: #24292f;
74
- --remons-md-editor-color-text-hover: #0969da;
75
-
76
- /* 边框 */
77
- --remons-md-editor-color-border: rgba(255, 255, 255, 0.8);
78
- --remons-md-editor-color-border-light: #d0d7de;
79
-
80
- /* 焦点 */
81
- --remons-md-editor-color-focus: #0969da;
82
- --remons-md-editor-color-focus-shadow: rgba(9, 105, 218, 0.1);
83
-
84
- /* 工具选择器 */
85
- --remons-md-editor-bg-picker: #fff;
86
- --remons-md-editor-bg-cell-active: #ddf4ff;
87
- --remons-md-editor-color-cell-active: #91caff;
88
- --remons-md-editor-color-hint: #999;
89
- --remons-md-editor-color-label: #666;
90
- }
91
-
92
- /* ===== 深色主题 ===== */
93
- [data-theme="dark"] {
94
- /* 背景色 */
95
- --remons-md-editor-bg-primary: #1a1d23;
96
- --remons-md-editor-bg-white: rgba(46, 51, 80, 0.8);
97
- --remons-md-editor-bg-hover: #4a5163;
98
- --remons-md-editor-bg-active: #5a6278;
99
- --remons-md-editor-bg-fullscreen: #1a1d23;
100
-
101
- /* 文字颜色 */
102
- --remons-md-editor-color-text: #c9d1d9;
103
- --remons-md-editor-color-text-hover: #58a6ff;
104
-
105
- /* 边框 */
106
- --remons-md-editor-color-border: rgba(255, 255, 255, 0.1);
107
- --remons-md-editor-color-border-light: #3a3f4b;
108
-
109
- /* 焦点 */
110
- --remons-md-editor-color-focus: #58a6ff;
111
- --remons-md-editor-color-focus-shadow: rgba(88, 166, 255, 0.15);
112
-
113
- /* 工具选择器 */
114
- --remons-md-editor-bg-picker: #2e3350;
115
- --remons-md-editor-bg-cell-active: #1a3a5c;
116
- --remons-md-editor-color-cell-active: #58a6ff;
117
- --remons-md-editor-color-hint: #8b949e;
118
- --remons-md-editor-color-label: #8b949e;
119
- }
120
-
121
- .ant-anchor-link-title {
122
- white-space: inherit !important;
123
- }@font-face {
44
+ /* ===== CSS 自定义属性（主题变量） ===== */
45
+ /* 浅色主题（默认） */
46
+ :root,
47
+ [data-theme="light"] {
48
+ /* 背景色 */
49
+ --remons-md-editor-bg-primary: #f3f3f3;
50
+ --remons-md-editor-bg-white: rgba(255, 255, 255, 0.6);
51
+ --remons-md-editor-bg-hover: #e1e4e8;
52
+ --remons-md-editor-bg-active: #d0d7de;
53
+ --remons-md-editor-bg-fullscreen: #fff;
54
+ /* 文字颜色 */
55
+ --remons-md-editor-color-text: #24292f;
56
+ --remons-md-editor-color-text-hover: #0969da;
57
+ /* 边框 */
58
+ --remons-md-editor-color-border: rgba(255, 255, 255, 0.8);
59
+ --remons-md-editor-color-border-light: #d0d7de;
60
+ /* 焦点 */
61
+ --remons-md-editor-color-focus: #0969da;
62
+ --remons-md-editor-color-focus-shadow: rgba(9, 105, 218, 0.1);
63
+ /* 工具选择器 */
64
+ --remons-md-editor-bg-picker: #fff;
65
+ --remons-md-editor-bg-cell-active: #ddf4ff;
66
+ --remons-md-editor-color-cell-active: #91caff;
67
+ --remons-md-editor-color-hint: #999;
68
+ --remons-md-editor-color-label: #666;
69
+ }
70
+ /* ===== 深色主题 ===== */
71
+ [data-theme="dark"] {
72
+ /* 背景色 */
73
+ --remons-md-editor-bg-primary: #1a1d23;
74
+ --remons-md-editor-bg-white: rgba(46, 51, 80, 0.8);
75
+ --remons-md-editor-bg-hover: #4a5163;
76
+ --remons-md-editor-bg-active: #5a6278;
77
+ --remons-md-editor-bg-fullscreen: #1a1d23;
78
+ /* 文字颜色 */
79
+ --remons-md-editor-color-text: #c9d1d9;
80
+ --remons-md-editor-color-text-hover: #58a6ff;
81
+ /* 边框 */
82
+ --remons-md-editor-color-border: rgba(255, 255, 255, 0.1);
83
+ --remons-md-editor-color-border-light: #3a3f4b;
84
+ /* 焦点 */
85
+ --remons-md-editor-color-focus: #58a6ff;
86
+ --remons-md-editor-color-focus-shadow: rgba(88, 166, 255, 0.15);
87
+ /* 工具选择器 */
88
+ --remons-md-editor-bg-picker: #2e3350;
89
+ --remons-md-editor-bg-cell-active: #1a3a5c;
90
+ --remons-md-editor-color-cell-active: #58a6ff;
91
+ --remons-md-editor-color-hint: #8b949e;
92
+ --remons-md-editor-color-label: #8b949e;
93
+ }
94
+ @font-face {
124
95
  font-family: 'Inter';
125
96
  font-style: normal;
126
97
  font-weight: 400;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export { default as MarkdownEditor } from './MarkdownEditor';
2
2
  export type { MarkdownEditorProps, MarkdownEditorRef } from './MarkdownEditor';
3
3
  export { useRegisterToolbar } from './hooks/useRegisterToolbar';
4
- export type { ComponentSchema, DialogField, ToolbarButtonConfig, ImageUploadConfig, } from './types';
4
+ export { setIconfontScriptUrl, getIconfontScriptUrl } from './components/Icon/config';
5
+ export type { ComponentSchema, DialogField, ToolbarButtonConfig, ImageUploadConfig, NotifyFn, } from './types';
5
6
  export type { PreviewOptions } from './components/Preview';
7
+ export type { ContainerProps, ContainerBlock } from './utils/parseContainer';