@robot-admin/naive-ui-components 0.17.1 → 0.17.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @robot-admin/naive-ui-components
 
+## 0.17.2
+
+### Patch Changes
+
+- 修复复杂组件的数据与资源边界：视频切源隔离播放实例、进度、书签和字幕，保留原生清晰度配置与倍速事件契约；音频支持原地替换、删除与清空列表；文件预览清空时取消解析并释放资源；甘特初始化失败清空旧实例并提供错误状态与重试。
+
+- 保留日历跨日、全天排他结束日期和原始时间精度。ER 图完整保留字段元数据与连线身份；ER/UML/BPMN 统一只读保护，键盘删除限定当前画布；UML 取消编辑不再污染原数据。
+
+- 工作流补齐节点、连线、起点及可达性验证，并新增兼容默认开启的 `allowCycles` 配置。树表按稳定行身份排序，仅允许顶层同层拖拽；导航标签关闭先完成路由跳转，修复空标签、禁用标签与异步切换守卫。
+
+- 新增真实组件、原生图模型与 Sortable 回归，保持既有按需入口和选择/展开/序号列默认 40/40/50 px。Robot_Admin 配套使用正式版本并补充实际页面验收。
+
 ## 0.17.1
 
 ### Patch Changes

package/dist/C_AntV.css

@@ -50,7 +50,7 @@
 /* 卡片样式 */
 /* 滚动条样式 */
 /* 编辑器容器样式 */
-.bpmn-layout[data-v-52a50592] {
+.bpmn-layout[data-v-a7aebb58] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -60,28 +60,28 @@
   border-radius: 6px;
   overflow: hidden;
 }
