@mdsfe/mds-ui 0.3.0-17 → 0.3.0-18

package/dist/mds-ui.min.js

@@ -35545,14 +35545,18 @@ var search_component = normalizeComponent(
 )
 
 /* harmony default export */ var search = (search_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/input/textarea.vue?vue&type=template&id=91122ef4&
-var textareavue_type_template_id_91122ef4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(_vm.prefixCls + "-content " + (_vm.disabled ? 'disable' : ''))},[_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.valueData),expression:"valueData"}],ref:"textAreaRef",class:[
-      (_vm.prefixCls + " " + _vm.prefixCls + "-textarea"),
-      _vm.disabled ? 'mds-input-disabled' : '' ],style:(_vm.textareaStyles),attrs:{"maxlength":_vm.max_length,"minlength":_vm.min_length,"rows":_vm.rows,"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":(_vm.valueData)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.valueData=$event.target.value},_vm.handleInput],"keypress":_vm.handleKeyDown,"change":_vm.handleChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur}}),_vm._v(" "),(_vm.showLimit && _vm.max_length)?_c('span',{class:(_vm.prefixCls + "-show-limit")},[_vm._v(_vm._s(_vm.number)+"/"+_vm._s(_vm.max_length))]):_vm._e()])}
-var textareavue_type_template_id_91122ef4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/input/textarea.vue?vue&type=template&id=55f2aeec&
+var textareavue_type_template_id_55f2aeec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(_vm.prefixCls + "-content " + (_vm.disabled ? 'disable' : ''))},[(_vm.showLimitPosition === 'inside')?_c('div',{staticClass:"mds-input-textarea-wrapper"},[_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.valueData),expression:"valueData"}],ref:"textAreaRef",class:[
+        (_vm.prefixCls + " " + _vm.prefixCls + "-textarea"),
+        _vm.disabled ? 'mds-input-disabled' : '' ],style:(_vm.textareaStyles),attrs:{"maxlength":_vm.max_length,"minlength":_vm.min_length,"rows":_vm.rows,"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":(_vm.valueData)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.valueData=$event.target.value},_vm.handleInput],"keypress":_vm.handleKeyDown,"change":_vm.handleChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur}}),_vm._v(" "),(_vm.max_length)?_c('span',{class:['mds-input-show-limit', 'mds-input-show-limit--inside']},[_vm._v(_vm._s(_vm.number)+"/"+_vm._s(_vm.max_length))]):_vm._e()]):(_vm.showLimitPosition === 'outside')?[_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.valueData),expression:"valueData"}],ref:"textAreaRef",class:[
+        (_vm.prefixCls + " " + _vm.prefixCls + "-textarea"),
+        _vm.disabled ? 'mds-input-disabled' : '' ],style:(_vm.textareaStyles),attrs:{"maxlength":_vm.max_length,"minlength":_vm.min_length,"rows":_vm.rows,"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":(_vm.valueData)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.valueData=$event.target.value},_vm.handleInput],"keypress":_vm.handleKeyDown,"change":_vm.handleChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur}}),_vm._v(" "),(_vm.max_length)?_c('span',{class:['mds-input-show-limit']},[_vm._v(_vm._s(_vm.number)+"/"+_vm._s(_vm.max_length))]):_vm._e()]:[_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.valueData),expression:"valueData"}],ref:"textAreaRef",class:[
+        (_vm.prefixCls + " " + _vm.prefixCls + "-textarea"),
+        _vm.disabled ? 'mds-input-disabled' : '' ],style:(_vm.textareaStyles),attrs:{"maxlength":_vm.max_length,"minlength":_vm.min_length,"rows":_vm.rows,"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":(_vm.valueData)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.valueData=$event.target.value},_vm.handleInput],"keypress":_vm.handleKeyDown,"change":_vm.handleChange,"focus":_vm.handleFocus,"blur":_vm.handleBlur}})]],2)}
+var textareavue_type_template_id_55f2aeec_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=template&id=91122ef4&
+// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=template&id=55f2aeec&
 
 // CONCATENATED MODULE: ./components/input/calculateNodeHeight.js
 // Thanks to https://github.com/andreypopp/react-textarea-autosize/
