@fangzhongya/fang-ui 0.0.96 → 0.0.98

package/dist/components/images/src/data.cjs

@@ -7,8 +7,15 @@ const dataProps = {
   width: {
     type: [String, Number]
   },
-  modelValue: {
-    type: [String, Array]
+  /**
+   * @props {  Array<ObjAny> } list= ( )
+   * 值
+   */
+  list: {
+    type: Array,
+    default() {
+      return [];
+    }
   }
 };
 const dataEmits = {

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

@@ -6,12 +6,16 @@ export declare const dataProps: {
     width: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    modelValue: {
-        type: (StringConstructor | {
-            (arrayLength: number): string[];
-            (...items: string[]): string[];
-            new (arrayLength: number): string[];
-            new (...items: string[]): string[];
+    /**
+     * @props {  Array<ObjAny> } list= ( )
+     * 值
+     */
+    list: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -22,7 +26,8 @@ export declare const dataProps: {
             fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
             fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
-        })[];
+        };
+        default(): never[];
     };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;

package/dist/components/images/src/data.js

@@ -5,8 +5,15 @@ const dataProps = {
   width: {
     type: [String, Number]
   },
-  modelValue: {
-    type: [String, Array]
+  /**
+   * @props {  Array<ObjAny> } list= ( )
+   * 值
+   */
+  list: {
+    type: Array,
+    default() {
+      return [];
+    }
   }
 };
 const dataEmits = {

package/dist/components/images/src/index2.cjs

@@ -6,6 +6,7 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$3 = require("../../image/index.cjs");
+const util = require("../../players/common/util.cjs");
 const _sfc_main = /* @__PURE__ */ vues.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -18,15 +19,11 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("images");
     const props = __props;
     const emit = __emit;
-    const list = vues.ref([]);
+    const list = vues.computed(() => {
+      return util.getListValue(props.list).map((o) => o.url);
+    });
     const value = vues.computed(() => {
-      if (props.modelValue instanceof Array) {
-        list.value = props.modelValue;
-        return props.modelValue[0];
-      } else {
-        list.value = [props.modelValue];
-        return props.modelValue;
-      }
+      return list.value[0];
     });
     __expose(
       index$2.useExpose(
@@ -39,14 +36,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     return (_ctx, _cache) => {
       return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
         class: [vues.unref(cs).z()]
-      }, vues.unref(attrs).root), [
+      }, vues.unref(attrs).root, {
+        style: {
+          width: props.width,
+          height: props.height
+        }
+      }), [
         vues.createVNode(vues.unref(index$3.Image), vues.mergeProps(vues.unref(attrs).assem, {
+          class: [vues.unref(cs).z("img")],
           src: value.value,
-          "preview-src-list": list.value,
-          style: {
-            width: props.width,
-            height: props.height
-          },
+          "preview-src-list": props.list,
           ref_key: "elRef",
           ref: elRef
         }), vues.createSlots({ _: 2 }, [
@@ -58,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
               ])
             };
           })
-        ]), 1040, ["src", "preview-src-list", "style"])
+        ]), 1040, ["class", "src", "preview-src-list"])
       ], 16);
     };
   }

package/dist/components/images/src/index2.js

@@ -4,6 +4,7 @@ import { dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { Image } from "../../image/index.js";
+import { getListValue } from "../../players/common/util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -16,15 +17,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("images");
     const props = __props;
     const emit = __emit;
-    const list = ref([]);
+    const list = computed(() => {
+      return getListValue(props.list).map((o) => o.url);
+    });
     const value = computed(() => {
-      if (props.modelValue instanceof Array) {
-        list.value = props.modelValue;
-        return props.modelValue[0];
-      } else {
-        list.value = [props.modelValue];
-        return props.modelValue;
-      }
+      return list.value[0];
     });
     __expose(
       useExpose(
@@ -37,14 +34,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
         class: [unref(cs).z()]
-      }, unref(attrs).root), [
+      }, unref(attrs).root, {
+        style: {
+          width: props.width,
+          height: props.height
+        }
+      }), [
         createVNode(unref(Image), mergeProps(unref(attrs).assem, {
+          class: [unref(cs).z("img")],
           src: value.value,
-          "preview-src-list": list.value,
-          style: {
-            width: props.width,
-            height: props.height
-          },
+          "preview-src-list": props.list,
           ref_key: "elRef",
           ref: elRef
         }), createSlots({ _: 2 }, [
@@ -56,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["src", "preview-src-list", "style"])
+        ]), 1040, ["class", "src", "preview-src-list"])
       ], 16);
     };
   }