remons-markdown-editor 1.0.0-beta.9 → 2.0.0-beta.0

package/dist/index.css

@@ -2,8 +2,8 @@
   padding: 4px;
   display: block;
   min-width: 200px;
-  background: #fff;
-  border: 1px solid #e5e7eb;
+  background: var(--remons-md-editor-bg-picker);
+  border: 1px solid var(--remons-md-editor-color-border-light);
   border-radius: 6px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
@@ -16,19 +16,19 @@
 .index-module__grid___tCZ-r .index-module__cell___vTDQz {
   width: 24px;
   height: 24px;
-  border: 1px solid #e8e8e8;
+  border: 1px solid var(--remons-md-editor-color-border-light);
   border-radius: 2px;
   background: transparent;
   cursor: pointer;
   transition: all 0.1s ease;
 }
 .index-module__grid___tCZ-r .index-module__cell___vTDQz.index-module__cellActive___0EYvU {
-  border-color: #91caff;
-  background: #ddf4ff;
+  border-color: var(--remons-md-editor-color-cell-active);
+  background: var(--remons-md-editor-bg-cell-active);
 }
 .index-module__hint___dTObk {
   padding: 12px 16px;
-  color: #999;
+  color: var(--remons-md-editor-color-hint);
   font-size: 12px;
   text-align: center;
   cursor: pointer;
@@ -36,48 +36,62 @@
 .index-module__label___2CmK1 {
   margin-top: 8px;
   font-size: 13px;
-  color: #666;
+  color: var(--remons-md-editor-color-label);
   font-weight: 500;
   min-height: 20px;
   text-align: center;
 }
-html,
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-#markdown-editor {
-  height: 100vh;
-  width: 100vw;
-  overflow: hidden;
-}
-
-/* ===== CSS 自定义属性（主题变量） ===== */
-/* 浅色主题（默认） */
-:root,
-[data-theme="light"] {
-  --markdown-editor-color-bg-white: rgba(255, 255, 255, 0.6);
-
-  /* ── 边框（毛玻璃） ── */
-  --markdown-editor-color-border: rgba(255, 255, 255, 0.8);
-}
-
-/* ===== 深色主题 ===== */
-[data-theme="dark"] {
-  --markdown-editor-color-bg-white: rgba(46, 51, 80, 0.8);
-
-  --markdown-editor-color-border: rgba(255, 255, 255, 0.1);
-}
-
-.ant-anchor-link-title {
-  white-space: inherit !important;
-}@font-face {
+/* ===== CSS 自定义属性（主题变量） ===== */
+/* 浅色主题（默认） */
+:root,
+[data-theme="light"] {
+  /* 背景色 */
+  --remons-md-editor-bg-primary: #f3f3f3;
+  --remons-md-editor-bg-white: rgba(255, 255, 255, 0.6);
+  --remons-md-editor-bg-hover: #e1e4e8;
+  --remons-md-editor-bg-active: #d0d7de;
+  --remons-md-editor-bg-fullscreen: #fff;
+  /* 文字颜色 */
+  --remons-md-editor-color-text: #24292f;
+  --remons-md-editor-color-text-hover: #0969da;
+  /* 边框 */
+  --remons-md-editor-color-border: rgba(255, 255, 255, 0.8);
+  --remons-md-editor-color-border-light: #d0d7de;
+  /* 焦点 */
+  --remons-md-editor-color-focus: #0969da;
+  --remons-md-editor-color-focus-shadow: rgba(9, 105, 218, 0.1);
+  /* 工具选择器 */
+  --remons-md-editor-bg-picker: #fff;
+  --remons-md-editor-bg-cell-active: #ddf4ff;
+  --remons-md-editor-color-cell-active: #91caff;
+  --remons-md-editor-color-hint: #999;
+  --remons-md-editor-color-label: #666;
+}
+/* ===== 深色主题 ===== */
+[data-theme="dark"] {
+  /* 背景色 */
+  --remons-md-editor-bg-primary: #1a1d23;
+  --remons-md-editor-bg-white: rgba(46, 51, 80, 0.8);
+  --remons-md-editor-bg-hover: #4a5163;
+  --remons-md-editor-bg-active: #5a6278;
+  --remons-md-editor-bg-fullscreen: #1a1d23;
+  /* 文字颜色 */
+  --remons-md-editor-color-text: #c9d1d9;
+  --remons-md-editor-color-text-hover: #58a6ff;
+  /* 边框 */
+  --remons-md-editor-color-border: rgba(255, 255, 255, 0.1);
+  --remons-md-editor-color-border-light: #3a3f4b;
+  /* 焦点 */
+  --remons-md-editor-color-focus: #58a6ff;
+  --remons-md-editor-color-focus-shadow: rgba(88, 166, 255, 0.15);
+  /* 工具选择器 */
+  --remons-md-editor-bg-picker: #2e3350;
+  --remons-md-editor-bg-cell-active: #1a3a5c;
+  --remons-md-editor-color-cell-active: #58a6ff;
+  --remons-md-editor-color-hint: #8b949e;
+  --remons-md-editor-color-label: #8b949e;
+}
+@font-face {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
@@ -110,34 +124,41 @@ body {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosanssc/v40/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG9_FnYw.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosanssc/v41/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG9_FnYw.ttf) format('truetype');
 }
 @font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosanssc/v40/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG-3FnYw.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosanssc/v41/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG-3FnYw.ttf) format('truetype');
 }
 @font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosanssc/v40/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGwHCnYw.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosanssc/v41/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGwHCnYw.ttf) format('truetype');
 }
 @font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url(https://fonts.gstatic.com/s/notosanssc/v40/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGzjCnYw.ttf) format('truetype');
+  src: url(https://fonts.gstatic.com/s/notosanssc/v41/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaGzjCnYw.ttf) format('truetype');
 }
 .markdown-editor-app {
   height: 100%;
   display: flex;
   flex-direction: column;
   border: 1px solid var(--markdown-editor-color-border);
+  border-radius: 12px;
+  background: var(--remons-md-editor-bg-primary);
+}
+.markdown-editor-app .ant-btn:hover {
+  border: none !important;
+  background-color: var(--remons-md-editor-bg-hover) !important;
+  color: var(--remons-md-editor-color-text-hover) !important;
 }
 .markdown-editor-app.fullscreen {
   position: fixed;
@@ -146,7 +167,7 @@ body {
   right: 0;
   bottom: 0;
   z-index: 9999;
-  background: #fff;
+  background: var(--remons-md-editor-bg-fullscreen);
   width: 100vw;
   height: 100vh;
 }
@@ -155,8 +176,8 @@ body {
   display: flex;
   align-items: center;
   padding: 4px 8px;
-  background: var(--markdown-editor-color-bg-white);
-  border-bottom: 1px solid #d0d7de;
+  background: var(--remons-md-editor-bg-white);
+  border-bottom: 1px solid var(--remons-md-editor-color-border-light);
   gap: 4px;
   overflow-x: auto;
 }
@@ -178,7 +199,7 @@ body {
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
-  color: #24292f;
+  color: var(--remons-md-editor-color-text);
   transition: background-color 0.15s, color 0.15s;
   white-space: nowrap;
 }
@@ -187,11 +208,11 @@ body {
   height: 16px;
 }
 .toolbar-button:hover {
-  background: #e1e4e8;
-  color: #0969da;
+  background: var(--remons-md-editor-bg-hover);
+  color: var(--remons-md-editor-color-text-hover);
 }
 .toolbar-button:active {
-  background: #d0d7de;
+  background: var(--remons-md-editor-bg-active);
 }
 .toolbar-button.ant-btn {
   min-width: 32px;
@@ -201,8 +222,8 @@ body {
   box-shadow: none !important;
 }
 .toolbar-button.ant-btn:hover {
-  background: #e1e4e8;
-  color: #0969da;
+  background: var(--remons-md-editor-bg-hover);
+  color: var(--remons-md-editor-color-text-hover);
   border-color: transparent !important;
   box-shadow: none !important;
 }
@@ -212,11 +233,13 @@ body {
 }
 :where(.css-dev-only-do-not-override-u6izyw).ant-btn:not(:disabled):not(.ant-btn-disabled):hover {
   border: none !important;
+  background-color: var(--remons-md-editor-bg-hover) !important;
+  color: var(--remons-md-editor-color-text-hover) !important;
 }
 .toolbar-separator {
   width: 1px;
   height: 24px;
-  background: #d0d7de;
+  background: var(--remons-md-editor-color-border-light);
   margin: 0 4px;
 }
 .split-panels {
@@ -247,7 +270,7 @@ body {
 .md-container {
   margin: 16px 0;
   border-radius: 6px;
-  border: 1px solid #d0d7de;
+  border: 1px solid var(--remons-md-editor-color-border-light);
   overflow: hidden;
 }
 /* 编辑弹窗样式 */
@@ -262,20 +285,20 @@ body {
   margin-bottom: 6px;
   font-size: 14px;
   font-weight: 500;
-  color: #24292f;
+  color: var(--remons-md-editor-color-text);
 }
 .edit-dialog-input {
   width: 100%;
   padding: 6px 10px;
   font-size: 14px;
-  border: 1px solid #d0d7de;
+  border: 1px solid var(--remons-md-editor-color-border-light);
   border-radius: 6px;
   outline: none;
   transition: border-color 0.15s;
 }
 .edit-dialog-input:focus {
-  border-color: #0969da;
-  box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.1);
+  border-color: var(--remons-md-editor-color-focus);
+  box-shadow: 0 0 0 3px var(--remons-md-editor-color-focus-shadow);
 }
 .edit-dialog-textarea {
   resize: vertical;

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { default as MarkdownEditor } from './MarkdownEditor';
 export type { MarkdownEditorProps, MarkdownEditorRef } from './MarkdownEditor';
 export { useRegisterToolbar } from './hooks/useRegisterToolbar';
-export type { ComponentSchema, DialogField, ToolbarButtonConfig, ImageUploadConfig, } from './types';
+export { setIconfontScriptUrl, getIconfontScriptUrl } from './components/Icon/config';
+export type { ComponentSchema, DialogField, ToolbarButtonConfig, ImageUploadConfig, NotifyFn, } from './types';
 export type { PreviewOptions } from './components/Preview';
+export type { ContainerProps, ContainerBlock } from './utils/parseContainer';