style: update code

doocs · Aug 19, 2024 · c0f1eb5 · c0f1eb5
1 parent 1e55533
commit c0f1eb5
Show file tree

Hide file tree

Showing 20 changed files with 74 additions and 109 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/CodemirrorEditor/CssEditor.vue b/src/components/CodemirrorEditor/CssEditor.vue
@@ -27,9 +27,9 @@ function handleTabsEdit(targetName, action) {
       return
     }
     if (store.cssContentConfig.active === targetName) {
-      const currentIndex = tabs.findIndex(tab => tab.name === targetName);
-      const nextTab = tabs[currentIndex + 1] || tabs[currentIndex - 1];
-      store.cssContentConfig.active = nextTab ? nextTab.name : '';
+      const currentIndex = tabs.findIndex(tab => tab.name === targetName)
+      const nextTab = tabs[currentIndex + 1] || tabs[currentIndex - 1]
+      store.cssContentConfig.active = nextTab ? nextTab.name : ``
     }
     store.cssContentConfig.tabs = tabs.filter(tab => tab.name !== targetName)
   }

diff --git a/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue b/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue
@@ -18,7 +18,7 @@ import {
   HoverCardTrigger,
 } from '@/components/ui/hover-card'
 
-import { codeBlockThemeOptions, colorOptions, fontFamilyOptions, fontSizeOptions, githubConfig, legendOptions, themeOptions } from '@/config'
+import { codeBlockThemeOptions, colorOptions, fontFamilyOptions, fontSizeOptions, legendOptions, themeOptions } from '@/config'
 import { useStore } from '@/stores'
 
 const store = useStore()

diff --git a/src/components/CodemirrorEditor/EditorHeader/index.vue b/src/components/CodemirrorEditor/EditorHeader/index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { nextTick, ref } from 'vue'
+import { nextTick } from 'vue'
 import { storeToRefs } from 'pinia'
 import { ElNotification } from 'element-plus'
 import CodeMirror from 'codemirror'
@@ -19,12 +19,6 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from '@/components/ui/hover-card'
-
 import { mergeCss, solveWeChatImage } from '@/utils'
 import { useStore } from '@/stores'
 

diff --git a/src/components/CodemirrorEditor/InsertFormDialog.vue b/src/components/CodemirrorEditor/InsertFormDialog.vue
@@ -5,7 +5,7 @@ import { createTable } from '@/utils'
 
 const store = useStore()
 
-const { formatContent, toggleShowInsertFormDialog } = store
+const { toggleShowInsertFormDialog } = store
 
 const rowNum = ref(3)
 const colNum = ref(3)
@@ -27,9 +27,7 @@ function insertTable() {
   store.editor.operation(() => {
     store.editor.replaceSelection(`\n${table}\n`, `end`)
   })
-  // store.editorRefresh()
   resetVal()
-  // formatContent()
   toggleShowInsertFormDialog()
 }
 </script>

