@cloudbase/weda-ui 3.18.8 → 3.20.0

package/dist/style/weda-ui.min.css

@@ -1,5 +1,5 @@
 /** 
- @cloudbase/weda-ui v3.18.8 
+ @cloudbase/weda-ui v3.20.0 
   */ 
 @charset "UTF-8";@media (min-width:1024px){.weda-ui .weui-cells{font-size:1em}.weui .weui-cell_active:active{background-color:unset!important}}@font-face{font-family:lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2')}.wd-form--vertical-left .wedatea2td-form .weda-formcells__pc.horizontal,.wd-form--vertical-right .wedatea2td-form .weda-formcells__pc.horizontal,.wedatea2td-form--vertical .wd-form--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wedatea2td-form .weda-formcells__pc.horizontal{flex-direction:column}.g-swiper-item>div>*{max-width:100%;max-height:100%;object-fit:cover;max-width:100%;object-fit:cover;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:auto;max-width:100%;object-fit:cover}.form-detail-wrap .form-detail-content-wrap .form-detail-group-header-container{display:flex;align-items:center;justify-content:space-between}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-menu .wedatea2td-menu--light .wedatea2td-menu__list li.is-selected>.wedatea2td-menu__item:hover,.wedatea2td-drawer .wedatea2td-menu--light .wedatea2td-menu__list li .wedatea2td-menu__item:hover{background-color:var(--weda-navigation-menu-hover-color)}.weda-menu-mobile .weda-menu__wrapper{display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 2px rgba(0,0,0,.05)}.weda-menu .wedatea2td-menu__text .menu-text,.weda-menu__drawer .wedatea2td-menu__text .menu-text{display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.g-swiper .g-swiper__turn-next,.g-swiper .g-swiper__turn-pre{display:none}.modal-table-delete .wedatea2td-dialog__inner,.model-relation-selector-modal .wedatea2td-dialog__inner,.wedatea2td-dialog__inner{min-width:0;width:90%;margin:10px 0}.wedatea2td-form.model-form{width:100%}}.markdown-body .octicon{fill:currentColor}.markdown-body pre{word-wrap:normal}.wd-form-item.wd-pc-rich-text-root .ExEditor-basic,.wd-form-item.wd-pc-rich-text-root .exeditor-toolbar{background-color:inherit}.wd-add-relation-button-wrap{display:flex;align-items:center;color:var(--wd-color-brand,#0052d9);white-space:pre-wrap}.weda-import-csv-file-modal .file-json-map-wrap{display:flex;flex-direction:column;box-sizing:border-box}.weda-import-csv-file-modal .import-file-result-wrap .error-container{display:flex;flex-direction:column}.weda-import-csv-file-modal .import-file-result-wrap .error-content{flex:1}.wd-table-wrap-filter .wedatea2td-input:focus,.wd-table-wrap-filter .wedatea2td-input:hover,.wd-table-wrap-filter .wedatea2td-textarea-group:focus,.wd-table-wrap-filter .wedatea2td-textarea-group:hover,.wd-table-wrap-filter .wedatea2td-textarea:focus,.wd-table-wrap-filter .wedatea2td-textarea:hover,.wedatea2td-overlay .wedatea2td-checkbox:focus,.wedatea2td-overlay .wedatea2td-checkbox:hover,.wedatea2td-overlay input[type=checkbox]:focus,.wedatea2td-overlay input[type=checkbox]:hover{border-color:var(--wd-color-brand,#0052d9)}.weda-ui_mapChoose_search_input_clear{display:flex;justify-content:center}.form-select-map .wedatea2td-dialog__inner{box-shadow:none;min-width:100vw!important}.weda-ui-custom-calendar-op__end,.weda-ui-custom-calendar-op__start{display:flex;align-items:center}.weui-tag span{word-wrap:break-word;word-break:break-word}.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content,.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label,.weda-ui-user-select-container-list__start .wedatea2td-tree.wedatea2td-tree--checkbox-separate .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label .wedatea2td-tree__label-title{background-color:var(--wd-color-brand-light,#d4e3fc)}.weda-select-user-dept-breadcrumb{display:flex;align-items:center}.form-location-con_disabled{opacity:.4}body{font-size:var(--wd-font-base)}@font-face{font-family:wd-lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format("woff2")}.t-icon{speak:none;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-space-align-items--flex-start{align-items:flex-start;align-items:center;align-items:flex-end}.wd-space-justify-content--flex-start{justify-content:flex-start;justify-content:center;justify-content:flex-end}.wd-btn{--wd-btn-sm-padding:0.0625rem calc(var(--wd-space-base) * 2);--wd-btn-md-padding:0.25rem calc(var(--wd-space-base) * 4);--wd-btn-lg-padding:0.4375rem calc(var(--wd-space-base) * 6);--wd-btn-margin-top:0;--wd-btn-margin-top:0;--wd-btn-font-size-sm:var(--wd-font-size-2);--wd-btn-line-height-sm:1.5;--wd-btn-min-height-sm:24px;--wd-btn-font-size-md:var(--wd-font-size-3);--wd-btn-line-height-md:1.5;--wd-btn-min-height-md:32px;--wd-btn-font-size-lg:var(--wd-font-size-4);--wd-btn-line-height-lg:1.5;--wd-btn-min-height-lg:40px;--wd-btn-icon-space-sm:var(--wd-space-base);--wd-btn-icon-space-md:calc(var(--wd-space-base) * 2);--wd-btn-icon-space-lg:calc(var(--wd-space-base) * 3);--wd-btn-icon-size-sm:calc(var(--wd-btn-font-size-sm) + 0.125rem);--wd-btn-icon-size-md:calc(var(--wd-btn-font-size-md) + 0.125rem);--wd-btn-icon-size-lg:calc(var(--wd-btn-font-size-lg) + 0.25rem);--wd-btn-border-radius:var(--wd-border-radius);--wd-btn-color-text:var(--wd-color-text-default);--wd-btn-color-text-inverse:var(--wd-color-text-inverse);--wd-btn-color-text-hover:var(--wd-color-text-default);--wd-btn-color-text-active:var(--wd-color-text-default);--wd-btn-color-text-focus:var(--wd-color-text-default);--wd-btn-color-text-disabled:var(--wd-color-text-disabled);--wd-btn-color-brand:var(--wd-color-brand);--wd-btn-color-brand-hover:var(--wd-color-brand-hover);--wd-btn-color-brand-active:var(--wd-color-brand-active);--wd-btn-color-brand-focus:var(--wd-color-brand-focus);--wd-btn-color-brand-disabled:var(--wd-color-brand-disabled);--wd-btn-color-warning:var(--wd-color-warning);--wd-btn-color-warning-hover:var(--wd-color-warning-hover);--wd-btn-color-warning-active:var(--wd-color-warning-active);--wd-btn-color-warning-focus:var(--wd-color-warning-focus);--wd-btn-color-warning-disabled:var(--wd-color-warning-disabled);--wd-btn-color-error:var(--wd-color-error);--wd-btn-color-error-hover:var(--wd-color-error-hover);--wd-btn-color-error-active:var(--wd-color-error-active);--wd-btn-color-error-focus:var(--wd-color-error-focus);--wd-btn-color-error-disabled:var(--wd-color-error-disabled);--wd-btn-color-gray:var(
     --wd-color-gray-1
@@ -37,7 +37,7 @@
   );--wd-switch-before-left-sm:calc(
     var(--wd-switch-width-sm) - var(--wd-switch-before-top-sm) -
       var(--wd-switch-before-width-sm)
-  );color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;align-items:center;position:relative;line-height:var(--wd-form-item-height-md)}.wd-switch__input,.wd-switch__input[type=checkbox][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-switch__box{width:var(--wd-switch-width-md);height:var(--wd-switch-height-md);background-color:var(--wd-switch-bg-default);border-radius:var(--wd-switch-border-radius-md)}.wd-switch__box::before{content:"";position:absolute;top:var(--wd-switch-before-top-md);left:var(--wd-switch-before-top-md);width:var(--wd-switch-before-width-md);height:var(--wd-switch-before-width-md);border-radius:100%;background-color:var(--wd-switch-before-bg)}.wd-switch.is-disabled .wd-switch__box::before{background-color:var(--wd-switch-before-bg-disabled)}.wd-switch.is-checked .wd-switch__box{background-color:var(--wd-switch-bg-default-checked)}.wd-switch.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-md)}.wd-switch.is-checked.is-disabled .wd-switch__box{background-color:var(--wd-switch-bg-default-checked-disabled)}.wd-switch.is-checked.is-disabled .wd-switch__box::before{background-color:var(--wd-switch-before-bg)}.wd-switch.size-sm .wd-switch__box{height:var(--wd-switch-height-sm);width:var(--wd-switch-width-sm)}.wd-switch.size-sm .wd-switch__box::before{top:var(--wd-switch-before-top-sm);height:var(--wd-switch-before-width-sm);width:var(--wd-switch-before-width-sm)}.wd-switch.size-sm.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-sm)}.wd-switch.size-md .wd-switch__box{height:var(--wd-switch-height-md);width:var(--wd-switch-width-md)}.wd-switch.size-md .wd-switch__box::before{top:var(--wd-switch-before-top-md);height:var(--wd-switch-before-width-md);width:var(--wd-switch-before-width-md)}.wd-switch.size-md.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-md)}.wd-switch.size-lg .wd-switch__box{height:var(--wd-switch-height-lg);width:var(--wd-switch-width-lg)}.wd-switch.size-lg .wd-switch__box::before{top:var(--wd-switch-before-top-lg);height:var(--wd-switch-before-width-lg);width:var(--wd-switch-before-width-lg)}.wd-switch.size-lg.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-lg)}.wd-radio-group,.wd-radio-wrap{--wd-radio-inner-border:var(--wd-color-gray-4);--wd-radio-inner-bg-disabled:var(--wd-color-gray-2);--wd-radio-inner-before-bg:var(--wd-white);--wd-radio-inner-before-bg-checked:var(--wd-color-brand);--wd-radio-inner-before-bg-checked-disabled:var(--wd-color-text-disabled);--wd-radio-label-pd-lf:calc(var(--wd-space-base) * 2);--wd-radio-wrap-btm:0.75rem;--wd-radio-wrap-mg-lf:calc(var(--wd-space-base) * 4);--wd-radio-label-font-color-disabled:var(--wd-color-text-disabled);--wd-radio-label-font-weight:var(--wd-font-weight-regular);--wd-radio-height-md:calc(var(--wd-space-base) * 4);--wd-radio-width-md:calc(var(--wd-space-base) * 4);--wd-radio-inner-before-width-md:calc(var(--wd-space-base) * 2);--wd-radio-inner-before-height-md:calc(var(--wd-space-base) * 2);--wd-radio-inner-before-top-md:0.125rem;--wd-radio-inner-before-left-md:0.125rem;--wd-radio-label-font-size-md:var(--wd-font-size-3);--wd-radio-label-font-color:var(--wd-color-text-default);--wd-radio-height-sm:0.875rem;--wd-radio-width-sm:0.875rem;--wd-radio-inner-before-width-sm:0.4375rem;--wd-radio-inner-before-height-sm:0.4375rem;--wd-radio-inner-before-top-sm:0.09375rem;--wd-radio-inner-before-left-sm:0.09375rem;--wd-radio-label-font-size-sm:var(--wd-font-size-2);--wd-radio-height-lg:calc(var(--wd-space-base) * 5);--wd-radio-width-lg:calc(var(--wd-space-base) * 5);--wd-radio-inner-before-width-lg:0.625rem;--wd-radio-inner-before-height-lg:0.625rem;--wd-radio-inner-before-top-lg:0.1875rem;--wd-radio-inner-before-left-lg:0.1875rem;--wd-radio-label-font-size-lg:var(--wd-font-size-4)}.wd-radio-group{display:flex;flex-direction:column;width:100%}.wd-radio-group--inner{flex-direction:flow;flex-flow:wrap}.wd-radio-group--inner .wd-radio-wrap{margin-inline-start:0;margin-inline-end:var(--wd-radio-wrap-mg-lf);margin-bottom:0}.wd-radio-group--inner .wd-radio-wrap+.wd-radio-wrap{margin-top:0}.wd-radio-wrap{display:flex;align-items:flex-start;margin-bottom:0;position:relative}.wd-radio-wrap+.wd-radio-wrap{margin-top:var(--wd-radio-wrap-btm)}.wd-radio-wrap.is-disabled .wd-radio-inner{cursor:not-allowed;border:1px solid var(--wd-radio-inner-border);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-disabled .wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-border)}.wd-radio-wrap.is-disabled .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-bg-disabled);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-disabled .wd-radio-label{cursor:not-allowed}.wd-radio-wrap.is-checked .wd-radio-inner{border:1px solid var(--wd-radio-inner-before-bg-checked);background-color:var(--wd-radio-inner-before-bg-checked)}.wd-radio-wrap.is-checked .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-before-bg-checked);background-color:var(--wd-radio-inner-before-bg)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner{cursor:not-allowed;border:1px solid var(--wd-radio-inner-border);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-border)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-bg-disabled);background-color:var(--wd-radio-inner-before-bg-checked-disabled)}.wd-radio-wrap.size-sm .wd-radio-inner{width:var(--wd-radio-width-sm);height:var(--wd-radio-height-sm)}.wd-radio-wrap.size-sm .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-sm);height:var(--wd-radio-inner-before-height-sm);top:var(--wd-radio-inner-before-top-sm);left:var(--wd-radio-inner-before-left-sm)}.wd-radio-wrap.size-sm .wd-radio-label{font-size:var(--wd-radio-label-font-size-sm);line-height:var(--wd-radio-height-sm)}.wd-radio-wrap.size-md .wd-radio-inner{width:var(--wd-radio-width-md);height:var(--wd-radio-height-md)}.wd-radio-wrap.size-md .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-md);height:var(--wd-radio-inner-before-height-md);top:var(--wd-radio-inner-before-top-md);left:var(--wd-radio-inner-before-left-md)}.wd-radio-wrap.size-md .wd-radio-label{font-size:var(--wd-radio-label-font-size-md);line-height:var(--wd-radio-height-md)}.wd-radio-wrap.size-lg .wd-radio-inner{width:var(--wd-radio-width-lg);height:var(--wd-radio-height-lg)}.wd-radio-wrap.size-lg .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-lg);height:var(--wd-radio-inner-before-height-lg);top:var(--wd-radio-inner-before-top-lg);left:var(--wd-radio-inner-before-left-lg)}.wd-radio-wrap.size-lg .wd-radio-label{font-size:var(--wd-radio-label-font-size-lg);line-height:var(--wd-radio-height-lg)}.wd-radio-input,.wd-radio-input[type=radio][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-radio-inner{flex:none;width:var(--wd-radio-width-md);height:var(--wd-radio-height-md);display:inline-block;border:1px solid var(--wd-radio-inner-border);border-radius:50%;position:relative;margin-right:var(--wd-radio-label-pd-lf);cursor:pointer}.wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-before-bg-checked)}.wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-md);height:var(--wd-radio-inner-before-height-md);top:var(--wd-radio-inner-before-top-md);left:var(--wd-radio-inner-before-left-md);border:1px solid var(--wd-radio-inner-before-bg);background-color:var(--wd-radio-inner-before-bg);border-radius:50%;content:""}.wd-radio-label{cursor:pointer;font-size:var(--wd-radio-label-font-size-md);font-weight:var(--wd-radio-label-font-weight);line-height:var(--wd-radio-height-md);color:var(--wd-radio-label-font-color)}.wd-checkbox-group,.wd-checkbox-wrap{--wd-checkbox-wrap-margin-btm:0.75rem;--wd-checkbox-wrap-mg-lf:calc(var(--wd-space-base) * 4);--wd-checkbox-inner-border:var(--wd-color-gray-4);--wd-checkbox-inner-border-hover:var(--wd-color-brand);--wd-checkbox-inner-bg:var(--wd-font-white-1);--wd-checkbox-inner-bg-disabled:var(--wd-color-gray-2);--wd-checkbox-inner-after-width:calc(var(--wd-space-base) * 2);--wd-checkbox-inner-after-height:calc(var(--wd-space-base) * 2);--wd-checkbox-inner-border-color:var(--wd-font-white-1);--wd-checkbox-inner-after-bg:var(--wd-white);--wd-checkbox-inner-after-bg-checked:var(--wd-color-brand);--wd-checkbox-inner-after-bg-checked-disabled:var(--wd-color-text-disabled);--wd-checkbox-label-pd-lf:calc(var(--wd-space-base) * 2);--wd-checkbox-label-font-weight:var(--wd-font-weight-regular);--wd-checkbox-label-bg:transparent;--wd-checkbox-label-font-color:var(--wd-color-text-default);--wd-checkbox-label-font-color-disabled:var(--wd-color-text-disabled);--wd-checkbox-height-sm:0.875rem;--wd-checkbox-width-sm:0.875rem;--wd-checkbox-inner-border-radius-sm:0.109375rem;--wd-checkbox-label-font-size-sm:var(--wd-font-size-2);--wd-checkbox-inner-after-checked-width-sm:0.27375rem;--wd-checkbox-inner-after-checked-hight-sm:0.491875rem;--wd-checkbox-inner-after-checked-border-width-sm:0.125rem;--wd-checkbox-inner-after-top-sm:0.3125rem;--wd-checkbox-inner-after-left-sm:0.16625rem;--wd-checkbox-inner-after-all-width-sm:0.4375rem;--wd-checkbox-inner-after-all-hight-sm:0.109375rem;--wd-checkbox-height-md:calc(var(--wd-space-base) * 4);--wd-checkbox-width-md:calc(var(--wd-space-base) * 4);--wd-checkbox-inner-border-radius-md:0.125rem;--wd-checkbox-label-font-size-md:var(--wd-font-size-3);--wd-checkbox-inner-after-checked-width-md:0.3125rem;--wd-checkbox-inner-after-checked-hight-md:0.5625rem;--wd-checkbox-inner-after-checked-border-width-md:0.125rem;--wd-checkbox-inner-after-top-md:0.375rem;--wd-checkbox-inner-after-left-md:0.1875rem;--wd-checkbox-inner-after-all-width-md:0.5rem;--wd-checkbox-inner-after-all-hight-md:0.125rem;--wd-checkbox-height-lg:calc(var(--wd-space-base) * 5);--wd-checkbox-width-lg:calc(var(--wd-space-base) * 5);--wd-checkbox-inner-border-radius-lg:0.15625rem;--wd-checkbox-label-font-size-lg:var(--wd-font-size-4);--wd-checkbox-inner-after-checked-width-lg:0.3725rem;--wd-checkbox-inner-after-checked-hight-lg:0.71875rem;--wd-checkbox-inner-after-checked-border-width-lg:0.15625rem;--wd-checkbox-inner-after-top-lg:0.484375rem;--wd-checkbox-inner-after-left-lg:var(--wd-space-base);--wd-checkbox-inner-after-all-width-lg:0.625rem;--wd-checkbox-inner-after-all-hight-lg:0.15625rem}.wd-checkbox{color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;align-items:center;position:relative}.wd-checkbox-group{display:flex;flex-direction:column;width:100%}.wd-checkbox-group--inline{flex-direction:flow;flex-flow:wrap}.wd-checkbox-group--inline .wd-checkbox-wrap{width:auto;margin-inline-start:0;margin-bottom:0;margin-inline-end:var(--wd-checkbox-wrap-mg-lf)}.wd-checkbox-group--inline .wd-checkbox-wrap+.wd-checkbox-wrap{margin-top:0}.wd-checkbox-wrap{width:100%;display:flex;align-items:flex-start;position:relative;margin-bottom:0}.wd-checkbox-wrap+.wd-checkbox-wrap{margin-top:var(--wd-checkbox-wrap-margin-btm)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner{cursor:not-allowed;border:1px solid var(--wd-checkbox-inner-border);background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner::after{background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-disabled .wd-checkbox-label{cursor:not-allowed}.wd-checkbox-wrap.is-checked .wd-checkbox-inner{border:1px solid var(--wd-checkbox-inner-after-bg-checked);background-color:var(--wd-checkbox-inner-after-bg-checked)}.wd-checkbox-wrap.is-checked .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-checked-width-md);height:var(--wd-checkbox-inner-after-checked-hight-md);border:var(--wd-checkbox-inner-after-checked-border-width-md) solid var(--wd-checkbox-inner-border-color);border-radius:0 0 1px;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);transform:rotate(45deg) scale(1) translate(-50%,-50%);background:0 0}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner{cursor:not-allowed;border:1px solid var(--wd-checkbox-inner-border);background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border)}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner::after{border-color:var(--wd-checkbox-inner-after-bg-checked-disabled)}.wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner{border:1px solid var(--wd-checkbox-inner-after-bg-checked);background-color:var(--wd-checkbox-inner-after-bg-checked)}.wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-all-width-md);background:var(--wd-checkbox-inner-border-color);height:var(--wd-checkbox-inner-after-all-hight-md)}.wd-checkbox-wrap.size-md .wd-checkbox-wrap.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-checked-width-md);height:var(--wd-checkbox-inner-after-checked-hight-md);border:var(--wd-checkbox-inner-after-checked-border-width-md) solid var(--wd-checkbox-inner-border-color)}.wd-checkbox-wrap.size-md .wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-all-width-md);height:var(--wd-checkbox-inner-after-all-hight-md)}.wd-checkbox-wrap.size-md .wd-checkbox-inner{width:var(--wd-checkbox-width-md);height:var(--wd-checkbox-height-md);border-radius:var(--wd-checkbox-inner-border-radius-md)}.wd-checkbox-wrap.size-md .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-md);line-height:var(--wd-checkbox-width-md)}.wd-checkbox-wrap.size-sm .wd-checkbox-inner{width:var(--wd-checkbox-width-sm);height:var(--wd-checkbox-height-sm);border-radius:var(--wd-checkbox-inner-border-radius-sm)}.wd-checkbox-wrap.size-sm .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-sm);line-height:var(--wd-checkbox-width-sm)}.wd-checkbox-wrap.size-sm.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-sm);left:var(--wd-checkbox-inner-after-left-sm);width:var(--wd-checkbox-inner-after-checked-width-sm);height:var(--wd-checkbox-inner-after-checked-hight-sm);border-width:var(--wd-checkbox-inner-after-checked-border-width-sm)}.wd-checkbox-wrap.size-sm.is-indeterminate .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-sm);left:var(--wd-checkbox-inner-after-left-sm);width:var(--wd-checkbox-inner-after-all-width-sm);height:var(--wd-checkbox-inner-after-all-hight-sm)}.wd-checkbox-wrap.size-lg .wd-checkbox-inner{width:var(--wd-checkbox-width-lg);height:var(--wd-checkbox-height-lg);border-radius:var(--wd-checkbox-inner-border-radius-lg)}.wd-checkbox-wrap.size-lg .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-lg);line-height:var(--wd-checkbox-height-lg)}.wd-checkbox-wrap.size-lg.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-lg);left:var(--wd-checkbox-inner-after-left-lg);width:var(--wd-checkbox-inner-after-checked-width-lg);height:var(--wd-checkbox-inner-after-checked-hight-lg);border-width:var(--wd-checkbox-inner-after-checked-border-width-lg)}.wd-checkbox-wrap.size-lg.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-lg);left:var(--wd-checkbox-inner-after-left-lg);width:var(--wd-checkbox-inner-after-all-width-lg);height:var(--wd-checkbox-inner-after-all-hight-lg)}.wd-checkbox-input,.wd-checkbox-input[type=checkbox][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-checkbox-inner{flex:none;margin-right:var(--wd-checkbox-label-pd-lf);width:var(--wd-checkbox-width-md);height:var(--wd-checkbox-height-md);display:inline-block;border:1px solid var(--wd-checkbox-inner-border);border-radius:var(--wd-checkbox-inner-border-radius-md);position:relative;background-color:var(--wd-checkbox-inner-bg);cursor:pointer}.wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border-hover)}.wd-checkbox-inner::after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.wd-checkbox-label{cursor:pointer;background:var(--wd-checkbox-label-bg);color:var(--wd-checkbox-label-font-color);font-size:var(--wd-checkbox-label-font-size-md);font-weight:var(--wd-checkbox-label-font-weight);line-height:var(--wd-checkbox-height-md)}.wd-loading{--wd-loading-font-size:var(--wd-font-size-2);--wd-loading-conic-color:var(--wd-color-brand);--wd-loading-text-font-size:var(--wd-font-size-default);--wd-loading-text-font-color:var(--wd-color-brand);--wd-loading-text-ml:0.3125rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;font-size:var(--wd-loading-font-size)}.wd-loading__gradient{display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;animation:1s linear infinite spin}.wd-loading__gradient-conic{width:100%;border-radius:50%;height:100%;-webkit-mask:radial-gradient(transparent calc(50% - .5px),var(--wd-white) 50%);mask:radial-gradient(transparent calc(50% - .5px),var(--wd-white) 50%);background:conic-gradient(from 90deg at 50% 50%,rgba(0,82,217,0) 0deg,var(--wd-loading-conic-color) 360deg)}.wd-loading__text{font-size:var(--wd-loading-text-font-size);margin-left:var(--wd-loading-text-ml);color:var(--wd-loading-text-font-color)}.wd-loading--center{display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wd-loading--center .wd-g-text-refresh{cursor:pointer}.wd-retry{--wd-retry-text-font-size:var(--wd-font-size-default);--wd-retry-text-font-color:var(--wd-color-text-secondary);--wd-retry-text-font-weight:var(--wd-font-weight-regular);--wd-retry-try-font-weight:var(--wd-font-weight-regular);--wd-retry-try-font-color:var(--wd-color-text-link);--wd-retry-try-font-size:var(--wd-font-size-default);--wd-retry-try-pdl:calc(var(--wd-space-base) * 2)}.wd-retry--center{display:flex}.wd-retry__text{font-weight:var(--wd-retry-text-font-weight);font-size:var(--wd-retry-text-font-size);color:var(--wd-retry-text-font-color)}.wd-retry__try{cursor:pointer;padding-left:var(--wd-retry-try-pdl);box-sizing:border-box;font-weight:var(--wd-retry-try-font-weight);font-size:var(--wd-retry-try-font-size);color:var(--wd-retry-try-font-color)}.wd-pagination{--wd-pagination-font-size:var(--wd-font-size-default);--wd-pagination-state-font-weight:var(--wd-font-weight-regular);--wd-pagination-border-radius:var(--wd-border-radius);--wd-pagination-color-text:var(--wd-color-text-default);--wd-pagination-color-text-state:var(--wd-color-text-placeholder);--wd-pagination-color-bg:var(--wd-color-bg-form-default);--wd-pagination-btn-color-border:var(--wd-color-border-default);--wd-pagination-btn-color-bg:var(--wd-color-bg-form-default);--wd-pagination-btn-color-bg-hover:var(--wd-color-bg-form-hover);--wd-pagination-btn-color-bg-disabled:var(--wd-color-bg-form-disabled);--wd-pagination-height:var(--wd-form-height-md);--wd-pagination-text-margin:0 calc(var(--wd-space-base) * 2) 0 0;color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;height:auto;color:var(--wd-pagination-color-text);position:unset;display:flex;align-items:center;justify-content:space-between;background-color:var(--wd-pagination-color-bg)}.wd-pagination__state{flex:0 0 auto;color:var(--wd-pagination-color-text-state);font-weight:var(--wd-pagination-state-font-weight)}.wd-pagination__state strong{font-weight:var(--wd-pagination-state-font-weight);margin:0 var(--wd-space-base)}.wd-pagination__operate{flex:0 0 auto;display:flex;align-items:center;gap:var(--wd-space-base)}.wd-pagination .wd-pagination__text{font-size:var(--wd-pagination-font-size);margin:var(--wd-pagination-text-margin);display:inline-block;vertical-align:middle}.wd-pagination__btn{display:inline-flex;height:var(--wd-pagination-height);width:var(--wd-pagination-height);background-color:var(--wd-pagination-btn-color-bg);border:1px solid var(--wd-pagination-btn-color-border);outline:0;box-sizing:border-box;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--wd-border-radius)}.wd-pagination__btn:hover:not(.is-disabled):not(.is-selected){background-color:var(--wd-pagination-btn-color-bg-hover)}.wd-pagination__btn.is-selected{background-color:var(--wd-color-brand);color:var(--wd-color-text-inverse)}.wd-pagination__btn.is-disabled{background-color:var(--wd-pagination-btn-color-bg-disabled);color:var(--wd-color-text-disabled);cursor:not-allowed}.wd-pagination__btn--borderless{border-color:transparent;cursor:default}.wd-pagination__btn--borderless:hover,.wd-pagination__btn--borderless:hover:not(.is-disabled):not(.is-selected){background-color:transparent}.wd-tree{--wd-tree-width:100%;--wd-tree-color-text-default:var(--wd-color-text-default);--wd-tree-color-text-selected:var(--wd-color-brand);--wd-tree-color-bg-default:var(--wd-color-bg-container);--wd-tree-color-bg-hover:var(--wd-color-bg-container-hover);--wd-tree-color-bg-selected:var(--wd-color-brand-light);--wd-tree-width-indentaion:1.5rem;--wd-tree-node-height:2rem;--wd-tree-color-line:var(--wd-color-border-separator);--wd-tree-icon-size:1rem;color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;max-width:var(--wd-tree-width);color:var(--wd-tree-color-text-default)}.wd-h5-tree{--wd-tree-width-indentaion:1.75rem;--wd-tree-node-height:2.5rem;--wd-tree-icon-size:1.25rem}.wd-tree-node{background-color:var(--wd-tree-color-bg-default);white-space:nowrap;height:var(--wd-tree-node-height);padding:.125rem 0;display:flex;z-index:1}.wd-tree__space{font-size:0;display:inline-block;width:var(--wd-tree-width-indentaion);flex:0 0 auto;height:var(--wd-tree-node-height)}.wd-tree__switcher{display:inline-flex;align-items:center;min-width:1rem;flex:0 0 auto;height:100%;margin-right:var(--wd-space-base)}.wd-tree__switcher-icon{font-size:var(--wd-tree-icon-size)}.wd-tree__switcher:hover .wd-tree__switcher-icon{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree__label{display:flex;height:100%;align-items:center;padding:0 var(--wd-space-base);border-radius:var(--wd-border-radius);overflow:hidden}.wd-tree__label .wd-checkbox-wrap{margin-bottom:0;width:auto}.wd-tree__label-icon{margin-right:.5rem;font-size:var(--wd-tree-icon-size)}.wd-tree__label-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.wd-tree__label-text-search{color:var(--wd-color-error-6)}.wd-tree__label:hover{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree-node.is-selected .wd-tree__label{background-color:var(--wd-tree-color-bg-selected);color:var(--wd-tree-color-text-selected)}.wd-tree.wd-tree--line .wd-tree__switcher-icon{position:relative;z-index:3;background-color:var(--wd-tree-color-bg-default);border:.25rem solid var(--wd-tree-color-bg-default);box-sizing:content-box;border-width:.25rem 0}.wd-tree.wd-tree--line .wd-tree__switcher:hover .wd-tree__switcher-icon{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree.wd-tree--line .wd-tree__space{position:relative}.wd-tree.wd-tree--line .wd-tree__space::before{content:"";display:block;width:calc(var(--wd-tree-width-indentaion)/ 2);height:var(--wd-tree-node-height);position:absolute;left:calc(50% - var(--wd-space-base));bottom:50%;top:auto;margin-left:-1px;margin-bottom:1px}.wd-tree.wd-tree--line .wd-tree__space:last-of-type:before{border-left:1px solid var(--wd-tree-color-line);border-bottom:1px solid var(--wd-tree-color-line)}.wd-tree.wd-tree--line .wd-tree__space:first-of-type:before{border-left:1px solid var(--wd-tree-color-line)}.wd-tree.wd-tree--line .wd-tree-node--leaf .wd-tree__space:last-of-type:before{width:calc(var(--wd-tree-width-indentaion) + .5rem)}.wd-theme-light,:host,:root,:root[theme-mode=light],page,page[theme-mode=light]{--wd-white:#ffffff;--wd-black:#000000;--wd-white-rgb:255,255,255;--wd-black-rgb:0,0,0;--wd-color-brand-1:#ecf2fe;--wd-color-brand-2:#d4e3fc;--wd-color-brand-3:#bbd3fb;--wd-color-brand-4:#96bbf8;--wd-color-brand-5:#699ef5;--wd-color-brand-6:#4787f0;--wd-color-brand-7:#266fe8;--wd-color-brand-8:#0052d9;--wd-color-brand-9:#0034b5;--wd-color-brand-10:#001f97;--wd-color-warning-1:#fef3e6;--wd-color-warning-2:#f9e0c7;--wd-color-warning-3:#f7c797;--wd-color-warning-4:#f2995f;--wd-color-warning-5:#ed7b2f;--wd-color-warning-6:#d35a21;--wd-color-warning-7:#ba431b;--wd-color-warning-8:#9e3610;--wd-color-warning-9:#842b0b;--wd-color-warning-10:#5a1907;--wd-color-error-1:#fdecee;--wd-color-error-2:#f9d7d9;--wd-color-error-3:#f8b9be;--wd-color-error-4:#f78d94;--wd-color-error-5:#f36d78;--wd-color-error-6:#e34d59;--wd-color-error-7:#c9353f;--wd-color-error-8:#b11f26;--wd-color-error-9:#951114;--wd-color-error-10:#680506;--wd-color-success-1:#e8f8f2;--wd-color-success-2:#bcebdc;--wd-color-success-3:#85dbbe;--wd-color-success-4:#48c79c;--wd-color-success-5:#00a870;--wd-color-success-6:#078d5c;--wd-color-success-7:#067945;--wd-color-success-8:#056334;--wd-color-success-9:#044f2a;--wd-color-success-10:#033017;--wd-color-gray-1:#f3f3f3;--wd-color-gray-2:#eeeeee;--wd-color-gray-3:#e7e7e7;--wd-color-gray-4:#dcdcdc;--wd-color-gray-5:#c5c5c5;--wd-color-gray-6:#a6a6a6;--wd-color-gray-7:#8b8b8b;--wd-color-gray-8:#777777;--wd-color-gray-9:#5e5e5e;--wd-color-gray-10:#4b4b4b;--wd-color-gray-11:#383838;--wd-color-gray-12:#2c2c2c;--wd-color-gray-13:#242424;--wd-color-gray-14:#181818;--wd-font-white-1:rgba(255, 255, 255, 90%);--wd-font-white-2:rgba(255, 255, 255, 55%);--wd-font-white-3:rgba(255, 255, 255, 35%);--wd-font-white-4:rgba(255, 255, 255, 22%);--wd-font-gray-1:rgba(0, 0, 0, 90%);--wd-font-gray-2:rgba(0, 0, 0, 60%);--wd-font-gray-3:rgba(0, 0, 0, 40%);--wd-font-gray-4:rgba(0, 0, 0, 26%);--wd-color-brand:var(--wd-color-brand-8);--wd-color-brand-light:var(--wd-color-brand-1);--wd-color-brand-dark:var(--wd-color-brand-9);--wd-color-brand-hover:var(--wd-color-brand-7);--wd-color-brand-focus:var(--wd-color-brand-2);--wd-color-brand-active:var(--wd-color-brand-9);--wd-color-brand-disabled:var(--wd-color-brand-3);--wd-color-warning:var(--wd-color-warning-5);--wd-color-warning-light:var(--wd-color-warning-1);--wd-color-warning-dark:var(--wd-color-warning-9);--wd-color-warning-hover:var(--wd-color-warning-4);--wd-color-warning-focus:var(--wd-color-warning-2);--wd-color-warning-active:var(--wd-color-warning-6);--wd-color-warning-disabled:var(--wd-color-warning-3);--wd-color-error:var(--wd-color-error-6);--wd-color-error-light:var(--wd-color-error-1);--wd-color-error-dark:var(--wd-color-error-9);--wd-color-error-hover:var(--wd-color-error-5);--wd-color-error-focus:var(--wd-color-error-2);--wd-color-error-active:var(--wd-color-error-7);--wd-color-error-disabled:var(--wd-color-error-3);--wd-color-success:var(--wd-color-success-5);--wd-color-success-light:var(--wd-color-success-1);--wd-color-success-dark:var(--wd-color-success-9);--wd-color-success-hover:var(--wd-color-success-4);--wd-color-success-focus:var(--wd-color-success-2);--wd-color-success-active:var(--wd-color-success-6);--wd-color-success-disabled:var(--wd-color-success-3);--wd-bg-mask:rgba(var(--wd-black-rgb), 50%);--wd-bg-mask-inverse:rgba(var(--wd-white-rgb), 60%);--wd-color-bg-page:var(--wd-color-gray-1);--wd-color-bg-container:var(--wd-white);--wd-color-bg-container-hover:var(--wd-color-gray-1);--wd-color-bg-container-active:var(
+  );color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;align-items:center;position:relative;line-height:var(--wd-form-item-height-md)}.wd-switch__input,.wd-switch__input[type=checkbox][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-switch__box{width:var(--wd-switch-width-md);height:var(--wd-switch-height-md);background-color:var(--wd-switch-bg-default);border-radius:var(--wd-switch-border-radius-md)}.wd-switch__box::before{content:"";position:absolute;top:var(--wd-switch-before-top-md);left:var(--wd-switch-before-top-md);width:var(--wd-switch-before-width-md);height:var(--wd-switch-before-width-md);border-radius:100%;background-color:var(--wd-switch-before-bg)}.wd-switch.is-disabled .wd-switch__box::before{background-color:var(--wd-switch-before-bg-disabled)}.wd-switch.is-checked .wd-switch__box{background-color:var(--wd-switch-bg-default-checked)}.wd-switch.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-md)}.wd-switch.is-checked.is-disabled .wd-switch__box{background-color:var(--wd-switch-bg-default-checked-disabled)}.wd-switch.is-checked.is-disabled .wd-switch__box::before{background-color:var(--wd-switch-before-bg)}.wd-switch.size-sm .wd-switch__box{height:var(--wd-switch-height-sm);width:var(--wd-switch-width-sm)}.wd-switch.size-sm .wd-switch__box::before{top:var(--wd-switch-before-top-sm);height:var(--wd-switch-before-width-sm);width:var(--wd-switch-before-width-sm)}.wd-switch.size-sm.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-sm)}.wd-switch.size-md .wd-switch__box{height:var(--wd-switch-height-md);width:var(--wd-switch-width-md)}.wd-switch.size-md .wd-switch__box::before{top:var(--wd-switch-before-top-md);height:var(--wd-switch-before-width-md);width:var(--wd-switch-before-width-md)}.wd-switch.size-md.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-md)}.wd-switch.size-lg .wd-switch__box{height:var(--wd-switch-height-lg);width:var(--wd-switch-width-lg)}.wd-switch.size-lg .wd-switch__box::before{top:var(--wd-switch-before-top-lg);height:var(--wd-switch-before-width-lg);width:var(--wd-switch-before-width-lg)}.wd-switch.size-lg.is-checked .wd-switch__box::before{left:var(--wd-switch-before-left-lg)}.wd-radio-group,.wd-radio-wrap{--wd-radio-inner-border:var(--wd-color-gray-4);--wd-radio-inner-bg-disabled:var(--wd-color-gray-2);--wd-radio-inner-before-bg:var(--wd-white);--wd-radio-inner-before-bg-checked:var(--wd-color-brand);--wd-radio-inner-before-bg-checked-disabled:var(--wd-color-text-disabled);--wd-radio-label-pd-lf:calc(var(--wd-space-base) * 2);--wd-radio-wrap-btm:0.75rem;--wd-radio-wrap-mg-lf:calc(var(--wd-space-base) * 4);--wd-radio-label-font-color-disabled:var(--wd-color-text-disabled);--wd-radio-label-font-weight:var(--wd-font-weight-regular);--wd-radio-height-md:calc(var(--wd-space-base) * 4);--wd-radio-width-md:calc(var(--wd-space-base) * 4);--wd-radio-inner-before-width-md:calc(var(--wd-space-base) * 2);--wd-radio-inner-before-height-md:calc(var(--wd-space-base) * 2);--wd-radio-inner-before-top-md:0.125rem;--wd-radio-inner-before-left-md:0.125rem;--wd-radio-label-font-size-md:var(--wd-font-size-3);--wd-radio-label-font-color:var(--wd-color-text-default);--wd-radio-height-sm:0.875rem;--wd-radio-width-sm:0.875rem;--wd-radio-inner-before-width-sm:0.4375rem;--wd-radio-inner-before-height-sm:0.4375rem;--wd-radio-inner-before-top-sm:0.09375rem;--wd-radio-inner-before-left-sm:0.09375rem;--wd-radio-label-font-size-sm:var(--wd-font-size-2);--wd-radio-height-lg:calc(var(--wd-space-base) * 5);--wd-radio-width-lg:calc(var(--wd-space-base) * 5);--wd-radio-inner-before-width-lg:0.625rem;--wd-radio-inner-before-height-lg:0.625rem;--wd-radio-inner-before-top-lg:0.1875rem;--wd-radio-inner-before-left-lg:0.1875rem;--wd-radio-label-font-size-lg:var(--wd-font-size-4)}.wd-radio-group{display:flex;flex-direction:column;width:100%}.wd-radio-group--inner{flex-direction:flow;flex-flow:wrap}.wd-radio-group--inner .wd-radio-wrap{margin-inline-start:0;margin-inline-end:var(--wd-radio-wrap-mg-lf);margin-bottom:0}.wd-radio-group--inner .wd-radio-wrap+.wd-radio-wrap{margin-top:0}.wd-radio-wrap{display:flex;align-items:flex-start;margin-bottom:0;position:relative}.wd-radio-wrap+.wd-radio-wrap{margin-top:var(--wd-radio-wrap-btm)}.wd-radio-wrap.is-disabled .wd-radio-inner{cursor:not-allowed;border:1px solid var(--wd-radio-inner-border);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-disabled .wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-border)}.wd-radio-wrap.is-disabled .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-bg-disabled);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-disabled .wd-radio-label{cursor:not-allowed}.wd-radio-wrap.is-checked .wd-radio-inner{border:1px solid var(--wd-radio-inner-before-bg-checked);background-color:var(--wd-radio-inner-before-bg-checked)}.wd-radio-wrap.is-checked .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-before-bg-checked);background-color:var(--wd-radio-inner-before-bg)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner{cursor:not-allowed;border:1px solid var(--wd-radio-inner-border);background-color:var(--wd-radio-inner-bg-disabled)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-border)}.wd-radio-wrap.is-checked.is-disabled .wd-radio-inner::before{border:1px solid var(--wd-radio-inner-bg-disabled);background-color:var(--wd-radio-inner-before-bg-checked-disabled)}.wd-radio-wrap.size-sm .wd-radio-inner{width:var(--wd-radio-width-sm);height:var(--wd-radio-height-sm)}.wd-radio-wrap.size-sm .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-sm);height:var(--wd-radio-inner-before-height-sm);top:var(--wd-radio-inner-before-top-sm);left:var(--wd-radio-inner-before-left-sm)}.wd-radio-wrap.size-sm .wd-radio-label{font-size:var(--wd-radio-label-font-size-sm);line-height:var(--wd-radio-height-sm)}.wd-radio-wrap.size-md .wd-radio-inner{width:var(--wd-radio-width-md);height:var(--wd-radio-height-md)}.wd-radio-wrap.size-md .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-md);height:var(--wd-radio-inner-before-height-md);top:var(--wd-radio-inner-before-top-md);left:var(--wd-radio-inner-before-left-md)}.wd-radio-wrap.size-md .wd-radio-label{font-size:var(--wd-radio-label-font-size-md);line-height:var(--wd-radio-height-md)}.wd-radio-wrap.size-lg .wd-radio-inner{width:var(--wd-radio-width-lg);height:var(--wd-radio-height-lg)}.wd-radio-wrap.size-lg .wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-lg);height:var(--wd-radio-inner-before-height-lg);top:var(--wd-radio-inner-before-top-lg);left:var(--wd-radio-inner-before-left-lg)}.wd-radio-wrap.size-lg .wd-radio-label{font-size:var(--wd-radio-label-font-size-lg);line-height:var(--wd-radio-height-lg)}.wd-radio-input,.wd-radio-input[type=radio][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-radio-inner{flex:none;width:var(--wd-radio-width-md);height:var(--wd-radio-height-md);display:inline-block;border:1px solid var(--wd-radio-inner-border);border-radius:50%;position:relative;margin-right:var(--wd-radio-label-pd-lf);cursor:pointer}.wd-radio-inner:hover:not(.is-disabled){border-color:var(--wd-radio-inner-before-bg-checked)}.wd-radio-inner::before{position:absolute;width:var(--wd-radio-inner-before-width-md);height:var(--wd-radio-inner-before-height-md);top:var(--wd-radio-inner-before-top-md);left:var(--wd-radio-inner-before-left-md);border:1px solid var(--wd-radio-inner-before-bg);background-color:var(--wd-radio-inner-before-bg);border-radius:50%;content:""}.wd-radio-label{cursor:pointer;font-size:var(--wd-radio-label-font-size-md);font-weight:var(--wd-radio-label-font-weight);line-height:var(--wd-radio-height-md);color:var(--wd-radio-label-font-color)}.wd-checkbox-group,.wd-checkbox-wrap{--wd-checkbox-wrap-margin-btm:0.75rem;--wd-checkbox-wrap-mg-lf:calc(var(--wd-space-base) * 4);--wd-checkbox-inner-border:var(--wd-color-gray-4);--wd-checkbox-inner-border-hover:var(--wd-color-brand);--wd-checkbox-inner-bg:var(--wd-font-white-1);--wd-checkbox-inner-bg-disabled:var(--wd-color-gray-2);--wd-checkbox-inner-after-width:calc(var(--wd-space-base) * 2);--wd-checkbox-inner-after-height:calc(var(--wd-space-base) * 2);--wd-checkbox-inner-border-color:var(--wd-font-white-1);--wd-checkbox-inner-after-bg:var(--wd-white);--wd-checkbox-inner-after-bg-checked:var(--wd-color-brand);--wd-checkbox-inner-after-bg-checked-disabled:var(--wd-color-text-disabled);--wd-checkbox-label-pd-lf:calc(var(--wd-space-base) * 2);--wd-checkbox-label-font-weight:var(--wd-font-weight-regular);--wd-checkbox-label-bg:transparent;--wd-checkbox-label-font-color:var(--wd-color-text-default);--wd-checkbox-label-font-color-disabled:var(--wd-color-text-disabled);--wd-checkbox-height-sm:0.875rem;--wd-checkbox-width-sm:0.875rem;--wd-checkbox-inner-border-radius-sm:0.109375rem;--wd-checkbox-label-font-size-sm:var(--wd-font-size-2);--wd-checkbox-inner-after-checked-width-sm:0.27375rem;--wd-checkbox-inner-after-checked-hight-sm:0.491875rem;--wd-checkbox-inner-after-checked-border-width-sm:0.125rem;--wd-checkbox-inner-after-top-sm:0.3125rem;--wd-checkbox-inner-after-left-sm:0.16625rem;--wd-checkbox-inner-after-all-width-sm:0.4375rem;--wd-checkbox-inner-after-all-hight-sm:0.109375rem;--wd-checkbox-height-md:calc(var(--wd-space-base) * 4);--wd-checkbox-width-md:calc(var(--wd-space-base) * 4);--wd-checkbox-inner-border-radius-md:0.125rem;--wd-checkbox-label-font-size-md:var(--wd-font-size-3);--wd-checkbox-inner-after-checked-width-md:0.3125rem;--wd-checkbox-inner-after-checked-hight-md:0.5625rem;--wd-checkbox-inner-after-checked-border-width-md:0.125rem;--wd-checkbox-inner-after-top-md:0.375rem;--wd-checkbox-inner-after-left-md:0.1875rem;--wd-checkbox-inner-after-all-width-md:0.5rem;--wd-checkbox-inner-after-all-hight-md:0.125rem;--wd-checkbox-height-lg:calc(var(--wd-space-base) * 5);--wd-checkbox-width-lg:calc(var(--wd-space-base) * 5);--wd-checkbox-inner-border-radius-lg:0.15625rem;--wd-checkbox-label-font-size-lg:var(--wd-font-size-4);--wd-checkbox-inner-after-checked-width-lg:0.3725rem;--wd-checkbox-inner-after-checked-hight-lg:0.71875rem;--wd-checkbox-inner-after-checked-border-width-lg:0.15625rem;--wd-checkbox-inner-after-top-lg:0.484375rem;--wd-checkbox-inner-after-left-lg:var(--wd-space-base);--wd-checkbox-inner-after-all-width-lg:0.625rem;--wd-checkbox-inner-after-all-hight-lg:0.15625rem}.wd-checkbox{color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;align-items:center;position:relative}.wd-checkbox-group{display:flex;flex-direction:column;width:100%}.wd-checkbox-group--inline{flex-direction:flow;flex-flow:wrap}.wd-checkbox-group--inline .wd-checkbox-wrap{width:auto;margin-inline-start:0;margin-bottom:0;margin-inline-end:var(--wd-checkbox-wrap-mg-lf)}.wd-checkbox-group--inline .wd-checkbox-wrap+.wd-checkbox-wrap{margin-top:0}.wd-checkbox-wrap{width:100%;display:flex;align-items:flex-start;position:relative;margin-bottom:0}.wd-checkbox-wrap+.wd-checkbox-wrap{margin-top:var(--wd-checkbox-wrap-margin-btm)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner{cursor:not-allowed;border:1px solid var(--wd-checkbox-inner-border);background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border)}.wd-checkbox-wrap.is-disabled .wd-checkbox-inner::after{background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-disabled .wd-checkbox-label{cursor:not-allowed}.wd-checkbox-wrap.is-checked .wd-checkbox-inner{border:1px solid var(--wd-checkbox-inner-after-bg-checked);background-color:var(--wd-checkbox-inner-after-bg-checked)}.wd-checkbox-wrap.is-checked .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-checked-width-md);height:var(--wd-checkbox-inner-after-checked-hight-md);border:var(--wd-checkbox-inner-after-checked-border-width-md) solid var(--wd-checkbox-inner-border-color);border-radius:0 0 1px;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);transform:rotate(45deg) scale(1) translate(-50%,-50%);background:0 0}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner{cursor:not-allowed;border:1px solid var(--wd-checkbox-inner-border);background-color:var(--wd-checkbox-inner-bg-disabled)}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border)}.wd-checkbox-wrap.is-checked.is-disabled .wd-checkbox-inner::after{border-color:var(--wd-checkbox-inner-after-bg-checked-disabled)}.wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner{border:1px solid var(--wd-checkbox-inner-after-bg-checked);background-color:var(--wd-checkbox-inner-after-bg-checked)}.wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-all-width-md);background:var(--wd-checkbox-inner-border-color);height:var(--wd-checkbox-inner-after-all-hight-md)}.wd-checkbox-wrap.size-md .wd-checkbox-wrap.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-checked-width-md);height:var(--wd-checkbox-inner-after-checked-hight-md);border:var(--wd-checkbox-inner-after-checked-border-width-md) solid var(--wd-checkbox-inner-border-color)}.wd-checkbox-wrap.size-md .wd-checkbox-wrap.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-md);left:var(--wd-checkbox-inner-after-left-md);width:var(--wd-checkbox-inner-after-all-width-md);height:var(--wd-checkbox-inner-after-all-hight-md)}.wd-checkbox-wrap.size-md .wd-checkbox-inner{width:var(--wd-checkbox-width-md);height:var(--wd-checkbox-height-md);border-radius:var(--wd-checkbox-inner-border-radius-md)}.wd-checkbox-wrap.size-md .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-md);line-height:var(--wd-checkbox-width-md)}.wd-checkbox-wrap.size-sm .wd-checkbox-inner{width:var(--wd-checkbox-width-sm);height:var(--wd-checkbox-height-sm);border-radius:var(--wd-checkbox-inner-border-radius-sm)}.wd-checkbox-wrap.size-sm .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-sm);line-height:var(--wd-checkbox-width-sm)}.wd-checkbox-wrap.size-sm.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-sm);left:var(--wd-checkbox-inner-after-left-sm);width:var(--wd-checkbox-inner-after-checked-width-sm);height:var(--wd-checkbox-inner-after-checked-hight-sm);border-width:var(--wd-checkbox-inner-after-checked-border-width-sm)}.wd-checkbox-wrap.size-sm.is-indeterminate .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-sm);left:var(--wd-checkbox-inner-after-left-sm);width:var(--wd-checkbox-inner-after-all-width-sm);height:var(--wd-checkbox-inner-after-all-hight-sm)}.wd-checkbox-wrap.size-lg .wd-checkbox-inner{width:var(--wd-checkbox-width-lg);height:var(--wd-checkbox-height-lg);border-radius:var(--wd-checkbox-inner-border-radius-lg)}.wd-checkbox-wrap.size-lg .wd-checkbox-label{font-size:var(--wd-checkbox-label-font-size-lg);line-height:var(--wd-checkbox-height-lg)}.wd-checkbox-wrap.size-lg.is-checked .wd-checkbox-inner::after{top:var(--wd-checkbox-inner-after-top-lg);left:var(--wd-checkbox-inner-after-left-lg);width:var(--wd-checkbox-inner-after-checked-width-lg);height:var(--wd-checkbox-inner-after-checked-hight-lg);border-width:var(--wd-checkbox-inner-after-checked-border-width-lg)}.wd-checkbox-wrap.size-lg.is-indeterminate .wd-checkbox-inner::after{opacity:1;top:var(--wd-checkbox-inner-after-top-lg);left:var(--wd-checkbox-inner-after-left-lg);width:var(--wd-checkbox-inner-after-all-width-lg);height:var(--wd-checkbox-inner-after-all-hight-lg)}.wd-checkbox-input,.wd-checkbox-input[type=checkbox][disabled]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.wd-checkbox-inner{flex:none;margin-right:var(--wd-checkbox-label-pd-lf);width:var(--wd-checkbox-width-md);height:var(--wd-checkbox-height-md);display:inline-block;border:1px solid var(--wd-checkbox-inner-border);border-radius:var(--wd-checkbox-inner-border-radius-md);position:relative;background-color:var(--wd-checkbox-inner-bg);cursor:pointer}.wd-checkbox-inner:hover:not(.is-disabled){border-color:var(--wd-checkbox-inner-border-hover)}.wd-checkbox-inner::after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.wd-checkbox-label{cursor:pointer;background:var(--wd-checkbox-label-bg);color:var(--wd-checkbox-label-font-color);font-size:var(--wd-checkbox-label-font-size-md);font-weight:var(--wd-checkbox-label-font-weight);line-height:var(--wd-checkbox-height-md)}.wd-loading{--wd-loading-font-size:var(--wd-font-size-2);--wd-loading-conic-color:var(--wd-color-brand);--wd-loading-text-font-size:var(--wd-font-size-default);--wd-loading-text-font-color:var(--wd-color-brand);--wd-loading-text-ml:0.3125rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;font-size:var(--wd-loading-font-size)}.wd-loading__gradient{display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;animation:1s linear infinite spin}.wd-loading__gradient-conic{width:100%;border-radius:50%;height:100%;-webkit-mask:radial-gradient(transparent calc(50% - .5px),var(--wd-white) 50%);mask:radial-gradient(transparent calc(50% - .5px),var(--wd-white) 50%);background:conic-gradient(from 90deg at 50% 50%,rgba(0,82,217,0) 0deg,var(--wd-loading-conic-color) 360deg)}.wd-loading__text{font-size:var(--wd-loading-text-font-size);margin-left:var(--wd-loading-text-ml);color:var(--wd-loading-text-font-color)}.wd-loading--center{display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wd-loading--center .wd-g-text-refresh{cursor:pointer}.wd-retry{--wd-retry-text-font-size:var(--wd-font-size-default);--wd-retry-text-font-color:var(--wd-color-text-secondary);--wd-retry-text-font-weight:var(--wd-font-weight-regular);--wd-retry-try-font-weight:var(--wd-font-weight-regular);--wd-retry-try-font-color:var(--wd-color-text-link);--wd-retry-try-font-size:var(--wd-font-size-default);--wd-retry-try-pdl:calc(var(--wd-space-base) * 2)}.wd-retry--center{display:flex}.wd-retry__text{font-weight:var(--wd-retry-text-font-weight);font-size:var(--wd-retry-text-font-size);color:var(--wd-retry-text-font-color)}.wd-retry__try{cursor:pointer;padding-left:var(--wd-retry-try-pdl);box-sizing:border-box;font-weight:var(--wd-retry-try-font-weight);font-size:var(--wd-retry-try-font-size);color:var(--wd-retry-try-font-color)}.wd-pagination{--wd-pagination-font-size:var(--wd-font-size-default);--wd-pagination-state-font-weight:var(--wd-font-weight-regular);--wd-pagination-border-radius:var(--wd-border-radius);--wd-pagination-color-text:var(--wd-color-text-default);--wd-pagination-color-text-state:var(--wd-color-text-placeholder);--wd-pagination-color-bg:var(--wd-color-bg-form-default);--wd-pagination-btn-color-border:var(--wd-color-border-default);--wd-pagination-btn-color-bg:var(--wd-color-bg-form-default);--wd-pagination-btn-color-bg-hover:var(--wd-color-bg-form-hover);--wd-pagination-btn-color-bg-disabled:var(--wd-color-bg-form-disabled);--wd-pagination-height:var(--wd-form-height-md);--wd-pagination-text-margin:0 calc(var(--wd-space-base) * 2) 0 0;color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;height:auto;color:var(--wd-pagination-color-text);position:unset;display:flex;align-items:center;justify-content:space-between;background-color:var(--wd-pagination-color-bg)}.wd-pagination__state{flex:0 0 auto;color:var(--wd-pagination-color-text-state);font-weight:var(--wd-pagination-state-font-weight)}.wd-pagination__state strong{font-weight:var(--wd-pagination-state-font-weight);margin:0 var(--wd-space-base)}.wd-pagination__operate{flex:0 0 auto;display:flex;align-items:center;gap:var(--wd-space-base)}.wd-pagination .wd-pagination__text{font-size:var(--wd-pagination-font-size);margin:var(--wd-pagination-text-margin);display:inline-block;vertical-align:middle}.wd-pagination__btn{display:inline-flex;height:var(--wd-pagination-height);width:var(--wd-pagination-height);background-color:var(--wd-pagination-btn-color-bg);border:1px solid var(--wd-pagination-btn-color-border);outline:0;box-sizing:border-box;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--wd-border-radius)}.wd-pagination__btn:hover:not(.is-disabled):not(.is-selected){background-color:var(--wd-pagination-btn-color-bg-hover)}.wd-pagination__btn.is-selected{background-color:var(--wd-color-brand);color:var(--wd-color-text-inverse)}.wd-pagination__btn.is-disabled{background-color:var(--wd-pagination-btn-color-bg-disabled);color:var(--wd-color-text-disabled);cursor:not-allowed}.wd-pagination__btn--borderless{border-color:transparent;cursor:default}.wd-pagination__btn--borderless:hover,.wd-pagination__btn--borderless:hover:not(.is-disabled):not(.is-selected){background-color:transparent}.wd-tree{--wd-tree-width:100%;--wd-tree-color-text-default:var(--wd-color-text-default);--wd-tree-color-text-selected:var(--wd-color-brand);--wd-tree-color-bg-default:var(--wd-color-bg-container);--wd-tree-color-bg-hover:var(--wd-color-bg-container-hover);--wd-tree-color-bg-selected:var(--wd-color-brand-light);--wd-tree-width-indentaion:1.5rem;--wd-tree-node-height:2rem;--wd-tree-color-line:var(--wd-color-border-separator);--wd-tree-icon-size:1rem;color:var(--wd-color-text-default);font-size:var(--wd-font-size-default);line-height:var(--wd-font-line-height-default);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;max-width:var(--wd-tree-width);color:var(--wd-tree-color-text-default)}.wd-h5-tree{--wd-tree-width-indentaion:1.75rem;--wd-tree-node-height:2.5rem;--wd-tree-icon-size:1.25rem}.wd-tree-node{background-color:var(--wd-tree-color-bg-default);white-space:nowrap;min-height:var(--wd-tree-node-height);height:auto;padding:.125rem 0;display:flex;z-index:1}.wd-tree__space{font-size:0;display:inline-block;width:var(--wd-tree-width-indentaion);flex:0 0 auto;height:var(--wd-tree-node-height)}.wd-tree__switcher{display:inline-flex;align-items:center;min-width:1rem;flex:0 0 auto;height:100%;margin-right:var(--wd-space-base)}.wd-tree__switcher-icon{font-size:var(--wd-tree-icon-size)}.wd-tree__switcher:hover .wd-tree__switcher-icon{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree__label{display:flex;height:100%;align-items:center;padding:0 var(--wd-space-base);border-radius:var(--wd-border-radius);overflow:hidden}.wd-tree__label .wd-checkbox-wrap{margin-bottom:0;width:auto}.wd-tree__label-icon{margin-right:.5rem;font-size:var(--wd-tree-icon-size)}.wd-tree__label-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.wd-tree__label-text-search{color:var(--wd-color-error-6)}.wd-tree__label:hover{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree-node.is-selected .wd-tree__label{background-color:var(--wd-tree-color-bg-selected);color:var(--wd-tree-color-text-selected)}.wd-tree.wd-tree--line .wd-tree__switcher-icon{position:relative;z-index:3;background-color:var(--wd-tree-color-bg-default);border:.25rem solid var(--wd-tree-color-bg-default);box-sizing:content-box;border-width:.25rem 0}.wd-tree.wd-tree--line .wd-tree__switcher:hover .wd-tree__switcher-icon{cursor:pointer;background-color:var(--wd-tree-color-bg-hover)}.wd-tree.wd-tree--line .wd-tree__space{position:relative}.wd-tree.wd-tree--line .wd-tree__space::before{content:"";display:block;width:calc(var(--wd-tree-width-indentaion)/ 2);height:var(--wd-tree-node-height);position:absolute;left:calc(50% - var(--wd-space-base));bottom:50%;top:auto;margin-left:-1px;margin-bottom:1px}.wd-tree.wd-tree--line .wd-tree__space:last-of-type:before{border-left:1px solid var(--wd-tree-color-line);border-bottom:1px solid var(--wd-tree-color-line)}.wd-tree.wd-tree--line .wd-tree__space:first-of-type:before{border-left:1px solid var(--wd-tree-color-line)}.wd-tree.wd-tree--line .wd-tree-node--leaf .wd-tree__space:last-of-type:before{width:calc(var(--wd-tree-width-indentaion) + .5rem)}.wd-theme-light,:host,:root,:root[theme-mode=light],page,page[theme-mode=light]{--wd-white:#ffffff;--wd-black:#000000;--wd-white-rgb:255,255,255;--wd-black-rgb:0,0,0;--wd-color-brand-1:#ecf2fe;--wd-color-brand-2:#d4e3fc;--wd-color-brand-3:#bbd3fb;--wd-color-brand-4:#96bbf8;--wd-color-brand-5:#699ef5;--wd-color-brand-6:#4787f0;--wd-color-brand-7:#266fe8;--wd-color-brand-8:#0052d9;--wd-color-brand-9:#0034b5;--wd-color-brand-10:#001f97;--wd-color-warning-1:#fef3e6;--wd-color-warning-2:#f9e0c7;--wd-color-warning-3:#f7c797;--wd-color-warning-4:#f2995f;--wd-color-warning-5:#ed7b2f;--wd-color-warning-6:#d35a21;--wd-color-warning-7:#ba431b;--wd-color-warning-8:#9e3610;--wd-color-warning-9:#842b0b;--wd-color-warning-10:#5a1907;--wd-color-error-1:#fdecee;--wd-color-error-2:#f9d7d9;--wd-color-error-3:#f8b9be;--wd-color-error-4:#f78d94;--wd-color-error-5:#f36d78;--wd-color-error-6:#e34d59;--wd-color-error-7:#c9353f;--wd-color-error-8:#b11f26;--wd-color-error-9:#951114;--wd-color-error-10:#680506;--wd-color-success-1:#e8f8f2;--wd-color-success-2:#bcebdc;--wd-color-success-3:#85dbbe;--wd-color-success-4:#48c79c;--wd-color-success-5:#00a870;--wd-color-success-6:#078d5c;--wd-color-success-7:#067945;--wd-color-success-8:#056334;--wd-color-success-9:#044f2a;--wd-color-success-10:#033017;--wd-color-gray-1:#f3f3f3;--wd-color-gray-2:#eeeeee;--wd-color-gray-3:#e7e7e7;--wd-color-gray-4:#dcdcdc;--wd-color-gray-5:#c5c5c5;--wd-color-gray-6:#a6a6a6;--wd-color-gray-7:#8b8b8b;--wd-color-gray-8:#777777;--wd-color-gray-9:#5e5e5e;--wd-color-gray-10:#4b4b4b;--wd-color-gray-11:#383838;--wd-color-gray-12:#2c2c2c;--wd-color-gray-13:#242424;--wd-color-gray-14:#181818;--wd-font-white-1:rgba(255, 255, 255, 90%);--wd-font-white-2:rgba(255, 255, 255, 55%);--wd-font-white-3:rgba(255, 255, 255, 35%);--wd-font-white-4:rgba(255, 255, 255, 22%);--wd-font-gray-1:rgba(0, 0, 0, 90%);--wd-font-gray-2:rgba(0, 0, 0, 60%);--wd-font-gray-3:rgba(0, 0, 0, 40%);--wd-font-gray-4:rgba(0, 0, 0, 26%);--wd-color-brand:var(--wd-color-brand-8);--wd-color-brand-light:var(--wd-color-brand-1);--wd-color-brand-dark:var(--wd-color-brand-9);--wd-color-brand-hover:var(--wd-color-brand-7);--wd-color-brand-focus:var(--wd-color-brand-2);--wd-color-brand-active:var(--wd-color-brand-9);--wd-color-brand-disabled:var(--wd-color-brand-3);--wd-color-warning:var(--wd-color-warning-5);--wd-color-warning-light:var(--wd-color-warning-1);--wd-color-warning-dark:var(--wd-color-warning-9);--wd-color-warning-hover:var(--wd-color-warning-4);--wd-color-warning-focus:var(--wd-color-warning-2);--wd-color-warning-active:var(--wd-color-warning-6);--wd-color-warning-disabled:var(--wd-color-warning-3);--wd-color-error:var(--wd-color-error-6);--wd-color-error-light:var(--wd-color-error-1);--wd-color-error-dark:var(--wd-color-error-9);--wd-color-error-hover:var(--wd-color-error-5);--wd-color-error-focus:var(--wd-color-error-2);--wd-color-error-active:var(--wd-color-error-7);--wd-color-error-disabled:var(--wd-color-error-3);--wd-color-success:var(--wd-color-success-5);--wd-color-success-light:var(--wd-color-success-1);--wd-color-success-dark:var(--wd-color-success-9);--wd-color-success-hover:var(--wd-color-success-4);--wd-color-success-focus:var(--wd-color-success-2);--wd-color-success-active:var(--wd-color-success-6);--wd-color-success-disabled:var(--wd-color-success-3);--wd-bg-mask:rgba(var(--wd-black-rgb), 50%);--wd-bg-mask-inverse:rgba(var(--wd-white-rgb), 60%);--wd-color-bg-page:var(--wd-color-gray-1);--wd-color-bg-container:var(--wd-white);--wd-color-bg-container-hover:var(--wd-color-gray-1);--wd-color-bg-container-active:var(
     --wd-color-gray-2
   );--wd-color-bg-container-select:var(--wd-white);--wd-color-bg-secondarycontainer:var(--wd-color-gray-1);--wd-color-bg-secondarycontainer-hover:var(
     --wd-color-gray-2

package/dist/web/components/customer-service/customer-service.js

@@ -3,11 +3,13 @@ import React, { forwardRef } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import { emptyObject } from '../../utils/constant';
 import { autorun } from 'mobx';
+import { useConfig } from '../../utils/config-context';
 import '../style';
 export const CustomerService = forwardRef(function CustomerService(props, ref) {
     var _a, _b;
-    const { id, className, style, events = emptyObject, } = props;
+    const { id, className, style, events = emptyObject } = props;
     const [editorPlatforms, setEditorPlatforms] = React.useState([]);
+    const { classPrefix } = useConfig();
     const dispose = React.useMemo(() => {
         return autorun(() => {
             var _a, _b;
@@ -24,6 +26,5 @@ export const CustomerService = forwardRef(function CustomerService(props, ref) {
         var _a;
         (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
     };
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) ||
-            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: className, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) })) : null }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) || (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: `${className} ${classPrefix}-customer-service`, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) })) : null }));
 });

