vxe-table 4.23.5 → 4.23.7

package/es/table/module/export/import-panel.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import type { VxeTableDefines } from '../../../../types';
+declare const _default: import("vue").DefineComponent<{
+    defaultOptions: {
+        type: PropType<VxeTableDefines.ImportParamsObj>;
+        default: () => VxeTableDefines.ImportParamsObj;
+    };
+    storeData: {
+        type: PropType<VxeTableDefines.ImportStoreObj>;
+        default: () => VxeTableDefines.ImportStoreObj;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    defaultOptions: {
+        type: PropType<VxeTableDefines.ImportParamsObj>;
+        default: () => VxeTableDefines.ImportParamsObj;
+    };
+    storeData: {
+        type: PropType<VxeTableDefines.ImportStoreObj>;
+        default: () => VxeTableDefines.ImportStoreObj;
+    };
+}>>, {
+    defaultOptions: VxeTableDefines.ImportParamsObj;
+    storeData: VxeTableDefines.ImportStoreObj;
+}, {}>;
+export default _default;

package/es/table/module/export/import-panel.js

@@ -1,256 +1,248 @@
-import { h, ref, computed, inject, reactive, nextTick } from 'vue';
-import { defineVxeComponent } from '../../../ui/src/comp';
-import { VxeUI } from '../../../ui';
-import XEUtils from 'xe-utils';
-import { getDefaultConfig, parseFile } from '../../../ui/src/utils';
-import { createComponentLog } from '../../../ui/src/log';
-const { errLog } = createComponentLog('table');
+import { h, ref, computed, inject, reactive, nextTick } from "vue";
+import { defineVxeComponent } from "../../../ui/src/comp";
+import { VxeUI } from "../../../ui";
+import XEUtils from "xe-utils";
+import { getDefaultConfig, parseFile } from "../../../ui/src/utils";
+import { createComponentLog } from "../../../ui/src/log";
+const { errLog } = createComponentLog("table");
 const { getI18n, getIcon, renderEmptyElement } = VxeUI;
-export default defineVxeComponent({
-    name: 'VxeTableImportPanel',
-    props: {
-        defaultOptions: {
-            type: Object,
-            default: () => ({})
-        },
-        storeData: {
-            type: Object,
-            default: () => ({})
-        }
+var import_panel_default = defineVxeComponent({
+  name: "VxeTableImportPanel",
+  props: {
+    defaultOptions: {
+      type: Object,
+      default: () => ({})
     },
-    setup(props) {
-        const VxeUIModalComponent = VxeUI.getComponent('VxeModal');
-        const VxeUIButtonComponent = VxeUI.getComponent('VxeButton');
-        const VxeUISelectComponent = VxeUI.getComponent('VxeSelect');
-        const $xeTable = inject('$xeTable', {});
-        const { computeImportOpts } = $xeTable.getComputeMaps();
-        const reactData = reactive({
-            loading: false
-        });
-        const refFileBtn = ref();
-        const computeSelectName = computed(() => {
-            const { storeData } = props;
-            return `${storeData.filename}.${storeData.type}`;
-        });
-        const computeHasFile = computed(() => {
-            const { storeData } = props;
-            return storeData.file && storeData.type;
-        });
-        const computeParseTypeLabel = computed(() => {
-            const { storeData } = props;
-            const { type, typeList } = storeData;
-            if (type) {
-                const selectItem = XEUtils.find(typeList, item => type === item.value);
-                return `${selectItem ? selectItem.label : '*.*'}`;
-            }
-            return `*.${typeList.map((item) => item.value).join(', *.')}`;
-        });
-        const clearFileEvent = () => {
-            const { storeData } = props;
-            Object.assign(storeData, {
-                filename: '',
-                sheetName: '',
-                type: ''
-            });
-        };
-        const selectFileEvent = () => {
-            const { storeData, defaultOptions } = props;
-            $xeTable.readFile(defaultOptions).then((params) => {
-                const { file } = params;
-                Object.assign(storeData, parseFile(file), { file });
-            }).catch(() => { });
-        };
-        const showEvent = () => {
-            nextTick(() => {
-                const targetElem = refFileBtn.value;
-                if (targetElem) {
-                    targetElem.focus();
-                }
-            });
-        };
-        const cancelEvent = () => {
-            const { storeData } = props;
-            storeData.visible = false;
-        };
-        const importEvent = () => {
-            const { storeData, defaultOptions } = props;
-            const importOpts = computeImportOpts.value;
-            reactData.loading = true;
-            $xeTable.importByFile(storeData.file, Object.assign({}, importOpts, defaultOptions)).then(() => {
-                reactData.loading = false;
-                storeData.visible = false;
-            }).catch(() => {
-                reactData.loading = false;
-            });
-        };
-        const renderVN = () => {
-            const $xeGrid = $xeTable.xeGrid;
-            const $xeGantt = $xeTable.xeGantt;
-            const { defaultOptions, storeData } = props;
-            const selectName = computeSelectName.value;
-            const hasFile = computeHasFile.value;
-            const importOpts = computeImportOpts.value;
-            const parseTypeLabel = computeParseTypeLabel.value;
-            const modelOptions = importOpts.modelOptions || {};
-            const settingOptions = importOpts.settingOptions || {};
-            const slots = defaultOptions.slots || {};
-            const topSlot = slots.top;
-            const bottomSlot = slots.bottom;
-            const defaultSlot = slots.default;
-            const footerSlot = slots.footer;
-            return VxeUIModalComponent
-                ? h(VxeUIModalComponent, {
-                    id: 'VXE_IMPORT_MODAL',
-                    modelValue: storeData.visible,
-                    title: modelOptions.title || getI18n('vxe.import.impTitle'),
-                    className: 'vxe-table-export-popup-wrapper',
-                    width: modelOptions.width || 540,
-                    height: modelOptions.height,
-                    minWidth: modelOptions.minWidth || 360,
-                    minHeight: modelOptions.minHeight || 240,
-                    mask: getDefaultConfig(modelOptions.mask, true),
-                    lockView: getDefaultConfig(modelOptions.lockView, true),
-                    showFooter: true,
-                    escClosable: true,
-                    maskClosable: true,
-                    position: modelOptions.position,
-                    fullscreen: modelOptions.fullscreen,
-                    remember: modelOptions.remember,
-                    showMinimize: modelOptions.showMinimize,
-                    showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
-                    resize: getDefaultConfig(modelOptions.resize, true),
-                    loading: reactData.loading,
-                    'onUpdate:modelValue'(value) {
-                        storeData.visible = value;
-                    },
-                    onShow: showEvent
-                }, {
-                    default: () => {
-                        const params = {
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt,
-                            options: defaultOptions,
-                            params: defaultOptions.params
-                        };
-                        return h('div', {
-                            class: 'vxe-table-export--panel'
-                        }, [
-                            topSlot
-                                ? h('div', {
-                                    class: 'vxe-table-export--panel-top'
-                                }, $xeTable.callSlot(topSlot, params))
-                                : renderEmptyElement($xeTable),
-                            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', [
-                                            h('tr', [
-                                                h('td', getI18n('vxe.import.impFile')),
-                                                h('td', [
-                                                    hasFile
-                                                        ? h('div', {
-                                                            class: 'vxe-table-export--selected--file',
-                                                            title: selectName
-                                                        }, [
-                                                            h('span', selectName),
-                                                            h('i', {
-                                                                class: getIcon().INPUT_CLEAR,
-                                                                onClick: clearFileEvent
-                                                            })
-                                                        ])
-                                                        : h('button', {
-                                                            ref: refFileBtn,
-                                                            class: 'vxe-table-export--select--file',
-                                                            onClick: selectFileEvent
-                                                        }, getI18n('vxe.import.impSelect'))
-                                                ])
-                                            ]),
-                                            h('tr', [
-                                                h('td', getI18n('vxe.import.impType')),
-                                                h('td', parseTypeLabel)
-                                            ]),
-                                            settingOptions.showMode === false
-                                                ? renderEmptyElement($xeTable)
-                                                : h('tr', [
-                                                    h('td', getI18n('vxe.import.impMode')),
-                                                    h('td', [
-                                                        VxeUISelectComponent
-                                                            ? h(VxeUISelectComponent, {
-                                                                modelValue: defaultOptions.mode,
-                                                                options: storeData.modeList,
-                                                                'onUpdate:modelValue'(value) {
-                                                                    defaultOptions.mode = value;
-                                                                }
-                                                            })
-                                                            : renderEmptyElement($xeTable)
-                                                    ])
-                                                ])
-                                        ])
-                                    ])
-                                ]),
-                            bottomSlot
-                                ? h('div', {
-                                    class: 'vxe-table-export--panel-bottom'
-                                }, $xeTable.callSlot(bottomSlot, params))
-                                : renderEmptyElement($xeTable)
-                        ]);
-                    },
-                    footer() {
-                        const params = {
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt,
-                            options: defaultOptions,
-                            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.import.impCancel'),
-                                            onClick: cancelEvent
-                                        })
-                                        : renderEmptyElement($xeTable),
-                                    VxeUIButtonComponent
-                                        ? h(VxeUIButtonComponent, {
-                                            status: 'primary',
-                                            disabled: !hasFile || reactData.loading,
-                                            content: getI18n('vxe.import.impConfirm'),
-                                            onClick: importEvent
-                                        })
-                                        : renderEmptyElement($xeTable)
-                                ])
-                            ]);
-                    }
-                })
-                : renderEmptyElement($xeTable);
-        };
-        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']);
-            }
-        });
-        return renderVN;
+    storeData: {
+      type: Object,
+      default: () => ({})
     }
