✨(dropdown): 修改 context-menu 弹出策略, 仅更改触发不方式, 不影响弹出方案

package/document/src/document/zh-CN/components/dropdown.md

@@ -158,6 +158,34 @@ export default {
 
 :::
 
+::: title 位置优化
+:::
+
+::: demo
+
+<template>
+  <lay-dropdown>
+    <lay-button type="primary">下拉菜单</lay-button>
+    <template #content>
+      <div style="width:300px;height:200px;"></div> 
+    </template>
+  </lay-dropdown>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title Dropdown 属性
 :::
 

package/document/src/layouts/Layout.vue

@@ -76,27 +76,27 @@
                 </lay-icon>
               </a>
               <template #content>
-                <div style="width: 380px; padding: 0px 10px 10px 10px">
+                <div class="theme-panel">
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-primary-color']"
                   ></lay-color-picker
-                  >&nbsp;
+                  >
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-normal-color']"
                   ></lay-color-picker
-                  >&nbsp;
+                  >
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-warm-color']"
                   ></lay-color-picker
-                  >&nbsp;
+                  >
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-danger-color']"
                   ></lay-color-picker
-                  >&nbsp;
+                  >
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-checked-color']"
                   ></lay-color-picker
-                  >&nbsp;
+                  >
                   <lay-input
                     v-model="appStore.themeVariable['--global-border-radius']"
                     style="display: inline-block; width: 130px"
@@ -104,31 +104,24 @@
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-1']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-2']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-3']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-4']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-5']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-6']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-7']"
                   ></lay-color-picker>
-                  &nbsp;
                   <lay-color-picker
                     v-model="appStore.themeVariable['--global-neutral-color-8']"
                   ></lay-color-picker>
@@ -394,4 +387,13 @@ export default {
   top: 3px;
   left: 3px;
 }
+
+.theme-panel {
+  width: 380px; 
+  padding: 0px 10px 10px 10px
+}
+
+.theme-panel > * {
+  margin-right: 9px;
+}
 </style>

package/document/src/plugin/highlight.ts

@@ -41,4 +41,4 @@ export default (str: string, lang: string): string => {
     return wrap(code, rawLang);
   }
   return wrap(str, "text");
-};
+};

package/document/src/router/index.ts

@@ -1,6 +1,5 @@
 import {
   createRouter as _createRouter,
-  createWebHashHistory,
   createWebHistory,
   Router,
 } from "vue-router";