@sdata/web-vue 1.14.0 → 1.18.0

package/es/index.css

@@ -9166,6 +9166,15 @@ body {
   display: inline-block;
   width: 20px;
 }
+.sd-menu-ellipsis-wrapper {
+  display: inline-flex;
+  flex: 1;
+  min-width: 0;
+}
+.sd-menu-ellipsis {
+  width: 100%;
+  min-width: 0;
+}
 .sd-menu .sd-menu-item,
 .sd-menu .sd-menu-group-title,
 .sd-menu .sd-menu-pop-header,
@@ -9213,6 +9222,86 @@ body {
 .sd-menu-light {
   background-color: var(--color-menu-light-bg);
 }
+.sd-menu-light .sd-menu-item,
+.sd-menu-light .sd-menu-group-title,
+.sd-menu-light .sd-menu-pop-header,
+.sd-menu-light .sd-menu-inline-header {
+  color: var(--color-text-2);
+  background-color: var(--color-menu-light-bg);
+}
+.sd-menu-light .sd-menu-item .sd-icon,
+.sd-menu-light .sd-menu-item .sd-menu-icon,
+.sd-menu-light .sd-menu-group-title .sd-icon,
+.sd-menu-light .sd-menu-group-title .sd-menu-icon,
+.sd-menu-light .sd-menu-pop-header .sd-icon,
+.sd-menu-light .sd-menu-pop-header .sd-menu-icon,
+.sd-menu-light .sd-menu-inline-header .sd-icon,
+.sd-menu-light .sd-menu-inline-header .sd-menu-icon {
+  color: var(--color-text-3);
+}
+.sd-menu-light .sd-menu-item:hover,
+.sd-menu-light .sd-menu-group-title:hover,
+.sd-menu-light .sd-menu-pop-header:hover,
+.sd-menu-light .sd-menu-inline-header:hover {
+  color: var(--color-text-2);
+  background-color: var(--color-fill-2);
+}
+.sd-menu-light .sd-menu-item:hover .sd-icon,
+.sd-menu-light .sd-menu-item:hover .sd-menu-icon,
+.sd-menu-light .sd-menu-group-title:hover .sd-icon,
+.sd-menu-light .sd-menu-group-title:hover .sd-menu-icon,
+.sd-menu-light .sd-menu-pop-header:hover .sd-icon,
+.sd-menu-light .sd-menu-pop-header:hover .sd-menu-icon,
+.sd-menu-light .sd-menu-inline-header:hover .sd-icon,
+.sd-menu-light .sd-menu-inline-header:hover .sd-menu-icon {
+  color: var(--color-text-3);
+}
+.sd-menu-light .sd-menu-item.sd-menu-selected,
+.sd-menu-light .sd-menu-group-title.sd-menu-selected,
+.sd-menu-light .sd-menu-pop-header.sd-menu-selected,
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-light .sd-menu-item.sd-menu-selected .sd-icon,
+.sd-menu-light .sd-menu-item.sd-menu-selected .sd-menu-icon,
+.sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-icon,
+.sd-menu-light .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
+.sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-icon,
+.sd-menu-light .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-light .sd-menu-item.sd-menu-disabled,
+.sd-menu-light .sd-menu-group-title.sd-menu-disabled,
+.sd-menu-light .sd-menu-pop-header.sd-menu-disabled,
+.sd-menu-light .sd-menu-inline-header.sd-menu-disabled {
+  color: var(--color-text-4);
+  background-color: var(--color-menu-light-bg);
+}
+.sd-menu-light .sd-menu-item.sd-menu-disabled .sd-icon,
+.sd-menu-light .sd-menu-item.sd-menu-disabled .sd-menu-icon,
+.sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-icon,
+.sd-menu-light .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
+.sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-icon,
+.sd-menu-light .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
+.sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-icon,
+.sd-menu-light .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
+  color: var(--color-text-4);
+}
+.sd-menu-light .sd-menu-item.sd-menu-selected {
+  background-color: var(--color-fill-2);
+}
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-icon,
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-light .sd-menu-inline-header.sd-menu-selected:hover {
+  background-color: var(--color-fill-2);
+}
 .sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
 .sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
 .sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9220,6 +9309,12 @@ body {
   background: none;
   transition: color 0.2s cubic-bezier(0, 0, 1, 1);
 }
