@das-fed/upf-ui 6.4.0-dev.161 → 6.4.0-dev.162

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

@@ -198,306 +198,173 @@ const oe = () => ({ getDateTime: (t) => {
     };
     return me(() => {
       ve(u.value);
-    }), (p, c) => (I(), E(
-      "div",
-      {
-        ref_key: "$dasSpecialRangeYearPicker",
-        ref: ne,
-        style: P({ width: p.width, position: "relative" }),
-        onMouseenter: c[4] || (c[4] = //@ts-ignore
-        (...a) => e(J) && e(J)(...a)),
-        onMouseleave: c[5] || (c[5] = //@ts-ignore
-        (...a) => e(K) && e(K)(...a))
-      },
-      [
-        d(
-          "div",
-          {
-            class: S(["das-ui-special-range-picker-year-container", [
-              p.borderType,
-              r.disabled ? "disabled" : "",
-              r.isView ? "readonly" : "",
-              { active: M.value !== void 0 },
-              e(i) ? "is-error" : "",
-              p.size
-            ]])
-          },
-          [
-            V(e(ye), {
-              visible: v.value,
-              placement: "bottom-start",
-              "popper-class": "das-special-range-picker-year-container",
-              width: 481,
-              trigger: "click"
-            }, {
-              reference: ee(() => [
-                d("div", Re, [
-                  d(
-                    "div",
-                    {
-                      class: S(["left-date", {
-                        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(w.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value),
-                    3
-                    /* TEXT, CLASS */
-                  ),
-                  c[6] || (c[6] = d(
-                    "div",
-                    { class: "separator" },
-                    "~",
-                    -1
-                    /* CACHED */
-                  )),
-                  d(
-                    "div",
-                    {
-                      class: S(["right-date", {
-                        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(w.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value),
-                    3
-                    /* TEXT, CLASS */
-                  ),
-                  d(
-                    "div",
-                    {
-                      class: S({ "is-view": r.isView }),
-                      style: { width: "16px" }
-                    },
-                    [
-                      V(e(Ie), {
-                        class: S(["icon-date", { "has-data": z.value }]),
-                        size: "medium",
-                        "icon-color": e(H)("--das-ui-color-normal")
-                      }, null, 8, ["class", "icon-color"]),
-                      V(e($e), {
-                        class: S(["icon-delete", { "has-data": z.value }]),
-                        size: "medium",
-                        "icon-color": e(H)("--das-ui-special-range-picker-close-btn"),
-                        onClick: de
-                      }, null, 8, ["class", "icon-color"])
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ])
-              ]),
-              default: ee(() => [
-                ae((I(), E("div", Le, [
-                  d("div", _e, [
-                    d("div", Be, [
-                      d(
-                        "div",
-                        {
-                          class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
-                        },
-                        [
-                          V(e(xe), {
-                            class: "turn-icon",
-                            size: "medium",
-                            "icon-color": e(H)("--das-ui-color-help"),
-                            onClick: ie
-                          }, null, 8, ["icon-color"])
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      O(
-                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    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(
-                          Y,
-                          null,
-                          re(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)(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"),
-                            onClick: (_) => e(A)(a, "left")
-                          }, [
-                            d(
-                              "div",
-                              Pe,
-                              x(a),
-                              1
-                              /* TEXT */
-                            )
-                          ], 42, ze))),
-                          256
-                          /* UNKEYED_FRAGMENT */
-                        ))
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )
-                  ]),
-                  d("div", Ve, [
-                    d("div", Fe, [
-                      d(
-                        "div",
-                        {
-                          class: S(["turn-btn turn-right", { disabled: b.value === 12 }])
-                        },
-                        [
-                          V(e(Ce), {
-                            class: "turn-icon",
-                            size: "medium",
-                            "icon-color": e(H)("--das-ui-color-help"),
-                            onClick: ue
-                          }, null, 8, ["icon-color"])
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      O(
-                        " " + x(b.value) + x(e(N)("das-special-range-picker-month").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    d(
-                      "div",
-                      {
-                        class: "date-container-popover right-date-container",
-                        onMouseleave: c[3] || (c[3] = //@ts-ignore
-                        (...a) => e(F) && e(F)(...a))
-                      },
-                      [
-                        (I(!0), E(
-                          Y,
-                          null,
-                          re(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)(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"),
-                            onClick: (_) => e(A)(a, "right")
-                          }, [
-                            d(
-                              "div",
-                              He,
-                              x(a),
-                              1
-                              /* TEXT */
-                            )
-                          ], 42, Ne))),
-                          256
-                          /* UNKEYED_FRAGMENT */
-                        ))
-                      ],
-                      32
-                      /* NEED_HYDRATION */
-                    )
-                  ])
-                ])), [
-                  [e(Me), ce]
-                ])
+    }), (p, c) => (I(), E("div", {
+      ref_key: "$dasSpecialRangeYearPicker",
+      ref: ne,
+      style: P({ width: p.width, position: "relative" }),
+      onMouseenter: c[4] || (c[4] = //@ts-ignore
+      (...a) => e(J) && e(J)(...a)),
+      onMouseleave: c[5] || (c[5] = //@ts-ignore
+      (...a) => e(K) && e(K)(...a))
+    }, [
+      d("div", {
+        class: S(["das-ui-special-range-picker-year-container", [
+          p.borderType,
+          r.disabled ? "disabled" : "",
+          r.isView ? "readonly" : "",
+          { active: M.value !== void 0 },
+          e(i) ? "is-error" : "",
+          p.size
+        ]])
+      }, [
+        V(e(ye), {
+          visible: v.value,
+          placement: "bottom-start",
+          "popper-class": "das-special-range-picker-year-container",
+          width: 481,
+          trigger: "click"
+        }, {
+          reference: ee(() => [
+            d("div", Re, [
+              d("div", {
+                class: S(["left-date", {
+                  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(w.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value), 3),
+              c[6] || (c[6] = d("div", { class: "separator" }, "~", -1)),
+              d("div", {
+                class: S(["right-date", {
+                  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(w.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value), 3),
+              d("div", {
+                class: S({ "is-view": r.isView }),
+                style: { width: "16px" }
+              }, [
+                V(e(Ie), {
+                  class: S(["icon-date", { "has-data": z.value }]),
+                  size: "medium",
+                  "icon-color": e(H)("--das-ui-color-normal")
+                }, null, 8, ["class", "icon-color"]),
+                V(e($e), {
+                  class: S(["icon-delete", { "has-data": z.value }]),
+                  size: "medium",
+                  "icon-color": e(H)("--das-ui-special-range-picker-close-btn"),
+                  onClick: de
+                }, null, 8, ["class", "icon-color"])
+              ], 2)
+            ])
+          ]),
+          default: ee(() => [
+            ae((I(), E("div", Le, [
+              d("div", _e, [
+                d("div", Be, [
+                  d("div", {
+                    class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
+                  }, [
+                    V(e(xe), {
+                      class: "turn-icon",
+                      size: "medium",
+                      "icon-color": e(H)("--das-ui-color-help"),
+                      onClick: ie
+                    }, null, 8, ["icon-color"])
+                  ], 2),
+                  O(" " + x(h.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(Y, null, re(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)(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"),
+                    onClick: (_) => e(A)(a, "left")
+                  }, [
+                    d("div", Pe, x(a), 1)
+                  ], 42, ze))), 256))
+                ], 32)
               ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["visible"])
-          ],
-          2
-          /* CLASS */
-        ),
-        e(i) && p.errorLabel ? (I(), E(
-          Y,
-          { key: 0 },
-          [
-            p.errorMode === "default" ? ae((I(), E("div", Ye, [
-              O(
-                x(p.errorLabel),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [e(we)]
-            ]) : e(q) ? (I(), E(
-              Y,
-              { key: 1 },
-              [
-                e(q) ? (I(), ke(De, {
-                  key: 0,
-                  to: "body"
+              d("div", Ve, [
+                d("div", Fe, [
+                  d("div", {
+                    class: S(["turn-btn turn-right", { disabled: b.value === 12 }])
+                  }, [
+                    V(e(Ce), {
+                      class: "turn-icon",
+                      size: "medium",
+                      "icon-color": e(H)("--das-ui-color-help"),
+                      onClick: ue
+                    }, null, 8, ["icon-color"])
+                  ], 2),
+                  O(" " + x(b.value) + x(e(N)("das-special-range-picker-month").value), 1)
+                ]),
+                d("div", {
+                  class: "date-container-popover right-date-container",
+                  onMouseleave: c[3] || (c[3] = //@ts-ignore
+                  (...a) => e(F) && e(F)(...a))
                 }, [
-                  d(
-                    "div",
-                    {
-                      style: P(e(se))
-                    },
-                    [
-                      d(
-                        "span",
-                        {
-                          style: P(e(G))
-                        },
-                        x(p.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (I(), E(
-                  "div",
-                  {
-                    key: 1,
-                    style: P(e(le)),
-                    class: "das-special-range-picker-overlay-error-label-content"
-                  },
-                  [
-                    d(
-                      "span",
-                      {
-                        style: P(e(G))
-                      },
-                      x(p.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : X("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : X("v-if", !0)
-      ],
-      36
-      /* STYLE, NEED_HYDRATION */
-    ));
+                  (I(!0), E(Y, null, re(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)(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"),
+                    onClick: (_) => e(A)(a, "right")
+                  }, [
+                    d("div", He, x(a), 1)
+                  ], 42, Ne))), 256))
+                ], 32)
+              ])
+            ])), [
+              [e(Me), ce]
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 2),
+      e(i) && p.errorLabel ? (I(), E(Y, { key: 0 }, [
+        p.errorMode === "default" ? ae((I(), E("div", Ye, [
+          O(x(p.errorLabel), 1)
+        ])), [
+          [e(we)]
+        ]) : e(q) ? (I(), E(Y, { key: 1 }, [
+          e(q) ? (I(), ke(De, {
+            key: 0,
+            to: "body"
+          }, [
+            d("div", {
+              style: P(e(se))
+            }, [
+              d("span", {
+                style: P(e(G))
+              }, x(p.errorLabel), 5)
+            ], 4)
+          ])) : (I(), E("div", {
+            key: 1,
+            style: P(e(le)),
+            class: "das-special-range-picker-overlay-error-label-content"
+          }, [
+            d("span", {
+              style: P(e(G))
+            }, x(p.errorLabel), 5)
+          ], 4))
+        ], 64)) : X("", !0)
+      ], 64)) : X("", !0)
+    ], 36));
   }
 }), Oe = (k, g) => {
   const r = k.__vccOpts || k;

package/packages/components/spin/index.js

@@ -21,15 +21,9 @@ function B(t, s) {
 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] = [
-    l(
-      "div",
-      { class: "das-spin-dot-spin" },
-      [
-        l("i", { class: "das-spin-dot-item" })
-      ],
-      -1
-      /* CACHED */
-    )
+    l("div", { class: "das-spin-dot-spin" }, [
+      l("i", { class: "das-spin-dot-item" })
+    ], -1)
   ]));
 }
 const R = /* @__PURE__ */ r(D, [["render", P], ["__scopeId", "data-v-f47a1ae6"]]), A = {}, O = { class: "das-spin-container das-spin-containerload" };
@@ -65,25 +59,18 @@ const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]
         i.indicator && (o.value = i.indicator);
       },
       { immediate: !0 }
-    ), (a, c) => (d(), n(
-      "div",
-      {
-        class: z({ "das-spin-container": !0, full: a.full })
-      },
-      [
-        I(f(b), y({
-          class: `das-slef-spin ${a.size} ${a.type} `
-        }, a.$attrs, { indicator: f(o) }), {
-          default: L(() => [
-            V(a.$slots, "default")
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class", "indicator"])
-      ],
-      2
-      /* CLASS */
-    ));
+    ), (a, c) => (d(), n("div", {
+      class: z({ "das-spin-container": !0, full: a.full })
+    }, [
+      I(f(b), y({
+        class: `das-slef-spin ${a.size} ${a.type} `
+      }, a.$attrs, { indicator: f(o) }), {
+        default: L(() => [
+          V(a.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "indicator"])
+    ], 2));
   }
 }), F = {
   "--das-ui-spin-logo-1-color": "#2486ee",