package/dist/web/components/form-input-hooks/index.d.ts

@@ -30,9 +30,10 @@ export type FormInputTraitParams<Value> = {
     after?: string;
 } & Pick<CommonPropsType, '$widget' | '$node'>;
 export declare function useFormInputTrait<Value = unknown>(inputParams: FormInputTraitParams<Value>): {
+    namePath: any;
     visible: boolean;
     onChange: (value: Value) => void;
-    value: Value;
+    value: any;
     disabled: boolean;
     readOnly: boolean;
     required: boolean;
@@ -44,5 +45,6 @@ export declare function useFormInputTrait<Value = unknown>(inputParams: FormInpu
      */
     layout: "vertical" | "horizontal";
     initValidate: (validateState: any, validateErrorMsg: any) => void;
+    isInformContainer: boolean;
 };
 export {};

package/dist/web/components/form-input-hooks/index.js

@@ -6,48 +6,80 @@ import { debug } from '../../utils/console';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { isNil } from '../../utils/lodash';
-import { getParentForm, useFormDetailContext, useFormObjContext, } from '../../utils/widget-api';
+import { useFormDetailContext } from '../../utils/widget-api';
 import { validType } from './validator';
 import { emptyArray, noop } from '../../utils/constant';
-import { useDeepCompareEffect, useRerender, useUnmountEffect, } from '@react-hookz/web';
+import { useUnmountEffect, useDeepCompareEffect } from '@react-hookz/web';
 import { useStatus, convertMethodParam } from '../../utils/hooks/useFormLegacy';
 import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
 import { useFormType } from '../wd-form/contexts/form-type-context';
 import { useFormLayout } from '../wd-form/contexts/form-layout-context';
 import { useFormWidget } from '../wd-form/contexts/form-widget-context';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
+import { useFormField } from '../wd-form/contexts/form-field-context';
+import { useFormFieldObj } from '../wd-form/contexts/form-field-obj-context';
 import { errorHandler } from '../../utils/error';
+import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
 const logger = debug('wd-form-item');
+const SET_VALUE_DEBOUNCE_TIMEOUT = 250;
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function useParentForm(widgetIgnored) {
     return useFormWidget();
 }
+// 转换路径
+const convertPathToArray = (path) => {
+    return path
+        .replace(/\[(\d+)\]/g, '.$1')
+        .split('.')
+        .filter(Boolean);
+};
 export function useFormInputTrait(inputParams) {
     var _a;
-    const { value, $widget, inputRef, required = X_RUNTIME_DEFAULT.required, requiredMsg = '该项为必填项', rules = emptyArray, layout: currentLayout, setInnerHandle = noop, onChange: outerOnChange = noop, $node, before, after, } = inputParams;
+    const { value, $widget, inputRef, required = X_RUNTIME_DEFAULT.required, requiredMsg = '该项为必填项', rules = emptyArray, layout: currentLayout, setInnerHandle = noop, onChange: outerOnChange = noop, before, after, name: _name, $node, } = inputParams;
     const label = inputParams.label;
     if (isNil($widget)) {
         throw new Error('$widget 没传入');
     }
-    const formObjContext = useFormObjContext();
-    const [name] = useSyncValue(`${(formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.formObjName) ? `${formObjContext.formObjName}.` : ''}${inputParams.name}`);
+    // 初始值
+    const [initialValue] = useState(value);
+    const [variableValue] = useSyncValue(value);
+    const formFieldContext = useFormField();
+    const formFieldObjsContext = useFormFieldObj();
+    const [isChange, setIsChange] = useState(false);
+    const name = useMemo(() => {
+        if (isNil(_name) || (typeof _name === 'string' && _name.length === 0)) {
+            // name 没设置或为空串的时候不受表单容器控制
+            console.warn(`组件 ${$widget.id}  表单key(表单输入类组件 name 属性)没设置或为空串的时候不受表单容器控制`);
+        }
+        return String(_name);
+    }, [$widget.id, _name]);
+    // namePath 用于标识表单项的属性路径，用于容器通过lodash.set/get管理表单项的值
+    const namePath = useMemo(() => {
+        if (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.objType) {
+            return formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath.concat(name);
+        }
+        else if (name.includes('].')) {
+            // 兼容 formDetail 中 的 name 写法
+            return convertPathToArray(name);
+        }
+        return [name];
+    }, [formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath, formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.objType, name]);
     const formType = useFormType();
     const statusParams = useStatus(inputParams);
     const formDetailStatus = useFormDetailContext();
     const [disabled, setDisabled] = useSyncValue(((_a = statusParams.disabled) !== null && _a !== void 0 ? _a : false) ||
         formType === 'read' ||
         formDetailStatus === 'disabled' ||
-        (formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.status) === 'disabled');
+        (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.status) === 'disabled');
     const [readOnly, setReadOnly] = useSyncValue(statusParams.readOnly ||
         formType === 'read' ||
         formDetailStatus === 'readOnly' ||
-        (formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.status) === 'readOnly');
+        (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.status) === 'readOnly');
     const [validateState, setValidateState] = useState(inputParams.validateStatus);
     const [validateErrorMsg, setValidateErrorMsg] = useState('');
     const [visible, setVisible] = useState(true);
