@sdata/web-vue 4.1.0 → 4.2.0

package/es/bloom-menu/style/index.scss

@@ -0,0 +1,153 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/bloom-menu/style/token.scss' as *;
+
+$bloom-menu-prefix-cls: string.unquote('#{theme.$prefix}-bloom-menu');
+
+.#{$bloom-menu-prefix-cls} {
+  display: inline-flex;
+  font-family: theme.$font-family;
+
+  // 触发按钮的默认尺寸与字重由组件以 buttonProps 默认值(行内样式)提供,
+  // 避免 class 硬编码压过用户传入的 size/shape 等尺寸类
+  &-trigger-content {
+    display: inline-flex;
+    gap: $bloom-menu-item-gap;
+    align-items: center;
+    white-space: nowrap;
+
+    svg {
+      width: theme.$size-4;
+      height: theme.$size-4;
+    }
+  }
+
+  &-panel {
+    --bloom-menu-panel-width: #{$bloom-menu-panel-width};
+    --bloom-menu-panel-color: #{$bloom-menu-text-color};
+    --bloom-menu-panel-background: #{$bloom-menu-background};
+    --bloom-menu-panel-border-color: #{$bloom-menu-border-color};
+    --bloom-menu-panel-border-radius: #{theme.$radius-medium};
+    --bloom-menu-panel-shadow: #{$bloom-menu-shadow};
+
+    overflow: hidden;
+    border: $bloom-menu-border-width $bloom-menu-border-style $bloom-menu-border-color;
+  }
+
+  &-popup {
+    padding: 0;
+  }
+
+  &-content {
+    width: 100%;
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: $bloom-menu-header-padding-block $bloom-menu-header-padding-inline;
+    color: $bloom-menu-muted-color;
+    border-bottom: $bloom-menu-border-width $bloom-menu-border-style $bloom-menu-border-color;
+  }
+
+  &-title {
+    font-weight: $bloom-menu-font-weight;
+    font-size: $bloom-menu-font-size;
+  }
+
+  &-close {
+    color: inherit;
+
+    &:hover {
+      color: $bloom-menu-text-color;
+    }
+
+    svg {
+      width: theme.$size-4;
+      height: theme.$size-4;
+    }
+  }
+
+  &-grid {
+    display: grid;
+    grid-template-columns: repeat(var(--bloom-menu-columns), minmax(0, 1fr));
+  }
+
+  &-item {
+    min-width: 0;
+    height: auto;
+    padding: $bloom-menu-item-padding-block $bloom-menu-item-padding-inline;
+    color: $bloom-menu-muted-color;
+    border-radius: 0;
+
+    &:hover:not(:disabled) {
+      color: $bloom-menu-text-color;
+      background: $bloom-menu-hover-background;
+    }
+
+    &:focus-visible {
+      position: relative;
+      z-index: 1;
+      outline: 2px solid theme.$color-primary-6;
+      outline-offset: -2px;
+    }
+
+    &-border-right {
+      border-right: $bloom-menu-border-width $bloom-menu-border-style $bloom-menu-border-color;
+    }
+
+    &-border-bottom {
+      border-bottom: $bloom-menu-border-width $bloom-menu-border-style $bloom-menu-border-color;
+    }
+
+    &-disabled,
+    &:disabled {
+      color: $bloom-menu-disabled-color;
+      cursor: not-allowed;
+    }
+  }
+
+  &-item-content {
+    display: flex;
+    flex-direction: column;
+    gap: $bloom-menu-item-gap;
+    align-items: center;
+    min-width: 0;
+  }
+
+  &-item-icon {
+    display: inline-flex;
+    font-size: $bloom-menu-icon-size;
+
+    svg {
+      width: $bloom-menu-icon-size;
+      height: $bloom-menu-icon-size;
+    }
+  }
+
+  &-item-label {
+    max-width: 100%;
+    overflow: hidden;
+    font-weight: $bloom-menu-font-weight;
+    font-size: $bloom-menu-font-size;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-empty {
+    padding: $bloom-menu-item-padding-block $bloom-menu-header-padding-inline;
+    color: $bloom-menu-muted-color;
+    font-size: $bloom-menu-font-size;
+    text-align: center;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .#{$bloom-menu-prefix-cls} {
+    &-item,
+    &-close {
+      transition: none;
+    }
+  }
+}

package/es/bloom-menu/style/token.scss

