@aplus-frontend/ui 0.4.33 → 0.5.0-beta.0

package/es/src/ap-grid/utils/col.d.ts

@@ -0,0 +1,20 @@
+import { ApGridColumnType, ColConfigType } from '../interface';
+import { ValueTypeRenderConfig } from '../../config-provider';
+/**
+ * 转换分组页
+ * @param columnConfig
+ * @returns
+ */
+export declare function transformToColGroup<RecordType>(columnConfig: ApGridColumnType<RecordType>, color: string, className: string): ColConfigType;
+/**
+ * 转换渲染列
+ * @param columnConfig
+ * @returns
+ */
+export declare function transformToColumn<RecordType>(columnConfig: ApGridColumnType<RecordType>, color: string, className: string, extraValueType?: Record<string, ValueTypeRenderConfig>): ColConfigType;
+/**
+ * 将ApColumn风格的列配置转换成适合VxeTable渲染的数据结构
+ * @param rawColumn
+ * @returns
+ */
+export declare function transformCol<RecordType>(rawColumn: ApGridColumnType<RecordType>, color: string, className: string, extraValueType?: Record<string, ValueTypeRenderConfig>): ColConfigType;

package/es/src/ap-grid/utils/col.mjs

@@ -0,0 +1,106 @@
+import { createVNode as E, Fragment as M } from "vue";
+import { isUndefined as S, isArray as B, isString as v, isBoolean as F, pick as w } from "lodash-unified";
+import { valueEnumToArray as W, getTableTitle as A, getTableRenderType as j, getTableRenderProps as k, getTableCellRenderNode as z } from "../../ap-table/utils.mjs";
+function O(e) {
+  if (!S(e))
+    return B(e) ? e.reduce((r, i) => v(i) ? `${r}.${i}` : `${r}[${i}]`, "") : String(e);
+}
+function R(e) {
+  if (e)
+    return e === !0 ? "left" : e;
+}
+function G(e) {
+  return F(e) ? {
+    sortable: e
+  } : e ? {
+    sortable: !0,
+    sortType: e == null ? void 0 : e.type,
+    sortBy: e == null ? void 0 : e.by
+  } : {
+    sortable: !1
+  };
+}
+function H(e) {
+  let r;
+  return F(e.filters) && e.valueEnum ? r = W(e.valueEnum) : r = e.filters, r == null ? void 0 : r.map((i) => ({
+    label: v(i.text) ? i.text : "",
+    value: i.value
+  }));
+}
+function N(e) {
+  if (e)
+    return (r) => e(r.value, r.row);
+}
+function u(e, r, i) {
+  const d = w(e, ["width", "minWidth", "align"]);
+  return d.field = O(e.dataIndex), d.fixed = R(e.fixed), d.title = e.title, d.slots = {
+    header: () => A(e, i, void 0, r)
+  }, d.headerAlign = e.align, d.showOverflow = e.ellipsis, d.showHeaderOverflow = e.ellipsis, d;
+}
+function y(e, r, i, d) {
+  const t = w(e, ["width", "minWidth", "align", "resizable"]);
+  t.field = O(e.dataIndex), t.fixed = R(e.fixed), t.headerAlign = e.align, t.footerAlign = e.align, t.showOverflow = e.ellipsis, t.showFooterOverflow = e.ellipsis, Object.assign(t, G(e.sorter)), t.filters = H(e), t.filterMultiple = e.filterMultiple, t.filterMethod = N(e.onFilter), t.title = e.title;
+  const h = ({
+    value: s,
+    ...n
+  }) => {
+    var p, x;
+    const l = j(e), a = k({
+      ...e,
+      valueType: l
+    }, {
+      value: s,
+      ...n
+    }), f = z(l, a, n.record, d), $ = ((p = e.renderText) == null ? void 0 : p.call(e, {
+      value: s,
+      ...n
+    })) || s;
+    let T = e.renderText ? E(M, null, [(x = e.renderText) == null ? void 0 : x.call(e, {
+      value: s,
+      ...n
+    })]) : f;
+    return e.customRender && (T = e.customRender({
+      value: s,
+      ...n,
+      column: e,
+      originalNode: T,
+      originalText: $
+    })), T;
+  };
+  return t.slots = {
+    header: () => A(e, i, void 0, r),
+    default: ({
+      row: s,
+      rowIndex: n
+    }) => h({
+      value: s[t.field],
+      text: s[t.field],
+      record: s,
+      index: n,
+      renderIndex: n,
+      column: e
+    })
+  }, t;
+}
+function I(e, r, i, d) {
+  var s;
+  if (!((s = e.children) != null && s.length))
+    return y(e, r, i, d);
+  function t(n) {
+    return n.map((l) => {
+      var a;
+      if ((a = l.children) != null && a.length) {
+        const f = u(l, r, i);
+        return f.children = t(l.children), f;
+      }
+      return y(l, r, i, d);
+    });
+  }
+  const h = u(e, r, i);
+  return h.children = t(e.children), h;
+}
+export {
+  I as transformCol,
+  u as transformToColGroup,
+  y as transformToColumn
+};

