Skip to content

Commit a349c95

Browse files
yanglbmeyanglbme
authored
fix: reset style (#1117)
1 parent 7b92ae4 commit a349c95

19 files changed

+107
-132
lines changed

‎apps/web/src/components/ai/SidebarAIToolbar.vue‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<script setup lang="ts">
22
import { Bot, Image as ImageIcon, Settings2, Wand2 } from 'lucide-vue-next'
3-
import { useDisplayStore } from '@/stores/display'
43
import { useEditorStore } from '@/stores/editor'
54
import { useUIStore } from '@/stores/ui'
65
import AIAssistantPanel from './chat-box/AIAssistantPanel.vue'
@@ -12,14 +11,13 @@ defineProps<{
1211
showEditor: boolean
1312
}>()
1413
15-
const displayStore = useDisplayStore()
16-
const { aiDialogVisible, aiImageDialogVisible } = storeToRefs(displayStore)
17-
const { toggleAIDialog, toggleAIImageDialog } = displayStore
14+
const uiStore = useUIStore()
15+
const { aiDialogVisible, aiImageDialogVisible } = storeToRefs(uiStore)
16+
const { toggleAIDialog, toggleAIImageDialog } = uiStore
1817
1918
const editorStore = useEditorStore()
2019
const { editor } = storeToRefs(editorStore)
2120
22-
const uiStore = useUIStore()
2321
const { hasShownAIToolboxHint } = storeToRefs(uiStore)
2422
2523
// 工具栏状态：false=默认(只显示贴边栏), true=展开(显示AI图标)

‎apps/web/src/components/ai/chat-box/AIAssistantPanel.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,9 @@ import {
2323
} from '@/components/ui/dialog'
2424
import { Textarea } from '@/components/ui/textarea'
2525
import useAIConfigStore from '@/stores/aiConfig'
26-
import { useDisplayStore } from '@/stores/display'
2726
import { useEditorStore } from '@/stores/editor'
2827
import { useQuickCommands } from '@/stores/quickCommands'
28+
import { useUIStore } from '@/stores/ui'
2929
import { copyPlain } from '@/utils/clipboard'
3030
3131
/* ---------- 组件属性 ---------- */
@@ -34,8 +34,8 @@ const emit = defineEmits([`update:open`])
3434
3535
const editorStore = useEditorStore()
3636
const { editor } = storeToRefs(editorStore)
37-
const displayStore = useDisplayStore()
38-
const { toggleAIImageDialog } = displayStore
37+
const uiStore = useUIStore()
38+
const { toggleAIImageDialog } = uiStore
3939
4040
/* ---------- 弹窗开关 ---------- */
4141
const dialogVisible = ref(props.open)

‎apps/web/src/components/ai/chat-box/AIFixedBtn.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<script setup lang="ts">
22
import { Bot } from 'lucide-vue-next'
3-
import { useDisplayStore } from '@/stores/display'
3+
import { useUIStore } from '@/stores/ui'
44
55
defineProps<{
66
isMobile: boolean
77
showEditor: boolean
88
}>()
99
10-
const displayStore = useDisplayStore()
11-
const { aiDialogVisible } = storeToRefs(displayStore)
12-
const { toggleAIDialog } = displayStore
10+
const uiStore = useUIStore()
11+
const { aiDialogVisible } = storeToRefs(uiStore)
12+
const { toggleAIDialog } = uiStore
1313
</script>
1414

1515
<template>

‎apps/web/src/components/ai/image-generator/AIImageGeneratorBtn.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<script setup lang="ts">
22
import { Image as ImageIcon } from 'lucide-vue-next'
3-
import { useDisplayStore } from '@/stores/display'
3+
import { useUIStore } from '@/stores/ui'
44
import AIImageGeneratorPanel from './AIImageGeneratorPanel.vue'
55
66
defineProps<{
77
isMobile: boolean
88
showEditor: boolean
99
}>()
1010
11-
const displayStore = useDisplayStore()
12-
const { aiImageDialogVisible } = storeToRefs(displayStore)
13-
const { toggleAIImageDialog } = displayStore
11+
const uiStore = useUIStore()
12+
const { aiImageDialogVisible } = storeToRefs(uiStore)
13+
const { toggleAIImageDialog } = uiStore
1414
</script>
1515

1616
<template>

‎apps/web/src/components/ai/image-generator/AIImageGeneratorPanel.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ import {
2020
} from '@/components/ui/dialog'
2121
import { Textarea } from '@/components/ui/textarea'
2222
import useAIImageConfigStore from '@/stores/aiImageConfig'
23-
import { useDisplayStore } from '@/stores/display'
2423
import { useEditorStore } from '@/stores/editor'
24+
import { useUIStore } from '@/stores/ui'
2525
import { copyPlain } from '@/utils/clipboard'
2626
import AIImageConfig from './AIImageConfig.vue'
2727
@@ -32,8 +32,8 @@ const emit = defineEmits([`update:open`])
3232
/* ---------- 编辑器引用 ---------- */
3333
const editorStore = useEditorStore()
3434
const { editor } = storeToRefs(editorStore)
35-
const displayStore = useDisplayStore()
36-
const { toggleAIDialog } = displayStore
35+
const uiStore = useUIStore()
36+
const { toggleAIDialog } = uiStore
3737
3838
/* ---------- 弹窗开关 ---------- */
3939
const dialogVisible = ref(props.open)

‎apps/web/src/components/editor/CssEditor.vue‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
<script setup lang="ts">
22
import { Edit3, Plus, X } from 'lucide-vue-next'
33
import { useCssEditorStore } from '@/stores/cssEditor'
4-
import { useDisplayStore } from '@/stores/display'
54
import { useEditorStore } from '@/stores/editor'
65
import { useRenderStore } from '@/stores/render'
76
import { useThemeStore } from '@/stores/theme'
87
import { useUIStore } from '@/stores/ui'
98
109
const cssEditorStore = useCssEditorStore()
11-
const displayStore = useDisplayStore()
1210
const uiStore = useUIStore()
1311
const renderStore = useRenderStore()
1412
const editorStore = useEditorStore()
@@ -21,7 +19,7 @@ const { cssContentConfig } = storeToRefs(cssEditorStore)
2119
const enableAnimation = ref(false)
2220
2321
// 监听 CssEditor 开关状态变化
24-
watch(() => displayStore.isShowCssEditor, () => {
22+
watch(() => uiStore.isShowCssEditor, () => {
2523
if (isMobile.value) {
2624
// 在移动端,用户操作时启用动画
2725
enableAnimation.value = true
@@ -161,14 +159,14 @@ onMounted(() => {
161159
<template>
162160
<!-- 移动端遮罩层 -->
163161
<div
164-
v-if="isMobile && displayStore.isShowCssEditor"
162+
v-if="isMobile && uiStore.isShowCssEditor"
165163
class="fixed inset-0 bg-black/50 z-40"
166-
@click="displayStore.isShowCssEditor = false"
164+
@click="uiStore.isShowCssEditor = false"
167165
/>
168166

169167
<transition enter-active-class="bounceInRight">
170168
<div
171-
v-show="displayStore.isShowCssEditor"
169+
v-show="uiStore.isShowCssEditor"
172170
class="cssEditor-wrapper h-full flex flex-col mobile-css-editor overflow-y-auto"
173171
:class="{
174172
// 移动端样式
@@ -178,15 +176,15 @@ onMounted(() => {
178176
'border-l-2 flex-1 order-2 border-gray/50': !isMobile,
179177
}"
180178
:style="{
181-
transform: isMobile ? (displayStore.isShowCssEditor ? 'translateX(0)' : 'translateX(100%)') : 'none',
179+
transform: isMobile ? (uiStore.isShowCssEditor ? 'translateX(0)' : 'translateX(100%)') : 'none',
182180
}"
183181
>
184182
<!-- 移动端标题栏 -->
185183
<div v-if="isMobile" class="sticky top-0 z-10 flex items-center justify-between px-4 py-3 border-b mb-2 bg-background">
186184
<h2 class="text-lg font-semibold">
187185
自定义 CSS
188186
</h2>
189-
<Button variant="ghost" size="sm" @click="displayStore.isShowCssEditor = false">
187+
<Button variant="ghost" size="sm" @click="uiStore.isShowCssEditor = false">
190188
<X class="h-4 w-4" />
191189
</Button>
192190
</div>

‎apps/web/src/components/editor/EditorContextMenu.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
<script setup lang='ts'>
22
import { altSign, ctrlSign, shiftSign } from '@md/shared/configs'
33
import DEFAULT_CONTENT from '@/assets/example/markdown.md?raw'
4-
import { useDisplayStore } from '@/stores/display'
54
import { useEditorStore } from '@/stores/editor'
65
import { useExportStore } from '@/stores/export'
76
import { usePostStore } from '@/stores/post'
@@ -17,7 +16,7 @@ const {
1716
toggleShowInsertFormDialog,
1817
toggleShowInsertMpCardDialog,
1918
toggleShowUploadImgDialog,
20-
} = useDisplayStore()
19+
} = uiStore
2120
2221
const importMarkdownContent = useImportMarkdownContent()
2322

‎apps/web/src/components/editor/EditorStateDialog.vue‎

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
import { storeLabels } from '@md/shared/configs'
33
import { Expand, UploadCloud } from 'lucide-vue-next'
44
import { useCssEditorStore } from '@/stores/cssEditor'
5-
import { useDisplayStore } from '@/stores/display'
65
import { usePostStore } from '@/stores/post'
76
import { useRenderStore } from '@/stores/render'
87
import { useThemeStore } from '@/stores/theme'
@@ -22,7 +21,6 @@ const uiStore = useUIStore()
2221
const postStore = usePostStore()
2322
const cssEditorStore = useCssEditorStore()
2423
const renderStore = useRenderStore()
25-
const displayStore = useDisplayStore()
2624
2725
watch(
2826
() => props.visible,
@@ -96,12 +94,12 @@ function getAllStoreStates() {
9694
readingTime: renderStore.readingTime,
9795
9896
// Display store 的状态
99-
isShowCssEditor: displayStore.isShowCssEditor,
100-
isShowInsertFormDialog: displayStore.isShowInsertFormDialog,
101-
isShowUploadImgDialog: displayStore.isShowUploadImgDialog,
102-
isShowInsertMpCardDialog: displayStore.isShowInsertMpCardDialog,
103-
aiDialogVisible: displayStore.aiDialogVisible,
104-
aiImageDialogVisible: displayStore.aiImageDialogVisible,
97+
isShowCssEditor: uiStore.isShowCssEditor,
98+
isShowInsertFormDialog: uiStore.isShowInsertFormDialog,
99+
isShowUploadImgDialog: uiStore.isShowUploadImgDialog,
100+
isShowInsertMpCardDialog: uiStore.isShowInsertMpCardDialog,
101+
aiDialogVisible: uiStore.aiDialogVisible,
102+
aiImageDialogVisible: uiStore.aiImageDialogVisible,
105103
}
106104
}
107105
@@ -309,17 +307,17 @@ function applyImportedConfig() {
309307
310308
// Display store 的状态
311309
else if (key === `isShowCssEditor`)
312-
displayStore.isShowCssEditor = value
310+
uiStore.isShowCssEditor = value
313311
else if (key === `isShowInsertFormDialog`)
314-
displayStore.isShowInsertFormDialog = value
312+
uiStore.isShowInsertFormDialog = value
315313
else if (key === `isShowUploadImgDialog`)
316-
displayStore.isShowUploadImgDialog = value
314+
uiStore.isShowUploadImgDialog = value
317315
else if (key === `isShowInsertMpCardDialog`)
318-
displayStore.isShowInsertMpCardDialog = value
316+
uiStore.isShowInsertMpCardDialog = value
319317
else if (key === `aiDialogVisible`)
320-
displayStore.aiDialogVisible = value
318+
uiStore.aiDialogVisible = value
321319
else if (key === `aiImageDialogVisible`)
322-
displayStore.aiImageDialogVisible = value
320+
uiStore.aiImageDialogVisible = value
323321
}
324322
})
325323

‎apps/web/src/components/editor/InsertFormDialog.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<script setup lang="ts">
2-
import { useDisplayStore } from '@/stores/display'
32
import { useEditorStore } from '@/stores/editor'
3+
import { useUIStore } from '@/stores/ui'
44
import { createTable } from '@/utils'
55
66
const editorStore = useEditorStore()
7-
const displayStore = useDisplayStore()
7+
const uiStore = useUIStore()
88
9-
const { toggleShowInsertFormDialog } = displayStore
9+
const { toggleShowInsertFormDialog } = uiStore
1010
1111
const rowNum = ref(3)
1212
const colNum = ref(3)
@@ -42,7 +42,7 @@ function onUpdate(val: boolean) {
4242
</script>
4343

4444
<template>
45-
<Dialog :open="displayStore.isShowInsertFormDialog" @update:open="onUpdate">
45+
<Dialog :open="uiStore.isShowInsertFormDialog" @update:open="onUpdate">
4646
<DialogContent>
4747
<DialogHeader>
4848
<DialogTitle>插入表格</DialogTitle>

‎apps/web/src/components/editor/InsertMpCardDialog.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ import { addPrefix } from '@/utils'
77
88
/** 编辑器实例和全局弹窗状态 */
99
const editorStore = useEditorStore()
10-
const displayStore = useDisplayStore()
11-
const { toggleShowInsertMpCardDialog } = displayStore
10+
const uiStore = useUIStore()
11+
const { toggleShowInsertMpCardDialog } = uiStore
1212
1313
interface Config {
1414
id: string
@@ -80,7 +80,7 @@ function submit(formValues: any) {
8080
</script>
8181

8282
<template>
83-
<Dialog v-model:open="displayStore.isShowInsertMpCardDialog">
83+
<Dialog v-model:open="uiStore.isShowInsertMpCardDialog">
8484
<DialogContent>
8585
<DialogHeader>
8686
<DialogTitle>插入公众号名片</DialogTitle>

0 commit comments

Comments
 (0)