@das-fed/upf-ui 6.4.0-dev.132 → 6.4.0-dev.134

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/package.json +5 -5
  2. package/packages/business-components/change-pwd/src/hooks/use-changePwd.d.ts +8 -2
  3. package/packages/business-components/process-form/src/hooks/useForm.d.ts +8 -2
  4. package/packages/components/button/index.d.ts +3 -0
  5. package/packages/components/button/index.js +276 -283
  6. package/packages/components/button/index.js.gz +0 -0
  7. package/packages/components/button/src/Index.vue.d.ts +1 -0
  8. package/packages/components/button/style.css +1 -1
  9. package/packages/components/button/style.css.gz +0 -0
  10. package/packages/components/cascader/index.d.ts +9 -9
  11. package/packages/components/cascader/index.js +110 -100
  12. package/packages/components/cascader/index.js.gz +0 -0
  13. package/packages/components/cascader/src/Index.vue.d.ts +1 -1
  14. package/packages/components/cascader/style.css +1 -1
  15. package/packages/components/cascader/style.css.gz +0 -0
  16. package/packages/components/checkbox/index.js +355 -334
  17. package/packages/components/checkbox/index.js.gz +0 -0
  18. package/packages/components/checkbox/src/Index.vue.d.ts +5 -0
  19. package/packages/components/checkbox/style.css +1 -1
  20. package/packages/components/checkbox/style.css.gz +0 -0
  21. package/packages/components/color-picker/index.js +42 -41
  22. package/packages/components/color-picker/index.js.gz +0 -0
  23. package/packages/components/color-picker/style.css +1 -1
  24. package/packages/components/color-picker/style.css.gz +0 -0
  25. package/packages/components/date-picker/index.js +503 -486
  26. package/packages/components/date-picker/index.js.gz +0 -0
  27. package/packages/components/date-picker/style.css +1 -1
  28. package/packages/components/date-picker/style.css.gz +0 -0
  29. package/packages/components/edit-table/index.js +1 -1
  30. package/packages/components/edit-table/index.js.gz +0 -0
  31. package/packages/components/edit-table/style.css +1 -1
  32. package/packages/components/edit-table/style.css.gz +0 -0
  33. package/packages/components/error-overlay-model/index.js +15 -15
  34. package/packages/components/error-overlay-model/index.js.gz +0 -0
  35. package/packages/components/form/hooks/use-form-size.d.ts +3 -0
  36. package/packages/components/form/index.d.ts +12 -2
  37. package/packages/components/form/index.js +62 -69
  38. package/packages/components/form/index.js.gz +0 -0
  39. package/packages/components/form/src/Index.vue.d.ts +9 -0
  40. package/packages/components/form/src/type.d.ts +3 -0
  41. package/packages/components/form/style.css +1 -1
  42. package/packages/components/form-item/index.js +1110 -1082
  43. package/packages/components/form-item/index.js.gz +0 -0
  44. package/packages/components/form-item/src/hooks/use-form.d.ts +13 -3
  45. package/packages/components/form-item/src/type.d.ts +6 -0
  46. package/packages/components/form-item/style.css +1 -1
  47. package/packages/components/form-item/style.css.gz +0 -0
  48. package/packages/components/input/index.js +399 -215
  49. package/packages/components/input/index.js.gz +0 -0
  50. package/packages/components/input/src/constants.d.ts +17 -0
  51. package/packages/components/input/src/hooks/use-overflow-tip.d.ts +13 -0
  52. package/packages/components/input/src/type.d.ts +9 -9
  53. package/packages/components/input/style.css +1 -1
  54. package/packages/components/input/style.css.gz +0 -0
  55. package/packages/components/input-dialog-select/index.js +74 -66
  56. package/packages/components/input-dialog-select/index.js.gz +0 -0
  57. package/packages/components/input-dialog-select/style.css +1 -1
  58. package/packages/components/input-dialog-select/style.css.gz +0 -0
  59. package/packages/components/input-number/index.js +76 -70
  60. package/packages/components/input-number/index.js.gz +0 -0
  61. package/packages/components/input-number/style.css +1 -1
  62. package/packages/components/input-number/style.css.gz +0 -0
  63. package/packages/components/message/index.js +1 -1
  64. package/packages/components/message/index.js.gz +0 -0
  65. package/packages/components/message/style.css +1 -1
  66. package/packages/components/message/style.css.gz +0 -0
  67. package/packages/components/radio/index.js +116 -103
  68. package/packages/components/radio/index.js.gz +0 -0
  69. package/packages/components/radio/src/Index.vue.d.ts +5 -0
  70. package/packages/components/radio/style.css +1 -1
  71. package/packages/components/radio/style.css.gz +0 -0
  72. package/packages/components/select/index.js +92 -88
  73. package/packages/components/select/index.js.gz +0 -0
  74. package/packages/components/select/style.css +1 -1
  75. package/packages/components/select/style.css.gz +0 -0
  76. package/packages/components/select-input/index.js +39 -37
  77. package/packages/components/select-input/index.js.gz +0 -0
  78. package/packages/components/select-input/style.css +1 -1
  79. package/packages/components/select-input/style.css.gz +0 -0
  80. package/packages/components/split-panel/index.js +209 -193
  81. package/packages/components/split-panel/index.js.gz +0 -0
  82. package/packages/components/split-panel/style.css +1 -1
  83. package/packages/components/split-panel/style.css.gz +0 -0
  84. package/packages/components/switch/index.js +45 -29
  85. package/packages/components/switch/index.js.gz +0 -0
  86. package/packages/components/switch/style.css +1 -1
  87. package/packages/components/switch/style.css.gz +0 -0
  88. package/packages/components/table/index.js +1944 -1932
  89. package/packages/components/table/index.js.gz +0 -0
  90. package/packages/components/table/src/Table.vue.d.ts +12 -9
  91. package/packages/components/table/style.css +1 -1
  92. package/packages/components/table/style.css.gz +0 -0
  93. package/packages/components/tree-select/index.js +1 -1
  94. package/packages/components/tree-select/index.js.gz +0 -0
  95. package/packages/components/upload/index.js +3 -2
  96. package/packages/components/upload/index.js.gz +0 -0
  97. package/packages/components/upload/style.css +1 -1
  98. package/packages/components/upload/style.css.gz +0 -0
  99. package/packages/components/upload/theme/index.d.ts +3 -0
  100. package/packages/components/form-item/src/hooks/useFormLabelWidth.d.ts +0 -6
  101. package/packages/components/input/index.d.ts +0 -124
  102. package/packages/components/input/src/index.vue.d.ts +0 -49