package/es/src/ap-grid/utils/renderer.d.ts

@@ -0,0 +1,3 @@
+import { ApGridColumnType } from '../interface';
+import { ValueTypeRenderConfig } from '../../config-provider';
+export declare function renderWithColumns<RecordType>(columns: ApGridColumnType<RecordType>[], color: string, className: string, extraValueType?: Record<string, ValueTypeRenderConfig>): import("vue/jsx-runtime").JSX.Element[];

package/es/src/ap-grid/utils/renderer.mjs

@@ -0,0 +1,21 @@
+import { createVNode as m } from "vue";
+import { VxeColumn as u, VxeColgroup as p } from "vxe-table";
+import { transformCol as d } from "./col.mjs";
+function n(r) {
+  var e;
+  return (e = r.children) != null && e.length ? m(p, r, {
+    ...r.slots || {},
+    default: () => {
+      var t;
+      return (t = r.children) == null ? void 0 : t.map((o) => n(o));
+    }
+  }) : m(u, r, {
+    ...r.slots || {}
+  });
+}
+function C(r, e, t, o) {
+  return r.map((l) => n(d(l, e, t, o)));
+}
+export {
+  C as renderWithColumns
+};

package/es/src/ap-grid/utils/table.d.ts

@@ -0,0 +1,13 @@
+import { VxeTableEventProps, VxeTableProps } from 'vxe-table';
+import { ApGridProps, ApGridRowSelection } from '../interface';
+import { RowSelectionType } from '@aplus-frontend/antdv/es/table/interface';
+export declare function toVxeProps<RecordType>(props: any): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
+export declare function getRowSelectionProps(rowSelection: ApGridRowSelection<any> | true): {
+    type: RowSelectionType;
+    width: string | number;
+};
+export declare function getRowExpandProps(config: ApGridProps['expandable']): {
+    readonly type: "expand";
+    readonly title: string | undefined;
+    readonly width: string | number;
+};

package/es/src/ap-grid/utils/table.mjs

@@ -0,0 +1,64 @@
+import { isUndefined as d, omit as a, isFunction as c, isNumber as f } from "lodash-unified";
+const h = 30, b = 50;
+function y(e) {
+  var i, l, n;
+  const t = {
+    ...e
+  };
+  if (e.columnResizable && (t.columnConfig ? t.columnConfig.resizable = !0 : t.columnConfig = {
+    resizable: !0
+  }), e.rowSelection) {
+    const o = e.rowSelection === !0 ? {} : e.rowSelection;
+    o.type === "radio" ? t.radioConfig = {
+      highlight: !0,
+      checkMethod({ row: r }) {
+        return o.disabled ? !o.disabled(r) : !0;
+      },
+      checkRowKey: (i = o.defaultSelectedRowKeys) == null ? void 0 : i[0],
+      reserve: d(o.preserveSelectedRowKeys) ? !0 : o.preserveSelectedRowKeys
+    } : t.checkboxConfig = {
+      highlight: !0,
+      checkMethod({ row: r }) {
+        return o.disabled ? !o.disabled(r) : !0;
+      },
+      checkRowKeys: o.defaultSelectedRowKeys,
+      reserve: d(o.preserveSelectedRowKeys) ? !0 : o.preserveSelectedRowKeys
+    };
+  }
+  return t.border = e.bordered, e.expandable && (t.expandConfig = a(e.expandable, [
+    "renderContent",
+    "width",
+    "title"
+  ])), e.footer && (t.showFooter = !0, c(e.footer) ? t.footerMethod = e.footer : t.footerData = e.footer), e.virtual === !1 ? (t.virtualXConfig = {
+    enabled: !1
+  }, t.virtualYConfig = {
+    enabled: !1
+  }) : (u(t, "X", (l = e.virtual) == null ? void 0 : l.x), u(t, "Y", (n = e.virtual) == null ? void 0 : n.y)), t;
+}
+function u(e, t, i) {
+  const l = t === "X", n = l ? "virtualXConfig" : "virtualYConfig", o = i !== !1, r = l ? h : b, s = f(i) && i >= 0 ? i : r;
+  e[n] = {
+    enabled: o,
+    gt: s
+  };
+}
+function C(e) {
+  const t = e === !0 || !e.type ? "checkbox" : e.type, i = e === !0 ? 60 : e.columnWidth || 60;
+  return {
+    type: t,
+    width: i
+  };
+}
+function R(e) {
+  const t = (e == null ? void 0 : e.width) || "auto";
+  return {
+    type: "expand",
+    title: e == null ? void 0 : e.title,
+    width: t
+  };
+}
+export {
+  R as getRowExpandProps,
+  C as getRowSelectionProps,
+  y as toVxeProps
+};