-    const forceUpdate = useRerender();
+    // const forceUpdate = useRerender();
     const form = useParentForm($widget);
-    logger.debug('WdFormItem', form, name, inputParams);
     const layoutInForm = useFormLayout();
     const layout = useMemo(() => {
         let finalLayout;
@@ -59,44 +91,70 @@ export function useFormInputTrait(inputParams) {
         }
         return finalLayout;
     }, [currentLayout, layoutInForm]);
+    const _value = useMemo(() => {
+        let val = null;
+        if (isNil(_name) || (typeof _name === 'string' && _name.length === 0)) {
+            // name 没设置或为空串的时候不受表单容器控制
+            val = value;
+        }
+        else if (formFieldContext === null || formFieldContext === void 0 ? void 0 : formFieldContext.isInformContainer) {
+            // 在表单容器内，输入框的值受表单容器管理
+            // 在嵌套数组容器内，不在表单容器内，输入框的值受嵌套表单容器管理
+            // 在嵌套表单容器内，不在表单容器内，输入框的值受嵌套表单容器管理
+            val = formFieldContext === null || formFieldContext === void 0 ? void 0 : formFieldContext.getFieldValue({ namePath, initialValue });
+        }
+        else {
+            val = value;
+        }
+        return val;
+    }, [_name, formFieldContext, value, namePath, initialValue]);
     const [syncValue, _setSyncedValue, 
     // 只在暴露方法的闭包内用，别的地方别用
-    valueRef,] = useSyncValue(value, isObjectEqual);
+    valueRef,] = useSyncValue(_value, isObjectEqual);
     const setSyncedValue = useCallback((newVal) => {
-        var _a, _b;
-        logger.debug('updateFormContext', newVal);
+        // 这里主动更新表单项的值，一是不在表单容器内的情况，二是表单容器内的值展示渲染优化减少异步值生效的视觉滞后，
         _setSyncedValue(newVal);
-        // 发现富文本中有时序问题，form 还是拿到旧值的闭包，所以再找一次
-        const f = form !== null && form !== void 0 ? form : getParentForm($widget);
-        (_a = f === null || f === void 0 ? void 0 : f.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(f, name, newVal);
-        // 更新嵌套表单的值
-        (_b = formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.valueChangeFromChild) === null || _b === void 0 ? void 0 : _b.call(formObjContext, { name, value: newVal });
-    }, [$widget, _setSyncedValue, form, formObjContext, name]);
-    useDeepCompareEffect(() => {
-        var _a;
-        const f = form !== null && form !== void 0 ? form : getParentForm($widget);
-        (_a = f === null || f === void 0 ? void 0 : f.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(f, name, syncValue);
-    }, [name, syncValue]);
-    useEffect(() => {
-        logger.debug('Form', form, name);
-    }, [form, name]);
+        setIsChange(true);
+        if (formFieldContext === null || formFieldContext === void 0 ? void 0 : formFieldContext.isInformContainer) {
+            // 在表单容器内，更新表单容器值，由表单容器管理值
+            // 在嵌套数组容器内，更新表单容器值，由表单容器管理值
+            // 在嵌套对象表单容器内，不在表单容器内，更新嵌套表单容器值，由嵌套表单容器管理值
+            formFieldContext.setFieldValue({ namePath, value: newVal });
+        }
+    }, [_setSyncedValue, formFieldContext, namePath]);
     useEffect(() => {
         // 未匹配任何规则时，清空错误提示
         if (!rules)
             setValidateErrorMsg('');
     }, [rules]);
