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

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-4e887741]{font-size:var(--das-upf-ui-font-size-sm);color:var(--upf-text-primary);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-4e887741]{position:relative}.das-ui-checkbox .label[data-v-4e887741]{color:var(--upf-text-primary)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important;display:inline-block;line-height:inherit;vertical-align:top}.das-ui-checkbox .label.label-min-width[data-v-4e887741]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-4e887741]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--upf-color-primary);color:var(--upf-color-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--upf-color-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-4e887741]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--upf-text-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-4e887741]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-4e887741]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--upf-border-color);border-radius:2px;color:var(--upf-text-primary);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-4e887741]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-4e887741]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-4e887741]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-4e887741]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-4e887741]{box-shadow:0 0 0 3px var(--upf-checkbox-focus-shadow, rgba(85, 130, 243, .1))}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]:not(.das-ui-checkbox-square--disabled){border-color:var(--upf-color-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-4e887741]{color:var(--upf-text-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]{cursor:not-allowed;background-color:var(--upf-bg-secondary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--upf-text-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-4e887741]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-4e887741]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-4e887741]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-4e887741]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-4e887741]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-4e887741]{background-color:var(--upf-checkbox-filter-bg, var(--upf-bg-primary));color:var(--upf-color-primary);border-color:var(--upf-color-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-4e887741]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-4e887741]{display:inline-block;position:relative;color:var(--upf-text-primary)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-4e887741]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-4e887741]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-4e887741]{display:flex;align-items:center;height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-4e887741]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-4e887741]{max-width:72px;margin-right:16px;font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--upf-text-primary)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-4e887741]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-4e887741]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-4e887741]{display:block;color:var(--upf-color-success);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-4e887741]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-4e887741]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-4e887741]{width:100%;position:absolute;top:100%;left:0;background-color:var(--upf-checkbox-overlay-error-bg, rgba(255, 77, 79, .14));box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-4e887741]{font-size:12px;color:var(--upf-color-error)}.das-ui-checkbox[data-v-4e887741] .ant-checkbox-wrapper{height:var(--checkbox-height, auto);line-height:var(--checkbox-height, normal)}.das-ui-checkbox .ant-checkbox-wrapper{display:inline-flex;align-items:center;height:var(--checkbox-height, auto);line-height:var(--checkbox-height, normal);font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm));color:var(--upf-text-primary);font-weight:400;vertical-align:middle}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox{top:0;flex:0 0 auto;align-self:center;line-height:1}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:after{border:1px solid var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--upf-color-primary);background-color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{box-sizing:content-box;width:3px!important;height:7px!important;top:1px!important;left:4px!important;border-width:2px;transform-origin:center}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scaleY(1)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--upf-border-color)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--upf-color-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{display:inline-flex;align-items:center;min-width:0;line-height:18px;color:var(--upf-text-primary);padding-left:5px!important;padding-right:16px!important;font-size:inherit;font-weight:inherit}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--upf-text-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--upf-text-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--upf-bg-secondary)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--upf-bg-secondary)!important}
+.empty-text[data-v-4e887741]{font-size:var(--das-upf-ui-font-size-sm);color:var(--upf-text-primary);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-4e887741]{position:relative}.das-ui-checkbox .label[data-v-4e887741]{color:var(--upf-text-primary)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important;display:inline-block;line-height:inherit;vertical-align:top}.das-ui-checkbox .label.label-min-width[data-v-4e887741]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-4e887741]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--upf-color-primary);color:var(--upf-color-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--upf-color-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-4e887741]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--upf-text-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-4e887741]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-4e887741]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--upf-border-color);border-radius:2px;color:var(--upf-text-primary);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-4e887741]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-4e887741]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-4e887741]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-4e887741]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-4e887741]{box-shadow:0 0 0 3px var(--upf-checkbox-focus-shadow, rgba(85, 130, 243, .1))}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-4e887741]:not(.das-ui-checkbox-square--disabled){border-color:var(--upf-color-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-4e887741]{color:var(--upf-text-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]{cursor:not-allowed;background-color:var(--upf-bg-secondary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-4e887741]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--upf-text-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-4e887741]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-4e887741]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-4e887741]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-4e887741]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-4e887741]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-4e887741]{background-color:var(--upf-checkbox-filter-bg, var(--upf-bg-primary));color:var(--upf-color-primary);border-color:var(--upf-color-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-4e887741]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-4e887741]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-4e887741]{display:inline-block;position:relative;color:var(--upf-text-primary)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-4e887741]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-4e887741]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-4e887741]{display:flex;align-items:center;height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-4e887741]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-4e887741]{max-width:72px;margin-right:16px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-4e887741]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-4e887741]{font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--upf-text-primary)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-4e887741]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-4e887741]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-4e887741]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-4e887741]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-4e887741]{display:block;color:var(--upf-color-success);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-4e887741]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-4e887741]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-4e887741]{width:100%;position:absolute;top:100%;left:0;background-color:var(--upf-checkbox-overlay-error-bg, rgba(255, 77, 79, .14));box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-4e887741]{font-size:12px;color:var(--upf-color-error)}.das-ui-checkbox[data-v-4e887741] .ant-checkbox-wrapper{height:var(--checkbox-height, auto);line-height:var(--checkbox-height, normal)}.das-ui-checkbox .ant-checkbox-wrapper{display:inline-flex;align-items:center;height:var(--checkbox-height, auto);line-height:var(--checkbox-height, normal);font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm));color:var(--upf-text-primary);font-weight:400;vertical-align:middle}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox{top:0;flex:0 0 auto;align-self:center;line-height:1}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:after{border:1px solid var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--upf-color-primary);background-color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{box-sizing:content-box;width:3px!important;height:7px!important;top:1px!important;left:4px!important;border-width:2px;transform-origin:center}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate).ant-checkbox-checked .ant-checkbox-inner:after{transform:rotate(45deg) scaleY(1)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--upf-border-color)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--upf-color-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{display:inline-flex;align-items:center;min-width:0;line-height:18px;color:var(--upf-text-primary);padding-left:5px!important;padding-right:16px!important;font-size:inherit;font-weight:inherit}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--upf-text-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--upf-text-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--upf-bg-secondary)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--upf-border-color)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--upf-color-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--upf-bg-secondary)!important}

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