+.sd-menu-light.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
+.sd-menu-light.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
+.sd-menu-light.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
+.sd-menu-light.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
+  background-color: var(--color-fill-2);
+}
 .sd-menu-light .sd-menu-group-title {
   color: var(--color-text-3);
   pointer-events: none;
@@ -9228,9 +9323,92 @@ body {
   color: var(--color-text-3);
   background-color: var(--color-fill-1);
 }
+.sd-menu-light .sd-menu-collapse-button:hover {
+  background-color: var(--color-fill-3);
+}
 .sd-menu-dark {
   background-color: var(--color-menu-dark-bg);
 }
+.sd-menu-dark .sd-menu-item,
+.sd-menu-dark .sd-menu-group-title,
+.sd-menu-dark .sd-menu-pop-header,
+.sd-menu-dark .sd-menu-inline-header {
+  color: var(--color-text-4);
+  background-color: var(--color-menu-dark-bg);
+}
+.sd-menu-dark .sd-menu-item .sd-icon,
+.sd-menu-dark .sd-menu-item .sd-menu-icon,
+.sd-menu-dark .sd-menu-group-title .sd-icon,
+.sd-menu-dark .sd-menu-group-title .sd-menu-icon,
+.sd-menu-dark .sd-menu-pop-header .sd-icon,
+.sd-menu-dark .sd-menu-pop-header .sd-menu-icon,
+.sd-menu-dark .sd-menu-inline-header .sd-icon,
+.sd-menu-dark .sd-menu-inline-header .sd-menu-icon {
+  color: var(--color-text-3);
+}
+.sd-menu-dark .sd-menu-item:hover,
+.sd-menu-dark .sd-menu-group-title:hover,
+.sd-menu-dark .sd-menu-pop-header:hover,
+.sd-menu-dark .sd-menu-inline-header:hover {
+  color: var(--color-text-4);
+  background-color: var(--color-menu-dark-hover);
+}
+.sd-menu-dark .sd-menu-item:hover .sd-icon,
+.sd-menu-dark .sd-menu-item:hover .sd-menu-icon,
+.sd-menu-dark .sd-menu-group-title:hover .sd-icon,
+.sd-menu-dark .sd-menu-group-title:hover .sd-menu-icon,
+.sd-menu-dark .sd-menu-pop-header:hover .sd-icon,
+.sd-menu-dark .sd-menu-pop-header:hover .sd-menu-icon,
+.sd-menu-dark .sd-menu-inline-header:hover .sd-icon,
+.sd-menu-dark .sd-menu-inline-header:hover .sd-menu-icon {
+  color: var(--color-text-3);
+}
+.sd-menu-dark .sd-menu-item.sd-menu-selected,
+.sd-menu-dark .sd-menu-group-title.sd-menu-selected,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-selected,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
+  color: var(--color-white);
+}
+.sd-menu-dark .sd-menu-item.sd-menu-selected .sd-icon,
+.sd-menu-dark .sd-menu-item.sd-menu-selected .sd-menu-icon,
+.sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-icon,
+.sd-menu-dark .sd-menu-group-title.sd-menu-selected .sd-menu-icon,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-icon,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-selected .sd-menu-icon,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
+  color: var(--color-white);
+}
+.sd-menu-dark .sd-menu-item.sd-menu-disabled,
+.sd-menu-dark .sd-menu-group-title.sd-menu-disabled,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled {
+  color: var(--color-text-2);
+  background-color: var(--color-menu-dark-bg);
+}
+.sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-icon,
+.sd-menu-dark .sd-menu-item.sd-menu-disabled .sd-menu-icon,
+.sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-icon,
+.sd-menu-dark .sd-menu-group-title.sd-menu-disabled .sd-menu-icon,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-icon,
+.sd-menu-dark .sd-menu-pop-header.sd-menu-disabled .sd-menu-icon,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-icon,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-disabled .sd-menu-icon {
+  color: var(--color-text-2);
+}
+.sd-menu-dark .sd-menu-item.sd-menu-selected {
+  background-color: var(--color-menu-dark-hover);
+}
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-icon,
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected .sd-menu-icon {
+  color: rgb(var(--primary-6));
+}
+.sd-menu-dark .sd-menu-inline-header.sd-menu-selected:hover {
+  background-color: var(--color-menu-dark-hover);
+}
 .sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected,
 .sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected,
 .sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected,
