@fangzhongya/fang-ui 0.0.30 → 0.0.31

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

@@ -1,22 +1,21 @@
 import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { EpPropMergeType, EpPropFinalized } from 'element-plus/es/utils';
 import { OnCleanup } from '@vue/reactivity';
-import { ImageViewerAction } from 'element-plus/es/index';
+import { ImageViewerAction } from 'element-plus/es/components/image-viewer';
 declare const Image: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
         refEl: Ref<any, any>;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {} | {
-        [x: string]: any;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refEl: ({
             $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                readonly infinite: boolean;
+                readonly infinite: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly src: string;
-                readonly fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
+                readonly fit: EpPropMergeType<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown>;
                 readonly initialIndex: number;
                 readonly lazy: boolean;
-                readonly closeOnPressEscape: boolean;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly zoomRate: number;
                 readonly minScale: number;
                 readonly maxScale: number;
@@ -25,23 +24,23 @@ declare const Image: {
                 readonly previewSrcList: string[];
                 readonly previewTeleported: boolean;
             }> & Omit<{
-                readonly closeOnPressEscape: boolean;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly hideOnClickModal: boolean;
                 readonly src: string;
-                readonly fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
+                readonly fit: EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
                 readonly lazy: boolean;
                 readonly previewSrcList: string[];
                 readonly previewTeleported: boolean;
                 readonly initialIndex: number;
-                readonly infinite: boolean;
+                readonly infinite: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly zoomRate: number;
                 readonly minScale: number;
                 readonly maxScale: number;
                 readonly showProgress: boolean;
                 readonly zIndex?: number | undefined;
-                readonly loading?: ("lazy" | "eager") | undefined;
-                readonly crossorigin?: ("" | "anonymous" | "use-credentials") | undefined;
-                readonly scrollContainer?: string | HTMLElement | undefined;
+                readonly loading?: EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+                readonly crossorigin?: EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown> | undefined;
+                readonly scrollContainer?: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>;
                 onShow?: (() => any) | undefined | undefined;
                 onLoad?: ((evt: Event) => any) | undefined | undefined;
                 onError?: ((evt: Event) => any) | undefined | undefined;
@@ -64,43 +63,22 @@ declare const Image: {
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly hideOnClickModal: BooleanConstructor;
-                readonly src: {
-                    readonly type: PropType<string>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "";
-                };
-                readonly fit: {
-                    readonly type: PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: "";
-                };
+                readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly fit: EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
                 readonly loading: {
-                    readonly type: PropType<"lazy" | "eager">;
+                    readonly type: PropType<EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
                 readonly lazy: BooleanConstructor;
                 readonly scrollContainer: {
-                    readonly type: PropType<string | HTMLElement | undefined>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly previewSrcList: {
-                    readonly type: PropType<string[]>;
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
-                } & {
-                    readonly default: () => [];
                 };
+                readonly previewSrcList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
                 readonly previewTeleported: BooleanConstructor;
                 readonly zIndex: {
                     readonly type: PropType<number>;
@@ -108,57 +86,15 @@ declare const Image: {
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly initialIndex: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 0;
-                };
-                readonly infinite: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly closeOnPressEscape: {
-                    readonly type: PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: true;
-                };
-                readonly zoomRate: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 1.2;
-                };
-                readonly minScale: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 0.2;
-                };
-                readonly maxScale: {
-                    readonly type: PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: 7;
-                };
+                readonly initialIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+                readonly infinite: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly zoomRate: EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+                readonly minScale: EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+                readonly maxScale: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
                 readonly showProgress: BooleanConstructor;
                 readonly crossorigin: {
-                    readonly type: PropType<"" | "anonymous" | "use-credentials">;
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -178,12 +114,12 @@ declare const Image: {
                 error: (evt: Event) => void;
                 load: (evt: Event) => void;
             }, string, {
-                readonly infinite: boolean;
+                readonly infinite: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly src: string;
-                readonly fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
+                readonly fit: EpPropMergeType<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown>;
                 readonly initialIndex: number;
                 readonly lazy: boolean;
-                readonly closeOnPressEscape: boolean;
+                readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 readonly zoomRate: number;
                 readonly minScale: number;
                 readonly maxScale: number;
@@ -212,12 +148,12 @@ declare const Image: {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
-            readonly infinite: boolean;
+            readonly infinite: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly src: string;
-            readonly fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
+            readonly fit: EpPropMergeType<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown>;
             readonly initialIndex: number;
             readonly lazy: boolean;
-            readonly closeOnPressEscape: boolean;
+            readonly closeOnPressEscape: EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly zoomRate: number;
             readonly minScale: number;
             readonly maxScale: number;
@@ -227,43 +163,22 @@ declare const Image: {
             readonly previewTeleported: boolean;
         }> & Omit<Readonly< ExtractPropTypes<{
             readonly hideOnClickModal: BooleanConstructor;
-            readonly src: {
-                readonly type: PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "";
-            };
-            readonly fit: {
-                readonly type: PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: "";
-            };
+            readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly fit: EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
             readonly loading: {
-                readonly type: PropType<"lazy" | "eager">;
+                readonly type: PropType<EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly lazy: BooleanConstructor;
             readonly scrollContainer: {
-                readonly type: PropType<string | HTMLElement | undefined>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly previewSrcList: {
-                readonly type: PropType<string[]>;
+                readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
-            } & {
-                readonly default: () => [];
             };
+            readonly previewSrcList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
             readonly previewTeleported: BooleanConstructor;
             readonly zIndex: {
                 readonly type: PropType<number>;
@@ -271,57 +186,15 @@ declare const Image: {
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly initialIndex: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 0;
-            };
-            readonly infinite: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly closeOnPressEscape: {
-                readonly type: PropType<boolean>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: true;
-            };
-            readonly zoomRate: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 1.2;
-            };
-            readonly minScale: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 0.2;
-            };
-            readonly maxScale: {
-                readonly type: PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: 7;
-            };
+            readonly initialIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+            readonly infinite: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly closeOnPressEscape: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly zoomRate: EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+            readonly minScale: EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+            readonly maxScale: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
             readonly showProgress: BooleanConstructor;
             readonly crossorigin: {
-                readonly type: PropType<"" | "anonymous" | "use-credentials">;
+                readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -362,17 +235,13 @@ declare const Image: {
         Defaults: {};
     }, Readonly<{}> & Readonly<{}>, {
         refEl: Ref<any, any>;
-    }, {}, {}, {}, {} | {
-        [x: string]: any;
-    }>;
+    }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
     refEl: Ref<any, any>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {} | {
-    [x: string]: any;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: any) => any>>;
 }) & Plugin;
 export { Image, Image as default };

package/dist/components/image/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Image = withInstall(_sfc_main, "Image");

package/dist/components/image/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$image: 'image';
+@include b($image) {
+}

package/dist/components/image/src/data.d.ts

@@ -1,10 +1,10 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} Image 图片
+ * @title {h2} Image 输入框
  * @text 目前完全继承 element-plus 中 el-image
  */
-export declare const dataProps: any;
-export type DataProps = ExtractPropTypes<typeof dataProps>;
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
 export type DataEmits = typeof dataEmits;
 export declare const dataSlot: {};

package/dist/components/image/src/index.cjs

@@ -3,29 +3,16 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../hooks/global-config/index.cjs");
 const index$2 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
-const elementPlus = require("element-plus");
+const index$3 = require("element-plus/es/components/image/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = vue.ref();
-    const attrs = index.useInherit();
+    const attrs = index.useInherit(vue.useAttrs());
     const slots = vue.useSlots();
     const cs = index$1.useCssName("image");
     index$2.useLocale();
@@ -35,17 +22,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: [vue.unref(cs).z()]
+        class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(elementPlus.ElImage), vue.mergeProps(vue.unref(attrs).assem, {
+        vue.createVNode(vue.unref(index$3.ElImage), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })