element-plus-secondary 0.5.12 → 0.5.13

package/es/components/dropdown/src/dropdown2.mjs

@@ -3,8 +3,8 @@ import '../../../constants/index.mjs';
 import '../../collection/index.mjs';
 import '../../tooltip/index.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
+import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 import { EVENT_CODE } from '../../../constants/aria.mjs';
 import { createCollectionWithScope } from '../../collection/src/collection2.mjs';

package/es/components/empty/index.d.ts

@@ -75,8 +75,8 @@ export declare const ElEmpty: import("element-plus-secondary/es/utils").SFCWithI
         readonly default: "";
     };
 }>>, {
-    readonly description: string;
     readonly image: string;
+    readonly description: string;
 }>> & Record<string, any>;
 export default ElEmpty;
 export * from './src/empty';

package/es/components/empty/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Empty from './src/empty.mjs';
-export { emptyProps } from './src/empty2.mjs';
+import Empty from './src/empty2.mjs';
+export { emptyProps } from './src/empty.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElEmpty = withInstall(Empty);

package/es/components/empty/src/empty.mjs

@@ -1,59 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import ImgEmpty from './img-empty.mjs';
-import { emptyProps } from './empty2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { key: 1 };
-const __default__ = defineComponent({
-  name: "ElEmpty"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: emptyProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("empty");
-    const emptyDescription = computed(() => props.description || t("el.table.emptyText"));
-    const imageStyle = computed(() => ({
-      width: props.imageSize ? `${props.imageSize}px` : ""
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("image")),
-          style: normalizeStyle(unref(imageStyle))
-        }, [
-          _ctx.image ? (openBlock(), createElementBlock("img", {
-            key: 0,
-            src: _ctx.image,
-            ondragstart: "return false"
-          }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
-            createVNode(ImgEmpty)
-          ])
-        ], 6),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("description"))
-        }, [
-          _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(unref(emptyDescription)), 1))
-        ], 2),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("bottom"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
   }
-});
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/empty/src/empty.vue"]]);
+};
 
-export { Empty as default };
+export { emptyProps };
 //# sourceMappingURL=empty.mjs.map

package/es/components/empty/src/empty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: props.imageSize ? `${props.imageSize}px` : '',\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmB,QACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAO,EAAA,KAAA,CAAM,SAAY,GAAA,CAAA,EAAG,MAAM,SAAgB,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KAClD,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Empty from './empty.vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n\nexport type EmptyInstance = InstanceType<typeof Empty>\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}

package/es/components/empty/src/empty.vue.d.ts

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "";
     };
 }>>, {
-    readonly description: string;
     readonly image: string;
+    readonly description: string;
 }>;
 export default _default;

package/es/components/empty/src/empty2.mjs

@@ -1,14 +1,59 @@
-const emptyProps = {
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import ImgEmpty from './img-empty.mjs';
+import { emptyProps } from './empty.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 1 };
+const __default__ = defineComponent({
+  name: "ElEmpty"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: emptyProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const ns = useNamespace("empty");
+    const emptyDescription = computed(() => props.description || t("el.table.emptyText"));
+    const imageStyle = computed(() => ({
+      width: props.imageSize ? `${props.imageSize}px` : ""
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("image")),
+          style: normalizeStyle(unref(imageStyle))
+        }, [
+          _ctx.image ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: _ctx.image,
+            ondragstart: "return false"
+          }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+            createVNode(ImgEmpty)
+          ])
+        ], 6),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("description"))
+        }, [
+          _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(unref(emptyDescription)), 1))
+        ], 2),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("bottom"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
-};
+});
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/empty/src/empty.vue"]]);
 
-export { emptyProps };
+export { Empty as default };
 //# sourceMappingURL=empty2.mjs.map

