@das-fed/ui 6.4.0-hot.28 → 6.4.0-hot.29

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

@@ -1,67 +1,67 @@
-
-interface optionsProps {
-  
-  disabled?: boolean
-  
-  mutual?: boolean
-  [idx: string]: any
-}
-
-interface ValLabel<N> {
-  value?: N
-  label?: N
-}
-
-export interface Props {
-  
-  modelValue?: any
-
-  
-  checkboxType?: 'default' | 'group'
-
-  
-  disabled?: boolean
-
-  
-  optionType?: 'default' | 'square' | 'filterSquare'
-
-  
-  options?: optionsProps[]
-
-  
-  defaultProps?: ValLabel<string>
-
-  
-  name?: string
-
-  
-  layout?: 'default' | 'vertical'
-
-  
-  indeterminate?: boolean
-
-  
-  isView?: boolean
-
-  
-  width?: string
-
-  
-  maxWidth?: string
-
-  
-  size?: 'small' | 'middle' | 'large'
-
-  
-  error?: boolean
-  
-  errorLabel?: string
-  
-  teleported?: boolean
-  
-  errorMode?: 'default' | 'overlay'
-  
-  isErrorTitle?: boolean
-  
-  noSetDefaultVal?: boolean;
-}
+
+interface optionsProps {
+  
+  disabled?: boolean
+  
+  mutual?: boolean
+  [idx: string]: any
+}
+
+interface ValLabel<N> {
+  value?: N
+  label?: N
+}
+
+export interface Props {
+  
+  modelValue?: any
+
+  
+  checkboxType?: 'default' | 'group'
+
+  
+  disabled?: boolean
+
+  
+  optionType?: 'default' | 'square' | 'filterSquare'
+
+  
+  options?: optionsProps[]
+
+  
+  defaultProps?: ValLabel<string>
+
+  
+  name?: string
+
+  
+  layout?: 'default' | 'vertical'
+
+  
+  indeterminate?: boolean
+
+  
+  isView?: boolean
+
+  
+  width?: string
+
+  
+  maxWidth?: string
+
+  
+  size?: 'small' | 'middle' | 'large'
+
+  
+  error?: boolean
+  
+  errorLabel?: string
+  
+  teleported?: boolean
+  
+  errorMode?: 'default' | 'overlay'
+  
+  isErrorTitle?: boolean
+  
+  noSetDefaultVal?: boolean;
+}

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-9606cd70]{font-size:var(--das-ui-font-size-md);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-9606cd70]{position:relative}.das-ui-checkbox .label[data-v-9606cd70]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .label.label-min-width[data-v-9606cd70]{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-9606cd70]: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-9606cd70]: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-9606cd70]{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[data-v-9606cd70]: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[data-v-9606cd70]{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}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-9606cd70]{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-9606cd70]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-9606cd70]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-9606cd70]{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-9606cd70]{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-9606cd70]: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-9606cd70]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-9606cd70]{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-9606cd70]: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-9606cd70]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-9606cd70]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-9606cd70]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-9606cd70]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-9606cd70]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-9606cd70]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-9606cd70]{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-9606cd70]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-9606cd70]{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-9606cd70]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-9606cd70]{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-9606cd70]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-9606cd70]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-9606cd70]{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-9606cd70]: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-9606cd70]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-9606cd70]{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-9606cd70]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-9606cd70],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-9606cd70]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-9606cd70]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-9606cd70]{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-9606cd70]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-9606cd70]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-9606cd70]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-9606cd70]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-9606cd70]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-9606cd70]{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-9606cd70]{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-9606cd70]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-9606cd70]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-input-number-overlay-error-bg-color);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-9606cd70]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.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:27%!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;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-b0579cfa]{font-size:var(--das-ui-font-size-md);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-b0579cfa]{position:relative}.das-ui-checkbox .label[data-v-b0579cfa]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .label.label-min-width[data-v-b0579cfa]{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-b0579cfa]: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-b0579cfa]: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-b0579cfa]{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-b0579cfa]: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-b0579cfa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-b0579cfa]{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-b0579cfa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-b0579cfa]{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-b0579cfa]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-b0579cfa]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-b0579cfa]{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-b0579cfa]{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-b0579cfa]: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-b0579cfa]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-b0579cfa]{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-b0579cfa]: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-b0579cfa]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-b0579cfa]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-b0579cfa]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-b0579cfa]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-b0579cfa]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-b0579cfa]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-b0579cfa]{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-b0579cfa]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-b0579cfa]{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-b0579cfa]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-b0579cfa]{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-b0579cfa]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-b0579cfa]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-b0579cfa]{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-b0579cfa]: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-b0579cfa]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-b0579cfa]{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-b0579cfa]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-b0579cfa],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-b0579cfa]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-b0579cfa]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-b0579cfa]{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-b0579cfa]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-b0579cfa]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-b0579cfa]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-b0579cfa]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-b0579cfa]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-b0579cfa]{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-b0579cfa]{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-b0579cfa]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-b0579cfa]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-input-number-overlay-error-bg-color);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-b0579cfa]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.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:27%!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;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

