cui-print 1.0.28

package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination-preview.js

@@ -0,0 +1,84 @@
+import { deepCopy, camelToKebab } from "../../print-designer-utils";
+import printDesignerStyleHelper from "../../print-designer-style-helper";
+import complexTableTools from "./complex-table-tools";
+import createTableHeader from "./create-table-header";
+export default ({ printData, printConfig, formConfig, layoutConfig, createHtmlByComponentItem, errorLogs } = {}) => {
+  const createComplexTableHtml = (complexTableDetails) => {
+    return _createHtml({ complexTableDetails });
+  };
+  function _createHtml({ complexTableDetails } = {}) {
+    let complexTableHtml = "";
+    let { spanHeaderCellDict, spanHeaderCellList } = complexTableTools.createHeaderSpanDetails({ complexTableDetails });
+    let headerRowLength = complexTableDetails.props.headerRow;
+    let colLength = complexTableDetails.props.col;
+    let tableData = complexTableTools.getTableData({ complexTableDetails, printData });
+    for (let rowIndex = 0; rowIndex < headerRowLength; rowIndex++) {
+      let headerCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = createTableHeader.getHeaderCellHtml({ rowIndex, colIndex, spanHeaderCellList, complexTableDetails });
+        headerCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="complex-table-header-tr" header-index="${rowIndex}">${headerCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    for (let rowIndex = 0; rowIndex < tableData.length; rowIndex++) {
+      let contentCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = _getContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails });
+        contentCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="complex-table-content-tr" content-index="${rowIndex}">${contentCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    complexTableHtml = `<table class="print-complex-table print-complex-table--pagination-preview" 
+      style="${printDesignerStyleHelper.createComplexTableStyle({
+        propsConfig: complexTableDetails.props,
+        styleConfig: complexTableDetails.style
+      })}" 
+      cellspacing="0" 
+      cellpadding="0">${complexTableHtml}
+    </table>`;
+    return complexTableHtml;
+  }
+  function _getContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails } = {}) {
+    let propsConfig = complexTableDetails.props;
+    let styleConfig = complexTableDetails.style;
+    let contentCellHtml = "";
+    contentCellHtml = `<td style="${printDesignerStyleHelper.createComplexTableContentTdStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}"><div class="content-text" style="${printDesignerStyleHelper.createComplexTableContentTdContainerStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}">${_createContentTdText({ rowIndex, colIndex, tableData, complexTableDetails })}</div></td>`;
+    return contentCellHtml;
+  }
+  function _createContentTdText({ rowIndex, colIndex, tableData, complexTableDetails } = {}) {
+    let propsConfig = complexTableDetails.props;
+    if (!propsConfig.columnsField || !propsConfig.columnsField[colIndex]) {
+      return "";
+    }
+    if (!tableData[rowIndex]) {
+      return "";
+    }
+    let columnField = propsConfig.columnsField[colIndex].field;
+    let columnFieldList = columnField.split("&#");
+    let nowContentTdText = "";
+    columnFieldList.forEach((filed) => {
+      let columnItemText = tableData[rowIndex][filed];
+      if (!columnItemText && columnItemText !== 0) {
+        return;
+      }
+      columnItemText = `${columnItemText}`;
+      columnItemText = columnItemText
+        .replace(/[\s\n]+$/, "")
+        .replace(/ /g, "&nbsp;")
+        .replace(/\n/g, "<br>");
+      nowContentTdText += columnItemText;
+    });
+    return nowContentTdText;
+  }
+  return {
+    createComplexTableHtml
+  };
+};

package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination.js

