@fangzhongya/fang-ui 0.0.97 → 0.0.99

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

@@ -36,7 +36,7 @@ const dataProps = buildProps.buildProps({
     default: 0
   }
 });
-const dataEmits = ["load"];
+const dataEmits = ["load", "error"];
 const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;

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

@@ -34,7 +34,7 @@ const dataProps = buildProps({
     default: 0
   }
 });
-const dataEmits = ["load"];
+const dataEmits = ["load", "error"];
 const dataSlot = {};
 const dataExpose = {};
 export {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
 require("../../loading/index.cjs");
@@ -9,18 +9,18 @@ const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../../hooks/inherit/index.cjs");
 const index$3 = require("../../loading/src/index.cjs");
 const _hoisted_1 = ["width", "height", "frameborder", "src"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("iframe");
-    const attrs = index$2.useInherit(vues.useAttrs());
+    const attrs = index$2.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
-    const loading = vues.ref(false);
-    const src = vues.computed(() => {
+    const loading = vue.ref(false);
+    const src = vue.computed(() => {
       const url = props.url;
       if (url) {
         loading.value = true;
@@ -31,22 +31,27 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       loading.value = false;
       emit("load");
     };
+    const onError = () => {
+      loading.value = false;
+      emit("error");
+    };
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs).root), [
-        vues.createElementVNode("iframe", vues.mergeProps(vues.unref(attrs).assem, {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createElementVNode("iframe", vue.mergeProps(vue.unref(attrs).assem, {
           width: props.width,
           height: props.height,
           frameborder: props.frameborder,
           onLoad,
+          onError,
           src: src.value
         }), null, 16, _hoisted_1)
       ], 16)), [
-        [vues.unref(index$3.vLoading), loading.value]
+        [vue.unref(index$3.vLoading), loading.value]
       ]);
     };
   }

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

@@ -29,6 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loading.value = false;
       emit("load");
     };
+    const onError = () => {
+      loading.value = false;
+      emit("error");
+    };
     __expose({
       ...dataExpose
     });
@@ -41,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           height: props.height,
           frameborder: props.frameborder,
           onLoad,
+          onError,
           src: src.value
         }), null, 16, _hoisted_1)
       ], 16)), [

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

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/image/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("image");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElImage), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElImage), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/image/style/element.scss

@@ -1 +1,3 @@
-@use 'element-plus/theme-chalk/src/image-viewer.scss' as *;
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use '../../image-viewer/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/image.scss' as *;

package/dist/components/image/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/image.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/image-viewer/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const ImageViewer = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "ImageViewer");
+exports.ImageViewer = ImageViewer;
+exports.default = ImageViewer;

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const ImageViewer: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { ImageViewer, ImageViewer as default };

package/dist/components/image-viewer/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import { withInstall } from "../../utils/vues/withInstall.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
+const ImageViewer = withInstall(_sfc_main, "ImageViewer");
+export {
+  ImageViewer,
+  ImageViewer as default
+};

package/dist/components/image-viewer/index.scss

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

package/dist/components/image-viewer/src/data.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

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

@@ -0,0 +1,14 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} ImageViewer 图片预览
+ * @text 目前完全继承 element-plus 中 el-image-viewer
+ */
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {};

package/dist/components/image-viewer/src/data.js

@@ -0,0 +1,11 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/image-viewer/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/image-viewer/src/index2.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/image-viewer/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const cs = index.useCssName("image-viewer");
+    const props = __props;
+    const emit = __emit;
+    const elRef = vue.ref();
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElImageViewer), vue.mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+          return {
+            name: k,
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/image-viewer/src/index2.js

@@ -0,0 +1,45 @@
+import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
+import { ElImageViewer } from "element-plus/es/components/image-viewer/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const cs = useCssName("image-viewer");
+    const props = __props;
+    const emit = __emit;
+    const elRef = ref();
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElImageViewer), mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
+        class: unref(cs).z()
+      }, unref(attrs)), createSlots({ _: 2 }, [
+        renderList(Object.keys(unref(slots)), (k) => {
+          return {
+            name: k,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/image-viewer/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/image-viewer.scss' as *;

package/dist/components/image-viewer/style/index2.scss

@@ -0,0 +1,2 @@
+@use './element.scss' as *;
+@use '../index.scss' as *;

package/dist/components/images/index.css

@@ -0,0 +1,18 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.images-img {
+  width: 100%;
+  height: 100%;
+}

package/dist/components/images/index.scss

@@ -2,4 +2,8 @@
 
 $images: 'images';
 @include b($images) {
+	&-img {
+		width: 100%;
+		height: 100%;
+	}
 }

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

@@ -1,32 +1,29 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const index$2 = require("../../../hooks/expose/index.cjs");
 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 _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const util = require("../../players/common/util.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vues.ref();
-    const attrs = index.useInherit(vues.useAttrs());
-    const slots = vues.useSlots();
-    const elRef = vues.ref();
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
+    const elRef = vue.ref();
     const cs = index$1.useCssName("images");
     const props = __props;
     const emit = __emit;
-    const list = vues.ref([]);
-    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;
-      }
+    const list = vue.computed(() => {
+      return util.getListValue(props.list).map((o) => o.url);
+    });
+    const value = vue.computed(() => {
+      return list.value[0];
     });
     __expose(
       index$2.useExpose(
@@ -37,28 +34,30 @@ 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.createVNode(vues.unref(index$3.Image), vues.mergeProps(vues.unref(attrs).assem, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root, {
+        style: {
+          width: props.width,
+          height: props.height
+        }
+      }), [
+        vue.createVNode(vue.unref(index$3.Image), vue.mergeProps(vue.unref(attrs).assem, {
+          class: [vue.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 }, [
-          vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
             return {
               name: k,
-              fn: vues.withCtx(() => [
-                vues.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })
-        ]), 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);
     };
   }