@das-fed/upf-ui 6.4.0-dev.231 → 6.4.0-dev.232

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-b535aca4]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-b535aca4]{position:relative}.das-ui-checkbox .label[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important}.das-ui-checkbox .label.label-min-width[data-v-b535aca4]{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-b535aca4]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-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-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-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-b535aca4]{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-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-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-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-b535aca4]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:2px;color:var(--das-ui-radio-font-normal);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-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-b535aca4]{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-b535aca4]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-b535aca4]{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-b535aca4]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-b535aca4]{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-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-b535aca4]{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-b535aca4]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-b535aca4]{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-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-b535aca4]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]: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-b535aca4]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-b535aca4]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!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-b535aca4]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-b535aca4]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-b535aca4]{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-b535aca4]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b535aca4]{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(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-b535aca4]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-b535aca4]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-b535aca4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-b535aca4]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);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-b535aca4]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-b535aca4] .ant-checkbox-wrapper{height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-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+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-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(--das-ui-radio-inner-disabled)!important}
+.empty-text[data-v-b535aca4]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal);height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox[data-v-b535aca4]{position:relative}.das-ui-checkbox .label[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important}.das-ui-checkbox .label.label-min-width[data-v-b535aca4]{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-b535aca4]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-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-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-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-b535aca4]{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-b535aca4]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-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-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-b535aca4]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:2px;color:var(--das-ui-radio-font-normal);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-b535aca4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-b535aca4]{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-b535aca4]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-b535aca4]{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-b535aca4]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b535aca4]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-b535aca4]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b535aca4]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-b535aca4]{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-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-b535aca4]{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-b535aca4]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-b535aca4]{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-b535aca4]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-b535aca4]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b535aca4]: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-b535aca4]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-b535aca4]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!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-b535aca4]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-b535aca4]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-b535aca4]{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-b535aca4]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b535aca4]{max-width:72px;margin-right:16px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-b535aca4]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-b535aca4]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-b535aca4]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-b535aca4]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-b535aca4]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-b535aca4]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-b535aca4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-b535aca4]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);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-b535aca4]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-b535aca4] .ant-checkbox-wrapper{height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-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+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-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(--das-ui-radio-inner-disabled)!important}

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

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

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

@@ -25,12 +25,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,11 +1,11 @@
 import '@das-fed/upf-ui/packages/components/collaspe/style.css';
-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 { DasIconDown3 as k } from "@das-fed/upf-ui/packages/icons/down-3/index";
 import { useModelValue as i } from "@das-fed/upf-utils/vue";
 import "ant-design-vue/es/collapse/style/css";
-const D = /* @__PURE__ */ c({
+const D = /* @__PURE__ */ p({
   __name: "Index",
   props: {
     width: { default: "100%" },
@@ -13,39 +13,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"]]), A = () => _(null), M = 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"]]), A = () => K(null), M = g(S);
 export {
   M as DasCollaspe,
   A as DasCollaspeRef,

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

@@ -10,8 +10,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }, import("vue").PublicProps, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
@@ -29,8 +29,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }>, {}, {}, {}, {}, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
@@ -45,8 +45,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }, import("vue").PublicProps, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
@@ -64,8 +64,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
 }>, {}, {}, {}, {}, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;
@@ -81,8 +81,8 @@ declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import
 }>, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;

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

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/color-picker/style.css';
-import { defineComponent as x, computed as D, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as C, createCommentVNode as w, createElementVNode as P, normalizeClass as g, normalizeStyle as S, Fragment as O, renderList as $, toDisplayString as F } from "vue";
+import { defineComponent as x, computed as D, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as v, createCommentVNode as w, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as O, renderList as $, toDisplayString as F } from "vue";
 import { withInstall as M } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as A, t as H, setI18nRule as L } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
@@ -7,22 +7,22 @@ import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages
 import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
 import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
