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

package/packages/components/cascader/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/cascader/style.css';
-import { defineComponent as re, useCssVars as le, ref as t, computed as d, useAttrs as oe, watch as S, watchEffect as te, createElementBlock as b, openBlock as f, normalizeStyle as W, normalizeClass as se, createVNode as _, createCommentVNode as D, unref as s, withCtx as y, withDirectives as A, mergeProps as ue, isRef as de, renderSlot as N, normalizeProps as ie, guardReactiveProps as ce, createTextVNode as $, toDisplayString as E, Fragment as ne, createBlock as pe, createElementVNode as ve, nextTick as Z } from "vue";
+import { defineComponent as re, useCssVars as le, ref as t, computed as d, useAttrs as oe, watch as S, watchEffect as te, createElementBlock as b, openBlock as f, normalizeStyle as W, normalizeClass as se, createVNode as _, createCommentVNode as D, unref as s, withCtx as y, withDirectives as A, mergeProps as ue, isRef as de, renderSlot as N, normalizeProps as ce, guardReactiveProps as ie, createTextVNode as $, toDisplayString as E, Fragment as ne, createBlock as pe, createElementVNode as ve, nextTick as Z } from "vue";
 import { withInstall as fe } from "@das-fed/upf-utils/with-install/index";
 import { ElCascader as me } from "element-plus";
 import "element-plus/es/components/cascader/style/css";
@@ -45,7 +45,7 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
       "5349bbb8": X.value,
       "085a5911": B.value
     }));