package/packages/components/checkbox/src/Index.vue.d.ts CHANGED
@@ -13,6 +13,10 @@ declare const checkboxViewOptions: import("vue").ComputedRef<any>;
13
13
  declare const blurCheckboxSquare: (type: string, row: any) => void;
14
14
  declare const textWidth: import("vue").ComputedRef<string | undefined>;
15
15
  declare const checkboxRef: import("vue").Ref<any, any>;
16
+ declare const computedStyle: import("vue").ComputedRef<{
17
+ '--checkbox-height': string | undefined;
18
+ '--checkbox-font-size': string | undefined;
19
+ }>;
16
20
  declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
17
21
  declare var __VLS_11: {}, __VLS_13: {}, __VLS_29: {
18
22
  item: any;
@@ -44,6 +48,7 @@ declare const __VLS_self: import("vue").DefineComponent<Props, {
44
48
  blurCheckboxSquare: typeof blurCheckboxSquare;
45
49
  textWidth: typeof textWidth;
46
50
  checkboxRef: typeof checkboxRef;
51
+ computedStyle: typeof computedStyle;
47
52
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
48
53
  "update:modelValue": (n: any) => any;
49
54
  change: (e: any) => any;
package/packages/components/checkbox/style.css CHANGED
@@ -1 +1 @@
1
- .empty-text[data-v-74757b92]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-74757b92]{position:relative}.das-ui-checkbox .label[data-v-74757b92]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-upf-ui-font-size-sm)!important}.das-ui-checkbox .label.label-min-width[data-v-74757b92]{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-74757b92]: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-74757b92]: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-74757b92]{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-74757b92]: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-74757b92]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-74757b92]{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-74757b92]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-74757b92]{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-74757b92]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-74757b92]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-74757b92]{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-74757b92]{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-74757b92]: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-74757b92]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-74757b92]{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-74757b92]: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-74757b92]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-74757b92]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-74757b92]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-74757b92]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-74757b92]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-74757b92]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-74757b92]{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-74757b92]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-74757b92]{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-74757b92]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-74757b92]{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-74757b92]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-74757b92]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-74757b92]{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-74757b92]: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-74757b92]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-74757b92]{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-74757b92]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-74757b92],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-74757b92]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-74757b92]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-74757b92]{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-74757b92]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-74757b92]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-74757b92]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-74757b92]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-74757b92]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-74757b92]{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-74757b92]{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-74757b92]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-74757b92]{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-74757b92]{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: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}
1
+ .empty-text[data-v-38011197]{font-size:var(--das-upf-ui-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-38011197]{position:relative}.das-ui-checkbox .label[data-v-38011197]{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-38011197]{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-38011197]: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-38011197]: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-38011197]{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-38011197]: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-38011197]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-38011197]{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-38011197]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-38011197]{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-38011197]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-38011197]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-38011197]{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-38011197]{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-38011197]: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-38011197]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-38011197]{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-38011197]: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-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-38011197]{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-38011197]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-38011197]{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-38011197]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-38011197]{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-38011197]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-38011197]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-38011197]{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-38011197]: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-38011197]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-38011197]{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-38011197]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-38011197],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-38011197]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-38011197]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-38011197]{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-38011197]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-38011197]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-38011197]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-38011197]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-38011197]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-38011197]{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-38011197]{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-38011197]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-38011197]{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-38011197]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox[data-v-38011197] .ant-checkbox-wrapper{height:var(--checkbox-height);line-height:var(--checkbox-height)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-inner-disabled)!important}
package/packages/components/color-picker/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import '@das-fed/upf-ui/packages/components/color-picker/style.css';
2
- import { defineComponent as x, computed as I, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as z, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
2
+ import { defineComponent as x, computed as z, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as I, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
3
3
  import { withInstall as A } from "@das-fed/upf-utils/with-install/index";
4
- import { currentLang as L, t as R, setI18nRule as M } from "@das-fed/upf-web/packages/i18n/index";
4
+ import { currentLang as L, t as S, setI18nRule as M } from "@das-fed/upf-web/packages/i18n/index";
5
5
  import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
6
6
  import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages/components/icon/index";
7
7
  import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
@@ -11,18 +11,18 @@ import { useModelValue as g } from "@das-fed/upf-utils/vue";
11
11
  import W from "element-plus/dist/locale/zh-cn.mjs";
12
12
  import X from "element-plus/dist/locale/en.mjs";
13
13
  import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
14
- const Z = (s, d) => {
15
- const l = g(s, "modelValue"), u = g(s, "options");
16
- let p = g(s, "modelValue");
17
- return { innerValue: l, inputChangeHandler: (i) => {
18
- p.value = i, d("update:modelValue", i), d("change", i);
19
- }, inputInputHandler: (i) => {
20
- p.value = i, d("update:modelValue", i), d("dasInput", i), d("change", i);
14
+ const Z = (t, d) => {
15
+ const l = g(t, "modelValue"), u = g(t, "options");
16
+ let p = g(t, "modelValue");
17
+ return { innerValue: l, inputChangeHandler: (a) => {
18
+ p.value = a, d("update:modelValue", a), d("change", a);
19
+ }, inputInputHandler: (a) => {
20
+ p.value = a, d("update:modelValue", a), d("dasInput", a), d("change", a);
21
21
  }, colorOption: u, colorPickerValue: p };
22
22
  }, ee = {
23
23
  class: "das-ui-color-picker",
24
24
  style: { width: "100%" }
25
- }, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
25
+ }, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ x({
26
26
  __name: "Index",
27
27
  props: {
28
28
  modelValue: { default: "" },
@@ -35,47 +35,48 @@ const Z = (s, d) => {
35
35
  }) },
36
36
  disabled: { type: Boolean, default: !1 },
37
37
  isView: { type: Boolean, default: !1 },
38
- borderType: { default: "bottom" },
38
+ borderType: { default: "bordered" },
39
39
  placeholder: { default: "" },
40
40
  noSetDefaultVal: { type: Boolean, default: !1 }
41
41
  },
42
42
  emits: ["update:modelValue", "change", "dasInput"],
43
- setup(s, { emit: d }) {
44
- const l = s, u = d;
43
+ setup(t, { emit: d }) {
44
+ const l = t, u = d;
45
45
  q({
46
46
  fold: import("@das-fed/upf-ui/packages/icons/fold"),
47
47
  close2: import("@das-fed/upf-ui/packages/icons/close-2")
48
48
  });
49
- const p = I(() => L.value === "zh-CN" ? W : X), _ = I(() => l.placeholder || R("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: S, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (t) => {
49
+ const p = z(() => L.value === "zh-CN" ? W : X), _ = z(() => l.placeholder || S("请输入")), { innerValue: i, inputChangeHandler: a, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (s) => {
50
50
  var n, r;
51
- u("change", t), a.value = t, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
51
+ u("change", s), i.value = s, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
52
52
  }, D = () => {
53
- var t, n;
54
- o.value.mode != "default" && ((n = (t = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
55
- }, E = (t) => {
56
- m.value = t;
53
+ var s, n;
54
+ o.value.mode != "default" && ((n = (s = b.value) == null ? void 0 : s.getElRef()) == null || n.handleOpen(), m.value = !0);
55
+ }, E = (s) => {
56
+ m.value = s;
57
57
  };
58
- return (t, n) => (c(), V("div", ee, [
58
+ return (s, n) => (c(), V("div", ee, [
59
59
  k(e(J), N({
60
60
  class: ["das-color-picker-input", [
61
61
  `das-color-picker-${e(o).size}`,
62
- { "das-empty-color": !e(a) },
62
+ { "das-empty-color": !e(i) },
63
63
  { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
64
64
  { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
65
65
  { "das-both-view-cell": e(o).isView || l.isView },
66
66
  { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
67
67
  ]],
68
- modelValue: e(a),
69
- "onUpdate:modelValue": n[1] || (n[1] = (r) => z(a) ? a.value = r : null)
70
- }, t.$attrs, {
68
+ modelValue: e(i),
69
+ "onUpdate:modelValue": n[1] || (n[1] = (r) => I(i) ? i.value = r : null)
70
+ }, s.$attrs, {
71
71
  isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
72
72
  disabled: e(o).disabled || l.disabled,
73
73
  append: "",
74
74
  onClick: D,
75
- onInput: e(S),
75
+ onInput: e(R),
76
76
  borderType: l.borderType,
77
77
  placeholder: _.value,
78
- noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a)
78
+ noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i),
79
+ size: l.formSize
79
80
  }), {
80
81
  append: f(() => [
81
82
  e(o).mode == "default" ? (c(), v(e(K), {
@@ -83,19 +84,19 @@ const Z = (s, d) => {
83
84
  locale: p.value
84
85
  }, {
85
86
  default: f(() => [
86
- !e(o).isView && !l.isView || e(a) ? (c(), v(e(Q), {
87
+ !e(o).isView && !l.isView || e(i) ? (c(), v(e(Q), {
87
88
  key: 0,
88
89
  locale: p.value,
89
90
  placement: e(o).placement,
90
91
  modelValue: e(h),
91
- "onUpdate:modelValue": n[0] || (n[0] = (r) => z(h) ? h.value = r : null),
92
+ "onUpdate:modelValue": n[0] || (n[0] = (r) => I(h) ? h.value = r : null),
92
93
  size: e(o).size,
93
94
  "show-alpha": e(o).showAlpha,
94
95
  "color-format": e(o).colorFormat,
95
96
  "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
96
97
  predefine: e(o).predefine,
97
98
  disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
98
- onChange: e(i)
99
+ onChange: e(a)
99
100
  }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("v-if", !0)
100
101
  ]),
101
102
  _: 1
@@ -119,16 +120,16 @@ const Z = (s, d) => {
119
120
  class: C([
120
121
  "color-predefine-icon",
121
122
  e(o).size,
122
- e(a) && e(a) != "-",
123
+ e(i) && e(i) != "-",
123
124
  { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
124
125
  ]),
125
- style: H("background-color:" + e(a))
126
+ style: H("background-color:" + e(i))
126
127
  },
127
128
  [
128
129
  k(e(G), {
129
- icon: e(a) && e(a) != "-" ? "fold" : "close2",
130
+ icon: e(i) && e(i) != "-" ? "fold" : "close2",
130
131
  customSize: "6px",
131
- iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
132
+ iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
132
133
  }, null, 8, ["icon", "iconColor"])
133
134
  ],
134
135
  6
@@ -143,10 +144,10 @@ const Z = (s, d) => {
143
144
  O,
144
145
  null,
145
146
  $(e(o).predefine, (r, T) => (c(), V("div", {
146
- class: C(["color-predefine-span", { active: e(a) == r }]),
147
+ class: C(["color-predefine-span", { active: e(i) == r }]),
147
148
  key: T,
148
149
  style: H("background-color:" + r),
149
- onClick: (te) => B(r)
150
+ onClick: (se) => B(r)
150
151
  }, null, 14, le))),
151
152
  128
152
153
  /* KEYED_FRAGMENT */
@@ -163,26 +164,26 @@ const Z = (s, d) => {
163
164
  ]),
164
165
  _: 1
165
166
  /* STABLE */
166
- }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal"]),
167
- e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (c(), V(
167
+ }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal", "size"]),
168
+ e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (c(), V(
168
169
  "span",
169
170
  {
170
171
  key: 0,
171
172
  class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
172
173
  onClick: D
173
174
  },
174
- F(e(R)("请选择")),
175
+ F(e(S)("请选择")),
175
176
  3
176
177
  /* TEXT, CLASS */
177
178
  )) : w("v-if", !0)
178
179
  ]));
179
180
  }
180
- }), ie = (s, d) => {
181
- const l = s.__vccOpts || s;
181
+ }), ae = (t, d) => {
182
+ const l = t.__vccOpts || t;
182
183
  for (const [u, p] of d)
183
184
  l[u] = p;
184
185
  return l;
185
- }, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-d3b2d8e6"]]), re = {
186
+ }, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-de696500"]]), re = {
186
187
  "--demo-alert-bg": {
187
188
  light: "#fff",
188
189
  dark: "rgba(255,255,255,.2)"
package/packages/components/color-picker/style.css CHANGED
@@ -1 +1 @@
1
- .das-ui-color-picker[data-v-d3b2d8e6]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-d3b2d8e6]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-d3b2d8e6]{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-d3b2d8e6]{left:8px}.das-ui-color-picker .das-ui-input[data-v-d3b2d8e6]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-d3b2d8e6] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-d3b2d8e6] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-d3b2d8e6] .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-d3b2d8e6] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-d3b2d8e6] .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-d3b2d8e6] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-d3b2d8e6]{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-d3b2d8e6]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-d3b2d8e6]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-d3b2d8e6]{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}
1
+ .das-ui-color-picker[data-v-de696500]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-de696500]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-de696500]{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-de696500]{left:8px}.das-ui-color-picker .das-ui-input[data-v-de696500]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-de696500] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-de696500] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-de696500] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-de696500] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-de696500] .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-de696500] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-de696500] .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-de696500] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-de696500] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-de696500]{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-de696500]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-de696500]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-de696500]{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}