bk-magic-vue 2.4.8 → 2.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bkui-vue2-helper/attributes.json +1 -0
- package/bkui-vue2-helper/tags.json +1 -0
- package/dist/bk-magic-vue.css +81 -10
- package/dist/bk-magic-vue.js +245 -115
- package/dist/bk-magic-vue.min.css +1 -1
- package/dist/bk-magic-vue.min.css.gz +0 -0
- package/dist/bk-magic-vue.min.css.map +1 -1
- package/dist/bk-magic-vue.min.js +1 -1
- package/dist/bk-magic-vue.min.js.gz +0 -0
- package/dist/bk-magic-vue.min.js.map +1 -1
- package/lib/button.js +1 -1
- package/lib/date-picker.js +1 -22
- package/lib/dialog.js +30 -8
- package/lib/image-viewer.js +84 -8
- package/lib/image.js +94 -13
- package/lib/info-box.js +31 -8
- package/lib/loading.js +6 -2
- package/lib/pagination.js +871 -51
- package/lib/resize-layout.js +24 -22
- package/lib/select.js +7 -3
- package/lib/spin.js +1 -1
- package/lib/tab.js +241 -210
- package/lib/table-setting-content.js +1 -1
- package/lib/table.js +782 -66
- package/lib/tag-input.js +6 -2
- package/lib/time-picker.js +1 -22
- package/lib/ui/bk-magic-vue.css +81 -10
- package/lib/ui/bk-magic-vue.min.css +1 -1
- package/lib/ui/bk-magic-vue.min.css.gz +0 -0
- package/lib/ui/bk-magic-vue.min.css.map +1 -1
- package/lib/ui/pagination.css +14 -0
- package/lib/ui/pagination.min.css +1 -1
- package/lib/ui/pagination.min.css.map +1 -1
- package/lib/ui/select.css +4 -0
- package/lib/ui/select.min.css +1 -1
- package/lib/ui/select.min.css.map +1 -1
- package/lib/ui/spin.css +38 -5
- package/lib/ui/spin.min.css +1 -1
- package/lib/ui/spin.min.css.map +1 -1
- package/lib/ui/tab.css +41 -5
- package/lib/ui/tab.min.css +1 -1
- package/lib/ui/tab.min.css.map +1 -1
- package/lib/version-detail.js +36 -10
- package/lib/zoom-image.js +372 -176
- package/package.json +2 -2
package/lib/pagination.js
CHANGED
|
@@ -671,6 +671,63 @@
|
|
|
671
671
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
672
672
|
}
|
|
673
673
|
|
|
674
|
+
function _createForOfIteratorHelper(o, allowArrayLike) {
|
|
675
|
+
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
676
|
+
|
|
677
|
+
if (!it) {
|
|
678
|
+
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
679
|
+
if (it) o = it;
|
|
680
|
+
var i = 0;
|
|
681
|
+
|
|
682
|
+
var F = function () {};
|
|
683
|
+
|
|
684
|
+
return {
|
|
685
|
+
s: F,
|
|
686
|
+
n: function () {
|
|
687
|
+
if (i >= o.length) return {
|
|
688
|
+
done: true
|
|
689
|
+
};
|
|
690
|
+
return {
|
|
691
|
+
done: false,
|
|
692
|
+
value: o[i++]
|
|
693
|
+
};
|
|
694
|
+
},
|
|
695
|
+
e: function (e) {
|
|
696
|
+
throw e;
|
|
697
|
+
},
|
|
698
|
+
f: F
|
|
699
|
+
};
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
703
|
+
}
|
|
704
|
+
|
|
705
|
+
var normalCompletion = true,
|
|
706
|
+
didErr = false,
|
|
707
|
+
err;
|
|
708
|
+
return {
|
|
709
|
+
s: function () {
|
|
710
|
+
it = it.call(o);
|
|
711
|
+
},
|
|
712
|
+
n: function () {
|
|
713
|
+
var step = it.next();
|
|
714
|
+
normalCompletion = step.done;
|
|
715
|
+
return step;
|
|
716
|
+
},
|
|
717
|
+
e: function (e) {
|
|
718
|
+
didErr = true;
|
|
719
|
+
err = e;
|
|
720
|
+
},
|
|
721
|
+
f: function () {
|
|
722
|
+
try {
|
|
723
|
+
if (!normalCompletion && it.return != null) it.return();
|
|
724
|
+
} finally {
|
|
725
|
+
if (didErr) throw err;
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
};
|
|
729
|
+
}
|
|
730
|
+
|
|
674
731
|
var _isObject = function (it) {
|
|
675
732
|
return typeof it === 'object' ? it !== null : typeof it === 'function';
|
|
676
733
|
};
|
|
@@ -4612,7 +4669,9 @@
|
|
|
4612
4669
|
el.$vm.isShow = false;
|
|
4613
4670
|
}, delay);
|
|
4614
4671
|
} else {
|
|
4615
|
-
|
|
4672
|
+
Vue.nextTick(function () {
|
|
4673
|
+
el.$vm.isShow = false;
|
|
4674
|
+
});
|
|
4616
4675
|
}
|
|
4617
4676
|
}
|
|
4618
4677
|
if (options.title) {
|
|
@@ -4646,7 +4705,9 @@
|
|
|
4646
4705
|
}
|
|
4647
4706
|
},
|
|
4648
4707
|
update: function update(el, binding) {
|
|
4649
|
-
|
|
4708
|
+
if (el.viewmodel) {
|
|
4709
|
+
toggle(el, binding.value);
|
|
4710
|
+
}
|
|
4650
4711
|
}
|
|
4651
4712
|
};
|
|
4652
4713
|
|
|
@@ -5671,7 +5732,7 @@
|
|
|
5671
5732
|
type: String,
|
|
5672
5733
|
default: 'primary',
|
|
5673
5734
|
validator: function validator(value) {
|
|
5674
|
-
if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
|
|
5735
|
+
if (!['default', 'primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
|
|
5675
5736
|
console.error("theme property is not valid: '".concat(value, "'"));
|
|
5676
5737
|
return false;
|
|
5677
5738
|
}
|
|
@@ -6674,9 +6735,563 @@
|
|
|
6674
6735
|
staticRenderFns: __vue_staticRenderFns__$7
|
|
6675
6736
|
}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
|
|
6676
6737
|
|
|
6677
|
-
|
|
6738
|
+
_export(_export.S, 'Number', { MAX_SAFE_INTEGER: 0x1fffffffffffff });
|
|
6739
|
+
|
|
6740
|
+
var maxSafeInteger = 0x1fffffffffffff;
|
|
6741
|
+
|
|
6742
|
+
var maxSafeInteger$1 = maxSafeInteger;
|
|
6743
|
+
|
|
6744
|
+
_export(_export.S, 'Number', { MIN_SAFE_INTEGER: -0x1fffffffffffff });
|
|
6745
|
+
|
|
6746
|
+
var minSafeInteger = -0x1fffffffffffff;
|
|
6747
|
+
|
|
6748
|
+
var minSafeInteger$1 = minSafeInteger;
|
|
6749
|
+
|
|
6750
|
+
var requestAnimationFrame$2 = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
|
|
6751
|
+
window.setTimeout(callback, 1000 / 60);
|
|
6752
|
+
};
|
|
6753
|
+
var cancelAnimationFrame$2 = window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (id) {
|
|
6754
|
+
window.clearTimeout(id);
|
|
6755
|
+
};
|
|
6756
|
+
var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
|
|
6757
|
+
var MOZ_HACK_REGEXP = /^moz([A-Z])/;
|
|
6758
|
+
var camelCase = function camelCase(name) {
|
|
6759
|
+
return name.replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
|
|
6760
|
+
return offset ? letter.toUpperCase() : letter;
|
|
6761
|
+
}).replace(MOZ_HACK_REGEXP, 'Moz$1');
|
|
6762
|
+
};
|
|
6763
|
+
var getStyle = Number(document.documentMode) < 9 ? function (element, styleName) {
|
|
6764
|
+
if (!element || !styleName) return null;
|
|
6765
|
+
styleName = camelCase(styleName);
|
|
6766
|
+
if (styleName === 'float') {
|
|
6767
|
+
styleName = 'styleFloat';
|
|
6768
|
+
}
|
|
6769
|
+
try {
|
|
6770
|
+
switch (styleName) {
|
|
6771
|
+
case 'opacity':
|
|
6772
|
+
try {
|
|
6773
|
+
return element.filters.item('alpha').opacity / 100;
|
|
6774
|
+
} catch (e) {
|
|
6775
|
+
return 1.0;
|
|
6776
|
+
}
|
|
6777
|
+
default:
|
|
6778
|
+
return element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null;
|
|
6779
|
+
}
|
|
6780
|
+
} catch (e) {
|
|
6781
|
+
return element.style[styleName];
|
|
6782
|
+
}
|
|
6783
|
+
} : function (element, styleName) {
|
|
6784
|
+
if (!element || !styleName) return null;
|
|
6785
|
+
styleName = camelCase(styleName);
|
|
6786
|
+
if (styleName === 'float') {
|
|
6787
|
+
styleName = 'cssFloat';
|
|
6788
|
+
}
|
|
6789
|
+
try {
|
|
6790
|
+
var computed = document.defaultView.getComputedStyle(element, '');
|
|
6791
|
+
return element.style[styleName] || computed ? computed[styleName] : null;
|
|
6792
|
+
} catch (e) {
|
|
6793
|
+
return element.style[styleName];
|
|
6794
|
+
}
|
|
6795
|
+
};
|
|
6796
|
+
|
|
6797
|
+
var script$8 = {
|
|
6798
|
+
name: 'bk-input',
|
|
6799
|
+
mixins: [emitter, locale.mixin],
|
|
6800
|
+
props: {
|
|
6801
|
+
type: {
|
|
6802
|
+
type: String,
|
|
6803
|
+
default: 'text',
|
|
6804
|
+
validator: function validator(value) {
|
|
6805
|
+
return ['text', 'textarea', 'password', 'number', 'email', 'url', 'date'].indexOf(value) > -1;
|
|
6806
|
+
}
|
|
6807
|
+
},
|
|
6808
|
+
value: {
|
|
6809
|
+
type: [String, Number],
|
|
6810
|
+
default: ''
|
|
6811
|
+
},
|
|
6812
|
+
placeholder: {
|
|
6813
|
+
type: String,
|
|
6814
|
+
default: ''
|
|
6815
|
+
},
|
|
6816
|
+
disabled: {
|
|
6817
|
+
type: Boolean,
|
|
6818
|
+
default: false
|
|
6819
|
+
},
|
|
6820
|
+
clearable: {
|
|
6821
|
+
type: Boolean,
|
|
6822
|
+
default: false
|
|
6823
|
+
},
|
|
6824
|
+
readonly: {
|
|
6825
|
+
type: Boolean,
|
|
6826
|
+
default: false
|
|
6827
|
+
},
|
|
6828
|
+
name: {
|
|
6829
|
+
type: String,
|
|
6830
|
+
default: ''
|
|
6831
|
+
},
|
|
6832
|
+
maxlength: {
|
|
6833
|
+
type: [Number, String]
|
|
6834
|
+
},
|
|
6835
|
+
minlength: {
|
|
6836
|
+
type: [Number, String]
|
|
6837
|
+
},
|
|
6838
|
+
min: {
|
|
6839
|
+
type: Number,
|
|
6840
|
+
default: minSafeInteger$1
|
|
6841
|
+
},
|
|
6842
|
+
max: {
|
|
6843
|
+
type: Number,
|
|
6844
|
+
default: maxSafeInteger$1
|
|
6845
|
+
},
|
|
6846
|
+
size: {
|
|
6847
|
+
type: String,
|
|
6848
|
+
default: '',
|
|
6849
|
+
validator: function validator(val) {
|
|
6850
|
+
return ['', 'large', 'small'].includes(val);
|
|
6851
|
+
}
|
|
6852
|
+
},
|
|
6853
|
+
leftIcon: {
|
|
6854
|
+
type: String,
|
|
6855
|
+
default: ''
|
|
6856
|
+
},
|
|
6857
|
+
rightIcon: {
|
|
6858
|
+
type: String,
|
|
6859
|
+
default: ''
|
|
6860
|
+
},
|
|
6861
|
+
rows: {
|
|
6862
|
+
type: Number
|
|
6863
|
+
},
|
|
6864
|
+
inputStyle: {
|
|
6865
|
+
type: Object
|
|
6866
|
+
},
|
|
6867
|
+
fontSize: {
|
|
6868
|
+
type: String,
|
|
6869
|
+
default: 'normal'
|
|
6870
|
+
},
|
|
6871
|
+
precision: Number,
|
|
6872
|
+
passwordIcon: {
|
|
6873
|
+
type: Array,
|
|
6874
|
+
default: function _default() {
|
|
6875
|
+
return ['icon-eye-slash', 'icon-eye'];
|
|
6876
|
+
}
|
|
6877
|
+
},
|
|
6878
|
+
showControls: {
|
|
6879
|
+
type: Boolean,
|
|
6880
|
+
default: true
|
|
6881
|
+
},
|
|
6882
|
+
extCls: {
|
|
6883
|
+
type: String,
|
|
6884
|
+
default: ''
|
|
6885
|
+
},
|
|
6886
|
+
nativeAttributes: {
|
|
6887
|
+
type: Object,
|
|
6888
|
+
default: null
|
|
6889
|
+
},
|
|
6890
|
+
showWordLimit: {
|
|
6891
|
+
type: Boolean,
|
|
6892
|
+
default: undefined
|
|
6893
|
+
},
|
|
6894
|
+
behavior: {
|
|
6895
|
+
type: String,
|
|
6896
|
+
default: 'normal',
|
|
6897
|
+
validate: function validate(v) {
|
|
6898
|
+
return ['simplicity', 'normal'].indexOf(v) > -1;
|
|
6899
|
+
}
|
|
6900
|
+
},
|
|
6901
|
+
showClearOnlyHover: {
|
|
6902
|
+
type: Boolean,
|
|
6903
|
+
default: false
|
|
6904
|
+
}
|
|
6905
|
+
},
|
|
6906
|
+
data: function data() {
|
|
6907
|
+
return {
|
|
6908
|
+
hover: false,
|
|
6909
|
+
curValue: '',
|
|
6910
|
+
prepend: false,
|
|
6911
|
+
append: false,
|
|
6912
|
+
isActive: false,
|
|
6913
|
+
defaultPlaceholder: '',
|
|
6914
|
+
rightIconStyle: {
|
|
6915
|
+
right: '10px'
|
|
6916
|
+
},
|
|
6917
|
+
rightPasswordIconStyle: {
|
|
6918
|
+
right: '10px'
|
|
6919
|
+
},
|
|
6920
|
+
inputType: this.type,
|
|
6921
|
+
inputSize: this.size,
|
|
6922
|
+
inputPasswordIcon: this.passwordIcon,
|
|
6923
|
+
inputRightPadding: '10px',
|
|
6924
|
+
iconAreaSizeObserver: null
|
|
6925
|
+
};
|
|
6926
|
+
},
|
|
6927
|
+
computed: {
|
|
6928
|
+
showClearIcon: function showClearIcon() {
|
|
6929
|
+
return this.clearable && this.curValue && !this.disabled && (this.showClearOnlyHover ? this.hover : true);
|
|
6930
|
+
},
|
|
6931
|
+
showPwdVisable: function showPwdVisable() {
|
|
6932
|
+
return this.type === 'password' && this.curValue && this.inputPasswordIcon.length && !this.readonly && !this.disabled;
|
|
6933
|
+
},
|
|
6934
|
+
showInputWordLimit: function showInputWordLimit() {
|
|
6935
|
+
if (!['text', 'textarea'].includes(this.type)) return false;
|
|
6936
|
+
return this.type === 'text' ? this.maxlength && this.showWordLimit : this.maxlength && this.showWordLimit !== false;
|
|
6937
|
+
},
|
|
6938
|
+
bindAttribute: function bindAttribute() {
|
|
6939
|
+
return this.getAttributeByType(this.inputType);
|
|
6940
|
+
},
|
|
6941
|
+
computedStyle: function computedStyle() {
|
|
6942
|
+
return _extends(this.inputType === 'textarea' ? {} : {
|
|
6943
|
+
'padding-right': this.inputRightPadding
|
|
6944
|
+
}, this.inputStyle);
|
|
6945
|
+
},
|
|
6946
|
+
showLeftIcon: function showLeftIcon() {
|
|
6947
|
+
return this.leftIcon;
|
|
6948
|
+
},
|
|
6949
|
+
showRightIcon: function showRightIcon() {
|
|
6950
|
+
return this.rightIcon || this.clearable && this.curValue || this.type === 'password' || this.maxlength;
|
|
6951
|
+
},
|
|
6952
|
+
showTwoRightIcon: function showTwoRightIcon() {
|
|
6953
|
+
return this.clearable && this.curValue && this.type === 'password';
|
|
6954
|
+
},
|
|
6955
|
+
wrapperClass: function wrapperClass() {
|
|
6956
|
+
var wrapperClass = ['bk-form-control', {
|
|
6957
|
+
'with-left-icon': this.showLeftIcon,
|
|
6958
|
+
'with-right-icon': this.showRightIcon,
|
|
6959
|
+
'with-two-right-icon': this.showTwoRightIcon,
|
|
6960
|
+
'control-prepend-group': this.prepend,
|
|
6961
|
+
'control-append-group': this.append,
|
|
6962
|
+
'control-active': this.isActive,
|
|
6963
|
+
'control-disable': this.disabled
|
|
6964
|
+
}];
|
|
6965
|
+
if (this.inputSize) {
|
|
6966
|
+
wrapperClass.push("bk-input-wrapper-".concat(this.inputSize));
|
|
6967
|
+
}
|
|
6968
|
+
return wrapperClass;
|
|
6969
|
+
},
|
|
6970
|
+
fontSizeCls: function fontSizeCls() {
|
|
6971
|
+
var cls = '';
|
|
6972
|
+
if (this.fontSize === 'medium') {
|
|
6973
|
+
cls = 'medium-font';
|
|
6974
|
+
} else if (this.fontSize === 'large') {
|
|
6975
|
+
cls = 'large-font';
|
|
6976
|
+
}
|
|
6977
|
+
return cls;
|
|
6978
|
+
},
|
|
6979
|
+
inputSizeCls: function inputSizeCls() {
|
|
6980
|
+
if (this.inputSize) {
|
|
6981
|
+
return "bk-input-".concat(this.inputSize);
|
|
6982
|
+
}
|
|
6983
|
+
return '';
|
|
6984
|
+
}
|
|
6985
|
+
},
|
|
6986
|
+
watch: {
|
|
6987
|
+
value: {
|
|
6988
|
+
handler: function handler(val, old) {
|
|
6989
|
+
this.setCurValue(val);
|
|
6990
|
+
old === undefined && this.updateNumberValue(val);
|
|
6991
|
+
},
|
|
6992
|
+
immediate: true
|
|
6993
|
+
},
|
|
6994
|
+
placeholder: function placeholder(val) {
|
|
6995
|
+
this.defaultPlaceholder = val || this.t('bk.input.input');
|
|
6996
|
+
},
|
|
6997
|
+
type: function type(val) {
|
|
6998
|
+
this.inputType = val;
|
|
6999
|
+
},
|
|
7000
|
+
size: function size(val) {
|
|
7001
|
+
this.inputSize = val;
|
|
7002
|
+
}
|
|
7003
|
+
},
|
|
7004
|
+
created: function created() {
|
|
7005
|
+
this.defaultPlaceholder = this.placeholder || this.t('bk.input.input');
|
|
7006
|
+
},
|
|
7007
|
+
mounted: function mounted() {
|
|
7008
|
+
var _this = this;
|
|
7009
|
+
this.prepend = this.$slots.prepend !== undefined;
|
|
7010
|
+
this.append = this.$slots.append !== undefined;
|
|
7011
|
+
if (this.$slots.append) {
|
|
7012
|
+
this.$nextTick(function () {
|
|
7013
|
+
var appendWidth = _parseFloat$2(getStyle(_this.$slots.append[0].elm, 'width'));
|
|
7014
|
+
_this.rightIconStyle = {
|
|
7015
|
+
right: _parseFloat$2(_this.rightIconStyle.right) + appendWidth + 'px'
|
|
7016
|
+
};
|
|
7017
|
+
});
|
|
7018
|
+
}
|
|
7019
|
+
if (this.clearable) {
|
|
7020
|
+
this.rightPasswordIconStyle = {
|
|
7021
|
+
right: '30px'
|
|
7022
|
+
};
|
|
7023
|
+
}
|
|
7024
|
+
this.observerIconSize();
|
|
7025
|
+
},
|
|
7026
|
+
beforeDestroy: function beforeDestroy() {
|
|
7027
|
+
this.iconAreaSizeObserver && typeof this.iconAreaSizeObserver.disconnect === 'function' && this.iconAreaSizeObserver.disconnect();
|
|
7028
|
+
this.iconAreaSizeObserver = null;
|
|
7029
|
+
},
|
|
7030
|
+
methods: {
|
|
7031
|
+
observerIconSize: function observerIconSize() {
|
|
7032
|
+
var _this2 = this;
|
|
7033
|
+
var element = this.$refs.rightIconArea;
|
|
7034
|
+
if (!element) return;
|
|
7035
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
7036
|
+
var defaultPadding = 10;
|
|
7037
|
+
this.iconAreaSizeObserver = new ResizeObserver(function (entries) {
|
|
7038
|
+
var _iterator = _createForOfIteratorHelper(entries),
|
|
7039
|
+
_step;
|
|
7040
|
+
try {
|
|
7041
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
7042
|
+
var entry = _step.value;
|
|
7043
|
+
var cr = entry.contentRect;
|
|
7044
|
+
_this2.inputRightPadding = "".concat(cr.width + defaultPadding, "px");
|
|
7045
|
+
}
|
|
7046
|
+
} catch (err) {
|
|
7047
|
+
_iterator.e(err);
|
|
7048
|
+
} finally {
|
|
7049
|
+
_iterator.f();
|
|
7050
|
+
}
|
|
7051
|
+
});
|
|
7052
|
+
this.iconAreaSizeObserver.observe(element);
|
|
7053
|
+
}
|
|
7054
|
+
},
|
|
7055
|
+
getAttributeByType: function getAttributeByType() {
|
|
7056
|
+
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
7057
|
+
var defaultAttr = {
|
|
7058
|
+
type: type,
|
|
7059
|
+
name: this.name,
|
|
7060
|
+
placeholder: this.defaultPlaceholder,
|
|
7061
|
+
disabled: this.disabled,
|
|
7062
|
+
readonly: this.readonly,
|
|
7063
|
+
maxlength: this.maxlength,
|
|
7064
|
+
minlength: this.minlength,
|
|
7065
|
+
value: this.curValue
|
|
7066
|
+
};
|
|
7067
|
+
type = type.toLocaleLowerCase();
|
|
7068
|
+
var outputAttr = this.nativeAttributes || {};
|
|
7069
|
+
switch (type) {
|
|
7070
|
+
case 'number':
|
|
7071
|
+
var numberAttr = {
|
|
7072
|
+
min: this.min,
|
|
7073
|
+
max: this.max
|
|
7074
|
+
};
|
|
7075
|
+
_extends(outputAttr, defaultAttr, numberAttr);
|
|
7076
|
+
break;
|
|
7077
|
+
case 'textarea':
|
|
7078
|
+
var txtAttr = {
|
|
7079
|
+
rows: this.rows
|
|
7080
|
+
};
|
|
7081
|
+
_extends(outputAttr, defaultAttr, txtAttr);
|
|
7082
|
+
break;
|
|
7083
|
+
default:
|
|
7084
|
+
_extends(outputAttr, defaultAttr);
|
|
7085
|
+
break;
|
|
7086
|
+
}
|
|
7087
|
+
return outputAttr;
|
|
7088
|
+
},
|
|
7089
|
+
handleToFixed: function handleToFixed(defaultNumber, len) {
|
|
7090
|
+
var number = Number(defaultNumber);
|
|
7091
|
+
if (isNaN(number) || number >= Math.pow(10, 21)) {
|
|
7092
|
+
return number.toString();
|
|
7093
|
+
}
|
|
7094
|
+
if (typeof len === 'undefined' || len === 0) {
|
|
7095
|
+
return Math.round(number).toString();
|
|
7096
|
+
}
|
|
7097
|
+
var result = number.toString();
|
|
7098
|
+
var numberArr = result.split('.');
|
|
7099
|
+
if (numberArr.length < 2) {
|
|
7100
|
+
return this.handlePadNum(result, len);
|
|
7101
|
+
}
|
|
7102
|
+
var intNum = numberArr[0];
|
|
7103
|
+
var deciNum = numberArr[1];
|
|
7104
|
+
var lastNum = deciNum.substr(len, 1);
|
|
7105
|
+
if (deciNum.length === len) {
|
|
7106
|
+
return result;
|
|
7107
|
+
}
|
|
7108
|
+
if (deciNum.length < len) {
|
|
7109
|
+
return this.handlePadNum(result, len);
|
|
7110
|
+
}
|
|
7111
|
+
result = intNum + '.' + deciNum.substr(0, len);
|
|
7112
|
+
if (_parseInt$2(lastNum, 10) >= 5) {
|
|
7113
|
+
var times = Math.pow(10, len);
|
|
7114
|
+
var changedInt = Number(result.replace('.', ''));
|
|
7115
|
+
changedInt++;
|
|
7116
|
+
changedInt /= times;
|
|
7117
|
+
result = this.handlePadNum(changedInt + '', len);
|
|
7118
|
+
}
|
|
7119
|
+
return result;
|
|
7120
|
+
},
|
|
7121
|
+
handlePadNum: function handlePadNum(num, len) {
|
|
7122
|
+
var dotPos = num.indexOf('.');
|
|
7123
|
+
if (dotPos === -1) {
|
|
7124
|
+
num += '.';
|
|
7125
|
+
for (var i = 0; i < len; i++) {
|
|
7126
|
+
num += '0';
|
|
7127
|
+
}
|
|
7128
|
+
return num;
|
|
7129
|
+
} else {
|
|
7130
|
+
var need = len - (num.length - dotPos - 1);
|
|
7131
|
+
for (var j = 0; j < need; j++) {
|
|
7132
|
+
num += '0';
|
|
7133
|
+
}
|
|
7134
|
+
return num;
|
|
7135
|
+
}
|
|
7136
|
+
},
|
|
7137
|
+
handleNumberDelete: function handleNumberDelete(event) {
|
|
7138
|
+
this.curValue === '' && (this.curValue = this.max);
|
|
7139
|
+
var curNumberValue = Number(this.curValue);
|
|
7140
|
+
if (curNumberValue - 1 >= this.min) {
|
|
7141
|
+
var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
|
|
7142
|
+
var newVal = curNumberValue - 1;
|
|
7143
|
+
if (typeof this.precision !== 'undefined') {
|
|
7144
|
+
newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
|
|
7145
|
+
}
|
|
7146
|
+
this.setCurValue(newVal);
|
|
7147
|
+
this.$emit('input', newVal, event);
|
|
7148
|
+
this.$emit('change', newVal, event);
|
|
7149
|
+
this.dispatch('bk-form-item', 'form-change');
|
|
7150
|
+
}
|
|
7151
|
+
},
|
|
7152
|
+
handleNumberAdd: function handleNumberAdd(event) {
|
|
7153
|
+
this.curValue === '' && (this.curValue = this.min);
|
|
7154
|
+
var curNumberValue = Number(this.curValue);
|
|
7155
|
+
if (curNumberValue <= this.max - 1) {
|
|
7156
|
+
var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
|
|
7157
|
+
var newVal = curNumberValue + 1;
|
|
7158
|
+
if (typeof this.precision !== 'undefined') {
|
|
7159
|
+
newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
|
|
7160
|
+
}
|
|
7161
|
+
this.setCurValue(newVal);
|
|
7162
|
+
this.$emit('input', newVal, event);
|
|
7163
|
+
this.$emit('change', newVal, event);
|
|
7164
|
+
this.dispatch('bk-form-item', 'form-change');
|
|
7165
|
+
}
|
|
7166
|
+
},
|
|
7167
|
+
handlerEnter: function handlerEnter(event) {
|
|
7168
|
+
var value = event.target.value;
|
|
7169
|
+
this.$emit('enter', value, event);
|
|
7170
|
+
},
|
|
7171
|
+
handlerKeyup: function handlerKeyup(event) {
|
|
7172
|
+
var value = event.target.value;
|
|
7173
|
+
this.$emit('keyup', value, event);
|
|
7174
|
+
},
|
|
7175
|
+
handlerKeypress: function handlerKeypress(event) {
|
|
7176
|
+
var value = event.target.value;
|
|
7177
|
+
this.$emit('keypress', value, event);
|
|
7178
|
+
},
|
|
7179
|
+
handlerKeydown: function handlerKeydown(event) {
|
|
7180
|
+
var value = event.target.value;
|
|
7181
|
+
this.$emit('keydown', value, event);
|
|
7182
|
+
},
|
|
7183
|
+
handlerFocus: function handlerFocus(event) {
|
|
7184
|
+
var value = event.target.value;
|
|
7185
|
+
this.isActive = true;
|
|
7186
|
+
this.$emit('focus', value, event);
|
|
7187
|
+
this.dispatch('bk-form-item', 'form-focus');
|
|
7188
|
+
},
|
|
7189
|
+
toPrecision: function toPrecision(num, precision) {
|
|
7190
|
+
if (precision === undefined) precision = 0;
|
|
7191
|
+
return this.handleToFixed(num, precision);
|
|
7192
|
+
},
|
|
7193
|
+
handlerBlur: function handlerBlur(event) {
|
|
7194
|
+
var value = event.target.value;
|
|
7195
|
+
if (/^number$/i.test(this.type) && value !== '') {
|
|
7196
|
+
if (value !== '' && /^-?\d*(.\d*)?$/i.test(value)) {
|
|
7197
|
+
if (value > this.max || value < this.min) {
|
|
7198
|
+
value = this.getCurrentNumberValue();
|
|
7199
|
+
}
|
|
7200
|
+
}
|
|
7201
|
+
if (typeof this.precision !== 'undefined') {
|
|
7202
|
+
value = this.toPrecision(Number(value), this.precision, true);
|
|
7203
|
+
} else {
|
|
7204
|
+
value = Number(value);
|
|
7205
|
+
}
|
|
7206
|
+
if (value + '' !== event.target.value + '') {
|
|
7207
|
+
this.setCurValue(value);
|
|
7208
|
+
event.target.value = value;
|
|
7209
|
+
this.$emit('change', value, event);
|
|
7210
|
+
this.$emit('input', value, event);
|
|
7211
|
+
}
|
|
7212
|
+
}
|
|
7213
|
+
this.isActive = false;
|
|
7214
|
+
this.$emit('blur', value, event);
|
|
7215
|
+
this.dispatch('bk-form-item', 'form-blur');
|
|
7216
|
+
},
|
|
7217
|
+
handlerPaste: function handlerPaste(event) {
|
|
7218
|
+
var value = event.target.value;
|
|
7219
|
+
this.$emit('paste', value, event);
|
|
7220
|
+
this.$emit('change', value, event);
|
|
7221
|
+
this.dispatch('bk-form-item', 'form-change');
|
|
7222
|
+
},
|
|
7223
|
+
getCurrentNumberValue: function getCurrentNumberValue() {
|
|
7224
|
+
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
7225
|
+
val = val === null ? this.curValue : val;
|
|
7226
|
+
var value = '';
|
|
7227
|
+
if (val !== '' && /^-?\d*(.\d*)?$/i.test(val)) {
|
|
7228
|
+
value = Number(val);
|
|
7229
|
+
value = value > this.max ? this.max : value;
|
|
7230
|
+
value = value < this.min ? this.min : value;
|
|
7231
|
+
return value;
|
|
7232
|
+
}
|
|
7233
|
+
return '';
|
|
7234
|
+
},
|
|
7235
|
+
handlerInput: function handlerInput(event) {
|
|
7236
|
+
var value = event.target.value;
|
|
7237
|
+
this.setCurValue(value);
|
|
7238
|
+
this.$emit('input', value, event);
|
|
7239
|
+
this.$emit('change', value, event);
|
|
7240
|
+
this.dispatch('bk-form-item', 'form-change');
|
|
7241
|
+
},
|
|
7242
|
+
handlerClear: function handlerClear(event) {
|
|
7243
|
+
this.curValue = '';
|
|
7244
|
+
this.$emit('input', this.curValue, event);
|
|
7245
|
+
this.$emit('change', this.curValue, event);
|
|
7246
|
+
this.$emit('clear', this.curValue, event);
|
|
7247
|
+
this.dispatch('bk-form-item', 'form-change');
|
|
7248
|
+
},
|
|
7249
|
+
handlerLeftIcon: function handlerLeftIcon(event) {
|
|
7250
|
+
this.$emit('left-icon-click', this.curValue, event);
|
|
7251
|
+
},
|
|
7252
|
+
handlerRightIcon: function handlerRightIcon(event) {
|
|
7253
|
+
this.$emit('right-icon-click', this.curValue, event);
|
|
7254
|
+
},
|
|
7255
|
+
focus: function focus(event) {
|
|
7256
|
+
if (this.type === 'textarea') {
|
|
7257
|
+
this.$refs.textarea.focus();
|
|
7258
|
+
} else {
|
|
7259
|
+
this.$refs.input.focus();
|
|
7260
|
+
}
|
|
7261
|
+
},
|
|
7262
|
+
blur: function blur(event) {
|
|
7263
|
+
if (this.type === 'textarea') {
|
|
7264
|
+
this.$refs.textarea.blur();
|
|
7265
|
+
} else {
|
|
7266
|
+
this.$refs.input.blur();
|
|
7267
|
+
}
|
|
7268
|
+
},
|
|
7269
|
+
setCurValue: function setCurValue(val) {
|
|
7270
|
+
if (val === this.curValue) {
|
|
7271
|
+
return false;
|
|
7272
|
+
}
|
|
7273
|
+
this.curValue = val;
|
|
7274
|
+
},
|
|
7275
|
+
updateNumberValue: function updateNumberValue(val) {
|
|
7276
|
+
if (val !== '' && /^number$/i.test(this.type) && /^-?\d*(.\d*)?$/i.test(val)) {
|
|
7277
|
+
val = this.getCurrentNumberValue(val);
|
|
7278
|
+
this.curValue = typeof this.precision === 'number' ? this.toPrecision(Number(val), this.precision) : Number(val);
|
|
7279
|
+
}
|
|
7280
|
+
},
|
|
7281
|
+
togglePass: function togglePass() {
|
|
7282
|
+
if (this.inputType === 'password') {
|
|
7283
|
+
this.inputType = 'text';
|
|
7284
|
+
} else {
|
|
7285
|
+
this.inputType = 'password';
|
|
7286
|
+
}
|
|
7287
|
+
}
|
|
7288
|
+
}
|
|
7289
|
+
};
|
|
6678
7290
|
|
|
7291
|
+
/* script */
|
|
7292
|
+
var __vue_script__$8 = script$8;
|
|
6679
7293
|
/* template */
|
|
7294
|
+
|
|
6680
7295
|
var __vue_render__$8 = function __vue_render__() {
|
|
6681
7296
|
var _vm = this;
|
|
6682
7297
|
|
|
@@ -6685,12 +7300,125 @@
|
|
|
6685
7300
|
var _c = _vm._self._c || _h;
|
|
6686
7301
|
|
|
6687
7302
|
return _c('div', {
|
|
6688
|
-
class: [
|
|
6689
|
-
|
|
6690
|
-
|
|
6691
|
-
|
|
6692
|
-
|
|
6693
|
-
|
|
7303
|
+
class: [_vm.wrapperClass, _vm.fontSizeCls, _vm.extCls],
|
|
7304
|
+
on: {
|
|
7305
|
+
"mouseenter": function mouseenter($event) {
|
|
7306
|
+
_vm.hover = true;
|
|
7307
|
+
},
|
|
7308
|
+
"mouseleave": function mouseleave($event) {
|
|
7309
|
+
_vm.hover = false;
|
|
7310
|
+
}
|
|
7311
|
+
}
|
|
7312
|
+
}, [_vm.leftIcon ? _c('div', {
|
|
7313
|
+
staticClass: "control-icon left-icon",
|
|
7314
|
+
on: {
|
|
7315
|
+
"click": _vm.handlerLeftIcon
|
|
7316
|
+
}
|
|
7317
|
+
}, [_c('i', {
|
|
7318
|
+
class: ['bk-icon', _vm.leftIcon]
|
|
7319
|
+
})]) : _vm._e(), _vm.prepend ? _c('div', {
|
|
7320
|
+
staticClass: "group-box group-prepend"
|
|
7321
|
+
}, [_vm._t("prepend")], 2) : _vm._e(), _vm.inputType === 'textarea' ? [_c('div', {
|
|
7322
|
+
staticClass: "bk-textarea-wrapper"
|
|
7323
|
+
}, [_c('textarea', _vm._b({
|
|
7324
|
+
ref: "textarea",
|
|
7325
|
+
class: ['bk-form-textarea', {
|
|
7326
|
+
'textarea-maxlength': _vm.maxlength
|
|
7327
|
+
}],
|
|
7328
|
+
style: _vm.computedStyle,
|
|
7329
|
+
on: {
|
|
7330
|
+
"keyup": function keyup($event) {
|
|
7331
|
+
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
|
|
7332
|
+
return null;
|
|
7333
|
+
}
|
|
7334
|
+
|
|
7335
|
+
return _vm.handlerEnter($event);
|
|
7336
|
+
},
|
|
7337
|
+
"keypress": _vm.handlerKeypress,
|
|
7338
|
+
"keydown": _vm.handlerKeydown,
|
|
7339
|
+
"focus": _vm.handlerFocus,
|
|
7340
|
+
"blur": _vm.handlerBlur,
|
|
7341
|
+
"input": _vm.handlerInput,
|
|
7342
|
+
"paste": _vm.handlerPaste
|
|
7343
|
+
}
|
|
7344
|
+
}, 'textarea', _vm.bindAttribute, false)), _vm.showInputWordLimit ? [_c('p', {
|
|
7345
|
+
staticClass: "bk-limit-box"
|
|
7346
|
+
}, [_c('span', {
|
|
7347
|
+
staticClass: "strong"
|
|
7348
|
+
}, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2)] : [_c('div', {
|
|
7349
|
+
class: ["bk-input-" + _vm.type]
|
|
7350
|
+
}, [_c('input', _vm._b({
|
|
7351
|
+
ref: "input",
|
|
7352
|
+
class: ['bk-form-input', _vm.inputSizeCls, {
|
|
7353
|
+
'only-bottom-border': _vm.behavior === 'simplicity'
|
|
7354
|
+
}],
|
|
7355
|
+
style: _vm.computedStyle,
|
|
7356
|
+
on: {
|
|
7357
|
+
"keyup": [function ($event) {
|
|
7358
|
+
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
|
|
7359
|
+
return null;
|
|
7360
|
+
}
|
|
7361
|
+
|
|
7362
|
+
return _vm.handlerEnter($event);
|
|
7363
|
+
}, _vm.handlerKeyup],
|
|
7364
|
+
"keypress": _vm.handlerKeypress,
|
|
7365
|
+
"keydown": _vm.handlerKeydown,
|
|
7366
|
+
"focus": _vm.handlerFocus,
|
|
7367
|
+
"blur": _vm.handlerBlur,
|
|
7368
|
+
"input": _vm.handlerInput,
|
|
7369
|
+
"paste": _vm.handlerPaste
|
|
7370
|
+
}
|
|
7371
|
+
}, 'input', _vm.bindAttribute, false)), /^number$/i.test(_vm.type) && !_vm.disabled && !_vm.readonly ? [_vm.showControls ? _c('span', {
|
|
7372
|
+
staticClass: "input-number-option"
|
|
7373
|
+
}, [_c('span', {
|
|
7374
|
+
staticClass: "number-option-item bk-icon icon-angle-up",
|
|
7375
|
+
on: {
|
|
7376
|
+
"click": _vm.handleNumberAdd
|
|
7377
|
+
}
|
|
7378
|
+
}), _c('span', {
|
|
7379
|
+
staticClass: "number-option-item bk-icon icon-angle-down",
|
|
7380
|
+
on: {
|
|
7381
|
+
"click": _vm.handleNumberDelete
|
|
7382
|
+
}
|
|
7383
|
+
})]) : _vm._e()] : _vm._e()], 2)], _vm.append ? _c('div', {
|
|
7384
|
+
staticClass: "group-box group-append"
|
|
7385
|
+
}, [_vm._t("append")], 2) : _vm._e(), !/^number$/i.test(_vm.type) ? _c('div', {
|
|
7386
|
+
ref: "rightIconArea",
|
|
7387
|
+
staticClass: "control-icon right-icon",
|
|
7388
|
+
style: _vm.rightIconStyle,
|
|
7389
|
+
on: {
|
|
7390
|
+
"click": _vm.handlerRightIcon
|
|
7391
|
+
}
|
|
7392
|
+
}, [_vm.showPwdVisable ? _c('i', {
|
|
7393
|
+
class: ['bk-icon', _vm.inputType === 'password' ? _vm.inputPasswordIcon[0] : _vm.inputPasswordIcon[1]],
|
|
7394
|
+
on: {
|
|
7395
|
+
"click": _vm.togglePass
|
|
7396
|
+
}
|
|
7397
|
+
}) : _vm._e(), _vm.showClearIcon ? _c('i', {
|
|
7398
|
+
staticClass: "bk-icon icon-close-circle-shape clear-icon ml5",
|
|
7399
|
+
on: {
|
|
7400
|
+
"click": function click($event) {
|
|
7401
|
+
$event.stopPropagation();
|
|
7402
|
+
$event.preventDefault();
|
|
7403
|
+
return _vm.handlerClear($event);
|
|
7404
|
+
}
|
|
7405
|
+
}
|
|
7406
|
+
}) : _vm.rightIcon ? _c('i', {
|
|
7407
|
+
class: ['bk-icon', _vm.rightIcon]
|
|
7408
|
+
}) : _vm._e(), _vm.type === 'text' ? [_c('p', {
|
|
7409
|
+
directives: [{
|
|
7410
|
+
name: "show",
|
|
7411
|
+
rawName: "v-show",
|
|
7412
|
+
value: _vm.showInputWordLimit,
|
|
7413
|
+
expression: "showInputWordLimit"
|
|
7414
|
+
}],
|
|
7415
|
+
staticClass: "bk-limit-box ml5",
|
|
7416
|
+
staticStyle: {
|
|
7417
|
+
"position": "static"
|
|
7418
|
+
}
|
|
7419
|
+
}, [_c('span', {
|
|
7420
|
+
staticClass: "strong"
|
|
7421
|
+
}, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2) : _vm._e()], 2);
|
|
6694
7422
|
};
|
|
6695
7423
|
|
|
6696
7424
|
var __vue_staticRenderFns__$8 = [];
|
|
@@ -6715,7 +7443,7 @@
|
|
|
6715
7443
|
var __vue_component__$8 = /*#__PURE__*/normalizeComponent_1({
|
|
6716
7444
|
render: __vue_render__$8,
|
|
6717
7445
|
staticRenderFns: __vue_staticRenderFns__$8
|
|
6718
|
-
}, __vue_inject_styles__$8,
|
|
7446
|
+
}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
|
|
6719
7447
|
|
|
6720
7448
|
/* script */
|
|
6721
7449
|
|
|
@@ -6727,15 +7455,13 @@
|
|
|
6727
7455
|
|
|
6728
7456
|
var _c = _vm._self._c || _h;
|
|
6729
7457
|
|
|
6730
|
-
return
|
|
6731
|
-
class: ['bk-page-
|
|
6732
|
-
|
|
6733
|
-
|
|
6734
|
-
}, [_vm.$parent.
|
|
6735
|
-
staticClass: "
|
|
6736
|
-
}, [_vm._v(_vm._s(_vm.$parent.
|
|
6737
|
-
staticClass: "stress"
|
|
6738
|
-
}, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n ")]], 2) : _vm._e();
|
|
7458
|
+
return _c('div', {
|
|
7459
|
+
class: ['bk-page-selection-count', "bk-page-selection-count-" + _vm.$parent.realityLocation]
|
|
7460
|
+
}, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n 已选择"), _c('span', {
|
|
7461
|
+
staticClass: "count"
|
|
7462
|
+
}, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v("条\n ")] : [_c('span', {
|
|
7463
|
+
staticClass: "count"
|
|
7464
|
+
}, [_vm._v(_vm._s(_vm.$parent.selectionCount))]), _vm._v(" item(s) selected\n ")]], 2);
|
|
6739
7465
|
};
|
|
6740
7466
|
|
|
6741
7467
|
var __vue_staticRenderFns__$9 = [];
|
|
@@ -6762,7 +7488,52 @@
|
|
|
6762
7488
|
staticRenderFns: __vue_staticRenderFns__$9
|
|
6763
7489
|
}, __vue_inject_styles__$9, {}, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
|
|
6764
7490
|
|
|
6765
|
-
|
|
7491
|
+
/* script */
|
|
7492
|
+
|
|
7493
|
+
/* template */
|
|
7494
|
+
var __vue_render__$a = function __vue_render__() {
|
|
7495
|
+
var _vm = this;
|
|
7496
|
+
|
|
7497
|
+
var _h = _vm.$createElement;
|
|
7498
|
+
|
|
7499
|
+
var _c = _vm._self._c || _h;
|
|
7500
|
+
|
|
7501
|
+
return _vm.$parent.showTotalCount ? _c('div', {
|
|
7502
|
+
class: ['bk-page-total-count', "bk-page-total-count-" + _vm.$parent.realityLocation, {
|
|
7503
|
+
'bk-page-total-small': _vm.$parent.small
|
|
7504
|
+
}]
|
|
7505
|
+
}, [_vm.$parent.curLang === 'cn' ? [_vm._v("\n 共计"), _c('span', {
|
|
7506
|
+
staticClass: "stress"
|
|
7507
|
+
}, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v("条\n ")] : [_vm._v("\n Total: "), _c('span', {
|
|
7508
|
+
staticClass: "stress"
|
|
7509
|
+
}, [_vm._v(_vm._s(_vm.$parent.count))]), _vm._v(" items\n ")]], 2) : _vm._e();
|
|
7510
|
+
};
|
|
7511
|
+
|
|
7512
|
+
var __vue_staticRenderFns__$a = [];
|
|
7513
|
+
/* style */
|
|
7514
|
+
|
|
7515
|
+
var __vue_inject_styles__$a = undefined;
|
|
7516
|
+
/* scoped */
|
|
7517
|
+
|
|
7518
|
+
var __vue_scope_id__$a = undefined;
|
|
7519
|
+
/* module identifier */
|
|
7520
|
+
|
|
7521
|
+
var __vue_module_identifier__$a = undefined;
|
|
7522
|
+
/* functional template */
|
|
7523
|
+
|
|
7524
|
+
var __vue_is_functional_template__$a = false;
|
|
7525
|
+
/* style inject */
|
|
7526
|
+
|
|
7527
|
+
/* style inject SSR */
|
|
7528
|
+
|
|
7529
|
+
/* style inject shadow dom */
|
|
7530
|
+
|
|
7531
|
+
var __vue_component__$a = /*#__PURE__*/normalizeComponent_1({
|
|
7532
|
+
render: __vue_render__$a,
|
|
7533
|
+
staticRenderFns: __vue_staticRenderFns__$a
|
|
7534
|
+
}, __vue_inject_styles__$a, {}, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
|
|
7535
|
+
|
|
7536
|
+
var script$9 = {
|
|
6766
7537
|
name: 'small-jump',
|
|
6767
7538
|
components: {
|
|
6768
7539
|
bkPopover: __vue_component__
|
|
@@ -6857,10 +7628,10 @@
|
|
|
6857
7628
|
};
|
|
6858
7629
|
|
|
6859
7630
|
/* script */
|
|
6860
|
-
var __vue_script__$
|
|
7631
|
+
var __vue_script__$9 = script$9;
|
|
6861
7632
|
/* template */
|
|
6862
7633
|
|
|
6863
|
-
var __vue_render__$
|
|
7634
|
+
var __vue_render__$b = function __vue_render__() {
|
|
6864
7635
|
var _vm = this;
|
|
6865
7636
|
|
|
6866
7637
|
var _h = _vm.$createElement;
|
|
@@ -6956,38 +7727,39 @@
|
|
|
6956
7727
|
})])], 1);
|
|
6957
7728
|
};
|
|
6958
7729
|
|
|
6959
|
-
var __vue_staticRenderFns__$
|
|
7730
|
+
var __vue_staticRenderFns__$b = [];
|
|
6960
7731
|
/* style */
|
|
6961
7732
|
|
|
6962
|
-
var __vue_inject_styles__$
|
|
7733
|
+
var __vue_inject_styles__$b = undefined;
|
|
6963
7734
|
/* scoped */
|
|
6964
7735
|
|
|
6965
|
-
var __vue_scope_id__$
|
|
7736
|
+
var __vue_scope_id__$b = undefined;
|
|
6966
7737
|
/* module identifier */
|
|
6967
7738
|
|
|
6968
|
-
var __vue_module_identifier__$
|
|
7739
|
+
var __vue_module_identifier__$b = undefined;
|
|
6969
7740
|
/* functional template */
|
|
6970
7741
|
|
|
6971
|
-
var __vue_is_functional_template__$
|
|
7742
|
+
var __vue_is_functional_template__$b = false;
|
|
6972
7743
|
/* style inject */
|
|
6973
7744
|
|
|
6974
7745
|
/* style inject SSR */
|
|
6975
7746
|
|
|
6976
7747
|
/* style inject shadow dom */
|
|
6977
7748
|
|
|
6978
|
-
var __vue_component__$
|
|
6979
|
-
render: __vue_render__$
|
|
6980
|
-
staticRenderFns: __vue_staticRenderFns__$
|
|
6981
|
-
}, __vue_inject_styles__$
|
|
7749
|
+
var __vue_component__$b = /*#__PURE__*/normalizeComponent_1({
|
|
7750
|
+
render: __vue_render__$b,
|
|
7751
|
+
staticRenderFns: __vue_staticRenderFns__$b
|
|
7752
|
+
}, __vue_inject_styles__$b, __vue_script__$9, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
|
|
6982
7753
|
|
|
6983
|
-
var script$
|
|
7754
|
+
var script$a = {
|
|
6984
7755
|
name: 'bk-pagination',
|
|
6985
7756
|
components: {
|
|
6986
7757
|
bkSelect: __vue_component__$7,
|
|
7758
|
+
bkInput: __vue_component__$8,
|
|
6987
7759
|
bkOption: __vue_component__$5,
|
|
6988
|
-
paginationSelectionCount: __vue_component__$
|
|
6989
|
-
paginationTotalCount: __vue_component__$
|
|
6990
|
-
SmallJump: __vue_component__$
|
|
7760
|
+
paginationSelectionCount: __vue_component__$9,
|
|
7761
|
+
paginationTotalCount: __vue_component__$a,
|
|
7762
|
+
SmallJump: __vue_component__$b
|
|
6991
7763
|
},
|
|
6992
7764
|
mixins: [locale.mixin],
|
|
6993
7765
|
props: {
|
|
@@ -7008,6 +7780,10 @@
|
|
|
7008
7780
|
type: Boolean,
|
|
7009
7781
|
default: false
|
|
7010
7782
|
},
|
|
7783
|
+
showQuickJumper: {
|
|
7784
|
+
type: Boolean,
|
|
7785
|
+
default: false
|
|
7786
|
+
},
|
|
7011
7787
|
size: {
|
|
7012
7788
|
type: String,
|
|
7013
7789
|
default: 'default',
|
|
@@ -7071,6 +7847,7 @@
|
|
|
7071
7847
|
data: function data() {
|
|
7072
7848
|
return {
|
|
7073
7849
|
pageSize: 5,
|
|
7850
|
+
jumpPage: 1,
|
|
7074
7851
|
renderList: [],
|
|
7075
7852
|
curGroup: 1,
|
|
7076
7853
|
limitListTmp: [],
|
|
@@ -7105,6 +7882,7 @@
|
|
|
7105
7882
|
this.$emit('limit-change', val, oldVal);
|
|
7106
7883
|
},
|
|
7107
7884
|
current: function current(newVal) {
|
|
7885
|
+
this.jumpPage = newVal;
|
|
7108
7886
|
this.calcPageList(newVal);
|
|
7109
7887
|
},
|
|
7110
7888
|
total: function total(newVal) {
|
|
@@ -7192,6 +7970,20 @@
|
|
|
7192
7970
|
this.jumpToPage(this.current + 1);
|
|
7193
7971
|
}
|
|
7194
7972
|
},
|
|
7973
|
+
handleJump: function handleJump() {
|
|
7974
|
+
var _this = this;
|
|
7975
|
+
this.$nextTick(function () {
|
|
7976
|
+
var pageNum = Number(_this.jumpPage);
|
|
7977
|
+
if (pageNum < 1) {
|
|
7978
|
+
pageNum = 1;
|
|
7979
|
+
}
|
|
7980
|
+
if (pageNum > _this.total) {
|
|
7981
|
+
pageNum = _this.total;
|
|
7982
|
+
}
|
|
7983
|
+
_this.jumpPage = pageNum;
|
|
7984
|
+
_this.jumpToPage(pageNum);
|
|
7985
|
+
});
|
|
7986
|
+
},
|
|
7195
7987
|
jumpToPage: function jumpToPage(page) {
|
|
7196
7988
|
this.$emit('update:current', page);
|
|
7197
7989
|
this.$emit('change', page);
|
|
@@ -7200,10 +7992,10 @@
|
|
|
7200
7992
|
};
|
|
7201
7993
|
|
|
7202
7994
|
/* script */
|
|
7203
|
-
var __vue_script__$
|
|
7995
|
+
var __vue_script__$a = script$a;
|
|
7204
7996
|
/* template */
|
|
7205
7997
|
|
|
7206
|
-
var __vue_render__$
|
|
7998
|
+
var __vue_render__$c = function __vue_render__() {
|
|
7207
7999
|
var _vm = this;
|
|
7208
8000
|
|
|
7209
8001
|
var _h = _vm.$createElement;
|
|
@@ -7267,7 +8059,9 @@
|
|
|
7267
8059
|
"name": p.count + "/page"
|
|
7268
8060
|
}
|
|
7269
8061
|
});
|
|
7270
|
-
}), 1)]], 2) : _vm._e(), _vm.showSelectionCount ? _c('pagination-selection-count') : _vm._e(), !_vm.small ? _c('
|
|
8062
|
+
}), 1)]], 2) : _vm._e(), _vm.showSelectionCount ? _c('pagination-selection-count') : _vm._e(), !_vm.small ? _c('div', {
|
|
8063
|
+
staticClass: "bk-page-list-wrapper"
|
|
8064
|
+
}, [_c('ul', {
|
|
7271
8065
|
staticClass: "bk-page-list"
|
|
7272
8066
|
}, [_c('li', {
|
|
7273
8067
|
staticClass: "page-item",
|
|
@@ -7372,7 +8166,33 @@
|
|
|
7372
8166
|
on: {
|
|
7373
8167
|
"click": _vm.nextPage
|
|
7374
8168
|
}
|
|
7375
|
-
}, [_vm._m(1)])], 2)
|
|
8169
|
+
}, [_vm._m(1)])], 2), _vm.showQuickJumper ? _c('div', {
|
|
8170
|
+
staticClass: "bk-page-jumper"
|
|
8171
|
+
}, [_c('span', [_vm._v("前往")]), _c('bk-input', {
|
|
8172
|
+
staticStyle: {
|
|
8173
|
+
"width": "60px",
|
|
8174
|
+
"margin": "0 4px"
|
|
8175
|
+
},
|
|
8176
|
+
attrs: {
|
|
8177
|
+
"type": "number",
|
|
8178
|
+
"placeholder": "分页",
|
|
8179
|
+
"size": _vm.small || _vm.size === 'small' ? 'small' : '',
|
|
8180
|
+
"min": 1,
|
|
8181
|
+
"max": _vm.total,
|
|
8182
|
+
"show-controls": false
|
|
8183
|
+
},
|
|
8184
|
+
on: {
|
|
8185
|
+
"blur": _vm.handleJump,
|
|
8186
|
+
"enter": _vm.handleJump
|
|
8187
|
+
},
|
|
8188
|
+
model: {
|
|
8189
|
+
value: _vm.jumpPage,
|
|
8190
|
+
callback: function callback($$v) {
|
|
8191
|
+
_vm.jumpPage = $$v;
|
|
8192
|
+
},
|
|
8193
|
+
expression: "jumpPage"
|
|
8194
|
+
}
|
|
8195
|
+
}), _c('span', [_vm._v("页")])], 1) : _vm._e()]) : _c('small-jump', {
|
|
7376
8196
|
attrs: {
|
|
7377
8197
|
"current": _vm.current,
|
|
7378
8198
|
"total": _vm.total
|
|
@@ -7383,7 +8203,7 @@
|
|
|
7383
8203
|
})], 1) : _vm._e();
|
|
7384
8204
|
};
|
|
7385
8205
|
|
|
7386
|
-
var __vue_staticRenderFns__$
|
|
8206
|
+
var __vue_staticRenderFns__$c = [function () {
|
|
7387
8207
|
var _vm = this;
|
|
7388
8208
|
|
|
7389
8209
|
var _h = _vm.$createElement;
|
|
@@ -7416,30 +8236,30 @@
|
|
|
7416
8236
|
}];
|
|
7417
8237
|
/* style */
|
|
7418
8238
|
|
|
7419
|
-
var __vue_inject_styles__$
|
|
8239
|
+
var __vue_inject_styles__$c = undefined;
|
|
7420
8240
|
/* scoped */
|
|
7421
8241
|
|
|
7422
|
-
var __vue_scope_id__$
|
|
8242
|
+
var __vue_scope_id__$c = undefined;
|
|
7423
8243
|
/* module identifier */
|
|
7424
8244
|
|
|
7425
|
-
var __vue_module_identifier__$
|
|
8245
|
+
var __vue_module_identifier__$c = undefined;
|
|
7426
8246
|
/* functional template */
|
|
7427
8247
|
|
|
7428
|
-
var __vue_is_functional_template__$
|
|
8248
|
+
var __vue_is_functional_template__$c = false;
|
|
7429
8249
|
/* style inject */
|
|
7430
8250
|
|
|
7431
8251
|
/* style inject SSR */
|
|
7432
8252
|
|
|
7433
8253
|
/* style inject shadow dom */
|
|
7434
8254
|
|
|
7435
|
-
var __vue_component__$
|
|
7436
|
-
render: __vue_render__$
|
|
7437
|
-
staticRenderFns: __vue_staticRenderFns__$
|
|
7438
|
-
}, __vue_inject_styles__$
|
|
8255
|
+
var __vue_component__$c = /*#__PURE__*/normalizeComponent_1({
|
|
8256
|
+
render: __vue_render__$c,
|
|
8257
|
+
staticRenderFns: __vue_staticRenderFns__$c
|
|
8258
|
+
}, __vue_inject_styles__$c, __vue_script__$a, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
|
|
7439
8259
|
|
|
7440
|
-
setInstaller(__vue_component__$
|
|
8260
|
+
setInstaller(__vue_component__$c);
|
|
7441
8261
|
|
|
7442
|
-
exports.default = __vue_component__$
|
|
8262
|
+
exports.default = __vue_component__$c;
|
|
7443
8263
|
|
|
7444
8264
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7445
8265
|
|