vxe-table 4.1.20 → 4.2.0-beta.2

package/es/grid/src/grid.js

@@ -16,8 +16,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 import { defineComponent, h, ref, computed, provide, getCurrentInstance, resolveComponent, reactive, onUnmounted, watch, nextTick, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
-import { errLog, getLastZIndex, nextZIndex, isEnableConf } from '../../tools/utils';
+import { getLastZIndex, nextZIndex, isEnableConf } from '../../tools/utils';
 import { getOffsetHeight, getPaddingTopBottomSize, getDomNode } from '../../tools/dom';
+import { errLog } from '../../tools/log';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
 import tableComponentProps from '../../table/src/props';

package/es/header/index.js

@@ -2,8 +2,8 @@ import VxeTableHeader from './src/header';
 import { dynamicApp } from '../dynamics';
 export var Header = Object.assign(VxeTableHeader, {
     install: function (app) {
-        dynamicApp.component(VxeTableHeader.name, VxeTableHeader);
         app.component(VxeTableHeader.name, VxeTableHeader);
     }
 });
+dynamicApp.component(VxeTableHeader.name, VxeTableHeader);
 export default Header;

package/es/header/src/header.js

@@ -253,7 +253,7 @@ export default defineComponent({
                                         _a['is--filter-active'] = hasFilter,
                                         _a['col--current'] = currentColumn === column,
                                         _a), headerClassName ? (XEUtils.isFunction(headerClassName) ? headerClassName(params) : headerClassName) : '',
-                                    headerCellClassName ? (XEUtils.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName) : ''], colid: column.id, colspan: column.colSpan > 1 ? column.colSpan : null, rowspan: column.rowSpan > 1 ? column.rowSpan : null, style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle) : null }, thOns), { key: columnKey || isColGroup ? column.id : $columnIndex }), [
+                                    headerCellClassName ? (XEUtils.isFunction(headerCellClassName) ? headerCellClassName(params) : headerCellClassName) : ''], colid: column.id, colspan: column.colSpan > 1 ? column.colSpan : null, rowspan: column.rowSpan > 1 ? column.rowSpan : null, style: headerCellStyle ? (XEUtils.isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle) : null }, thOns), { key: columnKey || columnOpts.useKey || isColGroup ? column.id : $columnIndex }), [
                                 h('div', {
                                     class: ['vxe-cell', {
                                             'c--title': showTitle,

package/es/input/index.js

@@ -2,8 +2,8 @@ import VxeInputConstructor from './src/input';
 import { dynamicApp } from '../dynamics';
 export var Input = Object.assign(VxeInputConstructor, {
     install: function (app) {
-        dynamicApp.component(VxeInputConstructor.name, VxeInputConstructor);
         app.component(VxeInputConstructor.name, VxeInputConstructor);
     }
 });
+dynamicApp.component(VxeInputConstructor.name, VxeInputConstructor);
 export default Input;

package/es/input/src/date.js

@@ -0,0 +1,41 @@
+import XEUtils from 'xe-utils';
+export function toStringTimeDate(str) {
+    if (str) {
+        var rest = new Date();
+        var h = 0;
+        var m = 0;
+        var s = 0;
+        if (XEUtils.isDate(str)) {
+            h = str.getHours();
+            m = str.getMinutes();
+            s = str.getSeconds();
+        }
+        else {
+            str = XEUtils.toValueString(str);
+            var parses = str.match(/^(\d{1,2})(:(\d{1,2}))?(:(\d{1,2}))?/);
+            if (parses) {
+                h = XEUtils.toNumber(parses[1]);
+                m = XEUtils.toNumber(parses[3]);
+                s = XEUtils.toNumber(parses[5]);
+            }
+        }
+        rest.setHours(h);
+        rest.setMinutes(m);
+        rest.setSeconds(s);
+        return rest;
+    }
+    return new Date('');
+}
+export function getDateQuarter(date) {
+    var month = date.getMonth();
+    if (month < 3) {
+        return 1;
+    }
+    else if (month < 6) {
+        return 2;
+    }
+    else if (month < 9) {
+        return 3;
+    }
+    return 4;
+}

package/es/input/src/input.js

@@ -5,36 +5,11 @@ import { useSize } from '../../hooks/size';
 import { getFuncText, getLastZIndex, nextZIndex } from '../../tools/utils';
 import { hasClass, getAbsolutePos, getEventTargetNode } from '../../tools/dom';
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
+import { toStringTimeDate, getDateQuarter } from './date';
+import { handleNumber, toFloatValueFixed } from './number';
 var yearSize = 20;
 var monthSize = 20;
 var quarterSize = 8;
-function toStringTimeDate(str) {
-    if (str) {
-        var rest = new Date();
-        var h_1 = 0;
-        var m = 0;
-        var s = 0;
-        if (XEUtils.isDate(str)) {
-            h_1 = str.getHours();
-            m = str.getMinutes();
-            s = str.getSeconds();
-        }
-        else {
-            str = XEUtils.toValueString(str);
-            var parses = str.match(/^(\d{1,2})(:(\d{1,2}))?(:(\d{1,2}))?/);
-            if (parses) {
-                h_1 = XEUtils.toNumber(parses[1]);
-                m = XEUtils.toNumber(parses[3]);
-                s = XEUtils.toNumber(parses[5]);
-            }
-        }
-        rest.setHours(h_1);
-        rest.setMinutes(m);
-        rest.setSeconds(s);
-        return rest;
-    }
-    return new Date('');
-}
 export default defineComponent({
     name: 'VxeInput',
     props: {
@@ -331,19 +306,6 @@ export default defineComponent({
             var yearList = computeYearList.value;
             return XEUtils.chunk(yearList, 4);
         });
-        var getDateQuarter = function (date) {
-            var month = date.getMonth();
-            if (month < 3) {
-                return 1;
-            }
-            else if (month < 6) {
-                return 2;
-            }
-            else if (month < 9) {
-                return 3;
-            }
-            return 4;
-        };
         var computeQuarterList = computed(function () {
             var selectMonth = reactData.selectMonth, currentDate = reactData.currentDate;
             var quarters = [];
@@ -516,16 +478,7 @@ export default defineComponent({
             var type = props.type, immediate = props.immediate;
             return immediate || !(type === 'text' || type === 'number' || type === 'integer' || type === 'float');
         });
-        var handleNumber = function (val) {
-            return XEUtils.isString(val) ? val.replace(/,/g, '') : val;
-        };
-        function toFloatValueFixed(inputValue, digitsValue) {
-            if (/^-/.test('' + inputValue)) {
-                return XEUtils.toFixed(XEUtils.ceil(inputValue, digitsValue), digitsValue);
-            }
-            return XEUtils.toFixed(XEUtils.floor(inputValue, digitsValue), digitsValue);
-        }
-        function getNumberValue(val) {
+        var getNumberValue = function (val) {
             var type = props.type, exponential = props.exponential;
             var inpMaxlength = computeInpMaxlength.value;
             var digitsValue = computeDigitsValue.value;
@@ -534,7 +487,7 @@ export default defineComponent({
                 return val;
             }
             return restVal.slice(0, inpMaxlength);
-        }
+        };
         var triggerEvent = function (evnt) {
             var inputValue = reactData.inputValue;
             inputMethods.dispatchEvent(evnt.type, { value: inputValue }, evnt);

package/es/input/src/number.js

@@ -0,0 +1,10 @@
+import XEUtils from 'xe-utils';
+export function handleNumber(val) {
+    return XEUtils.isString(val) ? val.replace(/,/g, '') : val;
+}
+export function toFloatValueFixed(inputValue, digitsValue) {
+    if (/^-/.test('' + inputValue)) {
+        return XEUtils.toFixed(XEUtils.ceil(inputValue, digitsValue), digitsValue);
+    }
+    return XEUtils.toFixed(XEUtils.floor(inputValue, digitsValue), digitsValue);
+}

package/es/list/index.js

@@ -2,8 +2,8 @@ import VxeListComponent from './src/list';
 import { dynamicApp } from '../dynamics';
 export var List = Object.assign(VxeListComponent, {
     install: function (app) {
-        dynamicApp.component(VxeListComponent.name, VxeListComponent);
         app.component(VxeListComponent.name, VxeListComponent);
     }
 });
+dynamicApp.component(VxeListComponent.name, VxeListComponent);
 export default List;

package/es/menu/index.js

@@ -6,8 +6,8 @@ export var Menu = {
     Panel: PanelComponent,
     install: function (app) {
         VXETable.hooks.add('$tableMenu', menuHook);
-        dynamicApp.component(PanelComponent.name, PanelComponent);
         app.component(PanelComponent.name, PanelComponent);
     }
 };
+dynamicApp.component(PanelComponent.name, PanelComponent);
 export default Menu;

package/es/modal/index.js

@@ -98,9 +98,9 @@ var ModalController = {
 export var modal = ModalController;
 export var Modal = Object.assign(VxeModalComponent, {
     install: function (app) {
-        dynamicApp.component(VxeModalComponent.name, VxeModalComponent);
         app.component(VxeModalComponent.name, VxeModalComponent);
         VXETable.modal = ModalController;
     }
 });
+dynamicApp.component(VxeModalComponent.name, VxeModalComponent);
 export default Modal;

package/es/modal/src/modal.js

@@ -13,7 +13,8 @@ import { defineComponent, h, Teleport, ref, computed, reactive, nextTick, watch,
 import XEUtils from 'xe-utils';
 import { useSize } from '../../hooks/size';
 import { getDomNode, getEventTargetNode } from '../../tools/dom';
-import { errLog, getLastZIndex, nextZIndex, getFuncText } from '../../tools/utils';
+import { getLastZIndex, nextZIndex, getFuncText } from '../../tools/utils';
+import { errLog } from '../../tools/log';
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import VxeButtonConstructor from '../../button/src/button';

package/es/optgroup/index.js

@@ -2,8 +2,8 @@ import VxeOptgroupComponent from '../select/src/optgroup';
 import { dynamicApp } from '../dynamics';
 export var Optgroup = Object.assign(VxeOptgroupComponent, {
     install: function (app) {
-        dynamicApp.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
         app.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
     }
 });
+dynamicApp.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
 export default Optgroup;

package/es/option/index.js

@@ -2,8 +2,8 @@ import VxeOptionComponent from '../select/src/option';
 import { dynamicApp } from '../dynamics';
 export var Option = Object.assign(VxeOptionComponent, {
     install: function (app) {
-        dynamicApp.component(VxeOptionComponent.name, VxeOptionComponent);
         app.component(VxeOptionComponent.name, VxeOptionComponent);
     }
 });
+dynamicApp.component(VxeOptionComponent.name, VxeOptionComponent);
 export default Option;

package/es/pager/index.js

@@ -2,8 +2,8 @@ import VxePagerComponent from './src/pager';
 import { dynamicApp } from '../dynamics';
 export var Pager = Object.assign(VxePagerComponent, {
     install: function (app) {
-        dynamicApp.component(VxePagerComponent.name, VxePagerComponent);
         app.component(VxePagerComponent.name, VxePagerComponent);
     }
 });
+dynamicApp.component(VxePagerComponent.name, VxePagerComponent);
 export default Pager;

package/es/pager/src/pager.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { defineComponent, h, computed, inject, resolveComponent, ref, nextTick } from 'vue';
+import { defineComponent, h, computed, inject, resolveComponent, ref, reactive, nextTick, watch } from 'vue';
 import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { hasEventKey, EVENT_KEYS } from '../../tools/event';
@@ -61,6 +61,9 @@ export default defineComponent({
         var xID = XEUtils.uniqueId();
         var computeSize = useSize(props);
         var $xegrid = inject('$xegrid', null);
+        var reactData = reactive({
+            inpCurrPage: props.currentPage
+        });
         var refElem = ref();
         var refMaps = {
             refElem: refElem
@@ -152,6 +155,10 @@ export default defineComponent({
             emit('update:pageSize', pageSize);
             pagerMethods.dispatchEvent('page-change', { type: 'size', pageSize: pageSize, currentPage: Math.min(props.currentPage, getPageCount(props.total, pageSize)) });
         };
+        var jumpInputEvent = function (evnt) {
+            var inputElem = evnt.target;
+            reactData.inpCurrPage = inputElem.value;
+        };
         var jumpKeydownEvent = function (evnt) {
             if (hasEventKey(evnt, EVENT_KEYS.ENTER)) {
                 triggerJumpEvent(evnt);
@@ -311,9 +318,10 @@ export default defineComponent({
                 }, GlobalConfig.i18n('vxe.pager.goto')) : null,
                 h('input', {
                     class: 'vxe-pager--goto',
-                    value: props.currentPage,
+                    value: reactData.inpCurrPage,
                     type: 'text',
                     autocomplete: 'off',
+                    onInput: jumpInputEvent,
                     onKeydown: jumpKeydownEvent,
                     onBlur: triggerJumpEvent
                 }),
@@ -372,6 +380,9 @@ export default defineComponent({
             handleNextJump: handleNextJump
         };
         Object.assign($xepager, pagerMethods, pagerPrivateMethods);
+        watch(function () { return props.currentPage; }, function (value) {
+            reactData.inpCurrPage = value;
+        });
         var renderVN = function () {
             var _a;
             var align = props.align, layouts = props.layouts, className = props.className;

package/es/pulldown/index.js

@@ -2,8 +2,8 @@ import VxePulldownComponent from './src/pulldown';
 import { dynamicApp } from '../dynamics';
 export var Pulldown = Object.assign(VxePulldownComponent, {
     install: function (app) {
-        dynamicApp.component(VxePulldownComponent.name, VxePulldownComponent);
         app.component(VxePulldownComponent.name, VxePulldownComponent);
     }
 });
+dynamicApp.component(VxePulldownComponent.name, VxePulldownComponent);
 export default Pulldown;

package/es/radio/index.js

@@ -2,8 +2,8 @@ import VxeRadioComponent from './src/radio';
 import { dynamicApp } from '../dynamics';
 export var Radio = Object.assign(VxeRadioComponent, {
     install: function (app) {
-        dynamicApp.component(VxeRadioComponent.name, VxeRadioComponent);
         app.component(VxeRadioComponent.name, VxeRadioComponent);
     }
 });
+dynamicApp.component(VxeRadioComponent.name, VxeRadioComponent);
 export default Radio;

package/es/radio-button/index.js

@@ -2,8 +2,8 @@ import VxeRadioButtonComponent from '../radio/src/button';
 import { dynamicApp } from '../dynamics';
 export var RadioButton = Object.assign(VxeRadioButtonComponent, {
     install: function (app) {
-        dynamicApp.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent);
         app.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent);
     }
 });
+dynamicApp.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent);
 export default RadioButton;

package/es/radio-group/index.js

@@ -2,8 +2,8 @@ import VxeRadioGroupComponent from '../radio/src/group';
 import { dynamicApp } from '../dynamics';
 export var RadioGroup = Object.assign(VxeRadioGroupComponent, {
     install: function (app) {
-        dynamicApp.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent);
         app.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent);
     }
 });
+dynamicApp.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent);
 export default RadioGroup;

package/es/select/index.js

@@ -2,8 +2,8 @@ import VxeSelectComponent from './src/select';
 import { dynamicApp } from '../dynamics';
 export var Select = Object.assign(VxeSelectComponent, {
     install: function (app) {
-        dynamicApp.component(VxeSelectComponent.name, VxeSelectComponent);
         app.component(VxeSelectComponent.name, VxeSelectComponent);
     }
 });
+dynamicApp.component(VxeSelectComponent.name, VxeSelectComponent);
 export default Select;

package/es/select/style.css

@@ -155,7 +155,7 @@
 
 .vxe-select-option {
   padding: 0 10px;
-  max-width: 400px;
+  max-width: 600px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;