+    // 延迟比表单容器的api长一点，以满足响应$w.form.value变化，跟随变化的计算场景
+    const setSyncedVariableValue = useDebouncedCallback(setSyncedValue, SET_VALUE_DEBOUNCE_TIMEOUT, {
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        maxWait: SET_VALUE_DEBOUNCE_TIMEOUT * 2,
+        trailing: true,
+    });
+    useDeepCompareEffect(() => {
+        // value响应变量绑定，首次值为初始值
+        if (!isChange && isObjectEqual(variableValue, initialValue)) {
+            return;
+        }
+        if (isObjectEqual(variableValue, _value)) {
+            return;
+        }
+        if (formFieldContext === null || formFieldContext === void 0 ? void 0 : formFieldContext.isInformContainer) {
+            setSyncedVariableValue(variableValue);
+        }
+    }, [variableValue, initialValue]);
     useEffect(() => {
         var _a, _b;
         const removeFormItem = (_b = (_a = $widget
-            .closest((w) => { var _a, _b; return ((_b = (_a = w.getConfig) === null || _a === void 0 ? void 0 : _a.call(w)) === null || _b === void 0 ? void 0 : _b.componentType) === 'form'; })) === null || _a === void 0 ? void 0 : _a.addFormItem) === null || _b === void 0 ? void 0 : _b.call(_a, name, $widget);
-        const removeFormObjItem = formObjContext === null || formObjContext === void 0 ? void 0 : formObjContext.addFormItem(name, $widget);
+            .closest((w) => { var _a, _b; return ((_b = (_a = w.getConfig) === null || _a === void 0 ? void 0 : _a.call(w)) === null || _b === void 0 ? void 0 : _b.componentType) === 'form'; })) === null || _a === void 0 ? void 0 : _a.addFormItem) === null || _b === void 0 ? void 0 : _b.call(_a, name, $widget, { initialValue, namePath });
         logger.debug('addFormItem', name);
         return () => {
             logger.debug('removeFormItem', name);
             removeFormItem === null || removeFormItem === void 0 ? void 0 : removeFormItem();
-            removeFormObjItem === null || removeFormObjItem === void 0 ? void 0 : removeFormObjItem();
         };