@@ -35705,6 +35709,55 @@ function calculateNodeHeight(uiTextNode) {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -35747,8 +35800,8 @@ function clearNextFrameAction(nextFrameId) {
       default: 4
     },
     showLimit: {
-      type: Boolean,
-      default: false
+      type: [Boolean, String],
+      default: undefined
     },
     placeholder: {
       type: String,
@@ -35781,6 +35834,11 @@ function clearNextFrameAction(nextFrameId) {
     },
     min_length: function min_length() {
       return this.$attrs.minlength || this.minlength;
+    },
+    showLimitPosition: function showLimitPosition() {
+      if (this.showLimit === 'outside') return 'outside';
+      if (this.showLimit === true || this.showLimit === 'inside') return 'inside';
+      return null; // 不显示
     }
   },
   watch: {
@@ -35863,8 +35921,8 @@ function clearNextFrameAction(nextFrameId) {
 
 var textarea_component = normalizeComponent(
   input_textareavue_type_script_lang_js_,
-  textareavue_type_template_id_91122ef4_render,
-  textareavue_type_template_id_91122ef4_staticRenderFns,
+  textareavue_type_template_id_55f2aeec_render,
+  textareavue_type_template_id_55f2aeec_staticRenderFns,
   false,
   null,
   null,

package/dist/style/input.css

@@ -7643,12 +7643,6 @@ textarea.mds-input {
 .mds-input-textarea {
   resize: vertical;
 }
-.mds-input-show-limit {
-  background: #fff;
-  position: absolute;
-  bottom: 5px;
-  right: 10px;
-}
 .disable .mds-input:hover {
   border-color: #d8dce6 !important;
 }
@@ -7656,3 +7650,23 @@ textarea.mds-input {
   color: #d8dce6 !important;
   background-color: #fafafd;
 }
+.mds-input-show-limit {
+  color: #999;
+  font-size: 12px;
+  line-height: 1;
+  display: block;
+  text-align: right;
+  margin-top: 4px;
+}
+.mds-input-show-limit--inside {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+  background: rgba(255, 255, 255, 0.7);
+  padding: 0 4px;
+  pointer-events: none;
+}
+.mds-input-textarea-wrapper {
+  position: relative;
+  width: 100%;
+}

package/dist/style/pagination.css

@@ -7643,12 +7643,6 @@ textarea.mds-input {
 .mds-input-textarea {
   resize: vertical;
 }
-.mds-input-show-limit {
-  background: #fff;
-  position: absolute;
-  bottom: 5px;
-  right: 10px;
-}
 .disable .mds-input:hover {
   border-color: #d8dce6 !important;
 }
@@ -7656,6 +7650,26 @@ textarea.mds-input {
   color: #d8dce6 !important;
   background-color: #fafafd;
 }
+.mds-input-show-limit {
+  color: #999;
+  font-size: 12px;
+  line-height: 1;
+  display: block;
+  text-align: right;
+  margin-top: 4px;
+}
+.mds-input-show-limit--inside {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+  background: rgba(255, 255, 255, 0.7);
+  padding: 0 4px;
+  pointer-events: none;
+}
+.mds-input-textarea-wrapper {
+  position: relative;
+  width: 100%;
+}
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable declaration-bang-space-before */
 /* stylelint-disable declaration-bang-space-before */

package/dist/text.js

@@ -720,51 +720,150 @@ var render = function () {
     "div",
     { class: _vm.prefixCls + "-content " + (_vm.disabled ? "disable" : "") },
     [
-      _c("textarea", {
-        directives: [
-          {
-            name: "model",
-            rawName: "v-model",
-            value: _vm.valueData,
-            expression: "valueData",
-          },
-        ],
-        ref: "textAreaRef",
-        class: [
-          _vm.prefixCls + " " + _vm.prefixCls + "-textarea",
-          _vm.disabled ? "mds-input-disabled" : "",
-        ],
-        style: _vm.textareaStyles,
-        attrs: {
-          maxlength: _vm.max_length,
-          minlength: _vm.min_length,
-          rows: _vm.rows,
-          placeholder: _vm.placeholder,
-          disabled: _vm.disabled,
-        },
-        domProps: { value: _vm.valueData },
-        on: {
-          input: [
-            function ($event) {
-              if ($event.target.composing) {
-                return
-              }
-              _vm.valueData = $event.target.value
-            },
-            _vm.handleInput,
-          ],
-          keypress: _vm.handleKeyDown,
-          change: _vm.handleChange,
-          focus: _vm.handleFocus,
-          blur: _vm.handleBlur,
-        },
-      }),
-      _vm.showLimit && _vm.max_length
-        ? _c("span", { class: _vm.prefixCls + "-show-limit" }, [
-            _vm._v(_vm._s(_vm.number) + "/" + _vm._s(_vm.max_length)),
+      _vm.showLimitPosition === "inside"
+        ? _c("div", { staticClass: "mds-input-textarea-wrapper" }, [
+            _c("textarea", {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.valueData,
+                  expression: "valueData",
+                },
+              ],
+              ref: "textAreaRef",
+              class: [
+                _vm.prefixCls + " " + _vm.prefixCls + "-textarea",
+                _vm.disabled ? "mds-input-disabled" : "",
+              ],
+              style: _vm.textareaStyles,
+              attrs: {
+                maxlength: _vm.max_length,
+                minlength: _vm.min_length,
+                rows: _vm.rows,
+                placeholder: _vm.placeholder,
+                disabled: _vm.disabled,
+              },
+              domProps: { value: _vm.valueData },
+              on: {
+                input: [
+                  function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.valueData = $event.target.value
+                  },
+                  _vm.handleInput,
+                ],
+                keypress: _vm.handleKeyDown,
+                change: _vm.handleChange,
+                focus: _vm.handleFocus,
+                blur: _vm.handleBlur,
+              },
+            }),
+            _vm.max_length
+              ? _c(
+                  "span",
+                  {
+                    class: [
+                      "mds-input-show-limit",
+                      "mds-input-show-limit--inside",
+                    ],
+                  },
+                  [_vm._v(_vm._s(_vm.number) + "/" + _vm._s(_vm.max_length))]
+                )
+              : _vm._e(),
           ])
-        : _vm._e(),
-    ]
+        : _vm.showLimitPosition === "outside"
+        ? [
+            _c("textarea", {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.valueData,
+                  expression: "valueData",
+                },
+              ],
+              ref: "textAreaRef",
+              class: [
+                _vm.prefixCls + " " + _vm.prefixCls + "-textarea",
+                _vm.disabled ? "mds-input-disabled" : "",
+              ],
+              style: _vm.textareaStyles,
+              attrs: {
+                maxlength: _vm.max_length,
+                minlength: _vm.min_length,
+                rows: _vm.rows,
+                placeholder: _vm.placeholder,
+                disabled: _vm.disabled,
+              },
+              domProps: { value: _vm.valueData },
+              on: {
+                input: [
+                  function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.valueData = $event.target.value
+                  },
+                  _vm.handleInput,
+                ],
+                keypress: _vm.handleKeyDown,
+                change: _vm.handleChange,
+                focus: _vm.handleFocus,
+                blur: _vm.handleBlur,
+              },
+            }),
+            _vm.max_length
+              ? _c("span", { class: ["mds-input-show-limit"] }, [
+                  _vm._v(_vm._s(_vm.number) + "/" + _vm._s(_vm.max_length)),
+                ])
+              : _vm._e(),
+          ]
+        : [
+            _c("textarea", {
+              directives: [
+                {
+                  name: "model",
+                  rawName: "v-model",
+                  value: _vm.valueData,
+                  expression: "valueData",
+                },
+              ],
+              ref: "textAreaRef",
+              class: [
+                _vm.prefixCls + " " + _vm.prefixCls + "-textarea",
+                _vm.disabled ? "mds-input-disabled" : "",
+              ],
+              style: _vm.textareaStyles,
+              attrs: {
+                maxlength: _vm.max_length,
+                minlength: _vm.min_length,
+                rows: _vm.rows,
+                placeholder: _vm.placeholder,
+                disabled: _vm.disabled,
+              },
+              domProps: { value: _vm.valueData },
+              on: {
+                input: [
+                  function ($event) {
+                    if ($event.target.composing) {
+                      return
+                    }
+                    _vm.valueData = $event.target.value
+                  },
+                  _vm.handleInput,
+                ],
+                keypress: _vm.handleKeyDown,
+                change: _vm.handleChange,
+                focus: _vm.handleFocus,
+                blur: _vm.handleBlur,
+              },
+            }),
+          ],
+    ],
+    2
   )
 }
 var staticRenderFns = []
@@ -928,6 +1027,55 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -970,8 +1118,8 @@ function clearNextFrameAction(nextFrameId) {
       default: 4
     },
     showLimit: {
-      type: Boolean,
-      default: false
+      type: [Boolean, String],
+      default: undefined
     },
     placeholder: {
       type: String,
@@ -1004,6 +1152,11 @@ function clearNextFrameAction(nextFrameId) {
     },
     min_length: function min_length() {
       return this.$attrs.minlength || this.minlength;
+    },
+    showLimitPosition: function showLimitPosition() {
+      if (this.showLimit === 'outside') return 'outside';
+      if (this.showLimit === true || this.showLimit === 'inside') return 'inside';
+      return null; // 不显示
     }
   },
   watch: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdsfe/mds-ui",
-  "version": "0.3.0-17",
+  "version": "0.3.0-18",
   "description": "A set of enterprise-class Vue UI components.",
   "main": "dist/index.js",
   "scripts": {