@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.2

package/dist/text.js

@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 101);
+/******/ 	return __webpack_require__(__webpack_require__.s = 99);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -201,35 +201,183 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 101:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 14:
+/***/ (function(module, exports) {
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
 
-// EXTERNAL MODULE: ./components/style/mixins-only.less
-var mixins_only = __webpack_require__(142);
+/***/ }),
 
-// EXTERNAL MODULE: ./components/text/style/index.less
-var style = __webpack_require__(264);
+/***/ 140:
+/***/ (function(module, exports) {
 
-// CONCATENATED MODULE: ./components/text/style/index.js
+// removed by extract-text-webpack-plugin
 
+/***/ }),
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/text.vue?vue&type=template&id=9eb235b4
+/***/ 262:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 44:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// 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 render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "span",
-    { class: ["mds-text", _vm.classNames] },
+    "div",
+    { class: _vm.prefixCls + "-content " + (_vm.disabled ? "disable" : "") },
     [
-      _vm.icon.length > 0
-        ? _c("mds-icon", { attrs: { type: _vm.icon } })
-        : _vm._e(),
-      _vm._t("default"),
+      _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.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
   )
@@ -238,325 +386,184 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./components/text/text.vue?vue&type=template&id=9eb235b4
+// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=template&id=55f2aeec
 
-// EXTERNAL MODULE: external "./icon"
-var external_icon_ = __webpack_require__(7);
-var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
+// CONCATENATED MODULE: ./components/input/calculateNodeHeight.js
+// Thanks to https://github.com/andreypopp/react-textarea-autosize/
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/text.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
+/**
+ * calculateNodeHeight(uiTextNode, useCache = false)
+ */
 
+var HIDDEN_TEXTAREA_STYLE = '\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important;\n';
 