@@ -1,48 +1,55 @@
-import { defineComponent as d, useAttrs as c, inject as i, computed as u, openBlock as n, createBlock as f, unref as p, mergeProps as m, withCtx as s, renderSlot as l, withDirectives as h, createElementBlock as _, createTextVNode as w, toDisplayString as v, ref as C } from "vue";
-import { withInstall as D } from "@das-fed/upf-utils/with-install/index";
-import { CollapsePanel as b } from "ant-design-vue";
-import { vDasTooltip as P } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { defineComponent as d, useAttrs as i, inject as u, computed as f, openBlock as n, createBlock as m, unref as p, mergeProps as h, withCtx as s, createCommentVNode as c, renderSlot as l, withDirectives as _, createElementBlock as w, createTextVNode as C, toDisplayString as v, ref as D } from "vue";
+import { withInstall as b } from "@das-fed/upf-utils/with-install/index";
+import { CollapsePanel as P } from "ant-design-vue";
+import { vDasTooltip as $ } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import "ant-design-vue/es/collapse/style/css";
 import "@das-fed/upf-ui/packages/global/theme"
 import '@das-fed/upf-ui/packages/components/collapse-panel/style.css';
 ;
-const $ = { class: "das-collaspe-panel--header" }, k = /* @__PURE__ */ d({
+const k = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ d({
   __name: "Index",
   props: {
     header: { default: "" }
   },
-  setup(o) {
-    const a = c(), t = i("parentCollapsible"), r = u(() => t.value || a.collapsible === "disabled");
-    return (e, x) => (n(), f(p(b), m(e.$attrs, {
+  setup(t) {
+    const a = i(), o = u("parentCollapsible"), r = f(() => o.value || a.collapsible === "disabled");
+    return (e, B) => (n(), m(p(P), h(e.$attrs, {
       class: "das-collaspe-panel",
       showArrow: r.value ? !1 : e.$attrs.showArrow
     }), {
       header: s(() => [
+        c(" 面板头内容 "),
         l(e.$slots, "header", {}, () => [
-          h((n(), _("div", $, [
-            w(v(e.header), 1)
+          _((n(), w("div", k, [
+            C(
+              v(t.header),
+              1
+              /* TEXT */
+            )
           ])), [
-            [p(P)]
+            [p($)]
           ])
         ], !0)
       ]),
       extra: s(() => [
+        c(" 自定义渲染每个面板右上角的内容 "),
         l(e.$slots, "extra", {}, void 0, !0)
       ]),
       default: s(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
+      /* FORWARDED */
     }, 16, ["showArrow"]));
   }
-}), A = (o, a) => {
-  const t = o.__vccOpts || o;
+}), A = (t, a) => {
+  const o = t.__vccOpts || t;
   for (const [r, e] of a)
-    t[r] = e;
-  return t;
-}, g = /* @__PURE__ */ A(k, [["__scopeId", "data-v-e4682cad"]]), j = () => C(null), N = D(g);
+    o[r] = e;
+  return o;
+}, g = /* @__PURE__ */ A(x, [["__scopeId", "data-v-e4682cad"]]), V = () => D(null), j = b(g);
 export {
-  N as DasCollaspePanel,
-  j as DasCollaspePanelRef,
-  N as default
+  j as DasCollaspePanel,
+  V as DasCollaspePanelRef,
+  j as default
 };

package/packages/components/collapse-transition/index.js

@@ -26,12 +26,19 @@ const l = /* @__PURE__ */ d({
         t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (t, y) => (s(), e(i, n({ name: "das-ui-collapse-transition" }, r(o)), {
-      default: p(() => [
-        g(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
+    return (t, y) => (s(), e(
+      i,
+      n({ name: "das-ui-collapse-transition" }, r(o)),
+      {
+        default: p(() => [
+          g(t.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
   }
 }), T = a(l);
 export {

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

@@ -4,8 +4,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $props: {
         readonly width?: string | undefined;
         readonly bordered?: boolean | undefined;
-        readonly activeKey?: string | string[] | undefined;
-        readonly expandIconType?: "triangle" | "arrow" | undefined;
+        readonly activeKey?: (string | string[]) | undefined;
+        readonly expandIconType?: ("triangle" | "arrow") | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -61,8 +61,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $props: {
         readonly width?: string | undefined;
         readonly bordered?: boolean | undefined;
-        readonly activeKey?: string | string[] | undefined;
-        readonly expandIconType?: "triangle" | "arrow" | undefined;
+        readonly activeKey?: (string | string[]) | undefined;
+        readonly expandIconType?: ("triangle" | "arrow") | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;

package/packages/components/collaspe/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, useAttrs as f, provide as u, openBlock as m, createBlock as y, unref as s, mergeProps as v, isRef as b, createSlots as C, withCtx as p, renderSlot as I, createVNode as w, normalizeStyle as K, ref as _ } from "vue";
+import { defineComponent as p, useAttrs as f, provide as u, openBlock as m, createBlock as y, unref as r, mergeProps as v, isRef as b, createSlots as C, withCtx as c, renderSlot as I, createVNode as w, normalizeStyle as x, ref as K } from "vue";
 import { withInstall as g } from "@das-fed/upf-utils/with-install/index";
 import { Collapse as h } from "ant-design-vue";
 import "@das-fed/upf-ui/packages/components/icon/index";
@@ -7,7 +7,7 @@ import { useModelValue as i } from "@das-fed/upf-utils/vue";
 import "ant-design-vue/es/collapse/style/css"
 import '@das-fed/upf-ui/packages/components/collaspe/style.css';
 ;
-const D = /* @__PURE__ */ c({
+const D = /* @__PURE__ */ p({
   __name: "Index",
   props: {
     width: { default: "100%" },
@@ -15,39 +15,40 @@ const D = /* @__PURE__ */ c({
     activeKey: { default: "0" },
     expandIconType: { default: "triangle" }
   },
-  setup(o) {
-    const a = o, l = f(), e = i(a, "activeKey"), r = i(l, "collapsible");
-    return u("parentCollapsible", r), (t, d) => (m(), y(s(h), v({
+  setup(e) {
+    const l = e, o = f(), t = i(l, "activeKey"), a = i(o, "collapsible");
+    return u("parentCollapsible", a), (s, d) => (m(), y(r(h), v({
       class: "das-collapse",
-      activeKey: s(e),
-      "onUpdate:activeKey": d[0] || (d[0] = (n) => b(e) ? e.value = n : null),
-      bordered: t.bordered
-    }, t.$attrs, {
-      style: { width: t.width }
+      activeKey: r(t),
+      "onUpdate:activeKey": d[0] || (d[0] = (n) => b(t) ? t.value = n : null),
+      bordered: e.bordered
+    }, s.$attrs, {
+      style: { width: e.width }
     }), C({
-      default: p(() => [
-        I(t.$slots, "default", {}, void 0, !0)
+      default: c(() => [
+        I(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
+      /* DYNAMIC */
     }, [
-      t.expandIconType === "triangle" ? {
+      e.expandIconType === "triangle" ? {
         name: "expandIcon",
-        fn: p(({ isActive: n }) => [
-          w(s(k), {
+        fn: c(({ isActive: n }) => [
+          w(r(k), {
             size: "medium",
-            style: K({ transform: n ? "none" : "rotate(-90deg)" })
+            style: x({ transform: n ? "none" : "rotate(-90deg)" })
           }, null, 8, ["style"])
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["activeKey", "bordered", "style"]));
   }
-}), x = (o, a) => {
-  const l = o.__vccOpts || o;
-  for (const [e, r] of a)
-    l[e] = r;
-  return l;
-}, B = /* @__PURE__ */ x(D, [["__scopeId", "data-v-c9735d0f"]]), M = () => _(null), N = g(B);
+}), B = (e, l) => {
+  const o = e.__vccOpts || e;
+  for (const [t, a] of l)
+    o[t] = a;
+  return o;
+}, S = /* @__PURE__ */ B(D, [["__scopeId", "data-v-c9735d0f"]]), M = () => K(null), N = g(S);
 export {
   N as DasCollaspe,
   M as DasCollaspeRef,

package/packages/components/color-picker/index.d.ts

@@ -10,10 +10,10 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }, import("vue").PublicProps, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
@@ -29,10 +29,10 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }>, {}, {}, {}, {}, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
@@ -45,10 +45,10 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }, import("vue").PublicProps, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
@@ -64,10 +64,10 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }>, {}, {}, {}, {}, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }> | null>;
 declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -81,10 +81,10 @@ declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import
 }>, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasColorPicker, DasColorPickerRef };

package/packages/components/color-picker/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as b, ref as y, openBlock as p, createElementBlock as m, createVNode as k, unref as e, mergeProps as O, isRef as I, withCtx as u, createBlock as v, createCommentVNode as V, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as $, renderList as M, toDisplayString as A } from "vue";
+import { defineComponent as N, computed as b, ref as y, openBlock as p, createElementBlock as V, createCommentVNode as u, createVNode as v, unref as e, mergeProps as O, isRef as I, withCtx as f, createBlock as k, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as $, renderList as M, toDisplayString as A } from "vue";
 import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as L, t as H, setI18nRule as U } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDropdown as j, DasDropdownMenu as q } from "@das-fed/upf-ui/packages/components/dropdown/index";
@@ -14,15 +14,15 @@ import '@das-fed/upf-ui/packages/components/color-picker/style.css';
 const Z = (s, r) => {
   const l = g(s, "modelValue"), c = g(s, "options");
   let t = g(s, "modelValue");
-  return { innerValue: l, inputChangeHandler: (a) => {
-    t.value = a, r("update:modelValue", a), r("change", a);
-  }, inputInputHandler: (a) => {
-    t.value = a, r("update:modelValue", a), r("dasInput", a), r("change", a);
+  return { innerValue: l, inputChangeHandler: (i) => {
+    t.value = i, r("update:modelValue", i), r("change", i);
+  }, inputInputHandler: (i) => {
+    t.value = i, r("update:modelValue", i), r("dasInput", i), r("change", i);
   }, colorOption: c, colorPickerValue: t };
 }, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ N({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ N({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -47,63 +47,65 @@ const Z = (s, r) => {
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const t = b(() => L.value === "zh-CN" ? X : Y), _ = b(() => l.placeholder || H("请输入")), z = b(() => l.borderType), { innerValue: a, inputChangeHandler: B, inputInputHandler: x, colorOption: o, colorPickerValue: w } = Z(l, c), h = y(), f = y(!1), E = (d) => {
-      var n, i;
-      c("change", d), a.value = d, (i = (n = h.value) == null ? void 0 : n.getElRef()) == null || i.handleClose(), f.value = !1;
+    const t = b(() => L.value === "zh-CN" ? X : Y), _ = b(() => l.placeholder || H("请输入")), z = b(() => l.borderType), { innerValue: i, inputChangeHandler: x, inputInputHandler: B, colorOption: o, colorPickerValue: w } = Z(l, c), h = y(), m = y(!1), E = (d) => {
+      var a, n;
+      c("change", d), i.value = d, (n = (a = h.value) == null ? void 0 : a.getElRef()) == null || n.handleClose(), m.value = !1;
     }, D = () => {
-      var d, n;
-      o.value.mode != "default" && ((n = (d = h.value) == null ? void 0 : d.getElRef()) == null || n.handleOpen(), f.value = !0);
+      var d, a;
+      o.value.mode != "default" && ((a = (d = h.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), m.value = !0);
     }, R = (d) => {
-      f.value = d;
+      m.value = d;
     };
-    return (d, n) => (p(), m("div", ee, [
-      k(e(K), O({
+    return (d, a) => (p(), V("div", ee, [
+      u(" 内部 input 宽度跟随容器自适应，避免使用 das-input 默认的 230px 固定宽度 "),
+      v(e(K), O({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
-          { "das-empty-color": !e(a) },
+          { "das-empty-color": !e(i) },
           { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
           { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
           { "das-both-view-cell": e(o).isView || l.isView },
-          { "focus-predefine-view-cell": e(o).mode == "predefine" && f.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
         ]],
         width: "100%",
-        modelValue: e(a),
-        "onUpdate:modelValue": n[1] || (n[1] = (i) => I(a) ? a.value = i : null)
+        modelValue: e(i),
+        "onUpdate:modelValue": a[1] || (a[1] = (n) => I(i) ? i.value = n : null)
       }, d.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
         onClick: D,
-        onInput: e(x),
+        onInput: e(B),
         borderType: z.value,
         placeholder: _.value,
-        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a),
+        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i),
         size: l.formSize
       }), {
-        append: u(() => [
-          e(o).mode == "default" ? (p(), v(e(Q), {
+        append: f(() => [
+          e(o).mode == "default" ? (p(), k(e(Q), {
             key: 0,
             locale: t.value
           }, {
-            default: u(() => [
-              !e(o).isView && !l.isView || e(a) ? (p(), v(e(W), {
+            default: f(() => [
+              !e(o).isView && !l.isView || e(i) ? (p(), k(e(W), {
                 key: 0,
                 locale: t.value,
                 placement: e(o).placement,
                 modelValue: e(w),
-                "onUpdate:modelValue": n[0] || (n[0] = (i) => I(w) ? w.value = i : null),
+                "onUpdate:modelValue": a[0] || (a[0] = (n) => I(w) ? w.value = n : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
                 disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
-                onChange: e(B)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : V("", !0)
+                onChange: e(x)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : u("v-if", !0)
             ]),
             _: 1
-          }, 8, ["locale"])) : V("", !0),
-          e(o).mode == "predefine" ? (p(), v(e(j), {
+            /* STABLE */
+          }, 8, ["locale"])) : u("v-if", !0),
+          e(o).mode == "predefine" ? (p(), k(e(j), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
@@ -114,60 +116,81 @@ const Z = (s, r) => {
             "hide-on-click": !1,
             onVisibleChange: R
           }, {
-            content: u(() => [
-              P("span", {
-                class: C([
-                  "color-predefine-icon",
-                  e(o).size,
-                  { "border-predefine": e(a) && e(a) != "-" },
-                  { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
-                ]),
-                style: S("background-color:" + e(a))
-              }, [
-                k(e(J), {
-                  icon: e(a) && e(a) != "-" ? "fold" : "close2",
-                  customSize: "6px",
-                  iconColor: e(a) && e(a) != "-" ? "var(--upf-bg-primary)" : "var(--upf-text-secondary)"
-                }, null, 8, ["icon", "iconColor"])
-              ], 6)
+            content: f(() => [
+              P(
+                "span",
+                {
+                  class: C([
+                    "color-predefine-icon",
+                    e(o).size,
+                    { "border-predefine": e(i) && e(i) != "-" },
+                    { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
+                  ]),
+                  style: S("background-color:" + e(i))
+                },
+                [
+                  v(e(J), {
+                    icon: e(i) && e(i) != "-" ? "fold" : "close2",
+                    customSize: "6px",
+                    iconColor: e(i) && e(i) != "-" ? "var(--upf-bg-primary)" : "var(--upf-text-secondary)"
+                  }, null, 8, ["icon", "iconColor"])
+                ],
+                6
+                /* CLASS, STYLE */
+              )
             ]),
-            default: u(() => [
-              k(e(q), null, {
-                default: u(() => [
+            default: f(() => [
+              v(e(q), null, {
+                default: f(() => [
                   P("div", oe, [
-                    (p(!0), m($, null, M(e(o).predefine, (i, T) => (p(), m("div", {
-                      class: C(["color-predefine-span", { active: e(a) == i }]),
-                      key: T,
-                      style: S("background-color:" + i),
-                      onClick: (de) => E(i)
-                    }, null, 14, le))), 128))
+                    (p(!0), V(
+                      $,
+                      null,
+                      M(e(o).predefine, (n, T) => (p(), V("div", {
+                        class: C(["color-predefine-span", { active: e(i) == n }]),
+                        key: T,
+                        style: S("background-color:" + n),
+                        onClick: (de) => E(n)
+                      }, null, 14, le))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
                   ])
                 ]),
                 _: 1
+                /* STABLE */
               })
             ]),
             _: 1
-          }, 8, ["disabled"])) : V("", !0)
+            /* STABLE */
+          }, 8, ["disabled"])) : u("v-if", !0)
         ]),
         _: 1
+        /* STABLE */
       }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal", "size"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (p(), m("span", {
-        key: 0,
-        class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-        onClick: D
-      }, A(e(H)("请选择")), 3)) : V("", !0)
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (p(), V(
+        "span",
+        {
+          key: 0,
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: D
+        },
+        A(e(H)("请选择")),
+        3
+        /* TEXT, CLASS */
+      )) : u("v-if", !0)
     ]));
   }
-}), ne = (s, r) => {
+}), ae = (s, r) => {
   const l = s.__vccOpts || s;
   for (const [c, t] of r)
     l[c] = t;
   return l;
-}, ie = /* @__PURE__ */ ne(ae, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
+}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
 U(re);
-const ke = () => y(null), ve = F(ie);
+const ve = () => y(null), ke = F(ne);
 export {
-  ve as DasColorPicker,
-  ke as DasColorPickerRef,
-  ve as default
+  ke as DasColorPicker,
+  ve as DasColorPickerRef,
+  ke as default
 };

package/packages/components/color-picker/src/Index.vue.d.ts

@@ -11,10 +11,10 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     options: Record<string, any>;
     disabled: boolean;
+    placeholder: string;
     modelValue: any;
     isView: boolean;
     borderType: "bottom" | "bordered";
-    placeholder: string;
     noSetDefaultVal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/custom-search-item/index.d.ts

@@ -8,8 +8,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly options?: any[] | undefined;
         readonly modelValue?: any;
         readonly customerActive?: boolean | undefined;
-        readonly labelLength?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -81,8 +81,8 @@ declare const DasCustomSearchItemRef: () => import("vue").Ref<({
         readonly options?: any[] | undefined;
         readonly modelValue?: any;
         readonly customerActive?: boolean | undefined;
-        readonly labelLength?: number | string | undefined;
-        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly labelLength?: (number | string) | undefined;
+        readonly labelPosition?: ("left" | "right" | "top") | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;