@@ -0,0 +1,272 @@
+import { deepCopy, camelToKebab } from "../../print-designer-utils";
+import printDesignerStyleHelper from "../../print-designer-style-helper";
+import complexTableTools from "./complex-table-tools";
+import createTableHeader from "./create-table-header";
+export default ({ printData, printConfig, formConfig, layoutConfig, createHtmlByComponentItem, errorLogs } = {}) => {
+  const createComplexTableHtml = (complexTableDetails) => {
+    if (!complexTableDetails._tablePaginationConfig) {
+      return "";
+    }
+    if (!!complexTableDetails._tablePaginationConfig && complexTableDetails._tablePaginationConfig.type == "pagination_default") {
+      return _createHtml({ complexTableDetails });
+    }
+    if (
+      !!complexTableDetails._tablePaginationConfig &&
+      complexTableDetails._tablePaginationConfig.type == "pagination_afterBlankRow"
+    ) {
+      // 添加表格含空白内容
+      return _createHtmlHasBlankContent({ complexTableDetails });
+    }
+  };
+  function _createHtml({ complexTableDetails } = {}) {
+    let complexTableHtml = "";
+    let { spanHeaderCellDict, spanHeaderCellList } = complexTableTools.createHeaderSpanDetails({ complexTableDetails });
+    let headerRowLength = complexTableDetails.props.headerRow;
+    let colLength = complexTableDetails.props.col;
+    let tableData = complexTableTools.getTableData({ complexTableDetails, printData });
+    for (let rowIndex = 0; rowIndex < headerRowLength; rowIndex++) {
+      let headerCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = createTableHeader.getHeaderCellHtml({ rowIndex, colIndex, spanHeaderCellList, complexTableDetails });
+        headerCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="complex-table-header-tr" header-index="${rowIndex}">${headerCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    for (let rowIndex = 0; rowIndex < tableData.length; rowIndex++) {
+      let contentCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = _getContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails });
+        contentCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="${_formatContentTrClass({
+        complexTableDetails,
+        rowData: tableData[rowIndex]
+      })}" content-index="${rowIndex}">${contentCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    let tableClassList = ["print-complex-table", "print-complex-table--pagination"];
+    let tableClass = tableClassList.join(" ");
+    complexTableHtml = `<table class="${tableClass}" 
+      style="${printDesignerStyleHelper.createComplexTableStyle({
+        propsConfig: complexTableDetails.props,
+        styleConfig: complexTableDetails.style
+      })}" 
+      cellspacing="0" 
+      cellpadding="0">${complexTableHtml}
+    </table>`;
+    let isPaginationEnabled = complexTableDetails.props.isPaginationEnabled;
+    if (!!isPaginationEnabled) {
+      complexTableHtml += _getPaginationHtml({ complexTableDetails });
+    }
+    return complexTableHtml;
+  }
+  function _createHtmlHasBlankContent({ complexTableDetails } = {}) {
+    let complexTableHtml = "";
+    let { spanHeaderCellDict, spanHeaderCellList } = complexTableTools.createHeaderSpanDetails({ complexTableDetails });
+    let headerRowLength = complexTableDetails.props.headerRow;
+    let colLength = complexTableDetails.props.col;
+    let tableData = complexTableTools.getTableData({ complexTableDetails, printData });
+    let tablePaginationConfig = complexTableDetails._tablePaginationConfig;
+    for (let rowIndex = 0; rowIndex < headerRowLength; rowIndex++) {
+      let headerCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = createTableHeader.getHeaderCellHtml({ rowIndex, colIndex, spanHeaderCellList, complexTableDetails });
+        headerCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="complex-table-header-tr" header-index="${rowIndex}">${headerCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    for (let rowIndex = 0; rowIndex < tableData.length; rowIndex++) {
+      let contentCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = _getContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails });
+        contentCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="${_formatContentTrClass({
+        complexTableDetails,
+        rowData: tableData[rowIndex]
+      })}" content-index="${rowIndex}">${contentCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    for (let rowIndex = 0; rowIndex < tablePaginationConfig.blankRowCount; rowIndex++) {
+      let contentCellHtml = ``;
+      for (let colIndex = 0; colIndex < colLength; colIndex++) {
+        let nowCellHtml = _getBlankContentCellHtml({ rowIndex, colIndex, complexTableDetails });
+        contentCellHtml += nowCellHtml;
+      }
+      let rowHtml = `<tr class="complex-table-blank-tr complex-table-blank-tr--after" blank-index="${rowIndex}">${contentCellHtml}</tr>`;
+      complexTableHtml += rowHtml;
+    }
+    let tableClassList = ["print-complex-table", "print-complex-table--pagination"];
+    let tableClass = tableClassList.join(" ");
+    complexTableHtml = `<table class="${tableClass}" 
+      style="${printDesignerStyleHelper.createComplexTableStyle({
+        propsConfig: complexTableDetails.props,
+        styleConfig: complexTableDetails.style
+      })}" 
+      cellspacing="0" 
+      cellpadding="0">${complexTableHtml}
+    </table>`;
+    let isPaginationEnabled = complexTableDetails.props.isPaginationEnabled;
+    if (!!isPaginationEnabled) {
+      complexTableHtml += _getPaginationHtml({ complexTableDetails });
+    }
+    return complexTableHtml;
+  }
+  function _getContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails } = {}) {
+    let propsConfig = complexTableDetails.props;
+    let styleConfig = complexTableDetails.style;
+    let contentCellHtml = "";
+    let rowData = tableData[rowIndex];
+    if (!!rowData._paginationMode_type && rowData._paginationMode_type == "excessBlankRow" && rowIndex > 0) {
+      // 超出的空白行
+      contentCellHtml = `<td style="${printDesignerStyleHelper.createComplexTableContentTdStyle({
+        complexTablePropsConfig: propsConfig,
+        complexTableStyleConfig: styleConfig
+      })}"><div></div></td>`;
+      return contentCellHtml;
+    }
+    if (!!rowData._paginationMode_type && rowData._paginationMode_type == "excessBlankRow" && rowIndex === 0) {
+      // 超出的空白行 跨页
+      contentCellHtml = `<td style="${printDesignerStyleHelper.createComplexTableContentTdStyle({
+        complexTablePropsConfig: propsConfig,
+        complexTableStyleConfig: styleConfig
+      })}"><div class="excess-td-container" style="${_createExcessBlankRowTdContainerStyle({
+        rowIndex,
+        colIndex,
+        tableData,
+        complexTableDetails
+      })}"><div  style="${printDesignerStyleHelper.createComplexTableContentTdContainerStyle({
+        complexTablePropsConfig: propsConfig,
+        complexTableStyleConfig: styleConfig
+      })}${_createExcessBlankRowTdContainerContentStyle({
+        rowIndex,
+        colIndex,
+        tableData,
+        complexTableDetails
+      })}">${_createContentTdText({
+        rowIndex,
+        colIndex,
+        tableData,
+        complexTableDetails
+      })}</div></div></td>`;
+      return contentCellHtml;
+    }
+    // 其他情况
+    contentCellHtml = `<td style="${printDesignerStyleHelper.createComplexTableContentTdStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}"><div style="${printDesignerStyleHelper.createComplexTableContentTdContainerStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}">${_createContentTdText({ rowIndex, colIndex, tableData, complexTableDetails })}</div></td>`;
+    return contentCellHtml;
+  }
+  function _createContentTdText({ rowIndex, colIndex, tableData, complexTableDetails } = {}) {
+    let propsConfig = complexTableDetails.props;
+    if (!propsConfig.columnsField || !propsConfig.columnsField[colIndex]) {
+      return "";
+    }
+    if (!tableData[rowIndex]) {
+      return "";
+    }
+    let columnField = propsConfig.columnsField[colIndex].field;
+    let columnFieldList = columnField.split("&#");
+    let nowContentTdText = "";
+    columnFieldList.forEach((filed) => {
+      let columnItemText = tableData[rowIndex][filed];
+      if (!columnItemText && columnItemText !== 0) {
+        return;
+      }
+      columnItemText = `${columnItemText}`;
+      columnItemText = columnItemText
+        .replace(/[\s\n]+$/, "")
+        .replace(/ /g, "&nbsp;")
+        .replace(/\n/g, "<br>");
+      nowContentTdText += columnItemText;
+    });
+    return nowContentTdText;
+  }
+  function _getBlankContentCellHtml({ rowIndex, colIndex, tableData, complexTableDetails } = {}) {
+    let propsConfig = complexTableDetails.props;
+    let styleConfig = complexTableDetails.style;
+    let contentCellHtml = "";
+    contentCellHtml = `<td style="${printDesignerStyleHelper.createComplexTableContentTdStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}"><div style="${printDesignerStyleHelper.createComplexTableContentTdContainerStyle({
+      complexTablePropsConfig: propsConfig,
+      complexTableStyleConfig: styleConfig
+    })}"></div></td>`;
+    return contentCellHtml;
+  }
+  function _getPaginationHtml({ complexTableDetails } = {}) {
+    let paginationHtml = `<div class="print-complex-table_pagination">第${complexTableDetails._tablePaginationConfig.currentPage}页</div>`;
+    return paginationHtml;
+  }
+  function _createExcessBlankRowTdContainerStyle({ rowIndex, colIndex, tableData, complexTableDetails }) {
+    let propsConfig = complexTableDetails.props;
+    if (!propsConfig.columnsField || !propsConfig.columnsField[colIndex]) {
+      return "";
+    }
+    let nowRow = tableData[rowIndex];
+    if (!nowRow) {
+      return "";
+    }
+    let styleText = "";
+    let styleObj = {};
+    let containerHeight =
+      (nowRow._paginationMode_excessRowsLength - nowRow._paginationMode_excessIndex) * propsConfig.contentRowHeight;
+    styleObj.height = `${containerHeight}px`;
+    Object.keys(styleObj).forEach((key, index) => {
+      styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+    });
+    return styleText;
+  }
+  function _createExcessBlankRowTdContainerContentStyle({ rowIndex, colIndex, tableData, complexTableDetails }) {
+    let propsConfig = complexTableDetails.props;
+    if (!propsConfig.columnsField || !propsConfig.columnsField[colIndex]) {
+      return "";
+    }
+    let nowRow = tableData[rowIndex];
+    if (!nowRow) {
+      return "";
+    }
+    let styleText = "";
+    let styleObj = {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0
+    };
+    let topSpace = (nowRow._paginationMode_excessIndex + 1) * propsConfig.contentRowHeight;
+    styleObj.top = `-${topSpace}px`;
+    Object.keys(styleObj).forEach((key, index) => {
+      styleText += `${camelToKebab(key)}:${styleObj[key]};`;
+    });
+    return styleText;
+  }
+  function _formatContentTrClass({ complexTableDetails, rowData }) {
+    let classList = ["complex-table-content-tr"];
+    if (
+      !!rowData._paginationMode_type &&
+      rowData._paginationMode_type == "notExcess" &&
+      rowData._paginationMode_excessRowsLength >= 1
+    ) {
+      classList.push("complex-table-content-tr--excess-blank-begin");
+    } else if (
+      !!rowData._paginationMode_type &&
+      rowData._paginationMode_type == "excessBlankRow" &&
+      rowData._paginationMode_excessIndex == rowData._paginationMode_excessRowsLength - 1
+    ) {
+      classList.push("complex-table-content-tr--excess-blank-end");
+    } else if (!!rowData._paginationMode_type && rowData._paginationMode_type == "excessBlankRow") {
+      classList.push("complex-table-content-tr--excess-blank");
+    }
+    return classList.join(" ");
+  }
+  return {
+    createComplexTableHtml
+  };
+};