-/* harmony default export */ var textvue_type_script_lang_js = ({
-  name: 'MdsText',
-  components: {
-    MdsIcon: external_icon_default.a
-  },
-  props: {
-    type: {
-      type: String,
-      default: 'primary'
-    },
-    mark: {
-      type: Boolean,
-      default: false
-    },
-    code: {
-      type: Boolean,
-      default: false
-    },
-    underline: {
-      type: Boolean,
-      default: false
-    },
-    delete: {
-      type: Boolean,
-      default: false
-    },
-    strong: {
-      type: Boolean,
-      default: false
-    },
-    icon: {
-      type: String,
-      default: ''
-    }
-  },
-  data: function data() {
-    return {
-      editing: false,
-      copied: false,
-      textContent: ''
-    };
-  },
+var SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing'];
 
-  computed: {
-    classNames: function classNames() {
-      var res = [];
-      var pre = 'mds-text-';
-      switch (this.type) {
-        case 'primary':
-          res.push(pre + 'primary');
-          break;
-        case 'secondary':
-          res.push(pre + 'secondary');
-          break;
-        case 'dark':
-          res.push(pre + 'dark');
-          break;
-        case 'disabled':
-          res.push(pre + 'disabled');
-          break;
-        case 'danger':
-          res.push(pre + 'danger');
-          break;
-        case 'success':
-          res.push(pre + 'success');
-          break;
-        case 'warning':
-          res.push(pre + 'warning');
-          break;
-        case 'info':
-          res.push(pre + 'info');
-          break;
-        default:
-          break;
-      }
-      if (this.mark) {
-        res.push(pre + 'mark');
-      }
-      if (this.code) {
-        res.push(pre + 'code');
-      }
-      if (this.underline) {
-        res.push(pre + 'underline');
-      }
-      if (this.delete) {
-        res.push(pre + 'delete');
-      }
-      if (this.strong) {
-        res.push(pre + 'strong');
-      }
-      return res;
-    }
-  },
-  methods: {},
-  mounted: function mounted() {}
-});
-// CONCATENATED MODULE: ./components/text/text.vue?vue&type=script&lang=js
- /* harmony default export */ var text_textvue_type_script_lang_js = (textvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+var computedStyleCache = {};
+var hiddenTextarea = void 0;
 
-// CONCATENATED MODULE: ./components/text/text.vue
+function calculateNodeStyling(node) {
+  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
+  var nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name');
 
+  if (useCache && computedStyleCache[nodeRef]) {
+    return computedStyleCache[nodeRef];
+  }
 
+  var style = window.getComputedStyle(node);
 
+  var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
 
-/* normalize component */
+  var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
 
-var component = Object(componentNormalizer["a" /* default */])(
-  text_textvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+  var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
 
-/* harmony default export */ var text_text = (component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/link.vue?vue&type=template&id=06061700
-var linkvue_type_template_id_06061700_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "a",
-    {
-      class: ["mds-link", _vm.underline ? "has-underline" : ""],
-      attrs: { href: _vm.url, target: _vm.target },
-    },
-    [_vm._t("default")],
-    2
-  )
+  var sizingStyle = SIZING_STYLE.map(function (name) {
+    return name + ':' + style.getPropertyValue(name);
+  }).join(';');
+
+  var nodeInfo = {
+    sizingStyle: sizingStyle,
+    paddingSize: paddingSize,
+    borderSize: borderSize,
+    boxSizing: boxSizing
+  };
+
+  if (useCache && nodeRef) {
+    computedStyleCache[nodeRef] = nodeInfo;
+  }
+
+  return nodeInfo;
 }
-var linkvue_type_template_id_06061700_staticRenderFns = []
-linkvue_type_template_id_06061700_render._withStripped = true
 
+function calculateNodeHeight(uiTextNode) {
+  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
 
-// CONCATENATED MODULE: ./components/text/link.vue?vue&type=template&id=06061700
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement('textarea');
+    document.body.appendChild(hiddenTextarea);
+  }
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/link.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
+  // Fix wrap="off" issue
+  // https://github.com/mds-design/mds-design/issues/6577
+  if (uiTextNode.getAttribute('wrap')) {
+    hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
+  } else {
+    hiddenTextarea.removeAttribute('wrap');
+  }
 
-/* harmony default export */ var linkvue_type_script_lang_js = ({
-  name: 'MdsLink',
-  props: {
-    url: {
-      type: String,
-      default: ''
-    },
-    underline: {
-      type: Boolean,
-      default: false
-    },
-    target: {
-      type: String,
-      default: '_self'
-    }
-  },
-  data: function data() {
-    return {};
-  },
+  // Copy all CSS properties that have an impact on the height of the content in
+  // the textbox
 
-  methods: {},
-  mounted: function mounted() {}
-});
-// CONCATENATED MODULE: ./components/text/link.vue?vue&type=script&lang=js
- /* harmony default export */ var text_linkvue_type_script_lang_js = (linkvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./components/text/link.vue
+  var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache),
+      paddingSize = _calculateNodeStyling.paddingSize,
+      borderSize = _calculateNodeStyling.borderSize,
+      boxSizing = _calculateNodeStyling.boxSizing,
+      sizingStyle = _calculateNodeStyling.sizingStyle;
 
+  // Need to have the overflow attribute to hide the scrollbar otherwise
+  // text-lines will not calculated properly as the shadow will technically be
+  // narrower for content
 
 
+  hiddenTextarea.setAttribute('style', sizingStyle + ';' + HIDDEN_TEXTAREA_STYLE);
+  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
 
+  var minHeight = -Infinity;
+  var maxHeight = Infinity;
+  var height = hiddenTextarea.scrollHeight;
+  var overflowY = void 0;
 
-/* normalize component */
+  if (boxSizing === 'border-box') {
+    // border-box: add border, since height = content + padding + border
+    height = height + borderSize;
+  } else if (boxSizing === 'content-box') {
+    // remove padding, since height = content
+    height = height - paddingSize;
+  }
 
-var link_component = Object(componentNormalizer["a" /* default */])(
-  text_linkvue_type_script_lang_js,
-  linkvue_type_template_id_06061700_render,
-  linkvue_type_template_id_06061700_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+  if (minRows !== null || maxRows !== null) {
+    // measure height of a textarea with a single row
+    hiddenTextarea.value = '';
+    var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+    if (minRows !== null) {
+      minHeight = singleRowHeight * minRows;
+      if (boxSizing === 'border-box') {
+        minHeight = minHeight + paddingSize + borderSize;
+      }
+      height = Math.max(minHeight, height);
+    }
+    if (maxRows !== null) {
+      maxHeight = singleRowHeight * maxRows;
+      if (boxSizing === 'border-box') {
+        maxHeight = maxHeight + paddingSize + borderSize;
+      }
+      overflowY = height > maxHeight ? '' : 'hidden';
+      height = Math.min(maxHeight, height);
+    }
+  }
+  // Remove scroll bar flash when autosize without maxRows
+  if (!maxRows) {
+    overflowY = 'hidden';
+  }
+  return { height: height + 'px', minHeight: minHeight + 'px', maxHeight: maxHeight + 'px', overflowY: overflowY };
+}
+// EXTERNAL MODULE: external "./_mixin/emitter"
+var emitter_ = __webpack_require__(14);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
-/* harmony default export */ var text_link = (link_component.exports);
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/customize.vue?vue&type=template&id=673da844
-var customizevue_type_template_id_673da844_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "span",
-    { staticClass: "mds-text" },
-    [
-      _vm.editable
-        ? [
-            !_vm.editing
-              ? _vm._t("default")
-              : _c("mds-input-textarea", {
-                  ref: "textarea",
-                  attrs: { id: "editTextarea", rows: "1" },
-                  nativeOn: {
-                    keyup: function ($event) {
-                      if (
-                        !$event.type.indexOf("key") &&
-                        _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
-                      ) {
-                        return null
-                      }
-                      return _vm.finishEdit($event)
-                    },
-                    blur: function ($event) {
-                      return _vm.finishEdit($event)
-                    },
-                  },
-                  model: {
-                    value: _vm.textContent,
-                    callback: function ($$v) {
-                      _vm.textContent = $$v
-                    },
-                    expression: "textContent",
-                  },
-                }),
-            _c(
-              "mds-tooltip",
-              { attrs: { title: "编辑", mouseLeaveDelay: 0 } },
-              [
-                _c("mds-icon", {
-                  directives: [
-                    {
-                      name: "show",
-                      rawName: "v-show",
-                      value: _vm.editable && !_vm.editing,
-                      expression: "editable && !editing",
-                    },
-                  ],
-                  staticClass: "edit-icon",
-                  attrs: { type: "line-format-border-color" },
-                  nativeOn: {
-                    click: function ($event) {
-                      return _vm.handleEdit($event)
-                    },
-                  },
-                }),
-              ],
-              1
-            ),
-          ]
-        : _vm.copyable
-        ? [
-            _c(
-              "span",
-              { attrs: { id: "copy-target" } },
-              [_vm._t("default")],
-              2
-            ),
-            _c(
-              "mds-tooltip",
-              {
-                attrs: {
-                  title: _vm.copied ? "复制成功" : "复制",
-                  mouseLeaveDelay: 0,
-                },
-              },
-              [
-                _c("mds-icon", {
-                  attrs: {
-                    type: _vm.copied ? "line-check" : "line-swap-stroke",
-                  },
-                  nativeOn: {
-                    click: function ($event) {
-                      return _vm.handleCopy($event)
-                    },
-                  },
-                }),
-              ],
-              1
-            ),
-          ]
-        : _vm._e(),
-    ],
-    2
-  )
-}
-var customizevue_type_template_id_673da844_staticRenderFns = []
-customizevue_type_template_id_673da844_render._withStripped = true
-
-
-// CONCATENATED MODULE: ./components/text/customize.vue?vue&type=template&id=673da844
-
-// EXTERNAL MODULE: ./components/input/textarea.vue + 5 modules
-var input_textarea = __webpack_require__(45);
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/customize.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/textarea.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -588,269 +595,218 @@ var input_textarea = __webpack_require__(45);
 
 
 
