@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

package/packages/components/special-range-picker-year/src/Index.vue.d.ts

@@ -1,60 +1,23 @@
 import 'element-plus/es/components/popover/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    borderType: string;
-    type: string;
-    width: string;
-    disabled: boolean;
-    isView: boolean;
-    size: string;
-    error: boolean;
-    errorMode: string;
-    errorModelZIndex: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (currValue: import("./type").RangeValue) => void;
-    "update:error": (crrValue: boolean) => void;
-    change: (currValue: import("./type").RangeValue) => void;
-    "show-popover": () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    borderType: string;
-    type: string;
-    width: string;
-    disabled: boolean;
-    isView: boolean;
-    size: string;
-    error: boolean;
-    errorMode: string;
-    errorModelZIndex: number;
-}>>> & {
-    onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (currValue: import("./type").RangeValue) => any;
+    change: (currValue: import("./type").RangeValue) => any;
+    "update:error": (crrValue: boolean) => any;
+    "show-popover": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
+    onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((crrValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
-}, {
+}>, {
     size: "large" | "medium" | "table";
-    error: boolean;
     disabled: boolean;
     width: string;
+    error: boolean;
     isView: boolean;
     errorMode: "default" | "overlay";
-    borderType: "underline" | "bordered" | "none";
     errorModelZIndex: number;
-}, {}>;
+    borderType: "underline" | "bordered" | "none";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -3,6 +3,12 @@ export declare const useDataPopover: (leftMonth: Ref<number>, rightMonth: Ref<nu
     popClickData: Ref<{
         begin: string;
         end: string;
+    }, {
+        begin: string;
+        end: string;
+    } | {
+        begin: string;
+        end: string;
     }>;
     isInRange: (date: number, position: "left" | "right") => boolean;
     isInHoverRange: (date: number, position: "left" | "right") => boolean;

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

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 export declare const useError: (props: any) => {
-    $dasSpecialRangeYearPicker: Ref<any>;
-    isHoverInInput: Ref<boolean>;
+    $dasSpecialRangeYearPicker: Ref<any, any>;
+    isHoverInInput: Ref<boolean, 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>>;
+    errorLabelStyle: Ref<Record<any, any>, Record<any, any>>;
     errorModalInputMouseEnter: () => void;
     errorModallInputMouseLeave: () => void;
 };

package/packages/components/special-range-picker-year/src/type.d.ts

@@ -1,53 +1,53 @@
-import { Dayjs } from 'dayjs'
-
-export type RangeValue = [string, string] | [number, number] | [null, null]
-
-export interface MonthMap {
-  [prop: number]: number[]
-}
-
-export interface Props {
-  modelValue: RangeValue
-
-  
-  borderType?: 'underline' | 'bordered' | 'none'
-
-  
-  width?: string
-
-  
-  disabled?: boolean
-
-  
-  isView?: boolean
-
-  
-  error?: boolean
-
-  
-  errorLabel?: string
-
-  
-  placeholder?: any
-
-  
-  size?: 'large' | 'medium' | 'table'
-
-  
-  errorMode?: 'default' | 'overlay'
-
-  
-  errorModelZIndex?: number
-}
-
-export interface Emits {
-  (e: 'update:modelValue', currValue: RangeValue): void
-
-  (e: 'update:error', crrValue: boolean): void
-
-  
-  (e: 'change', currValue: RangeValue): void
-
-  
-  (e: 'show-popover'): void
-}
+import { Dayjs } from 'dayjs'
+
+export type RangeValue = [string, string] | [number, number] | [null, null]
+
+export interface MonthMap {
+  [prop: number]: number[]
+}
+
+export interface Props {
+  modelValue: RangeValue
+
+  
+  borderType?: 'underline' | 'bordered' | 'none'
+
+  
+  width?: string
+
+  
+  disabled?: boolean
+
+  
+  isView?: boolean
+
+  
+  error?: boolean
+
+  
+  errorLabel?: string
+
+  
+  placeholder?: any
+
+  
+  size?: 'large' | 'medium' | 'table'
+
+  
+  errorMode?: 'default' | 'overlay'
+
+  
+  errorModelZIndex?: number
+}
+
+export interface Emits {
+  (e: 'update:modelValue', currValue: RangeValue): void
+
+  (e: 'update:error', crrValue: boolean): void
+
+  
+  (e: 'change', currValue: RangeValue): void
+
+  
+  (e: 'show-popover'): void
+}

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

@@ -1 +1 @@
-.das-special-range-picker-error-label-content[data-v-d039874a]{width:var(--2f7ba3b2);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-d039874a]{position:absolute;top:100%;left:0;width:var(--2f7ba3b2)}.das-ui-special-range-picker-year-container[data-v-d039874a]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-year-container.large[data-v-d039874a],.das-ui-special-range-picker-year-container.table[data-v-d039874a]{height:30px}.das-ui-special-range-picker-year-container.medium[data-v-d039874a]{height:24px}.das-ui-special-range-picker-year-container .date-container[data-v-d039874a]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-year-container .date-container .icon-delete[data-v-d039874a]{display:none}.das-ui-special-range-picker-year-container .date-container .placeholder[data-v-d039874a]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-year-container .date-container .active[data-v-d039874a]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container .date-container .separator[data-v-d039874a]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-year-container .date-container .left-date[data-v-d039874a],.das-ui-special-range-picker-year-container .date-container .right-date[data-v-d039874a]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-year-container .date-container .right-date+div[data-v-d039874a]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-year-container .date-container .is-view[data-v-d039874a]{visibility:hidden}.das-ui-special-range-picker-year-container.underline[data-v-d039874a]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-year-container.bordered[data-v-d039874a]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-year-container.bordered.table .left-date[data-v-d039874a],.das-ui-special-range-picker-year-container.bordered.table .right-date[data-v-d039874a]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-year-container.active[data-v-d039874a]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container.active .icon-date[data-v-d039874a]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container[data-v-d039874a]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date[data-v-d039874a]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date.has-data[data-v-d039874a]{display:none}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-d039874a]{cursor:pointer}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-d039874a]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-year-container:hover .icon-delete.has-data[data-v-d039874a]{display:block}.das-ui-special-range-picker-year-container.disabled[data-v-d039874a]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-year-container.disabled.bordered[data-v-d039874a]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-year-container.disabled .icon-date[data-v-d039874a]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly[data-v-d039874a]{cursor:not-allowed;border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly .icon-date[data-v-d039874a]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.is-error[data-v-d039874a]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-year-container{width:481px;height:213px;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-year-container .year-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .header .turn-btn{position:absolute;display:flex;align-items:center;width:16px;height:100%;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover{height:176px;display:flex;align-items:center;flex-wrap:wrap;padding:8px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item{width:32px;height:32px;padding:4px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.in-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.new-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range .item-text{width:32px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .left-month-container{width:241px}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container .left-date-container{border-right:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .right-month-container{width:240px}
+.das-special-range-picker-error-label-content[data-v-124b18e9]{width:var(--b583d434);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-124b18e9]{position:absolute;top:100%;left:0;width:var(--b583d434)}.das-ui-special-range-picker-year-container[data-v-124b18e9]{width:100%;box-sizing:border-box;background-color:var(--das-ui-special-range-picker-color-white)}.das-ui-special-range-picker-year-container.large[data-v-124b18e9],.das-ui-special-range-picker-year-container.table[data-v-124b18e9]{height:30px}.das-ui-special-range-picker-year-container.medium[data-v-124b18e9]{height:24px}.das-ui-special-range-picker-year-container .date-container[data-v-124b18e9]{display:flex;align-items:center;height:100%;width:100%}.das-ui-special-range-picker-year-container .date-container .icon-delete[data-v-124b18e9]{display:none}.das-ui-special-range-picker-year-container .date-container .placeholder[data-v-124b18e9]{color:var(--das-ui-color-help)}.das-ui-special-range-picker-year-container .date-container .active[data-v-124b18e9]{border-bottom:1px solid var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container .date-container .separator[data-v-124b18e9]{display:flex;align-items:center;width:10px;height:100%;margin:0 8px;color:var(--das-ui-color-normal)}.das-ui-special-range-picker-year-container .date-container .left-date[data-v-124b18e9],.das-ui-special-range-picker-year-container .date-container .right-date[data-v-124b18e9]{flex:1;min-width:0;text-align:left}.das-ui-special-range-picker-year-container .date-container .right-date+div[data-v-124b18e9]:has(.icon-date){height:var(--das-ui-font-size-lg)}.das-ui-special-range-picker-year-container .date-container .is-view[data-v-124b18e9]{visibility:hidden}.das-ui-special-range-picker-year-container.underline[data-v-124b18e9]{border-bottom:1px solid;border-color:var(--das-ui-special-range-picker-border-color)}.das-ui-special-range-picker-year-container.bordered[data-v-124b18e9]{border:1px solid;border-color:var(--das-ui-special-range-picker-border-color);padding:0 8px}.das-ui-special-range-picker-year-container.bordered.table .left-date[data-v-124b18e9],.das-ui-special-range-picker-year-container.bordered.table .right-date[data-v-124b18e9]{font-size:var(--das-ui-font-size-sm)}.das-ui-special-range-picker-year-container.active[data-v-124b18e9]{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container.active .icon-date[data-v-124b18e9]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container[data-v-124b18e9]:hover{border-color:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date[data-v-124b18e9]{fill:var(--das-ui-special-range-picker-color-primary)}.das-ui-special-range-picker-year-container:hover .icon-date.has-data[data-v-124b18e9]{display:none}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-124b18e9]{cursor:pointer}.das-ui-special-range-picker-year-container:hover .icon-delete[data-v-124b18e9]:hover{fill:var(--das-ui-special-range-picker-close-btn-hover)}.das-ui-special-range-picker-year-container:hover .icon-delete.has-data[data-v-124b18e9]{display:block}.das-ui-special-range-picker-year-container.disabled[data-v-124b18e9]{border-color:var(--das-ui-special-range-picker-disabled);color:var(--das-ui-color-disabled);cursor:not-allowed}.das-ui-special-range-picker-year-container.disabled.bordered[data-v-124b18e9]{background-color:var(--das-ui-special-range-picker-hover-color)}.das-ui-special-range-picker-year-container.disabled .icon-date[data-v-124b18e9]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly[data-v-124b18e9]{cursor:not-allowed;border-color:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.readonly .icon-date[data-v-124b18e9]{fill:var(--das-ui-special-range-picker-disabled)}.das-ui-special-range-picker-year-container.is-error[data-v-124b18e9]{border-color:var(--das-ui-color-danger)}.el-popover.is-light.das-special-range-picker-year-container{width:481px;height:213px;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-year-container .year-container{width:100%;height:100%;display:flex;align-items:center}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container{height:100%}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .header .turn-btn{position:absolute;display:flex;align-items:center;width:16px;height:100%;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .header .turn-btn.disabled{cursor:not-allowed}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-btn.disabled .turn-icon{fill:var(--das-ui-color-disabled)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-left{left:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .header .turn-right{right:12px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover{height:176px;display:flex;align-items:center;flex-wrap:wrap;padding:8px}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item{width:32px;height:32px;padding:4px 0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.in-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-in-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.new-range .item-text{width:32px;background-color:var(--das-ui-special-range-picker-new-range)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-end:before{left:0}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.range-start:before{right:0}.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .month-container .date-container-popover .item.out-range{cursor:default;pointer-events:none}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.out-range .item-text{width:32px;color:var(--das-ui-color-disabled);background-color:var(--das-ui-special-range-picker-hover-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .month-container .date-container-popover .item.range-start:before,.el-popover.is-light.das-special-range-picker-year-container .year-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-year-container .year-container .left-month-container{width:241px}.el-popover.is-light.das-special-range-picker-year-container .year-container .left-month-container .left-date-container{border-right:1px solid var(--das-ui-special-range-picker-border-color)}.el-popover.is-light.das-special-range-picker-year-container .year-container .right-month-container{width:240px}

package/packages/components/spin/i18n/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    加载中: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

package/packages/components/spin/index.d.ts

@@ -1,84 +1,21 @@
 import '@das-fed/ui/packages/global/theme';
 declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        customSize: {
-            type: import("vue").PropType<string | Number>;
-            default: string;
-        };
-        iconColor: {
-            type: import("vue").PropType<any>;
-            default: () => import("vue").ComputedRef<any>;
-        };
-        full: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        customSize: {
-            type: import("vue").PropType<string | Number>;
-            default: string;
-        };
-        iconColor: {
-            type: import("vue").PropType<any>;
-            default: () => import("vue").ComputedRef<any>;
-        };
-        full: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {
-        size: string;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: string;
+        size: string;
         customSize: string | Number;
         iconColor: any;
         full: boolean;
-    }, true, {}, {}, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        customSize: {
-            type: import("vue").PropType<string | Number>;
-            default: string;
-        };
-        iconColor: {
-            type: import("vue").PropType<any>;
-            default: () => import("vue").ComputedRef<any>;
-        };
-        full: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, {}, {}, {}, {
-        size: string;
+    }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, {
         type: string;
+        size: string;
         customSize: string | Number;
         iconColor: any;
         full: boolean;
@@ -86,36 +23,15 @@ declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    type: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    customSize: {
-        type: import("vue").PropType<string | Number>;
-        default: string;
-    };
-    iconColor: {
-        type: import("vue").PropType<any>;
-        default: () => import("vue").ComputedRef<any>;
-    };
-    full: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string;
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: string;
+    size: string;
     customSize: string | Number;
     iconColor: any;
     full: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
+        default?: (props: {}) => any;
     };
 })>;
 export { DasSpin };

package/packages/components/spin/index.js

@@ -1,37 +1,44 @@
 import '@das-fed/ui/packages/components/spin/style.css';
-import { getVarValue as u, setThemeRule as m } from "@das-fed/web/packages/theme/index";
-import { withInstall as v } from "@das-fed/utils/with-install/index";
-import { openBlock as d, createElementBlock as n, createStaticVNode as _, pushScopeId as h, popScopeId as g, createElementVNode as l, defineComponent as $, ref as S, useAttrs as b, watch as p, h as i, normalizeClass as C, createVNode as I, unref as f, mergeProps as z, withCtx as y, renderSlot as V } from "vue";
-import { Spin as x } from "ant-design-vue";
+import { getVarValue as u, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
+import { setI18nRule as v, t as g } from "@das-fed/web/packages/i18n/index";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { createElementBlock as n, openBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as S, watch as p, h as e, normalizeClass as z, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as V } from "vue";
+import { Spin as b } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
-import { DasIconLoad as L } from "@das-fed/ui/packages/icons/load/index";
+import { DasIconLoad as k } from "@das-fed/ui/packages/icons/load/index";
 import "@das-fed/ui/packages/global/theme";
-const c = (a, t) => {
-  const o = a.__vccOpts || a;
-  for (const [e, s] of t)
-    o[e] = s;
+const r = (t, s) => {
+  const o = t.__vccOpts || t;
+  for (const [i, a] of s)
+    o[i] = a;
   return o;
-}, k = {}, B = { class: "das-spin-container das-spin-page" }, N = /* @__PURE__ */ _('<div class="das-spin-dot-spin" data-v-ed1972fb><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i></div>', 1), w = [
-  N
-];
-function D(a, t) {
-  return d(), n("div", B, w);
+}, x = {}, N = { class: "das-spin-container das-spin-page" };
+function B(t, s) {
+  return d(), n("div", N, s[0] || (s[0] = [
+    m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
+  ]));
 }
-const E = /* @__PURE__ */ c(k, [["render", D], ["__scopeId", "data-v-ed1972fb"]]), P = {}, A = (a) => (h("data-v-c603f3a6"), a = a(), g(), a), O = { class: "das-spin-container das-spin-component" }, R = /* @__PURE__ */ A(() => /* @__PURE__ */ l("div", { class: "das-spin-dot-spin" }, [
-  /* @__PURE__ */ l("i", { class: "das-spin-dot-item" })
-], -1)), T = [
-  R
-];
-function j(a, t) {
-  return d(), n("div", O, T);
+const w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
+function P(t, s) {
+  return d(), n("div", E, s[0] || (s[0] = [
+    l(
+      "div",
+      { class: "das-spin-dot-spin" },
+      [
+        l("i", { class: "das-spin-dot-item" })
+      ],
+      -1
+      /* CACHED */
+    )
+  ]));
 }
-const q = /* @__PURE__ */ c(P, [["render", j], ["__scopeId", "data-v-c603f3a6"]]), F = {}, G = { class: "das-spin-container das-spin-containerload" }, H = /* @__PURE__ */ _('<div class="das-spin-dot-spin" data-v-0cf21aa9><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i></div>', 1), J = [
-  H
-];
-function K(a, t) {
-  return d(), n("div", G, J);
+const R = /* @__PURE__ */ r(D, [["render", P], ["__scopeId", "data-v-f47a1ae6"]]), A = {}, O = { class: "das-spin-container das-spin-containerload" };
+function T(t, s) {
+  return d(), n("div", O, s[0] || (s[0] = [
+    m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
+  ]));
 }
-const M = /* @__PURE__ */ c(F, [["render", K], ["__scopeId", "data-v-0cf21aa9"]]), Q = /* @__PURE__ */ $({
+const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -40,48 +47,56 @@ const M = /* @__PURE__ */ c(F, [["render", K], ["__scopeId", "data-v-0cf21aa9"]]
     iconColor: { default: () => u("--das-ui-spin-logo-5-color") },
     full: { type: Boolean, default: !0 }
   },
-  setup(a) {
-    let t = a, o = S("");
-    const e = b();
+  setup(t) {
+    let s = t, o = h("");
+    const i = S();
     return p(
-      () => t.type,
-      (s, r) => {
-        s == "page" && (o.value = i(E)), s == "container" && (o.value = i(M)), s == "component" && (o.value = i(q)), s == "load" && (o.value = i(L, {
-          iconColor: t.iconColor,
-          customSize: t.customSize
+      () => s.type,
+      (a, c) => {
+        a == "page" && (o.value = e(w)), a == "container" && (o.value = e(j)), a == "component" && (o.value = e(R)), a == "load" && (o.value = e(k, {
+          iconColor: s.iconColor,
+          customSize: s.customSize
         }));
       },
       { immediate: !0 }
     ), p(
-      () => e,
-      (s, r) => {
-        e.indicator && (o.value = e.indicator);
+      () => i,
+      (a, c) => {
+        i.indicator && (o.value = i.indicator);
       },
       { immediate: !0 }
-    ), (s, r) => (d(), n("div", {
-      class: C({ "das-spin-container": !0, full: s.full })
-    }, [
-      I(f(x), z({
-        class: `das-slef-spin ${s.size} ${s.type} `
-      }, s.$attrs, { indicator: f(o) }), {
-        default: y(() => [
-          V(s.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "indicator"])
-    ], 2));
+    ), (a, c) => (d(), n(
+      "div",
+      {
+        class: z({ "das-spin-container": !0, full: a.full })
+      },
+      [
+        I(f(b), y({
+          class: `das-slef-spin ${a.size} ${a.type} `
+        }, a.$attrs, { indicator: f(o) }), {
+          default: L(() => [
+            V(a.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "indicator"])
+      ],
+      2
+      /* CLASS */
+    ));
   }
-}), U = {
+}), F = {
   "--das-ui-spin-logo-1-color": "#2486ee",
   "--das-ui-spin-logo-2-color": "#02ccfe",
   "--das-ui-spin-logo-3-color": "#05c8c7",
   "--das-ui-spin-logo-4-color": "#a06eff",
   "--das-ui-spin-logo-5-color": "#5582f3",
   "--das-ui-spin-logo-6-color": "#ebebeb"
-};
-m(U);
-const ts = v(Q), es = { name: "Spin 加载中" };
+}, G = { 加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" } };
+v(G);
+_(F);
+const Y = $(q), Z = { name: `Spin ${g("加载中")}` };
 export {
-  ts as DasSpin,
-  es as default
+  Y as DasSpin,
+  Z as default
 };

package/packages/components/spin/src/components/ComponentLoad/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/packages/components/spin/src/components/ContainerLoad/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/packages/components/spin/src/components/PageLoad/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/packages/components/spin/src/index.vue.d.ts

@@ -1,48 +1,20 @@
 import 'ant-design-vue/es/spin/style/css';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     type: string;
     size: string;
-    customSize: string;
-    iconColor: () => import("vue").ComputedRef<any>;
-    full: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    type: string;
-    size: string;
-    customSize: string;
-    iconColor: () => import("vue").ComputedRef<any>;
-    full: boolean;
-}>>>, {
-    size: string;
-    type: string;
     customSize: string | Number;
     iconColor: any;
     full: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};