element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/image-viewer/src/image-viewer.vue_vue&type=template&id=4b22ad85&lang.js

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-image-viewer__btn el-image-viewer__actions" };
-const _hoisted_2 = { class: "el-image-viewer__actions__inner" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1);
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("i", { class: "el-image-viewer__actions__divider" }, null, -1);
-const _hoisted_5 = { class: "el-image-viewer__canvas" };
-const _hoisted_6 = ["src"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_arrow_left = vue.resolveComponent("arrow-left");
-  const _component_arrow_right = vue.resolveComponent("arrow-right");
-  const _component_zoom_out = vue.resolveComponent("zoom-out");
-  const _component_zoom_in = vue.resolveComponent("zoom-in");
-  const _component_refresh_left = vue.resolveComponent("refresh-left");
-  const _component_refresh_right = vue.resolveComponent("refresh-right");
-  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "viewer-fade" }, {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        ref: "wrapper",
-        tabindex: -1,
-        class: "el-image-viewer__wrapper",
-        style: vue.normalizeStyle({ zIndex: _ctx.zIndex })
-      }, [
-        vue.createElementVNode("div", {
-          class: "el-image-viewer__mask",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.hideOnClickModal && _ctx.hide(), ["self"]))
-        }),
-        vue.createCommentVNode(" CLOSE "),
-        vue.createElementVNode("span", {
-          class: "el-image-viewer__btn el-image-viewer__close",
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.hide && _ctx.hide(...args))
-        }, [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_close)
-            ]),
-            _: 1
-          })
-        ]),
-        vue.createCommentVNode(" ARROW "),
-        !_ctx.isSingle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(["el-image-viewer__btn el-image-viewer__prev", { "is-disabled": !_ctx.infinite && _ctx.isFirst }]),
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.prev && _ctx.prev(...args))
-          }, [
-            vue.createVNode(_component_el_icon, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_left)
-              ]),
-              _: 1
-            })
-          ], 2),
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(["el-image-viewer__btn el-image-viewer__next", { "is-disabled": !_ctx.infinite && _ctx.isLast }]),
-            onClick: _cache[3] || (_cache[3] = (...args) => _ctx.next && _ctx.next(...args))
-          }, [
-            vue.createVNode(_component_el_icon, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_arrow_right)
-              ]),
-              _: 1
-            })
-          ], 2)
-        ], 64)) : vue.createCommentVNode("v-if", true),
-        vue.createCommentVNode(" ACTIONS "),
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createVNode(_component_el_icon, {
-              onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleActions("zoomOut"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_zoom_out)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_icon, {
-              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleActions("zoomIn"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_zoom_in)
-              ]),
-              _: 1
-            }),
-            _hoisted_3,
-            vue.createVNode(_component_el_icon, { onClick: _ctx.toggleMode }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.mode.icon)))
-              ]),
-              _: 1
-            }, 8, ["onClick"]),
-            _hoisted_4,
-            vue.createVNode(_component_el_icon, {
-              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleActions("anticlockwise"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_refresh_left)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_icon, {
-              onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleActions("clockwise"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_refresh_right)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        vue.createCommentVNode(" CANVAS "),
-        vue.createElementVNode("div", _hoisted_5, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
-            return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
-              ref: "img",
-              key: url,
-              src: url,
-              style: vue.normalizeStyle(_ctx.imgStyle),
-              class: "el-image-viewer__img",
-              onLoad: _cache[8] || (_cache[8] = (...args) => _ctx.handleImgLoad && _ctx.handleImgLoad(...args)),
-              onError: _cache[9] || (_cache[9] = (...args) => _ctx.handleImgError && _ctx.handleImgError(...args)),
-              onMousedown: _cache[10] || (_cache[10] = (...args) => _ctx.handleMouseDown && _ctx.handleMouseDown(...args))
-            }, null, 44, _hoisted_6)), [
-              [vue.vShow, i === _ctx.index]
-            ]);
-          }), 128))
-        ]),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 4)
-    ]),
-    _: 3
-  });
-}
-
-exports.render = render;
-//# sourceMappingURL=image-viewer.vue_vue&type=template&id=4b22ad85&lang.js.map

