@das-fed/upf-ui 6.4.0-dev.247 → 6.4.0-dev.249

package/packages/components/select/src/Select.vue.d.ts

@@ -48,6 +48,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     maxTagsLength: number;
     isExterControlCount: boolean;
     showSelectAll: boolean;
+    optionPaging: boolean;
+    optionPageSize: number;
+    optionPagingDebug: boolean;
+    largeSelectionCollapseThreshold: number;
 }, {}, {
     VNodes: (_: any, { attrs }: Omit<{
         attrs: {

package/packages/components/select/src/type.d.ts

@@ -70,6 +70,14 @@ export interface Props {
   inputAttrs?: any
   
   showSelectAll?: boolean
+  
+  optionPaging?: boolean
+  
+  optionPageSize?: number
+  
+  optionPagingDebug?: boolean
+  
+  largeSelectionCollapseThreshold?: number
 }
 
 export interface Emits {

package/packages/components/select/style.css

@@ -1 +1 @@
-.das-ui-select[data-v-ed8bd659]{--upf-select-text-color: var(--upf-text-primary);--upf-select-placeholder-color: var(--upf-text-placeholder);--upf-select-border-color: var(--upf-border-color, #d9d9d9);--upf-select-underline-color: var(--upf-text-disabled);--upf-select-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));--upf-select-primary-color: var(--upf-color-primary);--upf-select-error-color: var(--upf-color-error);--upf-select-disabled-text-color: var(--upf-text-disabled);--upf-select-disabled-border-color: var(--upf-border-color, #d9d9d9);--upf-select-disabled-bg-color: var(--upf-bg-secondary);--upf-select-option-active-bg: var(--upf-menu-hover-bg);--upf-select-help-color: var(--upf-text-secondary);--upf-select-overlay-error-color: var(--upf-color-error);--upf-select-height-sm: 24px;--upf-select-height-md: 32px;--upf-select-height-lg: 36px;--upf-select-max-height-sm: 66px;--upf-select-max-height-md: 82px;--upf-select-max-height-lg: 85px;--upf-select-tag-font-size-sm: 14px;--upf-select-tag-font-size-md: 14px;--upf-select-tag-font-size-lg: 15px;display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-ed8bd659]{position:absolute;top:100%;left:0;width:var(--v8a55b21e)}.das-ui-select.show-ellipsis[data-v-ed8bd659] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-ed8bd659] .ant-select-selection-overflow-item.ellipsis .ant-tag span:nth-of-type(1){width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-select[data-v-ed8bd659] .ant-select{width:100%;height:var(--f3fe8548)}.das-ui-select[data-v-ed8bd659] .ant-select .das-select-error-label-content{width:var(--v8a55b21e);font-size:12px}.das-ui-select[data-v-ed8bd659] .ant-select .das-select-error-label-content .label{display:block;color:var(--upf-select-overlay-error-color);white-space:break-spaces}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-arrow{color:var(--upf-text-secondary);width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-ed8bd659] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-clear{color:var(--upf-text-placeholder);width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:auto}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-ed8bd659] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-sm)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-lg)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--upf-select-height-md) - 2px);line-height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-tag{color:var(--upf-select-text-color);height:calc(var(--upf-select-height-md) - 4px);line-height:calc(var(--upf-select-height-md) - 5px);font-size:var(--upf-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--upf-select-height-md) - 4px);font-size:var(--upf-select-tag-font-size-md);margin-top:0;margin-bottom:0;border:none;background-color:transparent;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--upf-select-height-sm) - 4px);line-height:calc(var(--upf-select-height-sm) - 5px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--upf-select-max-height-sm)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--upf-select-height-lg) - 2px);line-height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--upf-select-height-lg) - 8px);line-height:calc(var(--upf-select-height-lg) - 8px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--upf-select-height-lg) - 7px);line-height:calc(var(--upf-select-height-lg) - 7px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--upf-select-max-height-lg)}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-ed8bd659] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-ed8bd659] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-ed8bd659] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--upf-select-underline-color)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-ed8bd659] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-ed8bd659] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-ed8bd659] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-search{-webkit-user-select:text;user-select:text;cursor:text;left:8px}.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-ed8bd659] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px;-webkit-user-select:text;user-select:text}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-ed8bd659] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-ed8bd659] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-ed8bd659] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-ed8bd659] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--upf-select-text-color);border-color:transparent}.das-ui-select.readonly[data-v-ed8bd659] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-ed8bd659] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-ed8bd659] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-ed8bd659]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-ed8bd659]{display:block;color:var(--upf-select-error-color)}.das-ui-select-dorpdown .hasNoData{padding:2px 0 6px;color:var(--upf-text-primary);font-size:12px}.das-ui-select-dorpdown .das-select-checkbox.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{padding:0!important}.das-ui-select-dorpdown .das-multiple-option-item{display:flex}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--upf-color-primary-bg);font-weight:400;color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--upf-text-primary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--upf-text-secondary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-state{display:none}.das-ui-select-dorpdown .das-ui-checkbox{display:inline-block;margin-right:5px}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-show{right:4px!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb{width:8px!important;left:1px!important;background:#b2b2b2!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb:hover{width:10px!important;left:0!important;background:#999!important}.das-ui-select-dorpdown .customDropdown{display:flex;align-items:center;padding:6px 12px 2px;cursor:pointer;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .customDropdown .el-input{height:28px}.das-ui-select-dorpdown .customDropdown .addBtn{margin-left:12px;cursor:pointer;flex-shrink:0;font-family:Microsoft YaHei;font-size:12px;font-weight:400;height:28px;line-height:28px;text-align:center;letter-spacing:0px;color:var(--upf-text-primary)}
+.das-ui-select[data-v-93b3fa17]{--upf-select-text-color: var(--upf-text-primary);--upf-select-placeholder-color: var(--upf-text-placeholder);--upf-select-border-color: var(--upf-border-color, #d9d9d9);--upf-select-underline-color: var(--upf-text-disabled);--upf-select-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));--upf-select-primary-color: var(--upf-color-primary);--upf-select-error-color: var(--upf-color-error);--upf-select-disabled-text-color: var(--upf-text-disabled);--upf-select-disabled-border-color: var(--upf-border-color, #d9d9d9);--upf-select-disabled-bg-color: var(--upf-bg-secondary);--upf-select-option-active-bg: var(--upf-menu-hover-bg);--upf-select-help-color: var(--upf-text-secondary);--upf-select-overlay-error-color: var(--upf-color-error);--upf-select-height-sm: 24px;--upf-select-height-md: 32px;--upf-select-height-lg: 36px;--upf-select-max-height-sm: 66px;--upf-select-max-height-md: 82px;--upf-select-max-height-lg: 85px;--upf-select-tag-font-size-sm: 14px;--upf-select-tag-font-size-md: 14px;--upf-select-tag-font-size-lg: 15px;display:inline-block;position:relative}.das-ui-select .das-select-overlay-error-label-content[data-v-93b3fa17]{position:absolute;top:100%;left:0;width:var(--c89c8c78)}.das-ui-select.show-ellipsis[data-v-93b3fa17] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-93b3fa17] .ant-select-selection-overflow-item.ellipsis .ant-tag span:nth-of-type(1){width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-select[data-v-93b3fa17] .ant-select{width:100%;height:var(--v7e92f62e)}.das-ui-select[data-v-93b3fa17] .ant-select .das-select-error-label-content{width:var(--c89c8c78);font-size:12px}.das-ui-select[data-v-93b3fa17] .ant-select .das-select-error-label-content .label{display:block;color:var(--upf-select-overlay-error-color);white-space:break-spaces}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-arrow{color:var(--upf-text-secondary);width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-93b3fa17] .ant-select:hover .ant-select-arrow{color:var(--upf-select-primary-color)}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-clear{color:var(--upf-text-placeholder);width:16px;height:16px;margin-top:0;transform:translateY(-50%);z-index:auto}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-93b3fa17] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-sm)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-lg)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selection-search{margin-inline-start:0px;-webkit-margin-start:0px;height:calc(var(--upf-select-height-md) - 2px);line-height:calc(var(--upf-select-height-md) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-tag{color:var(--upf-select-text-color);height:calc(var(--upf-select-height-md) - 4px);line-height:calc(var(--upf-select-height-md) - 5px);font-size:var(--upf-select-tag-font-size-md);margin-bottom:0;margin-right:0}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selection-item{height:calc(var(--upf-select-height-md) - 4px);font-size:var(--upf-select-tag-font-size-md);margin-top:0;margin-bottom:0;border:none;background-color:transparent;-webkit-margin-end:0px;margin-inline-end:0px;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-sm .ant-tag{height:calc(var(--upf-select-height-sm) - 4px);line-height:calc(var(--upf-select-height-sm) - 5px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:calc(var(--upf-select-height-sm) - 2px);line-height:calc(var(--upf-select-height-sm) - 2px);font-size:var(--upf-select-tag-font-size-sm)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{max-height:var(--upf-select-max-height-sm)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:calc(var(--upf-select-height-lg) - 2px);line-height:calc(var(--upf-select-height-lg) - 2px)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-lg .ant-tag{height:calc(var(--upf-select-height-lg) - 8px);line-height:calc(var(--upf-select-height-lg) - 8px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:calc(var(--upf-select-height-lg) - 7px);line-height:calc(var(--upf-select-height-lg) - 7px);font-size:var(--upf-select-tag-font-size-lg)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{max-height:var(--upf-select-max-height-lg)}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-93b3fa17] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-93b3fa17] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-93b3fa17] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-93b3fa17] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-93b3fa17] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-93b3fa17] .ant-select .ant-select-selector{border-radius:0;border-color:transparent!important;border-bottom-color:var(--upf-select-underline-color)!important;background-color:transparent!important;padding:0!important}.das-ui-select.underline[data-v-93b3fa17] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-93b3fa17] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-93b3fa17] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-93b3fa17] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-93b3fa17] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-93b3fa17] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.bordered[data-v-93b3fa17] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-93b3fa17] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-93b3fa17] .ant-select .ant-select-selector .ant-select-selection-search{-webkit-user-select:text;user-select:text;cursor:text;left:8px}.das-ui-select.bordered[data-v-93b3fa17] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-93b3fa17] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:24px;-webkit-user-select:text;user-select:text}.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-93b3fa17] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-93b3fa17] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-93b3fa17] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-93b3fa17] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-93b3fa17] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important;cursor:default;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:var(--upf-select-text-color);border-color:transparent}.das-ui-select.readonly[data-v-93b3fa17] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-93b3fa17] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-93b3fa17] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-93b3fa17]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-93b3fa17]{display:block;color:var(--upf-select-error-color)}.das-ui-select-dorpdown .hasNoData{padding:2px 0 6px;color:var(--upf-text-primary);font-size:12px}.das-ui-select-dorpdown .das-select-checkbox.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{padding:0!important}.das-ui-select-dorpdown .das-multiple-option-item{display:flex}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--upf-color-primary-bg);font-weight:400;color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .das-multiple-option-item{color:var(--upf-text-primary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall{height:40px;line-height:40px;padding:0 12px;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked{font-size:12px;color:var(--upf-text-secondary)}.das-ui-select-dorpdown .das-ui-select-dropdown-checkall .das-ui-dropdown-has-checked .key{color:var(--upf-color-primary)}.das-ui-select-dorpdown .ant-select-item-option-state{display:none}.das-ui-select-dorpdown .das-ui-checkbox{display:inline-block;margin-right:5px}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-show{right:4px!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb{width:8px!important;left:1px!important;background:#b2b2b2!important}.das-ui-select-dorpdown .rc-virtual-list-scrollbar-thumb:hover{width:10px!important;left:0!important;background:#999!important}.das-ui-select-dorpdown .customDropdown{display:flex;align-items:center;padding:6px 12px 2px;cursor:pointer;border-top:1px solid var(--upf-border-color)}.das-ui-select-dorpdown .customDropdown .el-input{height:28px}.das-ui-select-dorpdown .customDropdown .addBtn{margin-left:12px;cursor:pointer;flex-shrink:0;font-family:Microsoft YaHei;font-size:12px;font-weight:400;height:28px;line-height:28px;text-align:center;letter-spacing:0px;color:var(--upf-text-primary)}

package/packages/components/select-input/index.js

@@ -1,11 +1,12 @@
-import '@das-fed/upf-ui/packages/components/select-input/style.css';
 import { withInstall as S } from "@das-fed/upf-utils/with-install/index";
 import { computed as y, ref as w, defineComponent as F, openBlock as H, createBlock as z, unref as t, normalizeClass as k, isRef as x, createSlots as L, withCtx as b, createVNode as v } from "vue";
 import { DasInput as E } from "@das-fed/upf-ui/packages/components/input/index";
 import { DasIconSearch as W } from "@das-fed/upf-ui/packages/icons/search/index";
 import { DasSelect as D } from "@das-fed/upf-ui/packages/components/select/index";
 import { useModelValue as C } from "@das-fed/upf-utils/vue";
-import "@das-fed/upf-ui/packages/global/theme";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/select-input/style.css';
+;
 const K = (e, a) => {
   const o = C(e, "modelValue"), i = C(e, "optionValue"), l = C(e, "isExpandAtFocus"), u = y(() => typeof e.width == "number" ? e.width + "px" : e == null ? void 0 : e.width), p = () => {
     a("update:modelValue", o.value);

package/packages/components/select-list/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/select-list/style.css';
 import { withInstall as wi } from "@das-fed/upf-utils/with-install/index";
 import { i18n as je, setI18nRule as Si } from "@das-fed/upf-web/packages/i18n/index";
 import { ElInfiniteScroll as Ei } from "element-plus/es";
@@ -13,7 +12,9 @@ import { DasIconDrag as Ri } from "@das-fed/upf-ui/packages/icons/drag/index";
 import { useModelValue as Qt } from "@das-fed/upf-utils/vue";
 import { SizeWatcher as Fi } from "@das-fed/upf-utils/size-watcher";
 import "@das-fed/upf-ui/packages/global/theme";
-import "@das-fed/upf-ui/packages/global/style";
+import "@das-fed/upf-ui/packages/global/style"
+import '@das-fed/upf-ui/packages/components/select-list/style.css';
+;
 function Hi() {
   var t = window.navigator.userAgent, e = t.indexOf("MSIE ");
   if (e > 0)

package/packages/components/special-range-picker-month/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/special-range-picker-month/style.css';
 import { withInstall as ae } from "@das-fed/upf-utils/with-install/index";
 import { t as N, setI18nRule as te } from "@das-fed/upf-web/packages/i18n/index";
 import { ref as m, computed as V, defineComponent as ne, onMounted as oe, openBlock as k, createElementBlock as y, normalizeStyle as L, unref as e, createElementVNode as f, normalizeClass as I, createVNode as B, withCtx as Y, toDisplayString as x, withDirectives as Z, Fragment as P, renderList as re, createTextVNode as le, createBlock as se, Teleport as ie, createCommentVNode as _ } from "vue";
@@ -7,7 +6,9 @@ import { vDasTooltip as ce } from "@das-fed/upf-ui/packages/components/text-tool
 import { DasIconDate as ve } from "@das-fed/upf-ui/packages/icons/date/index";
 import { DasIconEmpty as pe } from "@das-fed/upf-ui/packages/icons/empty/index";
 import { useModelValue as F } from "@das-fed/upf-utils/vue";
-import "@das-fed/upf-ui/packages/global/theme";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/special-range-picker-month/style.css';
+;
 const j = () => ({ getDateTime: (r) => {
   const l = `2020/03/${r}`;
   return new Date(l).getTime();

package/packages/components/special-range-picker-year/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/special-range-picker-year/style.css';
 import { withInstall as ge } from "@das-fed/upf-utils/with-install/index";
 import { i18n as Y, setI18nRule as fe } from "@das-fed/upf-web/packages/i18n/index";
 import { ref as k, computed as A, defineComponent as me, onMounted as be, openBlock as I, createElementBlock as S, normalizeStyle as N, unref as e, createElementVNode as v, normalizeClass as R, createVNode as _, withCtx as Q, toDisplayString as $, withDirectives as U, createTextVNode as T, Fragment as H, renderList as X, createBlock as he, Teleport as De, createCommentVNode as ee } from "vue";
@@ -10,7 +9,9 @@ import { DasIconDate as Ie } from "@das-fed/upf-ui/packages/icons/date/index";
 import { DasIconLeft as $e } from "@das-fed/upf-ui/packages/icons/left/index";
 import { DasIconEntry as we } from "@das-fed/upf-ui/packages/icons/entry/index";
 import { useModelValue as ae } from "@das-fed/upf-utils/vue";
-import "@das-fed/upf-ui/packages/global/theme";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/special-range-picker-year/style.css';
+;
 const ne = () => ({ getDateTime: (n) => {
   const p = `2020/${n}`;
   return new Date(p).getTime();

package/packages/components/spin/index.js

@@ -1,11 +1,12 @@
-import '@das-fed/upf-ui/packages/components/spin/style.css';
 import { setI18nRule as u, t as v } from "@das-fed/upf-web/packages/i18n/index";
 import { withInstall as _ } from "@das-fed/upf-utils/with-install/index";
 import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as $, ref as C, useAttrs as g, watch as f, h as o, normalizeClass as z, createVNode as S, unref as p, mergeProps as h, withCtx as x, renderSlot as y } from "vue";
 import { Spin as I } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
 import { DasIconLoad as L } from "@das-fed/upf-ui/packages/icons/load/index";
-import "@das-fed/upf-ui/packages/global/theme";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/spin/style.css';
+;
 const r = (a, t) => {
   const i = a.__vccOpts || a;
   for (const [e, s] of t)

package/packages/components/split-panel/index.js

@@ -1,9 +1,10 @@
-import '@das-fed/upf-ui/packages/components/split-panel/style.css';
 import { getCurrentScope as me, onScopeDispose as ge, unref as be, getCurrentInstance as ye, onMounted as se, nextTick as Se, ref as b, watch as $, defineComponent as he, computed as N, openBlock as L, createElementBlock as z, normalizeStyle as A, createElementVNode as O, renderSlot as R, normalizeClass as Q, createCommentVNode as C, withModifiers as X } from "vue";
 import { withInstall as Oe } from "@das-fed/upf-utils/with-install/index";
 import "@das-fed/upf-ui/packages/components/icon/index";
 import "@das-fed/upf-ui/packages/icons/shuyoufanye/index";
-import "@das-fed/upf-ui/packages/icons/shuzuofanye/index";
+import "@das-fed/upf-ui/packages/icons/shuzuofanye/index"
+import '@das-fed/upf-ui/packages/components/split-panel/style.css';
+;
 function q(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");

package/packages/components/step/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/step/style.css';
 import { withInstall as i } from "@das-fed/upf-utils/with-install/index";
 import { defineComponent as p, computed as r, openBlock as u, createBlock as d, unref as l, mergeProps as f, createSlots as m, withCtx as a, renderSlot as c } from "vue";
 import { Step as _ } from "ant-design-vue";
-import "ant-design-vue/es/steps/style/css";
+import "ant-design-vue/es/steps/style/css"
+import '@das-fed/upf-ui/packages/components/step/style.css';
+;
 const v = /* @__PURE__ */ p({
   __name: "stepItem",
   props: {

package/packages/components/steps/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/steps/style.css';
 import { withInstall as e } from "@das-fed/upf-utils/with-install/index";
 import { defineComponent as s, openBlock as r, createBlock as o, unref as p, mergeProps as a, withCtx as n, renderSlot as m } from "vue";
 import { Steps as l } from "ant-design-vue";
-import "ant-design-vue/es/steps/style/css";
+import "ant-design-vue/es/steps/style/css"
+import '@das-fed/upf-ui/packages/components/steps/style.css';
+;
 const f = /* @__PURE__ */ s({
   __name: "steps",
   setup(i) {

package/packages/components/switch/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/switch/style.css';
 import { withInstall as d } from "@das-fed/upf-utils/with-install/index";
 import { defineComponent as f, computed as r, ref as _, onMounted as S, openBlock as h, createElementBlock as v, normalizeStyle as w, createVNode as z, unref as x, mergeProps as y } from "vue";
 import { ElSwitch as V } from "element-plus";
-import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/switch/style/css"
+import '@das-fed/upf-ui/packages/components/switch/style.css';
+;
 const g = {
   inheritAttrs: !1
 }, b = /* @__PURE__ */ f({

package/packages/components/table/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/table/style.css';
 import { defineComponent as ca, openBlock as B, createElementBlock as re, createElementVNode as fe, computed as ie, watch as _n, nextTick as Gi, ref as he, onMounted as ra, onUnmounted as Df, useAttrs as q0, useSlots as Y0, onUpdated as X0, onBeforeUnmount as V0, provide as K0, normalizeClass as sn, unref as y, normalizeStyle as rr, createCommentVNode as J, renderSlot as mt, Fragment as Qe, createVNode as De, withCtx as ne, createTextVNode as ht, toDisplayString as xe, createBlock as Ee, mergeProps as Jl, withDirectives as bt, vShow as Dr, isRef as Z0, renderList as ri, withModifiers as Rf, inject as J0, createSlots as Q0 } from "vue";
 import { withInstall as Lf } from "@das-fed/upf-utils/with-install/index";
 import { ElCheckbox as j0, ElIcon as e_, ElDropdownItem as t_, ElDropdownMenu as n_, ElDropdown as r_, ElPopover as kf } from "element-plus/es";
@@ -36,7 +35,9 @@ import { DasInput as mf } from "@das-fed/upf-ui/packages/components/input/index"
 import { DasSpin as b_ } from "@das-fed/upf-ui/packages/components/spin/index";
 import { vOverlay as y_ } from "@das-fed/upf-ui/packages/components/overlay/index";
 import { DasIconSolidFilter as w_ } from "@das-fed/upf-ui/packages/icons/solid-filter/index";
-import { Empty as x_ } from "ant-design-vue";
+import { Empty as x_ } from "ant-design-vue"
+import '@das-fed/upf-ui/packages/components/table/style.css';
+;
 /*! Element Plus Icons Vue v2.3.2 */
 var C_ = /* @__PURE__ */ ca({
   name: "Loading",

package/packages/components/tabs/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tabs/style.css';
 import { withInstall as H } from "@das-fed/upf-utils/with-install/index";
 import { t as $, setI18nRule as J } from "@das-fed/upf-web/packages/i18n/index";
 import { TabPane as Q } from "ant-design-vue/es";
@@ -9,7 +8,9 @@ import "element-plus/es/components/popover/style/css";
 import { ref as E, computed as d, onMounted as Z, defineComponent as ee, openBlock as s, createBlock as I, unref as i, mergeProps as K, createSlots as U, withCtx as v, renderSlot as p, createCommentVNode as u, createElementBlock as f, Fragment as x, renderList as _, normalizeStyle as te, withDirectives as R, createTextVNode as W, toDisplayString as O, createVNode as ne, createElementVNode as ae, normalizeClass as oe } from "vue";
 import { Tabs as re } from "ant-design-vue";
 import { DasIcon as le } from "@das-fed/upf-ui/packages/components/icon/index";
-import { vDasTooltip as V } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { vDasTooltip as V } from "@das-fed/upf-ui/packages/components/text-tooltip/index"
+import '@das-fed/upf-ui/packages/components/tabs/style.css';
+;
 const se = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(t), L = (t) => {
   if (t)
     return typeof t == "string" && se(t) ? t : t + "px";

package/packages/components/tag/index.d.ts

@@ -5,8 +5,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         width: string;
         maxWidth: string;
-        round: boolean;
         effect: "dark" | "light" | "plain" | "text" | "list";
+        round: boolean;
         toolTip: boolean;
         toolTipLabel: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -22,8 +22,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
         type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
         width: string;
         maxWidth: string;
-        round: boolean;
         effect: "dark" | "light" | "plain" | "text" | "list";
+        round: boolean;
         toolTip: boolean;
         toolTipLabel: string;
     }>;
@@ -36,8 +36,8 @@ declare const DasTag: import("@das-fed/upf-utils").SFCWithInstall<{
     type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
     width: string;
     maxWidth: string;
-    round: boolean;
     effect: "dark" | "light" | "plain" | "text" | "list";
+    round: boolean;
     toolTip: boolean;
     toolTipLabel: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/packages/components/tag/index.js

@@ -1,9 +1,10 @@
-import '@das-fed/upf-ui/packages/components/tag/style.css';
 import { withInstall as C } from "@das-fed/upf-utils/with-install/index";
 import { defineComponent as E, computed as t, ref as d, watch as L, nextTick as D, openBlock as f, createElementBlock as T, createVNode as I, unref as g, mergeProps as R, withCtx as _, renderSlot as V, createBlock as z, createElementVNode as A, normalizeStyle as y, toDisplayString as w, createCommentVNode as k } from "vue";
 import { DasTooltip as O } from "@das-fed/upf-ui/packages/components/tooltip/index";
 import { ElTag as P } from "element-plus";
-import "element-plus/es/components/tag/style/css";
+import "element-plus/es/components/tag/style/css"
+import '@das-fed/upf-ui/packages/components/tag/style.css';
+;
 const j = { class: "das-ui-tag" }, q = {
   inheritAttrs: !1
 }, F = /* @__PURE__ */ E({

package/packages/components/tag/src/Index.vue.d.ts

@@ -7,8 +7,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     type: "success" | "info" | "warning" | "danger" | "process" | "temporary" | "";
     width: string;
     maxWidth: string;
-    round: boolean;
     effect: "dark" | "light" | "plain" | "text" | "list";
+    round: boolean;
     toolTip: boolean;
     toolTipLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/packages/components/text-tooltip/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/text-tooltip/style.css';
 import { createStyle as Mn } from "@das-fed/upf-utils/style";
 import { ref as Ee } from "vue";
 import { useZIndex as Vn } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { currentLang as wo } from "@das-fed/upf-web/packages/i18n/index";
+import { currentLang as wo } from "@das-fed/upf-web/packages/i18n/index"
+import '@das-fed/upf-ui/packages/components/text-tooltip/style.css';
+;
 /*!
  * OverlayScrollbars
  * Version: 2.6.1

package/packages/components/time-line/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/time-line/style.css';
 import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
 import { defineComponent as v, provide as E, reactive as N, openBlock as d, createElementBlock as B, createVNode as w, unref as I, mergeProps as k, withCtx as u, renderSlot as a, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as r, normalizeStyle as P } from "vue";
 import "ant-design-vue/es/timeline/style/css";
-import { Timeline as V, TimelineItem as j } from "ant-design-vue";
+import { Timeline as V, TimelineItem as j } from "ant-design-vue"
+import '@das-fed/upf-ui/packages/components/time-line/style.css';
+;
 const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
   __name: "Index",
   props: {

package/packages/components/tooltip/index.d.ts

@@ -43,9 +43,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -75,9 +75,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;
@@ -85,7 +85,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "effect" | "placement" | "selfPopperClass" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -138,9 +138,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -170,9 +170,9 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;
@@ -180,7 +180,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "effect" | "placement" | "selfPopperClass" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -203,9 +203,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -227,9 +227,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
         disabled: boolean;
         row: number | string;
         content: string;
+        effect: "dark" | "light";
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
-        effect: "dark" | "light";
         customClass: string;
         textWidth: string;
         textHtml: boolean;
@@ -251,9 +251,9 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;

package/packages/components/tooltip/index.js

@@ -1,10 +1,11 @@
-import '@das-fed/upf-ui/packages/components/tooltip/style.css';
 import { defineComponent as L, useCssVars as z, useAttrs as D, computed as c, ref as v, onMounted as P, onBeforeMount as I, openBlock as s, createBlock as O, unref as b, mergeProps as W, withCtx as m, createVNode as q, createElementVNode as M, normalizeClass as $, renderSlot as R, createElementBlock as a, Fragment as h, createTextVNode as F, toDisplayString as B, createCommentVNode as g, normalizeStyle as X, nextTick as Y } from "vue";
 import { setI18nRule as A, t as j } from "@das-fed/upf-web/packages/i18n/index";
 import { withInstall as G } from "@das-fed/upf-utils/with-install/index";
 import { DasScrollbar as J } from "@das-fed/upf-ui/packages/components/scrollbar/index";
 import { ElTooltip as K } from "element-plus";
-import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/tooltip/style/css"
+import '@das-fed/upf-ui/packages/components/tooltip/style.css';
+;
 const Q = {
   key: 0,
   class: "das-tooltip-virtual-placeholder"

package/packages/components/tooltip/src/index.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     disabled: boolean;
     row: number | string;
     content: string;
+    effect: "dark" | "light";
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
-    effect: "dark" | "light";
     customClass: string;
     textWidth: string;
     textHtml: boolean;

package/packages/components/tree/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree/style.css';
 import { defineComponent as cr, openBlock as T, createBlock as Ge, unref as s, createElementBlock as A, createElementVNode as ze, renderSlot as D, createTextVNode as Ae, toDisplayString as ge, ref as U, computed as z, watch as $t, nextTick as pe, onMounted as Pa, onBeforeUnmount as zn, useAttrs as Un, normalizeStyle as Er, normalizeClass as Ze, mergeProps as Kr, isRef as Gn, createSlots as wt, withCtx as je, createVNode as vt, createCommentVNode as j, withDirectives as ve, withModifiers as Qe, Fragment as Ce, vShow as Rn, renderList as ht } from "vue";
 import { withInstall as La } from "@das-fed/upf-utils/with-install/index";
 import { t as be, setI18nRule as Vn } from "@das-fed/upf-web/packages/i18n/index";
@@ -12,7 +11,9 @@ import "element-plus/es/components/popover/style/css";
 import "element-plus/es/components/tree/style/css";
 import { DasIconCaretRight as Xn } from "@das-fed/upf-ui/packages/icons/caret-right/index";
 import { arrUnique as Zt } from "@das-fed/upf-utils/common-tools";
-import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/loading/style/css"
+import '@das-fed/upf-ui/packages/components/tree/style.css';
+;
 const Zn = /* @__PURE__ */ cr({
   __name: "expand-icon",
   setup(e) {

package/packages/components/tree-select/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree-select/style.css';
 import { ref as j, computed as k, watch as ye, nextTick as _, unref as r, onMounted as Ie, onBeforeUnmount as Be, defineComponent as Oe, useAttrs as Re, withDirectives as be, openBlock as q, createElementBlock as fe, normalizeClass as Ee, normalizeStyle as ge, createCommentVNode as Me, createVNode as ve, withCtx as x, withModifiers as he, mergeProps as pe, isRef as X, createTextVNode as Ae, toDisplayString as We, createElementVNode as Ge, createBlock as ke, createSlots as Se, renderSlot as N } from "vue";
 import { withInstall as Fe } from "@das-fed/upf-utils/with-install/index";
 import { ElPopover as ze } from "element-plus";
@@ -11,7 +10,9 @@ import { DasIconXiala as Ye } from "@das-fed/upf-ui/packages/icons/xiala/index";
 import { vDasTooltip as Ze } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { SizeWatcher as Ke } from "@das-fed/upf-utils/size-watcher";
 import { flatTree as _e } from "@das-fed/upf-utils/common-tools";
-import { vClickOutside as et } from "@das-fed/upf-utils/directive";
+import { vClickOutside as et } from "@das-fed/upf-utils/directive"
+import '@das-fed/upf-ui/packages/components/tree-select/style.css';
+;
 var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function tt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;

package/packages/components/tree-select/src/App.vue.d.ts

@@ -40,6 +40,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -108,6 +112,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -169,6 +177,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -176,7 +188,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -243,6 +255,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -311,6 +327,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -372,6 +392,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -379,7 +403,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {