ele-admin-plus 1.1.9-beta.7 → 1.1.9-beta.9

package/lib/ele-pro-table/types.d.ts

@@ -1,8 +1,12 @@
 import type {
   EleDataTableInstance,
   EleVirtualTableInstance,
-  ElePaginationProps
+  ElePaginationProps,
+  EleModalProps,
+  ElePrinterProps,
+  EleTableProps
 } from '../ele-app/plus';
+import type { PaginationTotal } from '../ele-pagination/types';
 import type {
   DataItem,
   Column,
@@ -13,6 +17,7 @@ import type {
   TableSize,
   ResolveFunction
 } from '../ele-data-table/types';
+import type { BodyColumns } from '../ele-virtual-table/types';
 export type {
   DataItem,
   Column,
@@ -137,7 +142,7 @@ export interface ResponseOption {
 }
 
 /**
- * 响应数据解析
+ * 响应数据解析方法
  */
 export type ParseData = (data: unknown) => DatasourceResult;
 
@@ -159,10 +164,10 @@ export interface OrderItem {
 export interface DoneParams<T> {
   /** 当前页数据 */
   data: T[];
+  /** 总数量 */
+  total?: PaginationTotal;
   /** 当前页码 */
   page?: number;
-  /** 总数量 */
-  total?: number;
   /** 数据源原始数据 */
   response?: any;
 }
@@ -188,7 +193,14 @@ export interface TablePagination extends ElePaginationProps {
 /**
  * 内置工具按钮
  */
-export type TableTool = 'reload' | 'size' | 'columns' | 'maximized' | string;
+export type TableTool =
+  | 'reload'
+  | 'size'
+  | 'columns'
+  | 'maximized'
+  | 'export'
+  | 'print'
+  | string;
 
 /**
  * 列配置
@@ -211,6 +223,11 @@ export interface ColItem {
  */
 export type FetchCallback = (options: DatasourceParams) => void;
 
+/**
+ * 请求方法
+ */
+export type FetchFunction = (callback: FetchCallback) => void;
+
 /**
  * 前端分页排序方法返回结果
  */
@@ -258,6 +275,120 @@ export type TableViewInstance =
   | EleVirtualTableInstance
   | null;
 
+/**
+ * 导出的数据来源类型
+ */
+export type ExportDataType = 'selections' | 'pageData' | 'data';
+
+/**
+ * 导出的数据每一项
+ */
+export interface ExportDataItem {
+  /** 唯一值 */
+  key?: string;
+  /** 行数据 */
+  row?: DataItem;
+  /** 行索引 */
+  index: number;
+  /** 列配置 */
+  column?: Column;
+  /** 文本 */
+  text?: string;
+  /** 所占列数 */
+  colspan?: number;
+  /** 所占行数 */
+  rowspan?: number;
+}
+
+/**
+ * 导出数据封装返回结果
+ */
+export interface ExportDataResult {
+  /** 表头数据 */
+  headerData: ExportDataItem[][];
+  /** 主体数据 */
+  bodyData: ExportDataItem[][];
+  /** 表尾数据 */
+  footerData: ExportDataItem[][];
+  /** 主体列配置 */
+  bodyCols: BodyColumns;
+}
+
+/**
+ * 导出数据前的钩子函数的参数
+ */
+export interface BeforeExportParams {
+  /** 导出的数据 */
+  data: DataItem[];
+  /** 导出的列配置 */
+  columns?: Columns;
+  /** 导出的表头数据封装 */
+  headerData: ExportDataItem[][];
+  /** 导出的主体数据封装 */
+  bodyData: ExportDataItem[][];
+  /** 导出的页脚数据封装 */
+  footerData: ExportDataItem[][];
+  /** 主体列配置 */
+  bodyCols: BodyColumns;
+  /** 文件名 */
+  fileName?: string;
+  /** 关闭确定按钮的加载状态 */
+  hideLoading: () => void;
+  /** 关闭弹窗 */
+  closeModal: () => void;
+}
+
+/**
+ * 导出数据前的钩子函数
+ */
+export type BeforeExport = (params: BeforeExportParams) => boolean | void;
+
+/**
+ * 导出配置
+ */
+export interface ExportConfig {
+  /** 弹窗参数 */
+  modalProps?: EleModalProps;
+  /** 表格全部数据 */
+  datasource?: Datasource;
+  /** 导出前的钩子函数 */
+  beforeExport?: BeforeExport;
+  /** 默认数据类型 */
+  dataType?: ExportDataType;
+  /** 默认文件名 */
+  fileName?: string;
+}
+
+/**
+ * 打印配置
+ */
+export interface PrintConfig {
+  /** 弹窗参数 */
+  modalProps?: EleModalProps;
+  /** 打印组件参数 */
+  printerProps?: ElePrinterProps;
+  /** 打印表格参数 */
+  tableProps?: EleTableProps;
+  /** 表格全部数据 */
+  datasource?: Datasource;
+  /** 打印前的钩子函数 */
+  beforePrint?: BeforeExport;
+  /** 默认数据类型 */
+  dataType?: ExportDataType;
+}
+
+/**
+ * 打印参数
+ */
+export interface TablePrintOptions extends ExportDataResult {
+  /** 是否开始打印 */
+  printing: boolean;
+  /** 是否有表头 */
+  hasHeader: boolean;
+  /** 是否有表尾 */
+  hasFooter: boolean;
+}
+
 /**
  * 国际化
  */
@@ -266,6 +397,8 @@ export interface TableLocale {
   sizes: string;
   columns: string;
   maximized: string;
+  export: string;
+  print: string;
   sizeLarge: string;
   sizeDefault: string;
   sizeSmall: string;
@@ -274,4 +407,13 @@ export interface TableLocale {
   columnUntitled: string;
   columnFixedLeft: string;
   columnFixedRight: string;
+  exportOk: string;
+  exportCancel: string;
+  exportFileName: string;
+  exportFileNamePlaceholder: string;
+  exportSelectData: string;
+  exportSelectColumn: string;
+  exportDataTypePage: string;
+  exportDataTypeSelected: string;
+  exportDataTypeAll: string;
 }

package/lib/ele-pro-table/util.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const util = require("../ele-data-table/util");
 const core = require("../utils/core");
+const util = require("../ele-data-table/util");
+const util$1 = require("../ele-virtual-table/util");
 function mergeProps(props, globalProps) {
   if (props == null) {
     return globalProps ?? true;
@@ -232,7 +233,7 @@ function getInitCacheColumns(columns, cacheKey, sortable) {
   }
   return getCheckedColumns(columns, cache, sortable);
 }
-function getCheckedColumns(columns, cols, sortable) {
+function getCheckedColumns(columns, cols, sortable, filter) {
   const data = [];
   if (!columns || !columns.length) {
     return data;
@@ -242,26 +243,23 @@ function getCheckedColumns(columns, cols, sortable) {
     if (colId == null) {
       return;
     }
-    let temp;
-    core.eachTree(cols, (t) => {
-      if (t.uid === colId) {
-        temp = t;
-        return false;
-      }
-    });
+    if (filter && !filter(d)) {
+      return;
+    }
+    const temp = core.findTree(cols, (t) => t.uid === colId);
     if (temp && !temp.checked) {
       return;
     }
     const fixed = (temp == null ? void 0 : temp.fixed) ?? d.fixed;
     const uid = core.uuid(8);
-    if (d.children) {
-      const children = getCheckedColumns(d.children, cols, sortable);
+    if (d.children && d.children.length) {
+      const children = getCheckedColumns(d.children, cols, sortable, filter);
       if (children.length) {
         data.push({ ...d, fixed, uid, children });
       }
-    } else {
-      data.push({ ...d, fixed, uid });
+      return;
     }
+    data.push({ ...d, fixed, uid });
   });
   if (!sortable || !data.length) {
     return data;
@@ -307,6 +305,22 @@ function getCheckedColumns(columns, cols, sortable) {
   });
   return data;
 }
+function getColItems(columns, untitledText, filter) {
+  return core.mapTree(columns, (d) => {
+    const colId = getColId(d);
+    if (!colId || filter && !filter(d)) {
+      return;
+    }
+    return {
+      uid: colId,
+      prop: d.prop,
+      columnKey: d.columnKey,
+      label: d.label || untitledText,
+      checked: !d.hideInTable,
+      fixed: d.fixed
+    };
+  });
+}
 function getSettingCols(columns, untitledText, cacheKey) {
   const cacheResult = getCacheCols(cacheKey);
   if (cacheResult) {
@@ -377,14 +391,106 @@ function addDefaultRowKey(data, rowKey, page) {
     return item;
   });
 }
+function getCellText(column, row, index, pageIndex) {
+  if (!column) {
+    return "";
+  }
+  if (column.type === "index") {
+    return util$1.getIndexValue(index, column.index, pageIndex);
+  }
+  const propValue = util.getValue(row, column.prop);
+  if (typeof column.formatter === "function") {
+    return column.formatter(row, column, propValue, index, "export");
+  }
+  return propValue == null ? "" : String(propValue);
+}
+function getHeaderCellText(column, index) {
+  if (!column) {
+    return "";
+  }
+  if (typeof column.renderHeader === "function") {
+    const params = { column, $index: index, action: "export" };
+    return column.renderHeader(params);
+  }
+  return column.label == null ? "" : String(column.label);
+}
+function getExportData(data, columns, spanMethod, pageIndex, showSummary, sumText, summaryMethod) {
+  const { rows: headerRows, cols: bodyCols } = util$1.analyseColumns(columns);
+  const bodyData = [];
+  data.forEach((row, index) => {
+    const bodyRowData = [];
+    bodyCols.forEach((col, columnIndex) => {
+      const { key, originalCol: column } = col;
+      const { colspan, rowspan } = util$1.getCellSpan(
+        { column, columnIndex, row, rowIndex: index },
+        spanMethod
+      );
+      const isNone = colspan == 0 || rowspan == 0;
+      const text = isNone ? "" : getCellText(column, row, index, pageIndex);
+      bodyRowData.push({ key, row, index, column, text, colspan, rowspan });
+    });
+    bodyData.push(bodyRowData);
+  });
+  const headerData = [];
+  headerRows.forEach((headerCols, index) => {
+    const headerRowData = [];
+    headerCols.forEach((col) => {
+      const { key, colspan, rowspan, originalCol: column } = col;
+      const isNone = colspan == 0 || rowspan == 0;
+      const text = isNone ? "" : getHeaderCellText(column, index);
+      headerRowData.push({ key, index, column, text, colspan, rowspan });
+    });
+    headerData.push(headerRowData);
+  });
+  const footerData = [];
+  if (showSummary && data.length) {
+    const footerRowData = [];
+    const userSums = util$1.getUserSums(summaryMethod, bodyCols, data);
+    bodyCols.forEach((col, i) => {
+      const { key, dataKey, originalCol: column } = col;
+      const sumValue = util$1.getSumValue(data, dataKey);
+      footerRowData.push({
+        key,
+        column,
+        text: userSums == null ? i === 0 ? sumText : sumValue : userSums[i],
+        index: 0
+      });
+    });
+    footerData.push(footerRowData);
+  }
+  return { headerData, bodyData, footerData, bodyCols };
+}
+function exportCSV(fileName, headerData, bodyData, footerData) {
+  const csvRows = [];
+  [...headerData, ...bodyData, ...footerData].forEach((item) => {
+    csvRows.push(item.map((d) => d.text ?? "").join(","));
+  });
+  const content = encodeURIComponent(csvRows.join("\n"));
+  const a = document.createElement("a");
+  a.href = "data:text/csv;charset=utf-8," + content;
+  a.download = fileName + ".csv";
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+function exportColumnsfilter(item) {
+  return !item.type || !["selection", "expand"].includes(item.type);
+}
 exports.addDefaultRowKey = addDefaultRowKey;
+exports.exportCSV = exportCSV;
+exports.exportColumnsfilter = exportColumnsfilter;
 exports.getCacheCols = getCacheCols;
 exports.getCacheSize = getCacheSize;
+exports.getCellText = getCellText;
 exports.getCheckedColumns = getCheckedColumns;
 exports.getColId = getColId;
+exports.getColItems = getColItems;
 exports.getColsCacheKey = getColsCacheKey;
 exports.getDefaultFilter = getDefaultFilter;
 exports.getDefaultRowKey = getDefaultRowKey;
+exports.getExportData = getExportData;
+exports.getHeaderCellText = getHeaderCellText;
 exports.getInitCacheColumns = getInitCacheColumns;
 exports.getInitColumns = getInitColumns;
 exports.getOrderItems = getOrderItems;

package/lib/ele-pro-table/util.d.ts

@@ -1,6 +1,6 @@
 import type { ElePaginationProps } from '../ele-app/plus';
-import type { DataItem, Column, Columns, Sorter, Filter, TableSize, TreeProps, RowKey } from '../ele-data-table/types';
-import type { Orders, Filters, OrderItem, RequestOption, ResponseOption, TablePagination, DatasourceResult, ResponseResult, ReloadDataResult, ColItem, ProProps } from './types';
+import type { DataItem, Column, Columns, Sorter, Filter, TableSize, TreeProps, RowKey, SpanMethod, SummaryMethod } from '../ele-data-table/types';
+import type { Orders, Filters, OrderItem, RequestOption, ResponseOption, TablePagination, DatasourceResult, ResponseResult, ReloadDataResult, ColItem, ProProps, ExportDataItem, ExportDataResult } from './types';
 /**
  * 合并复合属性
  * @param props 属性
@@ -127,7 +127,14 @@ export declare function getInitCacheColumns(columns: Columns, cacheKey?: string,
  * @param cols 列配置数据
  * @param sortable 是否进行排序
  */
-export declare function getCheckedColumns(columns: Columns | undefined, cols: ColItem[], sortable?: boolean): Columns;
+export declare function getCheckedColumns(columns: Columns | undefined, cols: ColItem[], sortable?: boolean, filter?: (item: Column) => boolean): Columns;
+/**
+ * 获取列展示列表数据
+ * @param columns 列数据
+ * @param untitledText 未命名列文字
+ * @param filter 过滤的方法
+ */
+export declare function getColItems(columns?: Columns, untitledText?: string, filter?: (item: Column) => boolean): ColItem[];
 /**
  * 获取列配置
  * @param columns 列数据
@@ -170,3 +177,40 @@ export declare function getRowKey(rowKey?: RowKey): string | ((row: DataItem) =>
  * @param page 页码
  */
 export declare function addDefaultRowKey(data: DataItem[], rowKey: string | undefined, page: number): DataItem[];
+/**
+ * 导出获取单元格文本
+ * @param column 列配置
+ * @param row 行数据
+ * @param index 行索引
+ * @param pageIndex 序号列起始索引
+ */
+export declare function getCellText(column: Column | undefined, row: DataItem, index: number, pageIndex?: number): string;
+/**
+ * 导出获取表头单元格文本
+ * @param column 列配置
+ * @param index 行索引
+ */
+export declare function getHeaderCellText(column: Column | undefined, index: number): string;
+/**
+ * 获取导出的数据
+ * @param data 元数据
+ * @param columns 列配置
+ * @param spanMethod 单元格合并方法
+ * @param pageIndex 序号列起始索引
+ * @param showSummary 是否显示合计行
+ * @param sumText 合计行文本
+ * @param summaryMethod 合计行自定义方法
+ */
+export declare function getExportData(data: DataItem[], columns: Columns, spanMethod?: SpanMethod, pageIndex?: number, showSummary?: boolean, sumText?: string, summaryMethod?: SummaryMethod): ExportDataResult;
+/**
+ * 导出csv文件
+ * @param fileName 文件名
+ * @param headerData 表头数据
+ * @param bodyData 主体数据
+ */
+export declare function exportCSV(fileName: string, headerData: ExportDataItem[][], bodyData: ExportDataItem[][], footerData: ExportDataItem[][]): void;
+/**
+ * 导出判断列是否显示
+ * @param item 列配置
+ */
+export declare function exportColumnsfilter(item: Column): boolean;

package/lib/ele-segmented/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSegmented",
@@ -9,10 +8,9 @@ const _sfc_main = vue.defineComponent({
   props: props.segmentedProps,
   emits: props.segmentedEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const tabRef = vue.ref(null);
     const onUpdateModelValue = (value) => {
-      if (authenticated.value && props2.modelValue !== value) {
+      if (props2.modelValue !== value) {
         emit("update:modelValue", value);
         emit("change", value);
       }

package/lib/ele-split-panel/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const icons = require("../icons");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
+const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSplitPanel",
-  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: icons.ArrowLeft, ArrowUp: icons.ArrowUp },
+  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: icons.ArrowLeft, ArrowUp: icons.ArrowUp, ReceiverView },
   props: props.splitPanelProps,
   emits: props.splitPanelEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const isResponsive = receiver.useResponsive(props2);
     const rootRef = vue.ref(null);
     const wrapRef = vue.ref(null);
@@ -19,9 +19,6 @@ const _sfc_main = vue.defineComponent({
     const resizedSize = vue.ref(null);
     const resizing = vue.ref(false);
     const toggleCollapse = (collapse) => {
-      if (!authenticated.value) {
-        return;
-      }
       isCollapse.value = typeof collapse === "boolean" ? collapse : !isCollapse.value;
       emit("update:collapse", isCollapse.value);
     };
@@ -41,9 +38,10 @@ const _sfc_main = vue.defineComponent({
       return Math.min(props2.maxSize, size);
     };
     const onResize = (event) => {
-      const rootEl = rootRef.value;
+      var _a;
+      const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
       const sideEl = sideRef.value;
-      if (!authenticated.value || !rootEl || !sideEl) {
+      if (!rootEl || !sideEl) {
         return;
       }
       resizing.value = true;
@@ -68,7 +66,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       [() => props2.collapse, () => props2.allowCollapse],
       () => {
-        if (!authenticated.value || !props2.allowCollapse) {
+        if (!props2.allowCollapse) {
           isCollapse.value = false;
         } else {
           isCollapse.value = props2.collapse;
@@ -94,8 +92,10 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props2.maxSize,
       () => {
-        if (resizedSize.value && rootRef.value) {
-          const max = getMaxSize(rootRef.value);
+        var _a;
+        const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
+        if (resizedSize.value && rootEl) {
+          const max = getMaxSize(rootEl);
           if (Number.parseInt(resizedSize.value) > max) {
             resizedSize.value = max + "px";
           }
@@ -132,7 +132,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowUp = vue.resolveComponent("ArrowUp");
   const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  return vue.openBlock(), vue.createElementBlock("div", {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createBlock(_component_ReceiverView, {
     ref: "rootRef",
     class: vue.normalizeClass([
       "ele-split-panel",
@@ -147,55 +148,58 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "--ele-split-size": _ctx.resizedSize || _ctx.size,
       "--ele-split-space": _ctx.space
     })
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
+  }, {
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref: "sideRef",
+          class: "ele-split-panel-side",
+          style: vue.normalizeStyle(_ctx.customStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 4),
+        vue.createElementVNode("div", _hoisted_2, [
+          _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "ele-split-resize-line",
+            onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onResize && _ctx.onResize(...args))
+          }, null, 32)) : vue.createCommentVNode("", true)
+        ])
+      ], 512),
       vue.createElementVNode("div", {
-        ref: "sideRef",
-        class: "ele-split-panel-side",
-        style: vue.normalizeStyle(_ctx.customStyle)
+        class: "ele-split-panel-body",
+        style: vue.normalizeStyle(_ctx.bodyStyle)
       }, [
-        vue.renderSlot(_ctx.$slots, "default")
+        vue.renderSlot(_ctx.$slots, "body", { collapse: _ctx.isCollapse })
       ], 4),
-      vue.createElementVNode("div", _hoisted_2, [
-        _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "ele-split-resize-line",
-          onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onResize && _ctx.onResize(...args))
-        }, null, 32)) : vue.createCommentVNode("", true)
-      ])
-    ], 512),
-    vue.createElementVNode("div", {
-      class: "ele-split-panel-body",
-      style: vue.normalizeStyle(_ctx.bodyStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "body", { collapse: _ctx.isCollapse })
-    ], 4),
-    _ctx.allowCollapse ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      style: vue.normalizeStyle(_ctx.collapseStyle),
-      class: "ele-split-collapse-button",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.toggleCollapse())
-    }, [
-      vue.renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
-        vue.createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
-          default: vue.withCtx(() => [
-            _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, {
-              key: 0,
-              style: { "margin-top": "-1.25px" }
-            })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, {
-              key: 1,
-              style: { "margin-left": "-1.25px" }
-            }))
-          ]),
-          _: 1
-        })
-      ])
-    ], 4)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      class: "ele-split-panel-mask",
-      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleCollapse())
-    })
-  ], 6);
+      _ctx.allowCollapse ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        style: vue.normalizeStyle(_ctx.collapseStyle),
+        class: "ele-split-collapse-button",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.toggleCollapse())
+      }, [
+        vue.renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
+          vue.createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
+            default: vue.withCtx(() => [
+              _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, {
+                key: 0,
+                style: { "margin-top": "-1.25px" }
+              })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, {
+                key: 1,
+                style: { "margin-left": "-1.25px" }
+              }))
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("div", {
+        class: "ele-split-panel-mask",
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleCollapse())
+      })
+    ]),
+    _: 3
+  }, 8, ["class", "style"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;