@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.302

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

@@ -23,13 +23,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     mode: "multiple" | "tags" | "combobox";
     error: boolean;
     disabled: boolean;
-    open: boolean;
     width: string | number;
+    open: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     fieldNames: any;
     borderType: "underline" | "bordered" | "none";
-    placeholder: string;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
     noSetDefaultVal: boolean;

package/packages/components/select/style.css

@@ -1 +1 @@
-.das-ui-select[data-v-908229c6]{--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-908229c6]{position:absolute;top:100%;left:0;width:var(--1cfb2fe5)}.das-ui-select.show-ellipsis[data-v-908229c6] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-908229c6] .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-908229c6] .ant-select{width:100%;height:var(--689bd2e8)}.das-ui-select[data-v-908229c6] .ant-select .das-select-error-label-content{width:var(--1cfb2fe5);font-size:12px}.das-ui-select[data-v-908229c6] .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-908229c6] .ant-select .ant-select-arrow{color:#666;width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-908229c6] .ant-select:hover .ant-select-arrow{color:#666}.das-ui-select[data-v-908229c6] .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-908229c6] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-908229c6] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-908229c6] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-908229c6] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-908229c6] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-908229c6] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-908229c6] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-908229c6] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-908229c6] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-908229c6] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-908229c6] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-908229c6] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-908229c6] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-908229c6] .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-908229c6] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-908229c6] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-908229c6] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-908229c6] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-908229c6] .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-908229c6] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-908229c6] .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-908229c6] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-908229c6] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-908229c6]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-908229c6]{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-908229c6]{--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-908229c6]{position:absolute;top:100%;left:0;width:var(--v1cfb2fe5)}.das-ui-select.show-ellipsis[data-v-908229c6] .ant-select-selection-overflow-item.ellipsis .ant-tag{display:flex;align-items:center}.das-ui-select.show-ellipsis[data-v-908229c6] .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-908229c6] .ant-select{width:100%;height:var(--v689bd2e8)}.das-ui-select[data-v-908229c6] .ant-select .das-select-error-label-content{width:var(--v1cfb2fe5);font-size:12px}.das-ui-select[data-v-908229c6] .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-908229c6] .ant-select .ant-select-arrow{color:#666;width:16px;height:16px;margin-top:0;transform:translateY(-50%)}.das-ui-select[data-v-908229c6] .ant-select:hover .ant-select-arrow{color:#666}.das-ui-select[data-v-908229c6] .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-908229c6] .ant-select .ant-select-clear:hover{color:var(--upf-text-secondary)}.das-ui-select[data-v-908229c6] .ant-select .os-scrollbar.os-scrollbar-vertical{z-index:1}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector{box-sizing:border-box;box-shadow:none!important}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-tag{margin-bottom:1px;background-color:transparent}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-search{left:0}.das-ui-select[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-placeholder{padding-left:0;left:0}.das-ui-select[data-v-908229c6] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:var(--upf-select-height-md)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select .ant-select-selection-item{color:var(--upf-select-text-color)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector{min-height:var(--upf-select-height-md)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-multiple .ant-select-selection-overflow{max-height:var(--upf-select-max-height-md)}.das-ui-select[data-v-908229c6] .ant-select.ant-select-multiple.ant-select-sm .ant-select-selector{min-height:var(--upf-select-height-sm)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-multiple.ant-select-lg .ant-select-selector{min-height:var(--upf-select-height-lg)}.das-ui-select[data-v-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .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-908229c6] .ant-select.ant-select-single .ant-select-selector{padding:0!important}.das-ui-select[data-v-908229c6] .ant-select-multiple .ant-select-selector{padding-top:0;padding-bottom:0}.das-ui-select[data-v-908229c6] .ant-select-multiple .ant-select-selector:after{margin:0}.das-ui-select[data-v-908229c6] .ant-select-multiple .anticon svg{vertical-align:baseline}.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-arrow,.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-item,.das-ui-select[data-v-908229c6] .ant-select-disabled.ant-select .ant-tag{color:var(--upf-select-disabled-text-color)}.das-ui-select[data-v-908229c6] .ant-select .das-suffix-icon{transition:transform .5s}.das-ui-select[data-v-908229c6] .ant-select.ant-select-open .das-suffix-icon{transform:rotate(180deg)}.das-ui-select.underline[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector:hover,.das-ui-select.underline[data-v-908229c6] .ant-select.ant-select-focused .ant-select-selector{border-bottom-color:var(--upf-select-active-border-color)!important}.das-ui-select.underline[data-v-908229c6] .ant-select .ant-select-arrow,.das-ui-select.underline[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select.underline.is-error[data-v-908229c6] .ant-select .ant-select-selector,.das-ui-select.underline.is-error[data-v-908229c6] .ant-select .ant-select-selector:hover{border-bottom-color:var(--upf-select-error-color)!important}.das-ui-select.underline[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.underline[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector{border-color:var(--upf-select-border-color)!important}.das-ui-select.bordered[data-v-908229c6] .ant-select .ant-select-selector:hover,.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-focused .ant-select-selector{border-color:var(--upf-select-active-border-color)!important}.das-ui-select.bordered[data-v-908229c6] .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-908229c6] .ant-select .ant-select-selector .ant-select-selection-placeholder,.das-ui-select.bordered[data-v-908229c6] .ant-select .ant-select-selector .ant-select-selection-item{padding-left:8px}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.das-ui-select.bordered[data-v-908229c6] .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-908229c6] .ant-select.ant-select-multiple .ant-select-selector{padding-left:3px}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-item{padding-left:0;height:auto}.das-ui-select.bordered[data-v-908229c6] .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search{left:5px}.das-ui-select.bordered.is-error[data-v-908229c6] .ant-select .ant-select-selector,.das-ui-select.bordered.is-error[data-v-908229c6] .ant-select .ant-select-selector:hover{border-color:var(--upf-select-error-color)!important}.das-ui-select.bordered[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector,.das-ui-select.bordered[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector:hover{border-color:var(--upf-select-disabled-border-color)!important}.das-ui-select.none[data-v-908229c6] .ant-select .ant-select-arrow,.das-ui-select.none[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select.none[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selector{background-color:transparent!important}.das-ui-select.readonly[data-v-908229c6] .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-908229c6] .ant-select-disabled.ant-select .ant-select-selector input{cursor:text;-webkit-user-select:text;user-select:text}.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-item{color:var(--upf-select-text-color);cursor:default}.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-tag,.das-ui-select.readonly[data-v-908229c6] .ant-select-disabled.ant-select .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-908229c6] .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-908229c6] .ant-select-disabled.ant-select-multiple .ant-select-selection-placeholder{color:var(--upf-select-text-color)}.das-ui-select.readonly[data-v-908229c6] .ant-select .ant-select-arrow{display:none}.das-ui-select.readonly.underline[data-v-908229c6] .ant-select .ant-select-clear{right:0}.das-ui-select .das-select-label-content[data-v-908229c6]{font-size:12px}.das-ui-select .das-select-label-content .das-select-error-label[data-v-908229c6]{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,44 +1,44 @@
-import { withInstall as H } from "@das-fed/upf-utils/with-install/index";
-import { computed as S, ref as b, defineComponent as z, openBlock as k, createBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
-import { DasInput as W } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasIconSearch as D } from "@das-fed/upf-ui/packages/icons/search/index";
-import { DasSelect as K } from "@das-fed/upf-ui/packages/components/select/index";
-import { useModelValue as g } from "@das-fed/upf-utils/vue";
+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/components/select-input/style.css';
 ;
-const N = (t, o) => {
-  const s = g(t, "modelValue"), i = g(t, "optionValue"), l = g(t, "isExpandAtFocus"), u = S(() => typeof t.width == "number" ? t.width + "px" : t == null ? void 0 : t.width), f = () => {
-    o("update:modelValue", s.value);
-  }, m = (a) => {
-    o("update:modelValue", a), o("inputChange", a);
-  }, h = (a) => {
-    o("update:modelValue", a), o("dasInput", a);
-  }, V = (a) => {
-    o("update:optionValue", a), o("selectChange", a);
-  }, d = b(""), r = b(!1);
+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);
+  }, f = (n) => {
+    a("update:modelValue", n), a("inputChange", n);
+  }, m = (n) => {
+    a("update:modelValue", n), a("dasInput", n);
+  }, h = (n) => {
+    a("update:optionValue", n), a("selectChange", n);
+  }, s = w(""), d = w(!1);
   return {
-    innerValue: s,
+    innerValue: o,
     selectValue: i,
-    inputChangeHandler: m,
-    selectChangeHandler: V,
-    inputInputHandler: h,
-    searchHandler: f,
-    inputWidth: d,
-    isFocus: r,
+    inputChangeHandler: f,
+    selectChangeHandler: h,
+    inputInputHandler: m,
+    searchHandler: p,
+    inputWidth: s,
+    isFocus: d,
     onFocus: () => {
-      var p;
+      var c;
       if (!l.value) return;
-      let a = (p = u.value) == null ? void 0 : p.replace("px", "");
-      d.value = u.value && a * 1 > 400 ? u.value : "400px", r.value = !0;
+      let n = (c = u.value) == null ? void 0 : c.replace("px", "");
+      s.value = u.value && n * 1 > 400 ? u.value : "400px", d.value = !0;
     },
     onBlur: () => {
-      l.value && (d.value = "", r.value = !1);
+      l.value && (s.value = "", d.value = !1);
     },
     isExpandInput: l,
     selectInputWidth: u
   };
