@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

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

@@ -27,18 +27,18 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     error: boolean;
     disabled: boolean;
     name: string;
-    maxWidth: string;
     width: string;
-    defaultProps: import("./type").ValLabel<string>;
+    maxWidth: string;
     modelValue: any;
-    teleported: boolean;
-    layout: "default" | "vertical";
-    optionType: "default" | "square" | "filterSquare";
     isView: boolean;
-    noSetDefaultVal: boolean;
-    errorMode: "default" | "overlay";
     errorLabel: string;
     isErrorTitle: boolean;
+    errorMode: "default" | "overlay";
+    noSetDefaultVal: boolean;
+    optionType: "default" | "square" | "filterSquare";
+    defaultProps: import("./type").ValLabel<string>;
+    teleported: boolean;
+    layout: "default" | "vertical";
     checkboxType: "default" | "group";
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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-260192ae]{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-260192ae]{position:relative}.das-ui-checkbox .label[data-v-260192ae]{color:var(--upf-text-primary)!important;font-size:var(--checkbox-font-size, var(--das-upf-ui-font-size-sm))!important}.das-ui-checkbox .label.label-min-width[data-v-260192ae]{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-260192ae]: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-260192ae]: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-260192ae]{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-260192ae]: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-260192ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-260192ae]{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-260192ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-260192ae]{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-260192ae]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-260192ae]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-260192ae]{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-260192ae]{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-260192ae]: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-260192ae]{color:var(--upf-text-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-260192ae]{cursor:not-allowed;background-color:var(--upf-bg-secondary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-260192ae]: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-260192ae]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-260192ae]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-260192ae]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-260192ae]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-260192ae]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-260192ae]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-260192ae]{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-260192ae]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-260192ae]{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-260192ae]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-260192ae]{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-260192ae]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-260192ae]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-260192ae]{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-260192ae]: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-260192ae]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-260192ae]{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-260192ae]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-260192ae]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-260192ae]{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-260192ae]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-260192ae]{max-width:72px;margin-right:16px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-260192ae]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-260192ae]{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-260192ae]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-260192ae]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-260192ae]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-260192ae]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-260192ae]{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-260192ae]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-260192ae]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-260192ae]{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-260192ae]{font-size:12px;color:var(--upf-color-error)}.das-ui-checkbox[data-v-260192ae] .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(--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{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(--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+span{color:var(--upf-text-primary);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(--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.d.ts

@@ -3,7 +3,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly header: string;
+        readonly header?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -20,7 +20,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         header: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -46,7 +46,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 } & Readonly<{
     header: string;
 }> & Omit<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, "header"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         header?: (props: {}) => any;
@@ -59,7 +59,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly header: string;
+        readonly header?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -76,7 +76,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         header: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -102,7 +102,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 } & Readonly<{
     header: string;
 }> & Omit<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, "header"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         header?: (props: {}) => any;
@@ -114,7 +114,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 }) | null>;
 declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         header: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -125,7 +125,7 @@ declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, {
         header: string;
     }>;
@@ -133,7 +133,7 @@ declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     header: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -1,52 +1,54 @@
 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 { 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 { 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 { 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";
-const P = { class: "das-collaspe-panel--header" }, $ = /* @__PURE__ */ d({
+const k = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ d({
   __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 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: s.value ? !1 : e.$attrs.showArrow
+      showArrow: r.value ? !1 : e.$attrs.showArrow
     }), {
-      header: a(() => [
+      header: s(() => [
+        c(" 面板头内容 "),
         l(e.$slots, "header", {}, () => [
-          h((n(), _("div", P, [
-            w(v(e.header), 1)
+          _((n(), w("div", k, [
+            C(
+              v(t.header),
+              1
+              /* TEXT */
+            )
           ])), [
-            [p(k)]
+            [p($)]
           ])
         ], !0)
       ]),
-      extra: a(() => [
+      extra: s(() => [
+        c(" 自定义渲染每个面板右上角的内容 "),
         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 = {
-  "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
-};
-D(B);
-const O = () => C(null), V = b(x);
+}), A = (t, a) => {
+  const o = t.__vccOpts || t;
+  for (const [r, e] of a)
+    o[r] = e;
+  return o;
+}, g = /* @__PURE__ */ A(x, [["__scopeId", "data-v-e4682cad"]]), V = () => D(null), j = b(g);
 export {
-  V as DasCollaspePanel,
-  O as DasCollaspePanelRef,
-  V as default
+  j as DasCollaspePanel,
+  V as DasCollaspePanelRef,
+  j as default
 };

package/packages/components/collapse-panel/src/Index.vue.d.ts

@@ -2,7 +2,7 @@ import 'ant-design-vue/es/collapse/style/css';
 /** 基于Ant Design，文档见：https://www.antdv.com/components/collapse-cn#API */
 type CollapsePanelProps = {
     /** 面板标题 */
-    header: string;
+    header?: string;
 };
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {

package/packages/components/collapse-panel/style.css

@@ -1 +1 @@
-.das-collaspe-panel[data-v-79e55d9d]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-79e55d9d] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-79e55d9d] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--das-ui-color-normal)!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:8px 50px 8px 28px!important}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--das-ui-color-secondary)!important}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}
+.das-collaspe-panel[data-v-e4682cad]{background:var(--upf-bg-elevated, var(--das-ui-collaspe-bgcolor, #ffffff));border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-e4682cad] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-e4682cad] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--upf-text-primary, var(--das-ui-color-normal, #212121))!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:8px 50px 8px 28px!important}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header:hover{color:var(--upf-text-secondary, var(--das-ui-color-secondary, #666666))}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--upf-text-secondary, var(--das-ui-color-secondary, #666666))!important}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}

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;
@@ -23,8 +23,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -48,10 +48,10 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "activeKey" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "bordered" | "activeKey" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -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;
@@ -80,8 +80,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -105,10 +105,10 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "activeKey" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "bordered" | "activeKey" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -116,8 +116,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
 declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -128,8 +128,8 @@ declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }>;
     __isFragment?: never;
@@ -137,8 +137,8 @@ declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/packages/components/collaspe/index.js

@@ -1,11 +1,12 @@
 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 "@das-fed/upf-ui/packages/components/icon/index";
 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,41 +14,42 @@ 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"]]), M = () => K(null), N = g(S);
 export {
-  M as DasCollaspe,
-  A as DasCollaspeRef,
-  M as default
+  N as DasCollaspe,
+  M as DasCollaspeRef,
+  N as default
 };

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

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

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