@mdsfe/mds-ui 0.3.0-9 → 0.4.0-rc.2

package/dist/input.js

@@ -1,10 +1,10 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("./icon"), require("./_util/proptype"), require("./_mixin/emitter"), require("./button"));
+		module.exports = factory(require("./icon"), require("./_util/proptype"), require("./button"), require("./_mixin/emitter"));
 	else if(typeof define === 'function' && define.amd)
-		define(["./icon", "./_util/proptype", "./_mixin/emitter", "./button"], factory);
+		define(["./icon", "./_util/proptype", "./button", "./_mixin/emitter"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("./icon"), require("./_util/proptype"), require("./_mixin/emitter"), require("./button")) : factory(root["./icon"], root["./_util/proptype"], root["./_mixin/emitter"], root["./button"]);
+		var a = typeof exports === 'object' ? factory(require("./icon"), require("./_util/proptype"), require("./button"), require("./_mixin/emitter")) : factory(root["./icon"], root["./_util/proptype"], root["./button"], root["./_mixin/emitter"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
 })(window, function(__WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__) {
@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 109);
+/******/ 	return __webpack_require__(__webpack_require__.s = 108);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -107,20 +107,19 @@ return /******/ (function(modules) { // webpackBootstrap
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -140,7 +139,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -166,11 +166,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -181,16 +181,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -203,7 +201,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 109:
+/***/ 108:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -211,7 +209,7 @@ function normalizeComponent (
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./components/input/style/index.js
-var style = __webpack_require__(60);
+var style = __webpack_require__(58);
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/defineProperty"
 var defineProperty_ = __webpack_require__(3);
@@ -225,10 +223,10 @@ var external_icon_ = __webpack_require__(7);
 var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
 // EXTERNAL MODULE: external "./_mixin/emitter"
-var emitter_ = __webpack_require__(13);
+var emitter_ = __webpack_require__(14);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=script&lang=js
 
 
 
@@ -243,7 +241,7 @@ var SIZEMAP = {
   'mini': 'mni'
 };
 
-/* harmony default export */ var inputvue_type_script_lang_js_ = ({
+/* harmony default export */ var inputvue_type_script_lang_js = ({
   name: 'MdsInput',
   mixins: [emitter_default.a],
   props: {
@@ -519,8 +517,8 @@ var SIZEMAP = {
     }
   }
 });
-// CONCATENATED MODULE: ./components/input/input.vue?vue&type=script&lang=js&
- /* harmony default export */ var input_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/input/input.vue?vue&type=script&lang=js
+ /* harmony default export */ var input_inputvue_type_script_lang_js = (inputvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
 
@@ -533,7 +531,7 @@ var input_render, staticRenderFns
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  input_inputvue_type_script_lang_js_,
+  input_inputvue_type_script_lang_js,
   input_render,
   staticRenderFns,
   false,
@@ -543,15 +541,12 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "components/input/input.vue"
 /* harmony default export */ var input = (component.exports);
 // EXTERNAL MODULE: external "./button"
-var external_button_ = __webpack_require__(14);
+var external_button_ = __webpack_require__(13);
 var external_button_default = /*#__PURE__*/__webpack_require__.n(external_button_);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/search.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/search.vue?vue&type=script&lang=js
 
 
 
@@ -562,7 +557,7 @@ var BUTTONSIZE = {
   'large': 'large',
   'mini': 'large-small'
 };
-/* harmony default export */ var searchvue_type_script_lang_js_ = ({
+/* harmony default export */ var searchvue_type_script_lang_js = ({
   name: 'MdsInputSearch',
   props: {
     addonAfter: String,
@@ -673,8 +668,8 @@ var BUTTONSIZE = {
     }, renderArr);
   }
 });
-// CONCATENATED MODULE: ./components/input/search.vue?vue&type=script&lang=js&
- /* harmony default export */ var input_searchvue_type_script_lang_js_ = (searchvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/input/search.vue?vue&type=script&lang=js
+ /* harmony default export */ var input_searchvue_type_script_lang_js = (searchvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./components/input/search.vue
 var search_render, search_staticRenderFns
 
@@ -684,7 +679,7 @@ var search_render, search_staticRenderFns
 /* normalize component */
 
 var search_component = Object(componentNormalizer["a" /* default */])(
-  input_searchvue_type_script_lang_js_,
+  input_searchvue_type_script_lang_js,
   search_render,
   search_staticRenderFns,
   false,
@@ -694,27 +689,24 @@ var search_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var search_api; }
-search_component.options.__file = "components/input/search.vue"
 /* harmony default export */ var search = (search_component.exports);
 // EXTERNAL MODULE: ./components/input/textarea.vue + 5 modules
-var input_textarea = __webpack_require__(45);
+var input_textarea = __webpack_require__(44);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/input/group.vue?vue&type=template&id=9e2c1de2&
-var groupvue_type_template_id_9e2c1de2_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/input/group.vue?vue&type=template&id=9a652878
+var groupvue_type_template_id_9a652878_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c("span", { class: _vm.classes }, [_vm._t("default")], 2)
 }
-var groupvue_type_template_id_9e2c1de2_staticRenderFns = []
-groupvue_type_template_id_9e2c1de2_render._withStripped = true
+var groupvue_type_template_id_9a652878_staticRenderFns = []
+groupvue_type_template_id_9a652878_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./components/input/group.vue?vue&type=template&id=9e2c1de2&
+// CONCATENATED MODULE: ./components/input/group.vue?vue&type=template&id=9a652878
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/group.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/group.vue?vue&type=script&lang=js
 
 //
 //
@@ -725,7 +717,7 @@ groupvue_type_template_id_9e2c1de2_render._withStripped = true
 
 
 
-/* harmony default export */ var groupvue_type_script_lang_js_ = ({
+/* harmony default export */ var groupvue_type_script_lang_js = ({
   name: 'MdsInputGroup',
   props: {
     compact: {
@@ -756,8 +748,8 @@ groupvue_type_template_id_9e2c1de2_render._withStripped = true
     }
   }
 });
-// CONCATENATED MODULE: ./components/input/group.vue?vue&type=script&lang=js&
- /* harmony default export */ var input_groupvue_type_script_lang_js_ = (groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/input/group.vue?vue&type=script&lang=js
+ /* harmony default export */ var input_groupvue_type_script_lang_js = (groupvue_type_script_lang_js); 
 // CONCATENATED MODULE: ./components/input/group.vue
 
 
@@ -767,9 +759,9 @@ groupvue_type_template_id_9e2c1de2_render._withStripped = true
 /* normalize component */
 
 var group_component = Object(componentNormalizer["a" /* default */])(
-  input_groupvue_type_script_lang_js_,
-  groupvue_type_template_id_9e2c1de2_render,
-  groupvue_type_template_id_9e2c1de2_staticRenderFns,
+  input_groupvue_type_script_lang_js,
+  groupvue_type_template_id_9a652878_render,
+  groupvue_type_template_id_9a652878_staticRenderFns,
   false,
   null,
   null,
@@ -777,9 +769,6 @@ var group_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var group_api; }
-group_component.options.__file = "components/input/group.vue"
 /* harmony default export */ var group = (group_component.exports);
 // CONCATENATED MODULE: ./components/input/index.js
 
@@ -816,14 +805,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__14__;
 
 /***/ }),
 
-/***/ 142:
+/***/ 140:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 186:
+/***/ 180:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
@@ -837,12 +826,12 @@ module.exports = require("babel-runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 45:
+/***/ 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=5786ca5a&
+// 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
@@ -851,58 +840,157 @@ 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 = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./components/input/textarea.vue?vue&type=template&id=5786ca5a&
+// 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/
@@ -1028,10 +1116,59 @@ function calculateNodeHeight(uiTextNode) {
   return { height: height + 'px', minHeight: minHeight + 'px', maxHeight: maxHeight + 'px', overflowY: overflowY };
 }
 // EXTERNAL MODULE: external "./_mixin/emitter"
-var emitter_ = __webpack_require__(13);
+var emitter_ = __webpack_require__(14);
 var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
-// 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: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/input/textarea.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -1078,7 +1215,7 @@ function clearNextFrameAction(nextFrameId) {
   }
 }
 
-/* harmony default export */ var textareavue_type_script_lang_js_ = ({
+/* harmony default export */ var textareavue_type_script_lang_js = ({
   name: 'MdsInputTextarea',
   mixins: [emitter_default.a],
   props: {
@@ -1101,8 +1238,8 @@ function clearNextFrameAction(nextFrameId) {
       default: 4
     },
     showLimit: {
-      type: Boolean,
-      default: false
+      type: [Boolean, String],
+      default: undefined
     },
     placeholder: {
       type: String,
@@ -1135,6 +1272,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: {
@@ -1205,8 +1347,8 @@ function clearNextFrameAction(nextFrameId) {
     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_); 
+// 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);
 
@@ -1219,7 +1361,7 @@ var componentNormalizer = __webpack_require__(0);
 /* normalize component */
 
 var component = Object(componentNormalizer["a" /* default */])(
-  input_textareavue_type_script_lang_js_,
+  input_textareavue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
@@ -1229,20 +1371,17 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "components/input/textarea.vue"
 /* harmony default export */ var input_textarea = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
 
-/***/ 60:
+/***/ 58:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(142);
-/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(186);
+/* harmony import */ var _style_mixins_only_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(140);
+/* harmony import */ var _style_mixins_only_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_mixins_only_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);