element-ps 2.0.10 → 2.0.11

package/lib/components/image/src/image2.js.map

@@ -1 +1 @@
-{"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n  appendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  hideOnClickModal: {\n    type: Boolean,\n    default: false,\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  previewTeleported: {\n    type: Boolean,\n    default: false,\n  },\n  zIndex: {\n    type: Number,\n  },\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;;;;AAKY,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"image2.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <slot v-if=\"loading\" name=\"placeholder\">\n      <div :class=\"ns.e('placeholder')\" />\n    </slot>\n    <slot v-else-if=\"hasLoadError\" name=\"error\">\n      <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n    </slot>\n    <img\n      v-else\n      v-bind=\"attrs\"\n      :src=\"src\"\n      :style=\"imageStyle\"\n      :class=\"[ns.e('inner'), preview ? ns.e('preview') : '']\"\n    />\n    <template v-if=\"preview\">\n      <image-viewer\n        v-if=\"showViewer\"\n        :z-index=\"zIndex\"\n        :initial-index=\"imageIndex\"\n        :infinite=\"infinite\"\n        :url-list=\"previewSrcList\"\n        :hide-on-click-modal=\"hideOnClickModal\"\n        :teleported=\"teleported\"\n        :close-on-press-escape=\"closeOnPressEscape\"\n      >\n        <div v-if=\"$slots.viewer\">\n          <slot name=\"viewer\" />\n        </div>\n      </image-viewer>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport {\n  isBoolean,\n  isClient,\n  useEventListener,\n  useThrottleFn,\n} from '@vueuse/core'\nimport {\n  useAttrs,\n  useDeprecated,\n  useLocale,\n  useNamespace,\n} from '@element-ps/hooks'\nimport ImageViewer from '@element-ps/components/image-viewer'\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString,\n} from '@element-ps/utils'\nimport { imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'PsImage',\n})\n\nconst props = defineProps(imageProps)\n\nuseDeprecated(\n  {\n    scope: 'el-image',\n    from: 'append-to-body',\n    replacement: 'preview-teleported',\n    version: '2.2.0',\n    ref: 'https://element-ps.org/en-US/component/image.html#image-attributess',\n  },\n  computed(() => isBoolean(props.appendToBody))\n)\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\n\nconst attrs = useAttrs()\nconst hasLoadError = ref(false)\nconst loading = ref(true)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\n\nconst _scrollContainer = ref<HTMLElement | Window>()\nlet stopScrollListener: () => void\n\nconst containerStyle = computed(() => attrs.value.style as StyleValue)\n\nconst imageStyle = computed<CSSProperties>(() => {\n  const { fit } = props\n  if (isClient && fit) {\n    return { objectFit: fit }\n  }\n  return {}\n})\n\nconst preview = computed(() => {\n  const { previewSrcList } = props\n  return Array.isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst teleported = computed(() => {\n  return props.appendToBody || props.previewTeleported\n})\n\nconst imageIndex = computed(() => {\n  const { previewSrcList, initialIndex } = props\n  let previewIndex = initialIndex\n  if (initialIndex > previewSrcList.length - 1) {\n    previewIndex = 0\n  }\n  return previewIndex\n})\n\nconst loadImage = () => {\n  if (!isClient) return\n\n  // reset status\n  loading.value = true\n  hasLoadError.value = false\n\n  const img = new Image()\n  const currentImageSrc = props.src\n\n  // bind html attrs\n  // so it can behave consistently\n  Object.entries(attrs.value).forEach(([key, value]) => {\n    // avoid onload to be overwritten\n    if (key.toLowerCase() === 'onload') return\n    img.setAttribute(key, value as string)\n  })\n  img.src = currentImageSrc\n}\n\nfunction handleLazyLoad() {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage()\n    removeLazyLoadListener()\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200)\n\nasync function addLazyLoadListener() {\n  if (!isClient) return\n\n  await nextTick()\n\n  const { scrollContainer } = props\n  if (isElement(scrollContainer)) {\n    _scrollContainer.value = scrollContainer\n  } else if (isString(scrollContainer) && scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value)\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    )\n    setTimeout(() => handleLazyLoad(), 100)\n  }\n}\n\nfunction removeLazyLoadListener() {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n  stopScrollListener()\n  _scrollContainer.value = undefined\n}\n\nonMounted(() => {\n  if (props.lazy) {\n    addLazyLoadListener()\n  } else {\n    loadImage()\n  }\n})\n</script>\n"],"names":["useDeprecated","computed","isBoolean","useLocale","useNamespace","useAttrs","ref","isClient","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,IACAA,mBAAA,CAAA;AAAA,MACA,KAAA,EAAA,UAAA;AAAA,MACA,IAAA,EAAA,gBAAA;AAAA,MACA,WAAA,EAAA,oBAAA;AAAA,MACA,OAAA,EAAA,OAAA;AAAA,MACA,GAAA,EAAA,qEAAA;AAAA,OAEAC,YAAA,CAAA,MAAAC,eAAA,KAAA,CAAA,YAAA,CAAA,CACA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,MAAAC,iBAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAAC,gBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAAC,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAAA,QAAA,IAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAAA,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAAA,OAAA,EAAA,CAAA;AAEA,IAAA,MAAA,mBAAAA,OAAA,EAAA,CAAA;AACA,IAAA,IAAA,kBAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAAL,YAAA,CAAA,MAAA,KAAA,CAAA,MAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAA,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,IAAAM,iBAAA,GAAA,EAAA;AACA,QAAA,OAAA,EAAA,WAAA,GAAA,EAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAAN,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,cAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,KAAA,CAAA,OAAA,CAAA,cAAA,CAAA,IAAA,eAAA,MAAA,GAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAA,aAAA,MAAA;AACA,MAAA,OAAA,KAAA,CAAA,gBAAA,KAAA,CAAA,iBAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAA,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,gBAAA,YAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,IAAA,YAAA,GAAA,YAAA,CAAA;AACA,MAAA,IAAA,YAAA,GAAA,cAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACA,QAAA,YAAA,GAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,YAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,MAAA;AACA,MAAA,IAAA,CAAAM,aAAA;AAAA,QAAA,OAAA;AAGA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AACA,MAAA,YAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,MAAA,MAAA,GAAA,GAAA,IAAA,KAAA,EAAA,CAAA;AACA,MAAA,MAAA,kBAAA,KAAA,CAAA,GAAA,CAAA;AAIA,MAAA,MAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,QAAA,CAAA,CAAA,KAAA,KAAA,CAAA,KAAA;AAEA,QAAA,IAAA,GAAA,CAAA,aAAA,KAAA,QAAA;AAAA,UAAA,OAAA;AACA,QAAA,GAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,CAAA;AAAA,OACA,CAAA,CAAA;AACA,MAAA,GAAA,CAAA,GAAA,GAAA,eAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,SAAA,cAAA,GAAA;AACA,MAAA,IAAAC,sBAAA,CAAA,SAAA,CAAA,KAAA,EAAA,gBAAA,CAAA,KAAA,CAAA,EAAA;AACA,QAAA,SAAA,EAAA,CAAA;AACA,QAAA,sBAAA,EAAA,CAAA;AAAA,OACA;AAAA,KACA;AAEA,IAAA,MAAA,eAAA,GAAAC,kBAAA,CAAA,cAAA,EAAA,GAAA,CAAA,CAAA;AAEA,IAAA,eAAA,mBAAA,GAAA;AACA,MAAA,IAAA,EAAA,CAAA;AAAA,MAAA,IAAA,CAAAF,aAAA;AAEA,QAAA,OAAA;AAEA,MAAA,MAAAG,YAAA,EAAA,CAAA;AACA,MAAA,MAAA,EAAA,yBAAA,CAAA;AACA,MAAA,IAAAC,eAAA,CAAA,eAAA,CAAA,EAAA;AAAA,QACA,gBAAA,CAAA,KAAA,GAAA;AACA,OAAA,MAAA,IAAAC,eAAA,CACA,eAAA,CAAA,IAAA,eAAA,KAAA,EAAA,EAAA;AAAA,QACA,sBAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AACA,OAAA,MAAA,IAAA,SAAA,CAAA,KAAA,EAAA;AAAA,QACA,gBAAA,CAAA,KAAA,GAAAC,yBAAA,CAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAEA,OAAA;AACA,MAAA,IAAA,gBAAA,CAAA,KAAA,EAAA;AAKA,QAAA,kBAAA,GAAAC,qBAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,eAAA,CAAA,CAAA;AAAA,QACA,UAAA,CAAA,MAAA,cAAA,EAAA,EAAA,GAAA,CAAA,CAAA;AAAA,OACA;AAEA,KAAA;AACA,IAAA,SAAA,sBAAA,GAAA;AAAA,MAAA,IAAA,CAAAP,aAAA,IAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,CAAA,eAAA;AAEA,QAAA,OAAA;AACA,MAAA,kBAAA,EAAA,CAAA;AAAA,MACA,gBAAA,CAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAEA,KAAA;AACA,IAAAQ,oBAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,EAAA;AAAA,QACA,mBAAA,EAAA,CAAA;AACA,OAAA,MAAA;AAAA,QACA,SAAA,EAAA,CAAA;AAAA,OACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/index.js

@@ -72,13 +72,13 @@ require('./virtual-list/index.js');
 var index$12 = require('./infinite-scroll/index.js');
 var index$13 = require('./loading/index.js');
 var index$14 = require('./popover/index.js');
-var affix = require('./affix/src/affix2.js');
+var affix = require('./affix/src/affix.js');
 var alert = require('./alert/src/alert2.js');
 var autocomplete = require('./autocomplete/src/autocomplete.js');
 var avatar = require('./avatar/src/avatar2.js');
 var backtop = require('./backtop/src/backtop.js');
-var badge = require('./badge/src/badge.js');
-var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
+var badge = require('./badge/src/badge2.js');
+var breadcrumb = require('./breadcrumb/src/breadcrumb2.js');
 var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
 var button = require('./button/src/button.js');
 var calendar = require('./calendar/src/calendar.js');
@@ -89,27 +89,27 @@ var types = require('./cascader-panel/src/types.js');
 var config = require('./cascader-panel/src/config.js');
 var checkTag = require('./check-tag/src/check-tag.js');
 var col = require('./col/src/col.js');
-var collapse = require('./collapse/src/collapse2.js');
-var collapseItem = require('./collapse/src/collapse-item.js');
+var collapse = require('./collapse/src/collapse.js');
+var collapseItem = require('./collapse/src/collapse-item2.js');
 var configProvider = require('./config-provider/src/config-provider.js');
 var useDialog = require('./dialog/src/use-dialog.js');
-var dialog = require('./dialog/src/dialog.js');
+var dialog = require('./dialog/src/dialog2.js');
 var divider = require('./divider/src/divider.js');
-var drawer = require('./drawer/src/drawer.js');
-var dropdown = require('./dropdown/src/dropdown.js');
+var drawer = require('./drawer/src/drawer2.js');
+var dropdown = require('./dropdown/src/dropdown2.js');
 var tokens = require('./dropdown/src/tokens.js');
 var empty = require('./empty/src/empty.js');
 var form = require('./form/src/form.js');
 var formItem = require('./form/src/form-item.js');
-var icon = require('./icon/src/icon.js');
-var image = require('./image/src/image2.js');
+var icon = require('./icon/src/icon2.js');
+var image = require('./image/src/image.js');
 var imageViewer = require('./image-viewer/src/image-viewer2.js');
-var input = require('./input/src/input.js');
-var inputNumber = require('./input-number/src/input-number2.js');
+var input = require('./input/src/input2.js');
+var inputNumber = require('./input-number/src/input-number.js');
 var link = require('./link/src/link.js');
 var menu = require('./menu/src/menu.js');
 var menuItem = require('./menu/src/menu-item.js');
-var menuItemGroup = require('./menu/src/menu-item-group2.js');
+var menuItemGroup = require('./menu/src/menu-item-group.js');
 var subMenu = require('./menu/src/sub-menu.js');
 var overlay = require('./overlay/src/overlay.js');
 var pageHeader = require('./page-header/src/page-header.js');
@@ -119,16 +119,16 @@ var deprecation = require('./popper/src/deprecation.js');
 var popper = require('./popper/src/popper.js');
 var trigger$1 = require('./popper/src/trigger2.js');
 var content$1 = require('./popper/src/content.js');
-var arrow$1 = require('./popper/src/arrow.js');
-var arrow = require('./popper/src/arrow2.js');
+var arrow$1 = require('./popper/src/arrow2.js');
+var arrow = require('./popper/src/arrow.js');
 var trigger = require('./popper/src/trigger.js');
 var content = require('./popper/src/content2.js');
-var progress = require('./progress/src/progress.js');
-var radio = require('./radio/src/radio.js');
-var radioGroup = require('./radio/src/radio-group.js');
-var radioButton = require('./radio/src/radio-button2.js');
-var rate = require('./rate/src/rate2.js');
-var result = require('./result/src/result.js');
+var progress = require('./progress/src/progress2.js');
+var radio = require('./radio/src/radio2.js');
+var radioGroup = require('./radio/src/radio-group2.js');
+var radioButton = require('./radio/src/radio-button.js');
+var rate = require('./rate/src/rate.js');
+var result = require('./result/src/result2.js');
 var row = require('./row/src/row.js');
 var util = require('./scrollbar/src/util.js');
 var scrollbar = require('./scrollbar/src/scrollbar2.js');
@@ -136,28 +136,28 @@ var thumb = require('./scrollbar/src/thumb.js');
 var token = require('./select/src/token.js');
 var token$1 = require('./select-v2/src/token.js');
 var skeleton = require('./skeleton/src/skeleton.js');
-var skeletonItem = require('./skeleton/src/skeleton-item2.js');
+var skeletonItem = require('./skeleton/src/skeleton-item.js');
 var space = require('./space/src/space.js');
 var useSpace = require('./space/src/use-space.js');
 var _switch = require('./switch/src/switch.js');
 var tabs = require('./tabs/src/tabs.js');
-var tabBar = require('./tabs/src/tab-bar.js');
+var tabBar = require('./tabs/src/tab-bar2.js');
 var tabNav = require('./tabs/src/tab-nav.js');
 var tabPane = require('./tabs/src/tab-pane.js');
-var tag = require('./tag/src/tag.js');
+var tag = require('./tag/src/tag2.js');
 var dateUtils = require('./time-picker/src/common/date-utils.js');
 var constant = require('./time-picker/src/common/constant.js');
 var props = require('./time-picker/src/common/props.js');
 var picker = require('./time-picker/src/common/picker.js');
 var panelTimePick = require('./time-picker/src/time-picker-com/panel-time-pick.js');
-var timelineItem = require('./timeline/src/timeline-item.js');
+var timelineItem = require('./timeline/src/timeline-item2.js');
 var tooltip = require('./tooltip/src/tooltip.js');
 var tokens$1 = require('./tooltip/src/tokens.js');
 var event = require('../constants/event.js');
 var upload = require('./upload/src/upload.js');
 var uploadContent = require('./upload/src/upload-content2.js');
 var uploadList = require('./upload/src/upload-list2.js');
-var uploadDragger = require('./upload/src/upload-dragger.js');
+var uploadDragger = require('./upload/src/upload-dragger2.js');
 var fixedSizeList = require('./virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./virtual-list/src/components/dynamic-size-list.js');
 var fixedSizeGrid = require('./virtual-list/src/components/fixed-size-grid.js');

package/lib/components/input/index.d.ts

@@ -1,9 +1,53 @@
-export declare const PsInput: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<any, {
+export declare const PsInput: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly size: import("element-ps/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+    readonly disabled: BooleanConstructor;
+    readonly modelValue: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
+    readonly type: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
+    readonly resize: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
+    readonly autosize: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("./src/input").InputAutoSize>, false, unknown, unknown, unknown>;
+    readonly autocomplete: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
+    readonly formatter: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    readonly parser: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    readonly placeholder: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly form: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly readonly: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly clearable: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showPassword: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showWordLimit: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly suffixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly prefixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly label: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly tabindex: import("element-ps/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    readonly validateEvent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly inputStyle: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-ps/es/utils").Mutable<{}>, unknown, unknown, unknown>;
+}, {
     PENDANT_MAP: {
         readonly suffix: "append";
         readonly prefix: "prepend";
     };
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<any>> & {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-ps/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+        readonly disabled: BooleanConstructor;
+        readonly modelValue: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
+        readonly type: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
+        readonly resize: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
+        readonly autosize: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("./src/input").InputAutoSize>, false, unknown, unknown, unknown>;
+        readonly autocomplete: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
+        readonly formatter: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+        readonly parser: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+        readonly placeholder: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly form: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly readonly: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly clearable: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showPassword: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly showWordLimit: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly suffixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly prefixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+        readonly label: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly tabindex: import("element-ps/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+        readonly validateEvent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly inputStyle: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-ps/es/utils").Mutable<{}>, unknown, unknown, unknown>;
+    }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
     instance: import("vue").ComponentInternalInstance;
@@ -52,7 +96,7 @@ export declare const PsInput: import("element-ps/es/utils").SFCWithInstall<impor
     hovering: import("vue").Ref<boolean>;
     isComposing: import("vue").Ref<boolean>;
     passwordVisible: import("vue").Ref<boolean>;
-    textareaCalcStyle: any;
+    textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
     _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
     needStatusIcon: import("vue").ComputedRef<boolean>;
     validateState: import("vue").ComputedRef<string>;
@@ -61,51 +105,60 @@ export declare const PsInput: import("element-ps/es/utils").SFCWithInstall<impor
     containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     nativeInputValue: import("vue").ComputedRef<string>;
-    showClear: import("vue").ComputedRef<any>;
-    showPwdVisible: import("vue").ComputedRef<any>;
-    isWordLimitVisible: import("vue").ComputedRef<any>;
+    showClear: import("vue").ComputedRef<boolean>;
+    showPwdVisible: import("vue").ComputedRef<boolean>;
+    isWordLimitVisible: import("vue").ComputedRef<boolean>;
     textLength: import("vue").ComputedRef<number>;
     inputExceed: import("vue").ComputedRef<boolean>;
-    suffixVisible: import("vue").ComputedRef<any>;
+    suffixVisible: import("vue").ComputedRef<boolean>;
     resizeTextarea: () => void;
     setNativeInputValue: () => void;
     calcIconOffset: (place: "suffix" | "prefix") => void;
     updateIconOffset: () => void;
-    PsIcon: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-        }>> & {
-            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        }>>;
-        ns: {
-            namespace: import("vue").ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string;
-            m: (modifier?: string | undefined) => string;
-            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-            em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-            is: {
-                (name: string, state: boolean | undefined): string;
-                (name: string): string;
-            };
-        };
-        style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    }>>, {
-        size: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
-        color: string;
-    }>> & Record<string, any>;
-    CircleClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: import("element-ps/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "default" | "small" | "large", never>;
+    readonly disabled: BooleanConstructor;
+    readonly modelValue: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
+    readonly type: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
+    readonly resize: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
+    readonly autosize: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("./src/input").InputAutoSize>, false, unknown, unknown, unknown>;
+    readonly autocomplete: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
+    readonly formatter: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    readonly parser: import("element-ps/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    readonly placeholder: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly form: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly readonly: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly clearable: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showPassword: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly showWordLimit: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly suffixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly prefixIcon: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly label: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly tabindex: import("element-ps/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    readonly validateEvent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly inputStyle: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-ps/es/utils").Mutable<{}>, unknown, unknown, unknown>;
+}>>, {
+    type: string;
+    size: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", never>;
+    disabled: boolean;
+    label: string;
+    modelValue: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
+    resize: import("element-ps/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
+    autosize: import("./src/input").InputAutoSize;
+    autocomplete: string;
+    formatter: Function;
+    parser: Function;
+    placeholder: string;
+    form: string;
+    readonly: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    clearable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showPassword: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showWordLimit: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    suffixIcon: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    prefixIcon: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    tabindex: import("element-ps/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
+    validateEvent: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    inputStyle: import("vue").StyleValue;
 }>> & Record<string, any>;
 export default PsInput;
 export * from './src/input';

package/lib/components/input/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var input$1 = require('./src/input2.js');
-var input = require('./src/input.js');
+var input$1 = require('./src/input.js');
+var input = require('./src/input2.js');
 var install = require('../../utils/vue/install.js');
 
 const PsInput = install.withInstall(input$1["default"]);