-.bpmn-layout .top-toolbar[data-v-52a50592] {
+.bpmn-layout .top-toolbar[data-v-a7aebb58] {
   background: var(--c-bg-card);
   border-bottom: 1px solid var(--c-border);
   padding: 10px 16px;
   flex-shrink: 0;
 }
-.bpmn-layout .top-toolbar .toolbar-section[data-v-52a50592] {
+.bpmn-layout .top-toolbar .toolbar-section[data-v-a7aebb58] {
   display: flex;
   align-items: center;
   gap: 16px;
 }
-.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-52a50592] {
+.bpmn-layout .top-toolbar .toolbar-section .toolbar-group[data-v-a7aebb58] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.bpmn-layout .main-content[data-v-52a50592] {
+.bpmn-layout .main-content[data-v-a7aebb58] {
   display: flex;
   flex: 1;
   height: 0;
 }
-.bpmn-layout .main-content .left-panel[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel[data-v-a7aebb58] {
   width: 180px;
   background: var(--c-bg-card);
   border-right: 1px solid var(--c-border);
@@ -89,20 +89,20 @@
   flex-direction: column;
   flex-shrink: 0;
 }
-.bpmn-layout .main-content .left-panel .panel-title[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .panel-title[data-v-a7aebb58] {
   padding: 16px;
   font-weight: 600;
   font-size: 14px;
   color: var(--c-text-1);
   border-bottom: 1px solid var(--c-border);
 }
-.bpmn-layout .main-content .left-panel .element-grid[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid[data-v-a7aebb58] {
   padding: 16px 12px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-a7aebb58] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -115,56 +115,56 @@
   transition: all 0.2s ease;
   border: 1px solid transparent;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-52a50592]:hover {
+.bpmn-layout .main-content .left-panel .element-grid .element-item[data-v-a7aebb58]:hover {
   background: rgba(24, 144, 255, 0.1);
   border-color: rgba(24, 144, 255, 0.4);
   color: var(--c-primary);
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon[data-v-a7aebb58] {
   flex-shrink: 0;
   border: 2px solid var(--c-border);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.circle[data-v-a7aebb58] {
   width: 24px;
   height: 24px;
   border-radius: 50%;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.rect[data-v-a7aebb58] {
   width: 32px;
   height: 20px;
   border-radius: 4px;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.diamond[data-v-a7aebb58] {
   width: 24px;
   height: 24px;
   transform: rotate(45deg);
   border-radius: 3px;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.start-event[data-v-a7aebb58] {
   border-color: #52c41a;
   background: #f6ffed;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.end-event[data-v-a7aebb58] {
   border-color: #ff4d4f;
   background: #fff2f0;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.activity[data-v-a7aebb58] {
   border-color: #1890ff;
   background: #e6f7ff;
 }
-.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-52a50592] {
+.bpmn-layout .main-content .left-panel .element-grid .element-item .element-icon.gateway[data-v-a7aebb58] {
   border-color: #722ed1;
   background: #f9f0ff;
 }
-.bpmn-layout .main-content .graph-wrapper[data-v-52a50592] {
+.bpmn-layout .main-content .graph-wrapper[data-v-a7aebb58] {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-52a50592] {
+.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-a7aebb58] {
   flex: 1;
   position: relative;
   min-height: 300px;
@@ -172,63 +172,63 @@
   border: 1px solid var(--c-border);
   overflow: hidden;
 }
-.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-52a50592] .x6-graph,
-.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-52a50592] .x6-graph-svg {
+.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-a7aebb58] .x6-graph,
+.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-a7aebb58] .x6-graph-svg {
   width: 100% !important;
   height: 100% !important;
   display: block;
 }
-.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-52a50592] .x6-graph-svg-stage {
+.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-a7aebb58] .x6-graph-svg-stage {
   outline: none;
 }
-.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-52a50592] {
+.bpmn-layout .main-content .graph-wrapper .graph-container[data-v-a7aebb58] {
   border-radius: 4px;
 }
-.n-drawer .property-panel[data-v-52a50592] {
+.n-drawer .property-panel[data-v-a7aebb58] {
   padding: 16px;
 }
-.n-drawer .property-panel .property-item[data-v-52a50592] {
+.n-drawer .property-panel .property-item[data-v-a7aebb58] {
   margin-bottom: 16px;
 }
-.n-drawer .property-panel .property-item .property-label[data-v-52a50592] {
+.n-drawer .property-panel .property-item .property-label[data-v-a7aebb58] {
   font-size: 14px;
   font-weight: 500;
   color: var(--c-text-1);
   margin-bottom: 8px;
 }
-.n-drawer .property-panel .form-actions[data-v-52a50592] {
+.n-drawer .property-panel .form-actions[data-v-a7aebb58] {
   margin-top: 24px;
   padding-top: 16px;
   border-top: 1px solid var(--c-border);
 }
 
 /* layer: shortcuts */
-.container[data-v-52a50592]{width:100%;}
+.container[data-v-a7aebb58]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-52a50592]{max-width:640px;}
+.container[data-v-a7aebb58]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-52a50592]{max-width:768px;}
+.container[data-v-a7aebb58]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-52a50592]{max-width:1024px;}
+.container[data-v-a7aebb58]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-52a50592]{max-width:1280px;}
+.container[data-v-a7aebb58]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-52a50592]{max-width:1536px;}
+.container[data-v-a7aebb58]{max-width:1536px;}
 }
 /* layer: default */
-.visible[data-v-52a50592]{visibility:visible;}
-.fixed[data-v-52a50592]{position:fixed;}
-.end-1[data-v-52a50592]{inset-inline-end:0.25rem;}
-.end-2[data-v-52a50592]{inset-inline-end:0.5rem;}
-.start-1[data-v-52a50592]{inset-inline-start:0.25rem;}
-.grid[data-v-52a50592]{display:grid;}
-.block[data-v-52a50592]{display:block;}
-.rounded[data-v-52a50592]{border-radius:0.25rem;}
-.transition[data-v-52a50592]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.visible[data-v-a7aebb58]{visibility:visible;}
+.fixed[data-v-a7aebb58]{position:fixed;}
+.end-1[data-v-a7aebb58]{inset-inline-end:0.25rem;}
+.end-2[data-v-a7aebb58]{inset-inline-end:0.5rem;}
+.start-1[data-v-a7aebb58]{inset-inline-start:0.25rem;}
+.grid[data-v-a7aebb58]{display:grid;}
+.block[data-v-a7aebb58]{display:block;}
+.rounded[data-v-a7aebb58]{border-radius:0.25rem;}
+.transition[data-v-a7aebb58]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 
 
 /* layer: shortcuts */
@@ -264,20 +264,20 @@
 /* 卡片样式 */
 /* 滚动条样式 */
 /* 编辑器容器样式 */
-.er-layout[data-v-a0a775c0] {
+.er-layout[data-v-8f501636] {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   min-height: 400px;
 }
-.er-layout .toolbar[data-v-a0a775c0] {
+.er-layout .toolbar[data-v-8f501636] {
   padding: 12px;
   background: var(--n-color-embedded);
   border-bottom: 1px solid var(--c-border);
   flex-shrink: 0;
 }
-.er-layout .graph-container[data-v-a0a775c0] {
+.er-layout .graph-container[data-v-8f501636] {
   flex: 1;
   position: relative;
   min-height: 300px;
@@ -285,96 +285,96 @@
   border: 1px solid var(--c-border);
   overflow: hidden;
 }
-.er-layout .graph-container[data-v-a0a775c0] .x6-graph,
-.er-layout .graph-container[data-v-a0a775c0] .x6-graph-svg {
+.er-layout .graph-container[data-v-8f501636] .x6-graph,
+.er-layout .graph-container[data-v-8f501636] .x6-graph-svg {
   width: 100% !important;
   height: 100% !important;
   display: block;
 }
-.er-layout .graph-container[data-v-a0a775c0] .x6-graph-svg-stage {
+.er-layout .graph-container[data-v-8f501636] .x6-graph-svg-stage {
   outline: none;
 }
-.er-layout .table-editor[data-v-a0a775c0] {
+.er-layout .table-editor[data-v-8f501636] {
   height: 100%;
   overflow-y: auto;
   padding: 0 4px;
 }
-.er-layout .table-editor[data-v-a0a775c0]::-webkit-scrollbar {
+.er-layout .table-editor[data-v-8f501636]::-webkit-scrollbar {
   width: 6px;
 }
-.er-layout .table-editor[data-v-a0a775c0]::-webkit-scrollbar-thumb {
+.er-layout .table-editor[data-v-8f501636]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0] {
+.er-layout .table-editor .fields-container[data-v-8f501636] {
   max-height: calc(100vh - 400px);
   overflow-y: auto;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0]::-webkit-scrollbar {
+.er-layout .table-editor .fields-container[data-v-8f501636]::-webkit-scrollbar {
   width: 6px;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0]::-webkit-scrollbar-thumb {
+.er-layout .table-editor .fields-container[data-v-8f501636]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.er-layout .table-editor .fields-container .field-card[data-v-a0a775c0] {
+.er-layout .table-editor .fields-container .field-card[data-v-8f501636] {
   margin-bottom: 16px;
 }
-.er-layout .table-editor .fields-container .field-card .field-header[data-v-a0a775c0] {
+.er-layout .table-editor .fields-container .field-card .field-header[data-v-8f501636] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 13px;
   font-weight: 500;
 }
-.er-layout .table-editor .fields-container .field-card[data-v-a0a775c0] .n-card-header {
+.er-layout .table-editor .fields-container .field-card[data-v-8f501636] .n-card-header {
   padding: 10px 16px 8px;
 }
-.er-layout .table-editor .fields-container .field-card[data-v-a0a775c0] .n-card__content {
+.er-layout .table-editor .fields-container .field-card[data-v-8f501636] .n-card__content {
   padding: 12px 16px 16px;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0] .n-select {
+.er-layout .table-editor .fields-container[data-v-8f501636] .n-select {
   min-width: 140px;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0] .n-select .n-select-menu {
+.er-layout .table-editor .fields-container[data-v-8f501636] .n-select .n-select-menu {
   max-height: 200px;
   z-index: 9999;
 }
-.er-layout .table-editor .fields-container .n-form-item[data-v-a0a775c0] {
+.er-layout .table-editor .fields-container .n-form-item[data-v-8f501636] {
   margin-bottom: 8px;
 }
-.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-a0a775c0] {
+.er-layout .table-editor .fields-container .n-form-item .n-form-item-label[data-v-8f501636] {
   font-size: 12px;
   color: #666;
   margin-bottom: 4px;
   white-space: nowrap;
 }
-.er-layout .table-editor .fields-container[data-v-a0a775c0] .n-input {
+.er-layout .table-editor .fields-container[data-v-8f501636] .n-input {
   min-width: 100px;
 }
 
 /* layer: shortcuts */
-.container[data-v-a0a775c0]{width:100%;}
+.container[data-v-8f501636]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-a0a775c0]{max-width:640px;}
+.container[data-v-8f501636]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-a0a775c0]{max-width:768px;}
+.container[data-v-8f501636]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-a0a775c0]{max-width:1024px;}
+.container[data-v-8f501636]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-a0a775c0]{max-width:1280px;}
+.container[data-v-8f501636]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-a0a775c0]{max-width:1536px;}
+.container[data-v-8f501636]{max-width:1536px;}
 }
 /* layer: default */
-.visible[data-v-a0a775c0]{visibility:visible;}
-.fixed[data-v-a0a775c0]{position:fixed;}
-.grid[data-v-a0a775c0]{display:grid;}
-.select-all[data-v-a0a775c0]{-webkit-user-select:all;user-select:all;}
+.visible[data-v-8f501636]{visibility:visible;}
+.fixed[data-v-8f501636]{position:fixed;}
+.grid[data-v-8f501636]{display:grid;}
+.select-all[data-v-8f501636]{-webkit-user-select:all;user-select:all;}
 
 .class-editor[data-v-c37f7424] {
   padding: 20px;
@@ -456,20 +456,20 @@
 /* 卡片样式 */
 /* 滚动条样式 */
 /* 编辑器容器样式 */
-.uml-layout[data-v-0ca526b5] {
+.uml-layout[data-v-90e76429] {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   min-height: 400px;
 }
-.uml-layout .toolbar[data-v-0ca526b5] {
+.uml-layout .toolbar[data-v-90e76429] {
   padding: 12px;
   background: var(--n-color-embedded);
   border-bottom: 1px solid var(--c-border);
   flex-shrink: 0;
 }
-.uml-layout .graph-container[data-v-0ca526b5] {
+.uml-layout .graph-container[data-v-90e76429] {
   flex: 1;
   position: relative;
   min-height: 300px;
@@ -477,59 +477,59 @@
   border: 1px solid var(--c-border);
   overflow: hidden;
 }
-.uml-layout .graph-container[data-v-0ca526b5] .x6-graph,
-.uml-layout .graph-container[data-v-0ca526b5] .x6-graph-svg {
+.uml-layout .graph-container[data-v-90e76429] .x6-graph,
+.uml-layout .graph-container[data-v-90e76429] .x6-graph-svg {
   width: 100% !important;
   height: 100% !important;
   display: block;
 }
-.uml-layout .graph-container[data-v-0ca526b5] .x6-graph-svg-stage {
+.uml-layout .graph-container[data-v-90e76429] .x6-graph-svg-stage {
   outline: none;
 }
 
 /* 抽屉编辑器样式 - 使用单独的样式块避免 scoped 问题 */
-.class-editor[data-v-0ca526b5] {
+.class-editor[data-v-90e76429] {
   padding: 20px;
   height: calc(100vh - 60px);
   overflow-y: auto;
 }
-.class-editor[data-v-0ca526b5]::-webkit-scrollbar {
+.class-editor[data-v-90e76429]::-webkit-scrollbar {
   width: 6px;
 }
-.class-editor[data-v-0ca526b5]::-webkit-scrollbar-thumb {
+.class-editor[data-v-90e76429]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.class-editor .section[data-v-0ca526b5] {
+.class-editor .section[data-v-90e76429] {
   max-height: 300px;
   overflow-y: auto;
   padding-right: 4px;
 }
-.class-editor .section[data-v-0ca526b5]::-webkit-scrollbar {
+.class-editor .section[data-v-90e76429]::-webkit-scrollbar {
   width: 6px;
 }
-.class-editor .section[data-v-0ca526b5]::-webkit-scrollbar-thumb {
+.class-editor .section[data-v-90e76429]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.class-editor .section .item[data-v-0ca526b5] {
+.class-editor .section .item[data-v-90e76429] {
   margin-bottom: 8px;
 }
-.class-editor .section .n-card[data-v-0ca526b5] {
+.class-editor .section .n-card[data-v-90e76429] {
   border: 1px solid var(--c-border);
 }
-.class-editor .section .n-card .n-card-header[data-v-0ca526b5] {
+.class-editor .section .n-card .n-card-header[data-v-90e76429] {
   padding: 8px 12px;
   background: var(--n-color-embedded);
   border-bottom: 1px solid var(--c-border);
 }
-.class-editor .section .n-card .n-card__content[data-v-0ca526b5] {
+.class-editor .section .n-card .n-card__content[data-v-90e76429] {
   padding: 12px;
 }
-.class-editor .section .n-form-item[data-v-0ca526b5] {
+.class-editor .section .n-form-item[data-v-90e76429] {
   margin-bottom: 8px;
 }
-.class-editor .section .n-form-item .n-form-item-label[data-v-0ca526b5] {
+.class-editor .section .n-form-item .n-form-item-label[data-v-90e76429] {
   font-size: 12px;
   color: #666;
   margin-bottom: 4px;
@@ -537,27 +537,27 @@
 }
 
 /* layer: shortcuts */
-.container[data-v-0ca526b5]{width:100%;}
+.container[data-v-90e76429]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-0ca526b5]{max-width:640px;}
+.container[data-v-90e76429]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-0ca526b5]{max-width:768px;}
+.container[data-v-90e76429]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-0ca526b5]{max-width:1024px;}
+.container[data-v-90e76429]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-0ca526b5]{max-width:1280px;}
+.container[data-v-90e76429]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-0ca526b5]{max-width:1536px;}
+.container[data-v-90e76429]{max-width:1536px;}
 }
 /* layer: default */
-.visible[data-v-0ca526b5]{visibility:visible;}
-.fixed[data-v-0ca526b5]{position:fixed;}
-.grid[data-v-0ca526b5]{display:grid;}
-.block[data-v-0ca526b5]{display:block;}
-.select-all[data-v-0ca526b5]{-webkit-user-select:all;user-select:all;}
-.rounded[data-v-0ca526b5]{border-radius:0.25rem;}
-.transition[data-v-0ca526b5]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.visible[data-v-90e76429]{visibility:visible;}
+.fixed[data-v-90e76429]{position:fixed;}
+.grid[data-v-90e76429]{display:grid;}
+.block[data-v-90e76429]{display:block;}
+.select-all[data-v-90e76429]{-webkit-user-select:all;user-select:all;}
+.rounded[data-v-90e76429]{border-radius:0.25rem;}
+.transition[data-v-90e76429]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}