@das-fed/ui 6.4.0-dev.55.8 → 6.4.0-dev.56

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, 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 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
             ]])
@@ -236,12 +236,12 @@ const oe = () => ({ getDateTime: (t) => {
                     "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 */
                   ),
@@ -296,7 +296,7 @@ const oe = () => ({ getDateTime: (t) => {
                       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", {
+                          ae(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", {
+                          ae(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
@@ -437,7 +437,7 @@ const oe = () => ({ getDateTime: (t) => {
                 /* TEXT */
               )
             ])), [
-              [e(Me)]
+              [e(we)]
             ]) : e(q) ? (I(), E(
               Y,
               { key: 1 },
@@ -504,7 +504,7 @@ const oe = () => ({ getDateTime: (t) => {
   for (const [t, v] of g)
     r[t] = v;
   return r;
-}, We = /* @__PURE__ */ Oe(Te, [["__scopeId", "data-v-124b18e9"]]), Ze = {
+}, We = /* @__PURE__ */ Oe(Te, [["__scopeId", "data-v-d039874a"]]), Ze = {
   "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" }
@@ -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/special-range-picker-year/src/type.d.ts

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

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

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

package/packages/components/spin/index.js

@@ -2,23 +2,23 @@ import '@das-fed/ui/packages/components/spin/style.css';
 import { getVarValue as u, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
 import { setI18nRule as v, t as g } from "@das-fed/web/packages/i18n/index";
 import { withInstall as $ } from "@das-fed/utils/with-install/index";
-import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as S, watch as p, h as e, normalizeClass as z, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as V } from "vue";
-import { Spin as b } from "ant-design-vue";
+import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as b, ref as C, useAttrs as h, watch as p, h as i, normalizeClass as S, createVNode as z, unref as f, mergeProps as I, withCtx as y, renderSlot as L } from "vue";
+import { Spin as V } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
 import { DasIconLoad as k } from "@das-fed/ui/packages/icons/load/index";
 import "@das-fed/ui/packages/global/theme";
-const r = (t, s) => {
+const c = (t, s) => {
   const o = t.__vccOpts || t;
-  for (const [i, a] of s)
-    o[i] = a;
+  for (const [e, a] of s)
+    o[e] = a;
   return o;
 }, x = {}, N = { class: "das-spin-container das-spin-page" };
 function B(t, s) {
   return n(), d("div", N, s[0] || (s[0] = [
-    m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
+    m('<div class="das-spin-dot-spin" data-v-ed1972fb><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i><i class="das-spin-dot-item" data-v-ed1972fb></i></div>', 1)
   ]));
 }
-const w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
+const w = /* @__PURE__ */ c(x, [["render", B], ["__scopeId", "data-v-ed1972fb"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
 function P(t, s) {
   return n(), d("div", E, s[0] || (s[0] = [
     l(
@@ -32,13 +32,13 @@ function P(t, s) {
     )
   ]));
 }
-const R = /* @__PURE__ */ r(D, [["render", P], ["__scopeId", "data-v-f47a1ae6"]]), A = {}, O = { class: "das-spin-container das-spin-containerload" };
+const R = /* @__PURE__ */ c(D, [["render", P], ["__scopeId", "data-v-c603f3a6"]]), A = {}, O = { class: "das-spin-container das-spin-containerload" };
 function T(t, s) {
   return n(), d("div", O, s[0] || (s[0] = [
-    m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
+    m('<div class="das-spin-dot-spin" data-v-0cf21aa9><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i><i class="das-spin-dot-item" data-v-0cf21aa9></i></div>', 1)
   ]));
 }
-const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
+const j = /* @__PURE__ */ c(A, [["render", T], ["__scopeId", "data-v-0cf21aa9"]]), q = /* @__PURE__ */ b({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -48,34 +48,34 @@ const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]
     full: { type: Boolean, default: !0 }
   },
   setup(t) {
-    let s = t, o = h("");
-    const i = S();
+    let s = t, o = C("");
+    const e = h();
     return p(
       () => s.type,
-      (a, c) => {
-        a == "page" && (o.value = e(w)), a == "container" && (o.value = e(j)), a == "component" && (o.value = e(R)), a == "load" && (o.value = e(k, {
+      (a, r) => {
+        a == "page" && (o.value = i(w)), a == "container" && (o.value = i(j)), a == "component" && (o.value = i(R)), a == "load" && (o.value = i(k, {
           iconColor: s.iconColor,
           customSize: s.customSize
         }));
       },
       { immediate: !0 }
     ), p(
-      () => i,
-      (a, c) => {
-        i.indicator && (o.value = i.indicator);
+      () => e,
+      (a, r) => {
+        e.indicator && (o.value = e.indicator);
       },
       { immediate: !0 }
-    ), (a, c) => (n(), d(
+    ), (a, r) => (n(), d(
       "div",
       {
-        class: z({ "das-spin-container": !0, full: a.full })
+        class: S({ "das-spin-container": !0, full: a.full })
       },
       [
-        I(f(b), y({
+        z(f(V), I({
           class: `das-slef-spin ${a.size} ${a.type} `
         }, a.$attrs, { indicator: f(o) }), {
-          default: L(() => [
-            V(a.$slots, "default")
+          default: y(() => [
+            L(a.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */

package/packages/components/spin/src/type.d.ts

@@ -1,17 +1,17 @@
-
-export interface Props {
-  
-  type?: string
-
-  
-  size?: string
-
-  
-  customSize?: string | Number
-
-  
-  iconColor?: any
-
-  
-  full?: boolean
-}
+
+export interface Props {
+  
+  type?: string
+
+  
+  size?: string
+
+  
+  customSize?: string | Number
+
+  
+  iconColor?: any
+
+  
+  full?: boolean
+}

package/packages/components/spin/style.css

@@ -1 +1 @@
-@keyframes dasPageLoading-323f37a9{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-spin-container.das-spin-page[data-v-323f37a9]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-page .das-spin-dot-spin[data-v-323f37a9]{box-sizing:border-box;padding:4px;width:48px;height:48px;display:flex;align-content:space-between;justify-content:space-between;flex-wrap:wrap;flex-direction:column;margin:auto}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]{width:16px;height:16px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(odd){animation:dasPageLoading-323f37a9 1s .3s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasPageLoading-323f37a9 1s .2s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasPageLoading-323f37a9 1s .1s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-323f37a9]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasPageLoading-323f37a9 1s ease-in-out infinite}@keyframes dasComponentRotate-f47a1ae6{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-spin-container.das-spin-component[data-v-f47a1ae6]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-component .das-spin-dot-spin[data-v-f47a1ae6]{width:24px;height:24px;border:2px solid var(--das-ui-spin-logo-6-color);position:relative;border-radius:50%;box-sizing:border-box}.das-spin-container.das-spin-component .das-spin-dot-spin .das-spin-dot-item[data-v-f47a1ae6]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--das-ui-spin-logo-5-color);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasComponentRotate-f47a1ae6 1s linear infinite}@keyframes dasContainerLoading-f7548f22{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-spin-container.das-spin-containerload[data-v-f7548f22]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-containerload .das-spin-dot-spin[data-v-f7548f22]{width:35px;height:15px;display:flex;justify-content:space-between;align-items:flex-end}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]{width:5px;height:5px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(odd){animation:dasContainerLoading-f7548f22 1s .6s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasContainerLoading-f7548f22 1s .45s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasContainerLoading-f7548f22 1s .15s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-f7548f22]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasContainerLoading-f7548f22 1s ease-in-out infinite}@keyframes dasLoadingcircle{to{transform:rotate(360deg)}}.das-spin-container.full,.das-spin-container.full .ant-spin-nested-loading,.das-spin-container.full .ant-spin-nested-loading .ant-spin-container{width:100%;height:100%}.das-spin-container .ant-spin-nested-loading>div>.ant-spin.das-slef-spin{max-height:unset}.das-slef-spin.ant-spin{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.das-slef-spin .ant-spin-dot:not(.das-icon){width:auto;height:auto;font-size:unset;margin:0!important;position:unset!important}.das-slef-spin .ant-spin-dot.das-icon{position:unset!important;width:auto;height:auto}.das-slef-spin .ant-spin-text{position:unset!important}.das-slef-spin.load>.das-icon.ant-spin-dot{animation:dasLoadingcircle 2s infinite linear}.das-slef-spin.big .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-lg);line-height:24px;padding-top:10px!important}.das-slef-spin.small .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-md);line-height:21px;padding-top:6px!important}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin{width:28px;height:28px;padding:2.33px}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item{width:9.33px;height:9.33px}
+@keyframes dasPageLoading-ed1972fb{50%{transform:scale(1.25)}to{transform:scale(1)}}.das-spin-container.das-spin-page[data-v-ed1972fb]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-page .das-spin-dot-spin[data-v-ed1972fb]{box-sizing:border-box;padding:4px;width:48px;height:48px;display:flex;align-content:space-between;justify-content:space-between;flex-wrap:wrap;flex-direction:column;margin:auto}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-ed1972fb]{width:16px;height:16px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-ed1972fb]:nth-child(odd){animation:dasPageLoading-ed1972fb 1s .3s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-ed1972fb]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasPageLoading-ed1972fb 1s .2s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-ed1972fb]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasPageLoading-ed1972fb 1s .1s ease-in-out infinite}.das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item[data-v-ed1972fb]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasPageLoading-ed1972fb 1s ease-in-out infinite}@keyframes dasComponentRotate-c603f3a6{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.das-spin-container.das-spin-component[data-v-c603f3a6]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-component .das-spin-dot-spin[data-v-c603f3a6]{width:24px;height:24px;border:2px solid var(--das-ui-spin-logo-6-color);position:relative;border-radius:50%;box-sizing:border-box}.das-spin-container.das-spin-component .das-spin-dot-spin .das-spin-dot-item[data-v-c603f3a6]{box-sizing:border-box;width:24px;height:24px;border:2px solid transparent;border-right-color:var(--das-ui-spin-logo-5-color);border-radius:50%;position:absolute;top:-2px;left:-2px;transform:rotate(-45deg);animation:dasComponentRotate-c603f3a6 1s linear infinite}@keyframes dasContainerLoading-0cf21aa9{50%{transform:translateY(-10px)}to{transform:translateY(0)}}.das-spin-container.das-spin-containerload[data-v-0cf21aa9]{height:auto;width:auto;display:flex;align-items:center;flex-direction:column;margin:auto}.das-spin-container.das-spin-containerload .das-spin-dot-spin[data-v-0cf21aa9]{width:35px;height:15px;display:flex;justify-content:space-between;align-items:flex-end}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-0cf21aa9]{width:5px;height:5px;background-color:var(--das-ui-spin-logo-1-color);border-radius:50%}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-0cf21aa9]:nth-child(odd){animation:dasContainerLoading-0cf21aa9 1s .6s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-0cf21aa9]:nth-child(2n+2){background-color:var(--das-ui-spin-logo-2-color);animation:dasContainerLoading-0cf21aa9 1s .45s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-0cf21aa9]:nth-child(2n+3){background-color:var(--das-ui-spin-logo-3-color);animation:dasContainerLoading-0cf21aa9 1s .15s ease-in-out infinite}.das-spin-container.das-spin-containerload .das-spin-dot-spin .das-spin-dot-item[data-v-0cf21aa9]:nth-child(2n+4){background-color:var(--das-ui-spin-logo-4-color);animation:dasContainerLoading-0cf21aa9 1s ease-in-out infinite}@keyframes dasLoadingcircle{to{transform:rotate(360deg)}}.das-spin-container.full,.das-spin-container.full .ant-spin-nested-loading,.das-spin-container.full .ant-spin-nested-loading .ant-spin-container{width:100%;height:100%}.das-spin-container .ant-spin-nested-loading>div>.ant-spin.das-slef-spin{max-height:unset}.das-slef-spin.ant-spin{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.das-slef-spin .ant-spin-dot:not(.das-icon){width:auto;height:auto;font-size:unset;margin:0!important;position:unset!important}.das-slef-spin .ant-spin-dot.das-icon{position:unset!important;width:auto;height:auto}.das-slef-spin .ant-spin-text{position:unset!important}.das-slef-spin.load>.das-icon.ant-spin-dot{animation:dasLoadingcircle 2s infinite linear}.das-slef-spin.big .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-lg);line-height:24px;padding-top:10px!important}.das-slef-spin.small .ant-spin-text{color:var(--das-ui-color-normal);font-size:var(--das-ui-font-size-md);line-height:21px;padding-top:6px!important}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin{width:28px;height:28px;padding:2.33px}.das-slef-spin.small .das-spin-container.das-spin-page .das-spin-dot-spin .das-spin-dot-item{width:9.33px;height:9.33px}

package/packages/components/split-panel/index.js

@@ -454,7 +454,7 @@ const ct = { class: "das-split-panel-second" }, dt = {
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, mt = /* @__PURE__ */ pt(vt, [["__scopeId", "data-v-ba259a73"]]), gt = {
+}, mt = /* @__PURE__ */ pt(vt, [["__scopeId", "data-v-2d96a016"]]), gt = {
   "--das-ui-split-panel-color-primary": "#5582F3",
   // 主题色
   "--das-ui-split-panel-color-line": "#D9D9D9",

package/packages/components/split-panel/src/type.d.ts

@@ -1,16 +1,16 @@
-export interface Props {
-  
-  canFold?: boolean
-  
-  canDrag?: boolean
-  
-  boxStyle?: StyleValue
-  
-  defaultSplit?: any
-  
-  firstMin?: number | string
-  
-  secondMin?: number | string
-  
-  defaultClose?: 'first' | 'second'
+export interface Props {
+  
+  canFold?: boolean
+  
+  canDrag?: boolean
+  
+  boxStyle?: StyleValue
+  
+  defaultSplit?: any
+  
+  firstMin?: number | string
+  
+  secondMin?: number | string
+  
+  defaultClose?: 'first' | 'second'
 }