@das-fed/upf-ui 6.4.0-dev.314 → 6.4.0-dev.315

package/packages/components/checkbox/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, computed as k, reactive as ae, toRefs as te, watchEffect as ue, watch as oe, useSlots as ce, ref as Q, onMounted as se, openBlock as u, createElementBlock as s, normalizeStyle as p, createBlock as W, unref as i, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, createCommentVNode as r, normalizeClass as f, Fragment as $, renderList as S, createElementVNode as j, createTextVNode as N, toDisplayString as x, createVNode as G } from "vue";
+import { defineComponent as le, computed as v, reactive as ae, toRefs as te, watchEffect as ue, watch as oe, useSlots as ce, ref as Q, onMounted as se, openBlock as u, createElementBlock as s, normalizeStyle as p, createBlock as W, unref as i, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, createCommentVNode as r, normalizeClass as f, Fragment as $, renderList as S, createElementVNode as j, createTextVNode as N, toDisplayString as x, createVNode as G } from "vue";
 import { withInstall as ie } from "@das-fed/upf-utils/with-install/index";
 import { CheckboxGroup as de } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
@@ -14,7 +14,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
 }, be = {
   key: 1,
   class: "empty-text"
-}, ve = ["onClick", "tabindex"], ke = {
+}, ke = ["onClick", "tabindex"], ve = {
   key: 6,
   class: "das-checkbox-error-label-content"
 }, xe = {
@@ -55,7 +55,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
     ne({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const o = l, B = k(() => o.noSetDefaultVal ? "" : "-"), D = ae({
+    const o = l, B = v(() => o.noSetDefaultVal ? "" : "-"), D = ae({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
@@ -68,7 +68,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
     }), oe(c, (a) => {
       y("update:modelValue", a);
     });
-    const h = K(o, "defaultProps"), V = K(o, "options"), b = k(() => V.value.length ? V.value.map((a) => {
+    const h = K(o, "defaultProps"), V = K(o, "options"), b = v(() => V.value.length ? V.value.map((a) => {
       var t;
       return {
         value: a[h.value.value],
@@ -91,7 +91,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
           })) : t.checked = !t.checked, t.isFocus = !0, c.value = b.value.filter((d) => d.checked).map((d) => d.value), y("change", c.value);
         } else
           c.value = !c.value, I.value = !0, y("change", c.value);
-    }, F = k(() => {
+    }, F = v(() => {
       var a, t, d;
       if (!o.isView) return [];
       if ((!((a = V.value) != null && a.length) || !((t = c.value) != null && t.length)) && o.checkboxType == "group") return [];
@@ -113,7 +113,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
       }
     }), P = (a, t) => {
       a == "group" ? t.isFocus = !1 : I.value = !1;
-    }, Z = k(() => o.maxWidth ? o.maxWidth : o.width), v = k(() => {
+    }, Z = v(() => o.maxWidth ? o.maxWidth : o.width), k = v(() => {
       let a = `${Number(String(Z.value).split("px")[0])}`;
       if (o.maxWidth)
         return `max-width:${a}px`;
@@ -125,7 +125,7 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
         const a = (d = (t = R.value) == null ? void 0 : t.$el) == null ? void 0 : d.querySelectorAll(".ant-checkbox-input");
         a && a.length && a.forEach((e) => e.setAttribute("tabindex", "-1"));
       }, 1e3);
-    }, q = k(() => o.formSize), ee = k(() => ({
+    }, q = v(() => o.formSize), ee = v(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -139,295 +139,182 @@ const re = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
     }));
     return se(_), (a, t) => {
       const d = de;
-      return u(), s(
-        "div",
-        {
-          class: "das-ui-checkbox",
-          style: p(ee.value)
-        },
-        [
-          l.checkboxType == "default" && l.optionType == "default" && !l.isView ? (u(), W(i(H), U({
-            key: 0,
-            ref_key: "checkboxRef",
-            ref: R,
-            checked: i(c),
-            "onUpdate:checked": t[0] || (t[0] = (e) => A(c) ? c.value = e : c = e),
-            disabled: l.disabled
-          }, a.$attrs, {
-            optionType: l.optionType,
-            indeterminate: i(m),
-            onChange: O,
-            class: [l.size, { nolabel: Object.keys(a.$slots).length == 0 }]
-          }), {
-            default: M(() => [
-              g((u(), s(
-                "div",
-                {
-                  class: "label",
-                  style: p([v.value, { color: "#666" }])
-                },
-                [
-                  C(a.$slots, "default", {}, void 0, !0)
-                ],
-                4
-                /* STYLE */
-              )), [
-                [i(T)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : r("v-if", !0),
-          l.checkboxType == "default" && l.optionType == "square" && !l.isView ? (u(), s(
-            "div",
+      return u(), s("div", {
+        class: "das-ui-checkbox",
+        style: p(ee.value)
+      }, [
+        l.checkboxType == "default" && l.optionType == "default" && !l.isView ? (u(), W(i(H), U({
+          key: 0,
+          ref_key: "checkboxRef",
+          ref: R,
+          checked: i(c),
+          "onUpdate:checked": t[0] || (t[0] = (e) => A(c) ? c.value = e : c = e),
+          disabled: l.disabled
+        }, a.$attrs, {
+          optionType: l.optionType,
+          indeterminate: i(m),
+          onChange: O,
+          class: [l.size, { nolabel: Object.keys(a.$slots).length == 0 }]
+        }), {
+          default: M(() => [
+            g((u(), s("div", {
+              class: "label",
+              style: p([k.value, { color: "#666" }])
+            }, [
+              C(a.$slots, "default", {}, void 0, !0)
+            ], 4)), [
+              [i(T)]
+            ])
+          ]),
+          _: 3
+        }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : r("", !0),
+        l.checkboxType == "default" && l.optionType == "square" && !l.isView ? (u(), s("div", {
+          key: 1,
+          class: f([
+            "das-ui-checkbox-square",
+            l.size,
             {
-              key: 1,
-              class: f([
-                "das-ui-checkbox-square",
-                l.size,
-                {
-                  "das-ui-checkbox-square--disabled": l.disabled,
-                  "das-ui-checkbox-square--checked": !!i(c),
-                  "das-ui-checkbox-square--focus": i(I),
-                  "ellipsis-square-checkbox": !!v.value
-                }
-              ]),
-              tabindex: "0",
-              onClick: t[1] || (t[1] = (e) => E("default", "")),
-              onBlur: t[2] || (t[2] = (e) => P("default", "")),
-              style: p(v.value)
-            },
-            [
-              g((u(), s("div", re, [
-                C(a.$slots, "default", {}, void 0, !0)
-              ])), [
-                [i(T)]
-              ])
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : r("v-if", !0),
-          l.checkboxType == "group" && l.optionType == "default" && !l.isView ? (u(), W(d, U({
-            key: 2,
-            ref_key: "checkboxRef",
-            ref: R
-          }, a.$attrs, {
-            class: [l.size, { "das-ui-checkbox-vertical": i(L) == "vertical" }],
-            value: i(c),
-            "onUpdate:value": t[3] || (t[3] = (e) => A(c) ? c.value = e : c = e),
-            name: l.name,
-            onChange: O
-          }), {
-            default: M(() => [
-              (u(!0), s(
-                $,
-                null,
-                S(b.value, (e, n) => (u(), W(i(H), {
-                  key: n,
-                  value: e.value,
-                  "onUpdate:value": (w) => e.value = w,
-                  disabled: e.disabled || l.disabled
-                }, {
-                  default: M(() => [
-                    j(
-                      "div",
-                      {
-                        class: f(["label", { "label-min-width": !!v.value }]),
-                        style: p([v.value, { color: "#666" }])
-                      },
-                      [
-                        C(a.$slots, "content", {
-                          item: e,
-                          index: n
-                        }, () => [
-                          g((u(), s("div", null, [
-                            N(
-                              x(e.label),
-                              1
-                              /* TEXT */
-                            )
-                          ])), [
-                            [i(T)]
-                          ])
-                        ], !0)
-                      ],
-                      6
-                      /* CLASS, STYLE */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["value", "onUpdate:value", "disabled"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["class", "value", "name"])) : r("v-if", !0),
-          l.checkboxType == "group" && l.optionType == "square" && !l.isView ? (u(), s(
-            "div",
-            {
-              key: 3,
-              class: f(["das-ui-checkbox-square-group", [l.size, { "das-ui-checkbox-vertical": i(L) == "vertical" }]])
-            },
-            [
-              (u(!0), s(
-                $,
-                null,
-                S(b.value, (e, n) => (u(), s("div", {
-                  class: f([
-                    "das-ui-checkbox-square",
-                    {
-                      "das-ui-checkbox-square--disabled": e.disabled || l.disabled,
-                      "das-ui-checkbox-square--checked": e.checked,
-                      "das-ui-checkbox-square--focus": e.isFocus,
-                      "ellipsis-square-checkbox": !!v.value
-                    }
-                  ]),
-                  style: p(v.value),
-                  onClick: (w) => E("group", e),
-                  onBlur: (w) => P("group", e),
-                  tabindex: n,
-                  key: n
+              "das-ui-checkbox-square--disabled": l.disabled,
+              "das-ui-checkbox-square--checked": !!i(c),
+              "das-ui-checkbox-square--focus": i(I),
+              "ellipsis-square-checkbox": !!k.value
+            }
+          ]),
+          tabindex: "0",
+          onClick: t[1] || (t[1] = (e) => E("default", "")),
+          onBlur: t[2] || (t[2] = (e) => P("default", "")),
+          style: p(k.value)
+        }, [
+          g((u(), s("div", re, [
+            C(a.$slots, "default", {}, void 0, !0)
+          ])), [
+            [i(T)]
+          ])
+        ], 38)) : r("", !0),
+        l.checkboxType == "group" && l.optionType == "default" && !l.isView ? (u(), W(d, U({
+          key: 2,
+          ref_key: "checkboxRef",
+          ref: R
+        }, a.$attrs, {
+          class: [l.size, { "das-ui-checkbox-vertical": i(L) == "vertical" }],
+          value: i(c),
+          "onUpdate:value": t[3] || (t[3] = (e) => A(c) ? c.value = e : c = e),
+          name: l.name,
+          onChange: O
+        }), {
+          default: M(() => [
+            (u(!0), s($, null, S(b.value, (e, n) => (u(), W(i(H), {
+              key: n,
+              value: e.value,
+              "onUpdate:value": (w) => e.value = w,
+              disabled: e.disabled || l.disabled
+            }, {
+              default: M(() => [
+                j("div", {
+                  class: f(["label", { "label-min-width": !!k.value }]),
+                  style: p([k.value, { color: "#666" }])
                 }, [
-                  e.checked ? (u(), s("span", he, [
-                    G(i(J), {
-                      size: "mini",
-                      icon: "select",
-                      iconColor: "#fff",
-                      class: "view-icon"
-                    })
-                  ])) : r("v-if", !0),
-                  g((u(), s("div", null, [
-                    N(
-                      x(e.label),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [i(T)]
-                  ])
-                ], 46, fe))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : r("v-if", !0),
-          r("多选组 查看状态 "),
-          l.isView ? (u(), s(
-            "div",
-            {
-              key: 4,
-              class: f(["das-ui-checkbox-view-group", { "flex-view": F.value.length > 1 }])
-            },
-            [
-              F.value.length ? (u(!0), s(
-                $,
-                { key: 0 },
-                S(F.value, (e, n) => (u(), s(
-                  "div",
-                  {
-                    class: f(["das-checkbox-item-view", e[i(h).label] && "nonelabel-item-view"]),
-                    key: n
-                  },
-                  [
-                    G(i(J), {
-                      size: "mini",
-                      icon: "select",
-                      iconColor: "#666",
-                      class: f(["view-icon", { "m-r-5": e[i(h).label] || Object.keys(a.$slots).length > 0 }])
-                    }, null, 8, ["class"]),
-                    e[i(h).label] ? g((u(), s(
-                      "div",
-                      {
-                        key: 0,
-                        class: f(["label", l.size]),
-                        style: p([v.value, { color: "#666" }])
-                      },
-                      [
-                        N(
-                          x(e[i(h).label]),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      6
-                      /* CLASS, STYLE */
-                    )), [
+                  C(a.$slots, "content", {
+                    item: e,
+                    index: n
+                  }, () => [
+                    g((u(), s("div", null, [
+                      N(x(e.label), 1)
+                    ])), [
                       [i(T)]
-                    ]) : C(a.$slots, "default", { key: 1 }, void 0, !0)
-                  ],
-                  2
-                  /* CLASS */
-                ))),
-                128
-                /* KEYED_FRAGMENT */
-              )) : (u(), s(
-                "span",
-                be,
-                x(B.value),
-                1
-                /* TEXT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : r("v-if", !0),
-          r(" 用于过滤条件的多选 "),
-          l.checkboxType == "group" && l.optionType == "filterSquare" ? (u(), s(
-            "div",
-            {
-              key: 5,
-              class: f(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": i(L) == "vertical" }])
-            },
-            [
-              (u(!0), s(
-                $,
-                null,
-                S(b.value, (e, n) => (u(), s("div", {
-                  class: f([
-                    "das-ui-checkbox-square",
-                    {
-                      "das-ui-checkbox-square--disabled": e.disabled || l.disabled,
-                      "das-ui-checkbox-square--checked": e.checked
-                    }
-                  ]),
-                  onClick: (w) => E("group", e),
-                  tabindex: n,
-                  key: n
-                }, x(e.label), 11, ve))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : r("v-if", !0),
-          l.error && l.errorLabel && l.errorMode === "default" ? (u(), s("div", ke, [
-            l.error ? (u(), s(
-              "span",
-              xe,
-              x(l.errorLabel),
-              1
-              /* TEXT */
-            )) : r("v-if", !0)
-          ])) : r("v-if", !0),
-          l.error && l.errorLabel && l.errorMode === "overlay" ? (u(), s("div", me, [
-            j(
-              "span",
-              ye,
-              x(l.errorLabel),
-              1
-              /* TEXT */
-            )
-          ])) : r("v-if", !0)
-        ],
-        4
-        /* STYLE */
-      );
+                    ])
+                  ], !0)
+                ], 6)
+              ]),
+              _: 2
+            }, 1032, ["value", "onUpdate:value", "disabled"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["class", "value", "name"])) : r("", !0),
+        l.checkboxType == "group" && l.optionType == "square" && !l.isView ? (u(), s("div", {
+          key: 3,
+          class: f(["das-ui-checkbox-square-group", [l.size, { "das-ui-checkbox-vertical": i(L) == "vertical" }]])
+        }, [
+          (u(!0), s($, null, S(b.value, (e, n) => (u(), s("div", {
+            class: f([
+              "das-ui-checkbox-square",
+              {
+                "das-ui-checkbox-square--disabled": e.disabled || l.disabled,
+                "das-ui-checkbox-square--checked": e.checked,
+                "das-ui-checkbox-square--focus": e.isFocus,
+                "ellipsis-square-checkbox": !!k.value
+              }
+            ]),
+            style: p(k.value),
+            onClick: (w) => E("group", e),
+            onBlur: (w) => P("group", e),
+            tabindex: n,
+            key: n
+          }, [
+            e.checked ? (u(), s("span", he, [
+              G(i(J), {
+                size: "mini",
+                icon: "select",
+                iconColor: "#fff",
+                class: "view-icon"
+              })
+            ])) : r("", !0),
+            g((u(), s("div", null, [
+              N(x(e.label), 1)
+            ])), [
+              [i(T)]
+            ])
+          ], 46, fe))), 128))
+        ], 2)) : r("", !0),
+        l.isView ? (u(), s("div", {
+          key: 4,
+          class: f(["das-ui-checkbox-view-group", { "flex-view": F.value.length > 1 }])
+        }, [
+          F.value.length ? (u(!0), s($, { key: 0 }, S(F.value, (e, n) => (u(), s("div", {
+            class: f(["das-checkbox-item-view", e[i(h).label] && "nonelabel-item-view"]),
+            key: n
+          }, [
+            G(i(J), {
+              size: "mini",
+              icon: "select",
+              iconColor: "#666",
+              class: f(["view-icon", { "m-r-5": e[i(h).label] || Object.keys(a.$slots).length > 0 }])
+            }, null, 8, ["class"]),
+            e[i(h).label] ? g((u(), s("div", {
+              key: 0,
+              class: f(["label", l.size]),
+              style: p([k.value, { color: "#666" }])
+            }, [
+              N(x(e[i(h).label]), 1)
+            ], 6)), [
+              [i(T)]
+            ]) : C(a.$slots, "default", { key: 1 }, void 0, !0)
+          ], 2))), 128)) : (u(), s("span", be, x(B.value), 1))
+        ], 2)) : r("", !0),
+        l.checkboxType == "group" && l.optionType == "filterSquare" ? (u(), s("div", {
+          key: 5,
+          class: f(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": i(L) == "vertical" }])
+        }, [
+          (u(!0), s($, null, S(b.value, (e, n) => (u(), s("div", {
+            class: f([
+              "das-ui-checkbox-square",
+              {
+                "das-ui-checkbox-square--disabled": e.disabled || l.disabled,
+                "das-ui-checkbox-square--checked": e.checked
+              }
+            ]),
+            onClick: (w) => E("group", e),
+            tabindex: n,
+            key: n
+          }, x(e.label), 11, ke))), 128))
+        ], 2)) : r("", !0),
+        l.error && l.errorLabel && l.errorMode === "default" ? (u(), s("div", ve, [
+          l.error ? (u(), s("span", xe, x(l.errorLabel), 1)) : r("", !0)
+        ])) : r("", !0),
+        l.error && l.errorLabel && l.errorMode === "overlay" ? (u(), s("div", me, [
+          j("span", ye, x(l.errorLabel), 1)
+        ])) : r("", !0)
+      ], 4);
     };
   }
 }), ge = (l, z) => {

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

@@ -1,55 +1,48 @@
-import { defineComponent as d, useAttrs as i, inject as u, computed as f, openBlock as n, createBlock as m, unref as p, mergeProps as h, withCtx as s, createCommentVNode as c, renderSlot as l, withDirectives as _, createElementBlock as w, createTextVNode as C, toDisplayString as v, ref as D } from "vue";
-import { withInstall as b } from "@das-fed/upf-utils/with-install/index";
-import { CollapsePanel as P } from "ant-design-vue";
-import { vDasTooltip as $ } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { defineComponent as c, useAttrs as d, inject as i, computed as u, openBlock as n, createBlock as f, unref as p, mergeProps as m, withCtx as s, renderSlot as l, withDirectives as h, createElementBlock as _, createTextVNode as w, toDisplayString as v, ref as C } from "vue";
+import { withInstall as D } from "@das-fed/upf-utils/with-install/index";
+import { CollapsePanel as b } from "ant-design-vue";
+import { vDasTooltip as P } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import "ant-design-vue/es/collapse/style/css";
 import "@das-fed/upf-ui/packages/global/theme"
 import '@das-fed/upf-ui/packages/components/collapse-panel/style.css';
 ;
-const k = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ d({
+const $ = { class: "das-collaspe-panel--header" }, k = /* @__PURE__ */ c({
   __name: "Index",
   props: {
     header: { default: "" }
   },
   setup(t) {
-    const a = i(), o = u("parentCollapsible"), r = f(() => o.value || a.collapsible === "disabled");
-    return (e, B) => (n(), m(p(P), h(e.$attrs, {
+    const a = d(), o = i("parentCollapsible"), r = u(() => o.value || a.collapsible === "disabled");
+    return (e, g) => (n(), f(p(b), m(e.$attrs, {
       class: "das-collaspe-panel",
       showArrow: r.value ? !1 : e.$attrs.showArrow
     }), {
       header: s(() => [
-        c(" 面板头内容 "),
         l(e.$slots, "header", {}, () => [
-          _((n(), w("div", k, [
-            C(
-              v(t.header),
-              1
-              /* TEXT */
-            )
+          h((n(), _("div", $, [
+            w(v(t.header), 1)
           ])), [
-            [p($)]
+            [p(P)]
           ])
         ], !0)
       ]),
       extra: s(() => [
-        c(" 自定义渲染每个面板右上角的内容 "),
         l(e.$slots, "extra", {}, void 0, !0)
       ]),
       default: s(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-      /* FORWARDED */
     }, 16, ["showArrow"]));
   }
-}), A = (t, a) => {
+}), x = (t, a) => {
   const o = t.__vccOpts || t;
   for (const [r, e] of a)
     o[r] = e;
   return o;
-}, g = /* @__PURE__ */ A(x, [["__scopeId", "data-v-e4682cad"]]), V = () => D(null), j = b(g);
+}, A = /* @__PURE__ */ x(k, [["__scopeId", "data-v-e4682cad"]]), j = () => C(null), N = D(A);
 export {
-  j as DasCollaspePanel,
-  V as DasCollaspePanelRef,
-  j as default
+  N as DasCollaspePanel,
+  j as DasCollaspePanelRef,
+  N as default
 };

package/packages/components/collapse-transition/index.js

@@ -26,19 +26,12 @@ const l = /* @__PURE__ */ d({
         t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (t, y) => (s(), e(
-      i,
-      n({ name: "das-ui-collapse-transition" }, r(o)),
-      {
-        default: p(() => [
-          g(t.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      },
-      16
-      /* FULL_PROPS */
-    ));
+    return (t, y) => (s(), e(i, n({ name: "das-ui-collapse-transition" }, r(o)), {
+      default: p(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
   }
 }), T = a(l);
 export {

package/packages/components/collaspe/index.js

@@ -29,7 +29,6 @@ const D = /* @__PURE__ */ p({
         I(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
-      /* DYNAMIC */
     }, [
       e.expandIconType === "triangle" ? {
         name: "expandIcon",