@das-fed/ui 6.4.0-test.5.1 → 6.4.0-test.51

package/packages/components/select-list/src/Index.vue.d.ts

@@ -1,53 +1,118 @@
+import { RecycleScroller } from 'vue-virtual-scroller';
+import { vDasTooltip, DasButton, vOverlay, DasIconClose2, DasIconDrag } from '@das-fed/ui';
+import { i18n, getVar } from '@das-fed/web';
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            item: any;
-        }): any;
-        default?(_: {
-            item: any;
-        }): any;
-        default?(_: {
-            item: any;
-        }): any;
-    };
-    refs: {
-        selectListRef: HTMLDivElement;
-        $list: HTMLDivElement;
-    };
-    attrs: Partial<{}>;
+declare const selecteItemHeight: import("vue").ComputedRef<string>;
+declare const innerVirtual: import("vue").ComputedRef<boolean>;
+declare const selectListRef: import("vue").Ref<any, any>, $list: import("vue").Ref<any, any>, disabledFlag: (item: import("./type").ItemProps) => boolean, itemGroups: import("vue").Ref<any[], any[]>, selectedLabel: import("vue").ComputedRef<string>, itemRemove: (item: import("./type").ItemProps) => void, removeAll: () => void, innerSelectdValue: import("vue").WritableComputedRef<string | number | undefined, string | number>, selectItem: (item: import("./type").ItemProps) => void, infiniteLoad: () => void;
+declare const showVirtualList: import("vue").Ref<boolean, boolean>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_15: {
+    item: any;
+}, __VLS_29: {
+    item: any;
+}, __VLS_39: {
+    item: any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_29) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    RecycleScroller: typeof RecycleScroller;
+    vDasTooltip: typeof vDasTooltip;
+    DasButton: typeof DasButton;
+    vOverlay: typeof vOverlay;
+    DasIconClose2: typeof DasIconClose2;
+    DasIconDrag: typeof DasIconDrag;
+    i18n: typeof i18n;
+    getVar: typeof getVar;
+    selecteItemHeight: typeof selecteItemHeight;
+    innerVirtual: typeof innerVirtual;
+    selectListRef: typeof selectListRef;
+    $list: typeof $list;
+    disabledFlag: typeof disabledFlag;
+    itemGroups: typeof itemGroups;
+    selectedLabel: typeof selectedLabel;
+    itemRemove: typeof itemRemove;
+    removeAll: typeof removeAll;
+    innerSelectdValue: typeof innerSelectdValue;
+    selectItem: typeof selectItem;
+    infiniteLoad: typeof infiniteLoad;
+    showVirtualList: typeof showVirtualList;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: import("./type").ItemProps[]) => any;
+    sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
+    "item-remove": (value: import("./type").ItemProps) => any;
+    "update:selectdValue": (value: string | number) => any;
+    "select-item": (value: import("./type").ItemProps) => any;
+    "remove-all": (value: import("./type").ItemProps[]) => any;
+    "update:infiniteDisabled": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("./type").ItemProps[]) => any) | undefined;
+    onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
+    "onItem-remove"?: ((value: import("./type").ItemProps) => any) | undefined;
+    "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
+    "onSelect-item"?: ((value: import("./type").ItemProps) => any) | undefined;
+    "onRemove-all"?: ((value: import("./type").ItemProps[]) => any) | undefined;
+    "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
+}>, {
+    props: any;
+    height: string;
+    width: string;
+    clearable: boolean;
+    virtual: boolean;
+    hideHeader: boolean;
+    selectdValue: string | number;
+    valueKey: string;
+    labelKey: string;
+    closeable: boolean;
+    customTitle: string;
+    itemHeight: number;
+    infiniteDisabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {
     infiniteLoad: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("./type").ItemProps[]) => any;
     sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
     "item-remove": (value: import("./type").ItemProps) => any;
+    "update:selectdValue": (value: string | number) => any;
+    "select-item": (value: import("./type").ItemProps) => any;
     "remove-all": (value: import("./type").ItemProps[]) => any;
     "update:infiniteDisabled": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("./type").ItemProps[]) => any) | undefined;
     onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
     "onItem-remove"?: ((value: import("./type").ItemProps) => any) | undefined;
