@das-fed/ui 7.0.7-hot.21 → 7.0.7-hot.23

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

@@ -15,63 +15,63 @@ 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, w) => {
-  const i = y({ begin: "", end: "" }), C = y(""), { getDateTime: f, formatDateStr: u } = oe();
+}, formatDateStr: (t) => t >= 10 ? t : "0" + t }), Ee = (k, f, r, t, v, l, w) => {
+  const i = y({ begin: "", end: "" }), C = y(""), { getDateTime: h, formatDateStr: u } = oe();
   return {
     popClickData: i,
     isInRange: (n, s) => {
       if (!i.value.begin || !i.value.end) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(i.value.begin), $ = f(i.value.end);
+        right: f.value
+      }, o = h(`${u(m[s])}/${u(n)}`), D = h(i.value.begin), $ = h(i.value.end);
       return o <= $ && o >= D;
     },
     isInHoverRange: (n, s) => {
       if (!r.value[0] || !r.value[1]) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(r.value[0]), $ = f(r.value[1]);
+        right: f.value
+      }, o = h(`${u(m[s])}/${u(n)}`), D = h(r.value[0]), $ = h(r.value[1]);
       return o <= $ && o >= D;
     },
     isInNewRange: (n, s) => {
       if (!i.value.begin || !i.value.end || !C.value) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(C.value);
-      let $ = f(i.value.begin), L = f(i.value.end);
+        right: f.value
+      }, o = h(`${u(m[s])}/${u(n)}`), D = h(C.value);
+      let $ = h(i.value.begin), L = h(i.value.end);
       return t.value === "begin" ? (D > $ && ($ = D), o <= L && o >= $) : (D < L && (L = D), o <= L && o >= $);
     },
     outBeginDate: (n, s) => {
       if (!i.value.begin) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(i.value.begin);
+        right: f.value
+      }, o = h(`${u(m[s])}/${u(n)}`), D = h(i.value.begin);
       return v.value === 1 && t.value === "end" && o < D;
     },
     outEndDate: (n, s) => {
       if (!i.value.end) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(i.value.end);
+        right: f.value
+      }, o = h(`${u(m[s])}/${u(n)}`), D = h(i.value.end);
       return v.value === 1 && t.value === "begin" && o > D;
     },
     clickData: (n, s) => {
       v.value++;
       const m = {
         left: k.value,
-        right: g.value
+        right: f.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" : w();
     },
     mouseEnter: (n, s) => {
       const m = {
         left: k.value,
-        right: g.value
+        right: f.value
       }, o = `${u(m[s])}/${u(n)}`;
       C.value = o, t.value === "begin" ? r.value[0] = o : r.value[1] = o;
     },
@@ -80,7 +80,7 @@ const oe = () => ({ getDateTime: (t) => {
     }
   };
 }, Se = (k) => {
-  const g = y(), r = y(!1), t = y(0), v = y({
+  const f = y(), r = y(!1), t = y(0), v = y({
     x: 0,
     y: 0
   }), l = W(() => ({
@@ -106,12 +106,14 @@ const oe = () => ({ getDateTime: (t) => {
     // 'word-break': 'break-all',
   }), C = () => {
     var R, B, z;
-    t.value = (R = g.value) == null ? void 0 : R.clientWidth;
-    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;
+    t.value = (R = f.value) == null ? void 0 : R.clientWidth;
+    const { top: p = 0, left: b = 0 } = ((B = f.value) == null ? void 0 : B.getBoundingClientRect()) ?? {};
+    console.log(p, b, "=============");
+    const M = (z = f.value) == null ? void 0 : z.clientHeight;
+    v.value.x = b, v.value.y = p + M;
   };
   return {
-    $dasSpecialRangeYearPicker: g,
+    $dasSpecialRangeYearPicker: f,
     isHoverInInput: r,
     errorModalBaseSyle: l,
     errorModelStyle: w,
@@ -142,22 +144,22 @@ const oe = () => ({ getDateTime: (t) => {
     errorModelZIndex: { default: 2e3 }
   },
   emits: ["update:modelValue", "update:error", "change", "show-popover"],
-  setup(k, { emit: g }) {
-    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);
+  setup(k, { emit: f }) {
+    const r = k, t = f, v = y(!1), l = te(r, "modelValue"), w = y(["", ""]), i = te(r, "error"), C = y(0), h = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = y({}), p = 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) => {
+    const B = y(0), z = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), T = (g, c) => {
       if (!(r.disabled || r.isView)) {
-        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" ? (h.value = a < 12 ? a : 11, b.value = h.value + 1) : (b.value = a > 1 ? a : 2, h.value = b.value - 1);
+        if (R = !1, v.value = !0, M.value = c, B.value = 0, w.value = [l.value[0], l.value[1]], g) {
+          const a = Number(g.split("/")[0]);
+          c === "begin" ? (p.value = a < 12 ? a : 11, b.value = p.value + 1) : (b.value = a > 1 ? a : 2, p.value = b.value - 1);
         } else
-          h.value = C.value < 12 ? C.value : 11, b.value = h.value + 1;
+          p.value = C.value < 12 ? C.value : 11, b.value = p.value + 1;
         t("show-popover");
       }
     }, Z = () => {
       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;
+      const g = s.value;
+      t("update:modelValue", [g.begin, g.end]), t("change", [g.begin, g.end]), t("update:error", !1), v.value = !1;
     }, { formatDateStr: n } = oe(), {
       popClickData: s,
       isInRange: m,
@@ -168,7 +170,7 @@ const oe = () => ({ getDateTime: (t) => {
       clickData: A,
       mouseEnter: j,
       mouseLeave: F
-    } = Ee(h, b, w, M, B, l, Z), {
+    } = Ee(p, b, w, M, B, l, Z), {
       $dasSpecialRangeYearPicker: ne,
       isHoverInInput: q,
       errorModalBaseSyle: le,
@@ -177,9 +179,9 @@ const oe = () => ({ getDateTime: (t) => {
       errorModalInputMouseEnter: J,
       errorModallInputMouseLeave: K
     } = Se(r), ie = () => {
-      h.value !== 1 && (h.value--, b.value--);
+      p.value !== 1 && (p.value--, b.value--);
     }, ue = () => {
-      b.value !== 12 && (b.value++, h.value++);
+      b.value !== 12 && (b.value++, p.value++);
     }, ce = () => {
       setTimeout(() => {
         if (!R) {
@@ -190,20 +192,20 @@ const oe = () => ({ getDateTime: (t) => {
       }, 50);
     }, de = () => {
       t("update:modelValue", [null, null]), t("update:error", !1), t("change", [null, null]);
-    }, ve = (p) => {
+    }, ve = (g) => {
       const c = (_) => Array.from({ length: _ }, (Q, pe) => pe + 1), a = /* @__PURE__ */ new Date();
-      C.value = a.getMonth() + 1, f.forEach((_, Q) => {
-        p[Q + 1] = c(_);
+      C.value = a.getMonth() + 1, h.forEach((_, Q) => {
+        g[Q + 1] = c(_);
       }), s.value = { begin: l.value[0], end: l.value[1] };
     };
     return me(() => {
       ve(u.value);
-    }), (p, c) => (I(), E(
+    }), (g, c) => (I(), E(
       "div",
       {
         ref_key: "$dasSpecialRangeYearPicker",
         ref: ne,
-        style: P({ width: p.width, position: "relative" }),
+        style: P({ width: g.width, position: "relative" }),
         onMouseenter: c[4] || (c[4] = //@ts-ignore
         (...a) => e(J) && e(J)(...a)),
         onMouseleave: c[5] || (c[5] = //@ts-ignore
@@ -214,12 +216,12 @@ const oe = () => ({ getDateTime: (t) => {
           "div",
           {
             class: S(["das-ui-special-range-picker-year-container", [
-              p.borderType,
+              g.borderType,
               r.disabled ? "disabled" : "",
               r.isView ? "readonly" : "",
               { active: M.value !== void 0 },
               e(i) ? "is-error" : "",
-              p.size
+              g.size
             ]])
           },
           [
@@ -296,7 +298,7 @@ const oe = () => ({ getDateTime: (t) => {
                       d(
                         "div",
                         {
-                          class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
+                          class: S(["turn-btn turn-left", { disabled: p.value === 1 }])
                         },
                         [
                           V(e(xe), {
@@ -310,7 +312,7 @@ const oe = () => ({ getDateTime: (t) => {
                         /* CLASS */
                       ),
                       O(
-                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
+                        " " + x(p.value) + x(e(N)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -326,12 +328,12 @@ const oe = () => ({ getDateTime: (t) => {
                         (I(!0), E(
                           Y,
                           null,
-                          re(u.value[h.value], (a) => (I(), E("div", {
+                          re(u.value[p.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)(h.value)}/${e(n)(a)}`,
-                              "range-end": e(s).end === `${e(n)(h.value)}/${e(n)(a)}`,
+                              "range-start": e(s).begin === `${e(n)(p.value)}/${e(n)(a)}`,
+                              "range-end": e(s).end === `${e(n)(p.value)}/${e(n)(a)}`,
                               "out-range": e($)(a, "left") || e(L)(a, "left")
                             }]),
                             onMouseenter: (_) => e(j)(a, "left"),
@@ -426,13 +428,13 @@ const oe = () => ({ getDateTime: (t) => {
           2
           /* CLASS */
         ),
-        e(i) && p.errorLabel ? (I(), E(
+        e(i) && g.errorLabel ? (I(), E(
           Y,
           { key: 0 },
           [
-            p.errorMode === "default" ? ae((I(), E("div", Ye, [
+            g.errorMode === "default" ? ae((I(), E("div", Ye, [
               O(
-                x(p.errorLabel),
+                x(g.errorLabel),
                 1
                 /* TEXT */
               )
@@ -457,7 +459,7 @@ const oe = () => ({ getDateTime: (t) => {
                         {
                           style: P(e(G))
                         },
-                        x(p.errorLabel),
+                        x(g.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -478,7 +480,7 @@ const oe = () => ({ getDateTime: (t) => {
                       {
                         style: P(e(G))
                       },
-                      x(p.errorLabel),
+                      x(g.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -499,9 +501,9 @@ const oe = () => ({ getDateTime: (t) => {
       /* STYLE, NEED_HYDRATION */
     ));
   }
-}), Oe = (k, g) => {
+}), Oe = (k, f) => {
   const r = k.__vccOpts || k;
-  for (const [t, v] of g)
+  for (const [t, v] of f)
     r[t] = v;
   return r;
 }, We = /* @__PURE__ */ Oe(Te, [["__scopeId", "data-v-124b18e9"]]), Ze = {

package/packages/components/spin/index.js

@@ -2,25 +2,25 @@ 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 { createElementBlock as n, openBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as S, watch as p, h as e, normalizeClass as z, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as V } from "vue";
-import { Spin as b } from "ant-design-vue";
+import { createElementBlock as d, openBlock as r, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as S, watch as p, h as n, normalizeClass as z, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as b } from "vue";
+import { Spin as k } 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 { DasIconLoad as x } from "@das-fed/ui/packages/icons/load/index";
 import "@das-fed/ui/packages/global/theme";
-const r = (t, s) => {
-  const o = t.__vccOpts || t;
-  for (const [i, a] of s)
-    o[i] = a;
-  return o;
-}, x = {}, N = { class: "das-spin-container das-spin-page" };
-function B(t, s) {
-  return d(), n("div", N, s[0] || (s[0] = [
+const c = (t, o) => {
+  const a = t.__vccOpts || t;
+  for (const [i, s] of o)
+    a[i] = s;
+  return a;
+}, N = {}, B = { class: "das-spin-container das-spin-page" };
+function D(t, o) {
+  return r(), d("div", B, o[0] || (o[0] = [
     m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
   ]));
 }
-const w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
-function P(t, s) {
-  return d(), n("div", E, s[0] || (s[0] = [
+const E = /* @__PURE__ */ c(N, [["render", D], ["__scopeId", "data-v-323f37a9"]]), P = {}, R = { class: "das-spin-container das-spin-component" };
+function A(t, o) {
+  return r(), d("div", R, o[0] || (o[0] = [
     l(
       "div",
       { class: "das-spin-dot-spin" },
@@ -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" };
-function T(t, s) {
-  return d(), n("div", O, s[0] || (s[0] = [
+const O = /* @__PURE__ */ c(P, [["render", A], ["__scopeId", "data-v-f47a1ae6"]]), T = {}, V = { class: "das-spin-container das-spin-containerload" };
+function j(t, o) {
+  return r(), d("div", V, o[0] || (o[0] = [
     m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
   ]));
 }
-const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
+const q = /* @__PURE__ */ c(T, [["render", j], ["__scopeId", "data-v-f7548f22"]]), w = /* @__PURE__ */ C({
   __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("");
+    let o = t, a = h("");
     const i = S();
     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, {
-          iconColor: s.iconColor,
-          customSize: s.customSize
+      () => o.type,
+      (s, e) => {
+        console.log(s, e), s == "page" && (a.value = n(E)), s == "container" && (a.value = n(q)), s == "component" && (a.value = n(O)), s == "load" && (a.value = n(x, {
+          iconColor: o.iconColor,
+          customSize: o.customSize
         }));
       },
       { immediate: !0 }
     ), p(
       () => i,
-      (a, c) => {
-        i.indicator && (o.value = i.indicator);
+      (s, e) => {
+        console.log("attrs", s, e), i.indicator && (a.value = i.indicator);
       },
       { immediate: !0 }
-    ), (a, c) => (d(), n(
+    ), (s, e) => (r(), d(
       "div",
       {
-        class: z({ "das-spin-container": !0, full: a.full })
+        class: z({ "das-spin-container": !0, full: s.full })
       },
       [
-        I(f(b), y({
-          class: `das-slef-spin ${a.size} ${a.type} `
-        }, a.$attrs, { indicator: f(o) }), {
+        I(f(k), y({
+          class: `das-slef-spin ${s.size} ${s.type} `
+        }, s.$attrs, { indicator: f(a) }), {
           default: L(() => [
-            V(a.$slots, "default")
+            b(s.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */
@@ -95,7 +95,7 @@ const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]
 }, G = { 加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" } };
 v(G);
 _(F);
-const Y = $(q), Z = { name: `Spin ${g("加载中")}` };
+const Y = $(w), Z = { name: `Spin ${g("加载中")}` };
 export {
   Y as DasSpin,
   Z as default