@@ -0,0 +1,24 @@
+@use '@style/theme/index.scss' as global;
+@use 'sass:string';
+
+@forward '@style/theme/index.scss';
+@forward '@style/color/colors.scss' hide $sd-vars-prefix, $sd-cssvars-prefix;
+
+$bloom-menu-panel-width: min(86vw, 420px);
+$bloom-menu-border-width: global.$border-1;
+$bloom-menu-border-style: global.$border-solid;
+$bloom-menu-border-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
+$bloom-menu-background: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
+$bloom-menu-text-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
+$bloom-menu-muted-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));
+$bloom-menu-hover-background: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-2'));
+$bloom-menu-disabled-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-4'));
+$bloom-menu-header-padding-block: global.$spacing-6;
+$bloom-menu-header-padding-inline: global.$spacing-7;
+$bloom-menu-item-padding-block: global.$spacing-9;
+$bloom-menu-item-padding-inline: global.$spacing-6;
+$bloom-menu-item-gap: global.$spacing-4;
+$bloom-menu-font-size: global.$font-size-body-3;
+$bloom-menu-font-weight: global.$font-weight-500;
+$bloom-menu-icon-size: global.$size-5;
+$bloom-menu-shadow: global.$shadow2-down;

package/es/bloom-menu/types.d.ts

@@ -0,0 +1,11 @@
+import type { Component } from 'vue';
+export interface BloomMenuOffset {
+    left?: number;
+    top?: number;
+}
+export interface BloomMenuItem {
+    value: string | number;
+    label: string;
+    icon?: Component;
+    disabled?: boolean;
+}

package/es/components.d.ts

