@aplus-frontend/ui
Version:
48 lines (47 loc) • 1.49 kB
JavaScript
import { defineComponent as v, ref as c, createElementBlock as r, openBlock as n, normalizeClass as u, unref as t, createVNode as m, createCommentVNode as i, withCtx as f, createBlock as k } from "vue";
import y from "vuedraggable";
import "../../../../config-provider/index.mjs";
import "./item.vue.mjs";
import { useNamespace as V } from "../../../../config-provider/hooks/use-namespace.mjs";
import p from "./item.vue2.mjs";
const _ = /* @__PURE__ */ v({
__name: "index",
props: {
value: {},
"onUpdate:value": { type: Function }
},
setup(g) {
const { b: s, is: d } = V("ap-column-setting-sortable-item"), a = c(!1);
return (l, o) => (n(), r("div", {
class: u(t(s)())
}, [
m(p, {
open: a.value,
"onUpdate:open": o[0] || (o[0] = (e) => a.value = e),
value: l.value
}, null, 8, ["open", "value"]),
l.value.children?.length ? (n(), r("div", {
key: 0,
class: u(t(d)("hidden", a.value))
}, [
m(t(y), {
modelValue: l.value.children,
"onUpdate:modelValue": o[1] || (o[1] = (e) => l.value.children = e),
"item-key": "key"
}, {
item: f(({ element: e }) => [
e.show ? (n(), k(p, {
key: 0,
value: e,
level: 2
}, null, 8, ["value"])) : i("", !0)
]),
_: 1
}, 8, ["modelValue"])
], 2)) : i("", !0)
], 2));
}
});
export {
_ as default
};