-import { useModelValue as v } from "@das-fed/upf-utils/vue";
+import { useModelValue as g } from "@das-fed/upf-utils/vue";
 import W from "element-plus/dist/locale/zh-cn.mjs";
 import X from "element-plus/dist/locale/en.mjs";
 import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
 const Z = (t, d) => {
-  const l = v(t, "modelValue"), u = v(t, "options");
-  let p = v(t, "modelValue");
-  return { innerValue: l, inputChangeHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("change", i);
-  }, inputInputHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("dasInput", i), d("change", i);
+  const l = g(t, "modelValue"), u = g(t, "options");
+  let p = g(t, "modelValue");
+  return { innerValue: l, inputChangeHandler: (a) => {
+    p.value = a, d("update:modelValue", a), d("change", a);
+  }, inputInputHandler: (a) => {
+    p.value = a, d("update:modelValue", a), d("dasInput", a), d("change", a);
   }, colorOption: u, colorPickerValue: p };
 }, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ x({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -47,9 +47,9 @@ const Z = (t, d) => {
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const p = D(() => A.value === "zh-CN" ? W : X), _ = D(() => l.placeholder || H("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
+    const p = D(() => A.value === "zh-CN" ? W : X), _ = D(() => l.placeholder || H("请输入")), { innerValue: i, inputChangeHandler: a, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
       var n, r;
-      u("change", s), a.value = s, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
+      u("change", s), i.value = s, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
     }, z = () => {
       var s, n;
       o.value.mode != "default" && ((n = (s = b.value) == null ? void 0 : s.getElRef()) == null || n.handleOpen(), m.value = !0);
@@ -60,14 +60,14 @@ const Z = (t, d) => {
       k(e(J), N({
         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" && m.value }
         ]],
-        modelValue: e(a),
-        "onUpdate:modelValue": n[1] || (n[1] = (r) => I(a) ? a.value = r : null)
+        modelValue: e(i),
+        "onUpdate:modelValue": n[1] || (n[1] = (r) => I(i) ? i.value = r : null)
       }, s.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
@@ -76,16 +76,16 @@ const Z = (t, d) => {
         onInput: e(R),
         borderType: l.borderType,
         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: f(() => [
-          e(o).mode == "default" ? (c(), C(e(K), {
+          e(o).mode == "default" ? (c(), v(e(K), {
             key: 0,
             locale: p.value
           }, {
             default: f(() => [
-              !e(o).isView && !l.isView || e(a) ? (c(), C(e(Q), {
+              !e(o).isView && !l.isView || e(i) ? (c(), v(e(Q), {
                 key: 0,
                 locale: p.value,
                 placement: e(o).placement,
@@ -97,12 +97,13 @@ const Z = (t, d) => {
                 "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(i)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("", !0)
+                onChange: e(a)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("v-if", !0)
             ]),
             _: 1
-          }, 8, ["locale"])) : w("", !0),
-          e(o).mode == "predefine" ? (c(), C(e(U), {
+            /* STABLE */
+          }, 8, ["locale"])) : w("v-if", !0),
+          e(o).mode == "predefine" ? (c(), v(e(U), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
@@ -114,55 +115,76 @@ const Z = (t, d) => {
             onVisibleChange: E
           }, {
             content: f(() => [
-              P("span", {
-                class: g([
-                  "color-predefine-icon",
-                  e(o).size,
-                  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(G), {
-                  icon: e(a) && e(a) != "-" ? "fold" : "close2",
-                  customSize: "6px",
-                  iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
-                }, null, 8, ["icon", "iconColor"])
-              ], 6)
+              P(
+                "span",
+                {
+                  class: C([
+                    "color-predefine-icon",
+                    e(o).size,
+                    e(i) && e(i) != "-",
+                    { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
+                  ]),
+                  style: S("background-color:" + e(i))
+                },
+                [
+                  k(e(G), {
+                    icon: e(i) && e(i) != "-" ? "fold" : "close2",
+                    customSize: "6px",
+                    iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
+                  }, null, 8, ["icon", "iconColor"])
+                ],
+                6
+                /* CLASS, STYLE */
+              )
             ]),
             default: f(() => [
               k(e(j), null, {
                 default: f(() => [
                   P("div", oe, [
-                    (c(!0), V(O, null, $(e(o).predefine, (r, T) => (c(), V("div", {
-                      class: g(["color-predefine-span", { active: e(a) == r }]),
-                      key: T,
-                      style: S("background-color:" + r),
-                      onClick: (se) => B(r)
-                    }, null, 14, le))), 128))
+                    (c(!0), V(
+                      O,
+                      null,
+                      $(e(o).predefine, (r, T) => (c(), V("div", {
+                        class: C(["color-predefine-span", { active: e(i) == r }]),
+                        key: T,
+                        style: S("background-color:" + r),
+                        onClick: (se) => B(r)
+                      }, null, 14, le))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
                   ])
                 ]),
                 _: 1
+                /* STABLE */
               })
             ]),
             _: 1
-          }, 8, ["disabled"])) : w("", !0)
+            /* STABLE */
+          }, 8, ["disabled"])) : w("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) ? (c(), V("span", {
-        key: 0,
-        class: g(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-        onClick: z
-      }, F(e(H)("请选择")), 3)) : w("", !0)
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (c(), V(
+        "span",
+        {
+          key: 0,
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: z
+        },
+        F(e(H)("请选择")),
+        3
+        /* TEXT, CLASS */
+      )) : w("v-if", !0)
     ]));
   }
-}), ie = (t, d) => {
+}), ae = (t, d) => {
   const l = t.__vccOpts || t;
   for (const [u, p] of d)
     l[u] = p;
   return l;
-}, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-de696500"]]), re = {
+}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-de696500"]]), re = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -172,9 +194,9 @@ const Z = (t, d) => {
 }, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
 L(de);
 Y(re);
-const ge = () => y(null), ve = M(ne);
+const Ce = () => y(null), ge = M(ne);
 export {
-  ve as DasColorPicker,
-  ge as DasColorPickerRef,
-  ve as default
+  ge as DasColorPicker,
+  Ce as DasColorPickerRef,
+  ge as default
 };

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

@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     options: Record<string, any>;
     disabled: boolean;
-    modelValue: any;
     placeholder: string;
+    modelValue: any;
     isView: boolean;
     noSetDefaultVal: boolean;
     borderType: string;

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;