package/es/components/empty/src/empty2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Empty from './empty.vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n\nexport type EmptyInstance = InstanceType<typeof Empty>\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}
+{"version":3,"file":"empty2.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: props.imageSize ? `${props.imageSize}px` : '',\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmB,QACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAO,EAAA,KAAA,CAAM,SAAY,GAAA,CAAA,EAAG,MAAM,SAAgB,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KAClD,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/focus-trap/src/focus-trap.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onKeydown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loop: BooleanConstructor;
     trapped: BooleanConstructor;
     focusTrapEl: PropType<HTMLElement>;
@@ -18,10 +18,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
-    onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
     onFocusout?: ((...args: any[]) => any) | undefined;
+    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
+    onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -1,7 +1,7 @@
 export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly hideOnClickModal: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly src: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
     readonly loading: {
         readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
         readonly required: false;
@@ -30,7 +30,7 @@ export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithI
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly hideOnClickModal: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly src: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+        readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
         readonly loading: {
             readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
             readonly required: false;
@@ -56,13 +56,13 @@ export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithI
         readonly infinite: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly closeOnPressEscape: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
-        onClose?: (() => any) | undefined;
         onShow?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
         onError?: ((evt: Event) => any) | undefined;
         onLoad?: ((evt: Event) => any) | undefined;
         onSwitch?: ((val: number) => any) | undefined;
     }>>;
-    emit: ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "show") => void) & ((event: "load", evt: Event) => void) & ((event: "switch", val: number) => void);
+    emit: ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "load", evt: Event) => void) & ((event: "show") => void) & ((event: "switch", val: number) => void);
     prevOverflow: string;
     t: import("../..").Translator;
     ns: {
@@ -303,7 +303,7 @@ export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithI
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly hideOnClickModal: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly src: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
     readonly loading: {
         readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
         readonly required: false;
@@ -329,8 +329,8 @@ export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithI
     readonly infinite: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeOnPressEscape: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
-    onClose?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onError?: ((evt: Event) => any) | undefined;
     onLoad?: ((evt: Event) => any) | undefined;
     onSwitch?: ((val: number) => any) | undefined;
@@ -338,7 +338,7 @@ export declare const ElImage: import("element-plus-secondary/es/utils").SFCWithI
     readonly lazy: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly infinite: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly src: string;
-    readonly fit: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    readonly fit: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown>;
     readonly initialIndex: number;
     readonly closeOnPressEscape: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly hideOnClickModal: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/image/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Image from './src/image.mjs';
-export { imageEmits, imageProps } from './src/image2.mjs';
+import Image from './src/image2.mjs';
+export { imageEmits, imageProps } from './src/image.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElImage = withInstall(Image);

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

@@ -2,7 +2,7 @@ import type { ExtractPropTypes } from 'vue';
 export declare const imageProps: {
     readonly hideOnClickModal: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly src: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    readonly fit: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
     readonly loading: {
         readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
         readonly required: false;

package/es/components/image/src/image.mjs

@@ -1,225 +1,64 @@
-import { defineComponent, useAttrs, ref, computed, nextTick, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, mergeProps, createCommentVNode, renderSlot, createElementVNode, toDisplayString, Fragment, createBlock, withCtx } from 'vue';
-import { isClient, useThrottleFn, useEventListener } from '@vueuse/core';
-import '../../../hooks/index.mjs';
-import { ElImageViewer } from '../../image-viewer/index.mjs';
 import '../../../utils/index.mjs';
-import { imageProps, imageEmits } from './image2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useAttrs as useAttrs$1 } from '../../../hooks/use-attrs/index.mjs';
-import { isInContainer } from '../../../utils/dom/position.mjs';
-import { isElement } from '../../../utils/types.mjs';
-import { isString } from '@vue/shared';
-import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
+import { isNumber } from '@vueuse/core';
 
-const _hoisted_1 = ["src", "loading"];
-const _hoisted_2 = { key: 0 };
-const __default__ = defineComponent({
-  name: "ElImage",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: imageProps,
-  emits: imageEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    let prevOverflow = "";
-    const { t } = useLocale();
-    const ns = useNamespace("image");
-    const rawAttrs = useAttrs();
-    const attrs = useAttrs$1();
-    const imageSrc = ref();
-    const hasLoadError = ref(false);
-    const isLoading = ref(true);
-    const showViewer = ref(false);
-    const container = ref();
-    const _scrollContainer = ref();
-    const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
-    let stopScrollListener;
-    let stopWheelListener;
-    const containerStyle = computed(() => rawAttrs.style);
-    const imageStyle = computed(() => {
-      const { fit } = props;
-      if (isClient && fit) {
-        return { objectFit: fit };
-      }
-      return {};
-    });
-    const preview = computed(() => {
-      const { previewSrcList } = props;
-      return Array.isArray(previewSrcList) && previewSrcList.length > 0;
-    });
-    const imageIndex = computed(() => {
-      const { previewSrcList, initialIndex } = props;
-      let previewIndex = initialIndex;
-      if (initialIndex > previewSrcList.length - 1) {
-        previewIndex = 0;
-      }
-      return previewIndex;
-    });
-    const isManual = computed(() => {
-      if (props.loading === "eager")
-        return false;
-      return !supportLoading && props.loading === "lazy" || props.lazy;
-    });
-    const loadImage = () => {
-      if (!isClient)
-        return;
-      isLoading.value = true;
-      hasLoadError.value = false;
-      imageSrc.value = props.src;
-    };
-    function handleLoad(event) {
-      isLoading.value = false;
-      hasLoadError.value = false;
-      emit("load", event);
-    }
-    function handleError(event) {
-      isLoading.value = false;
-      hasLoadError.value = true;
-      emit("error", event);
-    }
-    function handleLazyLoad() {
-      if (isInContainer(container.value, _scrollContainer.value)) {
-        loadImage();
-        removeLazyLoadListener();
-      }
-    }
-    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
-    async function addLazyLoadListener() {
-      var _a;
-      if (!isClient)
-        return;
-      await nextTick();
-      const { scrollContainer } = props;
-      if (isElement(scrollContainer)) {
-        _scrollContainer.value = scrollContainer;
-      } else if (isString(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
-      } else if (container.value) {
-        _scrollContainer.value = getScrollContainer(container.value);
-      }
-      if (_scrollContainer.value) {
-        stopScrollListener = useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
-        setTimeout(() => handleLazyLoad(), 100);
-      }
-    }
-    function removeLazyLoadListener() {
-      if (!isClient || !_scrollContainer.value || !lazyLoadHandler)
-        return;
-      stopScrollListener == null ? void 0 : stopScrollListener();
-      _scrollContainer.value = void 0;
-    }
-    function wheelHandler(e) {
-      if (!e.ctrlKey)
-        return;
-      if (e.deltaY < 0) {
-        e.preventDefault();
-        return false;
-      } else if (e.deltaY > 0) {
-        e.preventDefault();
-        return false;
-      }
-    }
-    function clickHandler() {
-      if (!preview.value)
-        return;
-      stopWheelListener = useEventListener("wheel", wheelHandler, {
-        passive: false
-      });
-      prevOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      showViewer.value = true;
-      emit("show");
-    }
-    function closeViewer() {
-      stopWheelListener == null ? void 0 : stopWheelListener();
-      document.body.style.overflow = prevOverflow;
-      showViewer.value = false;
-      emit("close");
-    }
-    function switchViewer(val) {
-      emit("switch", val);
-    }
-    watch(() => props.src, () => {
-      if (isManual.value) {
-        isLoading.value = true;
-        hasLoadError.value = false;
-        removeLazyLoadListener();
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
-    });
-    onMounted(() => {
-      if (isManual.value) {
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "container",
-        ref: container,
-        class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
-        style: normalizeStyle(unref(containerStyle))
-      }, [
-        imageSrc.value !== void 0 && !hasLoadError.value ? (openBlock(), createElementBlock("img", mergeProps({ key: 0 }, unref(attrs), {
-          src: imageSrc.value,
-          loading: _ctx.loading,
-          style: unref(imageStyle),
-          class: [
-            unref(ns).e("inner"),
-            unref(preview) && unref(ns).e("preview"),
-            isLoading.value && unref(ns).is("loading")
-          ],
-          onClick: clickHandler,
-          onLoad: handleLoad,
-          onError: handleError
-        }), null, 16, _hoisted_1)) : createCommentVNode("v-if", true),
-        isLoading.value || hasLoadError.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("wrapper"))
-        }, [
-          isLoading.value ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("placeholder"))
-            }, null, 2)
-          ]) : hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("error"))
-            }, toDisplayString(unref(t)("el.image.error")), 3)
-          ]) : createCommentVNode("v-if", true)
-        ], 2)) : createCommentVNode("v-if", true),
-        unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          showViewer.value ? (openBlock(), createBlock(unref(ElImageViewer), {
-            key: 0,
-            "z-index": _ctx.zIndex,
-            "initial-index": unref(imageIndex),
-            infinite: _ctx.infinite,
-            "url-list": _ctx.previewSrcList,
-            "hide-on-click-modal": _ctx.hideOnClickModal,
-            teleported: _ctx.previewTeleported,
-            "close-on-press-escape": _ctx.closeOnPressEscape,
-            onClose: closeViewer,
-            onSwitch: switchViewer
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "viewer")
-              ])) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : createCommentVNode("v-if", true)
-        ], 64)) : createCommentVNode("v-if", true)
-      ], 6);
-    };
+const imageProps = buildProps({
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  loading: {
+    type: String,
+    values: ["eager", "lazy"]
+  },
+  lazy: {
+    type: Boolean,
+    default: false
+  },
+  scrollContainer: {
+    type: definePropType([String, Object])
+  },
+  previewSrcList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  previewTeleported: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: Number
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: true
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
   }
 });
-var Image = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/image/src/image.vue"]]);
+const imageEmits = {
+  load: (evt) => evt instanceof Event,
+  error: (evt) => evt instanceof Event,
+  switch: (val) => isNumber(val),
+  close: () => true,
+  show: () => true
+};
 
-export { Image as default };
+export { imageEmits, imageProps };
 //# sourceMappingURL=image.mjs.map