+    "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
+    "onSelect-item"?: ((value: import("./type").ItemProps) => any) | undefined;
     "onRemove-all"?: ((value: import("./type").ItemProps[]) => any) | undefined;
     "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
 }>, {
     props: any;
     height: string;
     width: string;
+    clearable: boolean;
     virtual: boolean;
     hideHeader: boolean;
-    labelKey: string;
+    selectdValue: string | number;
     valueKey: string;
+    labelKey: string;
+    closeable: boolean;
     customTitle: string;
     itemHeight: number;
     infiniteDisabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/packages/components/select-list/src/hooks/use-select-list.d.ts

@@ -8,5 +8,7 @@ export declare const useSelectList: (props: Props, emits: Emits) => {
     selectedLabel: import("vue").ComputedRef<string>;
     itemRemove: (item: ItemProps) => void;
     removeAll: () => void;
+    innerSelectdValue: import("vue").WritableComputedRef<string | number | undefined, string | number>;
+    selectItem: (item: ItemProps) => void;
     infiniteLoad: () => void;
 };

package/packages/components/select-list/src/type.d.ts

@@ -21,12 +21,15 @@ export interface Props {
   modelValue: ItemProps[]
 
   
-  labelKey?: string
+  selectdValue?: string | number
 
   
   valueKey?: string
 
   
+  labelKey?: string
+
+  
   customStyle?: any
 
   
@@ -36,9 +39,18 @@ export interface Props {
   isView?: boolean
 
   
+  closeable?: boolean
+
+  
+  clearable?: boolean
+
+  
   customTitle?: string
 
   
+  selectedNum?: string
+
+  
   props?: any
 
   
@@ -48,9 +60,6 @@ export interface Props {
   itemHeight?: number
 
   
-  selectedNum?: string
-
-  
   infiniteScroll?: () => Promise<any>
 
   
@@ -65,6 +74,12 @@ export interface Emits {
   (e: 'update:modelValue', value: ItemProps[]): void
 
   
+  (e: 'update:selectdValue', value: string | number): void
+
+  
+  (e: 'select-item', value: ItemProps): void
+
+  
   (e: 'item-remove', value: ItemProps): void
 
   
@@ -79,6 +94,9 @@ export interface Emits {
 
 export interface Slots {
   
+  header: {}
+
+  
   default: {
     
     item: object

package/packages/components/select-list/style.css

@@ -1 +1 @@
-.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.das-ui-select-list .selected-number-header[data-v-4f2b9d39]{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.das-ui-select-list .selected-number-header .selected-num[data-v-4f2b9d39]{font-size:12px;color:var(--das-ui-color-secondary);letter-spacing:0;font-weight:400;display:flex;align-items:center}.das-ui-select-list .virtual-list[data-v-4f2b9d39]{height:100%}.das-ui-select-list .virtual-list[data-v-4f2b9d39]::-webkit-scrollbar,.das-ui-select-list .selected-page-container[data-v-4f2b9d39]::-webkit-scrollbar{width:var(--das-ui-scrollbar-thumb-size);height:var(--das-ui-scrollbar-thumb-size)}.das-ui-select-list .virtual-list[data-v-4f2b9d39]::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-4f2b9d39]::-webkit-scrollbar-thumb{background:transparent}.das-ui-select-list .virtual-list[data-v-4f2b9d39]:hover::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-4f2b9d39]:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.das-ui-select-list .virtual-list[data-v-4f2b9d39]::-webkit-scrollbar-thumb:hover,.das-ui-select-list .selected-page-container[data-v-4f2b9d39]::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.das-ui-select-list .selected-container[data-v-4f2b9d39]{width:100%;height:calc(100% - 32px)}.das-ui-select-list .selected-container.hide-header[data-v-4f2b9d39]{height:100%}.das-ui-select-list .selected-container .selected-group[data-v-4f2b9d39]{width:100%}.das-ui-select-list .selected-container .selected-item[data-v-4f2b9d39]{box-sizing:border-box;height:var(--29d5747a);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.das-ui-select-list .selected-container .selected-item .drag-icon[data-v-4f2b9d39]{visibility:hidden}.das-ui-select-list .selected-container .selected-item[data-v-4f2b9d39]:hover{background-color:var(--das-ui-select-list-hover-bg)}.das-ui-select-list .selected-container .selected-item:hover .close-icon[data-v-4f2b9d39],.das-ui-select-list .selected-container .selected-item.enable:hover .drag-icon[data-v-4f2b9d39]{visibility:visible}.das-ui-select-list .selected-container .selected-item.disabled[data-v-4f2b9d39]{cursor:not-allowed}.das-ui-select-list .selected-container .selected-item.disabled .close-icon[data-v-4f2b9d39]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .name[data-v-4f2b9d39]{flex:1;font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;min-width:0;text-align:left}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-4f2b9d39]{margin-left:8px;visibility:hidden;cursor:pointer}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-4f2b9d39]:hover{fill:var(--das-ui-select-list-close-btn-hover)}
+.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.das-ui-select-list .selected-number-header[data-v-59299368]{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.das-ui-select-list .selected-number-header .selected-num[data-v-59299368]{font-size:12px;color:var(--das-ui-color-secondary);letter-spacing:0;font-weight:400;display:flex;align-items:center}.das-ui-select-list .virtual-list[data-v-59299368]{height:100%}.das-ui-select-list .virtual-list[data-v-59299368]::-webkit-scrollbar,.das-ui-select-list .selected-page-container[data-v-59299368]::-webkit-scrollbar{width:var(--das-ui-scrollbar-thumb-size);height:var(--das-ui-scrollbar-thumb-size)}.das-ui-select-list .virtual-list[data-v-59299368]::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-59299368]::-webkit-scrollbar-thumb{background:transparent}.das-ui-select-list .virtual-list[data-v-59299368]:hover::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-59299368]:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.das-ui-select-list .virtual-list[data-v-59299368]::-webkit-scrollbar-thumb:hover,.das-ui-select-list .selected-page-container[data-v-59299368]::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.das-ui-select-list .selected-container[data-v-59299368]{width:100%;height:calc(100% - 32px)}.das-ui-select-list .selected-container.hide-header[data-v-59299368]{height:100%}.das-ui-select-list .selected-container .selected-group[data-v-59299368]{width:100%}.das-ui-select-list .selected-container .selected-item[data-v-59299368]{box-sizing:border-box;height:var(--24c7fbc6);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.das-ui-select-list .selected-container .selected-item .drag-icon[data-v-59299368]{visibility:hidden}.das-ui-select-list .selected-container .selected-item.enable:hover .drag-icon[data-v-59299368]{visibility:visible}.das-ui-select-list .selected-container .selected-item.active[data-v-59299368]:not(.disabled){color:var(--das-ui-select-list-active-font-color);background-color:var(--das-ui-select-list-active-bg-color)}.das-ui-select-list .selected-container .selected-item[data-v-59299368]:hover{background-color:var(--das-ui-select-list-hover-bg)}.das-ui-select-list .selected-container .selected-item:hover .close-icon[data-v-59299368]{visibility:visible}.das-ui-select-list .selected-container .selected-item.disabled[data-v-59299368]{cursor:not-allowed}.das-ui-select-list .selected-container .selected-item.disabled .close-icon[data-v-59299368]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .name[data-v-59299368]{flex:1;font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;min-width:0;text-align:left}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-59299368]{margin-left:8px;visibility:hidden;cursor:pointer}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-59299368]:hover{fill:var(--das-ui-select-list-close-btn-hover)}

package/packages/components/select-list/theme/index.d.ts

@@ -5,5 +5,7 @@ declare const _default: {
     '--das-ui-select-list-close-btn-hover': {
         light: string;
     };
+    '--das-ui-select-list-active-bg-color': string;
+    '--das-ui-select-list-active-font-color': string;
 };
 export default _default;

package/packages/components/special-range-picker-month/index.js

@@ -2,7 +2,7 @@ import '@das-fed/ui/packages/components/special-range-picker-month/style.css';
 import { withInstall as te } from "@das-fed/utils/with-install/index";
 import { t as N, setI18nRule as oe } from "@das-fed/web/packages/i18n/index";
 import { getVarValue as W, getVar as Y, setThemeRule as ne } from "@das-fed/web/packages/theme/index";
-import { ref as m, computed as V, defineComponent as le, onMounted as se, openBlock as y, createElementBlock as w, normalizeStyle as z, unref as e, createElementVNode as b, normalizeClass as x, createVNode as $, withCtx as Z, toDisplayString as I, withDirectives as A, Fragment as P, renderList as ie, createTextVNode as ue, createBlock as de, Teleport as ce, createCommentVNode as j } from "vue";
+import { ref as m, computed as V, defineComponent as le, onMounted as se, createElementBlock as w, openBlock as y, unref as e, normalizeStyle as z, createElementVNode as b, createCommentVNode as Z, normalizeClass as x, createVNode as $, withCtx as A, withDirectives as j, Fragment as P, renderList as ie, toDisplayString as I, createTextVNode as ue, createBlock as de, Teleport as ce } from "vue";
 import { ElPopover as pe, ClickOutside as ve } from "element-plus";
 import { vDasTooltip as ge } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasIconDate as fe } from "@das-fed/ui/packages/icons/date/index";
@@ -81,12 +81,12 @@ const G = () => ({ getDateTime: (o) => {
     display: "block",
     "text-align": "left",
     color: W("--das-ui-special-range-picker-error").value,
-    "white-space": "break-spaces",
-    "word-break": "break-all"
+    "white-space": "break-spaces"
+    // 'word-break': 'break-all',
   }), g = () => {
     var L, M, D;
     o.value = (L = s.value) == null ? void 0 : L.clientWidth;
-    const { top: S, left: R } = (M = s.value) == null ? void 0 : M.getBoundingClientRect(), B = (D = s.value) == null ? void 0 : D.clientHeight;
+    const { top: S = 0, left: R = 0 } = ((M = s.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, B = (D = s.value) == null ? void 0 : D.clientHeight;
     n.value.x = R, n.value.y = S + B;
   };
   return {
@@ -193,7 +193,7 @@ const G = () => ({ getDateTime: (o) => {
               width: 280,
               trigger: "click"
             }, {
-              reference: Z(() => [
+              reference: A(() => [
                 b("div", ke, [
                   b(
                     "div",
@@ -252,8 +252,8 @@ const G = () => ({ getDateTime: (o) => {
                   )
                 ])
               ]),
-              default: Z(() => [
-                A((y(), w("div", De, [
+              default: A(() => [
+                j((y(), w("div", De, [
                   b("div", ye, [
                     b(
                       "div",
@@ -308,7 +308,7 @@ const G = () => ({ getDateTime: (o) => {
           P,
           { key: 0 },
           [
-            v.errorMode === "default" ? A((y(), w("div", Ie, [
+            v.errorMode === "default" ? j((y(), w("div", Ie, [
               ue(
                 I(v.errorLabel),
                 1
@@ -367,11 +367,11 @@ const G = () => ({ getDateTime: (o) => {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : j("v-if", !0)
+            )) : Z("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : j("v-if", !0)
+        )) : Z("v-if", !0)
       ],
       36
       /* STYLE, NEED_HYDRATION */

package/packages/components/special-range-picker-year/index.js

@@ -1,11 +1,11 @@
 import '@das-fed/ui/packages/components/special-range-picker-year/style.css';
 import { withInstall as ge } from "@das-fed/utils/with-install/index";
 import { i18n as N, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
-import { getVarValue as U, getVar as H, setThemeRule as be } from "@das-fed/web/packages/theme/index";
-import { ref as y, computed as W, defineComponent as he, onMounted as me, openBlock as I, createElementBlock as E, normalizeStyle as P, unref as e, createElementVNode as d, normalizeClass as S, createVNode as V, withCtx as X, toDisplayString as x, withDirectives as ee, createTextVNode as O, Fragment as Y, renderList as ae, createBlock as ke, Teleport as De, createCommentVNode as re } from "vue";
-import { ElPopover as ye, ClickOutside as we } from "element-plus";
+import { getVarValue as U, getVar as H, setThemeRule as he } from "@das-fed/web/packages/theme/index";
+import { ref as y, computed as W, defineComponent as be, onMounted as me, createElementBlock as E, openBlock as I, unref as e, normalizeStyle as P, createElementVNode as d, createCommentVNode as X, normalizeClass as S, createVNode as V, withCtx as ee, withDirectives as ae, createTextVNode as O, toDisplayString as x, Fragment as Y, renderList as re, createBlock as ke, Teleport as De } from "vue";
+import { ElPopover as ye, ClickOutside as Me } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-import { vDasTooltip as Me } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as we } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasIconEmpty as $e } from "@das-fed/ui/packages/icons/empty/index";
 import { DasIconDate as Ie } from "@das-fed/ui/packages/icons/date/index";
 import { DasIconLeft as xe } from "@das-fed/ui/packages/icons/left/index";
@@ -15,7 +15,7 @@ import "@das-fed/ui/packages/global/theme";
 const oe = () => ({ getDateTime: (t) => {
   const v = `2020/${t}`;
   return new Date(v).getTime();
-}, formatDateStr: (t) => t >= 10 ? t : "0" + t }), Ee = (k, g, r, t, v, l, M) => {
+}, formatDateStr: (t) => t >= 10 ? t : "0" + t }), Ee = (k, g, r, t, v, l, w) => {
   const i = y({ begin: "", end: "" }), C = y(""), { getDateTime: f, formatDateStr: u } = oe();
   return {
     popClickData: i,
@@ -66,7 +66,7 @@ const oe = () => ({ getDateTime: (t) => {
         left: k.value,
         right: g.value
       }, o = `${u(m[s])}/${u(n)}`;
-      t.value === "begin" ? i.value.begin = o : i.value.end = o, v.value === 1 ? t.value = t.value === "begin" ? "end" : "begin" : M();
+      t.value === "begin" ? i.value.begin = o : i.value.end = o, v.value === 1 ? t.value = t.value === "begin" ? "end" : "begin" : w();
     },
     mouseEnter: (n, s) => {
       const m = {
@@ -91,7 +91,7 @@ const oe = () => ({ getDateTime: (t) => {
     padding: "2px 8px",
     "box-sizing": "border-box",
     "z-index": k.errorModelZIndex
-  })), M = W(() => ({
+  })), w = W(() => ({
     ...l.value,
     width: t.value + "px",
     position: "fixed",
@@ -102,19 +102,19 @@ const oe = () => ({ getDateTime: (t) => {
     display: "block",
     "text-align": "left",
     color: U("--das-ui-special-range-picker-error").value,
-    "white-space": "break-spaces",
-    "word-break": "break-all"
+    "white-space": "break-spaces"
+    // 'word-break': 'break-all',
   }), C = () => {
     var R, B, z;
     t.value = (R = g.value) == null ? void 0 : R.clientWidth;
-    const { top: b, left: h } = (B = g.value) == null ? void 0 : B.getBoundingClientRect(), w = (z = g.value) == null ? void 0 : z.clientHeight;
-    v.value.x = h, v.value.y = b + w;
+    const { top: h = 0, left: b = 0 } = ((B = g.value) == null ? void 0 : B.getBoundingClientRect()) ?? {}, M = (z = g.value) == null ? void 0 : z.clientHeight;
+    v.value.x = b, v.value.y = h + M;
   };
   return {
     $dasSpecialRangeYearPicker: g,
     isHoverInInput: r,
     errorModalBaseSyle: l,
-    errorModelStyle: M,
+    errorModelStyle: w,
     errorLabelStyle: i,
     errorModalInputMouseEnter: () => {
       C(), r.value = !0;
@@ -126,7 +126,7 @@ const oe = () => ({ getDateTime: (t) => {
 }, Re = { class: "date-container" }, Le = { class: "year-container" }, _e = { class: "month-container left-month-container" }, Be = { class: "header" }, ze = ["onMouseenter", "onClick"], Pe = { class: "item-text" }, Ve = { class: "month-container right-month-container" }, Fe = { class: "header" }, Ne = ["onMouseenter", "onClick"], He = { class: "item-text" }, Ye = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
-}, Te = /* @__PURE__ */ he({
+}, Te = /* @__PURE__ */ be({
   __name: "Index",
   props: {
     modelValue: {},
@@ -143,19 +143,19 @@ const oe = () => ({ getDateTime: (t) => {
   },
   emits: ["update:modelValue", "update:error", "change", "show-popover"],
   setup(k, { emit: g }) {
-    const r = k, t = g, v = y(!1), l = te(r, "modelValue"), M = y(["", ""]), i = te(r, "error"), C = y(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = y({}), b = y(1), h = y(2), w = y(void 0);
+    const r = k, t = g, v = y(!1), l = te(r, "modelValue"), w = y(["", ""]), i = te(r, "error"), C = y(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = y({}), h = y(1), b = y(2), M = y(void 0);
     let R = !0;
     const B = y(0), z = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), T = (p, c) => {
       if (!(r.disabled || r.isView)) {
-        if (R = !1, v.value = !0, w.value = c, B.value = 0, M.value = [l.value[0], l.value[1]], p) {
+        if (R = !1, v.value = !0, M.value = c, B.value = 0, w.value = [l.value[0], l.value[1]], p) {
           const a = Number(p.split("/")[0]);
-          c === "begin" ? (b.value = a < 12 ? a : 11, h.value = b.value + 1) : (h.value = a > 1 ? a : 2, b.value = h.value - 1);
+          c === "begin" ? (h.value = a < 12 ? a : 11, b.value = h.value + 1) : (b.value = a > 1 ? a : 2, h.value = b.value - 1);
         } else
-          b.value = C.value < 12 ? C.value : 11, h.value = b.value + 1;
+          h.value = C.value < 12 ? C.value : 11, b.value = h.value + 1;
         t("show-popover");
       }
     }, Z = () => {
-      w.value = void 0;
+      M.value = void 0;
       const p = s.value;
       t("update:modelValue", [p.begin, p.end]), t("change", [p.begin, p.end]), t("update:error", !1), v.value = !1;
     }, { formatDateStr: n } = oe(), {
@@ -168,7 +168,7 @@ const oe = () => ({ getDateTime: (t) => {
       clickData: A,
       mouseEnter: j,
       mouseLeave: F
-    } = Ee(b, h, M, w, B, l, Z), {
+    } = Ee(h, b, w, M, B, l, Z), {
       $dasSpecialRangeYearPicker: ne,
       isHoverInInput: q,
       errorModalBaseSyle: le,
@@ -177,16 +177,16 @@ const oe = () => ({ getDateTime: (t) => {
       errorModalInputMouseEnter: J,
       errorModallInputMouseLeave: K
     } = Se(r), ie = () => {
-      b.value !== 1 && (b.value--, h.value--);
+      h.value !== 1 && (h.value--, b.value--);
     }, ue = () => {
-      h.value !== 12 && (h.value++, b.value++);
+      b.value !== 12 && (b.value++, h.value++);
     }, ce = () => {
       setTimeout(() => {
         if (!R) {
           R = !0;
           return;
         }
-        M.value = ["", ""], s.value = { begin: l.value[0], end: l.value[1] }, w.value = void 0, v.value = !1;
+        w.value = ["", ""], s.value = { begin: l.value[0], end: l.value[1] }, M.value = void 0, v.value = !1;
       }, 50);
     }, de = () => {
       t("update:modelValue", [null, null]), t("update:error", !1), t("change", [null, null]);
@@ -217,7 +217,7 @@ const oe = () => ({ getDateTime: (t) => {
               p.borderType,
               r.disabled ? "disabled" : "",
               r.isView ? "readonly" : "",
-              { active: w.value !== void 0 },
+              { active: M.value !== void 0 },
               e(i) ? "is-error" : "",
               p.size
             ]])
@@ -230,18 +230,18 @@ const oe = () => ({ getDateTime: (t) => {
               width: 481,
               trigger: "click"
             }, {
-              reference: X(() => [
+              reference: ee(() => [
                 d("div", Re, [
                   d(
                     "div",
                     {
                       class: S(["left-date", {
-                        placeholder: !e(l)[0] || w.value === "begin" && M.value[0],
-                        active: w.value === "begin"
+                        placeholder: !e(l)[0] || M.value === "begin" && w.value[0],
+                        active: M.value === "begin"
                       }]),
                       onClick: c[0] || (c[0] = (a) => T(e(l)[0], "begin"))
                     },
-                    x(M.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value),
+                    x(w.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -256,12 +256,12 @@ const oe = () => ({ getDateTime: (t) => {
                     "div",
                     {
                       class: S(["right-date", {
-                        placeholder: !e(l)[1] || w.value === "end" && M.value[1],
-                        active: w.value === "end"
+                        placeholder: !e(l)[1] || M.value === "end" && w.value[1],
+                        active: M.value === "end"
                       }]),
                       onClick: c[1] || (c[1] = (a) => T(e(l)[1], "end"))
                     },
-                    x(M.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value),
+                    x(w.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -289,14 +289,14 @@ const oe = () => ({ getDateTime: (t) => {
                   )
                 ])
               ]),
-              default: X(() => [
-                ee((I(), E("div", Le, [
+              default: ee(() => [
+                ae((I(), E("div", Le, [
                   d("div", _e, [
                     d("div", Be, [
                       d(
                         "div",
                         {
-                          class: S(["turn-btn turn-left", { disabled: b.value === 1 }])
+                          class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
                         },
                         [
                           V(e(xe), {
@@ -310,7 +310,7 @@ const oe = () => ({ getDateTime: (t) => {
                         /* CLASS */
                       ),
                       O(
-                        " " + x(b.value) + x(e(N)("das-special-range-picker-month").value),
+                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -326,12 +326,12 @@ const oe = () => ({ getDateTime: (t) => {
                         (I(!0), E(
                           Y,
                           null,
-                          ae(u.value[b.value], (a) => (I(), E("div", {
+                          re(u.value[h.value], (a) => (I(), E("div", {
                             class: S(["item", {
                               "in-range": e(m)(a, "left") || e(o)(a, "left"),
                               "new-range": e(D)(a, "left"),
-                              "range-start": e(s).begin === `${e(n)(b.value)}/${e(n)(a)}`,
-                              "range-end": e(s).end === `${e(n)(b.value)}/${e(n)(a)}`,
+                              "range-start": e(s).begin === `${e(n)(h.value)}/${e(n)(a)}`,
+                              "range-end": e(s).end === `${e(n)(h.value)}/${e(n)(a)}`,
                               "out-range": e($)(a, "left") || e(L)(a, "left")
                             }]),
                             onMouseenter: (_) => e(j)(a, "left"),
@@ -358,7 +358,7 @@ const oe = () => ({ getDateTime: (t) => {
                       d(
                         "div",
                         {
-                          class: S(["turn-btn turn-right", { disabled: h.value === 12 }])
+                          class: S(["turn-btn turn-right", { disabled: b.value === 12 }])
                         },
                         [
                           V(e(Ce), {
@@ -372,7 +372,7 @@ const oe = () => ({ getDateTime: (t) => {
                         /* CLASS */
                       ),
                       O(
-                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
+                        " " + x(b.value) + x(e(N)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -388,12 +388,12 @@ const oe = () => ({ getDateTime: (t) => {
                         (I(!0), E(
                           Y,
                           null,
-                          ae(u.value[h.value], (a) => (I(), E("div", {
+                          re(u.value[b.value], (a) => (I(), E("div", {
                             class: S(["item", {
                               "in-range": e(m)(a, "right") || e(o)(a, "right"),
                               "new-range": e(D)(a, "right"),
-                              "range-start": e(s).begin === `${e(n)(h.value)}/${e(n)(a)}`,
-                              "range-end": e(s).end === `${e(n)(h.value)}/${e(n)(a)}`,
+                              "range-start": e(s).begin === `${e(n)(b.value)}/${e(n)(a)}`,
+                              "range-end": e(s).end === `${e(n)(b.value)}/${e(n)(a)}`,
                               "out-range": e($)(a, "right") || e(L)(a, "right")
                             }]),
                             onMouseenter: (_) => e(j)(a, "right"),
@@ -416,7 +416,7 @@ const oe = () => ({ getDateTime: (t) => {
                     )
                   ])
                 ])), [
-                  [e(we), ce]
+                  [e(Me), ce]
                 ])
               ]),
               _: 1
@@ -430,14 +430,14 @@ const oe = () => ({ getDateTime: (t) => {
           Y,
           { key: 0 },
           [
-            p.errorMode === "default" ? ee((I(), E("div", Ye, [
+            p.errorMode === "default" ? ae((I(), E("div", Ye, [
               O(
                 x(p.errorLabel),
                 1
                 /* TEXT */
               )
             ])), [
-              [e(Me)]
+              [e(we)]
             ]) : e(q) ? (I(), E(
               Y,
               { key: 1 },
@@ -489,11 +489,11 @@ const oe = () => ({ getDateTime: (t) => {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : re("v-if", !0)
+            )) : X("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : re("v-if", !0)
+        )) : X("v-if", !0)
       ],
       36
       /* STYLE, NEED_HYDRATION */
@@ -527,7 +527,7 @@ const oe = () => ({ getDateTime: (t) => {
   "--das-ui-special-range-picker-overlay-error-bg-color": { light: "#FFDBE0" }
 }, na = ge(We);
 fe(Ze);
-be(Ae);
+he(Ae);
 export {
   na as DasSpecialRangePickerYear,
   na as default

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

@@ -31,7 +31,7 @@ declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
     full: boolean;
 }, {}, 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) | undefined;
     };
 })>;
 export { DasSpin };