@sdata/web-vue 2.3.1 → 2.8.0

package/es/index.css

@@ -7641,7 +7641,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-scrollbar-container {
   min-width: 100%;
-  min-height: 100%;
+  height: 100%;
 }
 .sd-scrollbar .os-scrollbar {
   --os-size: 6px;
@@ -10401,231 +10401,172 @@ body.sd-tour-active .sd-tour-popover * {
   margin-right: 0;
 }
 
+/*****************************************************
+ * Layout 整体背景（容器主体与页脚共用）
+ *****************************************************/
+/*****************************************************
+ * Header
+ *****************************************************/
+/*****************************************************
+ * Footer
+ *****************************************************/
+/*****************************************************
+ * Sider
+ * 深色背景与 Menu 深色背景保持一致，避免内嵌菜单出现接缝
+ *****************************************************/
+/*****************************************************
+ * Sider light 主题
+ *****************************************************/
+/*****************************************************
+ * 公共
+ *****************************************************/
 .sd-layout {
   display: flex;
-  flex: 1;
+  flex: auto;
   flex-direction: column;
-  margin: 0;
-  padding: 0;
-}
-.sd-layout-sider {
-  position: relative;
-  flex: none;
-  width: auto;
-  max-width: 100%;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  background: var(--sd-color-menu-dark-bg);
-  transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
-}
-.sd-layout-sider-image, .sd-layout-sider-prepend, .sd-layout-sider-append {
-  flex: none;
-}
-.sd-layout-sider-children {
-  flex: 1;
-  height: 100%;
-  overflow: auto;
+  /* fix firefox can't set height smaller than content on flex item */
+  min-height: 0;
+  background: var(--sd-color-fill-1);
 }
-.sd-layout-sider-mask {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.45);
+.sd-layout, .sd-layout * {
+  box-sizing: border-box;
 }
-.sd-layout-sider-collapsed .sd-layout-sider-children {
-  /* width */
+.sd-layout.sd-layout-has-sider {
+  flex-direction: row;
 }
-.sd-layout-sider-collapsed .sd-layout-sider-children::-webkit-scrollbar {
+.sd-layout.sd-layout-has-sider > .sd-layout,
+.sd-layout.sd-layout-has-sider > .sd-layout-content {
   width: 0;
 }
-.sd-layout-sider-has-trigger {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding-bottom: 48px;
-}
-.sd-layout-sider-rail {
-  width: 56px;
+.sd-layout .sd-layout-header, .sd-layout.sd-layout-footer {
+  flex: 0 0 auto;
 }
-.sd-layout-sider-trigger {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  width: 100%;
-  height: 48px;
-  color: var(--sd-color-white);
-  background: rgba(255, 255, 255, 0.2);
-  cursor: pointer;
-  transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+.sd-layout-rtl {
+  direction: rtl;
 }
-.sd-layout-sider-trigger-light {
+
+.sd-layout-header {
+  height: 64px;
+  padding: 0 50px;
   color: var(--sd-color-text-1);
-  background: var(--sd-color-menu-light-bg);
-  border-top: 1px solid var(--sd-color-bg-5);
+  line-height: 64px;
+  background: #001529;
 }
-.sd-layout-sider-floating {
-  box-shadow: none;
-}
-.sd-layout-sider-sticky {
-  z-index: 1;
-}
-.sd-layout-sider-temporary {
-  position: fixed;
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
-}
-.sd-layout-sider-temporary.sd-layout-sider-left {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  transform: translateX(-100%);
-}
-.sd-layout-sider-temporary.sd-layout-sider-right {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: translateX(100%);
-}
-.sd-layout-sider-temporary.sd-layout-sider-top {
-  top: 0;
-  right: 0;
-  left: 0;
-  width: 100%;
-  transform: translateY(-100%);
-}
-.sd-layout-sider-temporary.sd-layout-sider-bottom {
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  transform: translateY(100%);
-}
-.sd-layout-sider-temporary.sd-layout-sider-active {
-  transform: translate(0, 0);
-}
-.sd-layout-sider-light {
-  background: var(--sd-color-menu-light-bg);
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
-}
-.sd-layout-header {
-  position: relative;
-  flex: 0 0 auto;
-  box-sizing: border-box;
-  margin: 0;
-  overflow: hidden;
+
+.sd-layout-footer {
+  padding: 24px 50px;
   color: var(--sd-color-text-1);
-  background: var(--sd-color-bg-2);
-  border-bottom: 1px solid var(--sd-color-border-2);
-  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  font-size: 14px;
+  background: var(--sd-color-fill-1);
 }
-.sd-layout-header-wrapper {
-  width: 100%;
+
+.sd-layout-content {
+  flex: auto;
+  min-height: 0;
+  color: var(--sd-color-text-1);
 }
-.sd-layout-header-bar, .sd-layout-header-extension, .sd-layout-header-prepend, .sd-layout-header-append, .sd-layout-header-content {
+
+.sd-layout-sider {
+  position: relative;
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  min-width: 0;
+  background: var(--sd-color-menu-dark-bg);
+  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), background 0s;
 }
-.sd-layout-header-bar {
-  position: relative;
-  z-index: 1;
-  gap: 16px;
-  min-height: var(--sd-layout-header-content-height, 64px);
-  padding: 0 20px;
+.sd-layout-sider-has-trigger {
+  padding-bottom: 44px;
 }
-.sd-layout-header-prepend, .sd-layout-header-append {
-  flex: none;
-  gap: 8px;
+.sd-layout-sider-right {
+  order: 1;
 }
-.sd-layout-header-title {
-  position: relative;
-  z-index: 1;
+.sd-layout-sider-header {
   flex: none;
-  max-width: min(40%, 480px);
-  overflow: hidden;
-  color: inherit;
-  font-weight: 600;
-  font-size: 18px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
-.sd-layout-header-content {
-  position: relative;
-  z-index: 1;
+.sd-layout-sider-children {
   flex: 1;
-  gap: 8px;
-  min-width: 0;
+  min-height: 0;
 }
-.sd-layout-header-extension {
-  position: relative;
+.sd-layout-sider-children-scroll {
+  overflow: hidden auto;
+}
+.sd-layout-sider-zero-width .sd-layout-sider-children {
+  overflow: hidden;
+}
+.sd-layout-sider-trigger {
+  position: absolute;
+  bottom: 0;
   z-index: 1;
-  gap: 8px;
-  min-height: var(--sd-layout-header-extension-height, 48px);
-  padding: 0 20px;
-  border-top: 1px solid var(--sd-color-border-2);
+  height: 44px;
+  color: var(--sd-color-white);
+  line-height: 44px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
-.sd-layout-header-image {
+.sd-layout-sider-zero-width-trigger {
   position: absolute;
-  inset: 0;
-  overflow: hidden;
+  top: 64px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  color: var(--sd-color-white);
+  font-size: 18px;
+  background: var(--sd-color-menu-dark-bg);
+  border-radius: 0 8px 8px 0;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+  inset-inline-end: -40px;
 }
-.sd-layout-header-image::after {
+.sd-layout-sider-zero-width-trigger::after {
   position: absolute;
   inset: 0;
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.36));
+  background: transparent;
+  transition: all 0.3s;
   content: "";
 }
-.sd-layout-header-image-inner, .sd-layout-header-image :is(img, picture, video) {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  opacity: var(--sd-layout-header-image-opacity, 1);
-  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
-}
-.sd-layout-header-flat {
-  box-shadow: none;
-}
-.sd-layout-header:not(.sd-layout-header-flat) {
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-}
-.sd-layout-header-floating {
-  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
-}
-.sd-layout-header-hidden {
-  pointer-events: none;
-}
-.sd-layout-header-collapsed .sd-layout-header-extension {
-  display: none;
+.sd-layout-sider-zero-width-trigger:hover::after {
+  background: rgba(255, 255, 255, 0.2);
 }
-.sd-layout-header-with-image {
-  color: var(--sd-color-white);
-  border-bottom-color: transparent;
+.sd-layout-sider-zero-width-trigger-right {
+  inset-inline-start: -40px;
+  border-radius: 8px 0 0 8px;
 }
-.sd-layout-header-with-image .sd-layout-header-extension {
-  border-top-color: rgba(255, 255, 255, 0.16);
+.sd-layout-sider-light {
+  background: var(--sd-color-bg-1);
 }
-.sd-layout-header-bottom {
-  border-top: 1px solid var(--sd-color-border-2);
-  border-bottom: 0;
+.sd-layout-sider-light .sd-layout-sider-trigger {
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-bg-1);
 }
-.sd-layout-content {
-  flex: 1;
+.sd-layout-sider-light .sd-layout-sider-zero-width-trigger {
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-bg-1);
+  border: 1px solid var(--sd-color-fill-1);
+  border-inline-start: 0;
 }
-.sd-layout-footer {
+.sd-layout-sider-temporary {
   flex: 0 0 auto;
-  margin: 0;
+  width: auto;
+  background: transparent;
 }
-
-.sd-layout-has-sider {
-  flex-direction: row;
+.sd-layout-sider-temporary-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  color: var(--sd-color-text-1);
+  font-size: 18px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
 }
-.sd-layout-has-sider > .sd-layout,
-.sd-layout-has-sider > .sd-layout-content {
-  overflow-x: hidden;
+.sd-layout-sider-temporary-trigger:hover {
+  background: var(--sd-color-fill-2);
 }
 
 .sd-input-tag {
@@ -18859,6 +18800,11 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: 14px;
 }
 
+.sd-border-beam {
+  position: relative;
+  display: inline-flex;
+}
+
 .sd-avatar {
   position: relative;
   display: inline-flex;

package/es/index.d.ts

@@ -14,6 +14,8 @@ export { default as Avatar, AvatarGroup } from './avatar';
 export type { AvatarInstance, AvatarGroupInstance } from './avatar';
 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 Badge } from './badge';
 export type { BadgeInstance } from './badge';
 export { default as Breadcrumb, BreadcrumbItem } from './breadcrumb';
@@ -50,7 +52,7 @@ export { default as Descriptions, DescriptionsItem } from './descriptions';
 export type { DescData, DescLayout, DescriptionsInstance, DescriptionsItemInstance, } from './descriptions';
 export { default as Divider } from './divider';
 export { default as Drawer } from './drawer';
-export type { DrawerConfig, DrawerInstance, DrawerMethod, DrawerReturn } from './drawer';
+export type { DrawerConfig, DrawerInstance, DrawerMethod, DrawerProps, DrawerReturn, } from './drawer';
 export { default as Dropdown, Dgroup, Doption, DropdownButton, Dsubmenu } from './dropdown';
 export type { DGroup, DOption, DropdownButtonInstance, DropdownGroupInstance, DropdownInstance, DropdownOption, DropdownOptionInstance, DropDownProps, DropdownSubmenuInstance, DSubmenu, } from './dropdown';
 export { default as Ellipsis, PerformantEllipsis } from './ellipsis';
@@ -76,7 +78,7 @@ export type { InputNumberChangeHandler, InputNumberFormatter, InputNumberInputHa
 export { default as InputTag } from './input-tag';
 export type { InputTagFieldNames, InputTagInstance, TagData } from './input-tag';
 export { default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, } from './layout';
-export type { LayoutContentInstance, LayoutFooterInstance, LayoutHeaderDensity, LayoutHeaderProps, LayoutHeaderInstance, LayoutInstance, LayoutProps, LayoutHeaderScrollBehavior, LayoutSiderInstance, SiderProps, } from './layout';
+export type { CollapseType, LayoutContentInstance, LayoutFooterInstance, LayoutHeaderInstance, LayoutInstance, LayoutProps, LayoutSiderInstance, SiderProps, SiderTheme, } from './layout';
 export { default as Link } from './link';
 export type { LinkInstance, LinkProps } from './link';
 export { default as List, ListItem, ListItemMeta } from './list';

package/es/index.js

@@ -19,6 +19,7 @@ import AvatarGroup from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
+import BorderBeam from "./border-beam/index.js";
 import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Empty from "./empty/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
@@ -95,7 +96,6 @@ import JsonForm from "./json-form/index.js";
 import content_default from "./layout/content.js";
 import footer_default from "./layout/footer.js";
 import header_default from "./layout/header.js";
-import ResizeBox from "./resize-box/index.js";
 import sider_default from "./layout/sider.js";
 import Layout from "./layout/index.js";
 import item_default from "./menu/item.js";
@@ -109,6 +109,7 @@ import PageHeader from "./page-header/index.js";
 import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
+import ResizeBox from "./resize-box/index.js";
 import Result from "./result/index.js";
 import Secret from "./secret/index.js";
 import line_default from "./skeleton/line.js";
@@ -141,4 +142,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 { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, 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, 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, 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, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, 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, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Secret, Select, 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, TimePicker, Timeline, item_default$1 as TimelineItem, 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, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };
+export { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, 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, 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, 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, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, 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, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Secret, Select, 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, TimePicker, Timeline, item_default$1 as TimelineItem, 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, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -78,6 +78,7 @@
 @use '@components/breadcrumb/style/index.scss' as *;
 @use '@components/badge/style/index.scss' as *;
 @use '@components/back-top/style/index.scss' as *;
+@use '@components/border-beam/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/input/index.d.ts

@@ -12,7 +12,7 @@ declare const Input: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         allowClear: {
             type: BooleanConstructor;
@@ -105,7 +105,7 @@ declare const Input: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         allowClear: {
             type: BooleanConstructor;
@@ -187,7 +187,7 @@ declare const Input: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<import("..").Size>;
+        type: import("vue").PropType<import("../index.ts").Size>;
     };
     allowClear: {
         type: BooleanConstructor;
@@ -281,13 +281,13 @@ declare const Input: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         buttonText: {
             type: StringConstructor;
         };
         buttonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
     }>, {
         inputRef: import("vue").Ref<any, any>;
@@ -311,13 +311,13 @@ declare const Input: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<import("..").Size>;
+            type: import("vue").PropType<import("../index.ts").Size>;
         };
         buttonText: {
             type: StringConstructor;
         };
         buttonProps: {
-            type: import("vue").PropType<import("..").ButtonProps>;
+            type: import("vue").PropType<import("../index.ts").ButtonProps>;
         };
     }>> & Readonly<{
         onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;

package/es/json-form/index.d.ts

@@ -15,11 +15,11 @@ declare const JsonForm: {
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
     }>, {
-        validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
-        validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
+        validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
+        validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
         resetFields: (field?: string | string[] | undefined) => void | undefined;
         clearValidate: (field?: string | string[] | undefined) => void | undefined;
-        setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
+        setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
         scrollToField: (field: string) => void | undefined;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: import("./types").JsonFormModel | undefined) => any;
@@ -50,11 +50,11 @@ declare const JsonForm: {
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
     }>, {
-        validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
-        validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
+        validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
+        validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
         resetFields: (field?: string | string[] | undefined) => void | undefined;
         clearValidate: (field?: string | string[] | undefined) => void | undefined;
-        setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
+        setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
         scrollToField: (field: string) => void | undefined;
     }, {}, {}, {}, {
         component: string | import("vue").Component;
@@ -80,11 +80,11 @@ declare const JsonForm: {
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("./types").JsonFormModel | undefined) => any) | undefined;
 }>, {
-    validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
-    validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
+    validate: (callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
+    validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../index.ts").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../index.ts").ValidatedError> | undefined> | undefined;
     resetFields: (field?: string | string[] | undefined) => void | undefined;
     clearValidate: (field?: string | string[] | undefined) => void | undefined;
-    setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
+    setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
     scrollToField: (field: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("./types").JsonFormModel | undefined) => any;

package/es/json-form/json-form-item.vue_vue_type_script_setup_true_lang.js

@@ -35,7 +35,7 @@ var json_form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const workingModel = useModel(__props, "modelValue");
 		const normalizedField = computed(() => {
-			return props.adapter === "a2ui-0.8" ? props.schema.field.replaceAll("/", ".") : props.schema.field;
+			return props.adapter === "a2ui-0.8" ? props.schema.field.replace(/^\//, "").replaceAll("/", ".") : props.schema.field;
 		});
 		const fieldModel = computed({
 			get() {

package/es/json-form/json-form.vue.d.ts

@@ -14,11 +14,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
-    validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
+    validate: (callback?: ((errors: undefined | Record<string, import("../form").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../form").ValidatedError> | undefined> | undefined;
+    validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("../form").ValidatedError>) => void) | undefined) => Promise<Record<string, import("../form").ValidatedError> | undefined> | undefined;
     resetFields: (field?: string | string[] | undefined) => void | undefined;
     clearValidate: (field?: string | string[] | undefined) => void | undefined;
-    setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
+    setFields: (data: Record<string, import("../form/interface.ts").FieldData>) => void | undefined;
     scrollToField: (field: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: JsonFormModel | undefined) => any;

package/es/layout/content.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_1: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/layout/content.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,18 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
 //#region components/layout/content.vue?vue&type=script&setup=true&lang.ts
+var tagName = "main";
 var content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "LayoutContent" }), {}, {
 	__name: "content",
 	setup(__props) {
-		const classNames = [getPrefixCls("layout-content")];
+		const prefixCls = getPrefixCls("layout");
+		const classNames = computed(() => [`${prefixCls}-content`]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("main", { class: normalizeClass(classNames) }, [renderSlot(_ctx.$slots, "default")]);
+			return openBlock(), createBlock(resolveDynamicComponent(tagName), { class: normalizeClass(classNames.value) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
 		};
 	}
 }));

package/es/layout/context.d.ts

@@ -1,12 +1,15 @@
 import { InjectionKey } from 'vue';
-export interface LayoutSiderContext {
-    onSiderMount?: (id: string) => void;
-    onSiderUnMount?: (id: string) => void;
+import type { SiderTheme } from './interface';
+export interface SiderHook {
+    addSider: (id: string) => void;
+    removeSider: (id: string) => void;
 }
-export declare const LayoutSiderInjectionKey: InjectionKey<LayoutSiderContext>;
-export interface SiderContext {
-    theme: string;
-    collapsed: boolean;
-    collapsedWidth: string | number;
+export interface LayoutContextProps {
+    siderHook: SiderHook;
 }
-export declare const SiderInjectionKey: InjectionKey<SiderContext>;
+export declare const LayoutContextInjectionKey: InjectionKey<LayoutContextProps>;
+export interface SiderContextProps {
+    siderCollapsed?: boolean;
+    theme?: SiderTheme;
+}
+export declare const SiderContextInjectionKey: InjectionKey<SiderContextProps>;