@fecp/mobile 1.1.22 → 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/use/cell-view.mjs

@@ -0,0 +1,37 @@
+import { computed } from "vue";
+import XEUtils from "../../../../../../../../../_virtual/index.mjs";
+function useCellView(props) {
+  const currColumn = computed(() => {
+    const { renderParams } = props;
+    return renderParams.column;
+  });
+  const currRow = computed(() => {
+    const { renderParams } = props;
+    return renderParams.row;
+  });
+  const cellOptions = computed(() => {
+    const { renderOpts } = props;
+    return renderOpts.props || {};
+  });
+  const cellModel = computed({
+    get() {
+      const { renderParams } = props;
+      const { row, column } = renderParams;
+      return XEUtils.get(row, column.field);
+    },
+    set(value) {
+      const { renderParams } = props;
+      const { row, column } = renderParams;
+      return XEUtils.set(row, column.field, value);
+    }
+  });
+  return {
+    currColumn,
+    currRow,
+    cellModel,
+    cellOptions
+  };
+}
+export {
+  useCellView
+};

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/util.mjs

@@ -0,0 +1,537 @@
+import { watch, reactive, nextTick } from "vue";
+import XEUtils from "../../../../../../../../_virtual/index.mjs";
+import { ColumnInfo } from "./columnInfo.mjs";
+import { queryElement, isScale, isPx } from "../../ui/src/dom.mjs";
+import { eqEmptyValue } from "../../ui/src/utils.mjs";
+const getAllConvertColumns = (columns, parentColumn) => {
+  const result = [];
+  columns.forEach((column) => {
+    column.parentId = parentColumn ? parentColumn.id : null;
+    if (column.visible) {
+      if (column.children && column.children.length && column.children.some((column2) => column2.visible)) {
+        result.push(column);
+        result.push(...getAllConvertColumns(column.children, column));
+      } else {
+        result.push(column);
+      }
+    }
+  });
+  return result;
+};
+const convertHeaderColumnToRows = (originColumns) => {
+  let maxLevel = 1;
+  const traverse = (column, parent) => {
+    if (parent) {
+      column.level = parent.level + 1;
+      if (maxLevel < column.level) {
+        maxLevel = column.level;
+      }
+    }
+    if (column.children && column.children.length && column.children.some((column2) => column2.visible)) {
+      let colSpan = 0;
+      column.children.forEach((subColumn) => {
+        if (subColumn.visible) {
+          traverse(subColumn, column);
+          colSpan += subColumn.colSpan;
+        }
+      });
+      column.colSpan = colSpan;
+    } else {
+      column.colSpan = 1;
+    }
+  };
+  originColumns.forEach((column) => {
+    column.level = 1;
+    traverse(column);
+  });
+  const rows = [];
+  for (let i = 0; i < maxLevel; i++) {
+    rows.push([]);
+  }
+  const allColumns = getAllConvertColumns(originColumns);
+  allColumns.forEach((column) => {
+    if (column.children && column.children.length && column.children.some((column2) => column2.visible)) {
+      column.rowSpan = 1;
+    } else {
+      column.rowSpan = maxLevel - column.level + 1;
+    }
+    rows[column.level - 1].push(column);
+  });
+  return rows;
+};
+function restoreScrollLocation($xeTable, scrollLeft, scrollTop) {
+  const internalData = $xeTable.internalData;
+  if (scrollLeft || scrollTop) {
+    internalData.intoRunScroll = false;
+    internalData.inVirtualScroll = false;
+    internalData.inWheelScroll = false;
+    internalData.inHeaderScroll = false;
+    internalData.inBodyScroll = false;
+    internalData.inFooterScroll = false;
+    internalData.scrollRenderType = "";
+    return $xeTable.scrollTo(scrollLeft, scrollTop);
+  }
+  return nextTick();
+}
+function getRowUniqueId() {
+  return XEUtils.uniqueId("row_");
+}
+function hasDeepKey(rowKey) {
+  return rowKey.indexOf(".") > -1;
+}
+function getRowkey($xeTable) {
+  const { currKeyField } = $xeTable.internalData;
+  return currKeyField;
+}
+function getRowid($xeTable, row) {
+  const internalData = $xeTable.internalData;
+  const { isCurrDeepKey, currKeyField } = internalData;
+  return row ? encodeRowid((isCurrDeepKey ? getDeepRowIdByKey : getFastRowIdByKey)(row, currKeyField)) : "";
+}
+function createHandleUpdateRowId($xeTable) {
+  const internalData = $xeTable.internalData;
+  const { isCurrDeepKey, currKeyField } = internalData;
+  const updateRId = isCurrDeepKey ? updateDeepRowKey : updateFastRowKey;
+  return {
+    rowKey: currKeyField,
+    handleUpdateRowId(row) {
+      return row ? updateRId(row, currKeyField) : "";
+    }
+  };
+}
+function createHandleGetRowId($xeTable) {
+  const internalData = $xeTable.internalData;
+  const { isCurrDeepKey, currKeyField } = internalData;
+  const getRId = isCurrDeepKey ? getDeepRowIdByKey : getFastRowIdByKey;
+  return {
+    rowKey: currKeyField,
+    handleGetRowId(row) {
+      return row ? encodeRowid(getRId(row, currKeyField)) : "";
+    }
+  };
+}
+function encodeRowid(rowVal) {
+  return XEUtils.eqNull(rowVal) ? "" : encodeURIComponent(rowVal);
+}
+function getDeepRowIdByKey(row, rowKey) {
+  return XEUtils.get(row, rowKey);
+}
+function updateDeepRowKey(row, rowKey) {
+  let rowid = encodeRowid(getDeepRowIdByKey(row, rowKey));
+  if (eqEmptyValue(rowid)) {
+    rowid = getRowUniqueId();
+    XEUtils.set(row, rowKey, rowid);
+  }
+  return rowid;
+}
+function getFastRowIdByKey(row, rowKey) {
+  return row[rowKey];
+}
+function updateFastRowKey(row, rowKey) {
+  let rowid = encodeRowid(getFastRowIdByKey(row, rowKey));
+  if (eqEmptyValue(rowid)) {
+    rowid = getRowUniqueId();
+    row[rowKey] = rowid;
+  }
+  return rowid;
+}
+const handleFieldOrColumn = ($xeTable, fieldOrColumn) => {
+  if (fieldOrColumn) {
+    return XEUtils.isString(fieldOrColumn) || XEUtils.isNumber(fieldOrColumn) ? $xeTable.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
+  }
+  return null;
+};
+const handleRowidOrRow = ($xeTable, rowidOrRow) => {
+  if (rowidOrRow) {
+    const rowid = XEUtils.isString(rowidOrRow) || XEUtils.isNumber(rowidOrRow) ? rowidOrRow : getRowid($xeTable, rowidOrRow);
+    return $xeTable.getRowById(rowid);
+  }
+  return null;
+};
+function getPaddingLeftRightSize(elem) {
+  if (elem) {
+    const computedStyle = getComputedStyle(elem);
+    const paddingLeft = XEUtils.toNumber(computedStyle.paddingLeft);
+    const paddingRight = XEUtils.toNumber(computedStyle.paddingRight);
+    return paddingLeft + paddingRight;
+  }
+  return 0;
+}
+function getElementMarginAndWidth(elem) {
+  if (elem) {
+    const computedStyle = getComputedStyle(elem);
+    const marginLeft = XEUtils.toNumber(computedStyle.marginLeft);
+    const marginRight = XEUtils.toNumber(computedStyle.marginRight);
+    return elem.offsetWidth + marginLeft + marginRight;
+  }
+  return 0;
+}
+function toFilters(filters) {
+  if (filters && XEUtils.isArray(filters)) {
+    return filters.map(({ label, value, data, resetValue, checked }) => {
+      return { label, value, data, resetValue, checked: !!checked, _checked: !!checked };
+    });
+  }
+  return filters;
+}
+function toTreePathSeq(path) {
+  return path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : ".").join("");
+}
+function getCellValue(row, column) {
+  return XEUtils.get(row, column.field);
+}
+function setCellValue(row, column, value) {
+  return XEUtils.set(row, column.field, value);
+}
+function getRefElem(refEl) {
+  if (refEl) {
+    const rest = refEl.value;
+    if (rest) {
+      return rest.$el || rest;
+    }
+  }
+  return null;
+}
+function getCellHeight(height) {
+  if (height === "unset") {
+    return 0;
+  }
+  return height || 0;
+}
+function getColReMinWidth(params) {
+  const { $table, column, cell } = params;
+  const tableProps = $table.props;
+  const internalData = $table.internalData;
+  const { computeResizableOpts } = $table.getComputeMaps();
+  const resizableOpts = computeResizableOpts.value;
+  const { minWidth: reMinWidth } = resizableOpts;
+  if (reMinWidth) {
+    const customMinWidth = XEUtils.isFunction(reMinWidth) ? reMinWidth(params) : reMinWidth;
+    if (customMinWidth !== "auto") {
+      return Math.max(1, XEUtils.toNumber(customMinWidth));
+    }
+  }
+  const { elemStore } = internalData;
+  const { showHeaderOverflow: allColumnHeaderOverflow } = tableProps;
+  const { showHeaderOverflow, minWidth: colMinWidth } = column;
+  const headOverflow = XEUtils.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
+  const showEllipsis = headOverflow === "ellipsis";
+  const showTitle = headOverflow === "title";
+  const showTooltip = headOverflow === true || headOverflow === "tooltip";
+  const hasEllipsis = showTitle || showTooltip || showEllipsis;
+  const minTitleWidth = XEUtils.floor((XEUtils.toNumber(getComputedStyle(cell).fontSize) || 14) * 1.8);
+  const paddingLeftRight = getPaddingLeftRightSize(cell) + getPaddingLeftRightSize(queryElement(cell, ".vxe-cell"));
+  let mWidth = minTitleWidth + paddingLeftRight;
+  if (hasEllipsis) {
+    const dragIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--drag-handle"));
+    const checkboxIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--checkbox"));
+    const requiredIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--required-icon"));
+    const editIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--edit-icon"));
+    const prefixIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell-title-prefix-icon"));
+    const suffixIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell-title-suffix-icon"));
+    const sortIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--sort"));
+    const filterIconWidth = getElementMarginAndWidth(queryElement(cell, ".vxe-cell--filter"));
+    mWidth += dragIconWidth + checkboxIconWidth + requiredIconWidth + editIconWidth + prefixIconWidth + suffixIconWidth + filterIconWidth + sortIconWidth;
+  }
+  if (colMinWidth) {
+    const bodyScrollElem = getRefElem(elemStore["main-body-scroll"]);
+    if (bodyScrollElem) {
+      if (isScale(colMinWidth)) {
+        const bodyWidth = bodyScrollElem.clientWidth - 1;
+        const meanWidth = bodyWidth / 100;
+        return Math.max(mWidth, Math.floor(XEUtils.toInteger(colMinWidth) * meanWidth));
+      } else if (isPx(colMinWidth)) {
+        return Math.max(mWidth, XEUtils.toInteger(colMinWidth));
+      }
+    }
+  }
+  return mWidth;
+}
+function isColumnInfo(column) {
+  return column && (column.constructor === ColumnInfo || column instanceof ColumnInfo);
+}
+function createColumn($xeTable, options, renderOptions) {
+  return isColumnInfo(options) ? options : reactive(new ColumnInfo($xeTable, options, renderOptions));
+}
+function watchColumn($xeTable, props, column) {
+  Object.keys(props).forEach((name) => {
+    watch(() => props[name], (value) => {
+      column.update(name, value);
+      if ($xeTable) {
+        if (name === "filters") {
+          $xeTable.setFilter(column, value);
+          $xeTable.handleUpdateDataQueue();
+        } else if (["visible", "fixed", "width", "minWidth", "maxWidth"].includes(name)) {
+          $xeTable.handleRefreshColumnQueue();
+        }
+      }
+    });
+  });
+}
+function assembleColumn($xeTable, elem, column, colgroup) {
+  const { reactData } = $xeTable;
+  const { staticColumns } = reactData;
+  const parentElem = elem.parentNode;
+  const parentColumn = colgroup ? colgroup.columnConfig : null;
+  const parentCols = parentColumn ? parentColumn.children : staticColumns;
+  if (parentElem && parentCols) {
+    parentCols.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, column);
+    reactData.staticColumns = staticColumns.slice(0);
+  }
+}
+function destroyColumn($xeTable, column) {
+  const { reactData } = $xeTable;
+  const { staticColumns } = reactData;
+  const matchObj = XEUtils.findTree(staticColumns, (item) => item.id === column.id, { children: "children" });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  reactData.staticColumns = staticColumns.slice(0);
+}
+function getRootColumn($xeTable, column) {
+  const { internalData } = $xeTable;
+  const { fullColumnIdData } = internalData;
+  if (!column) {
+    return null;
+  }
+  let parentColId = column.parentId;
+  while (fullColumnIdData[parentColId]) {
+    const column2 = fullColumnIdData[parentColId].column;
+    parentColId = column2.parentId;
+    if (!parentColId) {
+      return column2;
+    }
+  }
+  return column;
+}
+const lineOffsetSizes = {
+  mini: 3,
+  small: 2,
+  medium: 1,
+  large: 0
+};
+const countTreeExpand = (prevRow, params) => {
+  let count = 1;
+  if (!prevRow) {
+    return count;
+  }
+  const { $table } = params;
+  const { computeTreeOpts } = $table.getComputeMaps();
+  const treeOpts = computeTreeOpts.value;
+  const { transform, mapChildrenField } = treeOpts;
+  const childrenField = treeOpts.children || treeOpts.childrenField;
+  const rowChildren = prevRow[transform ? mapChildrenField : childrenField];
+  if (rowChildren && $table.isTreeExpandByRow(prevRow)) {
+    for (let index = 0; index < rowChildren.length; index++) {
+      count += countTreeExpand(rowChildren[index], params);
+    }
+  }
+  return count;
+};
+const getOffsetSize = ($xeTable) => {
+  const { computeSize } = $xeTable.getComputeMaps();
+  const vSize = computeSize.value;
+  if (vSize) {
+    return lineOffsetSizes[vSize] || 0;
+  }
+  return 0;
+};
+function calcTreeLine(params, prevRow) {
+  const { $table, row } = params;
+  const tableProps = $table.props;
+  const tableReactData = $table.reactData;
+  const tableInternalData = $table.internalData;
+  const { showOverflow } = tableProps;
+  const { scrollYLoad } = tableReactData;
+  const { fullAllDataRowIdData } = tableInternalData;
+  const { computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $table.getComputeMaps();
+  const rowOpts = computeRowOpts.value;
+  const cellOpts = computeCellOpts.value;
+  const defaultRowHeight = computeDefaultRowHeight.value;
+  const rowid = getRowid($table, row);
+  const rowRest = fullAllDataRowIdData[rowid];
+  const currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
+  let expandSize = 1;
+  if (prevRow) {
+    expandSize = countTreeExpand(prevRow, params);
+  }
+  let cellHeight = currCellHeight;
+  const vnHeight = rowRest.height;
+  if (scrollYLoad) {
+    if (!showOverflow) {
+      cellHeight = vnHeight || currCellHeight;
+    }
+  }
+  return cellHeight * expandSize - (prevRow ? 1 : 12 - getOffsetSize($table));
+}
+function clearTableDefaultStatus($xeTable) {
+  const { props, internalData } = $xeTable;
+  internalData.initStatus = false;
+  $xeTable.clearSort();
+  $xeTable.clearCurrentRow();
+  $xeTable.clearCurrentColumn();
+  $xeTable.clearRadioRow();
+  $xeTable.clearRadioReserve();
+  $xeTable.clearCheckboxRow();
+  $xeTable.clearCheckboxReserve();
+  $xeTable.clearRowExpand();
+  $xeTable.clearTreeExpand();
+  $xeTable.clearTreeExpandReserve();
+  $xeTable.clearPendingRow();
+  if ($xeTable.clearFilter) {
+    $xeTable.clearFilter();
+  }
+  if ($xeTable.clearSelected && (props.keyboardConfig || props.mouseConfig)) {
+    $xeTable.clearSelected();
+  }
+  if ($xeTable.clearCellAreas && props.mouseConfig) {
+    $xeTable.clearCellAreas();
+    $xeTable.clearCopyCellArea();
+  }
+  return $xeTable.clearScroll();
+}
+function clearTableAllStatus($xeTable) {
+  if ($xeTable.clearFilter) {
+    $xeTable.clearFilter();
+  }
+  return clearTableDefaultStatus($xeTable);
+}
+function rowToVisible($xeTable, row) {
+  const tableProps = $xeTable.props;
+  const reactData = $xeTable.reactData;
+  const internalData = $xeTable.internalData;
+  const { computeLeftFixedWidth, computeRightFixedWidth, computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
+  const { showOverflow } = tableProps;
+  const { scrollYLoad, scrollYTop } = reactData;
+  const { elemStore, afterFullData, fullAllDataRowIdData, isResizeCellHeight } = internalData;
+  const rowOpts = computeRowOpts.value;
+  const cellOpts = computeCellOpts.value;
+  const defaultRowHeight = computeDefaultRowHeight.value;
+  const leftFixedWidth = computeLeftFixedWidth.value;
+  const rightFixedWidth = computeRightFixedWidth.value;
+  const bodyScrollElem = getRefElem(elemStore["main-body-scroll"]);
+  const rowid = getRowid($xeTable, row);
+  if (bodyScrollElem) {
+    const bodyHeight = bodyScrollElem.clientHeight;
+    const bodyScrollTop = bodyScrollElem.scrollTop;
+    const trElem = bodyScrollElem.querySelector(`[rowid="${rowid}"]`);
+    if (trElem) {
+      const trOffsetTop = trElem.offsetTop + (scrollYLoad ? scrollYTop : 0);
+      const trHeight = trElem.clientHeight;
+      if (trOffsetTop < bodyScrollTop || trOffsetTop > bodyScrollTop + bodyHeight) {
+        return $xeTable.scrollTo(null, trOffsetTop);
+      } else if (trOffsetTop + trHeight >= bodyHeight + bodyScrollTop) {
+        return $xeTable.scrollTo(null, bodyScrollTop + trHeight);
+      }
+    } else {
+      if (scrollYLoad) {
+        const isCustomCellHeight = isResizeCellHeight || cellOpts.height || rowOpts.height;
+        if (!isCustomCellHeight && showOverflow) {
+          return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * defaultRowHeight);
+        }
+        let scrollTop = 0;
+        const rowRest = fullAllDataRowIdData[rowid] || {};
+        const rHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
+        for (let i = 0; i < afterFullData.length; i++) {
+          const currRow = afterFullData[i];
+          const currRowid = getRowid($xeTable, currRow);
+          if (currRow === row || currRowid === rowid) {
+            break;
+          }
+          const currRowRest = fullAllDataRowIdData[currRowid] || {};
+          scrollTop += currRowRest.resizeHeight || cellOpts.height || rowOpts.height || currRowRest.height || defaultRowHeight;
+        }
+        if (scrollTop < bodyScrollTop) {
+          return $xeTable.scrollTo(null, scrollTop - leftFixedWidth - 1);
+        }
+        return $xeTable.scrollTo(null, scrollTop + rHeight - (bodyHeight - rightFixedWidth - 1));
+      }
+    }
+  }
+  return Promise.resolve();
+}
+function colToVisible($xeTable, column, row) {
+  const reactData = $xeTable.reactData;
+  const internalData = $xeTable.internalData;
+  const { computeLeftFixedWidth, computeRightFixedWidth } = $xeTable.getComputeMaps();
+  const { scrollXLoad, scrollXLeft } = reactData;
+  const { elemStore, visibleColumn } = internalData;
+  const leftFixedWidth = computeLeftFixedWidth.value;
+  const rightFixedWidth = computeRightFixedWidth.value;
+  const bodyScrollElem = getRefElem(elemStore["main-body-scroll"]);
+  if (column.fixed) {
+    return Promise.resolve();
+  }
+  if (bodyScrollElem) {
+    const bodyWidth = bodyScrollElem.clientWidth;
+    const bodyScrollLeft = bodyScrollElem.scrollLeft;
+    let tdElem = null;
+    if (row) {
+      const rowid = getRowid($xeTable, row);
+      tdElem = bodyScrollElem.querySelector(`[rowid="${rowid}"] .${column.id}`);
+    }
+    if (!tdElem) {
+      tdElem = bodyScrollElem.querySelector(`.${column.id}`);
+    }
+    if (tdElem) {
+      const tdOffsetLeft = tdElem.offsetLeft + (scrollXLoad ? scrollXLeft : 0);
+      const cellWidth = tdElem.clientWidth;
+      if (tdOffsetLeft < bodyScrollLeft + leftFixedWidth) {
+        return $xeTable.scrollTo(tdOffsetLeft - leftFixedWidth - 1);
+      } else if (tdOffsetLeft + cellWidth - bodyScrollLeft > bodyWidth - rightFixedWidth) {
+        return $xeTable.scrollTo(tdOffsetLeft + cellWidth - (bodyWidth - rightFixedWidth - 1));
+      }
+    } else {
+      if (scrollXLoad) {
+        let scrollLeft = 0;
+        const cellWidth = column.renderWidth;
+        for (let i = 0; i < visibleColumn.length; i++) {
+          const currCol = visibleColumn[i];
+          if (currCol === column || currCol.id === column.id) {
+            break;
+          }
+          scrollLeft += currCol.renderWidth;
+        }
+        if (scrollLeft < bodyScrollLeft) {
+          return $xeTable.scrollTo(scrollLeft - leftFixedWidth - 1);
+        }
+        return $xeTable.scrollTo(scrollLeft + cellWidth - (bodyWidth - rightFixedWidth - 1));
+      }
+    }
+  }
+  return Promise.resolve();
+}
+export {
+  assembleColumn,
+  calcTreeLine,
+  clearTableAllStatus,
+  clearTableDefaultStatus,
+  colToVisible,
+  convertHeaderColumnToRows,
+  createColumn,
+  createHandleGetRowId,
+  createHandleUpdateRowId,
+  destroyColumn,
+  encodeRowid,
+  getCellHeight,
+  getCellValue,
+  getColReMinWidth,
+  getOffsetSize,
+  getRefElem,
+  getRootColumn,
+  getRowUniqueId,
+  getRowid,
+  getRowkey,
+  handleFieldOrColumn,
+  handleRowidOrRow,
+  hasDeepKey,
+  isColumnInfo,
+  restoreScrollLocation,
+  rowToVisible,
+  setCellValue,
+  toFilters,
+  toTreePathSeq,
+  updateDeepRowKey,
+  updateFastRowKey,
+  watchColumn
+};

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

@@ -0,0 +1,12 @@
+import "../ui/index.mjs";
+import VxeToolbarComponent from "./src/toolbar.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";
+Object.assign({}, VxeToolbarComponent, {
+  install(app) {
+    app.component(VxeToolbarComponent.name, VxeToolbarComponent);
+  }
+});
+if (VxeUI.dynamicApp) {
+  VxeUI.dynamicApp.component(VxeToolbarComponent.name, VxeToolbarComponent);
+}
+VxeUI.component(VxeToolbarComponent);