vxe-table 4.23.4 → 4.23.6

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

@@ -1,26 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var import_panel_exports = {};
+__export(import_panel_exports, {
+  default: () => import_panel_default
 });
-exports.default = void 0;
-var _vue = require("vue");
-var _comp = require("../../../ui/src/comp");
-var _ui = require("../../../ui");
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _utils = require("../../../ui/src/utils");
-var _log = require("../../../ui/src/log");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  errLog
-} = (0, _log.createComponentLog)('table');
-const {
-  getI18n,
-  getIcon,
-  renderEmptyElement
-} = _ui.VxeUI;
-var _default = exports.default = (0, _comp.defineVxeComponent)({
-  name: 'VxeTableImportPanel',
+module.exports = __toCommonJS(import_panel_exports);
+var import_vue = require("vue");
+var import_comp = require("../../../ui/src/comp");
+var import_ui = require("../../../ui");
+var import_xe_utils = __toESM(require("xe-utils"));
+var import_utils = require("../../../ui/src/utils");
+var import_log = require("../../../ui/src/log");
+const { errLog } = (0, import_log.createComponentLog)("table");
+const { getI18n, getIcon, renderEmptyElement } = import_ui.VxeUI;
+var import_panel_default = (0, import_comp.defineVxeComponent)({
+  name: "VxeTableImportPanel",
   props: {
     defaultOptions: {
       type: Object,
@@ -32,69 +52,50 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     }
   },
   setup(props) {
-    const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
-    const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
-    const VxeUISelectComponent = _ui.VxeUI.getComponent('VxeSelect');
-    const $xeTable = (0, _vue.inject)('$xeTable', {});
-    const {
-      computeImportOpts
-    } = $xeTable.getComputeMaps();
-    const reactData = (0, _vue.reactive)({
+    const VxeUIModalComponent = import_ui.VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = import_ui.VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = import_ui.VxeUI.getComponent("VxeSelect");
+    const $xeTable = (0, import_vue.inject)("$xeTable", {});
+    const { computeImportOpts } = $xeTable.getComputeMaps();
+    const reactData = (0, import_vue.reactive)({
       loading: false
     });
-    const refFileBtn = (0, _vue.ref)();
-    const computeSelectName = (0, _vue.computed)(() => {
-      const {
-        storeData
-      } = props;
+    const refFileBtn = (0, import_vue.ref)();
+    const computeSelectName = (0, import_vue.computed)(() => {
+      const { storeData } = props;
       return `${storeData.filename}.${storeData.type}`;
     });
-    const computeHasFile = (0, _vue.computed)(() => {
-      const {
-        storeData
-      } = props;
+    const computeHasFile = (0, import_vue.computed)(() => {
+      const { storeData } = props;
       return storeData.file && storeData.type;
     });
-    const computeParseTypeLabel = (0, _vue.computed)(() => {
-      const {
-        storeData
-      } = props;
-      const {
-        type,
-        typeList
-      } = storeData;
+    const computeParseTypeLabel = (0, import_vue.computed)(() => {
+      const { storeData } = props;
+      const { type, typeList } = storeData;
       if (type) {
-        const selectItem = _xeUtils.default.find(typeList, item => type === item.value);
-        return `${selectItem ? selectItem.label : '*.*'}`;
+        const selectItem = import_xe_utils.default.find(typeList, (item) => type === item.value);
+        return `${selectItem ? selectItem.label : "*.*"}`;
       }
-      return `*.${typeList.map(item => item.value).join(', *.')}`;
+      return `*.${typeList.map((item) => item.value).join(", *.")}`;
     });
     const clearFileEvent = () => {
-      const {
-        storeData
-      } = props;
+      const { storeData } = props;
       Object.assign(storeData, {
-        filename: '',
-        sheetName: '',
-        type: ''
+        filename: "",
+        sheetName: "",
+        type: ""
       });
     };
     const selectFileEvent = () => {
-      const {
-        storeData,
-        defaultOptions
-      } = props;
-      $xeTable.readFile(defaultOptions).then(params => {
-        const {
-          file
-        } = params;
-        Object.assign(storeData, (0, _utils.parseFile)(file), {
-          file
-        });
-      }).catch(() => {});
+      const { storeData, defaultOptions } = props;
+      $xeTable.readFile(defaultOptions).then((params) => {
+        const { file } = params;
+        Object.assign(storeData, (0, import_utils.parseFile)(file), { file });
+      }).catch(() => {
+      });
     };
     const showEvent = () => {
-      (0, _vue.nextTick)(() => {
+      (0, import_vue.nextTick)(() => {
         const targetElem = refFileBtn.value;
         if (targetElem) {
           targetElem.focus();
@@ -102,16 +103,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       });
     };
     const cancelEvent = () => {
-      const {
-        storeData
-      } = props;
+      const { storeData } = props;
       storeData.visible = false;
     };
     const importEvent = () => {
-      const {
-        storeData,
-        defaultOptions
-      } = props;
+      const { storeData, defaultOptions } = props;
       const importOpts = computeImportOpts.value;
       reactData.loading = true;
       $xeTable.importByFile(storeData.file, Object.assign({}, importOpts, defaultOptions)).then(() => {
@@ -124,10 +120,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const renderVN = () => {
       const $xeGrid = $xeTable.xeGrid;
       const $xeGantt = $xeTable.xeGantt;
-      const {
-        defaultOptions,
-        storeData
-      } = props;
+      const { defaultOptions, storeData } = props;
       const selectName = computeSelectName.value;
       const hasFile = computeHasFile.value;
       const importOpts = computeImportOpts.value;
@@ -139,17 +132,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const bottomSlot = slots.bottom;
       const defaultSlot = slots.default;
       const footerSlot = slots.footer;
-      return VxeUIModalComponent ? (0, _vue.h)(VxeUIModalComponent, {
-        id: 'VXE_IMPORT_MODAL',
+      return VxeUIModalComponent ? (0, import_vue.h)(VxeUIModalComponent, {
+        id: "VXE_IMPORT_MODAL",
         modelValue: storeData.visible,
-        title: modelOptions.title || getI18n('vxe.import.impTitle'),
-        className: 'vxe-table-export-popup-wrapper',
+        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: (0, _utils.getDefaultConfig)(modelOptions.mask, true),
-        lockView: (0, _utils.getDefaultConfig)(modelOptions.lockView, true),
+        mask: (0, import_utils.getDefaultConfig)(modelOptions.mask, true),
+        lockView: (0, import_utils.getDefaultConfig)(modelOptions.lockView, true),
         showFooter: true,
         escClosable: true,
         maskClosable: true,
@@ -157,10 +150,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         fullscreen: modelOptions.fullscreen,
         remember: modelOptions.remember,
         showMinimize: modelOptions.showMinimize,
-        showMaximize: (0, _utils.getDefaultConfig)(modelOptions.showMaximize, true),
-        resize: (0, _utils.getDefaultConfig)(modelOptions.resize, true),
+        showMaximize: (0, import_utils.getDefaultConfig)(modelOptions.showMaximize, true),
+        resize: (0, import_utils.getDefaultConfig)(modelOptions.resize, true),
         loading: reactData.loading,
-        'onUpdate:modelValue'(value) {
+        "onUpdate:modelValue"(value) {
           storeData.visible = value;
         },
         onShow: showEvent
@@ -173,36 +166,68 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             options: defaultOptions,
             params: defaultOptions.params
           };
-          return (0, _vue.h)('div', {
-            class: 'vxe-table-export--panel'
-          }, [topSlot ? (0, _vue.h)('div', {
-            class: 'vxe-table-export--panel-top'
-          }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable), (0, _vue.h)('div', {
-            class: 'vxe-table-export--panel-body'
-          }, defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [(0, _vue.h)('table', {
-            class: 'vxe-table-export--panel-table',
-            cellspacing: 0,
-            cellpadding: 0,
-            border: 0
-          }, [(0, _vue.h)('tbody', [(0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.import.impFile')), (0, _vue.h)('td', [hasFile ? (0, _vue.h)('div', {
-            class: 'vxe-table-export--selected--file',
-            title: selectName
-          }, [(0, _vue.h)('span', selectName), (0, _vue.h)('i', {
-            class: getIcon().INPUT_CLEAR,
-            onClick: clearFileEvent
-          })]) : (0, _vue.h)('button', {
-            ref: refFileBtn,
-            class: 'vxe-table-export--select--file',
-            onClick: selectFileEvent
-          }, getI18n('vxe.import.impSelect'))])]), (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.import.impType')), (0, _vue.h)('td', parseTypeLabel)]), settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, _vue.h)('tr', [(0, _vue.h)('td', getI18n('vxe.import.impMode')), (0, _vue.h)('td', [VxeUISelectComponent ? (0, _vue.h)(VxeUISelectComponent, {
-            modelValue: defaultOptions.mode,
-            options: storeData.modeList,
-            'onUpdate:modelValue'(value) {
-              defaultOptions.mode = value;
-            }
-          }) : renderEmptyElement($xeTable)])])])])]), bottomSlot ? (0, _vue.h)('div', {
-            class: 'vxe-table-export--panel-bottom'
-          }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)]);
+          return (0, import_vue.h)("div", {
+            class: "vxe-table-export--panel"
+          }, [
+            topSlot ? (0, import_vue.h)("div", {
+              class: "vxe-table-export--panel-top"
+            }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
+            (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-table-export--panel-body"
+              },
+              defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+                (0, import_vue.h)("table", {
+                  class: "vxe-table-export--panel-table",
+                  cellspacing: 0,
+                  cellpadding: 0,
+                  border: 0
+                }, [
+                  (0, import_vue.h)("tbody", [
+                    (0, import_vue.h)("tr", [
+                      (0, import_vue.h)("td", getI18n("vxe.import.impFile")),
+                      (0, import_vue.h)("td", [
+                        hasFile ? (0, import_vue.h)("div", {
+                          class: "vxe-table-export--selected--file",
+                          title: selectName
+                        }, [
+                          (0, import_vue.h)("span", selectName),
+                          (0, import_vue.h)("i", {
+                            class: getIcon().INPUT_CLEAR,
+                            onClick: clearFileEvent
+                          })
+                        ]) : (0, import_vue.h)("button", {
+                          ref: refFileBtn,
+                          class: "vxe-table-export--select--file",
+                          onClick: selectFileEvent
+                        }, getI18n("vxe.import.impSelect"))
+                      ])
+                    ]),
+                    (0, import_vue.h)("tr", [
+                      (0, import_vue.h)("td", getI18n("vxe.import.impType")),
+                      (0, import_vue.h)("td", parseTypeLabel)
+                    ]),
+                    settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                      (0, import_vue.h)("td", getI18n("vxe.import.impMode")),
+                      (0, import_vue.h)("td", [
+                        VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
+                          modelValue: defaultOptions.mode,
+                          options: storeData.modeList,
+                          "onUpdate:modelValue"(value) {
+                            defaultOptions.mode = value;
+                          }
+                        }) : renderEmptyElement($xeTable)
+                      ])
+                    ])
+                  ])
+                ])
+              ]
+            ),
+            bottomSlot ? (0, import_vue.h)("div", {
+              class: "vxe-table-export--panel-bottom"
+            }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)
+          ]);
         },
         footer() {
           const params = {
@@ -212,33 +237,42 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
             options: defaultOptions,
             params: defaultOptions.params
           };
-          return (0, _vue.h)('div', {
-            class: 'vxe-table-export--panel-footer'
-          }, footerSlot ? $xeTable.callSlot(footerSlot, params) : [(0, _vue.h)('div', {
-            class: 'vxe-table-export--panel-btns'
-          }, [VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            content: getI18n('vxe.import.impCancel'),
-            onClick: cancelEvent
-          }) : renderEmptyElement($xeTable), VxeUIButtonComponent ? (0, _vue.h)(VxeUIButtonComponent, {
-            status: 'primary',
-            disabled: !hasFile || reactData.loading,
-            content: getI18n('vxe.import.impConfirm'),
-            onClick: importEvent
-          }) : renderEmptyElement($xeTable)])]);
+          return (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-table-export--panel-footer"
+            },
+            footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+              (0, import_vue.h)("div", {
+                class: "vxe-table-export--panel-btns"
+              }, [
+                VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  content: getI18n("vxe.import.impCancel"),
+                  onClick: cancelEvent
+                }) : renderEmptyElement($xeTable),
+                VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                  status: "primary",
+                  disabled: !hasFile || reactData.loading,
+                  content: getI18n("vxe.import.impConfirm"),
+                  onClick: importEvent
+                }) : renderEmptyElement($xeTable)
+              ])
+            ]
+          );
         }
       }) : renderEmptyElement($xeTable);
     };