-/* harmony default export */ var customizevue_type_script_lang_js = ({
-  name: 'MdsTextCustomize',
-  components: {
-    MdsIcon: external_icon_default.a,
-    MdsInputTextarea: input_textarea["a" /* default */]
-  },
+
+function onNextFrame(cb) {
+  if (window.requestAnimationFrame) {
+    return window.requestAnimationFrame(cb);
+  }
+  return window.setTimeout(cb, 1);
+}
+
+function clearNextFrameAction(nextFrameId) {
+  if (window.cancelAnimationFrame) {
+    window.cancelAnimationFrame(nextFrameId);
+  } else {
+    window.clearTimeout(nextFrameId);
+  }
+}
+
+/* harmony default export */ var textareavue_type_script_lang_js = ({
+  name: 'MdsInputTextarea',
+  mixins: [emitter_default.a],
   props: {
-    editable: {
-      type: Boolean,
+    autosize: {
+      type: [Boolean, Object],
       default: false
     },
-    copyable: {
+    prefixCls: {
+      type: String,
+      default: 'mds-input'
+    },
+    maxlength: {
+      type: Number
+    },
+    minlength: {
+      type: Number
+    },
+    rows: {
+      type: Number,
+      default: 4
+    },
+    showLimit: {
+      type: [Boolean, String],
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    disabled: {
       type: Boolean,
       default: false
-    }
+    },
+    value: null
   },
   data: function data() {
     return {
-      editing: false,
-      copied: false,
-      textContent: ''
+      textareaStyles: {},
+      number: 0
     };
   },
 
-  methods: {
-    handleEdit: function handleEdit() {
-      this.textContent = this.$slots.default[0].text;
-      this.editing = true;
-      this.$nextTick(function () {
-        // this.$refs.textarea.focus()
-        document.querySelector('#editTextarea').focus();
-      });
+  computed: {
+    valueData: {
+      get: function get() {
+        return this.value || '';
+      },
+      set: function set(value) {
+        this.$emit('input', value);
+      }
     },
-    finishEdit: function finishEdit() {
-      this.editing = false;
-      this.$slots.default[0].text = this.textContent;
+    max_length: function max_length() {
+      return this.$attrs.maxlength || this.maxlength;
     },
-    handleCopy: function handleCopy() {
-      if (!this.copied) {
-        var copyContent = document.querySelector('#copy-target').textContent;
-        var that = this;
-        this.$copyText(copyContent).then(function () {
-          that.copied = true;
+    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: {
+    valueData: {
+      immediate: true,
+      handler: function handler(newVal) {
+        var _this = this;
+
+        this.$nextTick(function () {
+          _this.resizeTextarea();
         });
+        if (newVal.length > this.maxlength) {
+          return false;
+        } else {
+          this.number = newVal.length;
+        }
       }
     }
   },
-  mounted: function mounted() {}
-});
-// CONCATENATED MODULE: ./components/text/customize.vue?vue&type=script&lang=js
- /* harmony default export */ var text_customizevue_type_script_lang_js = (customizevue_type_script_lang_js); 
-// CONCATENATED MODULE: ./components/text/customize.vue
-
-
-
-
-
-/* normalize component */
-
-var customize_component = Object(componentNormalizer["a" /* default */])(
-  text_customizevue_type_script_lang_js,
-  customizevue_type_template_id_673da844_render,
-  customizevue_type_template_id_673da844_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var customize = (customize_component.exports);
-// CONCATENATED MODULE: ./components/text/index.js
-
-
-
+  created: function created() {
+    this.number = this.valueData.length;
+  },
 
-/* istanbul ignore next */
-text_text.install = function (Vue) {
-  Vue.component(text_text.name, text_text);
-  Vue.component(text_link.name, text_link);
-  Vue.component(customize.name, customize);
-};
-/* harmony default export */ var components_text = __webpack_exports__["default"] = (text_text);
+  methods: {
+    handleChange: function handleChange(e) {
+      this.$emit('change', e);
+    },
+    handleInput: function handleInput(e) {
+      if (this.nextFrameActionId) {
+        clearNextFrameAction(this.nextFrameActionId);
+      }
+      this.nextFrameActionId = onNextFrame(this.resizeTextarea);
+      this.$emit('input', e.target.value);
+      this.dispatch('MdsFormItem', 'formItemChange', e.target.value);
+    },
+    handleKeyDown: function handleKeyDown(e) {
+      if (e.keyCode === 13) {
+        this.$emit('press-enter', e);
+      }
+      this.$emit('keydown', e);
+    },
+    resizeTextarea: function resizeTextarea() {
+      if (!this.autosize) {
+        return false;
+      }
+      var minRows = this.autosize ? this.autosize.minRows : null;
+      var maxRows = this.autosize ? this.autosize.maxRows : null;
+      this.textareaStyles = calculateNodeHeight(this.$refs.textAreaRef, false, minRows, maxRows);
+    },
+    handleFocus: function handleFocus(e) {
+      this.$emit('focus', e);
+    },
+    handleBlur: function handleBlur(e) {
+      this.$emit('blur', e);
+      this.dispatch('MdsFormItem', 'formItemBlur', e);
+    },
+    focus: function focus() {
+      this.getInput().focus();
+    },
+    blur: function blur() {
+      this.getInput().blur();
+    },
+    getInput: function getInput() {
+      return this.$refs.textAreaRef;
+    }
+  },
+  mounted: function mounted() {
+    this.resizeTextarea();
+  }
+});
+// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=script&lang=js
+ /* harmony default export */ var input_textareavue_type_script_lang_js = (textareavue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
-/***/ }),
+// CONCATENATED MODULE: ./components/input/textarea.vue
 
-/***/ 14:
-/***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
 
-/***/ }),
 
-/***/ 142:
-/***/ (function(module, exports) {
 
-// removed by extract-text-webpack-plugin
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  input_textareavue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var input_textarea = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
 
-/***/ 264:
+/***/ 7:
 /***/ (function(module, exports) {
 
-// removed by extract-text-webpack-plugin
+module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
 
 /***/ }),
 
-/***/ 45:
+/***/ 99:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_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=55f2aeec
+// EXTERNAL MODULE: ./components/style/mixins-only.less
+var mixins_only = __webpack_require__(140);
+
+// EXTERNAL MODULE: ./components/text/style/index.less
+var style = __webpack_require__(262);
+
+// CONCATENATED MODULE: ./components/text/style/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/text.vue?vue&type=template&id=9eb235b4
 var 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" : "") },
+    "span",
+    { class: ["mds-text", _vm.classNames] },
     [
-      _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.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,
-              },
-            }),
-          ],
+      _vm.icon.length > 0
+        ? _c("mds-icon", { attrs: { type: _vm.icon } })
+        : _vm._e(),
+      _vm._t("default"),
     ],
     2
   )
@@ -859,184 +815,325 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=template&id=55f2aeec
+// CONCATENATED MODULE: ./components/text/text.vue?vue&type=template&id=9eb235b4
 
-// CONCATENATED MODULE: ./components/input/calculateNodeHeight.js
-// Thanks to https://github.com/andreypopp/react-textarea-autosize/
+// EXTERNAL MODULE: external "./icon"
+var external_icon_ = __webpack_require__(7);
+var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
-/**
- * calculateNodeHeight(uiTextNode, useCache = false)
- */
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/text.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
 
-var HIDDEN_TEXTAREA_STYLE = '\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important;\n';
 
-var SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing'];
-
-var computedStyleCache = {};
-var hiddenTextarea = void 0;
-
-function calculateNodeStyling(node) {
-  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-  var nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name');
+/* harmony default export */ var textvue_type_script_lang_js = ({
+  name: 'MdsText',
+  components: {
+    MdsIcon: external_icon_default.a
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    mark: {
+      type: Boolean,
+      default: false
+    },
+    code: {
+      type: Boolean,
+      default: false
+    },
+    underline: {
+      type: Boolean,
+      default: false
+    },
+    delete: {
+      type: Boolean,
+      default: false
+    },
+    strong: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ''
+    }
+  },
+  data: function data() {
+    return {
+      editing: false,
+      copied: false,
+      textContent: ''
+    };
+  },
 
-  if (useCache && computedStyleCache[nodeRef]) {
-    return computedStyleCache[nodeRef];
-  }
+  computed: {
+    classNames: function classNames() {
+      var res = [];
+      var pre = 'mds-text-';
+      switch (this.type) {
+        case 'primary':
+          res.push(pre + 'primary');
+          break;
+        case 'secondary':
+          res.push(pre + 'secondary');
+          break;
+        case 'dark':
+          res.push(pre + 'dark');
+          break;
+        case 'disabled':
+          res.push(pre + 'disabled');
+          break;
+        case 'danger':
+          res.push(pre + 'danger');
+          break;
+        case 'success':
+          res.push(pre + 'success');
+          break;
+        case 'warning':
+          res.push(pre + 'warning');
+          break;
+        case 'info':
+          res.push(pre + 'info');
+          break;
+        default:
+          break;
+      }
+      if (this.mark) {
+        res.push(pre + 'mark');
+      }
+      if (this.code) {
+        res.push(pre + 'code');
+      }
+      if (this.underline) {
+        res.push(pre + 'underline');
+      }
+      if (this.delete) {
+        res.push(pre + 'delete');
+      }
+      if (this.strong) {
+        res.push(pre + 'strong');
+      }
+      return res;
+    }
+  },
+  methods: {},
+  mounted: function mounted() {}
+});
+// CONCATENATED MODULE: ./components/text/text.vue?vue&type=script&lang=js
+ /* harmony default export */ var text_textvue_type_script_lang_js = (textvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
-  var style = window.getComputedStyle(node);
+// CONCATENATED MODULE: ./components/text/text.vue
 
-  var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
 
-  var paddingSize = parseFloat(style.getPropertyValue('padding-bottom')) + parseFloat(style.getPropertyValue('padding-top'));
 
-  var borderSize = parseFloat(style.getPropertyValue('border-bottom-width')) + parseFloat(style.getPropertyValue('border-top-width'));
 
-  var sizingStyle = SIZING_STYLE.map(function (name) {
-    return name + ':' + style.getPropertyValue(name);
-  }).join(';');
 
-  var nodeInfo = {
-    sizingStyle: sizingStyle,
-    paddingSize: paddingSize,
-    borderSize: borderSize,
-    boxSizing: boxSizing
-  };
+/* normalize component */
 
-  if (useCache && nodeRef) {
-    computedStyleCache[nodeRef] = nodeInfo;
-  }
+var component = Object(componentNormalizer["a" /* default */])(
+  text_textvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-  return nodeInfo;
+/* harmony default export */ var text_text = (component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/link.vue?vue&type=template&id=06061700
+var linkvue_type_template_id_06061700_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "a",
+    {
+      class: ["mds-link", _vm.underline ? "has-underline" : ""],
+      attrs: { href: _vm.url, target: _vm.target },
+    },
+    [_vm._t("default")],
+    2
+  )
 }
+var linkvue_type_template_id_06061700_staticRenderFns = []
+linkvue_type_template_id_06061700_render._withStripped = true
 
-function calculateNodeHeight(uiTextNode) {
-  var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
 
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement('textarea');
-    document.body.appendChild(hiddenTextarea);
-  }
+// CONCATENATED MODULE: ./components/text/link.vue?vue&type=template&id=06061700
 
-  // Fix wrap="off" issue
-  // https://github.com/mds-design/mds-design/issues/6577
-  if (uiTextNode.getAttribute('wrap')) {
-    hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
-  } else {
-    hiddenTextarea.removeAttribute('wrap');
-  }
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/link.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
 
-  // Copy all CSS properties that have an impact on the height of the content in
-  // the textbox
+/* harmony default export */ var linkvue_type_script_lang_js = ({
+  name: 'MdsLink',
+  props: {
+    url: {
+      type: String,
+      default: ''
+    },
+    underline: {
+      type: Boolean,
+      default: false
+    },
+    target: {
+      type: String,
+      default: '_self'
+    }
+  },
+  data: function data() {
+    return {};
+  },
 
-  var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache),
-      paddingSize = _calculateNodeStyling.paddingSize,
-      borderSize = _calculateNodeStyling.borderSize,
-      boxSizing = _calculateNodeStyling.boxSizing,
-      sizingStyle = _calculateNodeStyling.sizingStyle;
+  methods: {},
+  mounted: function mounted() {}
+});
+// CONCATENATED MODULE: ./components/text/link.vue?vue&type=script&lang=js
+ /* harmony default export */ var text_linkvue_type_script_lang_js = (linkvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./components/text/link.vue
 
-  // Need to have the overflow attribute to hide the scrollbar otherwise
-  // text-lines will not calculated properly as the shadow will technically be
-  // narrower for content
 
 
-  hiddenTextarea.setAttribute('style', sizingStyle + ';' + HIDDEN_TEXTAREA_STYLE);
-  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
 
-  var minHeight = -Infinity;
-  var maxHeight = Infinity;
-  var height = hiddenTextarea.scrollHeight;
-  var overflowY = void 0;
 
-  if (boxSizing === 'border-box') {
-    // border-box: add border, since height = content + padding + border
-    height = height + borderSize;
-  } else if (boxSizing === 'content-box') {
-    // remove padding, since height = content
-    height = height - paddingSize;
-  }
+/* normalize component */
 
-  if (minRows !== null || maxRows !== null) {
-    // measure height of a textarea with a single row
-    hiddenTextarea.value = '';
-    var singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-    if (minRows !== null) {
-      minHeight = singleRowHeight * minRows;
-      if (boxSizing === 'border-box') {
-        minHeight = minHeight + paddingSize + borderSize;
-      }
-      height = Math.max(minHeight, height);
-    }
-    if (maxRows !== null) {
-      maxHeight = singleRowHeight * maxRows;
-      if (boxSizing === 'border-box') {
-        maxHeight = maxHeight + paddingSize + borderSize;
-      }
-      overflowY = height > maxHeight ? '' : 'hidden';
-      height = Math.min(maxHeight, height);
-    }
-  }
-  // Remove scroll bar flash when autosize without maxRows
-  if (!maxRows) {
-    overflowY = 'hidden';
-  }
-  return { height: height + 'px', minHeight: minHeight + 'px', maxHeight: maxHeight + 'px', overflowY: overflowY };
+var link_component = Object(componentNormalizer["a" /* default */])(
+  text_linkvue_type_script_lang_js,
+  linkvue_type_template_id_06061700_render,
+  linkvue_type_template_id_06061700_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var text_link = (link_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/text/customize.vue?vue&type=template&id=673da844
+var customizevue_type_template_id_673da844_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "span",
+    { staticClass: "mds-text" },
+    [
+      _vm.editable
+        ? [
+            !_vm.editing
+              ? _vm._t("default")
+              : _c("mds-input-textarea", {
+                  ref: "textarea",
+                  attrs: { id: "editTextarea", rows: "1" },
+                  nativeOn: {
+                    keyup: function ($event) {
+                      if (
+                        !$event.type.indexOf("key") &&
+                        _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")
+                      ) {
+                        return null
+                      }
+                      return _vm.finishEdit($event)
+                    },
+                    blur: function ($event) {
+                      return _vm.finishEdit($event)
+                    },
+                  },
+                  model: {
+                    value: _vm.textContent,
+                    callback: function ($$v) {
+                      _vm.textContent = $$v
+                    },
+                    expression: "textContent",
+                  },
+                }),
+            _c(
+              "mds-tooltip",
+              { attrs: { title: "编辑", mouseLeaveDelay: 0 } },
+              [
+                _c("mds-icon", {
+                  directives: [
+                    {
+                      name: "show",
+                      rawName: "v-show",
+                      value: _vm.editable && !_vm.editing,
+                      expression: "editable && !editing",
+                    },
+                  ],
+                  staticClass: "edit-icon",
+                  attrs: { type: "line-format-border-color" },
+                  nativeOn: {
+                    click: function ($event) {
+                      return _vm.handleEdit($event)
+                    },
+                  },
+                }),
+              ],
+              1
+            ),
+          ]
+        : _vm.copyable
+        ? [
+            _c(
+              "span",
+              { attrs: { id: "copy-target" } },
+              [_vm._t("default")],
+              2
+            ),
+            _c(
+              "mds-tooltip",
+              {
+                attrs: {
+                  title: _vm.copied ? "复制成功" : "复制",
+                  mouseLeaveDelay: 0,
+                },
+              },
+              [
+                _c("mds-icon", {
+                  attrs: {
+                    type: _vm.copied ? "line-check" : "line-swap-stroke",
+                  },
+                  nativeOn: {
+                    click: function ($event) {
+                      return _vm.handleCopy($event)
+                    },
+                  },
+                }),
+              ],
+              1
+            ),
+          ]
+        : _vm._e(),
+    ],
+    2
+  )
 }
-// EXTERNAL MODULE: external "./_mixin/emitter"
-var emitter_ = __webpack_require__(14);
-var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
+var customizevue_type_template_id_673da844_staticRenderFns = []
+customizevue_type_template_id_673da844_render._withStripped = true
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/textarea.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+// CONCATENATED MODULE: ./components/text/customize.vue?vue&type=template&id=673da844
+
+// EXTERNAL MODULE: ./components/input/textarea.vue + 5 modules
+var input_textarea = __webpack_require__(44);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/text/customize.vue?vue&type=script&lang=js
 //
 //
 //
@@ -1068,160 +1165,58 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 
 
-
-function onNextFrame(cb) {
-  if (window.requestAnimationFrame) {
-    return window.requestAnimationFrame(cb);
-  }
-  return window.setTimeout(cb, 1);
-}
-
-function clearNextFrameAction(nextFrameId) {
-  if (window.cancelAnimationFrame) {
-    window.cancelAnimationFrame(nextFrameId);
-  } else {
-    window.clearTimeout(nextFrameId);
-  }
-}
-
-/* harmony default export */ var textareavue_type_script_lang_js = ({
-  name: 'MdsInputTextarea',
-  mixins: [emitter_default.a],
+/* harmony default export */ var customizevue_type_script_lang_js = ({
+  name: 'MdsTextCustomize',
+  components: {
+    MdsIcon: external_icon_default.a,
+    MdsInputTextarea: input_textarea["a" /* default */]
+  },
   props: {
-    autosize: {
-      type: [Boolean, Object],
+    editable: {
+      type: Boolean,
       default: false
     },
-    prefixCls: {
-      type: String,
-      default: 'mds-input'
-    },
-    maxlength: {
-      type: Number
-    },
-    minlength: {
-      type: Number
-    },
-    rows: {
-      type: Number,
-      default: 4
-    },
-    showLimit: {
-      type: [Boolean, String],
-      default: undefined
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
+    copyable: {
       type: Boolean,
       default: false
-    },
-    value: null
+    }
   },
   data: function data() {
     return {
-      textareaStyles: {},
-      number: 0
+      editing: false,
+      copied: false,
+      textContent: ''
     };
   },
 
-  computed: {
-    valueData: {
-      get: function get() {
-        return this.value || '';
-      },
-      set: function set(value) {
-        this.$emit('input', value);
-      }
-    },
-    max_length: function max_length() {
-      return this.$attrs.maxlength || this.maxlength;
-    },
-    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: {
-    valueData: {
-      immediate: true,
-      handler: function handler(newVal) {
-        var _this = this;
-
-        this.$nextTick(function () {
-          _this.resizeTextarea();
-        });
-        if (newVal.length > this.maxlength) {
-          return false;
-        } else {
-          this.number = newVal.length;
-        }
-      }
-    }
-  },
-  created: function created() {
-    this.number = this.valueData.length;
-  },
-
   methods: {
-    handleChange: function handleChange(e) {
-      this.$emit('change', e);
-    },
-    handleInput: function handleInput(e) {
-      if (this.nextFrameActionId) {
-        clearNextFrameAction(this.nextFrameActionId);
-      }
-      this.nextFrameActionId = onNextFrame(this.resizeTextarea);
-      this.$emit('input', e.target.value);
-      this.dispatch('MdsFormItem', 'formItemChange', e.target.value);
+    handleEdit: function handleEdit() {
+      this.textContent = this.$slots.default[0].text;
+      this.editing = true;
+      this.$nextTick(function () {
+        // this.$refs.textarea.focus()
+        document.querySelector('#editTextarea').focus();
+      });
     },
-    handleKeyDown: function handleKeyDown(e) {
-      if (e.keyCode === 13) {
-        this.$emit('press-enter', e);
-      }
-      this.$emit('keydown', e);
+    finishEdit: function finishEdit() {
+      this.editing = false;
+      this.$slots.default[0].text = this.textContent;
     },
-    resizeTextarea: function resizeTextarea() {
-      if (!this.autosize) {
-        return false;
+    handleCopy: function handleCopy() {
+      if (!this.copied) {
+        var copyContent = document.querySelector('#copy-target').textContent;
+        var that = this;
+        this.$copyText(copyContent).then(function () {
+          that.copied = true;
+        });
       }
-      var minRows = this.autosize ? this.autosize.minRows : null;
-      var maxRows = this.autosize ? this.autosize.maxRows : null;
-      this.textareaStyles = calculateNodeHeight(this.$refs.textAreaRef, false, minRows, maxRows);
-    },
-    handleFocus: function handleFocus(e) {
-      this.$emit('focus', e);
-    },
-    handleBlur: function handleBlur(e) {
-      this.$emit('blur', e);
-      this.dispatch('MdsFormItem', 'formItemBlur', e);
-    },
-    focus: function focus() {
-      this.getInput().focus();
-    },
-    blur: function blur() {
-      this.getInput().blur();
-    },
-    getInput: function getInput() {
-      return this.$refs.textAreaRef;
     }
   },
-  mounted: function mounted() {
-    this.resizeTextarea();
-  }
+  mounted: function mounted() {}
 });
-// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=script&lang=js
- /* harmony default export */ var input_textareavue_type_script_lang_js = (textareavue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./components/input/textarea.vue
+// CONCATENATED MODULE: ./components/text/customize.vue?vue&type=script&lang=js
+ /* harmony default export */ var text_customizevue_type_script_lang_js = (customizevue_type_script_lang_js); 
+// CONCATENATED MODULE: ./components/text/customize.vue
 
 
 
@@ -1229,10 +1224,10 @@ var componentNormalizer = __webpack_require__(0);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
-  input_textareavue_type_script_lang_js,
-  render,
-  staticRenderFns,
+var customize_component = Object(componentNormalizer["a" /* default */])(
+  text_customizevue_type_script_lang_js,
+  customizevue_type_template_id_673da844_render,
+  customizevue_type_template_id_673da844_staticRenderFns,
   false,
   null,
   null,
@@ -1240,14 +1235,19 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var input_textarea = __webpack_exports__["a"] = (component.exports);
+/* harmony default export */ var customize = (customize_component.exports);
+// CONCATENATED MODULE: ./components/text/index.js
 
-/***/ }),
 
-/***/ 7:
-/***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
+
+/* istanbul ignore next */
+text_text.install = function (Vue) {
+  Vue.component(text_text.name, text_text);
+  Vue.component(text_link.name, text_link);
+  Vue.component(customize.name, customize);
+};
+/* harmony default export */ var components_text = __webpack_exports__["default"] = (text_text);
 
 /***/ })