+  },
+  setup(props) {
+    const VxeUIModalComponent = VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = VxeUI.getComponent("VxeSelect");
+    const $xeTable = inject("$xeTable", {});
+    const { computeImportOpts } = $xeTable.getComputeMaps();
+    const reactData = reactive({
+      loading: false
+    });
+    const refFileBtn = ref();
+    const computeSelectName = computed(() => {
+      const { storeData } = props;
+      return `${storeData.filename}.${storeData.type}`;
+    });
+    const computeHasFile = computed(() => {
+      const { storeData } = props;
+      return storeData.file && storeData.type;
+    });
+    const computeParseTypeLabel = computed(() => {
+      const { storeData } = props;
+      const { type, typeList } = storeData;
+      if (type) {
+        const selectItem = XEUtils.find(typeList, (item) => type === item.value);
+        return `${selectItem ? selectItem.label : "*.*"}`;
+      }
+      return `*.${typeList.map((item) => item.value).join(", *.")}`;
+    });
+    const clearFileEvent = () => {
+      const { storeData } = props;
+      Object.assign(storeData, {
+        filename: "",
+        sheetName: "",
+        type: ""
+      });
+    };
+    const selectFileEvent = () => {
+      const { storeData, defaultOptions } = props;
+      $xeTable.readFile(defaultOptions).then((params) => {
+        const { file } = params;
+        Object.assign(storeData, parseFile(file), { file });
+      }).catch(() => {
+      });
+    };
+    const showEvent = () => {
+      nextTick(() => {
+        const targetElem = refFileBtn.value;
+        if (targetElem) {
+          targetElem.focus();
+        }
+      });
+    };
+    const cancelEvent = () => {
+      const { storeData } = props;
+      storeData.visible = false;
+    };
+    const importEvent = () => {
+      const { storeData, defaultOptions } = props;
+      const importOpts = computeImportOpts.value;
+      reactData.loading = true;
+      $xeTable.importByFile(storeData.file, Object.assign({}, importOpts, defaultOptions)).then(() => {
+        reactData.loading = false;
+        storeData.visible = false;
+      }).catch(() => {
+        reactData.loading = false;
+      });
+    };
+    const renderVN = () => {
+      const $xeGrid = $xeTable.xeGrid;
+      const $xeGantt = $xeTable.xeGantt;
+      const { defaultOptions, storeData } = props;
+      const selectName = computeSelectName.value;
+      const hasFile = computeHasFile.value;
+      const importOpts = computeImportOpts.value;
+      const parseTypeLabel = computeParseTypeLabel.value;
+      const modelOptions = importOpts.modelOptions || {};
+      const settingOptions = importOpts.settingOptions || {};
+      const slots = defaultOptions.slots || {};
+      const topSlot = slots.top;
+      const bottomSlot = slots.bottom;
+      const defaultSlot = slots.default;
+      const footerSlot = slots.footer;
+      return VxeUIModalComponent ? h(VxeUIModalComponent, {
+        id: "VXE_IMPORT_MODAL",
+        modelValue: storeData.visible,
+        title: modelOptions.title || getI18n("vxe.import.impTitle"),
+        className: "vxe-table-export-popup-wrapper",
+        width: modelOptions.width || 540,
+        height: modelOptions.height,
+        minWidth: modelOptions.minWidth || 360,
+        minHeight: modelOptions.minHeight || 240,
+        mask: getDefaultConfig(modelOptions.mask, true),
+        lockView: getDefaultConfig(modelOptions.lockView, true),
+        showFooter: true,
+        escClosable: true,
+        maskClosable: true,
+        position: modelOptions.position,
+        fullscreen: modelOptions.fullscreen,
+        remember: modelOptions.remember,
+        showMinimize: modelOptions.showMinimize,
+        showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
+        resize: getDefaultConfig(modelOptions.resize, true),
+        loading: reactData.loading,
+        "onUpdate:modelValue"(value) {
+          storeData.visible = value;
+        },
+        onShow: showEvent
+      }, {
+        default: () => {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeGrid,
+            $gantt: $xeGantt,
+            options: defaultOptions,
+            params: defaultOptions.params
+          };
+          return h("div", {
+            class: "vxe-table-export--panel"
+          }, [
+            topSlot ? h("div", {
+              class: "vxe-table-export--panel-top"
+            }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
+            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", [
+                    h("tr", [
+                      h("td", getI18n("vxe.import.impFile")),
+                      h("td", [
+                        hasFile ? h("div", {
+                          class: "vxe-table-export--selected--file",
+                          title: selectName
+                        }, [
+                          h("span", selectName),
+                          h("i", {
+                            class: getIcon().INPUT_CLEAR,
+                            onClick: clearFileEvent
+                          })
+                        ]) : h("button", {
+                          ref: refFileBtn,
+                          class: "vxe-table-export--select--file",
+                          onClick: selectFileEvent
+                        }, getI18n("vxe.import.impSelect"))
+                      ])
+                    ]),
+                    h("tr", [
+                      h("td", getI18n("vxe.import.impType")),
+                      h("td", parseTypeLabel)
+                    ]),
+                    settingOptions.showMode === false ? renderEmptyElement($xeTable) : h("tr", [
+                      h("td", getI18n("vxe.import.impMode")),
+                      h("td", [
+                        VxeUISelectComponent ? h(VxeUISelectComponent, {
+                          modelValue: defaultOptions.mode,
+                          options: storeData.modeList,
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.mode = value;
+                          }
+                        }) : renderEmptyElement($xeTable)
+                      ])
+                    ])
+                  ])
+                ])
+              ]
+            ),
+            bottomSlot ? h("div", {
+              class: "vxe-table-export--panel-bottom"
+            }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)
+          ]);
+        },
+        footer() {
+          const params = {
+            $table: $xeTable,
+            $grid: $xeGrid,
+            $gantt: $xeGantt,
+            options: defaultOptions,
+            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.import.impCancel"),
+                  onClick: cancelEvent
+                }) : renderEmptyElement($xeTable),
+                VxeUIButtonComponent ? h(VxeUIButtonComponent, {
+                  status: "primary",
+                  disabled: !hasFile || reactData.loading,
+                  content: getI18n("vxe.import.impConfirm"),
+                  onClick: importEvent
+                }) : renderEmptyElement($xeTable)
+              ])
+            ]
+          );
+        }
+      }) : renderEmptyElement($xeTable);
+    };
+    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"]);
+      }
+    });
+    return renderVN;
+  }
 });