@@ -14,6 +14,7 @@ declare module 'vue' {
         SdAvatarGroup: SDVue['AvatarGroup'];
         SdBackTop: SDVue['BackTop'];
         SdBorderBeam: SDVue['BorderBeam'];
+        SdBloomMenu: SDVue['BloomMenu'];
         SdBadge: SDVue['Badge'];
         SdBasicCrudTable: SDVue['BasicCrudTable'];
         SdBreadcrumb: SDVue['Breadcrumb'];

package/es/index.css

@@ -22003,6 +22003,124 @@ body.sd-tour-active .sd-tour-popover * {
   display: inline-flex;
 }
 
+.sd-bloom-menu {
+  display: inline-flex;
+  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+.sd-bloom-menu-trigger-content {
+  display: inline-flex;
+  gap: 8px;
+  align-items: center;
+  white-space: nowrap;
+}
+.sd-bloom-menu-trigger-content svg {
+  width: 16px;
+  height: 16px;
+}
+.sd-bloom-menu-panel {
+  --bloom-menu-panel-width: min(86vw, 420px);
+  --bloom-menu-panel-color: var(--sd-color-text-1);
+  --bloom-menu-panel-background: var(--sd-color-bg-2);
+  --bloom-menu-panel-border-color: var(--sd-color-neutral-3);
+  --bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
+  --bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  border: 1px solid var(--sd-color-neutral-3);
+}
+.sd-bloom-menu-popup {
+  padding: 0;
+}
+.sd-bloom-menu-content {
+  width: 100%;
+}
+.sd-bloom-menu-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  color: var(--sd-color-text-2);
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+}
+.sd-bloom-menu-title {
+  font-weight: 500;
+  font-size: 14px;
+}
+.sd-bloom-menu-close {
+  color: inherit;
+}
+.sd-bloom-menu-close:hover {
+  color: var(--sd-color-text-1);
+}
+.sd-bloom-menu-close svg {
+  width: 16px;
+  height: 16px;
+}
+.sd-bloom-menu-grid {
+  display: grid;
+  grid-template-columns: repeat(var(--bloom-menu-columns), minmax(0, 1fr));
+}
+.sd-bloom-menu-item {
+  min-width: 0;
+  height: auto;
+  padding: 24px 12px;
+  color: var(--sd-color-text-2);
+  border-radius: 0;
+}
+.sd-bloom-menu-item:hover:not(:disabled) {
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-fill-2);
+}
+.sd-bloom-menu-item:focus-visible {
+  position: relative;
+  z-index: 1;
+  outline: 2px solid rgb(var(--sd-primary-6));
+  outline-offset: -2px;
+}
+.sd-bloom-menu-item-border-right {
+  border-right: 1px solid var(--sd-color-neutral-3);
+}
+.sd-bloom-menu-item-border-bottom {
+  border-bottom: 1px solid var(--sd-color-neutral-3);
+}
+.sd-bloom-menu-item-disabled, .sd-bloom-menu-item:disabled {
+  color: var(--sd-color-text-4);
+  cursor: not-allowed;
+}
+.sd-bloom-menu-item-content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  min-width: 0;
+}
+.sd-bloom-menu-item-icon {
+  display: inline-flex;
+  font-size: 20px;
+}
+.sd-bloom-menu-item-icon svg {
+  width: 20px;
+  height: 20px;
+}
+.sd-bloom-menu-item-label {
+  max-width: 100%;
+  overflow: hidden;
+  font-weight: 500;
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-bloom-menu-empty {
+  padding: 24px 16px;
+  color: var(--sd-color-text-2);
+  font-size: 14px;
+  text-align: center;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-bloom-menu-item, .sd-bloom-menu-close {
+    transition: none;
+  }
+}
 .sd-avatar {
   position: relative;
   display: inline-flex;

package/es/index.d.ts

@@ -16,6 +16,8 @@ export { default as BackTop } from './back-top';
 export type { BackTopInstance } from './back-top';
 export { default as BorderBeam } from './border-beam';
 export type { BorderBeamInstance, BorderBeamSize, BorderBeamTheme, BorderBeamColorVariant, BorderBeamFlowPreset, BorderBeamFlowPoint, BorderBeamFlowCoordinate, BorderBeamExposed, } from './border-beam';
+export { default as BloomMenu } from './bloom-menu';
+export type { BloomMenuInstance, BloomMenuItem, BloomMenuOffset } from './bloom-menu';
 export { default as Badge } from './badge';
 export type { BadgeInstance } from './badge';
 export { default as BasicCrudTable } from './basic-crud-table';

package/es/index.js

@@ -81,6 +81,7 @@ import JsonForm from "./json-form/index.js";
 import Toolbar from "./toolbar/index.js";
 import Modal from "./modal/index.js";
 import BasicCrudTable from "./basic-crud-table/index.js";
+import BloomMenu from "./bloom-menu/index.js";
 import BorderBeam from "./border-beam/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
@@ -174,4 +175,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BloomMenu, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };

package/es/index.scss

@@ -89,6 +89,7 @@
 @use '@components/basic-crud-table/style/index.scss' as *;
 @use '@components/back-top/style/index.scss' as *;
 @use '@components/border-beam/style/index.scss' as *;
+@use '@components/bloom-menu/style/index.scss' as *;
 @use '@components/avatar/style/index.scss' as *;
 @use '@components/auto-complete/style/index.scss' as *;
 @use '@components/anchor/style/index.scss' as *;

package/es/locale/interface.d.ts

@@ -151,6 +151,8 @@ export interface SdA11yLang {
     goToSlide: string;
     characterOf: string;
     qrCode: string;
+    bloomMenuClose: string;
+    bloomMenuEmpty: string;
     thinkingOrb: {
         working: string;
         searching: string;

package/es/locale/lang/en-us.js

@@ -193,6 +193,8 @@ var lang = {
 		goToSlide: "Go to slide {0}",
 		characterOf: "Character {0} of {1}",
 		qrCode: "QR code: {0}",
+		bloomMenuClose: "Close menu",
+		bloomMenuEmpty: "No options available",
 		thinkingOrb: {
 			working: "Working…",
 			searching: "Searching…",

package/es/locale/lang/zh-cn.js

@@ -247,6 +247,8 @@ var lang = {
 		goToSlide: "跳转到第 {0} 张",
 		characterOf: "第 {0} 个字符,共 {1} 个",
 		qrCode: "二维码:{0}",
+		bloomMenuClose: "关闭菜单",
+		bloomMenuEmpty: "暂无可用选项",
 		thinkingOrb: {
 			working: "正在工作",
 			searching: "正在搜索",

package/es/sd-vue.js

@@ -75,6 +75,7 @@ import JsonForm from "./json-form/index.js";
 import Toolbar from "./toolbar/index.js";
 import Modal from "./modal/index.js";
 import BasicCrudTable from "./basic-crud-table/index.js";
+import BloomMenu from "./bloom-menu/index.js";
 import BorderBeam from "./border-beam/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
@@ -239,6 +240,7 @@ var components = {
 	Anchor,
 	BackTop,
 	BorderBeam,
+	BloomMenu,
 	ConfigProvider,
 	ThemeProvider,
 	ResizeBox,

package/json/vetur-tags.json

@@ -95,6 +95,9 @@
   "sd-basic-crud-table": {
     "attributes": []
   },
+  "sd-bloom-menu": {
+    "attributes": []
+  },
   "sd-border-beam": {
     "attributes": []
   },

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.0.0",
+  "version": "4.1.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -512,6 +512,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-bloom-menu",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-border-beam",
           "attributes": [],

package/package.json

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