diff --git a/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -10,7 +10,7 @@ import {
 import { Check } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
 
 const delegatedProps = computed(() => {
@@ -30,9 +30,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       props.class,
     )"
   >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span class="absolute left-2 h-3.5 w-3.5 flex items-center justify-center">
       <DropdownMenuItemIndicator>
-        <Check class="w-4 h-4" />
+        <Check class="h-4 w-4" />
       </DropdownMenuItemIndicator>
     </span>
     <slot />

diff --git a/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -10,7 +10,7 @@ import {
 import { cn } from '@/lib/utils'
 
 const props = withDefaults(
-  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes[`class`] }>(),
   {
     sideOffset: 4,
   },

diff --git a/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -3,7 +3,7 @@ import { type HTMLAttributes, computed } from 'vue'
 import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
+const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props

diff --git a/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -3,7 +3,7 @@ import { type HTMLAttributes, computed } from 'vue'
 import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
+const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes[`class`], inset?: boolean }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props

diff --git a/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -10,7 +10,7 @@ import {
 import { Circle } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes[`class`] }>()
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>()
 
@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       props.class,
     )"
   >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span class="absolute left-2 h-3.5 w-3.5 flex items-center justify-center">
       <DropdownMenuItemIndicator>
         <Circle class="h-2 w-2 fill-current" />
       </DropdownMenuItemIndicator>

diff --git a/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -7,7 +7,7 @@ import {
 import { cn } from '@/lib/utils'
 
 const props = defineProps<DropdownMenuSeparatorProps & {
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes[`class`]
 }>()
 
 const delegatedProps = computed(() => {

diff --git a/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'vue'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes[`class`]
 }>()
 </script>
 

diff --git a/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -8,7 +8,7 @@ import {
 } from 'radix-vue'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes[`class`] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 
 const delegatedProps = computed(() => {

diff --git a/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -8,7 +8,7 @@ import {
 import { ChevronRight } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
 
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes[`class`] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props

diff --git a/src/components/ui/hover-card/HoverCardContent.vue b/src/components/ui/hover-card/HoverCardContent.vue
@@ -9,7 +9,7 @@ import {
 import { cn } from '@/lib/utils'
 
 const props = withDefaults(
-  defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<HoverCardContentProps & { class?: HTMLAttributes[`class`] }>(),
   {
     sideOffset: 4,
   },

diff --git a/src/stores/index.js b/src/stores/index.js
@@ -163,32 +163,6 @@ export const useStore = defineStore(`store`, () => {
     setCssEditorValue(content)
   }
 
-  function startEditing(name) {
-    editingTab.value = name;
-    const tab = store.cssContentConfig.tabs.find(tab => tab.name === name);
-    if (tab) {
-      newTabName.value = tab.title;
-    }
-  }
-
-  function saveTabName(oldName) {
-    if (newTabName.value.trim() !== '' && newTabName.value !== oldName) {
-      if (store.cssContentConfig.tabs.some(tab => tab.title === newTabName.value)) {
-        ElMessage.error('不能与现有方案重名');
-        return;
-      }
-      const tab = store.cssContentConfig.tabs.find(tab => tab.name === oldName);
-      if (tab) {
-        tab.title = newTabName.value;
-      }
-      editingTab.value = null;
-      ElMessage.success('重命名成功~');
-    } else {
-      editingTab.value = null;
-      ElMessage.info('取消重命名');
-    }
-  }
-
   const addCssContentTab = (name) => {
     cssContentConfig.value.tabs.push({
       name,

diff --git a/src/utils/index.js b/src/utils/index.js
@@ -3,7 +3,7 @@ import prettier from 'prettier/standalone'
 import prettierCss from 'prettier/parser-postcss'
 import prettierMarkdown from 'prettier/parser-markdown'
 
-import { defaultTheme, prefix } from '@/config'
+import { prefix } from '@/config'
 
 export function addPrefix(str) {
   return `${prefix}__${str}`

diff --git a/src/utils/tokenTools.js b/src/utils/tokenTools.js
@@ -1,9 +1,8 @@
 export function utf16to8(str) {
-  let out, i, len, c
-  out = ``
-  len = str.length
-  for (i = 0; i < len; i++) {
-    c = str.charCodeAt(i)
+  let out = ``
+  const n = str.length
+  for (let i = 0; i < n; i++) {
+    const c = str.charCodeAt(i)
     if (c >= 0x0001 && c <= 0x007F) {
       out += str.charAt(i)
     }

diff --git a/src/utils/wx-renderer.js b/src/utils/wx-renderer.js
@@ -24,15 +24,15 @@ class WxRenderer {
         'font-size': this.opts.size,
       })
       for (const ele in themeTpl.inline) {
-        if (themeTpl.inline.hasOwnProperty(ele)) {
+        if (Object.prototype.hasOwnProperty.call(themeTpl.inline, ele)) {
           const style = themeTpl.inline[ele]
           mapping[ele] = merge(themeTpl.BASE, style)
         }
       }
 
       const base_block = merge(base, {})
       for (const ele in themeTpl.block) {
-        if (themeTpl.block.hasOwnProperty(ele)) {
+        if (Object.prototype.hasOwnProperty.call(themeTpl.inline, ele)) {
           const style = themeTpl.block[ele]
           mapping[ele] = merge(base_block, style)
         }
@@ -151,12 +151,12 @@ class WxRenderer {
           `code`,
         )}>${text}</code></pre>`
       }
-      renderer.codespan = (text, lang) =>
+      renderer.codespan = (text, _) =>
         `<code ${getStyles(`codespan`)}>${text}</code>`
       renderer.listitem = text =>
         `<li ${getStyles(`listitem`)}><span><%s/></span>${text}</li>`
 
-      renderer.list = (text, ordered, start) => {
+      renderer.list = (text, ordered, _) => {
         text = text.replace(/<\/*p .*?>/g, ``).replace(/<\/*p>/g, ``)
         const segments = text.split(`<%s/>`)
         if (!ordered) {
@@ -220,7 +220,7 @@ class WxRenderer {
         `<section style="padding:0 8px;"><table class="preview-table"><thead ${getStyles(
           `thead`,
         )}>${header}</thead><tbody>${body}</tbody></table></section>`
-      renderer.tablecell = (text, flags) =>
+      renderer.tablecell = (text, _) =>
         `<td ${getStyles(`td`)}>${text}</td>`
       renderer.hr = () => `<hr ${getStyles(`hr`)}>`
       return renderer