@aplus-frontend/ui 7.11.1 → 7.11.3

package/es/src/splitter/SplitBar.vue2.mjs

@@ -1,130 +1,170 @@
-import { defineComponent as U, ref as z, computed as w, unref as t, watchEffect as V, createElementBlock as h, openBlock as y, normalizeClass as s, createCommentVNode as O, createElementVNode as T, normalizeStyle as F, createVNode as C } from "vue";
-import { UpOutlined as A, LeftOutlined as D, DownOutlined as I, RightOutlined as R } from "@ant-design/icons-vue";
+import { defineComponent as T, ref as N, computed as z, unref as o, watchEffect as D, createVNode as b, createElementBlock as g, openBlock as c, normalizeClass as d, createCommentVNode as y, createElementVNode as O, normalizeStyle as F, createBlock as E, resolveDynamicComponent as M } from "vue";
+import { UpOutlined as A, DownOutlined as R, LeftOutlined as $, RightOutlined as j } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
-const j = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], K = /* @__PURE__ */ U({
+import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
+const G = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], W = /* @__PURE__ */ T({
   name: "SplitBar",
   __name: "SplitBar",
   props: {
     index: {},
-    active: { type: Boolean },
-    resizable: { type: Boolean },
-    startCollapsible: { type: Boolean },
-    endCollapsible: { type: Boolean },
-    onOffsetStart: { type: Function },
-    onOffsetUpdate: { type: Function },
+    active: {
+      type: Boolean
+    },
+    resizable: {
+      type: Boolean
+    },
+    startCollapsible: {
+      type: Boolean
+    },
+    endCollapsible: {
+      type: Boolean
+    },
+    onOffsetStart: {
+      type: Function
+    },
+    onOffsetUpdate: {
+      type: Function
+    },
     onOffsetEnd: {},
-    onCollapse: { type: Function },
-    vertical: { type: Boolean },
+    onCollapse: {
+      type: Function
+    },
+    vertical: {
+      type: Boolean
+    },
     ariaNow: {},
     ariaMin: {},
     ariaMax: {},
-    lazy: { type: Boolean },
-    containerSize: {}
+    lazy: {
+      type: Boolean
+    },
+    containerSize: {},
+    draggerIcon: {},
+    collapsibleIcon: {},
+    showStartCollapsibleIcon: {
+      type: [Boolean, String]
+    },
+    showEndCollapsibleIcon: {
+      type: [Boolean, String]
+    }
   },
-  setup(x) {
-    function g(o) {
-      return typeof o == "number" && !Number.isNaN(o) ? Math.round(o) : 0;
+  setup(k) {
+    function C(e) {
+      return typeof e == "number" && !Number.isNaN(e) ? Math.round(e) : 0;
     }
-    const e = x, { b: n, cssVar: L } = $("splitter-bar"), p = z(null), l = z(0), N = w(
-      () => e.vertical ? 0 : t(l)
-    ), S = w(
-      () => e.vertical ? t(l) : 0
-    ), B = (o) => {
-      e.resizable && o.currentTarget && (p.value = [o.pageX, o.pageY], e.onOffsetStart(e.index));
-    }, k = (o) => {
-      if (e.resizable && o.touches.length === 1) {
-        const a = o.touches[0];
-        p.value = [a.pageX, a.pageY], e.onOffsetStart(e.index);
+    const n = k, {
+      b: t,
+      cssVar: x
+    } = q("splitter-bar"), w = N(null), u = N(0), V = z(() => n.vertical ? 0 : o(u)), X = z(() => n.vertical ? o(u) : 0), Y = (e) => {
+      n.resizable && e.currentTarget && (w.value = [e.pageX, e.pageY], n.onOffsetStart(n.index));
+    }, P = (e) => {
+      if (n.resizable && e.touches.length === 1) {
+        const a = e.touches[0];
+        w.value = [a.pageX, a.pageY], n.onOffsetStart(n.index);
+      }
+    }, U = (e) => {
+      const {
+        containerSize: a,
+        ariaMax: s,
+        ariaMin: r,
+        ariaNow: i
+      } = n, l = a * i / 100, p = l + e, f = Math.max(0, a * r / 100), v = Math.max(a, a * s / 100);
+      return Math.max(f, Math.min(v, p)) - l;
+    }, I = (e, a) => {
+      const s = U(n.vertical ? a : e);
+      u.value = s;
+    }, S = () => {
+      n.onOffsetUpdate(n.index, o(V), o(X)), u.value = 0;
+    }, B = (e) => {
+      switch (e) {
+        case !0:
+          return t("collapse-bar-always-visible");
+        case !1:
+          return t("collapse-bar-always-hidden");
+        case "auto":
+          return t("collapse-bar-hover-only");
       }
-    }, X = (o) => {
-      const { containerSize: a, ariaMax: i, ariaMin: v, ariaNow: m } = e, f = a * m / 100, r = f + o, c = Math.max(0, a * v / 100), d = Math.max(
-        a,
-        a * i / 100
-      );
-      return Math.max(c, Math.min(d, r)) - f;
-    }, b = (o, a) => {
-      const i = X(
-        e.vertical ? a : o
-      );
-      l.value = i;
-    }, M = () => {
-      e.onOffsetUpdate(
-        e.index,
-        t(N),
-        t(S)
-      ), l.value = 0;
     };
-    V(
-      (o) => {
-        const a = t(p);
-        if (a) {
-          const i = (r) => {
-            const { pageX: c, pageY: d } = r, u = c - a[0], E = d - a[1];
-            e.lazy ? b(u, E) : e.onOffsetUpdate(e.index, u, E);
-          }, v = () => {
-            e.lazy && M(), p.value = null, e.onOffsetEnd();
-          }, m = (r) => {
-            if (r.touches.length === 1) {
-              const c = r.touches[0], d = c.pageX - a[0], u = c.pageY - a[1];
-              e.lazy ? b(d, u) : e.onOffsetUpdate(e.index, d, u);
-            }
-          }, f = () => {
-            e.lazy && M(), p.value = null, e.onOffsetEnd();
-          };
-          window.addEventListener("touchmove", m), window.addEventListener("touchend", f), window.addEventListener("mousemove", i), window.addEventListener("mouseup", v), o(() => {
-            window.removeEventListener("touchmove", m), window.removeEventListener("touchend", f), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", v);
-          });
-        }
-      },
-      { flush: "post" }
-    );
-    const Y = w(
-      () => e.vertical ? A : D
-    ), P = w(
-      () => e.vertical ? I : R
-    );
-    return (o, a) => (y(), h("div", {
-      class: s(t(n)()),
+    D((e) => {
+      const a = o(w);
+      if (a) {
+        const s = (p) => {
+          const {
+            pageX: f,
+            pageY: v
+          } = p, m = f - a[0], L = v - a[1];
+          n.lazy ? I(m, L) : n.onOffsetUpdate(n.index, m, L);
+        }, r = () => {
+          n.lazy && S(), w.value = null, n.onOffsetEnd();
+        }, i = (p) => {
+          if (p.touches.length === 1) {
+            const f = p.touches[0], v = f.pageX - a[0], m = f.pageY - a[1];
+            n.lazy ? I(v, m) : n.onOffsetUpdate(n.index, v, m);
+          }
+        }, l = () => {
+          n.lazy && S(), w.value = null, n.onOffsetEnd();
+        };
+        window.addEventListener("touchmove", i), window.addEventListener("touchend", l), window.addEventListener("mousemove", s), window.addEventListener("mouseup", r), e(() => {
+          window.removeEventListener("touchmove", i), window.removeEventListener("touchend", l), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", r);
+        });
+      }
+    }, {
+      flush: "post"
+    });
+    const h = z(() => {
+      const {
+        collapsibleIcon: e,
+        vertical: a
+      } = n;
+      let s = null, r = null;
+      const i = e?.start !== void 0, l = e?.end !== void 0;
+      return a ? (s = i ? e.start : b(A, null, null), r = l ? e.end : b(R, null, null)) : (s = i ? e.start : b($, null, null), r = l ? e.end : b(j, null, null)), {
+        startIcon: () => s,
+        endIcon: () => r,
+        startCustomize: i,
+        endCustomize: l
+      };
+    });
+    return (e, a) => (c(), g("div", {
+      class: d(o(t)()),
       role: "separator",
-      "aria-valuenow": g(e.ariaNow),
-      "aria-valuemin": g(e.ariaMin),
-      "aria-valuemax": g(e.ariaMax)
-    }, [
-      e.lazy ? (y(), h("div", {
-        key: 0,
-        class: s([t(n)("preview"), { [t(n)("preview-active")]: !!l.value }]),
-        style: F(t(L)({ "preview-offset": `${l.value}px` }))
-      }, null, 6)) : O("", !0),
-      T("div", {
-        class: s([
-          t(n)("dragger"),
-          { [t(n)("dragger-disabled")]: !o.resizable, [t(n)("dragger-active")]: o.active }
-        ]),
-        onMousedown: B,
-        onTouchstart: k
-      }, null, 34),
-      o.startCollapsible ? (y(), h("div", {
-        key: 1,
-        class: s([t(n)("collapse-bar"), t(n)("collapse-bar-start")]),
-        onClick: a[0] || (a[0] = () => o.onCollapse(o.index, "start"))
-      }, [
-        C(t(Y), {
-          class: s([t(n)("collapse-icon"), t(n)("collapse-start")])
-        }, null, 8, ["class"])
-      ], 2)) : O("", !0),
-      o.endCollapsible ? (y(), h("div", {
-        key: 2,
-        class: s([t(n)("collapse-bar"), t(n)("collapse-bar-end")]),
-        onClick: a[1] || (a[1] = () => o.onCollapse(o.index, "end"))
-      }, [
-        C(t(P), {
-          class: s([t(n)("collapse-icon"), t(n)("collapse-end")])
-        }, null, 8, ["class"])
-      ], 2)) : O("", !0)
-    ], 10, j));
+      "aria-valuenow": C(n.ariaNow),
+      "aria-valuemin": C(n.ariaMin),
+      "aria-valuemax": C(n.ariaMax)
+    }, [n.lazy ? (c(), g("div", {
+      key: 0,
+      class: d([o(t)("preview"), {
+        [o(t)("preview-active")]: !!u.value
+      }]),
+      style: F(o(x)({
+        "preview-offset": `${u.value}px`
+      }))
+    }, null, 6)) : y("", !0), O("div", {
+      class: d([o(t)("dragger"), {
+        [o(t)("dragger-disabled")]: !e.resizable,
+        [o(t)("dragger-active")]: e.active,
+        [o(t)("dragger-customize")]: e.draggerIcon !== void 0
+      }]),
+      onMousedown: Y,
+      onTouchstart: P
+    }, [e.draggerIcon !== void 0 ? (c(), g("div", {
+      key: 0,
+      class: d(o(t)("dragger-icon"))
+    }, [(c(), E(M(e.draggerIcon)))], 2)) : y("", !0)], 34), e.startCollapsible ? (c(), g("div", {
+      key: 1,
+      class: d([o(t)("collapse-bar"), o(t)("collapse-bar-start"), h.value.startCustomize ? o(t)("collapse-bar-customize") : "", B(e.showStartCollapsibleIcon)]),
+      onClick: a[0] || (a[0] = () => e.onCollapse(e.index, "start"))
+    }, [O("span", {
+      class: d([o(t)("collapse-icon"), o(t)("collapse-start")])
+    }, [(c(), E(M(h.value.startIcon)))], 2)], 2)) : y("", !0), e.endCollapsible ? (c(), g("div", {
+      key: 2,
+      class: d([o(t)("collapse-bar"), o(t)("collapse-bar-end"), h.value.endCustomize ? o(t)("collapse-bar-customize") : "", B(e.showEndCollapsibleIcon)]),
+      onClick: a[1] || (a[1] = () => e.onCollapse(e.index, "end"))
+    }, [O("span", {
+      class: d([o(t)("collapse-icon"), o(t)("collapse-end")])
+    }, [(c(), E(M(h.value.endIcon)))], 2)], 2)) : y("", !0)], 10, G));
   }
 });
 export {
-  K as default
+  W as default
 };

package/es/src/splitter/Splitter.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as G, unref as a, computed as _, createBlock as y, openBlock as r, withCtx as g, createElementVNode as J, normalizeClass as h, normalizeStyle as K, createElementBlock as p, createCommentVNode as b, Fragment as d, renderList as k, createVNode as Q, mergeProps as T, resolveDynamicComponent as X } from "vue";
+import { defineComponent as q, ref as G, unref as o, computed as v, createBlock as d, openBlock as r, withCtx as C, createElementVNode as J, normalizeClass as R, normalizeStyle as K, createElementBlock as f, createCommentVNode as I, Fragment as b, renderList as E, createVNode as Q, mergeProps as T, resolveDynamicComponent as X } from "vue";
 import { omit as Y } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../resize-observer/index.mjs";
@@ -8,12 +8,12 @@ import { useResize as ee } from "./hooks/useResize.mjs";
 import { useSizes as te } from "./hooks/useSizes.mjs";
 import "./Panel.vue.mjs";
 import "./SplitBar.vue.mjs";
-import ae from "./style/index.mjs";
-import { useNamespace as se } from "../config-provider/hooks/use-namespace.mjs";
-import oe from "../resize-observer/index.vue.mjs";
+import oe from "./style/index.mjs";
+import { useNamespace as ae } from "../config-provider/hooks/use-namespace.mjs";
+import se from "../resize-observer/index.vue.mjs";
 import ne from "./Panel.vue2.mjs";
-import re from "./SplitBar.vue2.mjs";
-const ge = /* @__PURE__ */ q({
+import le from "./SplitBar.vue2.mjs";
+const Ce = /* @__PURE__ */ q({
   name: "Splitter",
   __name: "Splitter",
   props: {
@@ -25,85 +25,91 @@ const ge = /* @__PURE__ */ q({
     onResizeStart: {},
     onResize: {},
     onResizeEnd: {},
-    lazy: { type: Boolean }
+    lazy: { type: Boolean },
+    draggerIcon: {},
+    collapsibleIcon: {}
   },
-  setup(E) {
-    const n = E, { b: c } = se("splitter"), I = ae("splitter"), i = Z(), l = G(), N = (e) => {
-      const { offsetWidth: o, offsetHeight: s } = e.target, t = n.layout === "vertical" ? s : o;
-      l.value !== 0 && (l.value = t);
+  setup(_) {
+    const n = _, { b: m } = ae("splitter"), k = oe("splitter"), i = Z(), c = G(), w = (e) => {
+      const { offsetWidth: s, offsetHeight: a } = e.target, t = n.layout === "vertical" ? a : s;
+      c.value !== 0 && (c.value = t);
     }, [
-      O,
+      N,
       u,
-      v,
+      g,
+      O,
       P,
-      M,
-      B
-    ] = te(i, l), m = x(i, u, !1), [U, $, w, V, C] = ee(
+      M
+    ] = te(i, c), l = x(i, u, !1), [B, U, $, V, y] = ee(
       i,
-      m,
-      v,
       l,
-      B,
+      g,
+      c,
+      M,
       !1
     ), A = (e) => {
-      U(e), n.onResizeStart?.(a(u));
-    }, D = (e, o) => {
-      const s = $(e, o);
-      n.onResize?.(s);
+      B(e), n.onResizeStart?.(o(u));
+    }, D = (e, s) => {
+      const a = U(e, s);
+      n.onResize?.(a);
     }, F = () => {
-      w(), n.onResizeEnd?.(a(u));
-    }, H = (e, o) => {
-      const s = V(e, o);
-      n.onResize?.(s), n.onResizeEnd?.(s);
-    }, L = _(() => [c(), n.className, c(n.layout), I.value]), R = _(() => {
+      $(), n.onResizeEnd?.(o(u));
+    }, H = (e, s) => {
+      const a = V(e, s);
+      n.onResize?.(a), n.onResizeEnd?.(a);
+    }, L = v(() => [m(), n.className, m(n.layout), k.value]), h = v(() => {
       const e = [];
-      let o = 0;
-      for (let s = 0; s < i.value.length; s += 1)
-        o += a(v)[s], e.push(o);
+      let s = 0;
+      for (let a = 0; a < i.value.length; a += 1)
+        s += o(g)[a], e.push(s);
       return e;
-    }), f = (e) => {
-      const o = a(R), s = a(P), t = a(M);
+    }), p = (e) => {
+      const s = o(h), a = o(O), t = o(P);
       return {
-        minStart: (o[e - 1] || 0) + s[e],
-        minEnd: (o[e + 1] || 100) - t[e + 1],
-        maxStart: (o[e - 1] || 0) + t[e],
-        maxEnd: (o[e + 1] || 100) - s[e + 1]
+        minStart: (s[e - 1] || 0) + a[e],
+        minEnd: (s[e + 1] || 100) - t[e + 1],
+        maxStart: (s[e - 1] || 0) + t[e],
+        maxEnd: (s[e + 1] || 100) - a[e + 1]
       };
     };
-    return (e, o) => (r(), y(a(oe), { onResize: N }, {
-      default: g(() => [
+    return (e, s) => (r(), d(o(se), { onResize: w }, {
+      default: C(() => [
         J("div", {
           style: K(e.style),
-          class: h(L.value)
+          class: R(L.value)
         }, [
-          (r(!0), p(d, null, k(a(i), (s, t) => (r(), p(d, { key: t }, [
-            Q(ne, T({ ref_for: !0 }, a(Y)(s, "_child"), {
-              size: a(O)[t]
+          (r(!0), f(b, null, E(o(i), (a, t) => (r(), f(b, { key: t }, [
+            Q(ne, T({ ref_for: !0 }, o(Y)(a, "_child"), {
+              size: o(N)[t]
             }), {
-              default: g(() => [
-                (r(!0), p(d, null, k(s._child, (z, S) => (r(), y(X(z), { key: S }))), 128))
+              default: C(() => [
+                (r(!0), f(b, null, E(a._child, (z, S) => (r(), d(X(z), { key: S }))), 128))
               ]),
               _: 2
             }, 1040, ["size"]),
-            a(m)[t] ? (r(), y(re, {
+            o(l)[t] ? (r(), d(le, {
               key: 0,
               lazy: e.lazy,
               index: t,
-              active: a(C) === t,
+              active: o(y) === t,
               vertical: e.layout === "vertical",
-              resizable: a(m)[t].resizable,
-              "aria-now": R.value[t] * 100,
+              resizable: o(l)[t].resizable,
+              "aria-now": h.value[t] * 100,
               "aria-min": Math.max(
-                f(t).minStart,
-                f(t).minEnd
+                p(t).minStart,
+                p(t).minEnd
               ) * 100,
               "aria-max": Math.min(
-                f(t).maxStart,
-                f(t).maxEnd
+                p(t).maxStart,
+                p(t).maxEnd
               ) * 100,
-              "start-collapsible": a(m)[t].startCollapsible,
-              "end-collapsible": a(m)[t].endCollapsible,
-              "container-size": l.value || 0,
+              "start-collapsible": o(l)[t].startCollapsible,
+              "end-collapsible": o(l)[t].endCollapsible,
+              "show-start-collapsible-icon": o(l)[t].showStartCollapsibleIcon,
+              "show-end-collapsible-icon": o(l)[t].showEndCollapsibleIcon,
+              "container-size": c.value || 0,
+              "dragger-icon": e.draggerIcon,
+              "collapsible-icon": e.collapsibleIcon,
               onOffsetStart: A,
               onOffsetUpdate: (z, S, W) => {
                 let j = e.layout === "vertical" ? W : S;
@@ -111,13 +117,13 @@ const ge = /* @__PURE__ */ q({
               },
               onOffsetEnd: F,
               onCollapse: H
-            }, null, 8, ["lazy", "index", "active", "vertical", "resizable", "aria-now", "aria-min", "aria-max", "start-collapsible", "end-collapsible", "container-size", "onOffsetUpdate"])) : b("", !0)
+            }, null, 8, ["lazy", "index", "active", "vertical", "resizable", "aria-now", "aria-min", "aria-max", "start-collapsible", "end-collapsible", "show-start-collapsible-icon", "show-end-collapsible-icon", "container-size", "dragger-icon", "collapsible-icon", "onOffsetUpdate"])) : I("", !0)
           ], 64))), 128)),
-          typeof a(C) == "number" ? (r(), p("div", {
+          typeof o(y) == "number" ? (r(), f("div", {
             key: 0,
             "aria-hidden": "",
-            class: h([a(c)("mask"), a(c)(`mask-${e.layout}`)])
-          }, null, 2)) : b("", !0)
+            class: R([o(m)("mask"), o(m)(`mask-${e.layout}`)])
+          }, null, 2)) : I("", !0)
         ], 6)
       ]),
       _: 1
@@ -125,5 +131,5 @@ const ge = /* @__PURE__ */ q({
   }
 });
 export {
-  ge as default
+  Ce as default
 };

package/es/src/splitter/hooks/useItems.d.ts

@@ -4,6 +4,7 @@ export type ItemType = Omit<PanelProps, 'collapsible'> & {
     collapsible: {
         start?: boolean;
         end?: boolean;
+        showCollapsibleIcon: 'auto' | boolean;
     };
     _child: VNode[];
 };

package/es/src/splitter/hooks/useItems.mjs

@@ -1,25 +1,29 @@
-import { useSlots as o, computed as s } from "vue";
-import { genRealChildren as u } from "../../ap-form/item-group/helper.mjs";
-function d(t) {
-  if (t && typeof t == "object")
-    return t;
-  const e = !!t || t === "";
+import { useSlots as n, computed as s } from "vue";
+import { genRealChildren as l } from "../../ap-form/item-group/helper.mjs";
+function u(o) {
+  if (o && typeof o == "object")
+    return {
+      ...o,
+      showCollapsibleIcon: o.showCollapsibleIcon === void 0 ? "auto" : o.showCollapsibleIcon
+    };
+  const t = !!o || o === "";
   return {
-    start: e,
-    end: e
+    start: t,
+    end: t,
+    showCollapsibleIcon: "auto"
   };
 }
-const f = () => {
-  const t = o();
-  return s(() => t.default ? u(t.default()).map((r) => {
-    const { props: n } = r;
+const d = () => {
+  const o = n();
+  return s(() => o.default ? l(o.default()).map((e) => {
+    const { props: r } = e;
     return {
-      ...n,
-      collapsible: d(n?.collapsible),
-      _child: r.children.default?.()
+      ...r,
+      collapsible: u(r?.collapsible),
+      _child: e.children.default?.()
     };
   }) : []);
 };
 export {
-  f as useItems
+  d as useItems
 };

package/es/src/splitter/hooks/useResizable.d.ts

@@ -1,8 +1,11 @@
 import { Ref, ComputedRef } from 'vue';
+import { ShowCollapsibleIconMode } from '../interface';
 import { ItemType } from './useItems';
 export type ResizableInfo = {
     resizable: boolean;
     startCollapsible: boolean;
     endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
 };
 export declare const useResizable: (items: Ref<ItemType[]>, pxSizes: Ref<number[]>, isRTL: boolean) => ComputedRef<ResizableInfo[]>;

package/es/src/splitter/hooks/useResizable.mjs

@@ -1,37 +1,60 @@
-import { computed as R, unref as b } from "vue";
-const g = (z, m, n) => R(() => {
-  const o = [], l = b(z), i = b(m);
-  for (let e = 0; e < l.length - 1; e += 1) {
-    const u = l[e], x = l[e + 1], t = i[e], s = i[e + 1], {
-      resizable: d = !0,
-      min: C,
-      collapsible: r
-    } = u, {
-      resizable: v = !0,
-      min: f,
+import { computed as R, unref as u } from "vue";
+function w(l, o) {
+  return l.collapsible && o.collapsible ? l.showCollapsibleIcon === !0 || o.showCollapsibleIcon === !0 ? !0 : l.showCollapsibleIcon === "auto" || o.showCollapsibleIcon === "auto" ? "auto" : !1 : l.collapsible ? l.showCollapsibleIcon : o.collapsible ? o.showCollapsibleIcon : !1;
+}
+const k = (l, o, i) => R(() => {
+  const b = [], c = u(l), p = u(o);
+  for (let e = 0; e < c.length - 1; e += 1) {
+    const d = c[e], f = c[e + 1], s = p[e], n = p[e + 1], {
+      resizable: z = !0,
+      min: m,
+      collapsible: t
+    } = d, {
+      resizable: S = !0,
+      min: x,
       collapsible: a
-    } = x, I = (
+    } = f, E = (
       // Both need to be resizable
-      d && v && // Prev is not collapsed and limit min size
-      (t !== 0 || !C) && // Next is not collapsed and limit min size
-      (s !== 0 || !f)
-    ), p = (
+      z && S && // Prev is not collapsed and limit min size
+      (s !== 0 || !m) && // Next is not collapsed and limit min size
+      (n !== 0 || !x)
+    ), g = !!t.end && s > 0, v = !!a.start && n === 0 && s > 0, r = (
       // Self is collapsible
-      r.end && t > 0 || // Collapsed and can be collapsed
-      a.start && s === 0 && t > 0
-    ), c = (
+      t.end && s > 0 || // Collapsed and can be collapsed
+      a.start && n === 0 && s > 0
+    ), M = !!a.start && n > 0, _ = !!t.end && s === 0 && n > 0, C = (
       // Self is collapsible
-      a.start && s > 0 || // Collapsed and can be collapsed
-      r.end && t === 0 && s > 0
+      a.start && n > 0 || // Collapsed and can be collapsed
+      t.end && s === 0 && n > 0
+    ), I = w(
+      {
+        collapsible: g,
+        showCollapsibleIcon: t.showCollapsibleIcon
+      },
+      {
+        collapsible: v,
+        showCollapsibleIcon: a.showCollapsibleIcon
+      }
+    ), h = w(
+      {
+        collapsible: M,
+        showCollapsibleIcon: a.showCollapsibleIcon
+      },
+      {
+        collapsible: _,
+        showCollapsibleIcon: t.showCollapsibleIcon
+      }
     );
-    o[e] = {
-      resizable: I,
-      startCollapsible: !!(n ? c : p),
-      endCollapsible: !!(n ? p : c)
+    b[e] = {
+      resizable: E,
+      startCollapsible: !!(i ? C : r),
+      endCollapsible: !!(i ? r : C),
+      showStartCollapsibleIcon: i ? h : I,
+      showEndCollapsibleIcon: i ? I : h
     };
   }
-  return o;
+  return b;
 });
 export {
-  g as useResizable
+  k as useResizable
 };