@das-fed/upf-ui 6.4.0-dev.208 → 6.4.0-dev.210

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

@@ -15,63 +15,63 @@ import "@das-fed/upf-ui/packages/global/theme";
 const ne = () => ({ 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 } = ne();
+}, 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 } = ne();
   return {
     popClickData: i,
     isInRange: (o, s) => {
       if (!i.value.begin || !i.value.end) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, n = f(`${u(m[s])}/${u(o)}`), D = f(i.value.begin), $ = f(i.value.end);
+        right: f.value
+      }, n = h(`${u(m[s])}/${u(o)}`), D = h(i.value.begin), $ = h(i.value.end);
       return n <= $ && n >= D;
     },
     isInHoverRange: (o, s) => {
       if (!r.value[0] || !r.value[1]) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, n = f(`${u(m[s])}/${u(o)}`), D = f(r.value[0]), $ = f(r.value[1]);
+        right: f.value
+      }, n = h(`${u(m[s])}/${u(o)}`), D = h(r.value[0]), $ = h(r.value[1]);
       return n <= $ && n >= D;
     },
     isInNewRange: (o, s) => {
       if (!i.value.begin || !i.value.end || !C.value) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, n = f(`${u(m[s])}/${u(o)}`), D = f(C.value);
-      let $ = f(i.value.begin), z = f(i.value.end);
+        right: f.value
+      }, n = h(`${u(m[s])}/${u(o)}`), D = h(C.value);
+      let $ = h(i.value.begin), z = h(i.value.end);
       return t.value === "begin" ? (D > $ && ($ = D), n <= z && n >= $) : (D < z && (z = D), n <= z && n >= $);
     },
     outBeginDate: (o, s) => {
       if (!i.value.begin) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, n = f(`${u(m[s])}/${u(o)}`), D = f(i.value.begin);
+        right: f.value
+      }, n = h(`${u(m[s])}/${u(o)}`), D = h(i.value.begin);
       return v.value === 1 && t.value === "end" && n < D;
     },
     outEndDate: (o, s) => {
       if (!i.value.end) return !1;
       const m = {
         left: k.value,
-        right: g.value
-      }, n = f(`${u(m[s])}/${u(o)}`), D = f(i.value.end);
+        right: f.value
+      }, n = h(`${u(m[s])}/${u(o)}`), D = h(i.value.end);
       return v.value === 1 && t.value === "begin" && n > D;
     },
     clickData: (o, s) => {
       v.value++;
       const m = {
         left: k.value,
-        right: g.value
+        right: f.value
       }, n = `${u(m[s])}/${u(o)}`;
       t.value === "begin" ? i.value.begin = n : i.value.end = n, v.value === 1 ? t.value = t.value === "begin" ? "end" : "begin" : w();
     },
     mouseEnter: (o, s) => {
       const m = {
         left: k.value,
-        right: g.value
+        right: f.value
       }, n = `${u(m[s])}/${u(o)}`;
       C.value = n, t.value === "begin" ? r.value[0] = n : r.value[1] = n;
     },
