@cloudbase/weda-ui 3.18.8 → 3.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/configs/components/lottery.d.ts +2 -0
- package/dist/configs/components/lottery.js +6 -1
- package/dist/configs/components/wd-checkbox.js +4 -0
- package/dist/configs/components/wd-image.js +1 -0
- package/dist/configs/components/wd-radio.js +4 -0
- package/dist/configs/components/wd-table.d.ts +16 -0
- package/dist/configs/components/wd-table.js +16 -0
- package/dist/configs/components/wd-tree.d.ts +33 -0
- package/dist/configs/components/wd-tree.js +58 -0
- package/dist/configs/index.d.ts +60 -0
- package/dist/configs/type-utils/type-form.js +4 -0
- package/dist/style/index.css +2 -1
- package/dist/style/index.scss +1 -1
- package/dist/style/weda-ui.min.css +2 -2
- package/dist/web/components/customer-service/customer-service.js +4 -3
- package/dist/web/components/lottery/index.d.ts +1 -0
- package/dist/web/components/lottery/index.js +19 -47
- package/dist/web/components/lottery/lotteryUtil.d.ts +1 -1
- package/dist/web/components/lottery/lotteryUtil.js +4 -5
- package/dist/web/components/wd-table/wd-table.js +4 -0
- package/dist/web/components/wd-tree/utils.d.ts +29 -3
- package/dist/web/components/wd-tree/utils.js +26 -12
- package/dist/web/components/wd-tree/wd-tree.d.ts +1 -0
- package/dist/web/components/wd-tree/wd-tree.js +65 -40
- package/package.json +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
@cloudbase/weda-ui v3.
|
|
2
|
+
@cloudbase/weda-ui v3.19.0
|
|
3
3
|
*/
|
|
4
4
|
@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(
|
|
5
5
|
--wd-color-gray-1
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
);--wd-switch-before-left-sm:calc(
|
|
38
38
|
var(--wd-switch-width-sm) - var(--wd-switch-before-top-sm) -
|
|
39
39
|
var(--wd-switch-before-width-sm)
|
|
40
|
-
);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(
|
|
40
|
+
);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(
|
|
41
41
|
--wd-color-gray-2
|
|
42
42
|
);--wd-color-bg-container-select:var(--wd-white);--wd-color-bg-secondarycontainer:var(--wd-color-gray-1);--wd-color-bg-secondarycontainer-hover:var(
|
|
43
43
|
--wd-color-gray-2
|
|
@@ -3,11 +3,13 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { Bubble, ConfigProvider } from 'tea-component';
|
|
4
4
|
import { emptyObject } from '../../utils/constant';
|
|
5
5
|
import { autorun } from 'mobx';
|
|
6
|
+
import { useConfig } from '../../utils/config-context';
|
|
6
7
|
import '../style';
|
|
7
8
|
export const CustomerService = forwardRef(function CustomerService(props, ref) {
|
|
8
9
|
var _a, _b;
|
|
9
|
-
const { id, className, style, events = emptyObject
|
|
10
|
+
const { id, className, style, events = emptyObject } = props;
|
|
10
11
|
const [editorPlatforms, setEditorPlatforms] = React.useState([]);
|
|
12
|
+
const { classPrefix } = useConfig();
|
|
11
13
|
const dispose = React.useMemo(() => {
|
|
12
14
|
return autorun(() => {
|
|
13
15
|
var _a, _b;
|
|
@@ -24,6 +26,5 @@ export const CustomerService = forwardRef(function CustomerService(props, ref) {
|
|
|
24
26
|
var _a;
|
|
25
27
|
(_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
|
|
26
28
|
};
|
|
27
|
-
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) ||
|
|
28
|
-
(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 }));
|
|
29
|
+
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 }));
|
|
29
30
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useState, useEffect, useCallback, useImperativeHandle, useMemo
|
|
2
|
+
import React, { useState, useEffect, useCallback, useImperativeHandle, useMemo } from 'react';
|
|
3
3
|
import { usePlatform } from '../../utils/platform';
|
|
4
4
|
import classNames from '../../utils/classnames';
|
|
5
5
|
import { ConfigProvider } from 'tea-component';
|
|
@@ -8,7 +8,7 @@ import { getTempFileURL } from '../../utils/tcb';
|
|
|
8
8
|
import './style';
|
|
9
9
|
const CLASS_PREFIX = 'weda-lottery';
|
|
10
10
|
export default React.forwardRef(function Lottery(props, ref) {
|
|
11
|
-
const { className, id, style, prizeList, enablePrize, prizeResult, events } = props;
|
|
11
|
+
const { className, id, style, prizeList, enablePrize, prizeResult, events, duration = 2000 } = props;
|
|
12
12
|
const platform = usePlatform();
|
|
13
13
|
const [activedId, setActivedId] = useState(-1);
|
|
14
14
|
const [isStartLottery, setIsStartLottery] = useState(false);
|
|
@@ -32,8 +32,8 @@ export default React.forwardRef(function Lottery(props, ref) {
|
|
|
32
32
|
convertPrizeList(prizeList);
|
|
33
33
|
}, [prizeList]);
|
|
34
34
|
const lotteryAction = useMemo(() => {
|
|
35
|
-
return new LotteryAction();
|
|
36
|
-
}, []);
|
|
35
|
+
return new LotteryAction({ duration });
|
|
36
|
+
}, [duration]);
|
|
37
37
|
//获取初始化默认数据,数据不足8条设置默认,超过8条获取前8条
|
|
38
38
|
const lotteryListDefault = useCallback(() => {
|
|
39
39
|
const list = [];
|
|
@@ -68,13 +68,7 @@ export default React.forwardRef(function Lottery(props, ref) {
|
|
|
68
68
|
if (lotteryAction.isStart)
|
|
69
69
|
return;
|
|
70
70
|
setIsStartLottery(true);
|
|
71
|
-
}, [
|
|
72
|
-
lotteryAction.isStart,
|
|
73
|
-
setIsStartLottery,
|
|
74
|
-
setBtnActived,
|
|
75
|
-
lotteryListDefault,
|
|
76
|
-
setLotteryList,
|
|
77
|
-
]);
|
|
71
|
+
}, [lotteryAction.isStart, setIsStartLottery, setBtnActived, lotteryListDefault, setLotteryList]);
|
|
78
72
|
const start = useCallback(() => {
|
|
79
73
|
lotteryAction.start(prizeResult, () => {
|
|
80
74
|
window.app.showToast({
|
|
@@ -226,12 +220,8 @@ export default React.forwardRef(function Lottery(props, ref) {
|
|
|
226
220
|
return (_jsx("div", { className: `${CLASS_PREFIX}__dot-item`, style: {
|
|
227
221
|
width: `${(9 * widthRatio) / 14}rem`,
|
|
228
222
|
height: `${(9 * heightRatio) / 14}rem`,
|
|
229
|
-
marginBottom: `${direction}` === 'vertical'
|
|
230
|
-
|
|
231
|
-
: '0',
|
|
232
|
-
marginRight: `${direction}` === 'horizontal'
|
|
233
|
-
? `${(43 * widthRatio) / 14}rem`
|
|
234
|
-
: '0',
|
|
223
|
+
marginBottom: `${direction}` === 'vertical' ? `${(43 * heightRatio) / 14}rem` : '0',
|
|
224
|
+
marginRight: `${direction}` === 'horizontal' ? `${(43 * widthRatio) / 14}rem` : '0',
|
|
235
225
|
} }, index));
|
|
236
226
|
}) }) }));
|
|
237
227
|
};
|
|
@@ -289,41 +279,31 @@ export default React.forwardRef(function Lottery(props, ref) {
|
|
|
289
279
|
return (_jsxs("div", { children: [dot.single && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__dot-single`, `${CLASS_PREFIX}__dot-${dot.position}`), style: {
|
|
290
280
|
width: `${(9 * widthRatio) / 14}rem`,
|
|
291
281
|
height: `${(9 * heightRatio) / 14}rem`,
|
|
292
|
-
top: `${dot.position}` === 'left-top' ||
|
|
293
|
-
`${dot.position}` === 'right-top'
|
|
282
|
+
top: `${dot.position}` === 'left-top' || `${dot.position}` === 'right-top'
|
|
294
283
|
? `${(9 * heightRatio) / 14}rem`
|
|
295
284
|
: '',
|
|
296
|
-
bottom: `${dot.position}` === 'left-bottom' ||
|
|
297
|
-
`${dot.position}` === 'right-bottom'
|
|
285
|
+
bottom: `${dot.position}` === 'left-bottom' || `${dot.position}` === 'right-bottom'
|
|
298
286
|
? `${(9 * heightRatio) / 14}rem`
|
|
299
287
|
: '',
|
|
300
|
-
left: `${dot.position}` === 'left-top' ||
|
|
301
|
-
`${dot.position}` === 'left-bottom'
|
|
288
|
+
left: `${dot.position}` === 'left-top' || `${dot.position}` === 'left-bottom'
|
|
302
289
|
? `${(6 * widthRatio) / 14}rem`
|
|
303
290
|
: '',
|
|
304
|
-
right: `${dot.position}` === 'right-top' ||
|
|
305
|
-
`${dot.position}` === 'right-bottom'
|
|
291
|
+
right: `${dot.position}` === 'right-top' || `${dot.position}` === 'right-bottom'
|
|
306
292
|
? `${(6 * widthRatio) / 14}rem`
|
|
307
293
|
: '',
|
|
308
294
|
} }, `${dot.direction}-${index}`)), !dot.single && (_jsx("div", { className: `${CLASS_PREFIX}__dot-${dot.position}`, style: {
|
|
309
|
-
left: `${dot.position}` === 'top' ||
|
|
310
|
-
`${dot.position}` === 'bottom'
|
|
295
|
+
left: `${dot.position}` === 'top' || `${dot.position}` === 'bottom'
|
|
311
296
|
? `calc((${'100%'} - ${dotWidth}rem) / 2)`
|
|
312
297
|
: `${dot.position}` === 'left'
|
|
313
298
|
? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
|
|
314
299
|
: '',
|
|
315
|
-
top: `${dot.position}` === 'left' ||
|
|
316
|
-
`${dot.position}` === 'right'
|
|
300
|
+
top: `${dot.position}` === 'left' || `${dot.position}` === 'right'
|
|
317
301
|
? `calc((100% - ${dotHeight}rem) / 2)`
|
|
318
302
|
: `${dot.position}` === 'top'
|
|
319
303
|
? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem`
|
|
320
304
|
: '',
|
|
321
|
-
bottom: `${dot.position}` === 'bottom'
|
|
322
|
-
|
|
323
|
-
: '',
|
|
324
|
-
right: `${dot.position}` === 'right'
|
|
325
|
-
? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem`
|
|
326
|
-
: '',
|
|
305
|
+
bottom: `${dot.position}` === 'bottom' ? `${(heightRatio * 18 - heightRatio * 9) / 2 / 14}rem` : '',
|
|
306
|
+
right: `${dot.position}` === 'right' ? `${(widthRatio * 18 - widthRatio * 9) / 2 / 14}rem` : '',
|
|
327
307
|
}, children: true && renderDot(dot.direction, dot.list) }, `${dot.direction}-${index}`))] }, index));
|
|
328
308
|
}), _jsx("div", { className: `${CLASS_PREFIX}__inner`, style: {
|
|
329
309
|
paddingTop: `${(18 * heightRatio) / 14}rem`,
|
|
@@ -334,28 +314,20 @@ export default React.forwardRef(function Lottery(props, ref) {
|
|
|
334
314
|
return (_jsx("li", { "data-testid": "lottery-item", className: classNames(`${CLASS_PREFIX}__turntable-item`, item.idx === activedId ? 'is-actived' : '', item.selected ? 'is-selected' : ''), style: {
|
|
335
315
|
width: `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3)`,
|
|
336
316
|
height: `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3)`,
|
|
337
|
-
top: `${index}` == '0' ||
|
|
338
|
-
`${index}` == '1' ||
|
|
339
|
-
`${index}` == '2'
|
|
317
|
+
top: `${index}` == '0' || `${index}` == '1' || `${index}` == '2'
|
|
340
318
|
? `${(heightRatio * 8) / 14}rem`
|
|
341
319
|
: `${index}` == '3'
|
|
342
320
|
? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
|
|
343
321
|
: '',
|
|
344
|
-
bottom: `${index}` == '4' ||
|
|
345
|
-
`${index}` == '5' ||
|
|
346
|
-
`${index}` == '6'
|
|
322
|
+
bottom: `${index}` == '4' || `${index}` == '5' || `${index}` == '6'
|
|
347
323
|
? `${(heightRatio * 8) / 14}rem`
|
|
348
324
|
: `${index}` == '7'
|
|
349
325
|
? `calc((${'100%'} - ${(heightRatio * 8 * 4) / 14}rem) / 3 + ${(heightRatio * 8 * 2) / 14}rem)`
|
|
350
326
|
: '',
|
|
351
|
-
right: `${index}` == '2' ||
|
|
352
|
-
`${index}` == '3' ||
|
|
353
|
-
`${index}` == '4'
|
|
327
|
+
right: `${index}` == '2' || `${index}` == '3' || `${index}` == '4'
|
|
354
328
|
? `${(widthRatio * 8) / 14}rem`
|
|
355
329
|
: '',
|
|
356
|
-
left: `${index}` == '0' ||
|
|
357
|
-
`${index}` == '6' ||
|
|
358
|
-
`${index}` == '7'
|
|
330
|
+
left: `${index}` == '0' || `${index}` == '6' || `${index}` == '7'
|
|
359
331
|
? `${(widthRatio * 8) / 14}rem`
|
|
360
332
|
: `${index}` == '1' || `${index}` == '5'
|
|
361
333
|
? `calc((${'100%'} - ${(widthRatio * 8 * 4) / 14}rem) / 3 + ${(widthRatio * 8 * 2) / 14}rem)`
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* eslint-disable rulesdir/no-timer */
|
|
2
2
|
export default class LotteryAction {
|
|
3
|
-
constructor() {
|
|
3
|
+
constructor(option) {
|
|
4
|
+
var _a;
|
|
4
5
|
Object.defineProperty(this, "idx", {
|
|
5
6
|
enumerable: true,
|
|
6
7
|
configurable: true,
|
|
@@ -84,7 +85,7 @@ export default class LotteryAction {
|
|
|
84
85
|
// 抽奖速度
|
|
85
86
|
this.speed = 0;
|
|
86
87
|
// 持续时长
|
|
87
|
-
this.duration = 2000;
|
|
88
|
+
this.duration = (_a = option === null || option === void 0 ? void 0 : option.duration) !== null && _a !== void 0 ? _a : 2000;
|
|
88
89
|
// 长度
|
|
89
90
|
this.maxIdx = 8;
|
|
90
91
|
// 回调动作
|
|
@@ -134,9 +135,7 @@ export default class LotteryAction {
|
|
|
134
135
|
clearTimeout(this.timer);
|
|
135
136
|
}
|
|
136
137
|
pointOnCubicBezier(cp, t) {
|
|
137
|
-
const x = Math.pow(1 - t, 2) * cp[0] +
|
|
138
|
-
2 * t * (1 - t) * cp[1] +
|
|
139
|
-
Math.pow(t, 2) * cp[2];
|
|
138
|
+
const x = Math.pow(1 - t, 2) * cp[0] + 2 * t * (1 - t) * cp[1] + Math.pow(t, 2) * cp[2];
|
|
140
139
|
return x;
|
|
141
140
|
}
|
|
142
141
|
loop() {
|
|
@@ -549,6 +549,10 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
|
|
|
549
549
|
clearSelection: () => {
|
|
550
550
|
onSelectChange([], {}, true);
|
|
551
551
|
},
|
|
552
|
+
// 设置选中项
|
|
553
|
+
setSelectedKeys: (params) => {
|
|
554
|
+
setSelectedKeys(params.selectedKeys);
|
|
555
|
+
},
|
|
552
556
|
// 当前页数据
|
|
553
557
|
records: isExpression && !enableTotal && enablePagination
|
|
554
558
|
? getCurrentPageData(dataRef.current.tableRecords, query.pageNo, query.pageSize)
|
|
@@ -92,7 +92,32 @@ declare const TREE_INFO_GOT: ({
|
|
|
92
92
|
* @param {IInitData} param0
|
|
93
93
|
* @returns
|
|
94
94
|
*/
|
|
95
|
-
declare const initData: ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos
|
|
95
|
+
declare const initData: ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos }: IInitData) => {
|
|
96
|
+
checked?: CheckedState;
|
|
97
|
+
searched?: SearchedState;
|
|
98
|
+
expanded?: ExpandState;
|
|
99
|
+
isExpand?: boolean;
|
|
100
|
+
showIcon?: boolean;
|
|
101
|
+
root?: TreeNode;
|
|
102
|
+
parent?: TreeNode;
|
|
103
|
+
iconShow?: string;
|
|
104
|
+
pos?: string;
|
|
105
|
+
label: string;
|
|
106
|
+
children: {
|
|
107
|
+
label: string;
|
|
108
|
+
children: any[];
|
|
109
|
+
value: string;
|
|
110
|
+
disabled: boolean;
|
|
111
|
+
foldIcon: string;
|
|
112
|
+
expendIcon: string;
|
|
113
|
+
leafIcon: string;
|
|
114
|
+
}[];
|
|
115
|
+
value: string;
|
|
116
|
+
disabled: boolean;
|
|
117
|
+
foldIcon: string;
|
|
118
|
+
expendIcon: string;
|
|
119
|
+
leafIcon: string;
|
|
120
|
+
}[];
|
|
96
121
|
/**
|
|
97
122
|
* 初始化节点状态
|
|
98
123
|
* @param param0
|
|
@@ -103,7 +128,7 @@ declare const initTreeState: ({ data, checkedCustom, expandType, expandCustom, s
|
|
|
103
128
|
* 当某节点的选择状态变化时,处理该节点的父和子的选择状态
|
|
104
129
|
* @param treeNode
|
|
105
130
|
*/
|
|
106
|
-
declare const dealCheck: (
|
|
131
|
+
declare const dealCheck: (_treeNode: TreeNode, showData: TreeNode[]) => any;
|
|
107
132
|
/**
|
|
108
133
|
* 查找满足要求的节点
|
|
109
134
|
* @param tree 树
|
|
@@ -189,4 +214,5 @@ declare const getTreeInfo: (params: IFindNodeParams, checkable: boolean) => {
|
|
|
189
214
|
leafIcon: string;
|
|
190
215
|
}[];
|
|
191
216
|
};
|
|
192
|
-
export
|
|
217
|
+
export declare const getTreeNode: (tree: any[], node: any) => any;
|
|
218
|
+
export { TREE_INFO_GOT, initData, initTreeState, dealCheck, findNode, getTreeInfo };
|
|
@@ -74,19 +74,20 @@ const judgeCheck = (treeNode, checkedCustom) => {
|
|
|
74
74
|
* @param {IInitData} param0
|
|
75
75
|
* @returns
|
|
76
76
|
*/
|
|
77
|
-
const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos = ''
|
|
77
|
+
const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos = '' }) => {
|
|
78
78
|
if (!Array.isArray(data))
|
|
79
79
|
return [];
|
|
80
80
|
return data
|
|
81
81
|
.filter((item) => item === null || item === void 0 ? void 0 : item.value)
|
|
82
|
-
.map((
|
|
82
|
+
.map((_item, index) => {
|
|
83
83
|
var _a;
|
|
84
|
+
const item = { ..._item };
|
|
84
85
|
item.pos = `${pos ? `${pos}-` : ''}${index}`;
|
|
85
86
|
item.root = item.root || { ...deepClone(item), pos: item.pos };
|
|
86
87
|
if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
87
88
|
item.children = initData({
|
|
88
|
-
data:
|
|
89
|
-
parent: item,
|
|
89
|
+
data: _item.children,
|
|
90
|
+
parent: { ...item },
|
|
90
91
|
showIcon,
|
|
91
92
|
expendIcon,
|
|
92
93
|
foldIcon,
|
|
@@ -98,7 +99,7 @@ const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos
|
|
|
98
99
|
item.foldIcon = item.foldIcon || foldIcon;
|
|
99
100
|
item.leafIcon = item.leafIcon || leafIcon;
|
|
100
101
|
item.showIcon = showIcon;
|
|
101
|
-
item.parent = parent;
|
|
102
|
+
item.parent = { ...parent };
|
|
102
103
|
return item;
|
|
103
104
|
});
|
|
104
105
|
};
|
|
@@ -107,7 +108,7 @@ const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos
|
|
|
107
108
|
* @param {IGetStateOfChildrenParams} param0
|
|
108
109
|
* @returns
|
|
109
110
|
*/
|
|
110
|
-
const getStateOfChildren = ({ treeNode, key, state
|
|
111
|
+
const getStateOfChildren = ({ treeNode, key, state }) => {
|
|
111
112
|
var _a, _b, _c;
|
|
112
113
|
const notHas = (_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.map((v) => v[key]).includes(state.notHas);
|
|
113
114
|
const has = (_b = treeNode.children) === null || _b === void 0 ? void 0 : _b.map((v) => v[key]).includes(state.has);
|
|
@@ -194,9 +195,7 @@ const initTreeState = ({ data, checkedCustom, expandType, expandCustom, searchKe
|
|
|
194
195
|
item.expanded = item.searched ? 'expand' : '';
|
|
195
196
|
}
|
|
196
197
|
// 被搜索到的或根据输入判断需要展开的都认为要展开
|
|
197
|
-
item.isExpand =
|
|
198
|
-
!!((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) &&
|
|
199
|
-
(searchKey ? !!item.searched : !!item.expanded);
|
|
198
|
+
item.isExpand = !!((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) && (searchKey ? !!item.searched : !!item.expanded);
|
|
200
199
|
if (item.showIcon) {
|
|
201
200
|
if ((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) {
|
|
202
201
|
item.iconShow = item.isExpand ? item.expendIcon : item.foldIcon;
|
|
@@ -212,9 +211,10 @@ const initTreeState = ({ data, checkedCustom, expandType, expandCustom, searchKe
|
|
|
212
211
|
* 当某节点的选择状态变化时,处理该节点的父和子的选择状态
|
|
213
212
|
* @param treeNode
|
|
214
213
|
*/
|
|
215
|
-
const dealCheck = (
|
|
214
|
+
const dealCheck = (_treeNode, showData) => {
|
|
216
215
|
var _a;
|
|
217
|
-
|
|
216
|
+
const treeNode = getTreeNode(showData, _treeNode);
|
|
217
|
+
let parent = getTreeNode(showData, treeNode.parent);
|
|
218
218
|
const adjust = (arr, checked) => {
|
|
219
219
|
arr.forEach((item) => {
|
|
220
220
|
var _a;
|
|
@@ -231,6 +231,7 @@ const dealCheck = (treeNode) => {
|
|
|
231
231
|
if ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
232
232
|
adjust(treeNode.children, treeNode.checked);
|
|
233
233
|
}
|
|
234
|
+
return treeNode;
|
|
234
235
|
};
|
|
235
236
|
/**
|
|
236
237
|
* 查找满足要求的节点
|
|
@@ -286,4 +287,17 @@ const getTreeInfo = (params, checkable) => {
|
|
|
286
287
|
delete info.selectedPositions;
|
|
287
288
|
return info;
|
|
288
289
|
};
|
|
289
|
-
export
|
|
290
|
+
export const getTreeNode = (tree = [], node) => {
|
|
291
|
+
var _a;
|
|
292
|
+
for (const item of tree) {
|
|
293
|
+
if (item.value === (node === null || node === void 0 ? void 0 : node.value))
|
|
294
|
+
return item;
|
|
295
|
+
if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
296
|
+
const found = getTreeNode(item.children, node);
|
|
297
|
+
if (found)
|
|
298
|
+
return found; // 立即返回已找到的节点
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
return null; // 明确返回null表示未找到
|
|
302
|
+
};
|
|
303
|
+
export { TREE_INFO_GOT, initData, initTreeState, dealCheck, findNode, getTreeInfo };
|
|
@@ -3,4 +3,5 @@ import type { CommonPropsType } from '../../types';
|
|
|
3
3
|
import type { DataType } from '../../../configs/components/wd-tree';
|
|
4
4
|
export declare const WdTree: React.ForwardRefExoticComponent<WdTreeProps & React.RefAttributes<unknown>>;
|
|
5
5
|
export interface WdTreeProps extends CommonPropsType, DataType {
|
|
6
|
+
contentSlot_treeNode?: any;
|
|
6
7
|
}
|