diff --git a/packages/opendesign/src/dropdown/ODropdown.vue b/packages/opendesign/src/dropdown/ODropdown.vue
index f3152c9f9a2085791c836bc0bf775c3433118e78..55067adec0688382c13c28e12888be9fb532e107 100644
--- a/packages/opendesign/src/dropdown/ODropdown.vue
+++ b/packages/opendesign/src/dropdown/ODropdown.vue
@@ -23,7 +23,7 @@ watch(
if (!isUndefined(val)) {
isVisible.value = val;
}
- }
+ },
);
const updateVisible = (val: boolean) => {
@@ -54,7 +54,7 @@ provide(dropdownInjectKey, { updateVisible });
:adjust-min-width="props.optionWidthMode === 'min-width'"
:adjust-width="props.optionWidthMode === 'width'"
>
-
+
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownAsTheme.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownAsTheme.vue
index 7202e3a780c74cfa5af14d937be930b5c21d3660..bed288e02e35386793611258844c2bfdd394cd10 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownAsTheme.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownAsTheme.vue
@@ -27,14 +27,14 @@ const list = reactive>([
btnClass: 'c-btn-activity',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
btnClass: 'c-btn-ascend',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
@@ -53,7 +53,7 @@ const options = [
-
+
下拉按钮
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownNormal.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownNormal.vue
index aa28c82968873a88add4ffa9a77f3be951939d42..06a61adfe4f861dd50c3f0d088449ee95f861b18 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownNormal.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownNormal.vue
@@ -27,13 +27,13 @@ const list = reactive>([
size: 'large',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
@@ -51,7 +51,7 @@ const options = [
-
+
下拉按钮
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownPrimary.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownPrimary.vue
index 09c9e29da31be8d02c911f3a748bce1155b6e2dd..bb6b8a7c619f5276dfcb3fca81debfdbd3c986eb 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownPrimary.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownPrimary.vue
@@ -28,13 +28,13 @@ const list = reactive>([
size: 'large',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
@@ -52,7 +52,7 @@ const options = [
-
+
下拉按钮
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownText.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownText.vue
index df4478032a88c88ee4a4f34925b6f0a30f73e7ef..5bfdcce6d745ea307dc0efa1cf38c87f0ec69d03 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownText.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownText.vue
@@ -28,13 +28,13 @@ const list = reactive>([
size: 'large',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
visible: false,
forbid: false,
- trigger: 'click',
+ trigger: 'click-outclick',
},
{
size: 'medium',
@@ -52,7 +52,7 @@ const options = [
-
+
下拉按钮
diff --git a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
index 7e478f16f553d914780decff88b5538c77059a1e..b5a1d8ce398da5bcf64324606a0f2a0673e3baec 100644
--- a/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
+++ b/packages/opendesign/src/dropdown/__docs__/__case__/DropdownUsage.vue
@@ -20,6 +20,7 @@ import { propsToAttrStr } from '../../../_demo/utils';
import { DocDemoSchema, DocDemoTemplate } from '../../../_demo/types';
const _schema = {
+ size: { type: 'list', list: ['large', 'medium'] },
trigger: {
type: 'list',
list: ['none', 'click', 'click-outclick', 'hover', 'hover-outclick', 'focus', 'contextmenu'],
diff --git a/packages/opendesign/src/dropdown/style/index.scss b/packages/opendesign/src/dropdown/style/index.scss
index 408201ef7c6c373652ee6db348b2a13c7aaf44de..5491c0197c4ad487b24b756a6e37eef4d808d5c4 100644
--- a/packages/opendesign/src/dropdown/style/index.scss
+++ b/packages/opendesign/src/dropdown/style/index.scss
@@ -1,2 +1,3 @@
@use './style.scss' as *;
@use './var.scss' as *;
+@use './media.scss' as *;
\ No newline at end of file
diff --git a/packages/opendesign/src/dropdown/style/media.scss b/packages/opendesign/src/dropdown/style/media.scss
new file mode 100644
index 0000000000000000000000000000000000000000..29e7c8903ef454682341790404793a8ea78e8c7d
--- /dev/null
+++ b/packages/opendesign/src/dropdown/style/media.scss
@@ -0,0 +1,18 @@
+@use '../../_styles/mixin.scss' as *;
+
+@include respond-to('pad_v-pc_s') {
+ .o-dropdown-list-large {
+ .o-dropdown-item {
+ --dropdown-item-text-size: var(--o-font_size-tip1);
+ --dropdown-item-text-height: var(--o-line_height-tip1);
+
+ --dropdown-item-padding: 6px 12px;
+ }
+ }
+
+ .o-dropdown-list-medium {
+ .o-dropdown-item {
+ --dropdown-item-padding: 2px 12px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/packages/opendesign/src/dropdown/style/theme-kunpeng.scss b/packages/opendesign/src/dropdown/style/theme-kunpeng.scss
index a84bc073eb94f7f3102f281d201d342a78f54972..c156eb02444ee6ed574376b233ccfdf64d04657d 100644
--- a/packages/opendesign/src/dropdown/style/theme-kunpeng.scss
+++ b/packages/opendesign/src/dropdown/style/theme-kunpeng.scss
@@ -1 +1,9 @@
-@use "./common.scss" as *;
\ No newline at end of file
+@use "./common.scss" as *;
+
+.o-dropdown-list {
+ --dropdown-list-radius: var(--o-radius_control-xs);
+}
+
+.o-dropdown-item {
+ --dropdown-item-radius: var(--o-radius_control-xs);
+}
\ No newline at end of file
diff --git a/packages/opendesign/src/dropdown/style/theme-openeuler.scss b/packages/opendesign/src/dropdown/style/theme-openeuler.scss
index a84bc073eb94f7f3102f281d201d342a78f54972..c156eb02444ee6ed574376b233ccfdf64d04657d 100644
--- a/packages/opendesign/src/dropdown/style/theme-openeuler.scss
+++ b/packages/opendesign/src/dropdown/style/theme-openeuler.scss
@@ -1 +1,9 @@
-@use "./common.scss" as *;
\ No newline at end of file
+@use "./common.scss" as *;
+
+.o-dropdown-list {
+ --dropdown-list-radius: var(--o-radius_control-xs);
+}
+
+.o-dropdown-item {
+ --dropdown-item-radius: var(--o-radius_control-xs);
+}
\ No newline at end of file
diff --git a/packages/opendesign/src/dropdown/style/var.scss b/packages/opendesign/src/dropdown/style/var.scss
index 069b182b7fe2ec39531b12b7b46ea756f21a1ef6..835db60129c2be51c53def97014202c6c921a243 100644
--- a/packages/opendesign/src/dropdown/style/var.scss
+++ b/packages/opendesign/src/dropdown/style/var.scss
@@ -20,7 +20,16 @@
--dropdown-item-justify: center;
- --dropdown-item-padding: 7px 0px;
+ --dropdown-item-padding: 7px 12px;
--dropdown-item-gap: 2px;
--dropdown-item-radius: var(--o-radius_control-s);
}
+
+.o-dropdown-list-medium {
+ .o-dropdown-item {
+ --dropdown-item-text-size: var(--o-font_size-tip1);
+ --dropdown-item-text-height: var(--o-line_height-tip1);
+
+ --dropdown-item-padding: 4px 12px;
+ }
+}
\ No newline at end of file
diff --git a/packages/opendesign/src/dropdown/types.ts b/packages/opendesign/src/dropdown/types.ts
index e745a34540afec691a8d375c9b68f310d3eaca7e..7277f9c6ff1fe41d0d19dc312364938a4daf7476 100644
--- a/packages/opendesign/src/dropdown/types.ts
+++ b/packages/opendesign/src/dropdown/types.ts
@@ -22,9 +22,11 @@ export const dropdownProps = {
/**
* @zh-CN 大小
* @en-US Size
+ * @default 'large'
*/
size: {
type: String as PropType,
+ default: 'large',
},
/**
* @zh-CN 圆角值