element-ps 2.0.13 → 2.0.14

package/lib/components/icon/src/icon2.js

@@ -2,44 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var icon = require('./icon.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var types = require('../../../utils/types.js');
-var style = require('../../../utils/dom/style.js');
+var props = require('../../../utils/vue/props.js');
 
-const __default__ = {
-  name: "PsIcon",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: icon.iconProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("icon");
-    const style$1 = vue.computed(() => {
-      if (!props.size && !props.color)
-        return {};
-      return {
-        fontSize: types.isUndefined(props.size) ? void 0 : style.addUnit(props.size),
-        "--color": props.color
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
-        class: vue.unref(ns).b(),
-        style: vue.unref(style$1)
-      }, _ctx.$attrs), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
+const iconProps = props.buildProps({
+  size: {
+    type: props.definePropType([Number, String])
+  },
+  color: {
+    type: String
   }
 });
-var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/icon/src/icon.vue"]]);
 
-exports["default"] = Icon;
+exports.iconProps = iconProps;
 //# sourceMappingURL=icon2.js.map

package/lib/components/icon/src/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot />\n  </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsIcon',\n  inheritAttrs: false,\n})\nconst props = defineProps(iconProps)\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n  if (!props.size && !props.color) return {}\n\n  return {\n    fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),\n    '--color': props.color,\n  }\n})\n</script>\n"],"names":["useNamespace","style","computed","isUndefined","addUnit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAAC,OAAA,GAAAC,aAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,IAAA,IAAA,CAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QACA,QAAA,EAAAC,kBAAA,KAAA,CAAA,IAAA,IAAA,KAAA,CAAA,GAAAC,aAAA,CAAA,MAAA,IAAA,CAAA;AAAA,QACA,WAAA,KAAA,CAAA,KAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon2.js","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

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

@@ -1,5 +1,4 @@
 export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -13,7 +12,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -28,6 +26,7 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    prevOverflow: string;
     t: import("../..").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -43,19 +42,26 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
             (name: string): string;
         };
     };
+    rawAttrs: {
+        [x: string]: unknown;
+    };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
     container: import("vue").Ref<HTMLElement | undefined>;
     _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
     stopScrollListener: () => void;
+    stopWheelListener: () => void;
     containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     preview: import("vue").ComputedRef<boolean>;
-    teleported: import("vue").ComputedRef<import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     imageIndex: import("vue").ComputedRef<number>;
     loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
     handleLazyLoad: () => void;
     lazyLoadHandler: () => void;
     addLazyLoadListener: () => Promise<void>;
@@ -182,7 +188,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
         urlList: string[];
     }>> & Record<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 appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -197,11 +202,10 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
 }>>, {
     zIndex: number;
     lazy: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
-    appendToBody: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;

package/lib/components/image/src/image.d.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const imageProps: {
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;

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

@@ -7,10 +7,6 @@ var props = require('../../../utils/vue/props.js');
 var typescript = require('../../../utils/typescript.js');
 
 const imageProps = props.buildProps({
-  appendToBody: {
-    type: Boolean,
-    default: void 0
-  },
   hideOnClickModal: {
     type: Boolean,
     default: false

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

@@ -1 +1 @@
-{"version":3,"file":"image.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":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\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,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;;;;"}

package/lib/components/image/src/image.vue.d.ts

@@ -1,6 +1,5 @@
 import type { CSSProperties, StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -14,7 +13,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
         readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -29,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    prevOverflow: string;
     t: import("element-ps/es/hooks").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -44,19 +43,26 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    rawAttrs: {
+        [x: string]: unknown;
+    };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
     loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
     container: import("vue").Ref<HTMLElement | undefined>;
     _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
     stopScrollListener: () => void;
+    stopWheelListener: () => void;
     containerStyle: import("vue").ComputedRef<StyleValue>;
     imageStyle: import("vue").ComputedRef<CSSProperties>;
     preview: import("vue").ComputedRef<boolean>;
-    teleported: import("vue").ComputedRef<import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     imageIndex: import("vue").ComputedRef<number>;
     loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
     handleLazyLoad: () => void;
     lazyLoadHandler: () => void;
     addLazyLoadListener: () => Promise<void>;
@@ -183,7 +189,6 @@ declare const _default: import("vue").DefineComponent<{
         urlList: string[];
     }>> & Record<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 appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
     readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
@@ -198,11 +203,10 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     zIndex: number;
     lazy: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
-    appendToBody: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;

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

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../hooks/index.js');
-var index$4 = require('../../image-viewer/index.js');
+var index$3 = require('../../image-viewer/index.js');
 require('../../../utils/index.js');
 var image = require('./image.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-deprecated/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var index$3 = require('../../../hooks/use-attrs/index.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-attrs/index.js');
 var position = require('../../../utils/dom/position.js');
 var types = require('../../../utils/types.js');
 var shared = require('@vue/shared');
@@ -21,30 +20,29 @@ var scroll = require('../../../utils/dom/scroll.js');
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { key: 0 };
 const __default__ = {
-  name: "PsImage"
+  name: "PsImage",
+  inheritAttrs: false
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: image.imageProps,
   setup(__props) {
     const props = __props;
-    index.useDeprecated({
-      scope: "el-image",
-      from: "append-to-body",
-      replacement: "preview-teleported",
-      version: "2.2.0",
-      ref: "https://element-ps.org/en-US/component/image.html#image-attributess"
-    }, vue.computed(() => core.isBoolean(props.appendToBody)));
-    const { t } = index$1.useLocale();
-    const ns = index$2.useNamespace("image");
-    const attrs = index$3.useAttrs();
+    let prevOverflow = "";
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("image");
+    const rawAttrs = vue.useAttrs();
+    const attrs = index$2.useAttrs();
     const hasLoadError = vue.ref(false);
     const loading = vue.ref(true);
+    const imgWidth = vue.ref(0);
+    const imgHeight = vue.ref(0);
     const showViewer = vue.ref(false);
     const container = vue.ref();
     const _scrollContainer = vue.ref();
     let stopScrollListener;
-    const containerStyle = vue.computed(() => attrs.value.style);
+    let stopWheelListener;
+    const containerStyle = vue.computed(() => rawAttrs.style);
     const imageStyle = vue.computed(() => {
       const { fit } = props;
       if (core.isClient && fit) {
@@ -56,9 +54,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const { previewSrcList } = props;
       return Array.isArray(previewSrcList) && previewSrcList.length > 0;
     });
-    const teleported = vue.computed(() => {
-      return props.appendToBody || props.previewTeleported;
-    });
     const imageIndex = vue.computed(() => {
       const { previewSrcList, initialIndex } = props;
       let previewIndex = initialIndex;
@@ -74,13 +69,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       hasLoadError.value = false;
       const img = new Image();
       const currentImageSrc = props.src;
-      Object.entries(attrs.value).forEach(([key, value]) => {
+      img.addEventListener("load", (e) => {
+        if (currentImageSrc !== props.src) {
+          return;
+        }
+        handleLoad(e, img);
+      });
+      Object.entries(rawAttrs).forEach(([key, value]) => {
         if (key.toLowerCase() === "onload")
           return;
         img.setAttribute(key, value);
       });
       img.src = currentImageSrc;
     };
+    function handleLoad(e, img) {
+      imgWidth.value = img.width;
+      imgHeight.value = img.height;
+      loading.value = false;
+      hasLoadError.value = false;
+    }
+    function handleError(event) {
+      loading.value = false;
+      hasLoadError.value = true;
+      emit("error", event);
+    }
     function handleLazyLoad() {
       if (position.isInContainer(container.value, _scrollContainer.value)) {
         loadImage();
@@ -140,14 +152,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: [vue.unref(ns).e("inner"), vue.unref(preview) ? vue.unref(ns).e("preview") : ""]
         }), null, 16, _hoisted_1)),
         vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-          showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.PsImageViewer), {
+          showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.PsImageViewer), {
             key: 0,
             "z-index": _ctx.zIndex,
             "initial-index": vue.unref(imageIndex),
             infinite: _ctx.infinite,
             "url-list": _ctx.previewSrcList,
             "hide-on-click-modal": _ctx.hideOnClickModal,
-            teleported: vue.unref(teleported),
+            teleported: _ctx.previewTeleported,
             "close-on-press-escape": _ctx.closeOnPressEscape
           }, {
             default: vue.withCtx(() => [

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

@@ -1 +1 @@
-{"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":"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"}
+{"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=\"previewTeleported\"\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 {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  useAttrs as useRawAttrs,\n} from 'vue'\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core'\nimport { useAttrs, useLocale, useNamespace } 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  inheritAttrs: false,\n})\n\nconst props = defineProps(imageProps)\n\nlet prevOverflow = ''\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\n\nconst hasLoadError = ref(false)\nconst loading = ref(true)\nconst imgWidth = ref(0)\nconst imgHeight = ref(0)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\n\nconst _scrollContainer = ref<HTMLElement | Window>()\nlet stopScrollListener: () => void\nlet stopWheelListener: () => void\n\nconst containerStyle = computed(() => rawAttrs.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 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  // load & error callbacks are only responsible for currentImageSrc\n  img.addEventListener('load', (e) => {\n    if (currentImageSrc !== props.src) {\n      return\n    }\n    handleLoad(e, img)\n  })\n\n  // bind html attrs\n  // so it can behave consistently\n  Object.entries(rawAttrs).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 handleLoad(e: Event, img: HTMLImageElement) {\n  imgWidth.value = img.width\n  imgHeight.value = img.height\n  loading.value = false\n  hasLoadError.value = false\n}\n\nfunction handleError(event: Event) {\n  loading.value = false\n  hasLoadError.value = true\n  emit('error', event)\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":["useLocale","useNamespace","useRawAttrs","useAttrs","ref","computed","isClient","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","onMounted"],"mappings":"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"}

package/lib/components/index.d.ts

@@ -65,6 +65,7 @@ export * from './tree-select';
 export * from './tree-v2';
 export * from './upload';
 export * from './virtual-list';
+export * from './text';
 export * from './infinite-scroll';
 export * from './loading';
 export * from './popover';

package/lib/components/index.js

@@ -69,47 +69,48 @@ var index$$ = require('./tree-select/index.js');
 var index$10 = require('./tree-v2/index.js');
 var index$11 = require('./upload/index.js');
 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 index$12 = require('./text/index.js');
+var index$13 = require('./infinite-scroll/index.js');
+var index$14 = require('./loading/index.js');
+var index$15 = require('./popover/index.js');
 var affix = require('./affix/src/affix.js');
-var alert = require('./alert/src/alert.js');
-var autocomplete = require('./autocomplete/src/autocomplete2.js');
+var alert = require('./alert/src/alert2.js');
+var autocomplete = require('./autocomplete/src/autocomplete.js');
 var avatar = require('./avatar/src/avatar.js');
 var backtop = require('./backtop/src/backtop.js');
-var badge = require('./badge/src/badge.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/calendar2.js');
-var card = require('./card/src/card.js');
+var badge = require('./badge/src/badge2.js');
+var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
+var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item2.js');
+var button = require('./button/src/button2.js');
+var calendar = require('./calendar/src/calendar.js');
+var card = require('./card/src/card2.js');
 var carousel = require('./carousel/src/carousel.js');
 var carouselItem = require('./carousel/src/carousel-item.js');
 var types = require('./cascader-panel/src/types.js');
 var config = require('./cascader-panel/src/config.js');
-var checkTag = require('./check-tag/src/check-tag2.js');
+var checkTag = require('./check-tag/src/check-tag.js');
 var col = require('./col/src/col.js');
 var collapse = require('./collapse/src/collapse.js');
 var collapseItem = require('./collapse/src/collapse-item.js');
 var configProvider = require('./config-provider/src/config-provider.js');
 var useDialog = require('./dialog/src/use-dialog.js');
 var dialog = require('./dialog/src/dialog2.js');
-var divider = require('./divider/src/divider2.js');
+var divider = require('./divider/src/divider.js');
 var drawer = require('./drawer/src/drawer.js');
-var dropdown = require('./dropdown/src/dropdown.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/form2.js');
+var form = require('./form/src/form.js');
 var formItem = require('./form/src/form-item.js');
-var icon = require('./icon/src/icon.js');
+var icon = require('./icon/src/icon2.js');
 var image = require('./image/src/image.js');
 var imageViewer = require('./image-viewer/src/image-viewer.js');
-var input = require('./input/src/input.js');
-var inputNumber = require('./input-number/src/input-number.js');
+var input = require('./input/src/input2.js');
+var inputNumber = require('./input-number/src/input-number2.js');
 var link = require('./link/src/link2.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');
@@ -117,46 +118,46 @@ var pagination = require('./pagination/src/pagination.js');
 var popconfirm = require('./popconfirm/src/popconfirm.js');
 var deprecation = require('./popper/src/deprecation.js');
 var popper = require('./popper/src/popper2.js');
-var trigger$1 = require('./popper/src/trigger2.js');
+var trigger$1 = require('./popper/src/trigger.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 trigger = require('./popper/src/trigger.js');
+var arrow$1 = require('./popper/src/arrow2.js');
+var arrow = require('./popper/src/arrow.js');
+var trigger = require('./popper/src/trigger2.js');
 var content = require('./popper/src/content2.js');
 var progress = require('./progress/src/progress.js');
-var radio = require('./radio/src/radio2.js');
+var radio = require('./radio/src/radio.js');
 var radioGroup = require('./radio/src/radio-group.js');
 var radioButton = require('./radio/src/radio-button.js');
-var rate = require('./rate/src/rate.js');
-var result = require('./result/src/result.js');
+var rate = require('./rate/src/rate2.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');
+var scrollbar = require('./scrollbar/src/scrollbar.js');
 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/skeleton2.js');
-var skeletonItem = require('./skeleton/src/skeleton-item.js');
+var skeletonItem = require('./skeleton/src/skeleton-item2.js');
 var space = require('./space/src/space.js');
 var useSpace = require('./space/src/use-space.js');
-var _switch = require('./switch/src/switch.js');
+var _switch = require('./switch/src/switch2.js');
 var tabs = require('./tabs/src/tabs.js');
 var tabBar = require('./tabs/src/tab-bar.js');
 var tabNav = require('./tabs/src/tab-nav.js');
-var tabPane = require('./tabs/src/tab-pane2.js');
-var tag = require('./tag/src/tag2.js');
+var tabPane = require('./tabs/src/tab-pane.js');
+var tag = require('./tag/src/tag.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-item2.js');
+var timelineItem = require('./timeline/src/timeline-item.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/upload2.js');
-var uploadContent = require('./upload/src/upload-content.js');
-var uploadList = require('./upload/src/upload-list2.js');
+var upload = require('./upload/src/upload.js');
+var uploadContent = require('./upload/src/upload-content2.js');
+var uploadList = require('./upload/src/upload-list.js');
 var uploadDragger = require('./upload/src/upload-dragger.js');
 var fixedSizeList = require('./virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./virtual-list/src/components/dynamic-size-list.js');
@@ -260,10 +261,11 @@ exports.PsTree = index$_.PsTree;
 exports.PsTreeSelect = index$$.PsTreeSelect;
 exports.PsTreeV2 = index$10.PsTreeV2;
 exports.PsUpload = index$11.PsUpload;
-exports.PsInfiniteScroll = index$12.PsInfiniteScroll;
-exports.PsLoading = index$13.PsLoading;
-exports.PsPopover = index$14.PsPopover;
-exports.PsPopoverDirective = index$14.PsPopoverDirective;
+exports.PsText = index$12.PsText;
+exports.PsInfiniteScroll = index$13.PsInfiniteScroll;
+exports.PsLoading = index$14.PsLoading;
+exports.PsPopover = index$15.PsPopover;
+exports.PsPopoverDirective = index$15.PsPopoverDirective;
 exports.affixProps = affix.affixProps;
 exports.alertEffects = alert.alertEffects;
 exports.alertProps = alert.alertProps;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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"]);