-    const a = g, l = we(a, "modelValue"), I = x, H = oe(), i = t(null), V = t(null), M = t(null), T = t(), k = t(!1), z = d(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), c = t(0), n = t(0), u = t(!1), U = d(() => (Array.isArray(l.value) ? l.value.length : l.value) ? T.value : z.value), w = d(() => {
+    const a = g, l = we(a, "modelValue"), I = x, H = oe(), c = t(null), V = t(null), M = t(null), T = t(), k = t(!1), z = d(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), i = t(0), n = t(0), u = t(!1), U = d(() => (Array.isArray(l.value) ? l.value.length : l.value) ? T.value : z.value), w = d(() => {
       var e;
       return V.value ? (e = V.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
     }), L = () => {
@@ -55,9 +55,9 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
       Z(() => {
         var e, r;
         if (w.value) {
-          c.value = ((e = w.value) == null ? void 0 : e.offsetWidth) ?? 0;
+          i.value = ((e = w.value) == null ? void 0 : e.offsetWidth) ?? 0;
           const o = Array.isArray(l.value) ? l.value.length : l.value;
-          n.value = o ? (r = w.value) == null ? void 0 : r.scrollWidth : L(), (c.value === n.value || n.value - c.value < 1) && (u.value = !1);
+          n.value = o ? (r = w.value) == null ? void 0 : r.scrollWidth : L(), (i.value === n.value || n.value - i.value < 1) && (u.value = !1);
         }
       });
     };
@@ -67,7 +67,7 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
         setTimeout(() => {
           const r = e;
           if (r) {
-            c.value = (r == null ? void 0 : r.offsetWidth) ?? 0;
+            i.value = (r == null ? void 0 : r.offsetWidth) ?? 0;
             const o = Array.isArray(l.value) ? l.value.length : l.value;
             n.value = o ? r == null ? void 0 : r.scrollWidth : L();
           }
@@ -95,7 +95,7 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
       color: be("--das-ui-cascader-overlay-error-color").value,
       "white-space": "break-spaces"
     }), G = () => {
-      P(), c.value === n.value || n.value - c.value < 1 ? u.value = !1 : (u.value = !0, p.value && clearTimeout(p.value)), k.value = !0;
+      P(), i.value === n.value || n.value - i.value < 1 ? u.value = !1 : (u.value = !0, p.value && clearTimeout(p.value)), k.value = !0;
     }, J = () => {
       p.value = setTimeout(() => {
         u.value = !1;
@@ -121,148 +121,113 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
     });
     const Y = () => {
       var r;
-      let e = (r = i == null ? void 0 : i.value) == null ? void 0 : r.getCheckedNodes();
+      let e = (r = c == null ? void 0 : c.value) == null ? void 0 : r.getCheckedNodes();
       e && e[0] && e[0].text ? T.value = e[0].text : T.value = "";
     }, ee = (e, r) => {
       I("update:model-value", e), I("change", e);
     }, ae = (e) => {
       Z(() => {
         var o, v;
-        const r = (v = (o = i.value) == null ? void 0 : o.popperPaneRef) == null ? void 0 : v.attributes["data-popper-placement"].value;
+        const r = (v = (o = c.value) == null ? void 0 : o.popperPaneRef) == null ? void 0 : v.attributes["data-popper-placement"].value;
         r && r.indexOf("top") > -1 ? B.value = "10px" : B.value = "-10px";
       });
     };
     return C({
-      $cascader: i
-    }), (e, r) => (f(), b(
-      "div",
-      {
-        class: se(["das-ui-cascader", [
-          e.bordered ? "bordered" : "underline",
-          a.isView ? "readonly" : "",
-          a.error ? "is-error" : "",
-          a.size
-        ]]),
-        style: W(R.value)
-      },
-      [
-        _(s(q), {
-          ref_key: "inputTooltipRef",
-          ref: M,
-          placement: "top",
-          trigger: "hover",
-          visible: u.value,
-          disabled: !e.isTooltip,
-          content: U.value
-        }, {
-          default: y(() => {
+      $cascader: c
+    }), (e, r) => (f(), b("div", {
+      class: se(["das-ui-cascader", [
+        e.bordered ? "bordered" : "underline",
+        a.isView ? "readonly" : "",
+        a.error ? "is-error" : "",
+        a.size
+      ]]),
+      style: W(R.value)
+    }, [
+      _(s(q), {
+        ref_key: "inputTooltipRef",
+        ref: M,
+        placement: "top",
+        trigger: "hover",
+        visible: u.value,
+        disabled: !e.isTooltip,
+        content: U.value
+      }, {
+        default: y(() => {
+          var o;
+          return [
+            A((f(), b("div", {
+              ref_key: "$cascaderBox",
+              ref: V
+            }, [
+              _(s(me), ue({
+                ref_key: "$cascader",
+                ref: c,
+                modelValue: s(l),
+                "onUpdate:modelValue": r[0] || (r[0] = (v) => de(l) ? l.value = v : null)
+              }, s(H), {
+                props: a.props,
+                size: a.size === "table" || a.size === "medium" ? "default" : a.size,
+                disabled: a.disabled || a.isView,
+                placeholder: z.value,
+                collapseTags: a.collapseTags,
+                separator: a.separator,
+                "popper-class": (o = a.props) != null && o.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
+                style: R.value,
+                onVisibleChange: ae,
+                onChange: ee
+              }), {
+                default: y(({ node: v, data: F }) => [
+                  N(e.$slots, "default", ce(ie({ node: v, data: F })), () => [
+                    _(s(q), { placement: "top" }, {
+                      content: y(() => {
+                        var h;
+                        return [
+                          A((f(), b("div", Ce, [
+                            $(E(F[((h = a.props) == null ? void 0 : h.label) || "label"]), 1)
+                          ])), [
+                            [s(Ve)]
+                          ])
+                        ];
+                      }),
+                      default: y(() => {
+                        var h;
+                        return [
+                          $(" " + E(F[((h = a.props) == null ? void 0 : h.label) || "label"]), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1024)
+                  ], !0)
+                ]),
+                empty: y(() => [
+                  N(e.$slots, "empty", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
+            ])), [
+              [s(he), K]
+            ])
+          ];
+        }),
+        _: 3
+      }, 8, ["visible", "disabled", "content"]),
+      e.error && e.errorLabel ? (f(), b(ne, { key: 0 }, [
+        e.errorMode === "default" ? (f(), b("div", ke, [
+          ve("span", {
+            style: W(j.value)
+          }, E(e.errorLabel), 5)
+        ])) : D("", !0),
+        e.errorMode === "overlay" && k.value ? (f(), pe(s(Te), {
+          key: 1,
+          errorLabel: e.errorLabel,
+          getEl: () => {
             var o;
-            return [
-              A((f(), b("div", {
-                ref_key: "$cascaderBox",
-                ref: V
-              }, [
-                _(s(me), ue({
-                  ref_key: "$cascader",
-                  ref: i,
-                  modelValue: s(l),
-                  "onUpdate:modelValue": r[0] || (r[0] = (v) => de(l) ? l.value = v : null)
-                }, s(H), {
-                  props: a.props,
-                  size: a.size === "table" || a.size === "medium" ? "default" : a.size,
-                  disabled: a.disabled || a.isView,
-                  placeholder: z.value,
-                  collapseTags: a.collapseTags,
-                  separator: a.separator,
-                  "popper-class": (o = a.props) != null && o.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
-                  style: R.value,
-                  onVisibleChange: ae,
-                  onChange: ee
-                }), {
-                  default: y(({ node: v, data: F }) => [
-                    N(e.$slots, "default", ie(ce({ node: v, data: F })), () => [
-                      _(
-                        s(q),
-                        { placement: "top" },
-                        {
-                          content: y(() => {
-                            var h;
-                            return [
-                              A((f(), b("div", Ce, [
-                                $(
-                                  E(F[((h = a.props) == null ? void 0 : h.label) || "label"]),
-                                  1
-                                  /* TEXT */
-                                )
-                              ])), [
-                                [s(Ve)]
-                              ])
-                            ];
-                          }),
-                          default: y(() => {
-                            var h;
-                            return [
-                              $(
-                                " " + E(F[((h = a.props) == null ? void 0 : h.label) || "label"]),
-                                1
-                                /* TEXT */
-                              )
-                            ];
-                          }),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )
-                    ], !0)
-                  ]),
-                  empty: y(() => [
-                    N(e.$slots, "empty", {}, void 0, !0)
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
-              ])), [
-                [s(he), K]
-              ])
-            ];
-          }),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["visible", "disabled", "content"]),
-        e.error && e.errorLabel ? (f(), b(
-          ne,
-          { key: 0 },
-          [
-            e.errorMode === "default" ? (f(), b("div", ke, [
-              ve(
-                "span",
-                {
-                  style: W(j.value)
-                },
-                E(e.errorLabel),
-                5
-                /* TEXT, STYLE */
-              )
-            ])) : D("v-if", !0),
-            e.errorMode === "overlay" && k.value ? (f(), pe(s(Te), {
-              key: 1,
-              errorLabel: e.errorLabel,
-              getEl: () => {
-                var o;
-                return (o = V.value) == null ? void 0 : o.querySelector(".el-cascader");
-              },
-              errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : D("v-if", !0)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : D("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+            return (o = V.value) == null ? void 0 : o.querySelector(".el-cascader");
+          },
+          errorModelZIndex: e.errorModelZIndex
+        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : D("", !0)
+      ], 64)) : D("", !0)
+    ], 6));
   }
 }), Se = (g, C) => {
   const x = g.__vccOpts || g;