-    }, [$widget, name, form, formObjContext]);
+    }, [$widget, name, form, namePath, initialValue]);
     const clearValidate = useCallback(() => {
         setValidateErrorMsg('');
         setValidateState(undefined);
@@ -189,8 +247,7 @@ export function useFormInputTrait(inputParams) {
                                     let reg;
                                     if (typeof item.pattern === 'string') {
                                         const m = item.pattern.match(/(\/?)(.+)\1([a-z]*)/i);
-                                        if (m[3] &&
-                                            !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
+                                        if (m[3] && !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
                                             reg = RegExp(item.pattern);
                                         }
                                         else {
@@ -257,7 +314,6 @@ export function useFormInputTrait(inputParams) {
                 return valueRef.current;
             },
             name,
-            forceUpdate,
             value: syncValue,
             clearValidate,
             label,
@@ -273,10 +329,9 @@ export function useFormInputTrait(inputParams) {
         return result;
     }, [
         name,
-        valueRef,
+        valueRef === null || valueRef === void 0 ? void 0 : valueRef.current,
         statusParams.disabled,
         statusParams.readOnly,
-        forceUpdate,
         syncValue,
         clearValidate,
         label,
@@ -323,29 +378,11 @@ export function useFormInputTrait(inputParams) {
         else if (fieldPermission === 'n') {
             setVisible(false);
         }
-    }, [
-        disabled,
-        fieldPermission,
-        fieldPermissionError,
-        fieldPermissionLoading,
-        setDisabled,
-    ]);
+    }, [disabled, fieldPermission, fieldPermissionError, fieldPermissionLoading, setDisabled]);
     useUnmountEffect(() => {
         var _a;
         (_a = form === null || form === void 0 ? void 0 : form.updateFormContext) === null || _a === void 0 ? void 0 : _a.call(form, name, undefined);
     });
-    // const runOnceRef = useRef(false);
-    // useEffect(() => {
-    //   // 双保险，向上取 initialValues
-    //   if (runOnceRef.current) {
-    //     return;
-    //   }
-    //   if (!form) return;
-    //   if (!value && !isNil(lodashGet(form.initialValues, name))) {
-    //     setSyncedValue(lodashGet(form.initialValues, name));
-    //     runOnceRef.current = true;
-    //   }
-    // }, [form, name, setSyncedValue, value]);
     const onChange = useCallback((value) => {
         var _a;
         setSyncedValue(value);
@@ -362,6 +399,7 @@ export function useFormInputTrait(inputParams) {
         setValidateErrorMsg(validateErrorMsg);
     }, [setValidateState, setValidateErrorMsg]);
     return {
+        namePath,
         visible,
         onChange,
         value: syncValue,
@@ -376,5 +414,6 @@ export function useFormInputTrait(inputParams) {
          */
         layout,
         initValidate,
+        isInformContainer: formFieldContext === null || formFieldContext === void 0 ? void 0 : formFieldContext.isInformContainer,
     };
 }

package/dist/web/components/form-rich-text/index.d.ts

@@ -27,5 +27,5 @@ declare const FromRichText: React.ForwardRefExoticComponent<CommonPropsType & {
     events: {
         change: (eventDetail: unknown, ...args: unknown[]) => unknown;
     };
-} & React.RefAttributes<any>>;
+} & React.RefAttributes<unknown>>;
 export default FromRichText;

package/dist/web/components/form-rich-text/index.js

@@ -6,16 +6,20 @@ import RichText from '../richText';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 const FromRichText = React.forwardRef(function FormRichText(props, inputRef) {
     const { className, id, style, events, title, titleVisible, maxSize, acceptTypes, required, requiredFlag, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, validateErrorMsg, validateState, readOnly, visible, } = useFormInputTrait({
+    const { value, name, disabled, layout, validateErrorMsg, validateState, readOnly, visible } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
         label: title,
         ...restProps,
     });
+    const onChange = (value) => {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value);
+    };
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(RichText, { id: id, style: style, className: className, events: events, onChange: onChange, acceptTypes: acceptTypes, label: title, labelVisible: titleVisible, disabled: disabled, layout: layout, maxSize: maxSize, name: name, readOnly: readOnly, requiredFlag: required && requiredFlag, value: value }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(RichText, { id: id, style: style, className: className, events: events, onChange: onChange, acceptTypes: acceptTypes, label: title, labelVisible: titleVisible, disabled: disabled, layout: layout, maxSize: maxSize, name: name, readOnly: readOnly, requiredFlag: required && requiredFlag, value: value }), (validateState === 'error' || validateState === 'warn') && _jsx(Tips, { tips: validateErrorMsg, type: "warn" })] }));
 });
 export default FromRichText;

package/dist/web/components/formdetail/index.d.ts

@@ -20,7 +20,7 @@ export declare const newContextItem: (childFormItem: any, name: any, isPureArray
     index: number;
     _id: string;
 };
-export declare const changeHandle: ({ type, name, data, childFormItem, isPureArray, params, parent, }: {
+export declare const changeHandle: ({ type, name, data, childFormItem, isPureArray, params, parent }: {
     type: any;
     name: any;
     data: any;