@sdata/web-vue 5.0.0 → 5.1.1

package/es/avatar/style/index.css

@@ -18,6 +18,7 @@
 .sd-avatar {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   box-sizing: border-box;
   width: var(--component-avatar-avatar-size-default, var(--component-avatar-size-default, var(--size-10, 40px)));

package/es/avatar/style/index.scss

@@ -8,6 +8,7 @@ $avatar-prefix-cls: string.unquote('#{theme.$prefix}-avatar');
 .#{$avatar-prefix-cls} {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   box-sizing: border-box;
   width: $avatar-size-default;

package/es/dropdown/dropdown-panel.vue.d.ts

@@ -1,12 +1,14 @@
 import { PropType } from 'vue';
 import { EmitType } from '../_utils/types';
-declare var __VLS_1: {}, __VLS_18: {}, __VLS_20: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_20: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    empty?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_18) => any;
+    empty?: (props: typeof __VLS_3) => any;
 } & {
-    footer?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isEmpty: {

package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js

@@ -109,9 +109,16 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer) }]) }, [
-				__props.isEmpty ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), {
+				[`${unref(prefixCls)}-has-header`]: Boolean(_ctx.$slots.header),
+				[`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer)
+			}]) }, [
+				_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
 					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-header`)
+				}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
+				__props.isEmpty ? (openBlock(), createElementBlock("div", {
+					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-empty`)
 				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(unref(Empty))])], 2)) : createCommentVNode("", true),
 				createVNode(unref(Scrollbar), {
@@ -133,7 +140,7 @@ var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					_: 3
 				}, 8, ["class", "style"]),
 				_ctx.$slots.footer && !__props.isEmpty ? (openBlock(), createElementBlock("div", {
-					key: 1,
+					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-footer`)
 				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
 			], 2);

package/es/dropdown/dropdown.vue.d.ts

@@ -2,13 +2,15 @@ import { PropType } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
 import { TriggerEvent } from '../_utils/constant';
 import { DropdownPosition } from './interface';
-declare var __VLS_10: {}, __VLS_22: {}, __VLS_25: {};
+declare var __VLS_10: {}, __VLS_23: {}, __VLS_25: {}, __VLS_28: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 } & {
-    content?: (props: typeof __VLS_22) => any;
+    header?: (props: typeof __VLS_23) => any;
 } & {
-    footer?: (props: typeof __VLS_25) => any;
+    content?: (props: typeof __VLS_25) => any;
+} & {
+    footer?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     popupVisible: {

package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js

@@ -88,6 +88,11 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const props = __props;
 		const emit = __emit;
 		/**
+		* @zh 页眉
+		* @en Header
+		* @slot header
+		*/
+		/**
 		* @zh 内容
 		* @en Content
 		* @slot content
@@ -146,10 +151,14 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				}, createSlots({
 					default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
 					_: 2
-				}, [_ctx.$slots.footer ? {
+				}, [_ctx.$slots.header ? {
+					name: "header",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+					key: "0"
+				} : void 0, _ctx.$slots.footer ? {
 					name: "footer",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
-					key: "0"
+					key: "1"
 				} : void 0]), 1032, ["trigger", "is-empty"])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/es/dropdown/index.d.ts

@@ -179,6 +179,8 @@ declare const Dropdown: {
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;
+    } & {
+        header?: (props: {}) => any;
     } & {
         content?: (props: {}) => any;
     } & {

package/es/dropdown/style/index.css

@@ -100,6 +100,12 @@
 .sd-dropdown-submenu {
   margin-top: -4px;
 }
+.sd-dropdown.sd-dropdown-has-header {
+  padding-top: 0;
+}
+.sd-dropdown-header {
+  border-bottom: 1px solid var(--component-dropdown-dropdown-color-border, var(--component-dropdown-color-border, var(--sd-color-fill-3)));
+}
 .sd-dropdown.sd-dropdown-has-footer {
   padding-bottom: 0;
 }

package/es/dropdown/style/index.scss

@@ -103,6 +103,14 @@ $dropdown-prefix-cls: string.unquote('#{theme.$prefix}-dropdown');
     margin-top: -$dropdown-padding-vertical;
   }
 
+  &#{&}-has-header {
+    padding-top: 0;
+  }
+
+  &-header {
+    border-bottom: 1px solid $dropdown-color-border;
+  }
+
   &#{&}-has-footer {
     padding-bottom: 0;
   }

package/es/index.css

@@ -11050,7 +11050,7 @@ body.sd-tour-active .sd-tour-popover * {
   box-sizing: border-box;
   width: 100%;
   min-width: 0;
-  padding: 6px 12px;
+  padding: 12px 12px 6px;
 }
 .sd-model-selector-list {
   --sd-model-selector-list-max-height: 400px;
@@ -16627,6 +16627,12 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-dropdown-submenu {
   margin-top: -4px;
 }
+.sd-dropdown.sd-dropdown-has-header {
+  padding-top: 0;
+}
+.sd-dropdown-header {
+  border-bottom: 1px solid var(--component-dropdown-dropdown-color-border, var(--component-dropdown-color-border, var(--sd-color-fill-3)));
+}
 .sd-dropdown.sd-dropdown-has-footer {
   padding-bottom: 0;
 }
@@ -22373,6 +22379,7 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-avatar {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   box-sizing: border-box;
   width: var(--component-avatar-avatar-size-default, var(--component-avatar-size-default, var(--size-10, 40px)));

package/es/model-selector/style/index.css

@@ -53,7 +53,7 @@
   box-sizing: border-box;
   width: 100%;
   min-width: 0;
-  padding: 6px 12px;
+  padding: 12px 12px 6px;
 }
 .sd-model-selector-list {
   --sd-model-selector-list-max-height: 400px;

package/es/model-selector/style/index.scss

@@ -46,7 +46,8 @@ $model-selector-prefix-cls: string.unquote('#{theme.$prefix}-model-selector');
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
-    padding: $model-selector-padding $model-selector-padding-horizontal;
+    padding: $model-selector-padding-horizontal $model-selector-padding-horizontal
+      $model-selector-padding;
   }
 
   &-list {

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "4.7.2",
+  "version": "5.1.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "5.0.0",
+  "version": "5.1.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",