package/lib/components/image-viewer/src/image-viewer.vue_vue&type=template&id=4b22ad85&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-viewer.vue_vue&type=template&id=4b22ad85&lang.js","sources":["../../../../../../packages/components/image-viewer/src/image-viewer.vue?vue&type=template&id=4b22ad85&lang.js"],"sourcesContent":["<template>\n  <transition name=\"viewer-fade\">\n    <div\n      ref=\"wrapper\"\n      :tabindex=\"-1\"\n      class=\"el-image-viewer__wrapper\"\n      :style=\"{ zIndex }\"\n    >\n      <div\n        class=\"el-image-viewer__mask\"\n        @click.self=\"hideOnClickModal && hide()\"\n      />\n\n      <!-- CLOSE -->\n      <span class=\"el-image-viewer__btn el-image-viewer__close\" @click=\"hide\">\n        <el-icon><close /></el-icon>\n      </span>\n\n      <!-- ARROW -->\n      <template v-if=\"!isSingle\">\n        <span\n          class=\"el-image-viewer__btn el-image-viewer__prev\"\n          :class=\"{ 'is-disabled': !infinite && isFirst }\"\n          @click=\"prev\"\n        >\n          <el-icon><arrow-left /></el-icon>\n        </span>\n        <span\n          class=\"el-image-viewer__btn el-image-viewer__next\"\n          :class=\"{ 'is-disabled': !infinite && isLast }\"\n          @click=\"next\"\n        >\n          <el-icon><arrow-right /></el-icon>\n        </span>\n      </template>\n      <!-- ACTIONS -->\n      <div class=\"el-image-viewer__btn el-image-viewer__actions\">\n        <div class=\"el-image-viewer__actions__inner\">\n          <el-icon @click=\"handleActions('zoomOut')\">\n            <zoom-out />\n          </el-icon>\n          <el-icon @click=\"handleActions('zoomIn')\">\n            <zoom-in />\n          </el-icon>\n          <i class=\"el-image-viewer__actions__divider\"></i>\n          <el-icon @click=\"toggleMode\">\n            <component :is=\"mode.icon\" />\n          </el-icon>\n          <i class=\"el-image-viewer__actions__divider\"></i>\n          <el-icon @click=\"handleActions('anticlockwise')\">\n            <refresh-left />\n          </el-icon>\n          <el-icon @click=\"handleActions('clockwise')\">\n            <refresh-right />\n          </el-icon>\n        </div>\n      </div>\n      <!-- CANVAS -->\n      <div class=\"el-image-viewer__canvas\">\n        <img\n          v-for=\"(url, i) in urlList\"\n          v-show=\"i === index\"\n          ref=\"img\"\n          :key=\"url\"\n          :src=\"url\"\n          :style=\"imgStyle\"\n          class=\"el-image-viewer__img\"\n          @load=\"handleImgLoad\"\n          @error=\"handleImgError\"\n          @mousedown=\"handleMouseDown\"\n        />\n      </div>\n      <slot />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  onMounted,\n  watch,\n  nextTick,\n  effectScope,\n} from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { rafThrottle, isFirefox } from '@element-plus/utils/util'\nimport {\n  Close,\n  ArrowLeft,\n  ArrowRight,\n  ZoomOut,\n  ZoomIn,\n  RefreshLeft,\n  RefreshRight,\n  FullScreen,\n  ScaleToOriginal,\n} from '@element-plus/icons'\nimport { imageViewerProps, imageViewerEmits } from './image-viewer'\n\nimport type { CSSProperties } from 'vue'\n\nconst Mode = {\n  CONTAIN: {\n    name: 'contain',\n    icon: FullScreen,\n  },\n  ORIGINAL: {\n    name: 'original',\n    icon: ScaleToOriginal,\n  },\n}\n\nconst mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel'\nexport type ImageViewerAction =\n  | 'zoomIn'\n  | 'zoomOut'\n  | 'clockwise'\n  | 'anticlockwise'\n\nexport default defineComponent({\n  name: 'ElImageViewer',\n  components: {\n    ElIcon,\n    Close,\n    ArrowLeft,\n    ArrowRight,\n    ZoomOut,\n    ZoomIn,\n    RefreshLeft,\n    RefreshRight,\n  },\n  props: imageViewerProps,\n  emits: imageViewerEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const wrapper = ref<HTMLDivElement>()\n    const img = ref<HTMLImageElement>()\n\n    const scopeEventListener = effectScope()\n\n    const loading = ref(true)\n    const index = ref(props.initialIndex)\n    const mode = ref(Mode.CONTAIN)\n    const transform = ref({\n      scale: 1,\n      deg: 0,\n      offsetX: 0,\n      offsetY: 0,\n      enableTransition: false,\n    })\n\n    const isSingle = computed(() => {\n      const { urlList } = props\n      return urlList.length <= 1\n    })\n\n    const isFirst = computed(() => {\n      return index.value === 0\n    })\n\n    const isLast = computed(() => {\n      return index.value === props.urlList.length - 1\n    })\n\n    const currentImg = computed(() => {\n      return props.urlList[index.value]\n    })\n\n    const imgStyle = computed(() => {\n      const { scale, deg, offsetX, offsetY, enableTransition } = transform.value\n      const style: CSSProperties = {\n        transform: `scale(${scale}) rotate(${deg}deg)`,\n        transition: enableTransition ? 'transform .3s' : '',\n        marginLeft: `${offsetX}px`,\n        marginTop: `${offsetY}px`,\n      }\n      if (mode.value.name === Mode.CONTAIN.name) {\n        style.maxWidth = style.maxHeight = '100%'\n      }\n      return style\n    })\n\n    function hide() {\n      unregisterEventListener()\n      emit('close')\n    }\n\n    function registerEventListener() {\n      const keydownHandler = rafThrottle((e: KeyboardEvent) => {\n        switch (e.code) {\n          // ESC\n          case EVENT_CODE.esc:\n            hide()\n            break\n          // SPACE\n          case EVENT_CODE.space:\n            toggleMode()\n            break\n          // LEFT_ARROW\n          case EVENT_CODE.left:\n            prev()\n            break\n          // UP_ARROW\n          case EVENT_CODE.up:\n            handleActions('zoomIn')\n            break\n          // RIGHT_ARROW\n          case EVENT_CODE.right:\n            next()\n            break\n          // DOWN_ARROW\n          case EVENT_CODE.down:\n            handleActions('zoomOut')\n            break\n        }\n      })\n      const mousewheelHandler = rafThrottle(\n        (e: WheelEvent | any /* TODO: wheelDelta is deprecated */) => {\n          const delta = e.wheelDelta ? e.wheelDelta : -e.detail\n          if (delta > 0) {\n            handleActions('zoomIn', {\n              zoomRate: 0.015,\n              enableTransition: false,\n            })\n          } else {\n            handleActions('zoomOut', {\n              zoomRate: 0.015,\n              enableTransition: false,\n            })\n          }\n        }\n      )\n\n      scopeEventListener.run(() => {\n        useEventListener(document, 'keydown', keydownHandler)\n        useEventListener(document, mousewheelEventName, mousewheelHandler)\n      })\n    }\n\n    function unregisterEventListener() {\n      scopeEventListener.stop()\n    }\n\n    function handleImgLoad() {\n      loading.value = false\n    }\n\n    function handleImgError(e: Event) {\n      loading.value = false\n      ;(e.target as HTMLImageElement).alt = t('el.image.error')\n    }\n\n    function handleMouseDown(e: MouseEvent) {\n      if (loading.value || e.button !== 0 || !wrapper.value) return\n\n      const { offsetX, offsetY } = transform.value\n      const startX = e.pageX\n      const startY = e.pageY\n\n      const divLeft = wrapper.value.clientLeft\n      const divRight = wrapper.value.clientLeft + wrapper.value.clientWidth\n      const divTop = wrapper.value.clientTop\n      const divBottom = wrapper.value.clientTop + wrapper.value.clientHeight\n\n      const dragHandler = rafThrottle((ev: MouseEvent) => {\n        transform.value = {\n          ...transform.value,\n          offsetX: offsetX + ev.pageX - startX,\n          offsetY: offsetY + ev.pageY - startY,\n        }\n      })\n      const removeMousemove = useEventListener(\n        document,\n        'mousemove',\n        dragHandler\n      )\n      useEventListener(document, 'mouseup', (evt) => {\n        const mouseX = evt.pageX\n        const mouseY = evt.pageY\n        if (\n          mouseX < divLeft ||\n          mouseX > divRight ||\n          mouseY < divTop ||\n          mouseY > divBottom\n        ) {\n          reset()\n        }\n        removeMousemove()\n      })\n\n      e.preventDefault()\n    }\n\n    function reset() {\n      transform.value = {\n        scale: 1,\n        deg: 0,\n        offsetX: 0,\n        offsetY: 0,\n        enableTransition: false,\n      }\n    }\n\n    function toggleMode() {\n      if (loading.value) return\n\n      const modeNames = Object.keys(Mode)\n      const modeValues = Object.values(Mode)\n      const currentMode = mode.value.name\n      const index = modeValues.findIndex((i) => i.name === currentMode)\n      const nextIndex = (index + 1) % modeNames.length\n      mode.value = Mode[modeNames[nextIndex]]\n      reset()\n    }\n\n    function prev() {\n      if (isFirst.value && !props.infinite) return\n      const len = props.urlList.length\n      index.value = (index.value - 1 + len) % len\n    }\n\n    function next() {\n      if (isLast.value && !props.infinite) return\n      const len = props.urlList.length\n      index.value = (index.value + 1) % len\n    }\n\n    function handleActions(action: ImageViewerAction, options = {}) {\n      if (loading.value) return\n      const { zoomRate, rotateDeg, enableTransition } = {\n        zoomRate: 0.2,\n        rotateDeg: 90,\n        enableTransition: true,\n        ...options,\n      }\n      switch (action) {\n        case 'zoomOut':\n          if (transform.value.scale > 0.2) {\n            transform.value.scale = parseFloat(\n              (transform.value.scale - zoomRate).toFixed(3)\n            )\n          }\n          break\n        case 'zoomIn':\n          transform.value.scale = parseFloat(\n            (transform.value.scale + zoomRate).toFixed(3)\n          )\n          break\n        case 'clockwise':\n          transform.value.deg += rotateDeg\n          break\n        case 'anticlockwise':\n          transform.value.deg -= rotateDeg\n          break\n      }\n      transform.value.enableTransition = enableTransition\n    }\n\n    watch(currentImg, () => {\n      nextTick(() => {\n        const $img = img.value\n        if (!$img?.complete) {\n          loading.value = true\n        }\n      })\n    })\n\n    watch(index, (val) => {\n      reset()\n      emit('switch', val)\n    })\n\n    onMounted(() => {\n      registerEventListener()\n      // add tabindex then wrapper can be focusable via Javascript\n      // focus wrapper so arrow key can't cause inner scroll behavior underneath\n      wrapper.value?.focus?.()\n    })\n\n    return {\n      index,\n      wrapper,\n      img,\n      isSingle,\n      isFirst,\n      isLast,\n      currentImg,\n      imgStyle,\n      mode,\n      handleActions,\n      prev,\n      next,\n      hide,\n      toggleMode,\n      handleImgLoad,\n      handleImgError,\n      handleMouseDown,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_createCommentVNode","_createVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;qBAoCW,OAAM;qBACJ,OAAM;iEAON,OAAM;iEAIN,OAAM;qBAUR,OAAM;;;;;;;;;;;0BAzDfA,kCAAY,MAAK;yBACf;MAAAC;QACE,KAAI;AAAA,QACH,UAAU;AAAA,QACX,OAAM;AAAA,QACL,oCAAS;;QAEVA;UACE,OAAM;AAAA,UACL,iEAAY,yBAAoB;;QAGnCC;QACAD;UAAM,OAAM;AAAA,UAA+C,gDAAO;;UAChEE;iCAAS;cAAAA,gBAAS;AAAA;AAAA;;;QAGpBD;SACiB,kCAAjBE;UACEH;YACE,2BAAM,gEACoB,iBAAY;YACrC,gDAAO;;YAERE;mCAAS;gBAAAA,gBAAc;AAAA;AAAA;;;UAEzBF;YACE,2BAAM,gEACoB,iBAAY;YACrC,gDAAO;;YAERE;mCAAS;gBAAAA,gBAAe;AAAA;AAAA;;;;QAG5BD;QACAD,8BAAA;UACEA,8BAAA;YACEE;cAAU,+CAAO;;mCACf;gBAAAA;;;;YAEFA;cAAU,+CAAO;;mCACf;gBAAAA;;;;YAEF;AAAA,YACAA,sCAAU,SAAO;mCACf;kCAAAH,4CAAgB,UAAK;AAAA;AAAA;;YAEvB;AAAA,YACAG;cAAU,+CAAO;;mCACf;gBAAAA;;;;YAEFA;cAAU,+CAAO;;mCACf;gBAAAA;;;;;;QAIND;QACAD,8BAAA;gCACEG,0DACqB,eAAX,KAAK;wDADfA;cAGE,KAAI;AAAA,cACH,KAAK;AAAA,cACL,KAAK;AAAA,cACL,0BAAO;cACR,OAAM;AAAA,cACL,+CAAM;cACN,gDAAO;cACP,sDAAW;;0BARJ,MAAM;;;;QAWlBC;;;;;;;;;"}

package/lib/components/input/src/input.vue_vue&type=script&lang.js

@@ -1,247 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
-var icon = require('../../../utils/icon.js');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var constants = require('../../../utils/constants.js');
-require('../../../utils/util.js');
-var isServer = require('../../../utils/isServer.js');
-var isDef = require('../../../utils/isDef.js');
-var calcTextareaHeight = require('./calc-textarea-height.js');
-var input = require('./input.js');
-var index$1 = require('../../../hooks/use-attrs/index.js');
-var form = require('../../../tokens/form.js');
-var index$2 = require('../../../hooks/use-form-item/index.js');
-var shared = require('@vue/shared');
-
-const PENDANT_MAP = {
-  suffix: "append",
-  prefix: "prepend"
-};
-var script = vue.defineComponent({
-  name: "ElInput",
-  components: { ElIcon: index.ElIcon, CircleClose: icons.CircleClose, IconView: icons.View },
-  inheritAttrs: false,
-  props: input.inputProps,
-  emits: input.inputEmits,
-  setup(props, { slots, emit, attrs: rawAttrs }) {
-    const instance = vue.getCurrentInstance();
-    const attrs = index$1["default"]();
-    const elForm = vue.inject(form.elFormKey, void 0);
-    const elFormItem = vue.inject(form.elFormItemKey, void 0);
-    const { size: inputSize, disabled: inputDisabled } = index$2.useFormItem({});
-    const input = vue.ref();
-    const textarea = vue.ref();
-    const focused = vue.ref(false);
-    const hovering = vue.ref(false);
-    const isComposing = vue.ref(false);
-    const passwordVisible = vue.ref(false);
-    const _textareaCalcStyle = vue.shallowRef(props.inputStyle);
-    const inputOrTextarea = vue.computed(() => input.value || textarea.value);
-    const needStatusIcon = vue.computed(() => {
-      var _a;
-      return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
-    });
-    const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
-    const validateIcon = vue.computed(() => icon.ValidateComponentsMap[validateState.value]);
-    const containerStyle = vue.computed(() => rawAttrs.style);
-    const computedTextareaStyle = vue.computed(() => [
-      props.inputStyle,
-      _textareaCalcStyle.value,
-      { resize: props.resize }
-    ]);
-    const nativeInputValue = vue.computed(() => props.modelValue === null || props.modelValue === void 0 ? "" : String(props.modelValue));
-    const showClear = vue.computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));
-    const showPwdVisible = vue.computed(() => props.showPassword && !inputDisabled.value && !props.readonly && (!!nativeInputValue.value || focused.value));
-    const isWordLimitVisible = vue.computed(() => props.showWordLimit && !!attrs.value.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
-    const textLength = vue.computed(() => Array.from(nativeInputValue.value).length);
-    const inputExceed = vue.computed(() => !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength));
-    const resizeTextarea = () => {
-      const { type, autosize } = props;
-      if (isServer["default"] || type !== "textarea")
-        return;
-      if (autosize) {
-        const minRows = shared.isObject(autosize) ? autosize.minRows : void 0;
-        const maxRows = shared.isObject(autosize) ? autosize.maxRows : void 0;
-        _textareaCalcStyle.value = {
-          ...calcTextareaHeight.calcTextareaHeight(textarea.value, minRows, maxRows)
-        };
-      } else {
-        _textareaCalcStyle.value = {
-          minHeight: calcTextareaHeight.calcTextareaHeight(textarea.value).minHeight
-        };
-      }
-    };
-    const setNativeInputValue = () => {
-      const input2 = inputOrTextarea.value;
-      if (!input2 || input2.value === nativeInputValue.value)
-        return;
-      input2.value = nativeInputValue.value;
-    };
-    const calcIconOffset = (place) => {
-      const { el } = instance.vnode;
-      if (!el)
-        return;
-      const elList = Array.from(el.querySelectorAll(`.el-input__${place}`));
-      const target = elList.find((item) => item.parentNode === el);
-      if (!target)
-        return;
-      const pendant = PENDANT_MAP[place];
-      if (slots[pendant]) {
-        target.style.transform = `translateX(${place === "suffix" ? "-" : ""}${el.querySelector(`.el-input-group__${pendant}`).offsetWidth}px)`;
-      } else {
-        target.removeAttribute("style");
-      }
-    };
-    const updateIconOffset = () => {
-      calcIconOffset("prefix");
-      calcIconOffset("suffix");
-    };
-    const handleInput = (event) => {
-      const { value } = event.target;
-      if (isComposing.value)
-        return;
-      if (value === nativeInputValue.value)
-        return;
-      emit(constants.UPDATE_MODEL_EVENT, value);
-      emit("input", value);
-      vue.nextTick(setNativeInputValue);
-    };
-    const handleChange = (event) => {
-      emit("change", event.target.value);
-    };
-    const focus = () => {
-      vue.nextTick(() => {
-        var _a;
-        (_a = inputOrTextarea.value) == null ? void 0 : _a.focus();
-      });
-    };
-    const blur = () => {
-      var _a;
-      (_a = inputOrTextarea.value) == null ? void 0 : _a.blur();
-    };
-    const handleFocus = (event) => {
-      focused.value = true;
-      emit("focus", event);
-    };
-    const handleBlur = (event) => {
-      var _a;
-      focused.value = false;
-      emit("blur", event);
-      if (props.validateEvent) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur");
-      }
-    };
-    const select = () => {
-      var _a;
-      (_a = inputOrTextarea.value) == null ? void 0 : _a.select();
-    };
-    const handleCompositionStart = (event) => {
-      emit("compositionstart", event);
-      isComposing.value = true;
-    };
-    const handleCompositionUpdate = (event) => {
-      var _a;
-      emit("compositionupdate", event);
-      const text = (_a = event.target) == null ? void 0 : _a.value;
-      const lastCharacter = text[text.length - 1] || "";
-      isComposing.value = !isDef.isKorean(lastCharacter);
-    };
-    const handleCompositionEnd = (event) => {
-      emit("compositionend", event);
-      if (isComposing.value) {
-        isComposing.value = false;
-        handleInput(event);
-      }
-    };
-    const clear = () => {
-      emit(constants.UPDATE_MODEL_EVENT, "");
-      emit("change", "");
-      emit("clear");
-      emit("input", "");
-    };
-    const handlePasswordVisible = () => {
-      passwordVisible.value = !passwordVisible.value;
-      focus();
-    };
-    const suffixVisible = vue.computed(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
-    vue.watch(() => props.modelValue, () => {
-      var _a;
-      vue.nextTick(resizeTextarea);
-      if (props.validateEvent) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-      }
-    });
-    vue.watch(nativeInputValue, () => setNativeInputValue());
-    vue.watch(() => props.type, () => {
-      vue.nextTick(() => {
-        setNativeInputValue();
-        resizeTextarea();
-        updateIconOffset();
-      });
-    });
-    vue.onMounted(() => {
-      setNativeInputValue();
-      updateIconOffset();
-      vue.nextTick(resizeTextarea);
-    });
-    vue.onUpdated(() => {
-      vue.nextTick(updateIconOffset);
-    });
-    const onMouseLeave = (evt) => {
-      hovering.value = false;
-      emit("mouseleave", evt);
-    };
-    const onMouseEnter = (evt) => {
-      hovering.value = true;
-      emit("mouseenter", evt);
-    };
-    const handleKeydown = (evt) => {
-      emit("keydown", evt);
-    };
-    return {
-      input,
-      textarea,
-      attrs,
-      inputSize,
-      validateState,
-      validateIcon,
-      containerStyle,
-      computedTextareaStyle,
-      inputDisabled,
-      showClear,
-      showPwdVisible,
-      isWordLimitVisible,
-      textLength,
-      hovering,
-      inputExceed,
-      passwordVisible,
-      inputOrTextarea,
-      suffixVisible,
-      resizeTextarea,
-      handleInput,
-      handleChange,
-      handleFocus,
-      handleBlur,
-      handleCompositionStart,
-      handleCompositionUpdate,
-      handleCompositionEnd,
-      handlePasswordVisible,
-      clear,
-      select,
-      focus,
-      blur,
-      onMouseLeave,
-      onMouseEnter,
-      handleKeydown
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=input.vue_vue&type=script&lang.js.map

package/lib/components/input/src/input.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"type !== 'hidden'\"\n    :class=\"[\n      type === 'textarea' ? 'el-textarea' : 'el-input',\n      inputSize ? 'el-input--' + inputSize : '',\n      {\n        'is-disabled': inputDisabled,\n        'is-exceed': inputExceed,\n        'el-input-group': $slots.prepend || $slots.append,\n        'el-input-group--append': $slots.append,\n        'el-input-group--prepend': $slots.prepend,\n        'el-input--prefix': $slots.prefix || prefixIcon,\n        'el-input--suffix':\n          $slots.suffix || suffixIcon || clearable || showPassword,\n        'el-input--suffix--password-clear': clearable && showPassword,\n      },\n      $attrs.class,\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"onMouseEnter\"\n    @mouseleave=\"onMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" class=\"el-input-group__prepend\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <input\n        ref=\"input\"\n        class=\"el-input__inner\"\n        v-bind=\"attrs\"\n        :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :tabindex=\"tabindex\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :style=\"inputStyle\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n\n      <!-- prefix slot -->\n      <span v-if=\"$slots.prefix || prefixIcon\" class=\"el-input__prefix\">\n        <span class=\"el-input__prefix-inner\">\n          <slot name=\"prefix\"></slot>\n          <el-icon v-if=\"prefixIcon\" class=\"el-input__icon\">\n            <component :is=\"prefixIcon\" />\n          </el-icon>\n        </span>\n      </span>\n\n      <!-- suffix slot -->\n      <span v-if=\"suffixVisible\" class=\"el-input__suffix\">\n        <span class=\"el-input__suffix-inner\">\n          <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n            <slot name=\"suffix\"></slot>\n            <el-icon v-if=\"suffixIcon\" class=\"el-input__icon\">\n              <component :is=\"suffixIcon\" />\n            </el-icon>\n          </template>\n          <el-icon\n            v-if=\"showClear\"\n            class=\"el-input__icon el-input__clear\"\n            @mousedown.prevent\n            @click=\"clear\"\n          >\n            <circle-close />\n          </el-icon>\n          <el-icon\n            v-if=\"showPwdVisible\"\n            class=\"el-input__icon el-input__clear\"\n            @click=\"handlePasswordVisible\"\n          >\n            <icon-view />\n          </el-icon>\n          <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n            <span class=\"el-input__count-inner\">\n              {{ textLength }} / {{ attrs.maxlength }}\n            </span>\n          </span>\n        </span>\n        <el-icon\n          v-if=\"validateState && validateIcon\"\n          class=\"el-input__icon el-input__validateIcon\"\n        >\n          <component :is=\"validateIcon\" />\n        </el-icon>\n      </span>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" class=\"el-input-group__append\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        ref=\"textarea\"\n        class=\"el-textarea__inner\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"computedTextareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n        {{ textLength }} / {{ attrs.maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  computed,\n  watch,\n  nextTick,\n  getCurrentInstance,\n  ref,\n  shallowRef,\n  onMounted,\n  onUpdated,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CircleClose, View as IconView } from '@element-plus/icons'\nimport { ValidateComponentsMap } from '@element-plus/utils/icon'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { useAttrs, useFormItem } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isObject } from '@element-plus/utils/util'\nimport isServer from '@element-plus/utils/isServer'\nimport { isKorean } from '@element-plus/utils/isDef'\nimport { calcTextareaHeight } from './calc-textarea-height'\nimport { inputProps, inputEmits } from './input'\n\nimport type { StyleValue } from '@element-plus/utils/types'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst PENDANT_MAP = {\n  suffix: 'append',\n  prefix: 'prepend',\n} as const\n\nexport default defineComponent({\n  name: 'ElInput',\n\n  components: { ElIcon, CircleClose, IconView },\n\n  inheritAttrs: false,\n\n  props: inputProps,\n  emits: inputEmits,\n\n  setup(props, { slots, emit, attrs: rawAttrs }) {\n    const instance = getCurrentInstance()!\n    const attrs = useAttrs()\n\n    const elForm = inject(elFormKey, undefined)\n    const elFormItem = inject(elFormItemKey, undefined)\n\n    const { size: inputSize, disabled: inputDisabled } = useFormItem({})\n\n    const input = ref<HTMLInputElement>()\n    const textarea = ref<HTMLTextAreaElement>()\n    const focused = ref(false)\n    const hovering = ref(false)\n    const isComposing = ref(false)\n    const passwordVisible = ref(false)\n    const _textareaCalcStyle = shallowRef(props.inputStyle)\n\n    const inputOrTextarea = computed(() => input.value || textarea.value)\n\n    const needStatusIcon = computed(() => elForm?.statusIcon ?? false)\n    const validateState = computed(() => elFormItem?.validateState || '')\n    const validateIcon = computed(\n      () => ValidateComponentsMap[validateState.value]\n    )\n    const containerStyle = computed(() => rawAttrs.style as StyleValue)\n    const computedTextareaStyle = computed<StyleValue>(() => [\n      props.inputStyle,\n      _textareaCalcStyle.value,\n      { resize: props.resize },\n    ])\n    const nativeInputValue = computed(() =>\n      props.modelValue === null || props.modelValue === undefined\n        ? ''\n        : String(props.modelValue)\n    )\n    const showClear = computed(\n      () =>\n        props.clearable &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !!nativeInputValue.value &&\n        (focused.value || hovering.value)\n    )\n    const showPwdVisible = computed(\n      () =>\n        props.showPassword &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        (!!nativeInputValue.value || focused.value)\n    )\n    const isWordLimitVisible = computed(\n      () =>\n        props.showWordLimit &&\n        !!attrs.value.maxlength &&\n        (props.type === 'text' || props.type === 'textarea') &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !props.showPassword\n    )\n    const textLength = computed(() => Array.from(nativeInputValue.value).length)\n    const inputExceed = computed(\n      () =>\n        // show exceed style if length of initial value greater then maxlength\n        !!isWordLimitVisible.value &&\n        textLength.value > Number(attrs.value.maxlength)\n    )\n\n    const resizeTextarea = () => {\n      const { type, autosize } = props\n\n      if (isServer || type !== 'textarea') return\n\n      if (autosize) {\n        const minRows = isObject(autosize) ? autosize.minRows : undefined\n        const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n        _textareaCalcStyle.value = {\n          ...calcTextareaHeight(textarea.value!, minRows, maxRows),\n        }\n      } else {\n        _textareaCalcStyle.value = {\n          minHeight: calcTextareaHeight(textarea.value!).minHeight,\n        }\n      }\n    }\n\n    const setNativeInputValue = () => {\n      const input = inputOrTextarea.value\n      if (!input || input.value === nativeInputValue.value) return\n      input.value = nativeInputValue.value\n    }\n\n    const calcIconOffset = (place: 'prefix' | 'suffix') => {\n      const { el } = instance.vnode\n      if (!el) return\n      const elList: HTMLSpanElement[] = Array.from(\n        el.querySelectorAll(`.el-input__${place}`)\n      )\n      const target = elList.find((item) => item.parentNode === el)\n\n      if (!target) return\n\n      const pendant = PENDANT_MAP[place]\n\n      if (slots[pendant]) {\n        target.style.transform = `translateX(${place === 'suffix' ? '-' : ''}${\n          el.querySelector(`.el-input-group__${pendant}`).offsetWidth\n        }px)`\n      } else {\n        target.removeAttribute('style')\n      }\n    }\n\n    const updateIconOffset = () => {\n      calcIconOffset('prefix')\n      calcIconOffset('suffix')\n    }\n\n    const handleInput = (event: Event) => {\n      const { value } = event.target as TargetElement\n\n      // should not emit input during composition\n      // see: https://github.com/ElemeFE/element/issues/10516\n      if (isComposing.value) return\n\n      // hack for https://github.com/ElemeFE/element/issues/8548\n      // should remove the following line when we don't support IE\n      if (value === nativeInputValue.value) return\n\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('input', value)\n\n      // ensure native input value is controlled\n      // see: https://github.com/ElemeFE/element/issues/12850\n      nextTick(setNativeInputValue)\n    }\n\n    const handleChange = (event: Event) => {\n      emit('change', (event.target as TargetElement).value)\n    }\n\n    const focus = () => {\n      // see: https://github.com/ElemeFE/element/issues/18573\n      nextTick(() => {\n        inputOrTextarea.value?.focus()\n      })\n    }\n\n    const blur = () => {\n      inputOrTextarea.value?.blur()\n    }\n\n    const handleFocus = (event: FocusEvent) => {\n      focused.value = true\n      emit('focus', event)\n    }\n\n    const handleBlur = (event: FocusEvent) => {\n      focused.value = false\n      emit('blur', event)\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur')\n      }\n    }\n\n    const select = () => {\n      inputOrTextarea.value?.select()\n    }\n\n    const handleCompositionStart = (event: CompositionEvent) => {\n      emit('compositionstart', event)\n      isComposing.value = true\n    }\n\n    const handleCompositionUpdate = (event: CompositionEvent) => {\n      emit('compositionupdate', event)\n      const text = (event.target as HTMLInputElement)?.value\n      const lastCharacter = text[text.length - 1] || ''\n      isComposing.value = !isKorean(lastCharacter)\n    }\n\n    const handleCompositionEnd = (event: CompositionEvent) => {\n      emit('compositionend', event)\n      if (isComposing.value) {\n        isComposing.value = false\n        handleInput(event)\n      }\n    }\n\n    const clear = () => {\n      emit(UPDATE_MODEL_EVENT, '')\n      emit('change', '')\n      emit('clear')\n      emit('input', '')\n    }\n\n    const handlePasswordVisible = () => {\n      passwordVisible.value = !passwordVisible.value\n      focus()\n    }\n\n    const suffixVisible = computed(\n      () =>\n        !!slots.suffix ||\n        !!props.suffixIcon ||\n        showClear.value ||\n        props.showPassword ||\n        isWordLimitVisible.value ||\n        (!!validateState.value && needStatusIcon.value)\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        nextTick(resizeTextarea)\n        if (props.validateEvent) {\n          elFormItem?.validate?.('change')\n        }\n      }\n    )\n\n    // native input value is set explicitly\n    // do not use v-model / :value in template\n    // see: https://github.com/ElemeFE/element/issues/14521\n    watch(nativeInputValue, () => setNativeInputValue())\n\n    // when change between <input> and <textarea>,\n    // update DOM dependent value and styles\n    // https://github.com/ElemeFE/element/issues/14857\n    watch(\n      () => props.type,\n      () => {\n        nextTick(() => {\n          setNativeInputValue()\n          resizeTextarea()\n          updateIconOffset()\n        })\n      }\n    )\n\n    onMounted(() => {\n      setNativeInputValue()\n      updateIconOffset()\n      nextTick(resizeTextarea)\n    })\n\n    onUpdated(() => {\n      nextTick(updateIconOffset)\n    })\n\n    const onMouseLeave = (evt: MouseEvent) => {\n      hovering.value = false\n      emit('mouseleave', evt)\n    }\n\n    const onMouseEnter = (evt: MouseEvent) => {\n      hovering.value = true\n      emit('mouseenter', evt)\n    }\n\n    const handleKeydown = (evt: KeyboardEvent) => {\n      emit('keydown', evt)\n    }\n\n    return {\n      input,\n      textarea,\n      attrs,\n      inputSize,\n      validateState,\n      validateIcon,\n      containerStyle,\n      computedTextareaStyle,\n      inputDisabled,\n      showClear,\n      showPwdVisible,\n      isWordLimitVisible,\n      textLength,\n      hovering,\n      inputExceed,\n      passwordVisible,\n      inputOrTextarea,\n      suffixVisible,\n\n      resizeTextarea,\n      handleInput,\n      handleChange,\n      handleFocus,\n      handleBlur,\n      handleCompositionStart,\n      handleCompositionUpdate,\n      handleCompositionEnd,\n      handlePasswordVisible,\n      clear,\n      select,\n      focus,\n      blur,\n      onMouseLeave,\n      onMouseEnter,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CircleClose","IconView","inputProps","inputEmits","getCurrentInstance","useAttrs","inject","elFormKey","elFormItemKey","useFormItem","ref","shallowRef","computed","ValidateComponentsMap","isServer","isObject","calcTextareaHeight","UPDATE_MODEL_EVENT","isKorean"],"mappings":"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"}

package/lib/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.js

@@ -1,187 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-input-group__prepend"
-};
-const _hoisted_2 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_3 = {
-  key: 1,
-  class: "el-input__prefix"
-};
-const _hoisted_4 = { class: "el-input__prefix-inner" };
-const _hoisted_5 = {
-  key: 2,
-  class: "el-input__suffix"
-};
-const _hoisted_6 = { class: "el-input__suffix-inner" };
-const _hoisted_7 = {
-  key: 3,
-  class: "el-input__count"
-};
-const _hoisted_8 = { class: "el-input__count-inner" };
-const _hoisted_9 = {
-  key: 3,
-  class: "el-input-group__append"
-};
-const _hoisted_10 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const _hoisted_11 = {
-  key: 0,
-  class: "el-input__count"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_circle_close = vue.resolveComponent("circle-close");
-  const _component_icon_view = vue.resolveComponent("icon-view");
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([
-      _ctx.type === "textarea" ? "el-textarea" : "el-input",
-      _ctx.inputSize ? "el-input--" + _ctx.inputSize : "",
-      {
-        "is-disabled": _ctx.inputDisabled,
-        "is-exceed": _ctx.inputExceed,
-        "el-input-group": _ctx.$slots.prepend || _ctx.$slots.append,
-        "el-input-group--append": _ctx.$slots.append,
-        "el-input-group--prepend": _ctx.$slots.prepend,
-        "el-input--prefix": _ctx.$slots.prefix || _ctx.prefixIcon,
-        "el-input--suffix": _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-        "el-input--suffix--password-clear": _ctx.clearable && _ctx.showPassword
-      },
-      _ctx.$attrs.class
-    ]),
-    style: vue.normalizeStyle(_ctx.containerStyle),
-    onMouseenter: _cache[17] || (_cache[17] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
-    onMouseleave: _cache[18] || (_cache[18] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args))
-  }, [
-    vue.createCommentVNode(" input "),
-    _ctx.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-      vue.createCommentVNode(" prepend slot "),
-      _ctx.$slots.prepend ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "prepend")
-      ])) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("input", vue.mergeProps({
-        ref: "input",
-        class: "el-input__inner"
-      }, _ctx.attrs, {
-        type: _ctx.showPassword ? _ctx.passwordVisible ? "text" : "password" : _ctx.type,
-        disabled: _ctx.inputDisabled,
-        readonly: _ctx.readonly,
-        autocomplete: _ctx.autocomplete,
-        tabindex: _ctx.tabindex,
-        "aria-label": _ctx.label,
-        placeholder: _ctx.placeholder,
-        style: _ctx.inputStyle,
-        onCompositionstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-        onCompositionupdate: _cache[1] || (_cache[1] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-        onCompositionend: _cache[2] || (_cache[2] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-        onInput: _cache[3] || (_cache[3] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-        onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-        onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-        onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-        onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_2),
-      vue.createCommentVNode(" prefix slot "),
-      _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
-        vue.createElementVNode("span", _hoisted_4, [
-          vue.renderSlot(_ctx.$slots, "prefix"),
-          _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: "el-input__icon"
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("v-if", true)
-        ])
-      ])) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" suffix slot "),
-      _ctx.suffixVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
-        vue.createElementVNode("span", _hoisted_6, [
-          !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.renderSlot(_ctx.$slots, "suffix"),
-            _ctx.suffixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 0,
-              class: "el-input__icon"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.suffixIcon)))
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true)
-          ], 64)) : vue.createCommentVNode("v-if", true),
-          _ctx.showClear ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 1,
-            class: "el-input__icon el-input__clear",
-            onMousedown: _cache[8] || (_cache[8] = vue.withModifiers(() => {
-            }, ["prevent"])),
-            onClick: _ctx.clear
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_circle_close)
-            ]),
-            _: 1
-          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-          _ctx.showPwdVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 2,
-            class: "el-input__icon el-input__clear",
-            onClick: _ctx.handlePasswordVisible
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_icon_view)
-            ]),
-            _: 1
-          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-          _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, [
-            vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)
-          ])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: "el-input__icon el-input__validateIcon"
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("v-if", true)
-      ])) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" append slot "),
-      _ctx.$slots.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-        vue.renderSlot(_ctx.$slots, "append")
-      ])) : vue.createCommentVNode("v-if", true)
-    ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-      vue.createCommentVNode(" textarea "),
-      vue.createElementVNode("textarea", vue.mergeProps({
-        ref: "textarea",
-        class: "el-textarea__inner"
-      }, _ctx.attrs, {
-        tabindex: _ctx.tabindex,
-        disabled: _ctx.inputDisabled,
-        readonly: _ctx.readonly,
-        autocomplete: _ctx.autocomplete,
-        style: _ctx.computedTextareaStyle,
-        "aria-label": _ctx.label,
-        placeholder: _ctx.placeholder,
-        onCompositionstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-        onCompositionupdate: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-        onCompositionend: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-        onInput: _cache[12] || (_cache[12] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
-        onFocus: _cache[13] || (_cache[13] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-        onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
-        onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-        onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_10),
-      _ctx.isWordLimitVisible ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(_ctx.textLength) + " / " + vue.toDisplayString(_ctx.attrs.maxlength), 1)) : vue.createCommentVNode("v-if", true)
-    ], 64))
-  ], 38)), [
-    [vue.vShow, _ctx.type !== "hidden"]
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=input.vue_vue&type=template&id=3290dcb6&lang.js.map