@fecp/mobile 1.1.23 → 1.1.24

package/es/node_modules/.pnpm/vxe-table@4.13.27_vue@3.5.13_typescript@5.7.3_/node_modules/vxe-table/es/table/src/cell.mjs

@@ -0,0 +1,1058 @@
+import { h } from "vue";
+import XEUtils from "../../../../../../../../_virtual/index.mjs";
+import "../../ui/index.mjs";
+import { isEnableConf, formatText, eqEmptyValue, getFuncText } from "../../ui/src/utils.mjs";
+import { updateCellTitle } from "../../ui/src/dom.mjs";
+import { getRowid, createColumn } from "./util.mjs";
+import { getSlotVNs } from "../../ui/src/vn.mjs";
+import { VxeUI } from "../../../../../../@vxe-ui_core@4.1.3_vue@3.5.13_typescript@5.7.3_/node_modules/@vxe-ui/core/es/index.esm.mjs";
+const { getI18n, getIcon, renderer, formats, renderEmptyElement } = VxeUI;
+function renderTitlePrefixIcon(params) {
+  const { $table, column } = params;
+  const titlePrefix = column.titlePrefix || column.titleHelp;
+  if (titlePrefix) {
+    return h("span", {
+      class: ["vxe-cell-title-prefix-icon", titlePrefix.iconStatus ? `theme--${titlePrefix.iconStatus}` : ""],
+      onMouseenter(evnt) {
+        $table.triggerHeaderTitleEvent(evnt, titlePrefix, params);
+      },
+      onMouseleave(evnt) {
+        $table.handleTargetLeaveEvent(evnt);
+      }
+    }, [
+      h("i", {
+        class: titlePrefix.icon || getIcon().TABLE_TITLE_PREFIX
+      })
+    ]);
+  }
+  return renderEmptyElement($table);
+}
+function renderTitleSuffixIcon(params) {
+  const { $table, column } = params;
+  const titleSuffix = column.titleSuffix;
+  if (titleSuffix) {
+    return h("span", {
+      class: ["vxe-cell-title-suffix-icon", titleSuffix.iconStatus ? `theme--${titleSuffix.iconStatus}` : ""],
+      onMouseenter(evnt) {
+        $table.triggerHeaderTitleEvent(evnt, titleSuffix, params);
+      },
+      onMouseleave(evnt) {
+        $table.handleTargetLeaveEvent(evnt);
+      }
+    }, [
+      h("i", {
+        class: titleSuffix.icon || getIcon().TABLE_TITLE_SUFFIX
+      })
+    ]);
+  }
+  return renderEmptyElement($table);
+}
+function renderCellDragIcon(params) {
+  const { $table, column } = params;
+  const { context } = $table;
+  const tableSlots = context.slots;
+  const tableProps = $table.props;
+  const { slots } = column;
+  const { dragConfig } = tableProps;
+  const { computeRowDragOpts } = $table.getComputeMaps();
+  const rowDragOpts = computeRowDragOpts.value;
+  const { icon, trigger, disabledMethod } = rowDragOpts;
+  const rDisabledMethod = disabledMethod || (dragConfig ? dragConfig.rowDisabledMethod : null);
+  const isDisabled = rDisabledMethod && rDisabledMethod(params);
+  const rowDragIconSlot = (slots ? slots.rowDragIcon || slots["row-drag-icon"] : null) || tableSlots.rowDragIcon || tableSlots["row-drag-icon"];
+  const ons = {};
+  if (trigger !== "cell") {
+    ons.onMousedown = (evnt) => {
+      if (!isDisabled) {
+        $table.handleCellDragMousedownEvent(evnt, params);
+      }
+    };
+    ons.onMouseup = $table.handleCellDragMouseupEvent;
+  }
+  return h("span", Object.assign({ key: "dg", class: ["vxe-cell--drag-handle", {
+    "is--disabled": isDisabled
+  }] }, ons), rowDragIconSlot ? $table.callSlot(rowDragIconSlot, params) : [
+    h("i", {
+      class: icon || (dragConfig ? dragConfig.rowIcon : "") || getIcon().TABLE_DRAG_ROW
+    })
+  ]);
+}
+function renderCellBaseVNs(params, content) {
+  const { $table, column, level } = params;
+  const { dragSort } = column;
+  const tableProps = $table.props;
+  const { treeConfig, dragConfig } = tableProps;
+  const { computeRowOpts, computeRowDragOpts, computeTreeOpts } = $table.getComputeMaps();
+  const rowOpts = computeRowOpts.value;
+  const rowDragOpts = computeRowDragOpts.value;
+  const treeOpts = computeTreeOpts.value;
+  const { showIcon, isPeerDrag, isCrossDrag, visibleMethod } = rowDragOpts;
+  const rVisibleMethod = visibleMethod || (dragConfig ? dragConfig.rowVisibleMethod : null);
+  const vns = [];
+  if (dragSort && rowOpts.drag && ((showIcon || (dragConfig ? dragConfig.showRowIcon : false)) && (!rVisibleMethod || rVisibleMethod(params)))) {
+    if (treeConfig) {
+      if (treeOpts.transform && (isPeerDrag || isCrossDrag || !level)) {
+        vns.push(renderCellDragIcon(params));
+      }
+    } else {
+      vns.push(renderCellDragIcon(params));
+    }
+  }
+  return vns.concat(XEUtils.isArray(content) ? content : [content]);
+}
+function renderHeaderCellDragIcon(params) {
+  const { $table, column } = params;
+  const { context } = $table;
+  const tableSlots = context.slots;
+  const { slots } = column;
+  const { computeColumnOpts, computeColumnDragOpts } = $table.getComputeMaps();
+  const columnOpts = computeColumnOpts.value;
+  const columnDragOpts = computeColumnDragOpts.value;
+  const { showIcon, icon, trigger, isPeerDrag, isCrossDrag, visibleMethod, disabledMethod } = columnDragOpts;
+  if (columnOpts.drag && showIcon && (!visibleMethod || visibleMethod(params))) {
+    if (!column.fixed && (isPeerDrag || isCrossDrag || !column.parentId)) {
+      const isDisabled = disabledMethod && disabledMethod(params);
+      const columnDragIconSlot = (slots ? slots.columnDragIcon || slots["column-drag-icon"] : null) || tableSlots.columnDragIcon || tableSlots["column-drag-icon"];
+      const ons = {};
+      if (trigger !== "cell") {
+        ons.onMousedown = (evnt) => {
+          if (!isDisabled) {
+            $table.handleHeaderCellDragMousedownEvent(evnt, params);
+          }
+        };
+        ons.onMouseup = $table.handleHeaderCellDragMouseupEvent;
+      }
+      return h("span", Object.assign({ key: "dg", class: ["vxe-cell--drag-handle", {
+        "is--disabled": isDisabled
+      }] }, ons), columnDragIconSlot ? $table.callSlot(columnDragIconSlot, params) : [
+        h("i", {
+          class: icon || getIcon().TABLE_DRAG_COLUMN
+        })
+      ]);
+    }
+  }
+  return renderEmptyElement($table);
+}
+function renderHeaderCellBaseVNs(params, content) {
+  const vns = [
+    renderTitlePrefixIcon(params),
+    renderHeaderCellDragIcon(params),
+    ...XEUtils.isArray(content) ? content : [content],
+    renderTitleSuffixIcon(params)
+  ];
+  return vns;
+}
+function renderTitleContent(params, content) {
+  const { $table, column } = params;
+  const tableProps = $table.props;
+  const tableReactData = $table.reactData;
+  const { computeTooltipOpts } = $table.getComputeMaps();
+  const { showHeaderOverflow: allColumnHeaderOverflow } = tableProps;
+  const { type, showHeaderOverflow } = column;
+  const tooltipOpts = computeTooltipOpts.value;
+  const showAllTip = tooltipOpts.showAll;
+  const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+  const showTitle = headOverflow === "title";
+  const showTooltip = headOverflow === true || headOverflow === "tooltip";
+  const ons = {};
+  if (showTitle || showTooltip || showAllTip) {
+    ons.onMouseenter = (evnt) => {
+      if (tableReactData.isDragResize) {
+        return;
+      }
+      if (showTitle) {
+        updateCellTitle(evnt.currentTarget, column);
+      } else if (showTooltip || showAllTip) {
+        $table.triggerHeaderTooltipEvent(evnt, params);
+      }
+    };
+  }
+  if (showTooltip || showAllTip) {
+    ons.onMouseleave = (evnt) => {
+      if (tableReactData.isDragResize) {
+        return;
+      }
+      if (showTooltip || showAllTip) {
+        $table.handleTargetLeaveEvent(evnt);
+      }
+    };
+  }
+  return [
+    type === "html" && XEUtils.isString(content) ? h("span", Object.assign({ class: "vxe-cell--title", innerHTML: content }, ons)) : h("span", Object.assign({ class: "vxe-cell--title" }, ons), getSlotVNs(content))
+  ];
+}
+function getFooterContent(params) {
+  const { $table, column, _columnIndex, items, row } = params;
+  const { slots, editRender, cellRender, footerFormatter } = column;
+  const renderOpts = editRender || cellRender;
+  const footerSlot = slots ? slots.footer : null;
+  if (footerSlot) {
+    return $table.callSlot(footerSlot, params);
+  }
+  let itemValue = "";
+  if (XEUtils.isArray(items)) {
+    itemValue = items[_columnIndex];
+  } else {
+    itemValue = XEUtils.get(row, column.field);
+  }
+  const footParams = Object.assign(params, {
+    itemValue
+  });
+  if (footerFormatter) {
+    if (XEUtils.isFunction(footerFormatter)) {
+      return [
+        h("span", {
+          class: "vxe-cell--label"
+        }, `${footerFormatter(footParams)}`)
+      ];
+    }
+    const isArr = XEUtils.isArray(footerFormatter);
+    const gFormatOpts = isArr ? formats.get(footerFormatter[0]) : formats.get(footerFormatter);
+    const footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null;
+    if (footerFormatMethod) {
+      return [
+        h("span", {
+          class: "vxe-cell--label"
+        }, `${isArr ? footerFormatMethod(footParams, ...footerFormatter.slice(1)) : footerFormatMethod(footParams)}`)
+      ];
+    }
+    return [
+      h("span", {
+        class: "vxe-cell--label"
+      }, "")
+    ];
+  }
+  if (renderOpts) {
+    const compConf = renderer.get(renderOpts.name);
+    if (compConf) {
+      const rtFooter = compConf.renderTableFooter || compConf.renderFooter;
+      if (rtFooter) {
+        return getSlotVNs(rtFooter(renderOpts, footParams));
+      }
+    }
+  }
+  return [
+    h("span", {
+      class: "vxe-cell--label"
+    }, formatText(itemValue, 1))
+  ];
+}
+function getDefaultCellLabel(params) {
+  const { $table, row, column } = params;
+  return formatText($table.getCellLabel(row, column), 1);
+}
+function renderCellHandle(params) {
+  const { column, $table } = params;
+  const tableProps = $table.props;
+  const { editConfig } = tableProps;
+  const { type, treeNode, rowGroupNode, editRender } = column;
+  const { computeEditOpts, computeCheckboxOpts } = $table.getComputeMaps();
+  const checkboxOpts = computeCheckboxOpts.value;
+  const editOpts = computeEditOpts.value;
+  const isDeepCell = treeNode || rowGroupNode;
+  switch (type) {
+    case "seq":
+      return isDeepCell ? Cell.renderDeepIndexCell(params) : Cell.renderSeqCell(params);
+    case "radio":
+      return isDeepCell ? Cell.renderDeepRadioCell(params) : Cell.renderRadioCell(params);
+    case "checkbox":
+      return checkboxOpts.checkField ? isDeepCell ? Cell.renderDeepSelectionCellByProp(params) : Cell.renderCheckboxCellByProp(params) : isDeepCell ? Cell.renderDeepSelectionCell(params) : Cell.renderCheckboxCell(params);
+    case "expand":
+      return Cell.renderExpandCell(params);
+    case "html":
+      return isDeepCell ? Cell.renderDeepHTMLCell(params) : Cell.renderHTMLCell(params);
+  }
+  if (isEnableConf(editConfig) && editRender) {
+    return editOpts.mode === "cell" ? isDeepCell ? Cell.renderDeepCellEdit(params) : Cell.renderCellEdit(params) : isDeepCell ? Cell.renderDeepRowEdit(params) : Cell.renderRowEdit(params);
+  }
+  return isDeepCell ? Cell.renderDeepCell(params) : Cell.renderDefaultCell(params);
+}
+function renderHeaderHandle(params) {
+  const { column, $table } = params;
+  const tableProps = $table.props;
+  const { editConfig } = tableProps;
+  const { type, filters, sortable, editRender } = column;
+  switch (type) {
+    case "seq":
+      return Cell.renderSeqHeader(params);
+    case "radio":
+      return Cell.renderRadioHeader(params);
+    case "checkbox":
+      return Cell.renderCheckboxHeader(params);
+    case "html":
+      if (filters && sortable) {
+        return Cell.renderSortAndFilterHeader(params);
+      } else if (sortable) {
+        return Cell.renderSortHeader(params);
+      } else if (filters) {
+        return Cell.renderFilterHeader(params);
+      }
+      break;
+  }
+  if (editConfig && editRender) {
+    return Cell.renderEditHeader(params);
+  } else if (filters && sortable) {
+    return Cell.renderSortAndFilterHeader(params);
+  } else if (sortable) {
+    return Cell.renderSortHeader(params);
+  } else if (filters) {
+    return Cell.renderFilterHeader(params);
+  }
+  return Cell.renderDefaultHeader(params);
+}
+function renderFooterHandle(params) {
+  return Cell.renderDefaultFooter(params);
+}
+const Cell = {
+  createColumn($xeTable, columnOpts) {
+    const { type } = columnOpts;
+    const renConfs = {
+      renderHeader: renderHeaderHandle,
+      renderCell: renderCellHandle,
+      renderFooter: renderFooterHandle
+    };
+    if (type === "expand") {
+      renConfs.renderData = Cell.renderExpandData;
+    }
+    return createColumn($xeTable, columnOpts, renConfs);
+  },
+  /**
+   * 列头标题
+   */
+  renderHeaderTitle(params) {
+    const { $table, column } = params;
+    const { slots, editRender, cellRender } = column;
+    const renderOpts = editRender || cellRender;
+    const headerSlot = slots ? slots.header : null;
+    if (headerSlot) {
+      return renderTitleContent(params, $table.callSlot(headerSlot, params));
+    }
+    if (renderOpts) {
+      const compConf = renderer.get(renderOpts.name);
+      if (compConf) {
+        const rtHeader = compConf.renderTableHeader || compConf.renderHeader;
+        if (rtHeader) {
+          return renderTitleContent(params, getSlotVNs(rtHeader(renderOpts, params)));
+        }
+      }
+    }
+    return renderTitleContent(params, formatText(column.getTitle(), 1));
+  },
+  renderDefaultHeader(params) {
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params));
+  },
+  renderDefaultCell(params) {
+    const { $table, row, column } = params;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { isRowGroupStatus } = tableReactData;
+    const { slots, editRender, cellRender, rowGroupNode } = column;
+    const renderOpts = editRender || cellRender;
+    const defaultSlot = slots ? slots.default : null;
+    if (defaultSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(defaultSlot, params));
+    }
+    if (renderOpts) {
+      const compConf = renderer.get(renderOpts.name);
+      if (compConf) {
+        const rtCell = compConf.renderTableCell || compConf.renderCell;
+        const rtDefault = compConf.renderTableDefault || compConf.renderDefault;
+        const renderFn = editRender ? rtCell : rtDefault;
+        if (renderFn) {
+          return renderCellBaseVNs(params, getSlotVNs(renderFn(renderOpts, Object.assign({ $type: editRender ? "edit" : "cell" }, params))));
+        }
+      }
+    }
+    let cellValue = "";
+    if (isRowGroupStatus && rowGroupNode && row.isAggregate) {
+      const { fullColumnFieldData } = tableInternalData;
+      const { computeRowGroupOpts } = $table.getComputeMaps();
+      const rowGroupOpts = computeRowGroupOpts.value;
+      const { showTotal, totalMethod, contentMethod, mapChildrenField } = rowGroupOpts;
+      const groupField = row.groupField;
+      cellValue = row.groupContent;
+      const childList = mapChildrenField ? row[mapChildrenField] || [] : [];
+      const totalValue = childList.length;
+      const colRest = fullColumnFieldData[groupField] || {};
+      const params2 = {
+        $table,
+        groupField,
+        groupColumn: colRest ? colRest.column : null,
+        column,
+        groupValue: cellValue,
+        children: childList,
+        totalValue
+      };
+      if (contentMethod) {
+        cellValue = `${contentMethod(params2)}`;
+      }
+      if (showTotal) {
+        cellValue = getI18n("vxe.table.rowGroupContentTotal", [cellValue, totalMethod ? totalMethod(params2) : totalValue, totalValue]);
+      }
+    } else if (!(isRowGroupStatus && row.isAggregate)) {
+      cellValue = $table.getCellLabel(row, column);
+    }
+    const cellPlaceholder = editRender ? editRender.placeholder : "";
+    return renderCellBaseVNs(params, [
+      h("span", {
+        class: "vxe-cell--label"
+      }, [
+        // 如果设置占位符
+        editRender && eqEmptyValue(cellValue) ? h("span", {
+          class: "vxe-cell--placeholder"
+        }, formatText(getFuncText(cellPlaceholder), 1)) : h("span", formatText(cellValue, 1))
+      ])
+    ]);
+  },
+  renderDeepCell(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderDefaultCell(params));
+  },
+  renderDefaultFooter(params) {
+    return getFooterContent(params);
+  },
+  /**
+   * 行分组
+   */
+  renderRowGroupBtn(params, cellVNodes) {
+    const { $table } = params;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { row, level } = params;
+    const { computeRowGroupOpts } = $table.getComputeMaps();
+    const { rowGroupExpandedFlag } = tableReactData;
+    const { rowGroupExpandedMaps } = tableInternalData;
+    const rowGroupOpts = computeRowGroupOpts.value;
+    const { padding, indent } = rowGroupOpts;
+    const rowid = getRowid($table, row);
+    const isExpand = !!rowGroupExpandedFlag && !!rowGroupExpandedMaps[rowid];
+    return h("div", {
+      class: ["vxe-row-group--tree-node", {
+        "is--expanded": isExpand
+      }],
+      style: padding && indent ? {
+        paddingLeft: `${level * indent}px`
+      } : void 0
+    }, [
+      h("span", {
+        class: "vxe-row-group--node-btn",
+        onClick(evnt) {
+          $table.triggerRowGroupExpandEvent(evnt, params);
+        }
+      }, [
+        h("i", {
+          class: isExpand ? getIcon().TABLE_ROW_GROUP_OPEN : getIcon().TABLE_ROW_GROUP_CLOSE
+        })
+      ]),
+      h("div", {
+        class: "vxe-row-group-cell"
+      }, cellVNodes)
+    ]);
+  },
+  /**
+   * 树
+   */
+  renderTreeNodeBtn(params, cellVNodes) {
+    const { $table, isHidden } = params;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { row, column, level } = params;
+    const { slots } = column;
+    const iconSlot = slots ? slots.icon : null;
+    if (iconSlot) {
+      return $table.callSlot(iconSlot, params);
+    }
+    const { computeTreeOpts } = $table.getComputeMaps();
+    const { treeExpandedFlag } = tableReactData;
+    const { fullAllDataRowIdData, treeExpandedMaps, treeExpandLazyLoadedMaps } = tableInternalData;
+    const treeOpts = computeTreeOpts.value;
+    const { padding, indent, lazy, trigger, iconLoaded, showIcon, iconOpen, iconClose } = treeOpts;
+    const childrenField = treeOpts.children || treeOpts.childrenField;
+    const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
+    const rowChilds = row[childrenField];
+    const hasChild = rowChilds && rowChilds.length;
+    let hasLazyChilds = false;
+    let isActive = false;
+    let isLazyLoading = false;
+    let isLazyLoaded = false;
+    const ons = {};
+    if (!isHidden) {
+      const rowid = getRowid($table, row);
+      isActive = !!treeExpandedFlag && !!treeExpandedMaps[rowid];
+      if (lazy) {
+        const rest = fullAllDataRowIdData[rowid];
+        isLazyLoading = !!treeExpandLazyLoadedMaps[rowid];
+        hasLazyChilds = row[hasChildField];
+        isLazyLoaded = !!rest.treeLoaded;
+      }
+    }
+    if (!trigger || trigger === "default") {
+      ons.onClick = (evnt) => {
+        $table.triggerTreeExpandEvent(evnt, params);
+      };
+    }
+    return h("div", {
+      class: ["vxe-cell--tree-node", {
+        "is--active": isActive
+      }],
+      style: padding && indent ? {
+        paddingLeft: `${level * indent}px`
+      } : void 0
+    }, [
+      showIcon && (lazy ? isLazyLoaded ? hasChild : hasChild || hasLazyChilds : hasChild) ? [
+        h("div", Object.assign({ class: "vxe-cell--tree-btn" }, ons), [
+          h("i", {
+            class: isLazyLoading ? iconLoaded || getIcon().TABLE_TREE_LOADED : isActive ? iconOpen || getIcon().TABLE_TREE_OPEN : iconClose || getIcon().TABLE_TREE_CLOSE
+          })
+        ])
+      ] : null,
+      h("div", {
+        class: "vxe-tree-cell"
+      }, cellVNodes)
+    ]);
+  },
+  /**
+   * 层级节点。
+   * 行分组、树结构
+   */
+  renderDeepNodeBtn(params, cellVNodes) {
+    const { row, column } = params;
+    const { rowGroupNode } = column;
+    if (rowGroupNode && row.isAggregate) {
+      return [Cell.renderRowGroupBtn(params, cellVNodes)];
+    }
+    return [Cell.renderTreeNodeBtn(params, cellVNodes)];
+  },
+  /**
+   * 序号
+   */
+  renderSeqHeader(params) {
+    const { $table, column } = params;
+    const { slots } = column;
+    const headerSlot = slots ? slots.header : null;
+    return renderHeaderCellBaseVNs(params, renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : formatText(column.getTitle(), 1)));
+  },
+  renderSeqCell(params) {
+    const { $table, column } = params;
+    const tableProps = $table.props;
+    const { treeConfig } = tableProps;
+    const { computeSeqOpts } = $table.getComputeMaps();
+    const seqOpts = computeSeqOpts.value;
+    const { slots } = column;
+    const defaultSlot = slots ? slots.default : null;
+    if (defaultSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(defaultSlot, params));
+    }
+    const { seq } = params;
+    const seqMethod = seqOpts.seqMethod;
+    return renderCellBaseVNs(params, [
+      h("span", `${formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)}`)
+    ]);
+  },
+  renderDeepIndexCell(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderSeqCell(params));
+  },
+  /**
+   * 单选
+   */
+  renderRadioHeader(params) {
+    const { $table, column } = params;
+    const { slots } = column;
+    const headerSlot = slots ? slots.header : null;
+    const titleSlot = slots ? slots.title : null;
+    return renderHeaderCellBaseVNs(params, renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : [
+      h("span", {
+        class: "vxe-radio--label"
+      }, titleSlot ? $table.callSlot(titleSlot, params) : formatText(column.getTitle(), 1))
+    ]));
+  },
+  renderRadioCell(params) {
+    const { $table, column, isHidden } = params;
+    const tableReactData = $table.reactData;
+    const { computeRadioOpts } = $table.getComputeMaps();
+    const { selectRadioRow } = tableReactData;
+    const radioOpts = computeRadioOpts.value;
+    const { slots } = column;
+    const { labelField, checkMethod, visibleMethod } = radioOpts;
+    const { row } = params;
+    const defaultSlot = slots ? slots.default : null;
+    const radioSlot = slots ? slots.radio : null;
+    const isChecked = $table.eqRow(row, selectRadioRow);
+    const isVisible = !visibleMethod || visibleMethod({ $table, row });
+    let isDisabled = !!checkMethod;
+    let ons;
+    if (!isHidden) {
+      ons = {
+        onClick(evnt) {
+          if (!isDisabled && isVisible) {
+            $table.triggerRadioRowEvent(evnt, params);
+          }
+        }
+      };
+      if (checkMethod) {
+        isDisabled = !checkMethod({ $table, row });
+      }
+    }
+    const radioParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible });
+    if (radioSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(radioSlot, radioParams));
+    }
+    const radioVNs = [];
+    if (isVisible) {
+      radioVNs.push(h("span", {
+        class: ["vxe-radio--icon", isChecked ? getIcon().TABLE_RADIO_CHECKED : getIcon().TABLE_RADIO_UNCHECKED]
+      }));
+    }
+    if (defaultSlot || labelField) {
+      radioVNs.push(h("span", {
+        class: "vxe-radio--label"
+      }, defaultSlot ? $table.callSlot(defaultSlot, radioParams) : XEUtils.get(row, labelField)));
+    }
+    return renderCellBaseVNs(params, [
+      h("span", Object.assign({ class: ["vxe-cell--radio", {
+        "is--checked": isChecked,
+        "is--disabled": isDisabled
+      }] }, ons), radioVNs)
+    ]);
+  },
+  renderDeepRadioCell(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderRadioCell(params));
+  },
+  /**
+   * 多选
+   */
+  renderCheckboxHeader(params) {
+    const { $table, column, isHidden } = params;
+    const tableReactData = $table.reactData;
+    const { computeIsAllCheckboxDisabled, computeCheckboxOpts } = $table.getComputeMaps();
+    const { isAllSelected: isAllCheckboxSelected, isIndeterminate: isAllCheckboxIndeterminate } = tableReactData;
+    const isAllCheckboxDisabled = computeIsAllCheckboxDisabled.value;
+    const { slots } = column;
+    const headerSlot = slots ? slots.header : null;
+    const titleSlot = slots ? slots.title : null;
+    const checkboxOpts = computeCheckboxOpts.value;
+    const { checkStrictly, showHeader, headerTitle } = checkboxOpts;
+    const colTitle = column.getTitle();
+    const ons = {};
+    if (!isHidden) {
+      ons.onClick = (evnt) => {
+        if (!isAllCheckboxDisabled) {
+          $table.triggerCheckAllEvent(evnt, !isAllCheckboxSelected);
+        }
+      };
+    }
+    const checkboxParams = Object.assign(Object.assign({}, params), { checked: isAllCheckboxSelected, disabled: isAllCheckboxDisabled, indeterminate: isAllCheckboxIndeterminate });
+    if (headerSlot) {
+      return renderHeaderCellBaseVNs(params, renderTitleContent(checkboxParams, $table.callSlot(headerSlot, checkboxParams)));
+    }
+    if (checkStrictly ? !showHeader : showHeader === false) {
+      return renderHeaderCellBaseVNs(params, renderTitleContent(checkboxParams, [
+        h("span", {
+          class: "vxe-checkbox--label"
+        }, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle)
+      ]));
+    }
+    return renderHeaderCellBaseVNs(params, renderTitleContent(checkboxParams, [
+      h("span", Object.assign({ class: ["vxe-cell--checkbox", {
+        "is--checked": isAllCheckboxSelected,
+        "is--disabled": isAllCheckboxDisabled,
+        "is--indeterminate": isAllCheckboxIndeterminate
+      }], title: XEUtils.eqNull(headerTitle) ? getI18n("vxe.table.allTitle") : `${headerTitle || ""}` }, ons), [
+        h("span", {
+          class: ["vxe-checkbox--icon", isAllCheckboxIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+        })
+      ].concat(titleSlot || colTitle ? [
+        h("span", {
+          class: "vxe-checkbox--label"
+        }, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle)
+      ] : []))
+    ]));
+  },
+  renderCheckboxCell(params) {
+    const { $table, row, column, isHidden } = params;
+    const tableProps = $table.props;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { treeConfig } = tableProps;
+    const { updateCheckboxFlag, isRowGroupStatus } = tableReactData;
+    const { selectCheckboxMaps, treeIndeterminateRowMaps } = tableInternalData;
+    const { computeCheckboxOpts } = $table.getComputeMaps();
+    const checkboxOpts = computeCheckboxOpts.value;
+    const { labelField, checkMethod, visibleMethod } = checkboxOpts;
+    const { slots } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const checkboxSlot = slots ? slots.checkbox : null;
+    let indeterminate = false;
+    let isChecked = false;
+    const isVisible = !visibleMethod || visibleMethod({ $table, row });
+    let isDisabled = !!checkMethod;
+    const ons = {};
+    if (!isHidden) {
+      const rowid = getRowid($table, row);
+      isChecked = !!updateCheckboxFlag && !!selectCheckboxMaps[rowid];
+      ons.onClick = (evnt) => {
+        if (!isDisabled && isVisible) {
+          $table.triggerCheckRowEvent(evnt, params, !isChecked);
+        }
+      };
+      if (checkMethod) {
+        isDisabled = !checkMethod({ $table, row });
+      }
+      if (treeConfig || isRowGroupStatus) {
+        indeterminate = !!treeIndeterminateRowMaps[rowid];
+      }
+    }
+    const checkboxParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible, indeterminate });
+    if (checkboxSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(checkboxSlot, checkboxParams));
+    }
+    const checkVNs = [];
+    if (isVisible) {
+      checkVNs.push(h("span", {
+        class: ["vxe-checkbox--icon", indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+      }));
+    }
+    if (defaultSlot || labelField) {
+      checkVNs.push(h("span", {
+        class: "vxe-checkbox--label"
+      }, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField)));
+    }
+    return renderCellBaseVNs(params, [
+      h("span", Object.assign({ class: ["vxe-cell--checkbox", {
+        "is--checked": isChecked,
+        "is--disabled": isDisabled,
+        "is--indeterminate": indeterminate,
+        "is--hidden": !isVisible
+      }] }, ons), checkVNs)
+    ]);
+  },
+  renderDeepSelectionCell(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderCheckboxCell(params));
+  },
+  renderCheckboxCellByProp(params) {
+    const { $table, row, column, isHidden } = params;
+    const tableProps = $table.props;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { treeConfig } = tableProps;
+    const { updateCheckboxFlag, isRowGroupStatus } = tableReactData;
+    const { treeIndeterminateRowMaps } = tableInternalData;
+    const { computeCheckboxOpts } = $table.getComputeMaps();
+    const checkboxOpts = computeCheckboxOpts.value;
+    const { labelField, checkField, checkMethod, visibleMethod } = checkboxOpts;
+    const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
+    const { slots } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const checkboxSlot = slots ? slots.checkbox : null;
+    let isIndeterminate = false;
+    let isChecked = false;
+    const isVisible = !visibleMethod || visibleMethod({ $table, row });
+    let isDisabled = !!checkMethod;
+    const ons = {};
+    if (!isHidden) {
+      const rowid = getRowid($table, row);
+      isChecked = !!updateCheckboxFlag && XEUtils.get(row, checkField);
+      ons.onClick = (evnt) => {
+        if (!isDisabled && isVisible) {
+          $table.triggerCheckRowEvent(evnt, params, !isChecked);
+        }
+      };
+      if (checkMethod) {
+        isDisabled = !checkMethod({ $table, row });
+      }
+      if (treeConfig || isRowGroupStatus) {
+        isIndeterminate = !!treeIndeterminateRowMaps[rowid];
+      }
+    }
+    const checkboxParams = Object.assign(Object.assign({}, params), { checked: isChecked, disabled: isDisabled, visible: isVisible, indeterminate: isIndeterminate });
+    if (checkboxSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(checkboxSlot, checkboxParams));
+    }
+    const checkVNs = [];
+    if (isVisible) {
+      checkVNs.push(h("span", {
+        class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+      }));
+      if (defaultSlot || labelField) {
+        checkVNs.push(h("span", {
+          class: "vxe-checkbox--label"
+        }, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField)));
+      }
+    }
+    return renderCellBaseVNs(params, [
+      h("span", Object.assign({ class: ["vxe-cell--checkbox", {
+        "is--checked": isChecked,
+        "is--disabled": isDisabled,
+        "is--indeterminate": indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate,
+        "is--hidden": !isVisible
+      }] }, ons), checkVNs)
+    ]);
+  },
+  renderDeepSelectionCellByProp(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderCheckboxCellByProp(params));
+  },
+  /**
+   * 展开行
+   */
+  renderExpandCell(params) {
+    const { $table, isHidden, row, column } = params;
+    const tableReactData = $table.reactData;
+    const tableInternalData = $table.internalData;
+    const { isRowGroupStatus } = tableReactData;
+    const { rowExpandedMaps, rowExpandLazyLoadedMaps } = tableInternalData;
+    const { computeExpandOpts } = $table.getComputeMaps();
+    const expandOpts = computeExpandOpts.value;
+    const { lazy, labelField, iconLoaded, showIcon, iconOpen, iconClose, visibleMethod } = expandOpts;
+    const { slots } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const iconSlot = slots ? slots.icon : null;
+    let isActive = false;
+    let isLazyLoading = false;
+    if (isRowGroupStatus && row.isAggregate) {
+      return renderCellBaseVNs(params, []);
+    }
+    if (iconSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(iconSlot, params));
+    }
+    if (!isHidden) {
+      const rowid = getRowid($table, row);
+      isActive = !!rowExpandedMaps[rowid];
+      if (lazy) {
+        isLazyLoading = !!rowExpandLazyLoadedMaps[rowid];
+      }
+    }
+    return renderCellBaseVNs(params, [
+      showIcon && (!visibleMethod || visibleMethod(params)) ? h("span", {
+        class: ["vxe-table--expanded", {
+          "is--active": isActive
+        }],
+        onMousedown(evnt) {
+          evnt.stopPropagation();
+        },
+        onClick(evnt) {
+          $table.triggerRowExpandEvent(evnt, params);
+        }
+      }, [
+        h("i", {
+          class: ["vxe-table--expand-btn", isLazyLoading ? iconLoaded || getIcon().TABLE_EXPAND_LOADED : isActive ? iconOpen || getIcon().TABLE_EXPAND_OPEN : iconClose || getIcon().TABLE_EXPAND_CLOSE]
+        })
+      ]) : renderEmptyElement($table),
+      defaultSlot || labelField ? h("span", {
+        class: "vxe-table--expand-label"
+      }, defaultSlot ? $table.callSlot(defaultSlot, params) : XEUtils.get(row, labelField)) : renderEmptyElement($table)
+    ]);
+  },
+  renderExpandData(params) {
+    const { $table, column } = params;
+    const { slots, contentRender } = column;
+    const contentSlot = slots ? slots.content : null;
+    if (contentSlot) {
+      return $table.callSlot(contentSlot, params);
+    }
+    if (contentRender) {
+      const compConf = renderer.get(contentRender.name);
+      if (compConf) {
+        const rtExpand = compConf.renderTableExpand || compConf.renderExpand;
+        if (rtExpand) {
+          return getSlotVNs(rtExpand(contentRender, params));
+        }
+      }
+    }
+    return [];
+  },
+  /**
+   * HTML 标签
+   */
+  renderHTMLCell(params) {
+    const { $table, column } = params;
+    const { slots } = column;
+    const defaultSlot = slots ? slots.default : null;
+    if (defaultSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(defaultSlot, params));
+    }
+    return renderCellBaseVNs(params, [
+      h("span", {
+        class: "vxe-cell--html",
+        innerHTML: getDefaultCellLabel(params)
+      })
+    ]);
+  },
+  renderDeepHTMLCell(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderHTMLCell(params));
+  },
+  /**
+   * 排序和筛选
+   */
+  renderSortAndFilterHeader(params) {
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params).concat(Cell.renderFilterIcon(params))));
+  },
+  /**
+   * 排序
+   */
+  renderSortHeader(params) {
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params)));
+  },
+  renderSortIcon(params) {
+    const { $table, column } = params;
+    const { computeSortOpts } = $table.getComputeMaps();
+    const sortOpts = computeSortOpts.value;
+    const { showIcon, allowBtn, ascTitle, descTitle, iconLayout, iconAsc, iconDesc, iconVisibleMethod } = sortOpts;
+    const { order } = column;
+    if (showIcon && (!iconVisibleMethod || iconVisibleMethod(params))) {
+      return [
+        h("span", {
+          class: ["vxe-cell--sort", `vxe-cell--sort-${iconLayout}-layout`]
+        }, [
+          h("i", {
+            class: ["vxe-sort--asc-btn", iconAsc || getIcon().TABLE_SORT_ASC, {
+              "sort--active": order === "asc"
+            }],
+            title: XEUtils.eqNull(ascTitle) ? getI18n("vxe.table.sortAsc") : `${ascTitle || ""}`,
+            onClick: allowBtn ? (evnt) => {
+              evnt.stopPropagation();
+              $table.triggerSortEvent(evnt, column, "asc");
+            } : void 0
+          }),
+          h("i", {
+            class: ["vxe-sort--desc-btn", iconDesc || getIcon().TABLE_SORT_DESC, {
+              "sort--active": order === "desc"
+            }],
+            title: XEUtils.eqNull(descTitle) ? getI18n("vxe.table.sortDesc") : `${descTitle || ""}`,
+            onClick: allowBtn ? (evnt) => {
+              evnt.stopPropagation();
+              $table.triggerSortEvent(evnt, column, "desc");
+            } : void 0
+          })
+        ])
+      ];
+    }
+    return [];
+  },
+  /**
+   * 筛选
+   */
+  renderFilterHeader(params) {
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderFilterIcon(params)));
+  },
+  renderFilterIcon(params) {
+    const { $table, column, hasFilter } = params;
+    const tableReactData = $table.reactData;
+    const { filterStore } = tableReactData;
+    const { computeFilterOpts } = $table.getComputeMaps();
+    const filterOpts = computeFilterOpts.value;
+    const { showIcon, iconNone, iconMatch, iconVisibleMethod } = filterOpts;
+    if (showIcon && (!iconVisibleMethod || iconVisibleMethod(params))) {
+      return [
+        h("span", {
+          class: ["vxe-cell--filter", {
+            "is--active": filterStore.visible && filterStore.column === column
+          }],
+          onClick(evnt) {
+            if ($table.triggerFilterEvent) {
+              $table.triggerFilterEvent(evnt, params.column, params);
+            }
+          }
+        }, [
+          h("i", {
+            class: ["vxe-filter--btn", hasFilter ? iconMatch || getIcon().TABLE_FILTER_MATCH : iconNone || getIcon().TABLE_FILTER_NONE],
+            title: getI18n("vxe.table.filter")
+          })
+        ])
+      ];
+    }
+    return [];
+  },
+  /**
+   * 可编辑
+   */
+  renderEditHeader(params) {
+    const { $table, column } = params;
+    const tableProps = $table.props;
+    const { computeEditOpts } = $table.getComputeMaps();
+    const { editConfig, editRules } = tableProps;
+    const editOpts = computeEditOpts.value;
+    const { sortable, filters, editRender } = column;
+    let isRequired = false;
+    if (editRules) {
+      const columnRules = XEUtils.get(editRules, column.field);
+      if (columnRules) {
+        isRequired = columnRules.some((rule) => rule.required);
+      }
+    }
+    let editIconVNs = [];
+    if (isEnableConf(editConfig)) {
+      editIconVNs = [
+        isRequired && editOpts.showAsterisk ? h("span", {
+          class: "vxe-cell--required-icon"
+        }, [
+          h("i")
+        ]) : renderEmptyElement($table),
+        isEnableConf(editRender) && editOpts.showIcon ? h("span", {
+          class: "vxe-cell--edit-icon"
+        }, [
+          h("i", {
+            class: editOpts.icon || getIcon().TABLE_EDIT
+          })
+        ]) : renderEmptyElement($table)
+      ];
+    }
+    return renderHeaderCellBaseVNs(params, editIconVNs.concat(Cell.renderHeaderTitle(params)).concat(sortable ? Cell.renderSortIcon(params) : []).concat(filters ? Cell.renderFilterIcon(params) : []));
+  },
+  // 行格编辑模式
+  renderRowEdit(params) {
+    const { $table, column } = params;
+    const tableReactData = $table.reactData;
+    const { editStore } = tableReactData;
+    const { actived } = editStore;
+    const { editRender } = column;
+    return Cell.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row);
+  },
+  renderDeepRowEdit(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderRowEdit(params));
+  },
+  // 单元格编辑模式
+  renderCellEdit(params) {
+    const { $table, column } = params;
+    const tableReactData = $table.reactData;
+    const { editStore } = tableReactData;
+    const { actived } = editStore;
+    const { editRender } = column;
+    return Cell.runRenderer(params, isEnableConf(editRender) && actived && actived.row === params.row && actived.column === params.column);
+  },
+  renderDeepCellEdit(params) {
+    return Cell.renderDeepNodeBtn(params, Cell.renderCellEdit(params));
+  },
+  runRenderer(params, isEdit) {
+    const { $table, column } = params;
+    const { slots, editRender, formatter } = column;
+    const defaultSlot = slots ? slots.default : null;
+    const editSlot = slots ? slots.edit : null;
+    const compConf = renderer.get(editRender.name);
+    const rtEdit = compConf ? compConf.renderTableEdit || compConf.renderEdit : null;
+    const cellParams = Object.assign({ $type: "", isEdit }, params);
+    if (isEdit) {
+      cellParams.$type = "edit";
+      if (editSlot) {
+        return $table.callSlot(editSlot, cellParams);
+      }
+      if (rtEdit) {
+        return getSlotVNs(rtEdit(editRender, cellParams));
+      }
+      return [];
+    }
+    if (defaultSlot) {
+      return renderCellBaseVNs(params, $table.callSlot(defaultSlot, cellParams));
+    }
+    if (formatter) {
+      return renderCellBaseVNs(params, [
+        h("span", {
+          class: "vxe-cell--label"
+        }, getDefaultCellLabel(cellParams))
+      ]);
+    }
+    return Cell.renderDefaultCell(cellParams);
+  }
+};
+export {
+  Cell,
+  Cell as default
+};