@@ -47,7 +47,7 @@ const $ = { class: "das-collaspe-panel--header" }, A = /* @__PURE__ */ i({
   for (const [s, e] of r)
     t[s] = e;
   return t;
-}, B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-c825d088"]]), I = {
+}, B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-4de50fce"]]), I = {
   "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
 };
 g(I);

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

@@ -1 +1 @@
-.das-collaspe-panel[data-v-c825d088]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-c825d088] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-c825d088] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-c825d088] .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-c825d088] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-c825d088] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-c825d088] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-c825d088] .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-c825d088] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}
+.das-collaspe-panel[data-v-4de50fce]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-4de50fce] .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-4de50fce] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-4de50fce] .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-4de50fce] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}

package/packages/components/collaspe/index.js

@@ -14,7 +14,7 @@ const D = /* @__PURE__ */ c({
     expandIconType: { default: "triangle" }
   },
   setup(o) {
-    const a = o, l = f(), e = i(a, "activeKey"), r = i(l, "collapsible");
+    const l = o, a = f(), e = i(l, "activeKey"), r = i(a, "collapsible");
     return u("parentCollapsible", r), (t, d) => (m(), y(n(h), v({
       class: "das-collapse",
       activeKey: n(e),
@@ -41,12 +41,12 @@ const D = /* @__PURE__ */ c({
       } : 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-8398cd17"]]), A = () => _(null), M = g(B);
+}), x = (o, l) => {
+  const a = o.__vccOpts || o;
+  for (const [e, r] of l)
+    a[e] = r;
+  return a;
+}, B = /* @__PURE__ */ x(D, [["__scopeId", "data-v-e4a86e3a"]]), A = () => _(null), M = g(B);
 export {
   M as DasCollaspe,
   A as DasCollaspeRef,

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

@@ -1,20 +1,20 @@
-import { CollapseProps } from 'ant-design-vue'
-
-
-export interface Props {
-  
-  width?: string
-
-  
-  bordered: boolean
-
-  
-  activeKey?: string | string[]
-
-  expandIconType?: 'triangle' | 'arrow'
-}
-
-export interface Slots {
-  
-  default: {}
-}
+import { CollapseProps } from 'ant-design-vue'
+
+
+export interface Props {
+  
+  width?: string
+
+  
+  bordered: boolean
+
+  
+  activeKey?: string | string[]
+
+  expandIconType?: 'triangle' | 'arrow'
+}
+
+export interface Slots {
+  
+  default: {}
+}

package/packages/components/collaspe/style.css

@@ -1 +1 @@
-.das-collapse[data-v-8398cd17] .das-collaspe-panel.ant-collapse-item{border:0}.das-collapse.ant-collapse-icon-position-right[data-v-8398cd17]>.ant-collapse-item.ant-collapse-item-active>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(-90deg)!important}
+.das-collapse[data-v-e4a86e3a] .das-collaspe-panel.ant-collapse-item{border:0}.das-collapse.ant-collapse-icon-position-right[data-v-e4a86e3a]>.ant-collapse-item.ant-collapse-item-active>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(-90deg)!important}

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

@@ -1,28 +1,28 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-import { defineComponent as S, computed as I, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as T, isRef as z, withCtx as f, createBlock as C, createCommentVNode as w, createElementVNode as P, normalizeClass as v, normalizeStyle as H, Fragment as x, renderList as N } from "vue";
-import { withInstall as O } from "@das-fed/utils/with-install/index";
-import { currentLang as $, t as F, setI18nRule as A } from "@das-fed/web/packages/i18n/index";
-import { DasDropdown as L, DasDropdownMenu as M } from "@das-fed/ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as U, DasIcon as j } from "@das-fed/ui/packages/components/icon/index";
-import { DasInput as q } from "@das-fed/ui/packages/components/input/index";
-import { ElConfigProvider as G, ElColorPicker as J } from "element-plus";
+import { defineComponent as T, computed as I, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as x, isRef as z, withCtx as f, createBlock as v, createCommentVNode as w, createElementVNode as P, normalizeClass as C, normalizeStyle as H, Fragment as N, renderList as O } from "vue";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { currentLang as F, t as A, setI18nRule as L } from "@das-fed/web/packages/i18n/index";
+import { DasDropdown as M, DasDropdownMenu as U } from "@das-fed/ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as j, DasIcon as q } from "@das-fed/ui/packages/components/icon/index";
+import { DasInput as G } from "@das-fed/ui/packages/components/input/index";
+import { ElConfigProvider as J, ElColorPicker as K } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
 import { useModelValue as g } from "@das-fed/utils/vue";
-import K from "element-plus/dist/locale/zh-cn.mjs";
-import Q from "element-plus/dist/locale/en.mjs";
-import { setThemeRule as W } from "@das-fed/web/packages/theme/index";
-const X = (s, d) => {
+import Q from "element-plus/dist/locale/zh-cn.mjs";
+import W from "element-plus/dist/locale/en.mjs";
+import { setThemeRule as X } from "@das-fed/web/packages/theme/index";
+const Y = (s, d) => {
   const l = g(s, "modelValue"), u = g(s, "options");
   let p = g(s, "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);
+  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);
   }, colorOption: u, colorPickerValue: p };
-}, Y = {
+}, Z = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, Z = { class: "color-predefine-content" }, ee = ["onClick"], oe = /* @__PURE__ */ S({
+}, ee = { class: "color-predefine-content" }, oe = ["onClick"], le = /* @__PURE__ */ T({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -42,94 +42,93 @@ const X = (s, d) => {
   emits: ["update:modelValue", "change", "dasInput"],
   setup(s, { emit: d }) {
     const l = s, u = d;
-    U({
+    j({
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
     });
-    const p = I(() => $.value === "zh-CN" ? K : Q);
-    I(() => l.placeholder || F("请输入"));
-    const { innerValue: i, inputChangeHandler: _, inputInputHandler: a, colorOption: o, colorPickerValue: b } = X(l, u), h = y(), m = y(!1), E = (t) => {
+    const p = I(() => F.value === "zh-CN" ? Q : W), _ = I(() => l.placeholder || A("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: E, colorOption: o, colorPickerValue: h } = Y(l, u), b = y(), m = y(!1), R = (t) => {
       var n, r;
-      u("change", t), i.value = t, (r = (n = h.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
+      u("change", t), a.value = t, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
     }, D = () => {
       var t, n;
-      o.value.mode != "default" && ((n = (t = h.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
-    }, R = (t) => {
+      o.value.mode != "default" && ((n = (t = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
+    }, B = (t) => {
       m.value = t;
     };
-    return (t, n) => (c(), V("div", Y, [
-      k(e(q), T({
+    return (t, n) => (c(), V("div", Z, [
+      k(e(G), x({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
-          { "das-empty-color": !e(i) },
+          { "das-empty-color": !e(a) },
           { "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(i),
-        "onUpdate:modelValue": n[1] || (n[1] = (r) => z(i) ? i.value = r : null)
+        modelValue: e(a),
+        "onUpdate:modelValue": n[1] || (n[1] = (r) => z(a) ? a.value = r : null)
       }, t.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
         onClick: D,
-        onInput: e(a),
+        onInput: e(E),
         borderType: l.borderType,
-        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i)
+        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)
       }), {
         append: f(() => [
-          e(o).mode == "default" ? (c(), C(e(G), {
+          e(o).mode == "default" ? (c(), v(e(J), {
             key: 0,
             locale: p.value
           }, {
             default: f(() => [
-              !e(o).isView && !l.isView || e(i) ? (c(), C(e(J), {
+              !e(o).isView && !l.isView || e(a) ? (c(), v(e(K), {
                 key: 0,
                 locale: p.value,
                 placement: e(o).placement,
-                onChange: e(_),
-                modelValue: e(b),
-                "onUpdate:modelValue": n[0] || (n[0] = (r) => z(b) ? b.value = r : null),
+                modelValue: e(h),
+                "onUpdate:modelValue": n[0] || (n[0] = (r) => z(h) ? h.value = r : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
-                disabled: e(o).disabled || l.disabled || e(o).isView || l.isView
-              }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])) : w("v-if", !0)
+                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("v-if", !0)
             ]),
             _: 1
             /* STABLE */
           }, 8, ["locale"])) : w("v-if", !0),
-          e(o).mode == "predefine" ? (c(), C(e(L), {
+          e(o).mode == "predefine" ? (c(), v(e(M), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
-            ref: h,
+            ref: b,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
-            onVisibleChange: R
+            onVisibleChange: B
           }, {
             content: f(() => [
               P(
                 "span",
                 {
-                  class: v([
+                  class: C([
                     "color-predefine-icon",
                     e(o).size,
-                    e(i) && e(i) != "-",
+                    e(a) && e(a) != "-",
                     { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
                   ]),
-                  style: H("background-color:" + e(i))
+                  style: H("background-color:" + e(a))
                 },
                 [
-                  k(e(j), {
-                    icon: e(i) && e(i) != "-" ? "fold" : "close2",
+                  k(e(q), {
+                    icon: e(a) && e(a) != "-" ? "fold" : "close2",
                     customSize: "6px",
-                    iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
+                    iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
                   }, null, 8, ["icon", "iconColor"])
                 ],
                 6
@@ -137,18 +136,18 @@ const X = (s, d) => {
               )
             ]),
             default: f(() => [
-              k(e(M), null, {
+              k(e(U), null, {
                 default: f(() => [
-                  P("div", Z, [
+                  P("div", ee, [
                     (c(!0), V(
-                      x,
+                      N,
                       null,
-                      N(e(o).predefine, (r, B) => (c(), V("div", {
-                        class: v(["color-predefine-span", { active: e(i) == r }]),
-                        key: B,
+                      O(e(o).predefine, (r, S) => (c(), V("div", {
+                        class: C(["color-predefine-span", { active: e(a) == r }]),
+                        key: S,
                         style: H("background-color:" + r),
-                        onClick: (re) => E(r)
-                      }, null, 14, ee))),
+                        onClick: (de) => R(r)
+                      }, null, 14, oe))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -164,12 +163,12 @@ const X = (s, d) => {
         ]),
         _: 1
         /* STABLE */
-      }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "noSetDefaultVal"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (c(), V(
+      }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal"]),
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (c(), V(
         "span",
         {
           key: 0,
-          class: v(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
           onClick: D
         },
         "请选择",
@@ -178,24 +177,24 @@ const X = (s, d) => {
       )) : w("v-if", !0)
     ]));
   }
-}), le = (s, d) => {
+}), ae = (s, d) => {
   const l = s.__vccOpts || s;
   for (const [u, p] of d)
     l[u] = p;
   return l;
-}, ie = /* @__PURE__ */ le(oe, [["__scopeId", "data-v-bbfb23b1"]]), ae = {
+}, ie = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-352eb360"]]), ne = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
   },
   "--das-ui-color-picker-primary": "#5582F3"
   // 主题色
-}, ne = { 请输入: { "zh-CN": "请输入", en: "Please Enter", _appCode: "framework" } };
-A(ne);
-W(ae);
-const ke = () => y(null), Ce = O(ie);
+}, re = { 请输入: { "zh-CN": "请输入", en: "Please Enter", _appCode: "framework" } };
+L(re);
+X(ne);
+const ve = () => y(null), Ce = $(ie);
 export {
   Ce as DasColorPicker,
-  ke as DasColorPickerRef,
+  ve as DasColorPickerRef,
   Ce as default
 };

package/packages/components/color-picker/src/type.d.ts

@@ -1,30 +1,33 @@
-export interface Props {
-  
-  modelValue: any
-
-  
-  options: Record<string, any>
-
-  
-  disabled: boolean
-
-  
-  isView: boolean
-  
-  borderType?: string
-  
-  placeholder?: string
-    
-    noSetDefaultVal?: boolean;
-}
-
-export interface Emits {
-  
-  (e: 'update:modelValue', value: string): void
-
-  
-  (e: 'change', value: string): void
-
-  
-  (e: 'dasInput', value: string): void
-}
+export interface Props {
+  
+  modelValue: any
+
+  
+  options: Record<string, any>
+
+  
+  disabled: boolean
+
+  
+  isView: boolean
+
+  
+  borderType?: string
+
+  
+  placeholder?: string
+
+  
+  noSetDefaultVal?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: string): void
+
+  
+  (e: 'change', value: string): void
+
+  
+  (e: 'dasInput', value: string): void
+}

package/packages/components/color-picker/style.css

@@ -1 +1 @@
-.das-ui-color-picker[data-v-bbfb23b1]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-bbfb23b1]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-bbfb23b1]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-bbfb23b1]{left:8px}.das-ui-color-picker .das-ui-input[data-v-bbfb23b1]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-bbfb23b1] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-bbfb23b1] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-bbfb23b1] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-bbfb23b1] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-bbfb23b1]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-bbfb23b1]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-bbfb23b1]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-bbfb23b1]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
+.das-ui-color-picker[data-v-352eb360]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-352eb360]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-352eb360]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-352eb360]{left:8px}.das-ui-color-picker .das-ui-input[data-v-352eb360]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-352eb360] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-352eb360] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-352eb360] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-352eb360] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-352eb360]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-352eb360]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-352eb360]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-352eb360]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}