@@ -9238,6 +9416,12 @@ body {
   background: none;
   transition: color 0.2s cubic-bezier(0, 0, 1, 1);
 }
+.sd-menu-dark.sd-menu-horizontal .sd-menu-item.sd-menu-selected:hover,
+.sd-menu-dark.sd-menu-horizontal .sd-menu-group-title.sd-menu-selected:hover,
+.sd-menu-dark.sd-menu-horizontal .sd-menu-pop-header.sd-menu-selected:hover,
+.sd-menu-dark.sd-menu-horizontal .sd-menu-inline-header.sd-menu-selected:hover {
+  background-color: var(--color-menu-dark-hover);
+}
 .sd-menu-dark .sd-menu-group-title {
   color: var(--color-text-3);
   pointer-events: none;
@@ -9246,6 +9430,9 @@ body {
   color: var(--color-white);
   background-color: rgb(var(--primary-6));
 }
+.sd-menu-dark .sd-menu-collapse-button:hover {
+  background-color: rgb(var(--primary-7));
+}
 .sd-menu a,
 .sd-menu a:hover,
 .sd-menu a:focus,
@@ -9348,11 +9535,18 @@ body {
 }
 .sd-menu-vertical .sd-menu-item.sd-menu-item-indented {
   display: flex;
+  align-items: center;
 }
 .sd-menu-vertical .sd-menu-pop-header,
 .sd-menu-vertical .sd-menu-inline-header {
   padding-right: 28px;
 }
+.sd-menu-vertical .sd-menu-pop-header.sd-menu-ellipsis-enabled,
+.sd-menu-vertical .sd-menu-inline-header.sd-menu-ellipsis-enabled,
+.sd-menu-vertical .sd-menu-group-title.sd-menu-ellipsis-enabled {
+  display: flex;
+  align-items: center;
+}
 .sd-menu-horizontal {
   width: 100%;
   height: auto;
@@ -9902,15 +10096,26 @@ body {
   position: relative;
   flex: none;
   width: auto;
+  max-width: 100%;
   margin: 0;
   padding: 0;
+  overflow: hidden;
   background: var(--color-menu-dark-bg);
-  transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  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;
 }
+.sd-layout-sider-mask {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+}
 .sd-layout-sider-collapsed .sd-layout-sider-children {
   /* width */
 }
@@ -9918,10 +10123,19 @@ body {
   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-sider-trigger {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 1;
   display: flex;
   align-items: center;
@@ -9939,14 +10153,148 @@ body {
   background: var(--color-menu-light-bg);
   border-top: 1px solid var(--color-bg-5);
 }
+.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(--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;
+  color: var(--color-text-1);
+  background: var(--color-bg-2);
+  border-bottom: 1px solid var(--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);
+}
+.sd-layout-header-wrapper {
+  width: 100%;
+}
+.sd-layout-header-bar, .sd-layout-header-extension, .sd-layout-header-prepend, .sd-layout-header-append, .sd-layout-header-content {
+  display: flex;
+  align-items: center;
+}
+.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-header-prepend, .sd-layout-header-append {
+  flex: none;
+  gap: 8px;
+}
+.sd-layout-header-title {
+  position: relative;
+  z-index: 1;
+  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;
+  flex: 1;
+  gap: 8px;
+  min-width: 0;
+}
+.sd-layout-header-extension {
+  position: relative;
+  z-index: 1;
+  gap: 8px;
+  min-height: var(--sd-layout-header-extension-height, 48px);
+  padding: 0 20px;
+  border-top: 1px solid var(--color-border-2);
+}
+.sd-layout-header-image {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+.sd-layout-header-image::after {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.36));
+  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-header-with-image {
+  color: var(--color-white);
+  border-bottom-color: transparent;
+}
+.sd-layout-header-with-image .sd-layout-header-extension {
+  border-top-color: rgba(255, 255, 255, 0.16);
+}
+.sd-layout-header-bottom {
+  border-top: 1px solid var(--color-border-2);
+  border-bottom: 0;
 }
 .sd-layout-content {
   flex: 1;
@@ -13202,6 +13550,21 @@ body {
     opacity: 1;
   }
 }
+.sd-json-form-row {
+  gap: 8px 8px;
+}
+.sd-json-form-control {
+  width: 100%;
+  min-width: 0;
+  border-radius: 4px;
+}
+.sd-json-form-control--inline {
+  min-width: 0;
+}
+.sd-json-form .sd-form-item {
+  margin-bottom: 4px;
+}
+
 .sd-ellipsis {
   display: inline-block;
   max-width: 100%;

package/es/index.d.ts

@@ -58,6 +58,10 @@ export { default as Empty } from './empty';
 export type { EmptyInstance } from './empty';
 export { default as Form, FormItem } from './form';
 export type { FieldRule, FormInstance, FormItemEventHandler, FormItemInstance, ValidatedError, ValidateStatus, ValidateTrigger, } from './form';
+export { default as JsonForm } from './json-form';
+export { A2UI_0_8 } from './json-form';
+export type { JsonFormA2UIBoundValue, JsonFormA2UI_0_8BoundValue, JsonFormA2UIChoiceOption, JsonFormA2UI_0_8ChoiceOption, JsonFormA2UIComponentNode, JsonFormA2UI_0_8ComponentNode, JsonFormAdapter, JsonFormComponentEvents, JsonFormComponentProps, JsonFormComponentRegistry, JsonFormComponentSlotRenderer, JsonFormComponentType, JsonFormExternalComponentMap, JsonFormInstance, JsonFormItemSlotProps, JsonFormModel, JsonFormProps, JsonFormProviderConfig, JsonFormSchema, } from './json-form';
+export { defineJsonFormComponents, defineJsonFormSchemas } from './json-form';
 export { default as Grid, Col, Row, GridItem } from './grid';
 export type { ColProps, GridColInstance, GridInstance, GridItemInstance, GridItemProps, GridProps, GridRowInstance, ResponsiveValue, RowProps, } from './grid';
 export { default as Icon } from './icon-component';
@@ -71,7 +75,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, LayoutHeaderInstance, LayoutInstance, LayoutProps, LayoutSiderInstance, SiderProps, } from './layout';
+export type { LayoutContentInstance, LayoutFooterInstance, LayoutHeaderDensity, LayoutHeaderProps, LayoutHeaderInstance, LayoutInstance, LayoutProps, LayoutHeaderScrollBehavior, LayoutSiderInstance, SiderProps, } 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

@@ -77,18 +77,28 @@ import preview_action_default from "./image/preview-action.js";
 import preview_default from "./image/preview.js";
 import preview_group_default from "./image/preview-group.js";
 import Image from "./image/index.js";
+import { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.js";
+import Textarea from "./textarea/index.js";
+import Mention from "./mention/index.js";
+import Rate from "./rate/index.js";
+import Slider from "./slider/index.js";
+import Switch from "./switch/index.js";
+import TimePicker from "./time-picker/index.js";
+import Pagination from "./pagination/index.js";
+import list_item_default from "./list/list-item.js";
+import list_item_meta_default from "./list/list-item-meta.js";
+import List from "./list/index.js";
+import Transfer from "./transfer/index.js";
+import Tree from "./tree/index.js";
+import TreeSelect from "./tree-select/index.js";
+import VerificationCode from "./verification-code/index.js";
+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 Pagination from "./pagination/index.js";
-import list_item_default from "./list/list-item.js";
-import list_item_meta_default from "./list/list-item-meta.js";
-import List from "./list/index.js";
-import Textarea from "./textarea/index.js";
-import Mention from "./mention/index.js";
 import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
 import sub_menu_default from "./menu/sub-menu.js";
@@ -99,20 +109,17 @@ import OverflowList from "./overflow-list/index.js";
 import PageHeader from "./page-header/index.js";
 import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
-import Rate from "./rate/index.js";
 import Result from "./result/index.js";
 import Secret from "./secret/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
 import Skeleton from "./skeleton/index.js";
-import Slider from "./slider/index.js";
 import Space from "./space/index.js";
 import Split from "./split/index.js";
 import countdown_default from "./statistic/countdown.js";
 import Statistic from "./statistic/index.js";
 import step_default from "./steps/step.js";
 import Steps from "./steps/index.js";
-import Switch from "./switch/index.js";
 import table_tbody_default from "./table/table-tbody.js";
 import table_td_default from "./table/table-td.js";
 import table_th_default from "./table/table-th.js";
@@ -124,18 +131,13 @@ import tab_pane_default from "./tabs/tab-pane.js";
 import Tabs from "./tabs/index.js";
 import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
-import TimePicker from "./time-picker/index.js";
 import item_default$1 from "./timeline/item.js";
 import Timeline from "./timeline/index.js";
-import Transfer from "./transfer/index.js";
-import Tree from "./tree/index.js";
-import TreeSelect from "./tree-select/index.js";
 import paragraph_default from "./typography/paragraph.js";
 import text_default from "./typography/text.js";
 import title_default from "./typography/title.js";
 import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
-import VerificationCode from "./verification-code/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { 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, 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, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, 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, 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, getLocale, useFormItem, useLocale };
+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, optgroup_default as Optgroup, option_default as Option, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, 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, 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, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -54,6 +54,7 @@
 @use '@components/image/style/index.scss' as *;
 @use '@components/grid/style/index.scss' as *;
 @use '@components/form/style/index.scss' as *;
+@use '@components/json-form/style/index.scss' as *;
 @use '@components/ellipsis/style/index.scss' as *;
 @use '@components/empty/style/index.scss' as *;
 @use '@components/dropdown/style/index.scss' as *;

package/es/input/index.d.ts

@@ -59,10 +59,10 @@ declare const Input: {
         append: StringConstructor;
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -152,10 +152,10 @@ declare const Input: {
         append: StringConstructor;
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
     }>, {
@@ -234,10 +234,10 @@ declare const Input: {
     append: StringConstructor;
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
+    onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
-    onBlur?: ((_ev: FocusEvent) => any) | undefined;
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
 }>, {
@@ -323,8 +323,8 @@ declare const Input: {
         onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;
     }>, {
         disabled: boolean;
-        loading: boolean;
         searchButton: boolean;
+        loading: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Password: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         visibility: {
@@ -759,10 +759,10 @@ declare const Input: {
             append: StringConstructor;
         }>> & Readonly<{
             onFocus?: ((_ev: FocusEvent) => any) | undefined;
+            onClear?: ((_ev: MouseEvent) => any) | undefined;
+            onBlur?: ((_ev: FocusEvent) => any) | undefined;
             onChange?: ((_value: string, _ev: Event) => any) | undefined;
             onInput?: ((_value: string, _ev: Event) => any) | undefined;
-            onBlur?: ((_ev: FocusEvent) => any) | undefined;
-            onClear?: ((_ev: MouseEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
         }>, {

package/es/input/input-password.vue.d.ts

@@ -433,10 +433,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         append: StringConstructor;
     }>> & Readonly<{
         onFocus?: ((_ev: FocusEvent) => any) | undefined;
+        onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
-        onBlur?: ((_ev: FocusEvent) => any) | undefined;
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
     }>, {

package/es/input/input-search.d.ts

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSearch?: ((_value: string, _ev: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    loading: boolean;
     searchButton: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/input/input.d.ts

@@ -120,10 +120,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     append: StringConstructor;
 }>> & Readonly<{
     onFocus?: ((_ev: FocusEvent) => any) | undefined;
+    onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
-    onBlur?: ((_ev: FocusEvent) => any) | undefined;
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
 }>, {