@fangzhongya/fang-ui 0.0.12 → 0.0.13

package/dist/components/page/src/index.js

@@ -0,0 +1,782 @@
+import { defineComponent, useSlots, ref, computed, reactive, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, mergeProps, createSlots, renderList, renderSlot, normalizeProps, Fragment, withModifiers, createTextVNode, toDisplayString } from "vue";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { Forms } from "../../forms/index.js";
+import { TablesPagin } from "../../tables-pagin/index.js";
+import { Lists } from "../../lists/index.js";
+import { Dialog } from "../../dialog/index.js";
+import { ElButton, ElMessage, ElMessageBox } from "element-plus";
+import SetColumn from "./set-column.js";
+import { comHandle } from "../../common/urls.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    value: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    list: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    /**
+     * @props { Object } options 选择数据集合
+     */
+    options: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * @props { Object } compons 外部组件集合
+     */
+    compons: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["delete", "add", "edit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const cs = useCssName("page");
+    const slots = useSlots();
+    const tableRef = ref();
+    let listObj = {};
+    const getListObj = () => {
+      const value = {};
+      const filtration = (arr, listobj) => {
+        arr.forEach((obj) => {
+          if (listobj) {
+            obj.father = obj.father ?? listobj;
+          }
+          if (obj.prop) {
+            value[obj.prop] = obj;
+          }
+          if (obj.children) {
+            filtration(obj.children, obj);
+          }
+        });
+      };
+      filtration(props.list);
+      return value;
+    };
+    const getColumnList = (array, callback) => {
+      const filtration = (value2, arr) => {
+        arr.forEach((item) => {
+          let obj = {};
+          if (typeof item === "string") {
+            const v = listObj[item] || {
+              prop: item,
+              label: item
+            };
+            obj = { ...v };
+          } else {
+            obj = { ...item };
+          }
+          const is = callback ? callback(obj) : true;
+          if (is) {
+            if (obj.children) {
+              const children = [];
+              filtration(children, obj.children);
+              obj.children = children;
+            }
+            if (obj.prop) {
+              obj = Object.assign({}, listObj[obj.prop] || {}, obj);
+            }
+            value2.push(obj);
+          }
+        });
+      };
+      const value = [];
+      filtration(value, array);
+      return value;
+    };
+    const query = ref(props.value);
+    const isSenior = ref(false);
+    const getListQuery = () => {
+      var _a;
+      const v = (_a = props.config.query) == null ? void 0 : _a.list;
+      if (v && Array.isArray(v) && v.length > 0) {
+        return getColumnList(v);
+      } else {
+        return getColumnList(props.list, (obj) => {
+          obj.required = false;
+          obj.whole = false;
+          return Boolean(obj.query);
+        });
+      }
+    };
+    const listQuery = ref([]);
+    const setListQuery = () => {
+      var _a;
+      const list2 = getListQuery();
+      if ((_a = props.config.query) == null ? void 0 : _a.senior) {
+        let i = 0;
+        list2.forEach((obj) => {
+          if (obj.querybasis) {
+            i++;
+          } else {
+            obj.hide = () => {
+              return !isSenior.value;
+            };
+          }
+        });
+        if (i == 0) {
+          list2[0].hide = void 0;
+        }
+      }
+      listQuery.value = list2;
+    };
+    const onRefresh = () => {
+      var _a;
+      (_a = tableRef.value) == null ? void 0 : _a.getList();
+    };
+    const onQuery = (data) => {
+      console.log("onQuery", data);
+      query.value = data;
+      onRefresh();
+    };
+    const onReset = (data) => {
+      var _a;
+      console.log("onReset", data);
+      if ((_a = props.config.query) == null ? void 0 : _a.reset) {
+        query.value = data;
+        onRefresh();
+      }
+    };
+    const onSenior = (obj) => {
+      isSenior.value = !isSenior.value;
+      if (isSenior.value) {
+        obj.label = "收起";
+      } else {
+        obj.label = "高级";
+      }
+      setListQuery();
+    };
+    const butQuery = ref([]);
+    const getButQuery = () => {
+      var _a;
+      const arr = [
+        {
+          _id: "1",
+          label: "查询",
+          type: "primary"
+        },
+        {
+          _id: "2",
+          label: "重置",
+          type: "default"
+        }
+      ];
+      if ((_a = props.config.query) == null ? void 0 : _a.senior) {
+        const obj = {
+          _id: "3",
+          label: "高级",
+          type: "primary",
+          click: onSenior
+        };
+        arr.push(obj);
+      }
+      return arr;
+    };
+    const tableConfig = ref({});
+    const getTableConfig = () => {
+      const config = props.config.table || {};
+      config.config = {
+        height: "100%",
+        adaptive: true,
+        isserial: true,
+        ischecked: true,
+        ...config.config
+      };
+      return config;
+    };
+    const getList = () => {
+      return getColumnList(props.list, (obj) => {
+        if (obj.componform === true) {
+          obj.compon = void 0;
+        }
+        return true;
+      });
+    };
+    const setList = ref([]);
+    const setSetList = () => {
+      setList.value = getList();
+    };
+    const tableList = computed(() => {
+      var _a;
+      const arr = [];
+      if (((_a = props.config.table) == null ? void 0 : _a.operation) !== false) {
+        arr.push({
+          prop: "operation",
+          label: "操作",
+          width: 156,
+          fixed: true
+        });
+      }
+      arr.push(...setList.value);
+      return arr;
+    });
+    let operationColumn = [];
+    const getOperationColumn = () => {
+      var _a, _b, _c;
+      const array = [];
+      if (((_a = props.config.edit) == null ? void 0 : _a.is) !== false) {
+        array.push({
+          prop: 2,
+          label: "编辑",
+          type: "primary",
+          text: true
+        });
+      }
+      if (((_b = props.config.delete) == null ? void 0 : _b.is) !== false) {
+        array.push({
+          prop: 4,
+          label: "删除",
+          type: "danger",
+          text: true
+        });
+      }
+      if (((_c = props.config.details) == null ? void 0 : _c.is) !== false) {
+        array.push({
+          prop: 9,
+          label: "详情",
+          type: "info",
+          text: true
+        });
+      }
+      return array;
+    };
+    let operationTop = [];
+    const getOperationTop = () => {
+      var _a, _b, _c;
+      const array = [];
+      if (((_a = props.config.add) == null ? void 0 : _a.is) !== false) {
+        array.push({
+          prop: 1,
+          label: "添加",
+          type: "primary"
+        });
+      }
+      if (((_b = props.config.delete) == null ? void 0 : _b.is) !== false && ((_c = tableConfig.value.config) == null ? void 0 : _c.ischecked)) {
+        array.push({
+          prop: 8,
+          label: "批量删除",
+          type: "danger"
+        });
+      }
+      return array;
+    };
+    const onDelete = (array) => {
+      var _a, _b, _c;
+      const ts = ["是否删除所选" + props.config.name + "？"];
+      const label = ((_a = props.config.delete) == null ? void 0 : _a.label) || "name";
+      const prop = ((_b = props.config.delete) == null ? void 0 : _b.prop) || "id";
+      const name = ((_c = listObj[label]) == null ? void 0 : _c.label) || "内容";
+      array.forEach((obj) => {
+        ts.push(name + "：" + (obj[label] ?? ""));
+      });
+      ElMessageBox.confirm(ts.join("<br>"), "提示", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        var _a2, _b2;
+        const name2 = ((_a2 = props.config.delete) == null ? void 0 : _a2.name) || "ids";
+        const value = { [name2]: array.map((o) => o[prop]) };
+        console.log("onDelete", value);
+        const ajax = (_b2 = props.config.delete) == null ? void 0 : _b2.ajax;
+        if (ajax) {
+          const param = {
+            param: props.value
+          };
+          if (typeof ajax === "object") {
+            param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
+            param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
+            param.ajax = ajax == null ? void 0 : ajax.url;
+            param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+          } else {
+            param.ajax = ajax;
+          }
+          comHandle(param, value).then((res) => {
+            if (res.result) {
+              ElMessage.success(res.info || "删除成功");
+              onRefresh();
+            } else {
+              ElMessage.error(res.info || "删除失败");
+            }
+          }).catch((err) => {
+            console.error("删除失败", err);
+          });
+        } else {
+          emit("delete", value, () => {
+            onRefresh();
+          });
+        }
+      }).catch(() => {
+      });
+    };
+    const onOperation = (item, row = {}) => {
+      var _a, _b;
+      if (item.prop === 1) {
+        dialog.value = {
+          ...(_a = props.config.add) == null ? void 0 : _a.value
+        };
+        dialog.type = "add";
+        dialog.visible = true;
+      } else if (item.prop === 2) {
+        dialog.value = { ...row };
+        dialog.type = "edit";
+        dialog.visible = true;
+      } else if (item.prop === 4) {
+        console.log("删除", row);
+        onDelete([row]);
+      } else if (item.prop === 8) {
+        console.log("批量删除", selection.value);
+        if (selection.value.length === 0) {
+          ElMessage.warning("请至少选择一条记录");
+          return;
+        }
+        onDelete(selection.value);
+      } else if (item.prop === 9) {
+        details.value = row;
+        details.visible = true;
+        const ajax = (_b = props.config.details) == null ? void 0 : _b.ajax;
+        if (ajax) {
+          const param = {
+            param: props.value
+          };
+          if (typeof ajax === "object") {
+            param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
+            param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
+            param.ajax = ajax == null ? void 0 : ajax.url;
+            param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+          } else {
+            param.ajax = ajax;
+          }
+          comHandle(param, row).then((res) => {
+            if (res.result) {
+              details.value = res.data || row;
+              details.visible = true;
+            } else {
+              ElMessage.error(res.info || "查询详情失败");
+            }
+          }).catch((err) => {
+            console.error("查询详情失败", err);
+          });
+        } else {
+          details.value = row;
+          details.visible = true;
+        }
+      }
+    };
+    const selection = ref([]);
+    const onRowClick = (row) => {
+      console.log("点击列表行", row);
+    };
+    const formRef = ref();
+    const dataSlot = {
+      top: "top",
+      footer: "footer",
+      main: "main",
+      header: "header",
+      operation: "operation"
+    };
+    const formSlots = [];
+    const listSlots = [];
+    const tableSlots = [];
+    const querySlots = [];
+    const setSlots = () => {
+      const ds = Object.values(dataSlot);
+      Object.keys(slots || {}).forEach((key) => {
+        if (!ds.includes(key)) {
+          if (key.startsWith("query-")) {
+            querySlots.push(key.replace(/^query-/, ""));
+          } else if (key.startsWith("form-")) {
+            formSlots.push(key.replace(/^form-/, ""));
+          } else if (key.startsWith("list-")) {
+            listSlots.push(key.replace(/^list-/, ""));
+          } else if (key.startsWith("table-")) {
+            tableSlots.push(key.replace(/^table-/, ""));
+          } else {
+            querySlots.push(key);
+            formSlots.push(key);
+            listSlots.push(key);
+            tableSlots.push(key);
+          }
+        }
+      });
+    };
+    setSlots();
+    const dialog = reactive({
+      visible: false,
+      type: "add",
+      // or 'edit'
+      value: {}
+    });
+    const onConfirm = () => {
+      if (formRef.value) {
+        formRef.value.validate().then((data) => {
+          var _a, _b;
+          if (dialog.type === "add") {
+            console.log("添加", data);
+            const ajax = (_a = props.config.add) == null ? void 0 : _a.ajax;
+            if (ajax) {
+              const param = {
+                param: props.value
+              };
+              if (typeof ajax === "object") {
+                param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
+                param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
+                param.ajax = ajax == null ? void 0 : ajax.url;
+                param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+              } else {
+                param.ajax = ajax;
+              }
+              comHandle(param, data).then((res) => {
+                if (res.result) {
+                  ElMessage.success(
+                    res.info || "添加成功"
+                  );
+                  dialog.visible = false;
+                  onRefresh();
+                } else {
+                  ElMessage.error(res.info || "添加失败");
+                }
+              }).catch((err) => {
+                console.error("添加失败", err);
+              });
+            } else {
+              emit("add", data, () => {
+                dialog.visible = false;
+                onRefresh();
+              });
+            }
+          } else if (dialog.type === "edit") {
+            console.log("编辑", data);
+            const ajax = (_b = props.config.edit) == null ? void 0 : _b.ajax;
+            if (ajax) {
+              const param = {
+                param: props.value
+              };
+              if (typeof ajax === "object") {
+                param.onRequestBefore = ajax == null ? void 0 : ajax.onRequestBefore;
+                param.onRequestAfter = ajax == null ? void 0 : ajax.onRequestAfter;
+                param.ajax = ajax == null ? void 0 : ajax.url;
+                param.ajaxConfig = ajax == null ? void 0 : ajax.config;
+              } else {
+                param.ajax = ajax;
+              }
+              comHandle(param, data).then((res) => {
+                if (res.result) {
+                  ElMessage.success(
+                    res.info || "编辑成功"
+                  );
+                  dialog.visible = false;
+                  onRefresh();
+                } else {
+                  ElMessage.error(res.info || "编辑失败");
+                }
+              }).catch((err) => {
+                console.error("编辑失败", err);
+              });
+            } else {
+              emit("edit", data, () => {
+                dialog.visible = false;
+                onRefresh();
+              });
+            }
+          }
+        }).catch((err) => {
+          console.error("表单验证失败", err);
+        });
+      }
+    };
+    const getListForm = () => {
+      var _a, _b;
+      if (dialog.type === "edit") {
+        const v = (_a = props.config.edit) == null ? void 0 : _a.list;
+        if (v && Array.isArray(v) && v.length > 0) {
+          return getColumnList(v);
+        } else {
+          return getColumnList(props.list, (obj) => {
+            return obj.form && obj.noedit !== false;
+          });
+        }
+      } else {
+        const v = (_b = props.config.add) == null ? void 0 : _b.list;
+        if (v && Array.isArray(v) && v.length > 0) {
+          return getColumnList(v);
+        } else {
+          return getColumnList(props.list, (obj) => {
+            return Boolean(obj.form);
+          });
+        }
+      }
+    };
+    const listForm = ref([]);
+    const setListForm = () => {
+      listForm.value = getListForm();
+    };
+    const details = reactive({
+      visible: false,
+      value: {}
+    });
+    const getListDetails = () => {
+      var _a;
+      const v = (_a = props.config.details) == null ? void 0 : _a.list;
+      if (v && Array.isArray(v) && v.length > 0) {
+        return getColumnList(v);
+      } else {
+        return getList();
+      }
+    };
+    const list = ref([]);
+    const setListDetails = () => {
+      list.value = getListDetails();
+    };
+    watch(
+      () => props.config,
+      (newValue) => {
+        var _a, _b, _c, _d;
+        if (newValue) {
+          if (props.config.table) {
+            tableConfig.value = getTableConfig();
+          }
+          if (((_a = props.config.query) == null ? void 0 : _a.is) !== false) {
+            setListQuery();
+            butQuery.value = getButQuery();
+          }
+          if (((_b = props.config.details) == null ? void 0 : _b.is) !== false) {
+            setListDetails();
+          }
+          if (((_c = props.config.add) == null ? void 0 : _c.is) !== false || ((_d = props.config.edit) == null ? void 0 : _d.is) !== false) {
+            setListForm();
+          }
+          operationColumn = getOperationColumn();
+          operationTop = getOperationTop();
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    watch(
+      () => props.list,
+      () => {
+        var _a, _b, _c, _d;
+        listObj = getListObj();
+        setSetList();
+        if (((_a = props.config.query) == null ? void 0 : _a.is) !== false) {
+          setListQuery();
+        }
+        if (((_b = props.config.details) == null ? void 0 : _b.is) !== false) {
+          setListDetails();
+        }
+        if (((_c = props.config.add) == null ? void 0 : _c.is) !== false || ((_d = props.config.edit) == null ? void 0 : _d.is) !== false) {
+          setListForm();
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        createVNode(unref(Dialog), {
+          title: (dialog.type == "add" ? "添加" : "编辑") + props.config.name,
+          modelValue: dialog.visible,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialog.visible = $event),
+          onConfirm
+        }, {
+          default: withCtx(() => [
+            dialog.visible ? (openBlock(), createBlock(unref(Forms), mergeProps({ key: 0 }, props.config.form, {
+              ref_key: "formRef",
+              ref: formRef,
+              modelValue: dialog.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),
+              options: props.options,
+              compons: props.compons,
+              list: listForm.value,
+              buts: []
+            }), createSlots({ _: 2 }, [
+              renderList(formSlots, (k) => {
+                return {
+                  name: k,
+                  fn: withCtx((scope) => [
+                    unref(slots)["form-" + k] ? renderSlot(_ctx.$slots, "form-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
+                  ])
+                };
+              })
+            ]), 1040, ["modelValue", "options", "compons", "list"])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["title", "modelValue"]),
+        createVNode(unref(Dialog), {
+          title: props.config.name + "详情",
+          modelValue: details.visible,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => details.visible = $event),
+          "no-footer": ""
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [
+              createVNode(unref(Lists), mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
+                value: details.value,
+                options: props.options,
+                compons: props.compons,
+                list: list.value
+              }), createSlots({ _: 2 }, [
+                renderList(listSlots, (k) => {
+                  return {
+                    name: k,
+                    fn: withCtx((scope) => [
+                      unref(slots)["list-" + k] ? renderSlot(_ctx.$slots, "list-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
+                    ])
+                  };
+                })
+              ]), 1040, ["value", "options", "compons", "list"])
+            ];
+          }),
+          _: 3
+        }, 8, ["title", "modelValue"]),
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("header"))
+        }, [
+          renderSlot(_ctx.$slots, dataSlot.header),
+          ((_a = props.config.query) == null ? void 0 : _a.is) !== false ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(cs).z("query"))
+          }, [
+            createVNode(unref(Forms), mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
+              query: "",
+              "label-position": "auto",
+              "model-value": props.value,
+              options: props.options,
+              compons: props.compons,
+              list: listQuery.value,
+              buts: butQuery.value,
+              onSubmit: onQuery,
+              onCancel: onReset
+            }), createSlots({ _: 2 }, [
+              renderList(querySlots, (k) => {
+                return {
+                  name: k,
+                  fn: withCtx((scope) => [
+                    unref(slots)["query-" + k] ? renderSlot(_ctx.$slots, "query-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
+                  ])
+                };
+              })
+            ]), 1040, ["model-value", "options", "compons", "list", "buts"])
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("main"))
+        }, [
+          renderSlot(_ctx.$slots, dataSlot.main),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("table"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("table-top"))
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("top-operation"))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationTop), (item, index) => {
+                  return openBlock(), createBlock(unref(ElButton), {
+                    key: index,
+                    type: item.type,
+                    onClick: withModifiers(($event) => onOperation(item), ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "onClick"]);
+                }), 128)),
+                renderSlot(_ctx.$slots, dataSlot.top)
+              ], 2),
+              props.config.setColumn ? (openBlock(), createBlock(SetColumn, {
+                key: 0,
+                modelValue: setList.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => setList.value = $event),
+                list: props.list
+              }, null, 8, ["modelValue", "list"])) : createCommentVNode("", true)
+            ], 2),
+            createVNode(unref(TablesPagin), {
+              ref_key: "tableRef",
+              ref: tableRef,
+              load: ((_c = props.config.query) == null ? void 0 : _c.is) === false,
+              config: tableConfig.value,
+              param: query.value,
+              options: props.options,
+              compons: props.compons,
+              list: tableList.value,
+              onSelection: _cache[4] || (_cache[4] = (array) => selection.value = array),
+              onChange: onRowClick
+            }, createSlots({
+              operation: withCtx(({ row }) => [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cs).z("operations"))
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationColumn), (item, index) => {
+                    return openBlock(), createBlock(unref(ElButton), {
+                      key: index,
+                      type: item.type,
+                      text: item.text,
+                      onClick: withModifiers(($event) => onOperation(item, row), ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type", "text", "onClick"]);
+                  }), 128)),
+                  renderSlot(_ctx.$slots, dataSlot.operation, { row })
+                ], 2)
+              ]),
+              _: 2
+            }, [
+              renderList(tableSlots, (k) => {
+                return {
+                  name: k,
+                  fn: withCtx((scope) => [
+                    unref(slots)["table-" + k] ? renderSlot(_ctx.$slots, "table-" + k, normalizeProps(mergeProps({ key: 0 }, scope))) : renderSlot(_ctx.$slots, k, normalizeProps(mergeProps({ key: 1 }, scope)))
+                  ])
+                };
+              })
+            ]), 1032, ["load", "config", "param", "options", "compons", "list"])
+          ], 2)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("footer"))
+        }, [
+          renderSlot(_ctx.$slots, dataSlot.footer)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};