@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.5

package/packages/components/special-range-picker-month/src/hooks/use-date-popover.d.ts

@@ -3,12 +3,6 @@ export declare const useDataPopover: (currentValue: Ref<[string, string]>, click
     popClickData: Ref<{
         begin: string;
         end: string;
-    }, {
-        begin: string;
-        end: string;
-    } | {
-        begin: string;
-        end: string;
     }>;
     isInRange: (date: number) => boolean;
     isInHoverRange: (date: number) => boolean;

package/packages/components/special-range-picker-month/src/hooks/use-error.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 export declare const useError: (props: any) => {
-    $dasSpecialRangeMonthPicker: Ref<any, any>;
-    isHoverInInput: Ref<boolean, boolean>;
+    $dasSpecialRangeMonthPicker: Ref<any>;
+    isHoverInInput: Ref<boolean>;
     errorModalBaseSyle: import("vue").ComputedRef<{
         'font-size': string;
         'background-color': any;
@@ -12,7 +12,7 @@ export declare const useError: (props: any) => {
         'z-index': any;
     }>;
     errorModelStyle: import("vue").ComputedRef<any>;
-    errorLabelStyle: Ref<Record<any, any>, Record<any, any>>;
+    errorLabelStyle: Ref<Record<any, any>>;
     errorModalInputMouseEnter: () => void;
     errorModallInputMouseLeave: () => void;
 };

package/packages/components/special-range-picker-month/style.css

@@ -1 +1 @@
-.das-special-range-picker-error-label-content[data-v-d7fedbe1]{width:var(--6f76e358);font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-special-range-picker-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-special-range-picker-overlay-error-label-content[data-v-d7fedbe1]{position:absolute;top:100%;left:0;width:var(--6f76e358)}.das-ui-special-range-picker-month-container[data-v-d7fedbe1]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-month-container.large[data-v-d7fedbe1],.das-ui-special-range-picker-month-container.table[data-v-d7fedbe1]{height:30px}.das-ui-special-range-picker-month-container.medium[data-v-d7fedbe1]{height:24px}.das-ui-special-range-picker-month-container .date-container[data-v-d7fedbe1]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-month-container .date-container .icon-delete[data-v-d7fedbe1]{display:none}.das-ui-special-range-picker-month-container .date-container .placeholder[data-v-d7fedbe1]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-month-container .date-container .active[data-v-d7fedbe1]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container .date-container .separator[data-v-d7fedbe1]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-month-container .date-container .left-date[data-v-d7fedbe1],.das-ui-special-range-picker-month-container .date-container .right-date[data-v-d7fedbe1]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-month-container .date-container .right-date+div[data-v-d7fedbe1]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-month-container .date-container .is-view[data-v-d7fedbe1]{visibility:hidden}.das-ui-special-range-picker-month-container.underline[data-v-d7fedbe1]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-month-container.bordered[data-v-d7fedbe1]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-month-container.bordered.table .left-date[data-v-d7fedbe1],.das-ui-special-range-picker-month-container.bordered.table .right-date[data-v-d7fedbe1]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-month-container.active[data-v-d7fedbe1]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container.active .icon-date[data-v-d7fedbe1]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container[data-v-d7fedbe1]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container:hover .icon-date[data-v-d7fedbe1]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container:hover .icon-date.has-data[data-v-d7fedbe1]{display:none}.das-ui-special-range-picker-month-container:hover .icon-delete[data-v-d7fedbe1]{cursor:pointer}.das-ui-special-range-picker-month-container:hover .icon-delete[data-v-d7fedbe1]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-month-container:hover .icon-delete.has-data[data-v-d7fedbe1]{display:block}.das-ui-special-range-picker-month-container.disabled[data-v-d7fedbe1]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-month-container.disabled.bordered[data-v-d7fedbe1]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-month-container.disabled .icon-date[data-v-d7fedbe1]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.readonly[data-v-d7fedbe1]{cursor:not-allowed;border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.readonly .icon-date[data-v-d7fedbe1]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.is-error[data-v-d7fedbe1]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-month-container{width:280px;height:166px;box-shadow:0 3px 6px -4px var(--das-ui-special-range-picker-box-shadow-12),0 6px 16px 0 var(--das-ui-special-range-picker-box-shadow-8),0 9px 28px 8px var(--das-ui-special-range-picker-box-shadow-5);border-radius:2px;border:0;padding:0}.el-popover.is-light.das-special-range-picker-month-container .month-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header{position:relative;background-color:var(--das-ui-special-range-picker-header-bgcolor);color:var(--das-ui-color-normal);height:37px;line-height:36px;font-weight:600;letter-spacing:0;text-align:center;font-size:14px;border-bottom:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn{position:absolute;top:10px;cursor:pointer}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn:hover .turn-icon{fill:var(--das-ui-special-range-picker-color-primary)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover{height:100%;display:flex;align-items:center;flex-wrap:wrap;padding:8px 14px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item{width:36px;height:30px;padding:3px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item .item-text{line-height:24px;text-align:center;width:24px;height:24px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item:hover .item-text{background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.in-range .item-text{width:36px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.new-range .item-text{width:36px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.out-range .item-text{width:36px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end:before{position:absolute;top:50%;z-index:1;width:4px;height:24px;transform:translateY(-50%);transition:all .3s;content:"";background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .left-month-container{width:100%}
+.das-special-range-picker-error-label-content[data-v-addc6355]{width:var(--acc3481e);font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-special-range-picker-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-special-range-picker-overlay-error-label-content[data-v-addc6355]{position:absolute;top:100%;left:0;width:var(--acc3481e)}.das-ui-special-range-picker-month-container[data-v-addc6355]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-month-container.large[data-v-addc6355],.das-ui-special-range-picker-month-container.table[data-v-addc6355]{height:30px}.das-ui-special-range-picker-month-container.medium[data-v-addc6355]{height:24px}.das-ui-special-range-picker-month-container .date-container[data-v-addc6355]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-month-container .date-container .icon-delete[data-v-addc6355]{display:none}.das-ui-special-range-picker-month-container .date-container .placeholder[data-v-addc6355]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-month-container .date-container .active[data-v-addc6355]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container .date-container .separator[data-v-addc6355]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-month-container .date-container .left-date[data-v-addc6355],.das-ui-special-range-picker-month-container .date-container .right-date[data-v-addc6355]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-month-container .date-container .right-date+div[data-v-addc6355]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-month-container .date-container .is-view[data-v-addc6355]{visibility:hidden}.das-ui-special-range-picker-month-container.underline[data-v-addc6355]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-month-container.bordered[data-v-addc6355]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-month-container.bordered.table .left-date[data-v-addc6355],.das-ui-special-range-picker-month-container.bordered.table .right-date[data-v-addc6355]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-month-container.active[data-v-addc6355]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container.active .icon-date[data-v-addc6355]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container[data-v-addc6355]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container:hover .icon-date[data-v-addc6355]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-month-container:hover .icon-date.has-data[data-v-addc6355]{display:none}.das-ui-special-range-picker-month-container:hover .icon-delete[data-v-addc6355]{cursor:pointer}.das-ui-special-range-picker-month-container:hover .icon-delete[data-v-addc6355]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-month-container:hover .icon-delete.has-data[data-v-addc6355]{display:block}.das-ui-special-range-picker-month-container.disabled[data-v-addc6355]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-month-container.disabled.bordered[data-v-addc6355]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-month-container.disabled .icon-date[data-v-addc6355]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.readonly[data-v-addc6355]{cursor:not-allowed;border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.readonly .icon-date[data-v-addc6355]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-month-container.is-error[data-v-addc6355]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-month-container{width:280px;height:166px;box-shadow:0 3px 6px -4px var(--das-ui-special-range-picker-box-shadow-12),0 6px 16px 0 var(--das-ui-special-range-picker-box-shadow-8),0 9px 28px 8px var(--das-ui-special-range-picker-box-shadow-5);border-radius:2px;border:0;padding:0}.el-popover.is-light.das-special-range-picker-month-container .month-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header{position:relative;background-color:var(--das-ui-special-range-picker-header-bgcolor);color:var(--das-ui-color-normal);height:37px;line-height:36px;font-weight:600;letter-spacing:0;text-align:center;font-size:14px;border-bottom:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn{position:absolute;top:10px;cursor:pointer}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn:hover .turn-icon{fill:var(--das-ui-special-range-picker-color-primary)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover{height:100%;display:flex;align-items:center;flex-wrap:wrap;padding:8px 14px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item{width:36px;height:30px;padding:3px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item .item-text{line-height:24px;text-align:center;width:24px;height:24px}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item:hover .item-text{background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.in-range .item-text{width:36px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.new-range .item-text{width:36px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start .item-text{width:24px;background-color:var(--das-ui-special-range-picker-color-primary);color:var(--das-ui-special-range-picker-color-white)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.out-range .item-text{width:36px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-month-container .month-container .month-container .date-container-popover .item.range-end:before{position:absolute;top:50%;z-index:1;width:4px;height:24px;transform:translateY(-50%);transition:all .3s;content:"";background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-month-container .month-container .left-month-container{width:100%}