chore: add type check and upgrade packages (#418)

package.json

@@ -8,7 +8,8 @@
     "dev": "vite --host",
     "build": "run-p type-check \"build:only {@}\" --",
     "build:only": "vite build",
-    "build:h5-netlify": "cross-env SERVER_ENV=NETLIFY vite build",
+    "build:h5-netlify": "run-p type-check \"build:h5-netlify:only {@}\" --",
+    "build:h5-netlify:only": "cross-env SERVER_ENV=NETLIFY vite build",
     "build:cli": "npm run build && npm run shx rm -rf md-cli/dist && npm run shx rm -rf dist/**/*.map && npm run shx cp -r dist md-cli/ && cd md-cli && npm run pack",
     "build:analyze": "cross-env ANALYZE=true vite build",
     "preview": "npm run build && vite preview",
@@ -19,8 +20,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
-    "@vueuse/core": "^11.0.1",
+    "@vueuse/core": "^11.1.0",
-    "axios": "^1.7.4",
+    "axios": "^1.7.7",
     "buffer-from": "^1.1.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -29,54 +30,54 @@
     "cos-js-sdk-v5": "^1.8.4",
     "crypto-js": "^4.2.0",
     "csstype": "^3.1.3",
-    "element-plus": "^2.8.0",
+    "element-plus": "^2.8.3",
-    "es-toolkit": "^1.16.0",
+    "es-toolkit": "^1.19.0",
     "form-data": "4.0.0",
     "highlight.js": "^11.10.0",
-    "juice": "^8.0.0",
+    "juice": "^11.0.0",
-    "lucide-vue-next": "^0.428.0",
+    "lucide-vue-next": "^0.441.0",
-    "marked": "^14.1.1",
+    "marked": "^14.1.2",
-    "mermaid": "^11.1.0",
+    "mermaid": "^11.2.1",
     "minio": "7.1.3",
     "node-fetch": "^3.3.2",
     "pinia": "^2.2.2",
     "qiniu-js": "^3.4.2",
-    "radix-vue": "^1.9.4",
+    "radix-vue": "^1.9.5",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
     "tiny-oss": "^0.5.1",
     "uuid": "^10.0.0",
-    "vue": "^3.4.38"
+    "vue": "^3.5.6"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.26.0",
+    "@antfu/eslint-config": "3.6.2",
     "@types/buffer-from": "^1.1.3",
     "@types/codemirror": "^5.60.15",
     "@types/crypto-js": "^4.2.2",
-    "@types/node": "^22.4.1",
+    "@types/node": "^22.5.5",
     "@types/uuid": "^10.0.0",
-    "@unocss/eslint-plugin": "^0.62.2",
+    "@unocss/eslint-plugin": "^0.62.4",
-    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue": "^5.1.3",
     "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
-    "eslint": "^9.9.0",
+    "eslint": "^9.10.0",
     "eslint-plugin-format": "^0.1.2",
     "less": "^4.2.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "rollup-plugin-visualizer": "^5.12.0",
     "shx": "^0.3.4",
     "simple-git-hooks": "^2.11.1",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.12",
-    "typescript": "^5.5.4",
+    "typescript": "^5.6.2",
-    "unocss": "^0.62.2",
+    "unocss": "^0.62.4",
-    "unplugin-auto-import": "^0.18.2",
+    "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.2",
+    "vite": "^5.4.6",
     "vite-plugin-node-polyfills": "^0.22.0",
-    "vite-plugin-vue-devtools": "^7.3.9",
+    "vite-plugin-vue-devtools": "^7.4.5",
-    "vue-tsc": "^2.0.29"
+    "vue-tsc": "^2.1.6"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

src/assets/less/app.less

@@ -94,12 +94,3 @@ section {
   display: table;
   width: 100% !important;
 }
-
-/* ele ui */
-.el-form-item {
-  margin-bottom: 0 !important;
-}
-
-.el-tooltip {
-  cursor: pointer;
-}

src/components/CodemirrorEditor/CssEditor.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ElMessage, ElMessageBox } from 'element-plus'
-
 import { useDisplayStore, useStore } from '@/stores'
 