+export {
+  import_panel_default as default
+};

package/es/table/module/export/util.d.ts

@@ -0,0 +1,5 @@
+import type { VxeTablePropTypes } from '../../../../types';
+export declare function getExportBlobByContent(content: string, options: {
+    type: string;
+}): Blob;
+export declare function createHtmlPage(opts: VxeTablePropTypes.PrintConfig, content: string): string;

package/es/table/module/export/util.js

@@ -1,20 +1,23 @@
-// 默认导出或打印的 HTML 样式
 const defaultHtmlStyle = 'body{padding:0;color:rgba(0,0,0,0.7);font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table.is--default-width,.vxe-table.is--auto-width{width:100%}.vxe-table.is--scale-width{table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{white-space:pre-line;word-break:break-all;border-color:#D0D0D0;border-style:solid;border-width:0}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:0.5em 0.4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:0.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
-export function getExportBlobByContent(content, options) {
-    return new Blob([content], { type: `text/${options.type};charset=utf-8;` });
+function getExportBlobByContent(content, options) {
+  return new Blob([content], { type: `text/${options.type};charset=utf-8;` });
 }
-export function createHtmlPage(opts, content) {
-    const { style } = opts;
-    return [
-        '<!DOCTYPE html><html>',
-        '<head>',
-        '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',
-        `<title>${opts.sheetName}</title>`,
-        '<style media="print">.vxe-page-break-before{page-break-before:always;}.vxe-page-break-after{page-break-after:always;}</style>',
-        `<style>${defaultHtmlStyle}</style>`,
-        style ? `<style>${style}</style>` : '',
-        '</head>',
-        `<body>${content}</body>`,
-        '</html>'
-    ].join('');
+function createHtmlPage(opts, content) {
+  const { style } = opts;
+  return [
+    "<!DOCTYPE html><html>",
+    "<head>",
+    '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',
+    `<title>${opts.sheetName}</title>`,
+    '<style media="print">.vxe-page-break-before{page-break-before:always;}.vxe-page-break-after{page-break-after:always;}</style>',
+    `<style>${defaultHtmlStyle}</style>`,
+    style ? `<style>${style}</style>` : "",
+    "</head>",
+    `<body>${content}</body>`,
+    "</html>"
+  ].join("");
 }
+export {
+  createHtmlPage,
+  getExportBlobByContent
+};

package/es/table/module/filter/hook.d.ts

@@ -0,0 +1 @@
+export {};