package/dist/print-designer-api/use-create-html/use-form-component-helper.js

@@ -0,0 +1,164 @@
+import printDesignerStyleHelper from "../print-designer-style-helper";
+import createHtmlUtils from "./create-html-utils";
+export default ({ printData, printConfig, formConfig, layoutConfig, errorLogs } = {}) => {
+  const createInputHtml = (componentItem) => {
+    let text = printData[componentItem.props.field];
+    let inputHtml = `<div class="print-form_input print-form_input--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}" style="${printDesignerStyleHelper.createInputStyle({
+      styleConfig: componentItem.style
+    })}">${text}</div>`;
+    return _createFormItemHtml(componentItem, inputHtml);
+  };
+  const createTextareaHtml = (componentItem) => {
+    let text = printData[componentItem.props.field];
+    if (!text) {
+      text = "";
+    }
+    text = text.replace(/ /g, "&nbsp;").replace(/\n/g, "<br>");
+    let textareaHtml = `<div class="print-form_textarea print-form_textarea--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}" style="${printDesignerStyleHelper.createTextareaStyle({
+      styleConfig: componentItem.style,
+      formConfig,
+      formComponentProps: componentItem.formComponentProps
+    })}">${text}</div>`;
+    return _createFormItemHtml(componentItem, textareaHtml);
+  };
+  const createRadioHtml = (componentItem) => {
+    let value = printData[componentItem.props.field];
+    let dataSource = [];
+    if (Array.isArray(componentItem.props.dataSource)) {
+      dataSource = componentItem.props.dataSource;
+    }
+    let radioGroupHtml = ``;
+    dataSource.forEach((item, index) => {
+      let radioClassList = [];
+      if (item.value === value) {
+        radioClassList.push("print-form_radio--active");
+      }
+      let radioHtml = `<div class="print-form_radio ${radioClassList.join(" ")}">
+                            <div class="print-form_radio-icon"></div>
+                            <div class="print-form_radio-label">${item.label}</div>
+                          </div>`;
+      radioGroupHtml += radioHtml;
+    });
+    radioGroupHtml = `<div class="print-form_radio-group print-form_radio-group--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}">${radioGroupHtml}</div>`;
+    return _createFormItemHtml(componentItem, radioGroupHtml);
+  };
+  const createCheckboxHtml = (componentItem) => {
+    let value = printData[componentItem.props.field];
+    let dataSource = [];
+    if (Array.isArray(componentItem.props.dataSource)) {
+      dataSource = componentItem.props.dataSource;
+    }
+    let valueList = value.split(",");
+    let checkboxGroupHtml = ``;
+    dataSource.forEach((item, index) => {
+      let checkboxClassList = [];
+      if (valueList.indexOf(item.value) >= 0) {
+        checkboxClassList.push("print-form_checkbox--active");
+      }
+      let checkboxHtml = `<div class="print-form_checkbox ${checkboxClassList.join(" ")}">
+                            <div class="print-form_checkbox-icon"></div>
+                            <div class="print-form_checkbox-label">${item.label}</div>
+                          </div>`;
+      checkboxGroupHtml += checkboxHtml;
+    });
+    checkboxGroupHtml = `<div class="print-form_checkbox-group print-form_checkbox-group--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}">${checkboxGroupHtml}</div>`;
+    return _createFormItemHtml(componentItem, checkboxGroupHtml);
+  };
+  const createSelectHtml = (componentItem) => {
+    let value = printData[componentItem.props.field];
+    let dataSource = [];
+    if (Array.isArray(componentItem.props.dataSource)) {
+      dataSource = componentItem.props.dataSource;
+    }
+    let nowItem = dataSource.find((item, index) => {
+      return item.value === value;
+    });
+    let nowLabel = "";
+    if (!!nowItem) {
+      nowLabel = nowItem.label;
+    }
+    let selectHtml = `<div class="print-form_select print-form_select--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}">${nowLabel}</div>`;
+    return _createFormItemHtml(componentItem, selectHtml);
+  };
+  const createDatetimeHtml = (componentItem) => {
+    let text = printData[componentItem.props.field];
+    let datetimeHtml = `<div class="print-form_datetime print-form_datetime--${_getComponentSize(
+      componentItem
+    )} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}" style="${printDesignerStyleHelper.createDatetimeStyle({
+      styleConfig: componentItem.style
+    })}">${text}</div>`;
+    return _createFormItemHtml(componentItem, datetimeHtml);
+  };
+  function _createFormItemHtml(componentItem, componentHtml) {
+    let formItemLabelHtml;
+    if (!componentItem.formItemProps.label) {
+      formItemLabelHtml = "";
+    } else if (!formConfig.props.labelWidth && !componentItem.formItemProps.labelWidth) {
+      formItemLabelHtml = "";
+    } else {
+      formItemLabelHtml = `<label class="print-form-item_label" style="${printDesignerStyleHelper.createFormItemLabelStyle({
+        styleConfig: componentItem.style,
+        formConfigProps: formConfig.props,
+        formItemProps: componentItem.formItemProps
+      })}"><p style="${printDesignerStyleHelper.createFormItemLabelContentStyle({
+        styleConfig: componentItem.style,
+        formConfigProps: formConfig.props,
+        formItemProps: componentItem.formItemProps
+      })}">${componentItem.formItemProps.label}</p></label>`;
+    }
+    let formItemContentHtml = `<div class="print-form-item_content" style="${printDesignerStyleHelper.createFormItemMainStyle({
+      styleConfig: componentItem.style
+    })}">${componentHtml}</div>`;
+    let formItemProps = !!componentItem.formItemProps ? componentItem.formItemProps : {};
+    let formItemClassList = [];
+    if (!!formItemProps.labelPosition) {
+      formItemClassList.push(`print-form-item_label-${formItemProps.labelPosition}`);
+    }
+    let formItemClassStr = formItemClassList.join(" ");
+    let formItemHtml = `<div class="print-form-item ${formItemClassStr} ${createHtmlUtils.formatComponentClass({
+      componentItem
+    })}" style="${printDesignerStyleHelper.createFormItemStyle({
+      styleConfig: componentItem.style
+    })}">${formItemLabelHtml}${formItemContentHtml}</div>`;
+    return formItemHtml;
+  }
+  function _getComponentSize(componentItem) {
+    if (!!componentItem.formComponentProps && !!componentItem.formComponentProps.size) {
+      return componentItem.formComponentProps.size;
+    }
+    if (!!formConfig.props && !!formConfig.props.size) {
+      return formConfig.props.size;
+    }
+    return "default";
+  }
+  return {
+    createInputHtml,
+    createTextareaHtml,
+    createRadioHtml,
+    createCheckboxHtml,
+    createSelectHtml,
+    createDatetimeHtml
+  };
+};