+import { ElMessage, ElMessageBox } from 'element-plus'
+
 const store = useStore()
 const displayStore = useDisplayStore()
 
@@ -143,7 +143,7 @@ function handleTabsEdit(targetName: string, action: string) {
 }
 
 :deep(.el-tabs__content) {
-  padding: 0;
+  padding: 0 !important;
 }
 
 // 当 tab 为激活状态时，隐藏关闭按钮

src/components/CodemirrorEditor/EditorHeader/EditDropdown.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { TableIcon, UploadCloudIcon } from 'lucide-vue-next'
 import {
   MenubarContent,
   MenubarItem,
@@ -7,6 +6,7 @@ import {
   MenubarTrigger,
 } from '@/components/ui/menubar'
 import { useDisplayStore } from '@/stores'
+import { TableIcon, UploadCloudIcon } from 'lucide-vue-next'
 
 const { toggleShowInsertFormDialog, toggleShowUploadImgDialog } = useDisplayStore()
 </script>

src/components/CodemirrorEditor/EditorHeader/FileDropdown.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
-
 import { useStore } from '@/stores'
 
+import { storeToRefs } from 'pinia'
+
 const store = useStore()
 
 const {

src/components/CodemirrorEditor/EditorHeader/PostInfo.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { storeToRefs } from 'pinia'
 import {
   Dialog,
   DialogContent,
@@ -8,8 +6,10 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
-
 import { useStore } from '@/stores'
+import { storeToRefs } from 'pinia'
+
+import { ref } from 'vue'
 
 const store = useStore()
 const { output } = storeToRefs(store)
@@ -31,7 +31,8 @@ function prePost() {
       thumb: document.querySelector<HTMLImageElement>(`#output img`)?.src,
       title: [1, 2, 3, 4, 5, 6]
         .map(h => document.querySelector(`#output h${h}`)!)
-        .filter(h => h)[0].textContent,
+        .filter(h => h)[0]
+        .textContent,
       desc: document.querySelector(`#output p`)!.textContent,
       content: output.value,
     }

src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue

@@ -1,8 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { storeToRefs } from 'pinia'
-
-import StyleOptionMenu from './StyleOptionMenu.vue'
 import {
   HoverCard,
   HoverCardContent,
@@ -16,7 +12,11 @@ import {
   legendOptions,
   themeOptions,
 } from '@/config'
+
 import { useDisplayStore, useStore } from '@/stores'
+import { storeToRefs } from 'pinia'
+import { ref } from 'vue'
+import StyleOptionMenu from './StyleOptionMenu.vue'
 
 const store = useStore()
 const { toggleShowCssEditor } = useDisplayStore()

src/components/CodemirrorEditor/EditorHeader/StyleOptionMenu.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import type { IConfigOption } from '@/types'
 import {
   MenubarItem,
   MenubarSub,
   MenubarSubContent,
   MenubarSubTrigger,
 } from '@/components/ui/menubar'
-import type { IConfigOption } from '@/types'
 
 const props = defineProps<{
   title: string

src/components/CodemirrorEditor/EditorHeader/index.vue

@@ -1,14 +1,23 @@
 <script setup lang="ts">
-import { nextTick } from 'vue'
+import { Button } from '@/components/ui/button'
-import { storeToRefs } from 'pinia'
+import {
-import { ElNotification } from 'element-plus'
+  Menubar,
-import { Moon, Paintbrush, Sun } from 'lucide-vue-next'
+  MenubarContent,
+  MenubarItem,
+  MenubarMenu,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarTrigger,
+} from '@/components/ui/menubar'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
 
-import PostInfo from './PostInfo.vue'
-import FileDropdown from './FileDropdown.vue'
-import HelpDropdown from './HelpDropdown.vue'
-import StyleDropdown from './StyleDropdown.vue'
-import EditDropdown from './EditDropdown.vue'
 import {
   altSign,
   codeBlockThemeOptions,
@@ -21,29 +30,20 @@ import {
   shiftSign,
   themeOptions,
 } from '@/config'
-
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
-import {
-  Menubar,
-  MenubarContent,
-  MenubarItem,
-  MenubarMenu,
-  MenubarSeparator,
-  MenubarShortcut,
-  MenubarTrigger,
-} from '@/components/ui/menubar'
-
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
-import { Button } from '@/components/ui/button'
-
-import { mergeCss, solveWeChatImage } from '@/utils'
 import { useDisplayStore, useStore } from '@/stores'
+import { mergeCss, solveWeChatImage } from '@/utils'
+import { ElNotification } from 'element-plus'
+import { Moon, Paintbrush, Sun } from 'lucide-vue-next'
+import { storeToRefs } from 'pinia'
+
+import { nextTick } from 'vue'
+import EditDropdown from './EditDropdown.vue'
+
+import FileDropdown from './FileDropdown.vue'
+import HelpDropdown from './HelpDropdown.vue'
+
+import PostInfo from './PostInfo.vue'
+import StyleDropdown from './StyleDropdown.vue'
 
 const emit = defineEmits([`addFormat`, `formatContent`, `startCopy`, `endCopy`])
 

src/components/CodemirrorEditor/InsertFormDialog.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref, toRaw } from 'vue'
 import {
   Dialog,
   DialogContent,
@@ -7,9 +6,10 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
-
 import { useDisplayStore, useStore } from '@/stores'
+
 import { createTable } from '@/utils'
+import { ref, toRaw } from 'vue'
 
 const store = useStore()
 const displayStore = useDisplayStore()

src/components/CodemirrorEditor/UploadImgDialog.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { nextTick, onBeforeMount, ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import { UploadFilled } from '@element-plus/icons-vue'
-
-import CodeMirror from 'codemirror'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
-
-import { checkImage, removeLeft } from '@/utils'
 import { useDisplayStore } from '@/stores'
+import { checkImage, removeLeft } from '@/utils'
+
+import { UploadFilled } from '@element-plus/icons-vue'
+import CodeMirror from 'codemirror'
+
+import { ElMessage } from 'element-plus'
+import { nextTick, onBeforeMount, ref, watch } from 'vue'
 
 const emit = defineEmits([`uploadImage`])
 

src/components/ui/button/Button.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils'
 import { Primitive, type PrimitiveProps } from 'radix-vue'
 import { type ButtonVariants, buttonVariants } from '.'
-import { cn } from '@/lib/utils'
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants[`variant`]

src/components/ui/button/index.ts

@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from 'class-variance-authority'
+import { cva, type VariantProps } from 'class-variance-authority'
 
 export { default as Button } from './Button.vue'
 

src/components/ui/context-menu/ContextMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ContextMenuRoot, useForwardPropsEmits } from 'radix-vue'
 import type { ContextMenuRootEmits, ContextMenuRootProps } from 'radix-vue'
+import { ContextMenuRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<ContextMenuRootProps>()
 const emits = defineEmits<ContextMenuRootEmits>()

src/components/ui/context-menu/ContextMenuCheckboxItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Check } from 'lucide-vue-next'
 import {
   ContextMenuCheckboxItem,
   type ContextMenuCheckboxItemEmits,
@@ -7,8 +8,7 @@ import {
   ContextMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Check } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()

src/components/ui/context-menu/ContextMenuContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   ContextMenuContent,
   type ContextMenuContentEmits,
@@ -7,7 +7,7 @@ import {
   ContextMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<ContextMenuContentEmits>()

src/components/ui/context-menu/ContextMenuItem.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   ContextMenuItem,
   type ContextMenuItemEmits,
   type ContextMenuItemProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<ContextMenuItemProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 const emits = defineEmits<ContextMenuItemEmits>()

src/components/ui/context-menu/ContextMenuLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/context-menu/ContextMenuRadioItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Circle } from 'lucide-vue-next'
 import {
   ContextMenuItemIndicator,
   ContextMenuRadioItem,
@@ -7,8 +8,7 @@ import {
   type ContextMenuRadioItemProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Circle } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()

src/components/ui/context-menu/ContextMenuSeparator.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   ContextMenuSeparator,
   type ContextMenuSeparatorProps,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/context-menu/ContextMenuSubContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   ContextMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

src/components/ui/context-menu/ContextMenuSubTrigger.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { ChevronRight } from 'lucide-vue-next'
 import {
   ContextMenuSubTrigger,
   type ContextMenuSubTriggerProps,
   useForwardProps,
 } from 'radix-vue'
-import { ChevronRight } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/context-menu/index.ts

@@ -1,14 +1,14 @@
 export { default as ContextMenu } from './ContextMenu.vue'
-export { default as ContextMenuTrigger } from './ContextMenuTrigger.vue'
+export { default as ContextMenuCheckboxItem } from './ContextMenuCheckboxItem.vue'
 export { default as ContextMenuContent } from './ContextMenuContent.vue'
 export { default as ContextMenuGroup } from './ContextMenuGroup.vue'
-export { default as ContextMenuRadioGroup } from './ContextMenuRadioGroup.vue'
 export { default as ContextMenuItem } from './ContextMenuItem.vue'
-export { default as ContextMenuCheckboxItem } from './ContextMenuCheckboxItem.vue'
-export { default as ContextMenuRadioItem } from './ContextMenuRadioItem.vue'
-export { default as ContextMenuShortcut } from './ContextMenuShortcut.vue'
-export { default as ContextMenuSeparator } from './ContextMenuSeparator.vue'
 export { default as ContextMenuLabel } from './ContextMenuLabel.vue'
+export { default as ContextMenuRadioGroup } from './ContextMenuRadioGroup.vue'
+export { default as ContextMenuRadioItem } from './ContextMenuRadioItem.vue'
+export { default as ContextMenuSeparator } from './ContextMenuSeparator.vue'
+export { default as ContextMenuShortcut } from './ContextMenuShortcut.vue'
 export { default as ContextMenuSub } from './ContextMenuSub.vue'
-export { default as ContextMenuSubTrigger } from './ContextMenuSubTrigger.vue'
 export { default as ContextMenuSubContent } from './ContextMenuSubContent.vue'
+export { default as ContextMenuSubTrigger } from './ContextMenuSubTrigger.vue'
+export { default as ContextMenuTrigger } from './ContextMenuTrigger.vue'

src/components/ui/dialog/DialogContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
@@ -9,8 +10,7 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { X } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DialogContentEmits>()

src/components/ui/dialog/DialogDescription.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/dialog/DialogScrollContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { X } from 'lucide-vue-next'
 import {
   DialogClose,
   DialogContent,
@@ -9,8 +10,7 @@ import {
   DialogPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { X } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DialogContentEmits>()

src/components/ui/dialog/DialogTitle.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/dialog/index.ts

@@ -1,9 +1,9 @@
 export { default as Dialog } from './Dialog.vue'
 export { default as DialogClose } from './DialogClose.vue'
-export { default as DialogTrigger } from './DialogTrigger.vue'
-export { default as DialogHeader } from './DialogHeader.vue'
-export { default as DialogTitle } from './DialogTitle.vue'
-export { default as DialogDescription } from './DialogDescription.vue'
 export { default as DialogContent } from './DialogContent.vue'
-export { default as DialogScrollContent } from './DialogScrollContent.vue'
+export { default as DialogDescription } from './DialogDescription.vue'
 export { default as DialogFooter } from './DialogFooter.vue'
+export { default as DialogHeader } from './DialogHeader.vue'
+export { default as DialogScrollContent } from './DialogScrollContent.vue'
+export { default as DialogTitle } from './DialogTitle.vue'
+export { default as DialogTrigger } from './DialogTrigger.vue'

src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Check } from 'lucide-vue-next'
 import {
   DropdownMenuCheckboxItem,
   type DropdownMenuCheckboxItemEmits,
@@ -7,8 +8,7 @@ import {
   DropdownMenuItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Check } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()

src/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
@@ -7,7 +7,7 @@ import {
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes[`class`] }>(),

src/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Circle } from 'lucide-vue-next'
 import {
   DropdownMenuItemIndicator,
   DropdownMenuRadioItem,
@@ -7,8 +8,7 @@ import {
   type DropdownMenuRadioItemProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Circle } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   DropdownMenuSeparator,
   type DropdownMenuSeparatorProps,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes[`class`]

src/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()

src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { ChevronRight } from 'lucide-vue-next'
 import {
   DropdownMenuSubTrigger,
   type DropdownMenuSubTriggerProps,
   useForwardProps,
 } from 'radix-vue'
-import { ChevronRight } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/dropdown-menu/index.ts

@@ -1,16 +1,16 @@
-export { DropdownMenuPortal } from 'radix-vue'
-
 export { default as DropdownMenu } from './DropdownMenu.vue'
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
+
+export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
 export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
 export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
 export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
 export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
+export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
+export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
+export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
+export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
 export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
 export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
+export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
+export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
+export { DropdownMenuPortal } from 'radix-vue'

src/components/ui/hover-card/HoverCardContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   HoverCardContent,
   type HoverCardContentProps,
   HoverCardPortal,
   useForwardProps,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = withDefaults(
   defineProps<HoverCardContentProps & { class?: HTMLAttributes[`class`] }>(),

src/components/ui/hover-card/index.ts

@@ -1,3 +1,3 @@
 export { default as HoverCard } from './HoverCard.vue'
-export { default as HoverCardTrigger } from './HoverCardTrigger.vue'
 export { default as HoverCardContent } from './HoverCardContent.vue'
+export { default as HoverCardTrigger } from './HoverCardTrigger.vue'

src/components/ui/menubar/Menubar.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   MenubarRoot,
   type MenubarRootEmits,
   type MenubarRootProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarRootProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<MenubarRootEmits>()

src/components/ui/menubar/MenubarCheckboxItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Check } from 'lucide-vue-next'
 import {
   MenubarCheckboxItem,
   type MenubarCheckboxItemEmits,
@@ -7,8 +8,7 @@ import {
   MenubarItemIndicator,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Check } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<MenubarCheckboxItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<MenubarCheckboxItemEmits>()

src/components/ui/menubar/MenubarContent.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   MenubarContent,
   type MenubarContentProps,
   MenubarPortal,
   useForwardProps,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = withDefaults(
   defineProps<MenubarContentProps & { class?: HTMLAttributes[`class`] }>(),

src/components/ui/menubar/MenubarItem.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   MenubarItem,
   type MenubarItemEmits,
   type MenubarItemProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarItemProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/menubar/MenubarLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { MenubarLabel, type MenubarLabelProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { MenubarLabel, type MenubarLabelProps } from 'radix-vue'
 
 const props = defineProps<MenubarLabelProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 </script>

src/components/ui/menubar/MenubarRadioItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Circle } from 'lucide-vue-next'
 import {
   MenubarItemIndicator,
   MenubarRadioItem,
@@ -7,8 +8,7 @@ import {
   type MenubarRadioItemProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { Circle } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<MenubarRadioItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<MenubarRadioItemEmits>()

src/components/ui/menubar/MenubarSeparator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { MenubarSeparator, type MenubarSeparatorProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { MenubarSeparator, type MenubarSeparatorProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarSeparatorProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/menubar/MenubarSubContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   MenubarPortal,
   MenubarSubContent,
@@ -7,7 +7,7 @@ import {
   type MenubarSubContentProps,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarSubContentProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/menubar/MenubarSubTrigger.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { MenubarSubTrigger, type MenubarSubTriggerProps, useForwardProps } from 'radix-vue'
-import { ChevronRight } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
+import { ChevronRight } from 'lucide-vue-next'
+import { MenubarSubTrigger, type MenubarSubTriggerProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarSubTriggerProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 

src/components/ui/menubar/MenubarTrigger.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { MenubarTrigger, type MenubarTriggerProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { MenubarTrigger, type MenubarTriggerProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<MenubarTriggerProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/menubar/index.ts

@@ -1,15 +1,15 @@
 export { default as Menubar } from './Menubar.vue'
-export { default as MenubarItem } from './MenubarItem.vue'
+export { default as MenubarCheckboxItem } from './MenubarCheckboxItem.vue'
 export { default as MenubarContent } from './MenubarContent.vue'
 export { default as MenubarGroup } from './MenubarGroup.vue'
+export { default as MenubarItem } from './MenubarItem.vue'
+export { default as MenubarLabel } from './MenubarLabel.vue'
 export { default as MenubarMenu } from './MenubarMenu.vue'
 export { default as MenubarRadioGroup } from './MenubarRadioGroup.vue'
 export { default as MenubarRadioItem } from './MenubarRadioItem.vue'
-export { default as MenubarCheckboxItem } from './MenubarCheckboxItem.vue'
 export { default as MenubarSeparator } from './MenubarSeparator.vue'
+export { default as MenubarShortcut } from './MenubarShortcut.vue'
 export { default as MenubarSub } from './MenubarSub.vue'
 export { default as MenubarSubContent } from './MenubarSubContent.vue'
 export { default as MenubarSubTrigger } from './MenubarSubTrigger.vue'
 export { default as MenubarTrigger } from './MenubarTrigger.vue'
-export { default as MenubarShortcut } from './MenubarShortcut.vue'
-export { default as MenubarLabel } from './MenubarLabel.vue'

src/components/ui/popover/Popover.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { PopoverRoot, useForwardPropsEmits } from 'radix-vue'
 import type { PopoverRootEmits, PopoverRootProps } from 'radix-vue'
+import { PopoverRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps<PopoverRootProps>()
 const emits = defineEmits<PopoverRootEmits>()

src/components/ui/popover/PopoverContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   PopoverContent,
   type PopoverContentEmits,
@@ -7,7 +7,7 @@ import {
   PopoverPortal,
   useForwardPropsEmits,
 } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { computed, type HTMLAttributes } from 'vue'
 
 defineOptions({
   inheritAttrs: false,

src/components/ui/popover/index.ts

@@ -1,3 +1,3 @@
 export { default as Popover } from './Popover.vue'
-export { default as PopoverTrigger } from './PopoverTrigger.vue'
 export { default as PopoverContent } from './PopoverContent.vue'
+export { default as PopoverTrigger } from './PopoverTrigger.vue'

src/components/ui/select/SelectContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
 import {
   SelectContent,
   type SelectContentEmits,
@@ -8,8 +8,8 @@ import {
   SelectViewport,
   useForwardPropsEmits,
 } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 import { SelectScrollDownButton, SelectScrollUpButton } from '.'
-import { cn } from '@/lib/utils'
 
 defineOptions({
   inheritAttrs: false,

src/components/ui/select/SelectGroup.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectGroup, type SelectGroupProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { SelectGroup, type SelectGroupProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/SelectItem.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { cn } from '@/lib/utils'
+import { Check } from 'lucide-vue-next'
 import {
   SelectItem,
   SelectItemIndicator,
@@ -7,8 +8,7 @@ import {
   SelectItemText,
   useForwardProps,
 } from 'radix-vue'
-import { Check } from 'lucide-vue-next'
+import { computed, type HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/SelectLabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { SelectLabel, type SelectLabelProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { SelectLabel, type SelectLabelProps } from 'radix-vue'
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes[`class`] }>()
 </script>

src/components/ui/select/SelectScrollDownButton.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'radix-vue'
-import { ChevronDown } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
+import { ChevronDown } from 'lucide-vue-next'
+import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/SelectScrollUpButton.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
-import { ChevronUp } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
+import { ChevronUp } from 'lucide-vue-next'
+import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/SelectSeparator.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
+import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/SelectTrigger.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
-import { ChevronDown } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
+import { ChevronDown } from 'lucide-vue-next'
+import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
+import { computed, type HTMLAttributes } from 'vue'
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes[`class`] }>()
 

src/components/ui/select/index.ts

@@ -1,11 +1,11 @@
 export { default as Select } from './Select.vue'
-export { default as SelectValue } from './SelectValue.vue'
-export { default as SelectTrigger } from './SelectTrigger.vue'
 export { default as SelectContent } from './SelectContent.vue'
 export { default as SelectGroup } from './SelectGroup.vue'
 export { default as SelectItem } from './SelectItem.vue'
 export { default as SelectItemText } from './SelectItemText.vue'
 export { default as SelectLabel } from './SelectLabel.vue'
-export { default as SelectSeparator } from './SelectSeparator.vue'
-export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue'
 export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue'
+export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue'
+export { default as SelectSeparator } from './SelectSeparator.vue'
+export { default as SelectTrigger } from './SelectTrigger.vue'
+export { default as SelectValue } from './SelectValue.vue'

src/config/theme.ts

@@ -1,7 +1,7 @@
-import { toMerged } from 'es-toolkit'
-
 import type { IConfigOption, Theme } from '@/types'
 
+import { toMerged } from 'es-toolkit'
+
 const defaultTheme: Theme = {
   base: {
     '--md-primary-color': `#000000`,

src/element/index.ts

@@ -1,8 +1,8 @@
-import { ElLoading, ElMessage } from 'element-plus'
+import type { App } from 'vue'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import { ElLoading, ElMessage } from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
-import type { App } from 'vue'
 
 export default {
   install(app: App<Element>) {

src/main.ts

@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-import ElementPlus from './element'
+import { createApp } from 'vue'
 import App from './App.vue'
+import ElementPlus from './element'
 
 import 'virtual:uno.css'
 import 'codemirror/lib/codemirror.css'

src/stores/index.ts

@@ -1,15 +1,15 @@
-import { computed, markRaw, onMounted, ref, toRaw, watch } from 'vue'
-import { defineStore } from 'pinia'
-import { marked } from 'marked'
-import CodeMirror from 'codemirror'
-import { useDark, useStorage, useToggle } from '@vueuse/core'
-import { ElMessage, ElMessageBox } from 'element-plus'
-
-import { altKey, codeBlockThemeOptions, colorOptions, fontFamilyOptions, fontSizeOptions, legendOptions, shiftKey, themeMap, themeOptions } from '@/config'
-import { initRenderer } from '@/utils/renderer'
 import DEFAULT_CONTENT from '@/assets/example/markdown.md?raw'
 import DEFAULT_CSS_CONTENT from '@/assets/example/theme-css.txt?raw'
+import { altKey, codeBlockThemeOptions, colorOptions, fontFamilyOptions, fontSizeOptions, legendOptions, shiftKey, themeMap, themeOptions } from '@/config'
 import { addPrefix, css2json, customCssWithTemplate, customizeTheme, downloadMD, exportHTML, formatDoc } from '@/utils'
+import { initRenderer } from '@/utils/renderer'
+import { useDark, useStorage, useToggle } from '@vueuse/core'
+
+import CodeMirror from 'codemirror'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { marked } from 'marked'
+import { defineStore } from 'pinia'
+import { computed, markRaw, onMounted, ref, toRaw, watch } from 'vue'
 
 export const useStore = defineStore(`store`, () => {
   // 是否开启深色模式

src/utils/file.ts

@@ -1,15 +1,15 @@
-import CryptoJS from 'crypto-js'
+import { giteeConfig, githubConfig } from '@/config'
-import OSS from 'tiny-oss'
-import * as Minio from 'minio'
-import COS from 'cos-js-sdk-v5'
-import Buffer from 'buffer-from'
-import { v4 as uuidv4 } from 'uuid'
-import * as qiniu from 'qiniu-js'
-
 import fetch from '@/utils/fetch'
 import { base64encode, safe64, utf16to8 } from '@/utils/tokenTools'
 import * as tokenTools from '@/utils/tokenTools'
-import { giteeConfig, githubConfig } from '@/config'
+import Buffer from 'buffer-from'
+import COS from 'cos-js-sdk-v5'
+import CryptoJS from 'crypto-js'
+
+import * as Minio from 'minio'
+import * as qiniu from 'qiniu-js'
+import OSS from 'tiny-oss'
+import { v4 as uuidv4 } from 'uuid'
 
 function getConfig(useDefault: boolean, platform: string) {
   if (useDefault) {

src/utils/index.ts

@@ -1,13 +1,13 @@
-import juice from 'juice'
+import type { Block, Inline, Theme } from '@/types'
 
-import { format } from 'prettier/standalone'
-import * as prettierPluginMarkdown from 'prettier/plugins/markdown'
-import * as prettierPluginBabel from 'prettier/plugins/babel'
-import * as prettierPluginEstree from 'prettier/plugins/estree'
-import * as prettierPluginCss from 'prettier/plugins/postcss'
 import type { PropertiesHyphen } from 'csstype'
 import { prefix } from '@/config'
-import type { Block, Inline, Theme } from '@/types'
+import juice from 'juice'
+import * as prettierPluginBabel from 'prettier/plugins/babel'
+import * as prettierPluginEstree from 'prettier/plugins/estree'
+import * as prettierPluginMarkdown from 'prettier/plugins/markdown'
+import * as prettierPluginCss from 'prettier/plugins/postcss'
+import { format } from 'prettier/standalone'
 
 export function addPrefix(str: string) {
   return `${prefix}__${str}`

src/utils/renderer.ts

@@ -1,12 +1,12 @@
-import type { Renderer, RendererObject, Tokens } from 'marked'
-import { marked } from 'marked'
-import hljs from 'highlight.js'
-import mermaid from 'mermaid'
-import { toMerged } from 'es-toolkit'
-
-import type { PropertiesHyphen } from 'csstype'
-import { MDKatex } from './MDKatex'
 import type { ExtendedProperties, IOpts, ThemeStyles } from '@/types'
+import type { PropertiesHyphen } from 'csstype'
+import type { Renderer, RendererObject, Tokens } from 'marked'
+import { toMerged } from 'es-toolkit'
+import hljs from 'highlight.js'
+
+import { marked } from 'marked'
+import mermaid from 'mermaid'
+import { MDKatex } from './MDKatex'
 
 marked.use(MDKatex({ nonStandard: true }))
 

src/views/CodemirrorEditor.vue

@@ -1,19 +1,11 @@
 <script setup lang="ts">
 import type { ComponentPublicInstance } from 'vue'
-import { onMounted, ref, toRaw, watch } from 'vue'
+import CssEditor from '@/components/CodemirrorEditor/CssEditor.vue'
-import { storeToRefs } from 'pinia'
-import { ElCol, ElMessage } from 'element-plus'
-import CodeMirror from 'codemirror'
-
-import fileApi from '@/utils/file'
-import { useDisplayStore, useStore } from '@/stores'
-
 import EditorHeader from '@/components/CodemirrorEditor/EditorHeader/index.vue'
 import InsertFormDialog from '@/components/CodemirrorEditor/InsertFormDialog.vue'
 import UploadImgDialog from '@/components/CodemirrorEditor/UploadImgDialog.vue'
-import CssEditor from '@/components/CodemirrorEditor/CssEditor.vue'
-import RunLoading from '@/components/RunLoading.vue'
 
+import RunLoading from '@/components/RunLoading.vue'
 import {
   ContextMenu,
   ContextMenuContent,
@@ -24,12 +16,20 @@ import {
 } from '@/components/ui/context-menu'
 
 import { altKey, altSign, ctrlKey, shiftKey, shiftSign } from '@/config'
-
+import { useDisplayStore, useStore } from '@/stores'
 import {
   checkImage,
   formatDoc,
   toBase64,
 } from '@/utils'
+import fileApi from '@/utils/file'
+import CodeMirror from 'codemirror'
+
+import { ElCol, ElMessage } from 'element-plus'
+
+import { storeToRefs } from 'pinia'
+
+import { onMounted, ref, toRaw, watch } from 'vue'
 
 const store = useStore()
 const displayStore = useDisplayStore()
@@ -280,7 +280,6 @@ const codeMirrorWrapper = ref<ComponentPublicInstance<typeof ElCol> | null>(null
 // todo 处理事件覆盖
 function mdLocalToRemote() {
   const dom = codeMirrorWrapper.value!.$el as HTMLElement
-  console.log(`dom`, dom)
 
   // 上传 md 中的图片
   const uploadMdImg = async ({ md, list }: { md: { str: string, path: string, file: File }, list: { path: string, file: File }[] }) => {

vite.config.ts

@@ -1,15 +1,15 @@
 import path from 'node:path'
 import process from 'node:process'
 
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import UnoCSS from 'unocss/vite'
-import vueDevTools from 'vite-plugin-vue-devtools'
-import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import { visualizer } from 'rollup-plugin-visualizer'
+import UnoCSS from 'unocss/vite'
 import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
+import { defineConfig } from 'vite'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import vueDevTools from 'vite-plugin-vue-devtools'
 
 // https://vitejs.dev/config/
 export default defineConfig({