@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/module/export/export-panel.mjs

@@ -0,0 +1,478 @@
+import { defineComponent, inject, reactive, ref, computed, nextTick, h, createCommentVNode } from "vue";
+import "../../../ui/index.mjs";
+import XEUtils from "../../../../../../../../../_virtual/index.mjs";
+import { formatText } from "../../../ui/src/utils.mjs";
+import { errLog } from "../../../ui/src/log.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 } = VxeUI;
+const TableExportPanelComponent = defineComponent({
+  name: "VxeTableExportPanel",
+  props: {
+    defaultOptions: Object,
+    storeData: Object
+  },
+  setup(props) {
+    const VxeUIModalComponent = VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = VxeUI.getComponent("VxeSelect");
+    const VxeUIInputComponent = VxeUI.getComponent("VxeInput");
+    const VxeUICheckboxComponent = VxeUI.getComponent("VxeCheckbox");
+    const $xeTable = inject("$xeTable", {});
+    const { computeExportOpts, computePrintOpts } = $xeTable.getComputeMaps();
+    const reactData = reactive({
+      isAll: false,
+      isIndeterminate: false,
+      loading: false
+    });
+    const xButtonConfirm = ref();
+    const xInputFilename = ref();
+    const xInputSheetname = ref();
+    const computeCheckedAll = computed(() => {
+      const { storeData } = props;
+      return storeData.columns.every((column) => column.checked);
+    });
+    const computeShowSheet = computed(() => {
+      const { defaultOptions } = props;
+      return ["html", "xml", "xlsx", "pdf"].indexOf(defaultOptions.type) > -1;
+    });
+    const computeSupportMerge = computed(() => {
+      const { storeData, defaultOptions } = props;
+      return !defaultOptions.original && defaultOptions.mode === "current" && (storeData.isPrint || ["html", "xlsx"].indexOf(defaultOptions.type) > -1);
+    });
+    const computeSupportStyle = computed(() => {
+      const { defaultOptions } = props;
+      return !defaultOptions.original && ["xlsx"].indexOf(defaultOptions.type) > -1;
+    });
+    const handleOptionCheck = (column) => {
+      const { storeData } = props;
+      const matchObj = XEUtils.findTree(storeData.columns, (item) => item === column);
+      if (matchObj && matchObj.parent) {
+        const { parent } = matchObj;
+        if (parent.children && parent.children.length) {
+          parent.checked = parent.children.every((column2) => column2.checked);
+          parent.halfChecked = !parent.checked && parent.children.some((column2) => column2.checked || column2.halfChecked);
+          handleOptionCheck(parent);
+        }
+      }
+    };
+    const checkStatus = () => {
+      const { storeData } = props;
+      const columns = storeData.columns;
+      reactData.isAll = columns.every((column) => column.disabled || column.checked);
+      reactData.isIndeterminate = !reactData.isAll && columns.some((column) => !column.disabled && (column.checked || column.halfChecked));
+    };
+    const changeOption = (column) => {
+      const isChecked = !column.checked;
+      XEUtils.eachTree([column], (item) => {
+        item.checked = isChecked;
+        item.halfChecked = false;
+      });
+      handleOptionCheck(column);
+      checkStatus();
+    };
+    const allColumnEvent = () => {
+      const { storeData } = props;
+      const isAll = !reactData.isAll;
+      XEUtils.eachTree(storeData.columns, (column) => {
+        if (!column.disabled) {
+          column.checked = isAll;
+          column.halfChecked = false;
+        }
+      });
+      reactData.isAll = isAll;
+      checkStatus();
+    };
+    const showEvent = () => {
+      nextTick(() => {
+        const filenameInp = xInputFilename.value;
+        const sheetnameInp = xInputSheetname.value;
+        const confirmBtn = xButtonConfirm.value;
+        const targetElem = filenameInp || sheetnameInp || confirmBtn;
+        if (targetElem) {
+          targetElem.focus();
+        }
+      });
+      checkStatus();
+    };
+    const getExportOption = () => {
+      const { storeData, defaultOptions } = props;
+      const { hasMerge, columns } = storeData;
+      const checkedAll = computeCheckedAll.value;
+      const supportMerge = computeSupportMerge.value;
+      const expColumns = XEUtils.searchTree(columns, (column) => column.checked, { children: "children", mapChildren: "childNodes", original: true });
+      return Object.assign({}, defaultOptions, {
+        columns: expColumns,
+        isMerge: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false
+      });
+    };
+    const printEvent = () => {
+      const { storeData } = props;
+      const printOpts = computePrintOpts.value;
+      storeData.visible = false;
+      $xeTable.print(Object.assign({}, printOpts, getExportOption()));
+    };
+    const exportEvent = () => {
+      const { storeData } = props;
+      const exportOpts = computeExportOpts.value;
+      reactData.loading = true;
+      $xeTable.exportData(Object.assign({}, exportOpts, getExportOption())).then(() => {
+        reactData.loading = false;
+        storeData.visible = false;
+      }).catch(() => {
+        reactData.loading = false;
+      });
+    };
+    const cancelEvent = () => {
+      const { storeData } = props;
+      storeData.visible = false;
+    };
+    const confirmEvent = () => {
+      const { storeData } = props;
+      if (storeData.isPrint) {
+        printEvent();
+      } else {
+        exportEvent();
+      }
+    };
+    const renderVN = () => {
+      const $xeGrid = $xeTable.xeGrid;
+      const { defaultOptions, storeData } = props;
+      const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData;
+      const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData;
+      const { isHeader } = defaultOptions;
+      const cols = [];
+      const checkedAll = computeCheckedAll.value;
+      const showSheet = computeShowSheet.value;
+      const supportMerge = computeSupportMerge.value;
+      const supportStyle = computeSupportStyle.value;
+      const slots = defaultOptions.slots || {};
+      const topSlot = slots.top;
+      const bottomSlot = slots.bottom;
+      const defaultSlot = slots.default;
+      const footerSlot = slots.footer;
+      const parameterSlot = slots.parameter;
+      XEUtils.eachTree(columns, (column) => {
+        const colTitle = formatText(column.getTitle(), 1);
+        const isColGroup = column.children && column.children.length;
+        const isChecked = column.checked;
+        const indeterminate = column.halfChecked;
+        const isHtml = column.type === "html";
+        cols.push(h("li", {
+          key: column.id,
+          class: ["vxe-table-export--panel-column-option", `level--${column.level}`, {
+            "is--group": isColGroup,
+            "is--checked": isChecked,
+            "is--indeterminate": indeterminate,
+            "is--disabled": column.disabled
+          }],
+          title: isHtml ? "" : colTitle,
+          onClick: () => {
+            if (!column.disabled) {
+              changeOption(column);
+            }
+          }
+        }, [
+          h("span", {
+            class: ["vxe-checkbox--icon", indeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+          }),
+          isHtml ? h("span", {
+            key: "1",
+            class: "vxe-checkbox--label",
+            innerHTML: colTitle
+          }) : h("span", {
+            key: "0",
+            class: "vxe-checkbox--label"
+          }, colTitle)
+        ]));
+      });
+      return VxeUIModalComponent ? h(VxeUIModalComponent, {
+        id: "VXE_EXPORT_MODAL",
+        modelValue: storeData.visible,
+        title: getI18n(isPrint ? "vxe.export.printTitle" : "vxe.export.expTitle"),
+        className: "vxe-table-export-popup-wrapper",
+        width: 660,
+        minWidth: 500,
+        minHeight: 400,
+        mask: true,
+        lockView: true,
+        showFooter: true,
+        escClosable: true,
+        maskClosable: true,
+        showMaximize: true,
+        resize: true,
+        loading: reactData.loading,
+        "onUpdate:modelValue"(value) {
+          storeData.visible = value;
+        },
+        onShow: showEvent
+      }, {
+        default: () => {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeGrid,
+            options: defaultOptions,
+            columns,
+            params: defaultOptions.params
+          };
+          const hasEmptyData = defaultOptions.mode === "empty";
+          return h("div", {
+            class: "vxe-table-export--panel"
+          }, [
+            topSlot ? h("div", {
+              class: "vxe-table-export--panel-top"
+            }, $xeTable.callSlot(topSlot, params)) : createCommentVNode(),
+            h("div", {
+              class: "vxe-table-export--panel-body"
+            }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+              h("table", {
+                class: "vxe-table-export--panel-table",
+                cellspacing: 0,
+                cellpadding: 0,
+                border: 0
+              }, [
+                h("tbody", [
+                  [
+                    isPrint ? createCommentVNode() : h("tr", [
+                      h("td", getI18n("vxe.export.expName")),
+                      h("td", [
+                        VxeUIInputComponent ? h(VxeUIInputComponent, {
+                          ref: xInputFilename,
+                          modelValue: defaultOptions.filename,
+                          type: "text",
+                          clearable: true,
+                          placeholder: getI18n("vxe.export.expNamePlaceholder"),
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.filename = value;
+                          }
+                        }) : createCommentVNode()
+                      ])
+                    ]),
+                    isPrint ? createCommentVNode() : h("tr", [
+                      h("td", getI18n("vxe.export.expType")),
+                      h("td", [
+                        VxeUISelectComponent ? h(VxeUISelectComponent, {
+                          modelValue: defaultOptions.type,
+                          options: storeData.typeList,
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.type = value;
+                          }
+                        }) : createCommentVNode()
+                      ])
+                    ]),
+                    isPrint || showSheet ? h("tr", [
+                      h("td", getI18n("vxe.export.expSheetName")),
+                      h("td", [
+                        VxeUIInputComponent ? h(VxeUIInputComponent, {
+                          ref: xInputSheetname,
+                          modelValue: defaultOptions.sheetName,
+                          type: "text",
+                          clearable: true,
+                          placeholder: getI18n("vxe.export.expSheetNamePlaceholder"),
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.sheetName = value;
+                          }
+                        }) : createCommentVNode()
+                      ])
+                    ]) : createCommentVNode(),
+                    h("tr", [
+                      h("td", getI18n("vxe.export.expMode")),
+                      h("td", [
+                        VxeUISelectComponent ? h(VxeUISelectComponent, {
+                          modelValue: defaultOptions.mode,
+                          options: storeData.modeList.map((item) => {
+                            return {
+                              value: item.value,
+                              label: getI18n(item.label)
+                            };
+                          }),
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.mode = value;
+                          }
+                        }) : createCommentVNode()
+                      ])
+                    ]),
+                    h("tr", [
+                      h("td", [getI18n("vxe.export.expColumn")]),
+                      h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-column"
+                        }, [
+                          h("ul", {
+                            class: "vxe-table-export--panel-column-header"
+                          }, [
+                            h("li", {
+                              class: ["vxe-table-export--panel-column-option", {
+                                "is--checked": isAllChecked,
+                                "is--indeterminate": isAllIndeterminate
+                              }],
+                              title: getI18n("vxe.table.allTitle"),
+                              onClick: allColumnEvent
+                            }, [
+                              h("span", {
+                                class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+                              }),
+                              h("span", {
+                                class: "vxe-checkbox--label"
+                              }, getI18n("vxe.export.expCurrentColumn"))
+                            ])
+                          ]),
+                          h("ul", {
+                            class: "vxe-table-export--panel-column-body"
+                          }, cols)
+                        ])
+                      ])
+                    ]),
+                    h("tr", [
+                      h("td", getI18n("vxe.export.expOpts")),
+                      parameterSlot ? h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, $xeTable.callSlot(parameterSlot, params))
+                      ]) : h("td", [
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, [
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: hasEmptyData || isHeader,
+                            disabled: hasEmptyData,
+                            title: getI18n("vxe.export.expHeaderTitle"),
+                            content: getI18n("vxe.export.expOptHeader"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isHeader = value;
+                            }
+                          }) : createCommentVNode(),
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: isHeader ? defaultOptions.isTitle : false,
+                            disabled: !isHeader,
+                            title: getI18n("vxe.export.expTitleTitle"),
+                            content: getI18n("vxe.export.expOptTitle"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isTitle = value;
+                            }
+                          }) : createCommentVNode(),
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
+                            title: getI18n("vxe.export.expColgroupTitle"),
+                            disabled: !isHeader || !hasColgroup || !supportMerge,
+                            content: getI18n("vxe.export.expOptColgroup"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isColgroup = value;
+                            }
+                          }) : createCommentVNode()
+                        ]),
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, [
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: hasEmptyData ? false : defaultOptions.original,
+                            disabled: hasEmptyData,
+                            title: getI18n("vxe.export.expOriginalTitle"),
+                            content: getI18n("vxe.export.expOptOriginal"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.original = value;
+                            }
+                          }) : createCommentVNode(),
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
+                            title: getI18n("vxe.export.expMergeTitle"),
+                            disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
+                            content: getI18n("vxe.export.expOptMerge"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isMerge = value;
+                            }
+                          }) : createCommentVNode(),
+                          isPrint || !VxeUICheckboxComponent ? createCommentVNode() : h(VxeUICheckboxComponent, {
+                            modelValue: supportStyle ? defaultOptions.useStyle : false,
+                            disabled: !supportStyle,
+                            title: getI18n("vxe.export.expUseStyleTitle"),
+                            content: getI18n("vxe.export.expOptUseStyle"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.useStyle = value;
+                            }
+                          }),
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: hasTree ? defaultOptions.isAllExpand : false,
+                            disabled: hasEmptyData || !hasTree,
+                            title: getI18n("vxe.export.expAllExpandTitle"),
+                            content: getI18n("vxe.export.expOptAllExpand"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isAllExpand = value;
+                            }
+                          }) : createCommentVNode()
+                        ]),
+                        h("div", {
+                          class: "vxe-table-export--panel-option-row"
+                        }, [
+                          VxeUICheckboxComponent ? h(VxeUICheckboxComponent, {
+                            modelValue: defaultOptions.isFooter,
+                            disabled: !storeData.hasFooter,
+                            title: getI18n("vxe.export.expFooterTitle"),
+                            content: getI18n("vxe.export.expOptFooter"),
+                            "onUpdate:modelValue"(value) {
+                              defaultOptions.isFooter = value;
+                            }
+                          }) : createCommentVNode()
+                        ])
+                      ])
+                    ])
+                  ]
+                ])
+              ])
+            ]),
+            bottomSlot ? h("div", {
+              class: "vxe-table-export--panel-bottom"
+            }, $xeTable.callSlot(bottomSlot, params)) : createCommentVNode()
+          ]);
+        },
+        footer() {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeGrid,
+            options: defaultOptions,
+            columns,
+            params: defaultOptions.params
+          };
+          return h("div", {
+            class: "vxe-table-export--panel-footer"
+          }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+            h("div", {
+              class: "vxe-table-export--panel-btns"
+            }, [
+              VxeUIButtonComponent ? h(VxeUIButtonComponent, {
+                content: getI18n("vxe.export.expCancel"),
+                onClick: cancelEvent
+              }) : createCommentVNode(),
+              VxeUIButtonComponent ? h(VxeUIButtonComponent, {
+                ref: xButtonConfirm,
+                status: "primary",
+                content: getI18n(isPrint ? "vxe.export.expPrint" : "vxe.export.expConfirm"),
+                onClick: confirmEvent
+              }) : createCommentVNode()
+            ])
+          ]);
+        }
+      }) : createCommentVNode();
+    };
+    nextTick(() => {
+      if (!VxeUIModalComponent) {
+        errLog("vxe.error.reqComp", ["vxe-modal"]);
+      }
+      if (!VxeUIButtonComponent) {
+        errLog("vxe.error.reqComp", ["vxe-button"]);
+      }
+      if (!VxeUISelectComponent) {
+        errLog("vxe.error.reqComp", ["vxe-select"]);
+      }
+      if (!VxeUIInputComponent) {
+        errLog("vxe.error.reqComp", ["vxe-input"]);
+      }
+      if (!VxeUICheckboxComponent) {
+        errLog("vxe.error.reqComp", ["vxe-checkbox"]);
+      }
+    });
+    return renderVN;
+  }
+});
+export {
+  TableExportPanelComponent as default
+};