@das-fed/ui 6.4.0-test.3.2 → 6.4.0-test.30

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/i18n/index.d.ts

@@ -2,18 +2,22 @@ declare const _default: {
     'das-special-range-picker-begin-date': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-special-range-picker-end-date': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-special-range-picker-month': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-special-range-picker-date': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

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

@@ -2,8 +2,8 @@ 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 h, 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 { ElPopover as ve, ClickOutside as pe } from "element-plus";
+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";
 import { DasIconEmpty as be } from "@das-fed/ui/packages/icons/empty/index";
@@ -15,51 +15,51 @@ const G = () => ({ getDateTime: (o) => {
 }, formatDateStr: (o) => {
   const n = Number(o);
   return n >= 10 ? n : "0" + n;
-} }), he = (u, s, r, o, n) => {
-  const a = h({ begin: "", end: "" }), d = h(""), { getDateTime: l, formatDateStr: g } = G();
+} }), me = (u, s, r, o, n) => {
+  const a = m({ begin: "", end: "" }), d = m(""), { getDateTime: l, formatDateStr: g } = G();
   return {
     popClickData: a,
-    isInRange: (v) => {
+    isInRange: (p) => {
       if (!a.value.begin || !a.value.end) return !1;
-      const t = l(g(v)), f = l(a.value.begin), k = l(a.value.end);
+      const t = l(g(p)), f = l(a.value.begin), k = l(a.value.end);
       return t <= k && t >= f;
     },
-    isInHoverRange: (v) => {
+    isInHoverRange: (p) => {
       if (!u.value[0] || !u.value[1]) return !1;
-      const t = l(g(v)), f = l(`${g(u.value[0])}`), k = l(`${g(u.value[1])}`);
+      const t = l(g(p)), f = l(`${g(u.value[0])}`), k = l(`${g(u.value[1])}`);
       return t <= k && t >= f;
     },
-    isInNewRange: (v) => {
+    isInNewRange: (p) => {
       if (!a.value.begin || !a.value.end || !d.value) return !1;
-      const t = l(g(v)), f = l(d.value);
-      let k = l(a.value.begin), E = l(a.value.end);
-      return s.value === "begin" ? (f > k && (k = f), t <= E && t >= k) : (f < E && (E = f), t <= E && t >= k);
+      const t = l(g(p)), f = l(d.value);
+      let k = l(a.value.begin), C = l(a.value.end);
+      return s.value === "begin" ? (f > k && (k = f), t <= C && t >= k) : (f < C && (C = f), t <= C && t >= k);
     },
-    outBeginDate: (v) => {
+    outBeginDate: (p) => {
       if (!a.value.begin) return !1;
-      const t = l(g(v)), f = l(a.value.begin);
+      const t = l(g(p)), f = l(a.value.begin);
       return r.value === 1 && s.value === "end" && t < f;
     },
-    outEndDate: (v) => {
+    outEndDate: (p) => {
       if (!a.value.end) return !1;
-      const t = l(g(v)), f = l(a.value.end);
+      const t = l(g(p)), f = l(a.value.end);
       return r.value === 1 && s.value === "begin" && t > f;
     },
-    clickData: (v) => {
+    clickData: (p) => {
       r.value++;
-      const t = `${g(v)}`;
+      const t = `${g(p)}`;
       s.value === "begin" ? a.value.begin = t : a.value.end = t, r.value === 1 ? s.value = s.value === "begin" ? "end" : "begin" : n();
     },
-    mouseEnter: (v) => {
-      const t = `${g(v)}`;
+    mouseEnter: (p) => {
+      const t = `${g(p)}`;
       d.value = t, s.value === "begin" ? u.value[0] = t : u.value[1] = t;
     },
     mouseLeave: () => {
       d.value = "", s.value === "begin" ? u.value[0] = o.value[0] : u.value[1] = o.value[1];
     }
   };
-}, me = (u) => {
-  const s = h(), r = h(!1), o = h(0), n = h({
+}, he = (u) => {
+  const s = m(), r = m(!1), o = m(0), n = m({
     x: 0,
     y: 0
   }), a = V(() => ({
@@ -77,16 +77,16 @@ const G = () => ({ getDateTime: (o) => {
     visibility: "visible",
     top: n.value.y + "px",
     left: n.value.x + "px"
-  })), l = h({
+  })), l = m({
     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 {
@@ -122,51 +122,51 @@ const G = () => ({ getDateTime: (o) => {
   },
   emits: ["update:modelValue", "change", "update:error", "show-popover"],
   setup(u, { emit: s }) {
-    const r = u, o = s, n = h(!1), a = q(r, "modelValue"), d = h(["", ""]), l = q(r, "error"), g = h([]), m = h(void 0);
-    let C = !0;
-    const S = h(0), R = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), B = (p, c) => {
-      r.disabled || r.isView || (C = !1, n.value = !0, m.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
+    const r = u, o = s, n = m(!1), a = q(r, "modelValue"), d = m(["", ""]), l = q(r, "error"), g = m([]), h = m(void 0);
+    let E = !0;
+    const S = m(0), R = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), B = (v, c) => {
+      r.disabled || r.isView || (E = !1, n.value = !0, h.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
     }, L = () => {
-      m.value = void 0;
-      const p = D.value;
-      o("update:modelValue", [p.begin, p.end]), o("change", [p.begin, p.end]), o("update:error", !1), n.value = !1;
+      h.value = void 0;
+      const v = D.value;
+      o("update:modelValue", [v.begin, v.end]), o("change", [v.begin, v.end]), o("update:error", !1), n.value = !1;
     }, { formatDateStr: M } = G(), {
       popClickData: D,
-      isInRange: v,
+      isInRange: p,
       isInHoverRange: t,
       isInNewRange: f,
       outBeginDate: k,
-      outEndDate: E,
+      outEndDate: C,
       clickData: J,
       mouseEnter: K,
       mouseLeave: F
-    } = he(d, m, S, a, L), {
+    } = me(d, h, S, a, L), {
       $dasSpecialRangeMonthPicker: Q,
-      isHoverInInput: H,
+      isHoverInInput: _,
       errorModalBaseSyle: U,
       errorModelStyle: X,
-      errorLabelStyle: _,
+      errorLabelStyle: H,
       errorModalInputMouseEnter: T,
       errorModallInputMouseLeave: O
-    } = me(r), ee = () => {
+    } = he(r), ee = () => {
       setTimeout(() => {
-        if (!C) {
-          C = !0;
+        if (!E) {
+          E = !0;
           return;
         }
-        d.value = ["", ""], D.value = { begin: a.value[0], end: a.value[1] }, m.value = void 0, n.value = !1;
+        d.value = ["", ""], D.value = { begin: a.value[0], end: a.value[1] }, h.value = void 0, n.value = !1;
       }, 50);
     }, ae = () => {
       o("update:modelValue", [null, null]), o("update:error", !1), o("change", [null, null]);
     };
     return se(() => {
-      g.value = Array.from({ length: 31 }, (p, c) => c + 1), D.value = { begin: a.value[0], end: a.value[1] };
-    }), (p, c) => (y(), w(
+      g.value = Array.from({ length: 31 }, (v, c) => c + 1), D.value = { begin: a.value[0], end: a.value[1] };
+    }), (v, c) => (y(), w(
       "div",
       {
         ref_key: "$dasSpecialRangeMonthPicker",
         ref: Q,
-        style: z({ width: p.width, position: "relative" }),
+        style: z({ width: v.width, position: "relative" }),
         onMouseenter: c[3] || (c[3] = //@ts-ignore
         (...i) => e(T) && e(T)(...i)),
         onMouseleave: c[4] || (c[4] = //@ts-ignore
@@ -177,30 +177,30 @@ const G = () => ({ getDateTime: (o) => {
           "div",
           {
             class: x(["das-ui-special-range-picker-month-container", [
-              p.borderType,
+              v.borderType,
               r.disabled ? "disabled" : "",
               r.isView ? "readonly" : "",
-              { active: m.value !== void 0 },
+              { active: h.value !== void 0 },
               e(l) ? "is-error" : "",
-              p.size
+              v.size
             ]])
           },
           [
-            $(e(ve), {
+            $(e(pe), {
               visible: n.value,
               placement: "bottom-start",
               "popper-class": "das-special-range-picker-month-container",
               width: 280,
               trigger: "click"
             }, {
-              reference: Z(() => [
+              reference: A(() => [
                 b("div", ke, [
                   b(
                     "div",
                     {
                       class: x(["left-date", {
-                        placeholder: !e(a)[0] || m.value === "begin" && d.value[0],
-                        active: m.value === "begin"
+                        placeholder: !e(a)[0] || h.value === "begin" && d.value[0],
+                        active: h.value === "begin"
                       }]),
                       onClick: c[0] || (c[0] = (i) => B(e(a)[0], "begin"))
                     },
@@ -219,8 +219,8 @@ const G = () => ({ getDateTime: (o) => {
                     "div",
                     {
                       class: x(["right-date", {
-                        placeholder: !e(a)[1] || m.value === "end" && d.value[1],
-                        active: m.value === "end"
+                        placeholder: !e(a)[1] || h.value === "end" && d.value[1],
+                        active: h.value === "end"
                       }]),
                       onClick: c[1] || (c[1] = (i) => B(e(a)[1], "end"))
                     },
@@ -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",
@@ -268,11 +268,11 @@ const G = () => ({ getDateTime: (o) => {
                           null,
                           ie(g.value, (i) => (y(), w("div", {
                             class: x(["item", {
-                              "in-range": e(v)(i) || e(t)(i),
+                              "in-range": e(p)(i) || e(t)(i),
                               "new-range": e(f)(i),
                               "range-start": e(M)(e(D).begin) === e(M)(i),
                               "range-end": e(M)(e(D).end) === e(M)(i),
-                              "out-range": e(k)(i) || e(E)(i)
+                              "out-range": e(k)(i) || e(C)(i)
                             }]),
                             onMouseenter: (re) => e(K)(i),
                             onClick: (re) => e(J)(i)
@@ -294,7 +294,7 @@ const G = () => ({ getDateTime: (o) => {
                     )
                   ])
                 ])), [
-                  [e(pe), ee]
+                  [e(ve), ee]
                 ])
               ]),
               _: 1
@@ -304,23 +304,23 @@ const G = () => ({ getDateTime: (o) => {
           2
           /* CLASS */
         ),
-        e(l) && p.errorLabel ? (y(), w(
+        e(l) && v.errorLabel ? (y(), w(
           P,
           { key: 0 },
           [
-            p.errorMode === "default" ? A((y(), w("div", Ie, [
+            v.errorMode === "default" ? j((y(), w("div", Ie, [
               ue(
-                I(p.errorLabel),
+                I(v.errorLabel),
                 1
                 /* TEXT */
               )
             ])), [
               [e(ge)]
-            ]) : e(H) ? (y(), w(
+            ]) : e(_) ? (y(), w(
               P,
               { key: 1 },
               [
-                e(H) ? (y(), de(ce, {
+                e(_) ? (y(), de(ce, {
                   key: 0,
                   to: "body"
                 }, [
@@ -333,9 +333,9 @@ const G = () => ({ getDateTime: (o) => {
                       b(
                         "span",
                         {
-                          style: z(e(_))
+                          style: z(e(H))
                         },
-                        I(p.errorLabel),
+                        I(v.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -354,9 +354,9 @@ const G = () => ({ getDateTime: (o) => {
                     b(
                       "span",
                       {
-                        style: z(e(_))
+                        style: z(e(H))
                       },
-                      I(p.errorLabel),
+                      I(v.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -367,26 +367,26 @@ 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 */
     ));
   }
-}), Ee = (u, s) => {
+}), Ce = (u, s) => {
   const r = u.__vccOpts || u;
   for (const [o, n] of s)
     r[o] = n;
   return r;
-}, Ce = /* @__PURE__ */ Ee(xe, [["__scopeId", "data-v-3b9ec595"]]), Se = {
-  "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "test" },
-  "das-special-range-picker-end-date": { "zh-CN": "结束日期", en: "test" },
-  "das-special-range-picker-month": { "zh-CN": "月", en: "test" },
-  "das-special-range-picker-date": { "zh-CN": "日", en: "test" }
+}, Ee = /* @__PURE__ */ Ce(xe, [["__scopeId", "data-v-3b9ec595"]]), Se = {
+  "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
+  "das-special-range-picker-end-date": { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
+  "das-special-range-picker-month": { "zh-CN": "月", en: "Month", _appCode: "framework" },
+  "das-special-range-picker-date": { "zh-CN": "日", en: "Day", _appCode: "framework" }
 }, Re = {
   "--das-ui-special-range-picker-close-btn": { light: "#bfbfbf" },
   "--das-ui-special-range-picker-close-btn-hover": { light: "#8c8c8c" },
@@ -404,7 +404,7 @@ const G = () => ({ getDateTime: (o) => {
   "--das-ui-special-range-picker-disabled": { light: "#e5e5e5" },
   "--das-ui-special-range-picker-error": { light: "#FB2323" },
   "--das-ui-special-range-picker-overlay-error-bg-color": { light: "#FFDBE0" }
-}, Oe = te(Ce);
+}, Oe = te(Ee);
 oe(Se);
 ne(Re);
 export {

package/packages/components/special-range-picker-year/i18n/index.d.ts

@@ -2,14 +2,17 @@ declare const _default: {
     'das-special-range-picker-begin-date': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-special-range-picker-end-date': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-special-range-picker-month': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;