package/dist/print-designer-api/use-create-html/use-format/index.js

@@ -0,0 +1,102 @@
+import useComplexTableFixed from "./use-complex-table-fiexd";
+import useComplexTableAuto from "./use-complex-table-auto";
+import useComplexTablePagination from "./use-complex-table-pagination";
+import { deepCopy } from "../../print-designer-utils";
+export default ({
+  printData,
+  printConfig,
+  formConfig,
+  layoutConfig,
+  printedRowCount = 0,
+  printedRows = [],
+  continuePrintElements,
+  tablePaginationElements
+} = {}) => {
+  const formatLayoutConfig = () => {
+    let printModeDetails = _getPrintModeDetails();
+    let newLayoutConfig = _formatPrintPagination();
+    if (printModeDetails.type == "default") {
+      // 默认模式
+      return newLayoutConfig;
+    }
+    let continueConfig = printModeDetails.type == "continuePrint" ? printModeDetails.layoutConfigItem : false;
+    let tablePaginationConfig = printModeDetails.type == "tablePagination" ? printModeDetails.layoutConfigItem : false;
+    if (!!continueConfig && continueConfig.props.canContinue && continueConfig.props.continuePrintMode == "fixedHeight") {
+      // 需要续打 固定高度
+      const complexTableFixedInstance = useComplexTableFixed({
+        printData,
+        printConfig,
+        formConfig,
+        layoutConfig: newLayoutConfig,
+        printedRowCount
+      });
+      return complexTableFixedInstance.formatLayoutConfig();
+    }
+    if (!!continueConfig && !!continueConfig.props.canContinue && continueConfig.props.continuePrintMode == "autoHeight") {
+      // 需要续打 自适应高度
+      const complexTableAutoInstance = useComplexTableAuto({
+        printData,
+        printConfig,
+        formConfig,
+        layoutConfig: newLayoutConfig,
+        printedRows,
+        continuePrintElements
+      });
+      return complexTableAutoInstance.formatLayoutConfig();
+    }
+    if (!!tablePaginationConfig) {
+      //启用分页
+      const complexTablePaginationInstance = useComplexTablePagination({
+        printData,
+        printConfig,
+        formConfig,
+        layoutConfig: newLayoutConfig,
+        tablePaginationElements
+      });
+      return complexTablePaginationInstance.formatLayoutConfig();
+    }
+    return newLayoutConfig;
+  };
+  function _getPrintModeDetails() {
+    let printModeDetails = {
+      type: "default",
+      layoutConfigItem: false
+    };
+    if (!layoutConfig || layoutConfig.length <= 0) {
+      return printModeDetails;
+    }
+    layoutConfig.forEach((item, index) => {
+      if (!!printModeDetails.layoutConfigItem) {
+        return;
+      }
+      let nowProps = !!item.props ? item.props : {};
+      if (item.type == "complexTable" && !!nowProps.canContinue) {
+        printModeDetails.type = "continuePrint";
+        printModeDetails.layoutConfigItem = deepCopy(item);
+      } else if (item.type == "complexTable" && !!nowProps.isPaginationMode && !!nowProps._paginationModePreview) {
+        printModeDetails.type = "tablePaginationPreview";
+        printModeDetails.layoutConfigItem = deepCopy(item);
+      } else if (item.type == "complexTable" && !!nowProps.isPaginationMode && !nowProps._paginationModePreview) {
+        printModeDetails.type = "tablePagination";
+        printModeDetails.layoutConfigItem = deepCopy(item);
+      }
+    });
+    return printModeDetails;
+  }
+  function _formatPrintPagination() {
+    let layoutConfigCopy = deepCopy(layoutConfig);
+    let newLayoutConfig = [];
+    let printPaginationConfig = [{ type: "pageBottom" }, { type: "pageBreak" }, { type: "pageTop" }];
+    layoutConfigCopy.forEach((item, index) => {
+      if (item.type == "printPagination") {
+        newLayoutConfig.push(...printPaginationConfig);
+        return;
+      }
+      newLayoutConfig.push(item);
+    });
+    return newLayoutConfig;
+  }
+  return {
+    formatLayoutConfig
+  };
+};