@mdsfe/mds-ui 0.3.0-17 → 0.3.0-18
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/dist/index.js +1 -1
- package/dist/input.js +199 -46
- package/dist/mds-ui.min.css +1 -1
- package/dist/mds-ui.min.js +68 -10
- package/dist/style/input.css +20 -6
- package/dist/style/pagination.css +20 -6
- package/dist/text.js +199 -46
- package/package.json +1 -1
- package/CHANGELOG.md +0 -1013
package/dist/input.js
CHANGED
|
@@ -851,51 +851,150 @@ var render = function () {
|
|
|
851
851
|
"div",
|
|
852
852
|
{ class: _vm.prefixCls + "-content " + (_vm.disabled ? "disable" : "") },
|
|
853
853
|
[
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
_vm.
|
|
854
|
+
_vm.showLimitPosition === "inside"
|
|
855
|
+
? _c("div", { staticClass: "mds-input-textarea-wrapper" }, [
|
|
856
|
+
_c("textarea", {
|
|
857
|
+
directives: [
|
|
858
|
+
{
|
|
859
|
+
name: "model",
|
|
860
|
+
rawName: "v-model",
|
|
861
|
+
value: _vm.valueData,
|
|
862
|
+
expression: "valueData",
|
|
863
|
+
},
|
|
864
|
+
],
|
|
865
|
+
ref: "textAreaRef",
|
|
866
|
+
class: [
|
|
867
|
+
_vm.prefixCls + " " + _vm.prefixCls + "-textarea",
|
|
868
|
+
_vm.disabled ? "mds-input-disabled" : "",
|
|
869
|
+
],
|
|
870
|
+
style: _vm.textareaStyles,
|
|
871
|
+
attrs: {
|
|
872
|
+
maxlength: _vm.max_length,
|
|
873
|
+
minlength: _vm.min_length,
|
|
874
|
+
rows: _vm.rows,
|
|
875
|
+
placeholder: _vm.placeholder,
|
|
876
|
+
disabled: _vm.disabled,
|
|
877
|
+
},
|
|
878
|
+
domProps: { value: _vm.valueData },
|
|
879
|
+
on: {
|
|
880
|
+
input: [
|
|
881
|
+
function ($event) {
|
|
882
|
+
if ($event.target.composing) {
|
|
883
|
+
return
|
|
884
|
+
}
|
|
885
|
+
_vm.valueData = $event.target.value
|
|
886
|
+
},
|
|
887
|
+
_vm.handleInput,
|
|
888
|
+
],
|
|
889
|
+
keypress: _vm.handleKeyDown,
|
|
890
|
+
change: _vm.handleChange,
|
|
891
|
+
focus: _vm.handleFocus,
|
|
892
|
+
blur: _vm.handleBlur,
|
|
893
|
+
},
|
|
894
|
+
}),
|
|
895
|
+
_vm.max_length
|
|
896
|
+
? _c(
|
|
897
|
+
"span",
|
|
898
|
+
{
|
|
899
|
+
class: [
|
|
900
|
+
"mds-input-show-limit",
|
|
901
|
+
"mds-input-show-limit--inside",
|
|
902
|
+
],
|
|
903
|
+
},
|
|
904
|
+
[_vm._v(_vm._s(_vm.number) + "/" + _vm._s(_vm.max_length))]
|
|
905
|
+
)
|
|
906
|
+
: _vm._e(),
|
|
896
907
|
])
|
|
897
|
-
: _vm.
|
|
898
|
-
|
|
908
|
+
: _vm.showLimitPosition === "outside"
|
|
909
|
+
? [
|
|
910
|
+
_c("textarea", {
|
|
911
|
+
directives: [
|
|
912
|
+
{
|
|
913
|
+
name: "model",
|
|
914
|
+
rawName: "v-model",
|
|
915
|
+
value: _vm.valueData,
|
|
916
|
+
expression: "valueData",
|
|
917
|
+
},
|
|
918
|
+
],
|
|
919
|
+
ref: "textAreaRef",
|
|
920
|
+
class: [
|
|
921
|
+
_vm.prefixCls + " " + _vm.prefixCls + "-textarea",
|
|
922
|
+
_vm.disabled ? "mds-input-disabled" : "",
|
|
923
|
+
],
|
|
924
|
+
style: _vm.textareaStyles,
|
|
925
|
+
attrs: {
|
|
926
|
+
maxlength: _vm.max_length,
|
|
927
|
+
minlength: _vm.min_length,
|
|
928
|
+
rows: _vm.rows,
|
|
929
|
+
placeholder: _vm.placeholder,
|
|
930
|
+
disabled: _vm.disabled,
|
|
931
|
+
},
|
|
932
|
+
domProps: { value: _vm.valueData },
|
|
933
|
+
on: {
|
|
934
|
+
input: [
|
|
935
|
+
function ($event) {
|
|
936
|
+
if ($event.target.composing) {
|
|
937
|
+
return
|
|
938
|
+
}
|
|
939
|
+
_vm.valueData = $event.target.value
|
|
940
|
+
},
|
|
941
|
+
_vm.handleInput,
|
|
942
|
+
],
|
|
943
|
+
keypress: _vm.handleKeyDown,
|
|
944
|
+
change: _vm.handleChange,
|
|
945
|
+
focus: _vm.handleFocus,
|
|
946
|
+
blur: _vm.handleBlur,
|
|
947
|
+
},
|
|
948
|
+
}),
|
|
949
|
+
_vm.max_length
|
|
950
|
+
? _c("span", { class: ["mds-input-show-limit"] }, [
|
|
951
|
+
_vm._v(_vm._s(_vm.number) + "/" + _vm._s(_vm.max_length)),
|
|
952
|
+
])
|
|
953
|
+
: _vm._e(),
|
|
954
|
+
]
|
|
955
|
+
: [
|
|
956
|
+
_c("textarea", {
|
|
957
|
+
directives: [
|
|
958
|
+
{
|
|
959
|
+
name: "model",
|
|
960
|
+
rawName: "v-model",
|
|
961
|
+
value: _vm.valueData,
|
|
962
|
+
expression: "valueData",
|
|
963
|
+
},
|
|
964
|
+
],
|
|
965
|
+
ref: "textAreaRef",
|
|
966
|
+
class: [
|
|
967
|
+
_vm.prefixCls + " " + _vm.prefixCls + "-textarea",
|
|
968
|
+
_vm.disabled ? "mds-input-disabled" : "",
|
|
969
|
+
],
|
|
970
|
+
style: _vm.textareaStyles,
|
|
971
|
+
attrs: {
|
|
972
|
+
maxlength: _vm.max_length,
|
|
973
|
+
minlength: _vm.min_length,
|
|
974
|
+
rows: _vm.rows,
|
|
975
|
+
placeholder: _vm.placeholder,
|
|
976
|
+
disabled: _vm.disabled,
|
|
977
|
+
},
|
|
978
|
+
domProps: { value: _vm.valueData },
|
|
979
|
+
on: {
|
|
980
|
+
input: [
|
|
981
|
+
function ($event) {
|
|
982
|
+
if ($event.target.composing) {
|
|
983
|
+
return
|
|
984
|
+
}
|
|
985
|
+
_vm.valueData = $event.target.value
|
|
986
|
+
},
|
|
987
|
+
_vm.handleInput,
|
|
988
|
+
],
|
|
989
|
+
keypress: _vm.handleKeyDown,
|
|
990
|
+
change: _vm.handleChange,
|
|
991
|
+
focus: _vm.handleFocus,
|
|
992
|
+
blur: _vm.handleBlur,
|
|
993
|
+
},
|
|
994
|
+
}),
|
|
995
|
+
],
|
|
996
|
+
],
|
|
997
|
+
2
|
|
899
998
|
)
|
|
900
999
|
}
|
|
901
1000
|
var staticRenderFns = []
|
|
@@ -1059,6 +1158,55 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
|
|
|
1059
1158
|
//
|
|
1060
1159
|
//
|
|
1061
1160
|
//
|
|
1161
|
+
//
|
|
1162
|
+
//
|
|
1163
|
+
//
|
|
1164
|
+
//
|
|
1165
|
+
//
|
|
1166
|
+
//
|
|
1167
|
+
//
|
|
1168
|
+
//
|
|
1169
|
+
//
|
|
1170
|
+
//
|
|
1171
|
+
//
|
|
1172
|
+
//
|
|
1173
|
+
//
|
|
1174
|
+
//
|
|
1175
|
+
//
|
|
1176
|
+
//
|
|
1177
|
+
//
|
|
1178
|
+
//
|
|
1179
|
+
//
|
|
1180
|
+
//
|
|
1181
|
+
//
|
|
1182
|
+
//
|
|
1183
|
+
//
|
|
1184
|
+
//
|
|
1185
|
+
//
|
|
1186
|
+
//
|
|
1187
|
+
//
|
|
1188
|
+
//
|
|
1189
|
+
//
|
|
1190
|
+
//
|
|
1191
|
+
//
|
|
1192
|
+
//
|
|
1193
|
+
//
|
|
1194
|
+
//
|
|
1195
|
+
//
|
|
1196
|
+
//
|
|
1197
|
+
//
|
|
1198
|
+
//
|
|
1199
|
+
//
|
|
1200
|
+
//
|
|
1201
|
+
//
|
|
1202
|
+
//
|
|
1203
|
+
//
|
|
1204
|
+
//
|
|
1205
|
+
//
|
|
1206
|
+
//
|
|
1207
|
+
//
|
|
1208
|
+
//
|
|
1209
|
+
//
|
|
1062
1210
|
|
|
1063
1211
|
|
|
1064
1212
|
|
|
@@ -1101,8 +1249,8 @@ function clearNextFrameAction(nextFrameId) {
|
|
|
1101
1249
|
default: 4
|
|
1102
1250
|
},
|
|
1103
1251
|
showLimit: {
|
|
1104
|
-
type: Boolean,
|
|
1105
|
-
default:
|
|
1252
|
+
type: [Boolean, String],
|
|
1253
|
+
default: undefined
|
|
1106
1254
|
},
|
|
1107
1255
|
placeholder: {
|
|
1108
1256
|
type: String,
|
|
@@ -1135,6 +1283,11 @@ function clearNextFrameAction(nextFrameId) {
|
|
|
1135
1283
|
},
|
|
1136
1284
|
min_length: function min_length() {
|
|
1137
1285
|
return this.$attrs.minlength || this.minlength;
|
|
1286
|
+
},
|
|
1287
|
+
showLimitPosition: function showLimitPosition() {
|
|
1288
|
+
if (this.showLimit === 'outside') return 'outside';
|
|
1289
|
+
if (this.showLimit === true || this.showLimit === 'inside') return 'inside';
|
|
1290
|
+
return null; // 不显示
|
|
1138
1291
|
}
|
|
1139
1292
|
},
|
|
1140
1293
|
watch: {
|