-    (0, _vue.nextTick)(() => {
+    (0, import_vue.nextTick)(() => {
       if (!VxeUIModalComponent) {
-        errLog('vxe.error.reqComp', ['vxe-modal']);
+        errLog("vxe.error.reqComp", ["vxe-modal"]);
       }
       if (!VxeUIButtonComponent) {
-        errLog('vxe.error.reqComp', ['vxe-button']);
+        errLog("vxe.error.reqComp", ["vxe-button"]);
       }
       if (!VxeUISelectComponent) {
-        errLog('vxe.error.reqComp', ['vxe-select']);
+        errLog("vxe.error.reqComp", ["vxe-select"]);
       }
     });
     return renderVN;
   }
-});
+});

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

@@ -1,20 +1,43 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var util_exports = {};
+__export(util_exports, {
+  createHtmlPage: () => createHtmlPage,
+  getExportBlobByContent: () => getExportBlobByContent
 });
-exports.createHtmlPage = createHtmlPage;
-exports.getExportBlobByContent = getExportBlobByContent;
-// 默认导出或打印的 HTML 样式
+module.exports = __toCommonJS(util_exports);
 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}';
 function getExportBlobByContent(content, options) {
-  return new Blob([content], {
-    type: `text/${options.type};charset=utf-8;`
-  });
+  return new Blob([content], { type: `text/${options.type};charset=utf-8;` });
 }
 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('');
-}
+  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("");
+}