@aplus-frontend/ui
Version:
37 lines (36 loc) • 1.04 kB
JavaScript
import { defineComponent as n, computed as r, createElementBlock as i, openBlock as p, normalizeStyle as m, normalizeClass as c, unref as s, renderSlot as u } from "vue";
import "../config-provider/index.mjs";
import { useNamespace as d } from "../config-provider/hooks/use-namespace.mjs";
const B = /* @__PURE__ */ n({
name: "InternalSplitterPanel",
__name: "Panel",
props: {
className: {},
style: { default: () => ({}) },
min: {},
max: {},
size: {},
collapsible: { type: [Boolean, Object] },
resizable: { type: Boolean },
defaultSize: {}
},
setup(a) {
const t = a, { b: l } = d("splitter-panel"), o = r(() => {
const e = t.size !== void 0;
return {
...t.style,
flexBasis: e ? `${t.size}px` : "auto",
flexGrow: e ? 0 : 1
};
});
return (e, f) => (p(), i("div", {
class: c([s(l)(), { [s(l)("hidden")]: e.size === 0 }, e.className]),
style: m(o.value)
}, [
u(e.$slots, "default")
], 6));
}
});
export {
B as default
};