package/es/src/ap-modal/utils/createModal.mjs

@@ -1,4 +1,4 @@
-import { render as u, defineComponent as w, createVNode as f, mergeProps as y, h as k } from "vue";
+import { render as u, defineComponent as x, createVNode as h, mergeProps as k, h as v } from "vue";
 import { Modal as b } from "@aplus-frontend/antdv";
 import { ConfigProvider as P, globalConfigCached as N } from "../../config-provider/config-provider.mjs";
 import { omit as L } from "lodash-unified";
@@ -11,9 +11,9 @@ const z = (d) => {
     destroyOnClose: c = !0,
     wrapperOffset: r = !1
   } = d, {
-    b: h
+    b: l
   } = H("ap-modal");
-  function l() {
+  function m() {
     n && n(!1), setTimeout(() => {
       var e;
       u(null, s), (e = s.parentElement) == null || e.removeChild(s);
@@ -22,13 +22,13 @@ const z = (d) => {
   function C() {
     n && n(!0);
   }
-  function m() {
+  function f() {
     n && n(!1);
   }
   function g(e) {
     t && t(e);
   }
-  const O = /* @__PURE__ */ w({
+  const O = /* @__PURE__ */ x({
     data() {
       return {
         open: c,
@@ -47,25 +47,25 @@ const z = (d) => {
     },
     methods: {
       async handleCancel() {
-        var e, o, a, i, p;
+        var e, o, a, p, i;
         if ((e = this.props) != null && e.onCancel) {
-          const v = ((i = (a = (o = this.props) == null ? void 0 : o.content) == null ? void 0 : a.component) == null ? void 0 : i.exposed) ?? void 0;
-          await ((p = this.props) == null ? void 0 : p.onCancel(v));
+          const w = ((p = (a = (o = this.props) == null ? void 0 : o.content) == null ? void 0 : a.component) == null ? void 0 : p.exposed) ?? void 0;
+          await ((i = this.props) == null ? void 0 : i.onCancel(w));
         }
-        c ? l() : m();
+        c ? m() : f();
       },
       async handleOk() {
-        var e, o, a, i;
+        var e, o, a, p;
         try {
           if (t({
             confirmLoading: !0
           }), (e = this.props) != null && e.onOk) {
-            const p = ((i = (a = (o = this.props) == null ? void 0 : o.content) == null ? void 0 : a.component) == null ? void 0 : i.exposed) ?? void 0;
-            await this.props.onOk(p);
+            const i = ((p = (a = (o = this.props) == null ? void 0 : o.content) == null ? void 0 : a.component) == null ? void 0 : p.exposed) ?? void 0;
+            await this.props.onOk(i);
           }
           t({
             confirmLoading: !1
-          }), c ? l() : m();
+          }), c ? m() : f();
         } catch {
           t({
             confirmLoading: !1
@@ -75,11 +75,11 @@ const z = (d) => {
     },
     render() {
       const e = L(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon"]);
-      return f(P, N.value, {
-        default: () => [f(b, y({
+      return h(P, N.value, {
+        default: () => [h(b, k({
           class: {
-            [h()]: !0,
-            [h("wrapper")]: r
+            [l()]: !0,
+            [l("wrapper")]: r
           },
           open: this.open,
           onCancel: this.handleCancel,
@@ -87,24 +87,24 @@ const z = (d) => {
         }, e), {
           default: () => {
             var o;
-            return [f("div", {
-              style: Object.assign({
-                padding: "0 20px"
-              }, r === !1 ? {} : {
-                maxHeight: `${window.innerHeight - (r === !0 ? 100 : E(r) ? Number(r) : 100) * 2}px`,
-                overflow: "hidden auto"
-              })
+            return [h("div", {
+              class: {
+                [l("body-wrapper")]: r
+              },
+              style: r === !1 ? {} : {
+                maxHeight: `${window.innerHeight - (r === !0 ? 100 : E(r) ? Number(r) : 100) * 2}px`
+              }
             }, [(o = this.props) == null ? void 0 : o.content])];
           }
         })]
       });
     }
-  }), x = d.getContainer || document.body, s = document.createElement("div");
-  return x.appendChild(s), u(k(O), s), {
-    destroy: l,
+  }), y = d.getContainer || document.body, s = document.createElement("div");
+  return y.appendChild(s), u(v(O), s), {
+    destroy: m,
     update: g,
     open: C,
-    close: m
+    close: f
   };
 };
 export {

package/es/src/ap-table/ap-table.vue.d.ts

@@ -20,6 +20,8 @@ declare const _default: <RecordType>(__VLS_props: NonNullable<Awaited<typeof __V
             unSelectAll: () => void;
             clearAll: () => void;
             toggleSelect: (item: RecordType) => void;
+            selectMulti: (items: RecordType[]) => void;
+            unSelectMulti: (items: RecordType[]) => void;
             selectedRows: ComputedRef<RecordType[]>;
         };
         scrollBar: {

package/es/src/ap-table/components/setting/select-group/index.vue2.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as E, ref as P, computed as f, unref as r, watch as U, createElementBlock as p, openBlock as s, createElementVNode as v, normalizeClass as x, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as D, renderList as L, mergeProps as j } from "vue";
-import { Checkbox as w, Row as z, Col as F } from "@aplus-frontend/antdv";
+import { defineComponent as P, ref as U, computed as p, unref as l, watch as x, createElementBlock as v, openBlock as s, createElementVNode as k, normalizeClass as D, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as w, Fragment as L, renderList as j, mergeProps as z } from "vue";
+import { Checkbox as b, Row as F, Col as I } from "@aplus-frontend/antdv";
 import "../../../../config-provider/index.mjs";
-import { useInjectApTable as I } from "../../../context.mjs";
-import { cloneLabelNode as b } from "../utils.mjs";
-import { useNamespace as R } from "../../../../config-provider/hooks/use-namespace.mjs";
-const K = /* @__PURE__ */ E({
+import { useInjectApTable as R } from "../../../context.mjs";
+import { getLabelNode as C } from "../utils.mjs";
+import { useNamespace as T } from "../../../../config-provider/hooks/use-namespace.mjs";
+const M = /* @__PURE__ */ P({
   __name: "index",
   props: {
     value: {}
   },
   setup(y) {
-    const t = y, { b: C } = R("select-group"), c = P(!1), { columnsBackup: _ } = I(), m = f(() => {
+    const t = y, { b: _ } = T("select-group"), d = U(!1), { columnsBackup: g, renderConfig: m } = R(), f = p(() => {
       var e;
-      return (e = r(_)) == null ? void 0 : e.find(
+      return (e = l(g)) == null ? void 0 : e.find(
         (n) => {
-          var l;
-          return n.key === ((l = t.value) == null ? void 0 : l.key);
+          var r;
+          return n.key === ((r = t.value) == null ? void 0 : r.key);
         }
       );
     });
@@ -26,24 +26,24 @@ const K = /* @__PURE__ */ E({
         disabled: t.value.disabled || (e == null ? void 0 : e.disabled)
       };
     }
-    function g(o) {
+    function A(o) {
       const e = t.value;
-      e.children.forEach((n) => n.show = o), e.show = o, c.value = !1;
+      e.children.forEach((n) => n.show = o), e.show = o, d.value = !1;
     }
-    function A(o, e) {
-      const n = t.value, l = n.children.find((a) => a.key === o);
-      if (!l)
+    function B(o, e) {
+      const n = t.value, r = n.children.find((a) => a.key === o);
+      if (!r)
         return;
-      l.show = e;
-      const d = n.children.every((a) => a.show), N = n.children.some((a) => a.show);
-      n.show = d, c.value = N && !d;
+      r.show = e;
+      const c = n.children.every((a) => a.show), E = n.children.some((a) => a.show);
+      n.show = c, d.value = E && !c;
     }
-    const B = f(() => t.value.disabled || t.value.children.every((o) => o.disabled));
-    return U(
+    const N = p(() => t.value.disabled || t.value.children.every((o) => o.disabled));
+    return x(
       () => t.value,
       (o) => {
-        const e = o.children.every((l) => l.show), n = o.children.some((l) => l.show);
-        c.value = n && !e, o.show !== e && (o.show = e);
+        const e = o.children.every((r) => r.show), n = o.children.some((r) => r.show);
+        d.value = n && !e, o.show !== e && (o.show = e);
       },
       {
         deep: !0,
@@ -51,35 +51,35 @@ const K = /* @__PURE__ */ E({
       }
     ), (o, e) => {
       var n;
-      return s(), p("div", null, [
-        v("div", {
-          class: x(r(C)("header"))
+      return s(), v("div", null, [
+        k("div", {
+          class: D(l(_)("header"))
         }, [
-          u(r(w), {
-            indeterminate: c.value,
+          u(l(b), {
+            indeterminate: d.value,
             checked: (n = o.value) == null ? void 0 : n.show,
-            disabled: B.value,
-            "onUpdate:checked": g
+            disabled: N.value,
+            "onUpdate:checked": A
           }, {
             default: i(() => [
-              (s(), h(k(r(b)(m.value.title))))
+              (s(), h(w(l(C)(f.value, l(m)))))
             ]),
             _: 1
           }, 8, ["indeterminate", "checked", "disabled"])
         ], 2),
-        v("div", null, [
-          u(r(z), { align: "middle" }, {
+        k("div", null, [
+          u(l(F), { align: "middle" }, {
             default: i(() => [
-              (s(!0), p(D, null, L(m.value.children, (l) => (s(), h(r(F), {
-                key: l.key,
+              (s(!0), v(L, null, j(f.value.children, (r) => (s(), h(l(I), {
+                key: r.key,
                 span: 8
               }, {
                 default: i(() => [
-                  u(r(w), j({ ref_for: !0 }, S(l), {
-                    "onUpdate:checked": (d) => A(l.key, d)
+                  u(l(b), z({ ref_for: !0 }, S(r), {
+                    "onUpdate:checked": (c) => B(r.key, c)
                   }), {
                     default: i(() => [
-                      (s(), h(k(r(b)(l.title))))
+                      (s(), h(w(l(C)(r, l(m)))))
                     ]),
                     _: 2
                   }, 1040, ["onUpdate:checked"])
@@ -95,5 +95,5 @@ const K = /* @__PURE__ */ E({
   }
 });
 export {
-  K as default
+  M as default
 };

package/es/src/ap-table/components/setting/sortable/item.vue2.mjs

@@ -5,7 +5,7 @@ import "../../../../config-provider/index.mjs";
 import { useInjectSorterMethods as M } from "../sorter/context.mjs";
 import S from "../images/icon_carst_down.svg.mjs";
 import U from "../images/icon_fill_right.svg.mjs";
-import { cloneLabelNode as j } from "../utils.mjs";
+import { getLabelRenderNode as j } from "../utils.mjs";
 import { useNamespace as H } from "../../../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as q } from "../../../../config-provider/hooks/use-locale.mjs";
 const G = ["src"], le = /* @__PURE__ */ E({
@@ -28,18 +28,18 @@ const G = ["src"], le = /* @__PURE__ */ E({
       const l = v("left");
       w(l);
     }
-    function F() {
+    function R() {
       const l = v("right");
       V(l);
     }
-    function L() {
+    function F() {
       const l = v(void 0);
       y(l);
     }
-    function N() {
+    function L() {
       C("update:open", !o.open);
     }
-    function R() {
+    function N() {
       var n;
       const l = o.value;
       l.show = !1, (n = l.children) == null || n.forEach((i) => i.show = !1);
@@ -58,7 +58,7 @@ const G = ["src"], le = /* @__PURE__ */ E({
           }, null, 8, ["class"]),
           p("span", {
             class: t(e(h)("left", "indicator")),
-            onClick: N
+            onClick: L
           }, [
             (i = l.value.children) != null && i.length ? (s(), g("img", {
               key: 0,
@@ -96,7 +96,7 @@ const G = ["src"], le = /* @__PURE__ */ E({
                 default: d(() => [
                   c(e(z), {
                     class: t(e(a)("action-icon")),
-                    onClick: L
+                    onClick: F
                   }, null, 8, ["class"])
                 ]),
                 _: 1
@@ -109,7 +109,7 @@ const G = ["src"], le = /* @__PURE__ */ E({
                   c(e(k), {
                     rotate: 90,
                     class: t(e(a)("action-icon")),
-                    onClick: F
+                    onClick: R
                   }, null, 8, ["class"])
                 ]),
                 _: 1
@@ -121,7 +121,7 @@ const G = ["src"], le = /* @__PURE__ */ E({
                 default: d(() => [
                   c(e(A), {
                     class: t(e(a)("action-icon")),
-                    onClick: R
+                    onClick: N
                   }, null, 8, ["class"])
                 ]),
                 _: 1

package/es/src/ap-table/components/setting/tree-select/index.vue2.mjs

@@ -1,64 +1,64 @@
-import { defineComponent as b, computed as x, unref as l, createElementBlock as i, openBlock as c, createVNode as s, withCtx as d, Fragment as m, renderList as w, createBlock as u, mergeProps as B, resolveDynamicComponent as I } from "vue";
-import { Row as L, Col as k, Checkbox as N } from "@aplus-frontend/antdv";
+import { defineComponent as x, computed as w, unref as o, createElementBlock as i, openBlock as c, createVNode as s, withCtx as d, Fragment as m, renderList as B, createBlock as u, mergeProps as I, resolveDynamicComponent as L } from "vue";
+import { Row as N, Col as k, Checkbox as P } from "@aplus-frontend/antdv";
 import "../select-group/index.vue.mjs";
-import { useInjectApTable as P } from "../../../context.mjs";
-import { cloneLabelNode as U } from "../utils.mjs";
-import j from "../select-group/index.vue2.mjs";
-const $ = /* @__PURE__ */ b({
+import { useInjectApTable as U } from "../../../context.mjs";
+import { getLabelNode as j } from "../utils.mjs";
+import A from "../select-group/index.vue2.mjs";
+const q = /* @__PURE__ */ x({
   __name: "index",
   props: {
     value: {}
   },
   setup(_) {
-    const a = _, { columnsBackup: g } = P(), y = x(() => [...l(g) || []].sort((e, n) => {
-      var t, o, p, h;
-      return (t = e.children) != null && t.length && !((o = n.children) != null && o.length) ? 1 : !((p = e.children) != null && p.length) && ((h = n.children) != null && h.length) ? -1 : 0;
+    const a = _, { columnsBackup: g, renderConfig: y } = U(), C = w(() => [...o(g) || []].sort((e, n) => {
+      var t, l, p, h;
+      return (t = e.children) != null && t.length && !((l = n.children) != null && l.length) ? 1 : !((p = e.children) != null && p.length) && ((h = n.children) != null && h.length) ? -1 : 0;
     }));
     function f(r) {
       return a.value.find((e) => e.key === r.key);
     }
-    function C(r) {
+    function v(r) {
       const e = f(r);
       return {
         checked: e == null ? void 0 : e.show,
         disabled: e == null ? void 0 : e.disabled
       };
     }
-    function v(r, e) {
-      const n = a.value, t = n == null ? void 0 : n.find((o) => o.key === r);
+    function b(r, e) {
+      const n = a.value, t = n == null ? void 0 : n.find((l) => l.key === r);
       t && (t.show = e);
     }
     return (r, e) => (c(), i("div", null, [
-      s(l(L), {
+      s(o(N), {
         gutter: [24, 16],
         align: "middle"
       }, {
         default: d(() => [
-          (c(!0), i(m, null, w(y.value, (n) => {
+          (c(!0), i(m, null, B(C.value, (n) => {
             var t;
             return c(), i(m, {
               key: n.key
             }, [
-              (t = n.children) != null && t.length ? (c(), u(l(k), {
+              (t = n.children) != null && t.length ? (c(), u(o(k), {
                 key: 1,
                 span: 24
               }, {
                 default: d(() => [
-                  s(j, {
+                  s(A, {
                     value: f(n)
                   }, null, 8, ["value"])
                 ]),
                 _: 2
-              }, 1024)) : (c(), u(l(k), {
+              }, 1024)) : (c(), u(o(k), {
                 key: 0,
                 span: 8
               }, {
                 default: d(() => [
-                  s(l(N), B({ ref_for: !0 }, C(n), {
-                    "onUpdate:checked": (o) => v(n.key, o)
+                  s(o(P), I({ ref_for: !0 }, v(n), {
+                    "onUpdate:checked": (l) => b(n.key, l)
                   }), {
                     default: d(() => [
-                      (c(), u(I(l(U)(n.title))))
+                      (c(), u(L(o(j)(n, o(y)))))
                     ]),
                     _: 2
                   }, 1040, ["onUpdate:checked"])
@@ -74,5 +74,5 @@ const $ = /* @__PURE__ */ b({
   }
 });
 export {
-  $ as default
+  q as default
 };