@@ -80,7 +80,7 @@ const ne = () => ({ 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 ne = () => ({ getDateTime: (t) => {
     // 'word-break': 'break-all',
   }), C = () => {
     var R, _, B;
-    t.value = (R = g.value) == null ? void 0 : R.clientWidth;
-    const { top: h = 0, left: b = 0 } = ((_ = g.value) == null ? void 0 : _.getBoundingClientRect()) ?? {}, M = (B = g.value) == null ? void 0 : B.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 } = ((_ = f.value) == null ? void 0 : _.getBoundingClientRect()) ?? {};
+    console.log(p, b, "=============");
+    const M = (B = f.value) == null ? void 0 : B.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 ne = () => ({ 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 _ = y(0), B = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), Y = (p, c) => {
+    const _ = y(0), B = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), Y = (g, c) => {
       if (!(r.disabled || r.isView)) {
-        if (R = !1, v.value = !0, M.value = c, _.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, _.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: o } = ne(), {
       popClickData: s,
       isInRange: m,
@@ -168,7 +170,7 @@ const ne = () => ({ getDateTime: (t) => {
       clickData: A,
       mouseEnter: j,
       mouseLeave: F
-    } = Ee(h, b, w, M, _, l, Z), {
+    } = Ee(p, b, w, M, _, l, Z), {
       $dasSpecialRangeYearPicker: oe,
       isHoverInInput: q,
       errorModalBaseSyle: le,
@@ -177,9 +179,9 @@ const ne = () => ({ 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,18 +192,18 @@ const ne = () => ({ getDateTime: (t) => {
       }, 50);
     }, de = () => {
       t("update:modelValue", [null, null]), t("update:error", !1), t("change", [null, null]);
-    }, ve = (p) => {
+    }, ve = (g) => {
       const c = (L) => Array.from({ length: L }, (Q, pe) => pe + 1), a = /* @__PURE__ */ new Date();
-      C.value = a.getMonth() + 1, f.forEach((L, Q) => {
-        p[Q + 1] = c(L);
+      C.value = a.getMonth() + 1, h.forEach((L, Q) => {
+        g[Q + 1] = c(L);
       }), s.value = { begin: l.value[0], end: l.value[1] };
     };
     return me(() => {
       ve(u.value);
-    }), (p, c) => (I(), E("div", {
+    }), (g, c) => (I(), E("div", {
       ref_key: "$dasSpecialRangeYearPicker",
       ref: oe,
-      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
@@ -209,12 +211,12 @@ const ne = () => ({ getDateTime: (t) => {
     }, [
       d("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
         ]])
       }, [
         V(e(ye), {
@@ -264,7 +266,7 @@ const ne = () => ({ getDateTime: (t) => {
               d("div", Le, [
                 d("div", _e, [
                   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), {
                       class: "turn-icon",
@@ -273,19 +275,19 @@ const ne = () => ({ getDateTime: (t) => {
                       onClick: ie
                     }, null, 8, ["icon-color"])
                   ], 2),
-                  T(" " + x(h.value) + x(e(N)("das-special-range-picker-month").value), 1)
+                  T(" " + x(p.value) + x(e(N)("das-special-range-picker-month").value), 1)
                 ]),
                 d("div", {
                   class: "date-container-popover left-date-container",
                   onMouseleave: c[2] || (c[2] = //@ts-ignore
                   (...a) => e(F) && e(F)(...a))
                 }, [
-                  (I(!0), E(O, null, ae(u.value[h.value], (a) => (I(), E("div", {
+                  (I(!0), E(O, null, ae(u.value[p.value], (a) => (I(), E("div", {
                     class: S(["item", {
                       "in-range": e(m)(a, "left") || e(n)(a, "left"),
                       "new-range": e(D)(a, "left"),
-                      "range-start": e(s).begin === `${e(o)(h.value)}/${e(o)(a)}`,
-                      "range-end": e(s).end === `${e(o)(h.value)}/${e(o)(a)}`,
+                      "range-start": e(s).begin === `${e(o)(p.value)}/${e(o)(a)}`,
+                      "range-end": e(s).end === `${e(o)(p.value)}/${e(o)(a)}`,
                       "out-range": e($)(a, "left") || e(z)(a, "left")
                     }]),
                     onMouseenter: (L) => e(j)(a, "left"),
@@ -336,9 +338,9 @@ const ne = () => ({ getDateTime: (t) => {
           _: 1
         }, 8, ["visible"])
       ], 2),
-      e(i) && p.errorLabel ? (I(), E(O, { key: 0 }, [
-        p.errorMode === "default" ? ee((I(), E("div", Oe, [
-          T(x(p.errorLabel), 1)
+      e(i) && g.errorLabel ? (I(), E(O, { key: 0 }, [
+        g.errorMode === "default" ? ee((I(), E("div", Oe, [
+          T(x(g.errorLabel), 1)
         ])), [
           [e(we)]
         ]) : e(q) ? (I(), E(O, { key: 1 }, [
@@ -351,7 +353,7 @@ const ne = () => ({ getDateTime: (t) => {
             }, [
               d("span", {
                 style: P(e(G))
-              }, x(p.errorLabel), 5)
+              }, x(g.errorLabel), 5)
             ], 4)
           ])) : (I(), E("div", {
             key: 1,
@@ -360,15 +362,15 @@ const ne = () => ({ getDateTime: (t) => {
           }, [
             d("span", {
               style: P(e(G))
-            }, x(p.errorLabel), 5)
+            }, x(g.errorLabel), 5)
           ], 4))
         ], 64)) : re("", !0)
       ], 64)) : re("", !0)
     ], 36));
   }
-}), Te = (k, g) => {
+}), Te = (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__ */ Te(Ye, [["__scopeId", "data-v-10a253c1"]]), Ze = {

package/packages/components/spin/index.js

@@ -2,37 +2,37 @@ import '@das-fed/upf-ui/packages/components/spin/style.css';
 import { getVarValue as u, setThemeRule as _ } from "@das-fed/upf-web/packages/theme/index";
 import { setI18nRule as v, t as g } from "@das-fed/upf-web/packages/i18n/index";
 import { withInstall as $ } from "@das-fed/upf-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 z, watch as p, h as e, normalizeClass as S, 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 d, createElementBlock as r, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as z, watch as p, h as n, normalizeClass as S, 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/upf-ui/packages/icons/load/index";
+import { DasIconLoad as x } from "@das-fed/upf-ui/packages/icons/load/index";
 import "@das-fed/upf-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 n(), d("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 d(), r("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 O(t, s) {
-  return n(), d("div", E, s[0] || (s[0] = [
+const E = /* @__PURE__ */ c(N, [["render", D], ["__scopeId", "data-v-323f37a9"]]), O = {}, P = { class: "das-spin-container das-spin-component" };
+function R(t, o) {
+  return d(), r("div", P, o[0] || (o[0] = [
     l("div", { class: "das-spin-dot-spin" }, [
       l("i", { class: "das-spin-dot-item" })
     ], -1)
   ]));
 }
-const P = /* @__PURE__ */ r(D, [["render", O], ["__scopeId", "data-v-f47a1ae6"]]), R = {}, A = { class: "das-spin-container das-spin-containerload" };
-function M(t, s) {
-  return n(), d("div", A, s[0] || (s[0] = [
+const A = /* @__PURE__ */ c(O, [["render", R], ["__scopeId", "data-v-f47a1ae6"]]), M = {}, T = { class: "das-spin-container das-spin-containerload" };
+function V(t, o) {
+  return d(), r("div", T, 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 T = /* @__PURE__ */ r(R, [["render", M], ["__scopeId", "data-v-f7548f22"]]), j = /* @__PURE__ */ C({
+const j = /* @__PURE__ */ c(M, [["render", V], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -42,37 +42,37 @@ const T = /* @__PURE__ */ r(R, [["render", M], ["__scopeId", "data-v-f7548f22"]]
     full: { type: Boolean, default: !0 }
   },
   setup(t) {
-    let s = t, o = h("");
+    let o = t, a = h("");
     const i = z();
     return p(
-      () => s.type,
-      (a, c) => {
-        a == "page" && (o.value = e(w)), a == "container" && (o.value = e(T)), a == "component" && (o.value = e(P)), 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(j)), s == "component" && (a.value = n(A)), 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) => (n(), d("div", {
-      class: S({ "das-spin-container": !0, full: a.full })
+    ), (s, e) => (d(), r("div", {
+      class: S({ "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
       }, 16, ["class", "indicator"])
     ], 2));
   }
-}), q = {
+}), w = {
   "--das-ui-spin-logo-1-color": "#2486ee",
   "--das-ui-spin-logo-2-color": "#02ccfe",
   "--das-ui-spin-logo-3-color": "#05c8c7",
@@ -81,8 +81,8 @@ const T = /* @__PURE__ */ r(R, [["render", M], ["__scopeId", "data-v-f7548f22"]]
   "--das-ui-spin-logo-6-color": "#ebebeb"
 }, F = { 加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" } };
 v(F);
-_(q);
-const Y = $(j), Z = { name: `Spin ${g("加载中")}` };
+_(w);
+const Y = $(q), Z = { name: `Spin ${g("加载中")}` };
 export {
   Y as DasSpin,
   Z as default