-}, P = /* @__PURE__ */ z({
+}, N = /* @__PURE__ */ F({
   __name: "Index",
   props: {
     options: { default: [] },
@@ -58,77 +58,78 @@ const N = (t, o) => {
     formSize: {}
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
-  setup(t, { emit: o }) {
-    const s = t, i = o, {
+  setup(e, { emit: a }) {
+    const o = e, i = a, {
       innerValue: l,
       selectValue: u,
-      inputChangeHandler: f,
-      selectChangeHandler: m,
-      inputInputHandler: h,
-      searchHandler: V,
-      inputWidth: d,
-      isFocus: r,
-      onFocus: I,
-      onBlur: w,
-      isExpandInput: a,
-      selectInputWidth: p
-    } = N(s, i), F = S(() => s.formSize);
-    return (n, c) => (k(), L(e(W), {
-      class: x(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
-      modelValue: e(l),
-      "onUpdate:modelValue": c[1] || (c[1] = (C) => v(l) ? l.value = C : null),
-      width: e(a) && e(r) ? e(d) : e(p),
-      disabled: n.disabled,
-      isView: n.isView,
-      maxLength: n.maxLength,
+      inputChangeHandler: p,
+      selectChangeHandler: f,
+      inputInputHandler: m,
+      searchHandler: h,
+      inputWidth: s,
+      isFocus: d,
+      onFocus: g,
+      onBlur: I,
+      isExpandInput: n,
+      selectInputWidth: c
+    } = K(o, i), B = y(() => o.formSize);
+    return (M, r) => (H(), z(t(E), {
+      class: k(["das-select-input", { "is-error": e.error, "is-search": e.isSearch, "is-disabled": e.disabled }]),
+      modelValue: t(l),
+      "onUpdate:modelValue": r[1] || (r[1] = (V) => x(l) ? l.value = V : null),
+      width: t(n) && t(d) ? t(s) : t(c),
+      disabled: e.disabled,
+      isView: e.isView,
+      maxLength: e.maxLength,
       filterSpace: !1,
-      isTitle: !n.isExpandAtFocus,
-      onInput: e(h),
-      onChange: e(f),
-      onFocus: e(I),
-      onBlur: e(w),
-      size: F.value || "default"
-    }, E({
-      prepend: y(() => [
-        B(e(K), {
+      isTitle: !e.isExpandAtFocus,
+      onInput: t(m),
+      onChange: t(p),
+      onFocus: t(g),
+      onBlur: t(I),
+      size: B.value || "default"
+    }, L({
+      prepend: b(() => [
+        v(t(D), {
           size: "mini",
-          disabled: n.disabled,
-          isView: n.isView,
+          disabled: e.disabled,
+          isView: e.isView,
           dropdownClassName: "das-select-input-select-container",
-          modelValue: e(u),
-          "onUpdate:modelValue": c[0] || (c[0] = (C) => v(u) ? u.value = C : null),
+          modelValue: t(u),
+          "onUpdate:modelValue": r[0] || (r[0] = (V) => x(u) ? u.value = V : null),
           width: "auto",
           dropdownMatchSelectWidth: !1,
           "border-type": "none",
-          options: n.options,
-          getPopupContainer: n.getPopupContainer,
+          options: e.options,
+          getPopupContainer: e.getPopupContainer,
           fieldNames: {
-            value: n.optionsValueKey,
-            label: n.optionsLabelKey
+            value: e.optionsValueKey,
+            label: e.optionsLabelKey
           },
-          onChange: e(m)
+          onChange: t(f)
         }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
       ]),
       _: 2
+      /* DYNAMIC */
     }, [
-      n.hasIcon ? {
+      e.hasIcon ? {
         name: "suffix",
-        fn: y(() => [
-          B(e(D), {
+        fn: b(() => [
+          v(t(W), {
             style: { cursor: "pointer" },
-            onClick: e(V)
+            onClick: t(h)
           }, null, 8, ["onClick"])
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur", "size"]));
   }
-}), A = (t, o) => {
-  const s = t.__vccOpts || t;
-  for (const [i, l] of o)
-    s[i] = l;
-  return s;
-}, M = /* @__PURE__ */ A(P, [["__scopeId", "data-v-a4651296"]]), J = H(M);
+}), P = (e, a) => {
+  const o = e.__vccOpts || e;
+  for (const [i, l] of a)
+    o[i] = l;
+  return o;
+}, A = /* @__PURE__ */ P(N, [["__scopeId", "data-v-a4651296"]]), J = S(A);
 export {
   J as DasSelectInput,
   J as default

package/packages/components/select-list/index.d.ts

@@ -21,8 +21,8 @@ declare const DasSelectList: import("@das-fed/upf-utils").SFCWithInstall<{
         "update:infiniteDisabled": (value: boolean) => any;
     }, import("vue").PublicProps, {
         props: any;
-        width: string;
         height: string;
+        width: string;
         clearable: boolean;
         virtual: boolean;
         hideHeader: boolean;
@@ -52,8 +52,8 @@ declare const DasSelectList: import("@das-fed/upf-utils").SFCWithInstall<{
         infiniteLoad: () => void;
     }, {}, {}, {}, {
         props: any;
-        width: string;
         height: string;
+        width: string;
         clearable: boolean;
         virtual: boolean;
         hideHeader: boolean;
@@ -88,8 +88,8 @@ declare const DasSelectList: import("@das-fed/upf-utils").SFCWithInstall<{
     "update:infiniteDisabled": (value: boolean) => any;
 }, string, {
     props: any;
-    width: string;
     height: string;
+    width: string;
     clearable: boolean;
     virtual: boolean;
     hideHeader: boolean;