@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.239

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { Props, Emits } from '../type';
 export declare const useDrag: (props: Props, emit: Emits, $list: Ref<any>, data: Ref<any>) => {
     timeStamp: Ref<number, number>;

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { Props, Emits, ItemProps } from '../type';
 export declare const useSelectList: (props: Props, emits: Emits) => {
     selectListRef: Ref<any, any>;

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

@@ -1,4 +1,4 @@
-import { StyleValue } from 'vue'
+import type { StyleValue } from 'vue'
 
 
 export interface ItemProps {

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-b9342d8b]{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-b9342d8b]{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-b9342d8b]{height:100%}.das-ui-select-list .virtual-list[data-v-b9342d8b]::-webkit-scrollbar,.das-ui-select-list .selected-page-container[data-v-b9342d8b]::-webkit-scrollbar{width:var(--das-ui-scrollbar-thumb-size);height:var(--das-ui-scrollbar-thumb-size)}.das-ui-select-list .virtual-list[data-v-b9342d8b]::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-b9342d8b]::-webkit-scrollbar-thumb{background:transparent}.das-ui-select-list .virtual-list[data-v-b9342d8b]:hover::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-b9342d8b]:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.das-ui-select-list .virtual-list[data-v-b9342d8b]::-webkit-scrollbar-thumb:hover,.das-ui-select-list .selected-page-container[data-v-b9342d8b]::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.das-ui-select-list .selected-container[data-v-b9342d8b]{width:100%;height:calc(100% - 32px)}.das-ui-select-list .selected-container.hide-header[data-v-b9342d8b]{height:100%}.das-ui-select-list .selected-container .selected-group[data-v-b9342d8b]{width:100%}.das-ui-select-list .selected-container .selected-item[data-v-b9342d8b]{box-sizing:border-box;height:var(--v382cb14e);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-b9342d8b]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .hide-drag-icon[data-v-b9342d8b]{opacity:0}.das-ui-select-list .selected-container .selected-item.enable:hover .drag-icon[data-v-b9342d8b]{visibility:visible}.das-ui-select-list .selected-container .selected-item.active[data-v-b9342d8b]: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.disableDrag[data-v-b9342d8b]{cursor:initial}.das-ui-select-list .selected-container .selected-item[data-v-b9342d8b]:hover{background-color:var(--das-ui-select-list-hover-bg)}.das-ui-select-list .selected-container .selected-item:hover .close-icon[data-v-b9342d8b]{visibility:visible}.das-ui-select-list .selected-container .selected-item.disabled[data-v-b9342d8b]{cursor:not-allowed}.das-ui-select-list .selected-container .selected-item.disabled .close-icon[data-v-b9342d8b]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .name[data-v-b9342d8b]{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-b9342d8b]{margin-left:8px;visibility:hidden;cursor:pointer}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-b9342d8b]: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-5bc0f5d8]{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-5bc0f5d8]{font-size:12px;color:var(--upf-text-secondary, var(--das-ui-color-secondary, #666666));letter-spacing:0;font-weight:400;display:flex;align-items:center}.das-ui-select-list .virtual-list[data-v-5bc0f5d8]{height:100%}.das-ui-select-list .virtual-list[data-v-5bc0f5d8]::-webkit-scrollbar,.das-ui-select-list .selected-page-container[data-v-5bc0f5d8]::-webkit-scrollbar{width:var(--das-ui-scrollbar-thumb-size);height:var(--das-ui-scrollbar-thumb-size)}.das-ui-select-list .virtual-list[data-v-5bc0f5d8]::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-5bc0f5d8]::-webkit-scrollbar-thumb{background:transparent}.das-ui-select-list .virtual-list[data-v-5bc0f5d8]:hover::-webkit-scrollbar-thumb,.das-ui-select-list .selected-page-container[data-v-5bc0f5d8]:hover::-webkit-scrollbar-thumb{background:var(--upf-text-disabled, var(--das-ui-scrollbar-thumb-color, #b2b2b2))}.das-ui-select-list .virtual-list[data-v-5bc0f5d8]::-webkit-scrollbar-thumb:hover,.das-ui-select-list .selected-page-container[data-v-5bc0f5d8]::-webkit-scrollbar-thumb:hover{background:var(--upf-text-secondary, var(--das-ui-scrollbar-thumb-hover-color, #999999))}.das-ui-select-list .selected-container[data-v-5bc0f5d8]{width:100%;height:calc(100% - 32px)}.das-ui-select-list .selected-container.hide-header[data-v-5bc0f5d8]{height:100%}.das-ui-select-list .selected-container .selected-group[data-v-5bc0f5d8]{width:100%}.das-ui-select-list .selected-container .selected-item[data-v-5bc0f5d8]{box-sizing:border-box;height:var(--v16d1ef20);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-5bc0f5d8]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .hide-drag-icon[data-v-5bc0f5d8]{opacity:0}.das-ui-select-list .selected-container .selected-item.enable:hover .drag-icon[data-v-5bc0f5d8]{visibility:visible}.das-ui-select-list .selected-container .selected-item.active[data-v-5bc0f5d8]:not(.disabled){color:var(--upf-color-primary, var(--das-ui-select-list-active-font-color, #5582f3));background-color:var(--upf-color-primary-bg, var(--das-ui-select-list-active-bg-color, #e3ebff))}.das-ui-select-list .selected-container .selected-item.disableDrag[data-v-5bc0f5d8]{cursor:initial}.das-ui-select-list .selected-container .selected-item[data-v-5bc0f5d8]:hover{background-color:var(--upf-bg-secondary, var(--das-ui-select-list-hover-bg, #f2f2f2))}.das-ui-select-list .selected-container .selected-item:hover .close-icon[data-v-5bc0f5d8]{visibility:visible}.das-ui-select-list .selected-container .selected-item.disabled[data-v-5bc0f5d8]{cursor:not-allowed}.das-ui-select-list .selected-container .selected-item.disabled .close-icon[data-v-5bc0f5d8]{visibility:hidden}.das-ui-select-list .selected-container .selected-item .name[data-v-5bc0f5d8]{flex:1;font-size:12px;color:var(--upf-text-primary, var(--das-ui-color-normal, #212121));letter-spacing:0;min-width:0;text-align:left}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-5bc0f5d8]{margin-left:8px;visibility:hidden;cursor:pointer}.das-ui-select-list .selected-container .selected-item .close-icon[data-v-5bc0f5d8]:hover{fill:var(--upf-color-primary, var(--das-ui-select-list-close-btn-hover, #5582f3))}

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

@@ -15,9 +15,9 @@ declare const DasSpecialRangePickerMonth: import("@das-fed/upf-utils").SFCWithIn
     disabled: boolean;
     width: string;
     isView: boolean;
+    borderType: "underline" | "bordered" | "none";
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    borderType: "underline" | "bordered" | "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasSpecialRangePickerMonth };
 export default DasSpecialRangePickerMonth;

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

@@ -1,111 +1,111 @@
 import '@das-fed/upf-ui/packages/components/special-range-picker-month/style.css';
-import { withInstall as re } from "@das-fed/upf-utils/with-install/index";
-import { t as N, setI18nRule as ne } from "@das-fed/upf-web/packages/i18n/index";
-import { getVarValue as Y, getVar as Z, setThemeRule as oe } from "@das-fed/upf-web/packages/theme/index";
-import { ref as b, computed as V, defineComponent as le, onMounted as ie, openBlock as D, createElementBlock as y, normalizeStyle as L, unref as e, createElementVNode as f, normalizeClass as I, createVNode as $, withCtx as _, toDisplayString as w, withDirectives as A, Fragment as P, renderList as se, 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 { vDasTooltip as ge } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasIconDate as fe } from "@das-fed/upf-ui/packages/icons/date/index";
-import { DasIconEmpty as be } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { useModelValue as q } from "@das-fed/upf-utils/vue";
+import { withInstall as ae } from "@das-fed/upf-utils/with-install/index";
+import { t as N, setI18nRule as te } from "@das-fed/upf-web/packages/i18n/index";
+import { ref as m, computed as V, defineComponent as ne, onMounted as oe, openBlock as k, createElementBlock as y, normalizeStyle as L, unref as e, createElementVNode as f, normalizeClass as I, createVNode as B, withCtx as Y, toDisplayString as x, withDirectives as Z, Fragment as P, renderList as re, createTextVNode as le, createBlock as se, Teleport as ie, createCommentVNode as _ } from "vue";
+import { ElPopover as ue, ClickOutside as de } from "element-plus";
+import { vDasTooltip as ce } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasIconDate as ve } from "@das-fed/upf-ui/packages/icons/date/index";
+import { DasIconEmpty as pe } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { useModelValue as F } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
-const G = () => ({ getDateTime: (o) => {
-  const l = `2020/03/${o}`;
+const j = () => ({ getDateTime: (r) => {
+  const l = `2020/03/${r}`;
   return new Date(l).getTime();
-}, formatDateStr: (o) => {
-  const l = Number(o);
+}, formatDateStr: (r) => {
+  const l = Number(r);
   return l >= 10 ? l : "0" + l;
-} }), he = (t, s, r, o, l) => {
-  const a = b({ begin: "", end: "" }), d = b(""), { getDateTime: i, formatDateStr: p } = G();
+} }), ge = (t, i, n, r, l) => {
+  const a = m({ begin: "", end: "" }), d = m(""), { getDateTime: s, formatDateStr: g } = j();
   return {
     popClickData: a,
     isInRange: (v) => {
       if (!a.value.begin || !a.value.end) return !1;
-      const n = i(p(v)), g = i(a.value.begin), m = i(a.value.end);
-      return n <= m && n >= g;
+      const o = s(`${g(v)}`), p = s(a.value.begin), D = s(a.value.end);
+      return o <= D && o >= p;
     },
     isInHoverRange: (v) => {
       if (!t.value[0] || !t.value[1]) return !1;
-      const n = i(p(v)), g = i(`${p(t.value[0])}`), m = i(`${p(t.value[1])}`);
-      return n <= m && n >= g;
+      const o = s(`${g(v)}`), p = s(`${t.value[0]}`), D = s(`${t.value[1]}`);
+      return o <= D && o >= p;
     },
     isInNewRange: (v) => {
       if (!a.value.begin || !a.value.end || !d.value) return !1;
-      const n = i(p(v)), g = i(d.value);
-      let m = i(a.value.begin), C = i(a.value.end);
-      return s.value === "begin" ? (g > m && (m = g), n <= C && n >= m) : (g < C && (C = g), n <= C && n >= m);
+      const o = s(`${g(v)}`), p = s(d.value);
+      let D = s(a.value.begin), C = s(a.value.end);
+      return i.value === "begin" ? (p > D && (D = p), o <= C && o >= D) : (p < C && (C = p), o <= C && o >= D);
     },
     outBeginDate: (v) => {
       if (!a.value.begin) return !1;
-      const n = i(p(v)), g = i(a.value.begin);
-      return r.value === 1 && s.value === "end" && n < g;
+      const o = s(`${g(v)}`), p = s(a.value.begin);
+      return n.value === 1 && i.value === "end" && o < p;
     },
     outEndDate: (v) => {
       if (!a.value.end) return !1;
-      const n = i(p(v)), g = i(a.value.end);
-      return r.value === 1 && s.value === "begin" && n > g;
+      const o = s(`${g(v)}`), p = s(a.value.end);
+      return n.value === 1 && i.value === "begin" && o > p;
     },
     clickData: (v) => {
-      r.value++;
-      const n = `${p(v)}`;
-      s.value === "begin" ? a.value.begin = n : a.value.end = n, r.value === 1 ? s.value = s.value === "begin" ? "end" : "begin" : l();
+      n.value++;
+      const o = `${g(v)}`;
+      i.value === "begin" ? a.value.begin = o : a.value.end = o, n.value === 1 ? i.value = i.value === "begin" ? "end" : "begin" : l();
     },
     mouseEnter: (v) => {
-      const n = `${p(v)}`;
-      d.value = n, s.value === "begin" ? t.value[0] = n : t.value[1] = n;
+      const o = `${g(v)}`;
+      d.value = o, i.value === "begin" ? t.value[0] = o : t.value[1] = o;
     },
     mouseLeave: () => {
-      d.value = "", s.value === "begin" ? t.value[0] = o.value[0] : t.value[1] = o.value[1];
+      d.value = "", i.value === "begin" ? t.value[0] = `${r.value[0]}` : t.value[1] = `${r.value[1]}`;
     }
   };
-}, me = (t) => {
-  const s = b(), r = b(!1), o = b(0), l = b({
+}, fe = (t) => {
+  const i = m(), n = m(!1), r = m(0), l = m({
     x: 0,
     y: 0
   }), a = V(() => ({
-    "font-size": "12px",
-    "background-color": Y("--das-ui-special-range-picker-overlay-error-bg-color").value,
-    "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-    "border-radius": "1px",
+    fontSize: "12px",
+    // 错误浮层直接消费新主题根变量，保持悬浮提示与表单错误态一致。
+    backgroundColor: "var(--upf-message-error-bg, var(--upf-bg-primary))",
+    boxShadow: "var(--upf-box-shadow-elevated, 0px 4px 12px rgba(38, 38, 38, 0.12))",
+    borderRadius: "var(--upf-border-radius, 4px)",
     padding: "2px 8px",
-    "box-sizing": "border-box",
-    "z-index": t.errorModelZIndex
+    boxSizing: "border-box",
+    zIndex: t.errorModelZIndex
   })), d = V(() => ({
     ...a.value,
-    width: o.value + "px",
+    width: r.value + "px",
     position: "fixed",
     visibility: "visible",
     top: l.value.y + "px",
     left: l.value.x + "px"
-  })), i = b({
+  })), s = m({
     display: "block",
-    "text-align": "left",
-    color: Y("--das-ui-special-range-picker-error").value,
-    "white-space": "break-spaces"
+    textAlign: "left",
+    color: "var(--upf-message-error-text, var(--upf-color-error))",
+    whiteSpace: "break-spaces"
     // 'word-break': 'break-all',
-  }), p = () => {
-    var B, M, k;
-    o.value = (B = s.value) == null ? void 0 : B.clientWidth;
-    const { top: S = 0, left: z = 0 } = ((M = s.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, R = (k = s.value) == null ? void 0 : k.clientHeight;
-    l.value.x = z, l.value.y = S + R;
+  }), g = () => {
+    var R, M, h;
+    r.value = (R = i.value) == null ? void 0 : R.clientWidth;
+    const { top: $ = 0, left: z = 0 } = ((M = i.value) == null ? void 0 : M.getBoundingClientRect()) ?? {}, E = (h = i.value) == null ? void 0 : h.clientHeight;
+    l.value.x = z, l.value.y = $ + E;
   };
   return {
-    $dasSpecialRangeMonthPicker: s,
-    isHoverInInput: r,
+    $dasSpecialRangeMonthPicker: i,
+    isHoverInInput: n,
     errorModalBaseSyle: a,
     errorModelStyle: d,
-    errorLabelStyle: i,
+    errorLabelStyle: s,
     errorModalInputMouseEnter: () => {
-      p(), r.value = !0;
+      g(), n.value = !0;
     },
     errorModallInputMouseLeave: () => {
-      r.value = !1;
+      n.value = !1;
     }
   };
-}, ke = { class: "date-container" }, De = { class: "month-container" }, Me = { class: "month-container left-month-container" }, ye = ["onMouseenter", "onClick"], we = { class: "item-text" }, xe = {
+}, me = { class: "date-container" }, be = { class: "month-container" }, De = { class: "month-container left-month-container" }, he = ["onMouseenter", "onClick"], ke = { class: "item-text" }, Me = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
-}, Ie = /* @__PURE__ */ le({
+}, ye = "var(--das-ui-color-normal)", xe = "var(--das-ui-special-range-picker-close-btn)", we = /* @__PURE__ */ ne({
   __name: "Index",
   props: {
     modelValue: {},
@@ -121,54 +121,54 @@ const G = () => ({ getDateTime: (o) => {
     errorModelZIndex: { default: 2e3 }
   },
   emits: ["update:modelValue", "change", "update:error", "show-popover"],
-  setup(t, { emit: s }) {
-    const r = t, o = s, l = b(!1), a = q(r, "modelValue"), d = b(["", ""]), i = q(r, "error"), p = b([]), h = b(void 0);
-    let E = !0;
-    const S = b(0), z = V(() => !r.disabled && !r.isView && a.value[0] && a.value[1]), R = (x, c) => {
-      r.disabled || r.isView || (E = !1, l.value = !0, h.value = c, S.value = 0, d.value = [a.value[0], a.value[1]], o("show-popover"));
-    }, B = () => {
-      h.value = void 0;
-      const x = k.value;
-      o("update:modelValue", [x.begin, x.end]), o("change", [x.begin, x.end]), o("update:error", !1), l.value = !1;
-    }, { formatDateStr: M } = G(), {
-      popClickData: k,
+  setup(t, { emit: i }) {
+    const n = t, r = i, l = m(!1), a = F(n, "modelValue"), d = m(["", ""]), s = F(n, "error"), g = m([]), b = m(void 0);
+    let S = !0;
+    const $ = m(0), z = V(() => !n.disabled && !n.isView && a.value[0] && a.value[1]), E = (w, c) => {
+      n.disabled || n.isView || (S = !1, l.value = !0, b.value = c, $.value = 0, d.value = [a.value[0], a.value[1]], r("show-popover"));
+    }, R = () => {
+      b.value = void 0;
+      const w = h.value;
+      r("update:modelValue", [w.begin, w.end]), r("change", [w.begin, w.end]), r("update:error", !1), l.value = !1;
+    }, { formatDateStr: M } = j(), {
+      popClickData: h,
       isInRange: v,
-      isInHoverRange: n,
-      isInNewRange: g,
-      outBeginDate: m,
+      isInHoverRange: o,
+      isInNewRange: p,
+      outBeginDate: D,
       outEndDate: C,
-      clickData: J,
-      mouseEnter: K,
-      mouseLeave: F
-    } = he(d, h, S, a, B), {
-      $dasSpecialRangeMonthPicker: Q,
-      isHoverInInput: O,
-      errorModalBaseSyle: U,
-      errorModelStyle: X,
-      errorLabelStyle: H,
-      errorModalInputMouseEnter: T,
+      clickData: q,
+      mouseEnter: G,
+      mouseLeave: O
+    } = ge(d, b, $, a, R), {
+      $dasSpecialRangeMonthPicker: J,
+      isHoverInInput: H,
+      errorModalBaseSyle: K,
+      errorModelStyle: Q,
+      errorLabelStyle: T,
+      errorModalInputMouseEnter: A,
       errorModallInputMouseLeave: W
-    } = me(r), ee = () => {
+    } = fe(n), U = () => {
       setTimeout(() => {
-        if (!E) {
-          E = !0;
+        if (!S) {
+          S = !0;
           return;
         }
-        d.value = ["", ""], k.value = { begin: a.value[0], end: a.value[1] }, h.value = void 0, l.value = !1;
+        d.value = ["", ""], h.value = { begin: a.value[0], end: a.value[1] }, b.value = void 0, l.value = !1;
       }, 50);
-    }, ae = () => {
-      o("update:modelValue", [null, null]), o("update:error", !1), o("change", [null, null]);
+    }, X = () => {
+      r("update:modelValue", [null, null]), r("update:error", !1), r("change", [null, null]);
     };
-    return ie(() => {
-      p.value = Array.from({ length: 31 }, (x, c) => c + 1), k.value = { begin: a.value[0], end: a.value[1] };
-    }), (x, c) => (D(), y(
+    return oe(() => {
+      g.value = Array.from({ length: 31 }, (w, c) => c + 1), h.value = { begin: a.value[0], end: a.value[1] };
+    }), (w, c) => (k(), y(
       "div",
       {
         ref_key: "$dasSpecialRangeMonthPicker",
-        ref: Q,
+        ref: J,
         style: L({ width: t.width, position: "relative" }),
         onMouseenter: c[3] || (c[3] = //@ts-ignore
-        (...u) => e(T) && e(T)(...u)),
+        (...u) => e(A) && e(A)(...u)),
         onMouseleave: c[4] || (c[4] = //@ts-ignore
         (...u) => e(W) && e(W)(...u))
       },
@@ -178,33 +178,33 @@ const G = () => ({ getDateTime: (o) => {
           {
             class: I(["das-ui-special-range-picker-month-container", [
               t.borderType,
-              r.disabled ? "disabled" : "",
-              r.isView ? "readonly" : "",
-              { active: h.value !== void 0 },
-              e(i) ? "is-error" : "",
+              n.disabled ? "disabled" : "",
+              n.isView ? "readonly" : "",
+              { active: b.value !== void 0 },
+              e(s) ? "is-error" : "",
               t.size
             ]])
           },
           [
-            $(e(ve), {
+            B(e(ue), {
               visible: l.value,
               placement: "bottom-start",
               "popper-class": "das-special-range-picker-month-container",
               width: 280,
               trigger: "click"
             }, {
-              reference: _(() => [
-                f("div", ke, [
+              reference: Y(() => [
+                f("div", me, [
                   f(
                     "div",
                     {
                       class: I(["left-date", {
-                        placeholder: !e(a)[0] || h.value === "begin" && d.value[0],
-                        active: h.value === "begin"
+                        placeholder: !e(a)[0] || b.value === "begin" && d.value[0],
+                        active: b.value === "begin"
                       }]),
-                      onClick: c[0] || (c[0] = (u) => R(e(a)[0], "begin"))
+                      onClick: c[0] || (c[0] = (u) => E(e(a)[0], "begin"))
                     },
-                    w(d.value[0] || e(a)[0] || e(N)("das-special-range-picker-begin-date")) + w(d.value[0] || e(a)[0] ? e(N)("das-special-range-picker-date") : ""),
+                    x(d.value[0] || e(a)[0] || e(N)("das-special-range-picker-begin-date")) + x(d.value[0] || e(a)[0] ? e(N)("das-special-range-picker-date") : ""),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -219,72 +219,72 @@ const G = () => ({ getDateTime: (o) => {
                     "div",
                     {
                       class: I(["right-date", {
-                        placeholder: !e(a)[1] || h.value === "end" && d.value[1],
-                        active: h.value === "end"
+                        placeholder: !e(a)[1] || b.value === "end" && d.value[1],
+                        active: b.value === "end"
                       }]),
-                      onClick: c[1] || (c[1] = (u) => R(e(a)[1], "end"))
+                      onClick: c[1] || (c[1] = (u) => E(e(a)[1], "end"))
                     },
-                    w(d.value[1] || e(a)[1] || e(N)("das-special-range-picker-end-date")) + w(d.value[1] || e(a)[1] ? e(N)("das-special-range-picker-date") : ""),
+                    x(d.value[1] || e(a)[1] || e(N)("das-special-range-picker-end-date")) + x(d.value[1] || e(a)[1] ? e(N)("das-special-range-picker-date") : ""),
                     3
                     /* TEXT, CLASS */
                   ),
                   f(
                     "div",
                     {
-                      class: I({ "is-view": r.isView }),
+                      class: I({ "is-view": n.isView }),
                       style: { width: "16px" }
                     },
                     [
-                      $(e(fe), {
+                      B(e(ve), {
                         class: I(["icon-date", { "has-data": z.value }]),
                         size: "medium",
-                        "icon-color": e(Z)("--das-ui-color-normal")
-                      }, null, 8, ["class", "icon-color"]),
-                      $(e(be), {
+                        "icon-color": ye
+                      }, null, 8, ["class"]),
+                      B(e(pe), {
                         class: I(["icon-delete", { "has-data": z.value }]),
                         size: "medium",
-                        "icon-color": e(Z)("--das-ui-special-range-picker-close-btn"),
-                        onClick: ae
-                      }, null, 8, ["class", "icon-color"])
+                        "icon-color": xe,
+                        onClick: X
+                      }, null, 8, ["class"])
                     ],
                     2
                     /* CLASS */
                   )
                 ])
               ]),
-              default: _(() => [
-                A((D(), y("div", De, [
-                  f("div", Me, [
+              default: Y(() => [
+                Z((k(), y("div", be, [
+                  f("div", De, [
                     f(
                       "div",
                       {
                         class: "date-container-popover left-date-container",
                         onMouseleave: c[2] || (c[2] = //@ts-ignore
-                        (...u) => e(F) && e(F)(...u))
+                        (...u) => e(O) && e(O)(...u))
                       },
                       [
-                        (D(!0), y(
+                        (k(!0), y(
                           P,
                           null,
-                          se(p.value, (u) => (D(), y("div", {
+                          re(g.value, (u) => (k(), y("div", {
                             class: I(["item", {
-                              "in-range": e(v)(u) || e(n)(u),
-                              "new-range": e(g)(u),
-                              "range-start": e(M)(e(k).begin) === e(M)(u),
-                              "range-end": e(M)(e(k).end) === e(M)(u),
-                              "out-range": e(m)(u) || e(C)(u)
+                              "in-range": e(v)(u) || e(o)(u),
+                              "new-range": e(p)(u),
+                              "range-start": e(M)(e(h).begin) === e(M)(u),
+                              "range-end": e(M)(e(h).end) === e(M)(u),
+                              "out-range": e(D)(u) || e(C)(u)
                             }]),
-                            onMouseenter: (te) => e(K)(u),
-                            onClick: (te) => e(J)(u)
+                            onMouseenter: (ee) => e(G)(u),
+                            onClick: (ee) => e(q)(u)
                           }, [
                             f(
                               "div",
-                              we,
-                              w(u),
+                              ke,
+                              x(u),
                               1
                               /* TEXT */
                             )
-                          ], 42, ye))),
+                          ], 42, he))),
                           256
                           /* UNKEYED_FRAGMENT */
                         ))
@@ -294,7 +294,7 @@ const G = () => ({ getDateTime: (o) => {
                     )
                   ])
                 ])), [
-                  [e(pe), ee]
+                  [e(de), U]
                 ])
               ]),
               _: 1
@@ -304,38 +304,38 @@ const G = () => ({ getDateTime: (o) => {
           2
           /* CLASS */
         ),
-        e(i) && t.errorLabel ? (D(), y(
+        e(s) && t.errorLabel ? (k(), y(
           P,
           { key: 0 },
           [
-            t.errorMode === "default" ? A((D(), y("div", xe, [
-              ue(
-                w(t.errorLabel),
+            t.errorMode === "default" ? Z((k(), y("div", Me, [
+              le(
+                x(t.errorLabel),
                 1
                 /* TEXT */
               )
             ])), [
-              [e(ge)]
-            ]) : e(O) ? (D(), y(
+              [e(ce)]
+            ]) : e(H) ? (k(), y(
               P,
               { key: 1 },
               [
-                e(O) ? (D(), de(ce, {
+                e(H) ? (k(), se(ie, {
                   key: 0,
                   to: "body"
                 }, [
                   f(
                     "div",
                     {
-                      style: L(e(X))
+                      style: L(e(Q))
                     },
                     [
                       f(
                         "span",
                         {
-                          style: L(e(H))
+                          style: L(e(T))
                         },
-                        w(t.errorLabel),
+                        x(t.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -343,20 +343,20 @@ const G = () => ({ getDateTime: (o) => {
                     4
                     /* STYLE */
                   )
-                ])) : (D(), y(
+                ])) : (k(), y(
                   "div",
                   {
                     key: 1,
-                    style: L(e(U)),
+                    style: L(e(K)),
                     class: "das-special-range-picker-overlay-error-label-content"
                   },
                   [
                     f(
                       "span",
                       {
-                        style: L(e(H))
+                        style: L(e(T))
                       },
-                      w(t.errorLabel),
+                      x(t.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -367,47 +367,29 @@ const G = () => ({ getDateTime: (o) => {
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : j("v-if", !0)
+            )) : _("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : j("v-if", !0)
+        )) : _("v-if", !0)
       ],
       36
       /* STYLE, NEED_HYDRATION */
     ));
   }
-}), Ce = (t, s) => {
-  const r = t.__vccOpts || t;
-  for (const [o, l] of s)
-    r[o] = l;
-  return r;
-}, Ee = /* @__PURE__ */ Ce(Ie, [["__scopeId", "data-v-92f38137"]]), Se = {
+}), Ie = (t, i) => {
+  const n = t.__vccOpts || t;
+  for (const [r, l] of i)
+    n[r] = l;
+  return n;
+}, Ce = /* @__PURE__ */ Ie(we, [["__scopeId", "data-v-2a5f3408"]]), Se = {
   "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "Start Date", "zh-MO": "開始日期", _appCode: "framework" },
   "das-special-range-picker-end-date": { "zh-CN": "结束日期", en: "End Date", "zh-MO": "結束日期", _appCode: "framework" },
   "das-special-range-picker-month": { "zh-CN": "月", en: "Month", "zh-MO": "月", _appCode: "framework" },
   "das-special-range-picker-date": { "zh-CN": "日", en: "Day", "zh-MO": "日", _appCode: "framework" }
-}, ze = {
-  "--das-ui-special-range-picker-close-btn": { light: "#bfbfbf" },
-  "--das-ui-special-range-picker-close-btn-hover": { light: "#8c8c8c" },
-  "--das-ui-special-range-picker-color-primary": { light: "#5582F3" },
-  // 主题色
-  "--das-ui-special-range-picker-color-white": { light: "#ffffff" },
-  "--das-ui-special-range-picker-hover-color": { light: "#f5f5f5" },
-  "--das-ui-special-range-picker-border-color": { light: "#d9d9d9" },
-  "--das-ui-special-range-picker-header-bgcolor": { light: "#fafafa" },
-  "--das-ui-special-range-picker-box-shadow-5": { light: "rgb(0 0 0 / 5%)" },
-  "--das-ui-special-range-picker-box-shadow-8": { light: "rgb(0 0 0 / 8%)" },
-  "--das-ui-special-range-picker-box-shadow-12": { light: "rgb(0 0 0 / 12%)" },
-  "--das-ui-special-range-picker-in-range": { light: "#F2F6FF" },
-  "--das-ui-special-range-picker-new-range": { light: "#E3EBFF" },
-  "--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" }
-}, We = re(Ee);
-ne(Se);
-oe(ze);
+}, He = ae(Ce);
+te(Se);
 export {
-  We as DasSpecialRangePickerMonth,
-  We as default
+  He as DasSpecialRangePickerMonth,
+  He as default
 };

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

@@ -15,8 +15,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     width: string;
     isView: boolean;
+    borderType: "underline" | "bordered" | "none";
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
-    borderType: "underline" | "bordered" | "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 export declare const useDataPopover: (currentValue: Ref<[string, string]>, clickType: Ref<"begin" | "end" | undefined>, clickTimes: Ref<number>, innerValue: any, hidePopover: () => void) => {
     popClickData: Ref<{
         begin: string;