vxe-table 3.9.0-rc.8 → 3.9.0

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

@@ -7,12 +7,16 @@ exports.default = void 0;
 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 }; }
-// import { errLog } from '../../../ui/src/log'
-var getI18n = _ui.VxeUI.getI18n,
-  getIcon = _ui.VxeUI.getIcon;
+const {
+  getI18n,
+  getIcon,
+  globalMixins
+} = _ui.VxeUI;
 var _default = exports.default = {
   name: 'VxeTableImportPanel',
+  mixins: [globalMixins.sizeMixin],
   props: {
     defaultOptions: Object,
     storeData: Object
@@ -21,48 +25,66 @@ var _default = exports.default = {
     // VxeModal,
     // VxeRadio
   },
-  data: function data() {
+  data() {
     return {
       loading: false
     };
   },
   computed: {
-    vSize: function vSize() {
-      return this.size || this.$parent.size || this.$parent.vSize;
+    selectName() {
+      return `${this.storeData.filename}.${this.storeData.type}`;
     },
-    selectName: function selectName() {
-      return "".concat(this.storeData.filename, ".").concat(this.storeData.type);
-    },
-    hasFile: function hasFile() {
+    hasFile() {
       return this.storeData.file && this.storeData.type;
     },
-    parseTypeLabel: function parseTypeLabel() {
-      var storeData = this.storeData;
-      var type = storeData.type,
-        typeList = storeData.typeList;
+    parseTypeLabel() {
+      const {
+        storeData
+      } = this;
+      const {
+        type,
+        typeList
+      } = storeData;
       if (type) {
-        var selectItem = _xeUtils.default.find(typeList, function (item) {
-          return type === item.value;
-        });
+        const selectItem = _xeUtils.default.find(typeList, item => type === item.value);
         return selectItem ? selectItem.label : '*.*';
       }
-      return "*.".concat(typeList.map(function (item) {
-        return item.value;
-      }).join(', *.'));
+      return `*.${typeList.map(item => item.value).join(', *.')}`;
     }
   },
-  render: function render(h) {
-    var hasFile = this.hasFile,
-      parseTypeLabel = this.parseTypeLabel,
-      defaultOptions = this.defaultOptions,
-      storeData = this.storeData,
-      selectName = this.selectName;
+  created() {
+    const $xeTableImportPanel = this;
+    if (process.env.NODE_ENV === 'development') {
+      const VxeUIModalComponent = _ui.VxeUI.getComponent('VxeModal');
+      const VxeUIButtonComponent = _ui.VxeUI.getComponent('VxeButton');
+      const VxeUISelectComponent = _ui.VxeUI.getComponent('VxeSelect');
+      $xeTableImportPanel.$nextTick(() => {
+        if (!VxeUIModalComponent) {
+          (0, _log.errLog)('vxe.error.reqComp', ['vxe-modal']);
+        }
+        if (!VxeUIButtonComponent) {
+          (0, _log.errLog)('vxe.error.reqComp', ['vxe-button']);
+        }
+        if (!VxeUISelectComponent) {
+          (0, _log.errLog)('vxe.error.reqComp', ['vxe-select']);
+        }
+      });
+    }
+  },
+  render(h) {
+    const {
+      hasFile,
+      parseTypeLabel,
+      defaultOptions,
+      storeData,
+      selectName
+    } = this;
     return h('vxe-modal', {
       ref: 'modal',
       props: {
         value: storeData.visible,
         title: getI18n('vxe.import.impTitle'),
-        width: 520,
+        width: 540,
         mask: true,
         lockView: true,
         showFooter: false,
@@ -71,7 +93,7 @@ var _default = exports.default = {
         loading: this.loading
       },
       on: {
-        input: function input(value) {
+        input(value) {
           storeData.visible = value;
         },
         show: this.showEvent
@@ -109,7 +131,7 @@ var _default = exports.default = {
         options: storeData.modeList
       },
       on: {
-        input: function input(value) {
+        input(value) {
           defaultOptions.mode = value;
         }
       }
@@ -130,47 +152,46 @@ var _default = exports.default = {
     }, getI18n('vxe.import.impConfirm'))])])]);
   },
   methods: {
-    clearFileEvent: function clearFileEvent() {
+    clearFileEvent() {
       Object.assign(this.storeData, {
         filename: '',
         sheetName: '',
         type: ''
       });
     },
-    selectFileEvent: function selectFileEvent() {
-      var _this = this;
-      var $xetable = this.$parent;
-      $xetable.readFile(this.defaultOptions).then(function (params) {
-        var file = params.file;
-        Object.assign(_this.storeData, (0, _utils.parseFile)(file), {
-          file: file
+    selectFileEvent() {
+      const $xetable = this.$parent;
+      $xetable.readFile(this.defaultOptions).then(params => {
+        const {
+          file
+        } = params;
+        Object.assign(this.storeData, (0, _utils.parseFile)(file), {
+          file
         });
-      }).catch(function (e) {
-        return e;
-      });
+      }).catch(e => e);
     },
-    showEvent: function showEvent() {
-      var _this2 = this;
-      this.$nextTick(function () {
-        var $refs = _this2.$refs;
-        var targetElem = $refs.fileBtn;
+    showEvent() {
+      this.$nextTick(() => {
+        const {
+          $refs
+        } = this;
+        const targetElem = $refs.fileBtn;
         if (targetElem) {
           targetElem.focus();
         }
       });
     },
-    cancelEvent: function cancelEvent() {
+    cancelEvent() {
       this.storeData.visible = false;
     },
-    importEvent: function importEvent() {
-      var _this3 = this;
-      var $xetable = this.$parent;
+    importEvent() {
+      const $xetable = this.$parent;
       this.loading = true;
-      $xetable.importByFile(this.storeData.file, Object.assign({}, $xetable.importOpts, this.defaultOptions)).then(function () {
-        _this3.loading = false;
-        _this3.storeData.visible = false;
-      }).catch(function () {
-        _this3.loading = false;
+      $xetable.importByFile(this.storeData.file, Object.assign({}, $xetable.importOpts, this.defaultOptions)).then(() => {
+        this.loading = false;
+        this.storeData.visible = false;
+      }).catch(() => {
+        this.loading = false;
       });
     }
   }

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var getI18n=_ui.VxeUI.getI18n,getIcon=_ui.VxeUI.getIcon,_default=exports.default={name:"VxeTableImportPanel",props:{defaultOptions:Object,storeData:Object},components:{},data:function(){return{loading:!1}},computed:{vSize:function(){return this.size||this.$parent.size||this.$parent.vSize},selectName:function(){return"".concat(this.storeData.filename,".").concat(this.storeData.type)},hasFile:function(){return this.storeData.file&&this.storeData.type},parseTypeLabel:function(){var t,e=this.storeData,i=e.type,e=e.typeList;return i?(t=_xeUtils.default.find(e,function(t){return i===t.value}))?t.label:"*.*":"*.".concat(e.map(function(t){return t.value}).join(", *."))}},render:function(t){var e=this.hasFile,i=this.parseTypeLabel,n=this.defaultOptions,s=this.storeData,a=this.selectName;return t("vxe-modal",{ref:"modal",props:{value:s.visible,title:getI18n("vxe.import.impTitle"),width:520,mask:!0,lockView:!0,showFooter:!1,escClosable:!0,maskClosable:!0,loading:this.loading},on:{input:function(t){s.visible=t},show:this.showEvent}},[t("div",{class:"vxe-export--panel"},[t("table",{attrs:{cellspacing:0,cellpadding:0,border:0}},[t("tbody",[t("tr",[t("td",getI18n("vxe.import.impFile")),t("td",[e?t("div",{class:"vxe-import-selected--file",attrs:{title:a}},[t("span",a),t("i",{class:getIcon().INPUT_CLEAR,on:{click:this.clearFileEvent}})]):t("button",{ref:"fileBtn",class:"vxe-import-select--file",attrs:{type:"button"},on:{click:this.selectFileEvent}},getI18n("vxe.import.impSelect"))])]),t("tr",[t("td",getI18n("vxe.import.impType")),t("td",i)]),t("tr",[t("td",getI18n("vxe.import.impMode")),t("td",[t("vxe-select",{props:{value:n.mode,options:s.modeList},on:{input:function(t){n.mode=t}}})])])])]),t("div",{class:"vxe-export--panel-btns"},[t("vxe-button",{on:{click:this.cancelEvent}},getI18n("vxe.import.impCancel")),t("vxe-button",{props:{status:"primary",disabled:!e},on:{click:this.importEvent}},getI18n("vxe.import.impConfirm"))])])])},methods:{clearFileEvent:function(){Object.assign(this.storeData,{filename:"",sheetName:"",type:""})},selectFileEvent:function(){var e=this;this.$parent.readFile(this.defaultOptions).then(function(t){t=t.file;Object.assign(e.storeData,(0,_utils.parseFile)(t),{file:t})}).catch(function(t){return t})},showEvent:function(){var e=this;this.$nextTick(function(){var t=e.$refs.fileBtn;t&&t.focus()})},cancelEvent:function(){this.storeData.visible=!1},importEvent:function(){var t=this,e=this.$parent;this.loading=!0,e.importByFile(this.storeData.file,Object.assign({},e.importOpts,this.defaultOptions)).then(function(){t.loading=!1,t.storeData.visible=!1}).catch(function(){t.loading=!1})}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../../ui/src/utils"),_log=require("../../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getI18n,getIcon,globalMixins}=_ui.VxeUI;var _default=exports.default={name:"VxeTableImportPanel",mixins:[globalMixins.sizeMixin],props:{defaultOptions:Object,storeData:Object},components:{},data(){return{loading:!1}},computed:{selectName(){return this.storeData.filename+"."+this.storeData.type},hasFile(){return this.storeData.file&&this.storeData.type},parseTypeLabel(){var e=this.storeData;let{type:t,typeList:i}=e;return t?(e=_xeUtils.default.find(i,e=>t===e.value))?e.label:"*.*":"*."+i.map(e=>e.value).join(", *.")}},created(){if("development"===process.env.NODE_ENV){let e=_ui.VxeUI.getComponent("VxeModal"),t=_ui.VxeUI.getComponent("VxeButton"),i=_ui.VxeUI.getComponent("VxeSelect");this.$nextTick(()=>{e||(0,_log.errLog)("vxe.error.reqComp",["vxe-modal"]),t||(0,_log.errLog)("vxe.error.reqComp",["vxe-button"]),i||(0,_log.errLog)("vxe.error.reqComp",["vxe-select"])})}},render(e){let{hasFile:t,parseTypeLabel:i,defaultOptions:s,storeData:l,selectName:o}=this;return e("vxe-modal",{ref:"modal",props:{value:l.visible,title:getI18n("vxe.import.impTitle"),width:540,mask:!0,lockView:!0,showFooter:!1,escClosable:!0,maskClosable:!0,loading:this.loading},on:{input(e){l.visible=e},show:this.showEvent}},[e("div",{class:"vxe-export--panel"},[e("table",{attrs:{cellspacing:0,cellpadding:0,border:0}},[e("tbody",[e("tr",[e("td",getI18n("vxe.import.impFile")),e("td",[t?e("div",{class:"vxe-import-selected--file",attrs:{title:o}},[e("span",o),e("i",{class:getIcon().INPUT_CLEAR,on:{click:this.clearFileEvent}})]):e("button",{ref:"fileBtn",class:"vxe-import-select--file",attrs:{type:"button"},on:{click:this.selectFileEvent}},getI18n("vxe.import.impSelect"))])]),e("tr",[e("td",getI18n("vxe.import.impType")),e("td",i)]),e("tr",[e("td",getI18n("vxe.import.impMode")),e("td",[e("vxe-select",{props:{value:s.mode,options:l.modeList},on:{input(e){s.mode=e}}})])])])]),e("div",{class:"vxe-export--panel-btns"},[e("vxe-button",{on:{click:this.cancelEvent}},getI18n("vxe.import.impCancel")),e("vxe-button",{props:{status:"primary",disabled:!t},on:{click:this.importEvent}},getI18n("vxe.import.impConfirm"))])])])},methods:{clearFileEvent(){Object.assign(this.storeData,{filename:"",sheetName:"",type:""})},selectFileEvent(){this.$parent.readFile(this.defaultOptions).then(e=>{e=e.file;Object.assign(this.storeData,(0,_utils.parseFile)(e),{file:e})}).catch(e=>e)},showEvent(){this.$nextTick(()=>{var e=this.$refs,e=e.fileBtn;e&&e.focus()})},cancelEvent(){this.storeData.visible=!1},importEvent(){var e=this.$parent;this.loading=!0,e.importByFile(this.storeData.file,Object.assign({},e.importOpts,this.defaultOptions)).then(()=>{this.loading=!1,this.storeData.visible=!1}).catch(()=>{this.loading=!1})}}};