From 313ac3edf59e370409e272b58854bdf95b448f13 Mon Sep 17 00:00:00 2001 From: zhf <1204297681@qq.com> Date: Fri, 24 Oct 2025 21:24:39 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A1=A5=E5=85=85=E7=BC=96=E8=BE=91?= =?UTF-8?q?=E5=99=A8=E5=8F=98=E9=87=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/theme/objects/editor/editor.scss | 16 +++++++ .../mob-theme/src/theme/objects/index.scss | 3 +- packages/mob-theme/src/theme/var.scss | 48 +++++++++---------- 3 files changed, 42 insertions(+), 25 deletions(-) create mode 100644 packages/mob-theme/src/theme/objects/editor/editor.scss diff --git a/packages/mob-theme/src/theme/objects/editor/editor.scss b/packages/mob-theme/src/theme/objects/editor/editor.scss new file mode 100644 index 0000000..90e6637 --- /dev/null +++ b/packages/mob-theme/src/theme/objects/editor/editor.scss @@ -0,0 +1,16 @@ +:root { + // 编辑器默认 + #{getCssVarName(editor, default, font-size)}: getCssVar(font-size, header-6); + #{getCssVarName(editor, default, line-height)}: rem(32px); + #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); + #{getCssVarName(editor, default, border-color)}: transparent; + #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); + + // 编辑器禁用 + #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, text, 3); + #{getCssVarName(editor, disabled, bg-color)}: transparent; + #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); + + // 编辑器只读 + #{getCssVarName(editor, readonly, text-color)}: getCssVar(color, text, 2); +} \ No newline at end of file diff --git a/packages/mob-theme/src/theme/objects/index.scss b/packages/mob-theme/src/theme/objects/index.scss index befe5a1..4f713a7 100644 --- a/packages/mob-theme/src/theme/objects/index.scss +++ b/packages/mob-theme/src/theme/objects/index.scss @@ -1,2 +1,3 @@ /** 面向对象编写样式, **/ -@import './state/state'; \ No newline at end of file +@import './state/state'; +@import './editor/editor'; diff --git a/packages/mob-theme/src/theme/var.scss b/packages/mob-theme/src/theme/var.scss index 5591dcb..707e8d6 100644 --- a/packages/mob-theme/src/theme/var.scss +++ b/packages/mob-theme/src/theme/var.scss @@ -56,33 +56,33 @@ #{getCssVarName('spacing', 'extra-loose')}: rem(32px); #{getCssVarName('spacing', 'super-loose')}: rem(40px); - // 编辑器默认 - #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); - #{getCssVarName(editor, default, line-height)}: rem(32px); - #{getCssVarName(editor, default, text-size)}: getCssVar(font-size, regular); - #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); - #{getCssVarName(editor, default, bg-color)}: getCssVar(color, fill, 0); - #{getCssVarName(editor, default, border-color)}: transparent; + // // 编辑器默认 + // #{getCssVarName(editor, default, placeholder-color)}: getCssVar(color, text, 2); + // #{getCssVarName(editor, default, line-height)}: rem(32px); + // #{getCssVarName(editor, default, text-size)}: getCssVar(font-size, regular); + // #{getCssVarName(editor, default, text-color)}: getCssVar(color, text, 0); + // #{getCssVarName(editor, default, bg-color)}: getCssVar(color, fill, 0); + // #{getCssVarName(editor, default, border-color)}: transparent; - // 编辑器悬浮 - #{getCssVarName(editor, hover, bg-color)}: getCssVar(color, fill, 1); - #{getCssVarName(editor, hover, border-color)}: transparent; + // // 编辑器悬浮 + // #{getCssVarName(editor, hover, bg-color)}: getCssVar(color, fill, 1); + // #{getCssVarName(editor, hover, border-color)}: transparent; - // 编辑器按下 - #{getCssVarName(editor, active, bg-color)}: getCssVar(color, fill, 2); - #{getCssVarName(editor, active, border-color)}: getCssVar(editor, active, bg-color); + // // 编辑器按下 + // #{getCssVarName(editor, active, bg-color)}: getCssVar(color, fill, 2); + // #{getCssVarName(editor, active, border-color)}: getCssVar(editor, active, bg-color); - // 编辑器选中 - #{getCssVarName(editor, focus, bg-color)}: getCssVar(color, fill, 0); - #{getCssVarName(editor, focus, border-color)}: getCssVar(color, focus, border); + // // 编辑器选中 + // #{getCssVarName(editor, focus, bg-color)}: getCssVar(color, fill, 0); + // #{getCssVarName(editor, focus, border-color)}: getCssVar(color, focus, border); - // 编辑器禁用 - #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, disabled, text); - #{getCssVarName(editor, disabled, bg-color)}: getCssVar(color, disabled, fill); - #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); + // // 编辑器禁用 + // #{getCssVarName(editor, disabled, text-color)}: getCssVar(color, disabled, text); + // #{getCssVarName(editor, disabled, bg-color)}: getCssVar(color, disabled, fill); + // #{getCssVarName(editor, disabled, border-color)}: getCssVar(color, disabled, border); - // 编辑器只读 - #{getCssVarName(editor, readonly, text-color)}: getCssVar(editor, default, text-color); - #{getCssVarName(editor, readonly, bg-color)}: getCssVar(editor, default, bg-color); - #{getCssVarName(editor, readonly, border-color)}: getCssVar(editor, default, border-color); + // // 编辑器只读 + // #{getCssVarName(editor, readonly, text-color)}: getCssVar(editor, default, text-color); + // #{getCssVarName(editor, readonly, bg-color)}: getCssVar(editor, default, bg-color); + // #{getCssVarName(editor, readonly, border-color)}: getCssVar(editor, default, border-color); } \ No newline at end of file -- Gitee