qidian-vue-ui 1.1.21 → 1.1.23

package/dist/components/avatar/index.vue.d.ts

@@ -1,5 +1,5 @@
 import type { QdAvatarProps } from './types';
-declare var __VLS_6: string, __VLS_7: any;
+declare var __VLS_6: import("vue").Slot<any> | undefined, __VLS_7: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
 };

package/dist/components/avatar/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-527dccf6"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26692975"]]);
 export {
   index as default
 };

package/dist/components/avatar/index.vue2.mjs

@@ -1,11 +1,12 @@
 import { defineComponent, mergeDefaults, inject, computed, ref, watch, resolveDirective, createElementBlock, openBlock, withDirectives, createCommentVNode, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, toDisplayString } from "vue";
 import { Avatar } from "tdesign-vue-next";
-import { isEmpty, validator, abortWrapper, filterSlots } from "qidian-shared";
-import { qdAvatarProps } from "./props.mjs";
+import { isEmpty, validator, abortWrapper } from "qidian-shared";
+import { qdAvatarImageProps, qdAvatarProps } from "./props.mjs";
 import { PROVIDE_AVATAR } from "../config-provider/config.mjs";
 import "../../hooks/useAgentChat/index.mjs";
 import "../../locales/zh-CN.mjs";
 import { useUserAvatar } from "../../hooks/useUserAvatar/index.mjs";
+import merge from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
 const _hoisted_1 = { class: "qd-avatar" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -39,12 +40,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let serviceAbort;
     const reImage = ref();
     const reProps = computed(() => {
-      const { name, mode, avatarClassName, nameClassName, image, service, ...avatarOptions } = props;
+      const {
+        name,
+        mode,
+        avatarClassName,
+        nameClassName,
+        image,
+        service,
+        imageProps,
+        ...avatarOptions
+      } = props;
       const reAlt = avatarOptions.alt || name;
       const serviceOptions = { service: service || globalAvatarProps.value?.service };
+      const reImageProps = merge(imageProps, qdAvatarImageProps);
       return {
         avatarOptions: {
           ...avatarOptions,
+          imageProps: reImageProps,
           alt: reAlt
         },
         serviceOptions,
@@ -82,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         withDirectives((openBlock(), createBlock(unref(Avatar), mergeProps({ class: __props.avatarClassName }, reProps.value.avatarOptions, {
           image: typeof reImage.value === "number" ? reImage.value + "" : reImage.value
         }), createSlots({ _: 2 }, [
-          renderList(unref(filterSlots)(_ctx.$slots, ["default", "empty"]), (name) => {
+          renderList(_ctx.$slots, (name) => {
             return {
               name,
               fn: withCtx((slotProps) => [
@@ -91,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             };
           })
         ]), 1040, ["class", "image"])), [
-          [_directive_loading, unref(loading)]
+          [_directive_loading, { loading: unref(loading), size: "small" }]
         ]),
         reProps.value.name ? (openBlock(), createElementBlock("span", {
           key: 0,

package/dist/components/avatar/index.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/avatar/index.vue"],"sourcesContent":["<template>\n  <div class=\"qd-avatar\">\n    <t-avatar\n      v-loading=\"loading\"\n      :class=\"avatarClassName\"\n      v-bind=\"reProps.avatarOptions\"\n      :image=\"typeof reImage === 'number' ? reImage + '' : reImage\"\n    >\n      <template v-for=\"name in filterSlots($slots, ['default', 'empty'])\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </t-avatar>\n\n    <span v-if=\"reProps.name\" :class=\"`qd-avatar__name ${nameClassName}`\">{{ reProps.name }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdAvatarProps } from './types'\n  import type { AbortWrapperPromise } from 'qidian-shared'\n  import { Avatar as TAvatar } from 'tdesign-vue-next'\n  import { abortWrapper, filterSlots, isEmpty, validator } from 'qidian-shared'\n  import { qdAvatarProps } from './props'\n  import { ref, computed, watch, inject } from 'vue'\n  import { PROVIDE_AVATAR } from '../config-provider/config'\n  import { useUserAvatar } from '../../hooks'\n\n  defineOptions({\n    name: 'QdAvatar'\n  })\n\n  const props = withDefaults(defineProps<QdAvatarProps>(), qdAvatarProps)\n\n  const globalAvatarProps = inject(\n    PROVIDE_AVATAR,\n    computed(() => undefined)\n  )\n\n  const { loading, getAvatar } = useUserAvatar()\n  let serviceAbort: AbortWrapperPromise<Awaited<ReturnType<typeof getAvatar>>> | undefined\n\n  const reImage = ref<string | number | undefined>()\n  const reProps = computed(() => {\n    const { name, mode, avatarClassName, nameClassName, image, service, ...avatarOptions } = props\n    const reAlt = avatarOptions.alt || name\n    const serviceOptions = { service: service || globalAvatarProps.value?.service }\n\n    return {\n      avatarOptions: {\n        ...avatarOptions,\n        alt: reAlt\n      },\n      serviceOptions,\n      name,\n      mode,\n      avatarClassName,\n      nameClassName,\n      image\n    }\n  })\n\n  watch(\n    () => reProps.value.image,\n    async (newVal, oldVal) => {\n      if (newVal === oldVal) return\n\n      serviceAbort?.abort?.('abort')\n      const { mode, serviceOptions } = reProps.value\n      if (mode === 'ossId') {\n        const { service } = serviceOptions\n        if (!service || isEmpty(newVal) || validator(newVal, 'url')) {\n          reImage.value = newVal\n          return\n        }\n\n        serviceAbort = abortWrapper(getAvatar(newVal))\n        const res = await serviceAbort\n        reImage.value = res\n        return\n      }\n\n      reImage.value = newVal\n    },\n    { immediate: true }\n  )\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-avatar {\n    display: inline-flex;\n    align-items: center;\n    font: var(--td-font-body-medium);\n    color: var(--td-text-color-primary);\n\n    &__name {\n      margin-left: var(--td-comp-margin-s);\n    }\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock","_unref","TAvatar","_mergeProps","$slots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BE,UAAM,QAAQ;AAEd,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,SAAS,MAAM,MAAS;AAAA,IAAA;AAG1B,UAAM,EAAE,SAAS,UAAA,IAAc,cAAA;AAC/B,QAAI;AAEJ,UAAM,UAAU,IAAA;AAChB,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,MAAM,MAAM,iBAAiB,eAAe,OAAO,SAAS,GAAG,cAAA,IAAkB;AACzF,YAAM,QAAQ,cAAc,OAAO;AACnC,YAAM,iBAAiB,EAAE,SAAS,WAAW,kBAAkB,OAAO,QAAA;AAEtE,aAAO;AAAA,QACL,eAAe;AAAA,UACb,GAAG;AAAA,UACH,KAAK;AAAA,QAAA;AAAA,QAEP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ,CAAC;AAED;AAAA,MACE,MAAM,QAAQ,MAAM;AAAA,MACpB,OAAO,QAAQ,WAAW;AACxB,YAAI,WAAW,OAAQ;AAEvB,sBAAc,QAAQ,OAAO;AAC7B,cAAM,EAAE,MAAM,eAAA,IAAmB,QAAQ;AACzC,YAAI,SAAS,SAAS;AACpB,gBAAM,EAAE,YAAY;AACpB,cAAI,CAAC,WAAW,QAAQ,MAAM,KAAK,UAAU,QAAQ,KAAK,GAAG;AAC3D,oBAAQ,QAAQ;AAChB;AAAA,UACF;AAEA,yBAAe,aAAa,UAAU,MAAM,CAAC;AAC7C,gBAAM,MAAM,MAAM;AAClB,kBAAQ,QAAQ;AAChB;AAAA,QACF;AAEA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;;;AAlFpB,aAAAA,UAAA,GAAAC,mBAaM,OAbN,YAaM;AAAA,qCAZJC,YASWC,MAAAC,MAAA,GATXC,WASW,EAPR,OAAO,QAAA,gBAAA,GACA,QAAA,MAAQ,eAAa;AAAA,UAC5B,OAAK,OAAS,QAAA,UAAO,WAAgB,QAAA,aAAe,QAAA;AAAA,QAAA;qBAE5BF,MAAA,WAAA,EAAYG,KAAAA,QAAM,CAAA,WAAA,OAAA,CAAA,GAAA,CAA1B,SAAI;;;cACnB,IAAAC,QAAA,CAD2E,cAAS;AAAA,gBACpFC,WAAwC,KAAA,QAA3B,MAAIC,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,cAAA;;;;+BAN3BP,MAAA,OAAA,CAAO;AAAA,QAAA;QAUR,QAAA,MAAQ,qBAApBF,mBAA+F,QAAA;AAAA;UAApE,yCAA0B,QAAA,aAAa,EAAA;AAAA,QAAA,GAAOU,gBAAA,QAAA,MAAQ,IAAI,GAAA,CAAA;;;;;"}
+{"version":3,"file":"index.vue2.mjs","sources":["../../../src/components/avatar/index.vue"],"sourcesContent":["<template>\n  <div class=\"qd-avatar\">\n    <t-avatar\n      v-loading=\"{ loading, size: 'small' }\"\n      :class=\"avatarClassName\"\n      v-bind=\"reProps.avatarOptions\"\n      :image=\"typeof reImage === 'number' ? reImage + '' : reImage\"\n    >\n      <template v-for=\"name in $slots\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </t-avatar>\n\n    <span v-if=\"reProps.name\" :class=\"`qd-avatar__name ${nameClassName}`\">{{ reProps.name }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { QdAvatarProps } from './types'\n  import type { AbortWrapperPromise } from 'qidian-shared'\n  import { Avatar as TAvatar } from 'tdesign-vue-next'\n  import { abortWrapper, isEmpty, validator } from 'qidian-shared'\n  import { qdAvatarImageProps, qdAvatarProps } from './props'\n  import { ref, computed, watch, inject } from 'vue'\n  import { PROVIDE_AVATAR } from '../config-provider/config'\n  import { useUserAvatar } from '../../hooks'\n  import { merge } from 'lodash-es'\n\n  defineOptions({\n    name: 'QdAvatar'\n  })\n\n  const props = withDefaults(defineProps<QdAvatarProps>(), qdAvatarProps)\n\n  const globalAvatarProps = inject(\n    PROVIDE_AVATAR,\n    computed(() => undefined)\n  )\n\n  const { loading, getAvatar } = useUserAvatar()\n  let serviceAbort: AbortWrapperPromise<Awaited<ReturnType<typeof getAvatar>>> | undefined\n\n  const reImage = ref<string | number | undefined>()\n  const reProps = computed(() => {\n    const {\n      name,\n      mode,\n      avatarClassName,\n      nameClassName,\n      image,\n      service,\n      imageProps,\n      ...avatarOptions\n    } = props\n    const reAlt = avatarOptions.alt || name\n    const serviceOptions = { service: service || globalAvatarProps.value?.service }\n    const reImageProps = merge(imageProps, qdAvatarImageProps)\n\n    return {\n      avatarOptions: {\n        ...avatarOptions,\n        imageProps: reImageProps,\n        alt: reAlt\n      },\n      serviceOptions,\n      name,\n      mode,\n      avatarClassName,\n      nameClassName,\n      image\n    }\n  })\n\n  watch(\n    () => reProps.value.image,\n    async (newVal, oldVal) => {\n      if (newVal === oldVal) return\n\n      serviceAbort?.abort?.('abort')\n      const { mode, serviceOptions } = reProps.value\n      if (mode === 'ossId') {\n        const { service } = serviceOptions\n        if (!service || isEmpty(newVal) || validator(newVal, 'url')) {\n          reImage.value = newVal\n          return\n        }\n\n        serviceAbort = abortWrapper(getAvatar(newVal))\n        const res = await serviceAbort\n        reImage.value = res\n        return\n      }\n\n      reImage.value = newVal\n    },\n    { immediate: true }\n  )\n</script>\n\n<style lang=\"less\" scoped>\n  .qd-avatar {\n    display: inline-flex;\n    align-items: center;\n    font: var(--td-font-body-medium);\n    color: var(--td-text-color-primary);\n\n    &__name {\n      margin-left: var(--td-comp-margin-s);\n    }\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock","_unref","TAvatar","_mergeProps","$slots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AAEd,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,SAAS,MAAM,MAAS;AAAA,IAAA;AAG1B,UAAM,EAAE,SAAS,UAAA,IAAc,cAAA;AAC/B,QAAI;AAEJ,UAAM,UAAU,IAAA;AAChB,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,IACD;AACJ,YAAM,QAAQ,cAAc,OAAO;AACnC,YAAM,iBAAiB,EAAE,SAAS,WAAW,kBAAkB,OAAO,QAAA;AACtE,YAAM,eAAe,MAAM,YAAY,kBAAkB;AAEzD,aAAO;AAAA,QACL,eAAe;AAAA,UACb,GAAG;AAAA,UACH,YAAY;AAAA,UACZ,KAAK;AAAA,QAAA;AAAA,QAEP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ,CAAC;AAED;AAAA,MACE,MAAM,QAAQ,MAAM;AAAA,MACpB,OAAO,QAAQ,WAAW;AACxB,YAAI,WAAW,OAAQ;AAEvB,sBAAc,QAAQ,OAAO;AAC7B,cAAM,EAAE,MAAM,eAAA,IAAmB,QAAQ;AACzC,YAAI,SAAS,SAAS;AACpB,gBAAM,EAAE,YAAY;AACpB,cAAI,CAAC,WAAW,QAAQ,MAAM,KAAK,UAAU,QAAQ,KAAK,GAAG;AAC3D,oBAAQ,QAAQ;AAChB;AAAA,UACF;AAEA,yBAAe,aAAa,UAAU,MAAM,CAAC;AAC7C,gBAAM,MAAM,MAAM;AAClB,kBAAQ,QAAQ;AAChB;AAAA,QACF;AAEA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;;;AA9FpB,aAAAA,UAAA,GAAAC,mBAaM,OAbN,YAaM;AAAA,qCAZJC,YASWC,MAAAC,MAAA,GATXC,WASW,EAPR,OAAO,QAAA,gBAAA,GACA,QAAA,MAAQ,eAAa;AAAA,UAC5B,OAAK,OAAS,QAAA,UAAO,WAAgB,QAAA,aAAe,QAAA;AAAA,QAAA;UAE5BC,WAAAA,KAAAA,SAAR,SAAI;;;cACnB,IAAAC,QAAA,CADwC,cAAS;AAAA,gBACjDC,WAAwC,KAAA,QAA3B,MAAIC,eAAAC,mBAAU,SAAS,CAAA,GAAA,QAAA,IAAA;AAAA,cAAA;;;;0CANzBP,MAAA,OAAA,GAAO,MAAA,QAAA,CAAA;AAAA,QAAA;QAUV,QAAA,MAAQ,qBAApBF,mBAA+F,QAAA;AAAA;UAApE,yCAA0B,QAAA,aAAa,EAAA;AAAA,QAAA,GAAOU,gBAAA,QAAA,MAAQ,IAAI,GAAA,CAAA;;;;;"}

package/dist/components/avatar/props.d.ts

@@ -3,3 +3,6 @@ export declare const qdAvatarProps: {
     readonly icon: () => () => any;
     readonly mode: "ossId";
 };
+export declare const qdAvatarImageProps: {
+    readonly lazy: true;
+};

package/dist/components/avatar/props.mjs

@@ -5,7 +5,11 @@ const qdAvatarProps = {
   icon: () => () => createVNode(UserIcon, null, null),
   mode: "ossId"
 };
+const qdAvatarImageProps = {
+  lazy: true
+};
 export {
+  qdAvatarImageProps,
   qdAvatarProps
 };
 //# sourceMappingURL=props.mjs.map

package/dist/components/avatar/props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.mjs","sources":["../../../src/components/avatar/props.tsx"],"sourcesContent":["import { UserIcon } from 'tdesign-icons-vue-next'\n\nexport const qdAvatarProps = {\n  hideOnLoadFailed: true,\n  icon: () => () => <UserIcon />,\n  mode: 'ossId'\n} as const\n"],"names":["qdAvatarProps","hideOnLoadFailed","icon","_createVNode","UserIcon","mode"],"mappings":";;AAEO,MAAMA,gBAAgB;AAAA,EAC3BC,kBAAkB;AAAA,EAClBC,MAAMA,MAAM,MAAAC,YAAAC,UAAA,MAAA,IAAA;AAAA,EACZC,MAAM;AACR;"}
+{"version":3,"file":"props.mjs","sources":["../../../src/components/avatar/props.tsx"],"sourcesContent":["import { UserIcon } from 'tdesign-icons-vue-next'\n\nexport const qdAvatarProps = {\n  hideOnLoadFailed: true,\n  icon: () => () => <UserIcon />,\n  mode: 'ossId'\n} as const\n\nexport const qdAvatarImageProps = {\n  lazy: true\n} as const"],"names":["qdAvatarProps","hideOnLoadFailed","icon","_createVNode","UserIcon","mode","qdAvatarImageProps","lazy"],"mappings":";;AAEO,MAAMA,gBAAgB;AAAA,EAC3BC,kBAAkB;AAAA,EAClBC,MAAMA,MAAM,MAAAC,YAAAC,UAAA,MAAA,IAAA;AAAA,EACZC,MAAM;AACR;AAEO,MAAMC,qBAAqB;AAAA,EAChCC,MAAM;AACR;"}

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

@@ -0,0 +1,2 @@
+export { default as QdImage } from './index.vue';
+export type { QdImageProps } from './types';

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

@@ -0,0 +1,14 @@
+import type { QdImageProps } from './types';
+declare const _default: <OR = unknown, OP extends string | number | (string | number)[] = string | number | (string | number)[], TOP = OP>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & QdImageProps<OR, OP, TOP> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/image/index.vue.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, mergeDefaults, inject, computed, ref, watch, resolveDirective, withDirectives, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { qdImageProps } from "./props.mjs";
+import { Image } from "tdesign-vue-next";
+import { isEmpty, validator, suspectedWrapperPromise, to } from "qidian-shared";
+import { PROVIDE_UPLOAD } from "../config-provider/config.mjs";
+import merge from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "QdImage"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeDefaults({
+    src: {},
+    mode: {},
+    alt: {},
+    error: {},
+    fallback: {},
+    fit: {},
+    gallery: { type: Boolean },
+    lazy: { type: Boolean },
+    loading: {},
+    overlayContent: {},
+    overlayTrigger: {},
+    placeholder: {},
+    position: {},
+    referrerpolicy: {},
+    shape: {},
+    srcset: {},
+    onError: { type: Function },
+    onLoad: { type: Function },
+    listOssByIds: {}
+  }, qdImageProps),
+  setup(__props) {
+    const props = __props;
+    const globalUploadProps = inject(
+      PROVIDE_UPLOAD,
+      computed(() => void 0)
+    );
+    const reSrc = ref();
+    const reProps = computed(() => {
+      const { src, mode, listOssByIds, ...imageOptions } = props;
+      const reListOssByIds = merge(listOssByIds, globalUploadProps.value?.listOssByIds);
+      return {
+        src,
+        mode,
+        listOssByIds: reListOssByIds,
+        imageOptions
+      };
+    });
+    const serviceLoad = ref(false);
+    watch(
+      () => reProps.value.src,
+      async (newVal, oldVal) => {
+        if (newVal === oldVal) return;
+        const { mode, listOssByIds } = reProps.value;
+        if (mode === "ossId") {
+          if (!listOssByIds || !listOssByIds.service || isEmpty(newVal) || newVal instanceof File || validator(newVal, "url")) {
+            reSrc.value = newVal;
+            return;
+          }
+          const { service, transformParams, transformRes } = listOssByIds;
+          serviceLoad.value = true;
+          const currentParams = newVal;
+          let tParams;
+          if (transformParams) {
+            const [trErr, trRes] = await suspectedWrapperPromise(transformParams(currentParams));
+            if (trErr) {
+              serviceLoad.value = false;
+              throw trErr;
+            }
+            tParams = trRes;
+          }
+          const [serviceErr, serviceRes] = await to(
+            service(tParams || currentParams)
+          );
+          if (serviceErr) {
+            serviceLoad.value = false;
+            throw serviceErr;
+          }
+          let res;
+          if (transformRes) {
+            const [trErr, trRes] = await suspectedWrapperPromise(transformRes(serviceRes));
+            serviceLoad.value = false;
+            if (trErr) throw trErr;
+            res = trRes;
+          } else {
+            serviceLoad.value = false;
+            res = serviceRes;
+          }
+          reSrc.value = res[0]?.url;
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return withDirectives((openBlock(), createBlock(unref(Image), mergeProps(reProps.value.imageOptions, {
+        src: typeof reSrc.value === "number" ? reSrc.value + "" : reSrc.value
+      }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
+            ])
+          };
+        })
+      ]), 1040, ["src"])), [
+        [_directive_loading, { loading: serviceLoad.value, size: "small" }]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/image/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../src/components/image/index.vue"],"sourcesContent":["<template>\n  <t-image\n    v-loading=\"{ loading: serviceLoad, size: 'small' }\"\n    v-bind=\"reProps.imageOptions\"\n    :src=\"typeof reSrc === 'number' ? reSrc + '' : reSrc\"\n  >\n    <template v-for=\"name in $slots\" #[name]=\"slotProps\">\n      <slot :name=\"name\" v-bind=\"slotProps\" />\n    </template>\n  </t-image>\n</template>\n\n<script\n  setup\n  lang=\"ts\"\n  generic=\"\n    OR = unknown,\n    OP extends string | number | (string | number)[] = string | number | (string | number)[],\n    TOP = OP\n  \"\n>\n  import type { QdImageProps } from './types'\n  import type { QdUploadListOssByIdsResult } from '../upload/types'\n  import { qdImageProps } from './props'\n  import { Image as TImage } from 'tdesign-vue-next'\n  import { computed, inject, ref, watch } from 'vue'\n  import { isEmpty, suspectedWrapperPromise, to, validator } from 'qidian-shared'\n  import { PROVIDE_UPLOAD } from '../config-provider/config'\n  import { merge } from 'lodash-es'\n\n  defineOptions({\n    name: 'QdImage'\n  })\n\n  type Props = QdImageProps<OR, OP, TOP>\n\n  const props = withDefaults(defineProps<Props>(), qdImageProps)\n\n  const globalUploadProps = inject(\n    PROVIDE_UPLOAD,\n    computed(() => undefined)\n  )\n\n  const reSrc = ref<string | number | File | undefined>()\n  const reProps = computed(() => {\n    const { src, mode, listOssByIds, ...imageOptions } = props\n    const reListOssByIds = merge(listOssByIds, globalUploadProps.value?.listOssByIds)\n\n    return {\n      src,\n      mode,\n      listOssByIds: reListOssByIds,\n      imageOptions\n    }\n  })\n\n  const serviceLoad = ref(false)\n\n  watch(\n    () => reProps.value.src,\n    async (newVal, oldVal) => {\n      if (newVal === oldVal) return\n\n      const { mode, listOssByIds } = reProps.value\n      if (mode === 'ossId') {\n        if (\n          !listOssByIds ||\n          !listOssByIds.service ||\n          isEmpty(newVal) ||\n          newVal instanceof File ||\n          validator(newVal, 'url')\n        ) {\n          reSrc.value = newVal\n          return\n        }\n\n        const { service, transformParams, transformRes } = listOssByIds\n\n        serviceLoad.value = true\n        const currentParams = newVal\n        let tParams: TOP | undefined\n\n        if (transformParams) {\n          const [trErr, trRes] = await suspectedWrapperPromise(transformParams(currentParams as OP))\n          if (trErr) {\n            serviceLoad.value = false\n            throw trErr\n          }\n\n          tParams = trRes\n        }\n\n        const [serviceErr, serviceRes] = await to(\n          service(tParams || (currentParams as unknown as TOP))\n        )\n        if (serviceErr) {\n          serviceLoad.value = false\n          throw serviceErr\n        }\n\n        let res: QdUploadListOssByIdsResult | undefined\n        if (transformRes) {\n          const [trErr, trRes] = await suspectedWrapperPromise(transformRes(serviceRes))\n          serviceLoad.value = false\n          if (trErr) throw trErr\n\n          res = trRes\n        } else {\n          serviceLoad.value = false\n          res = serviceRes as QdUploadListOssByIdsResult\n        }\n\n        reSrc.value = res[0]?.url\n      }\n    },\n    { immediate: true }\n  )\n</script>\n"],"names":["_withDirectives","_openBlock","_createBlock","_unref","TImage","_mergeProps","$slots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCE,UAAM,QAAQ;AAEd,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,SAAS,MAAM,MAAS;AAAA,IAAA;AAG1B,UAAM,QAAQ,IAAA;AACd,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,KAAK,MAAM,cAAc,GAAG,iBAAiB;AACrD,YAAM,iBAAiB,MAAM,cAAc,kBAAkB,OAAO,YAAY;AAEhF,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MAAA;AAAA,IAEJ,CAAC;AAED,UAAM,cAAc,IAAI,KAAK;AAE7B;AAAA,MACE,MAAM,QAAQ,MAAM;AAAA,MACpB,OAAO,QAAQ,WAAW;AACxB,YAAI,WAAW,OAAQ;AAEvB,cAAM,EAAE,MAAM,aAAA,IAAiB,QAAQ;AACvC,YAAI,SAAS,SAAS;AACpB,cACE,CAAC,gBACD,CAAC,aAAa,WACd,QAAQ,MAAM,KACd,kBAAkB,QAClB,UAAU,QAAQ,KAAK,GACvB;AACA,kBAAM,QAAQ;AACd;AAAA,UACF;AAEA,gBAAM,EAAE,SAAS,iBAAiB,aAAA,IAAiB;AAEnD,sBAAY,QAAQ;AACpB,gBAAM,gBAAgB;AACtB,cAAI;AAEJ,cAAI,iBAAiB;AACnB,kBAAM,CAAC,OAAO,KAAK,IAAI,MAAM,wBAAwB,gBAAgB,aAAmB,CAAC;AACzF,gBAAI,OAAO;AACT,0BAAY,QAAQ;AACpB,oBAAM;AAAA,YACR;AAEA,sBAAU;AAAA,UACZ;AAEA,gBAAM,CAAC,YAAY,UAAU,IAAI,MAAM;AAAA,YACrC,QAAQ,WAAY,aAAgC;AAAA,UAAA;AAEtD,cAAI,YAAY;AACd,wBAAY,QAAQ;AACpB,kBAAM;AAAA,UACR;AAEA,cAAI;AACJ,cAAI,cAAc;AAChB,kBAAM,CAAC,OAAO,KAAK,IAAI,MAAM,wBAAwB,aAAa,UAAU,CAAC;AAC7E,wBAAY,QAAQ;AACpB,gBAAI,MAAO,OAAM;AAEjB,kBAAM;AAAA,UACR,OAAO;AACL,wBAAY,QAAQ;AACpB,kBAAM;AAAA,UACR;AAEA,gBAAM,QAAQ,IAAI,CAAC,GAAG;AAAA,QACxB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;;;AAlHpB,aAAAA,gBAAAC,aAAAC,YAQUC,MAAAC,KAAA,GARVC,WAEU,QAMA,MANQ,cAAY;AAAA,QAC3B,KAAG,OAAS,MAAA,UAAK,WAAgB,MAAA,aAAa,MAAA;AAAA,MAAA;QAEtBC,WAAAA,KAAAA,SAAR,SAAI;;;YACnB,IAAAC,QAAA,CADwC,cAAS;AAAA,cACjDC,WAAwC,KAAA,QAA3B,MAAIC,eAAAC,mBAAU,SAAS,CAAA,CAAA;AAAA,YAAA;;;;wCALhB,YAAA,OAAW,MAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/image/index.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/dist/components/image/index.vue2.mjs.map

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

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

@@ -0,0 +1,6 @@
+export declare const qdImageProps: {
+    readonly loading: () => () => any;
+    readonly error: () => () => any;
+    readonly mode: "ossId";
+    readonly lazy: true;
+};

package/dist/components/image/props.mjs

@@ -0,0 +1,12 @@
+import { createVNode } from "vue";
+import { ImageErrorIcon, LoadingIcon } from "tdesign-icons-vue-next";
+const qdImageProps = {
+  loading: () => () => createVNode(LoadingIcon, null, null),
+  error: () => () => createVNode(ImageErrorIcon, null, null),
+  mode: "ossId",
+  lazy: true
+};
+export {
+  qdImageProps
+};
+//# sourceMappingURL=props.mjs.map

package/dist/components/image/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../src/components/image/props.tsx"],"sourcesContent":["import { ImageErrorIcon, LoadingIcon } from 'tdesign-icons-vue-next'\n\nexport const qdImageProps = {\n  loading: () => () => <LoadingIcon />,\n  error: () => () => <ImageErrorIcon />,\n  mode: 'ossId',\n  lazy: true\n} as const\n"],"names":["qdImageProps","loading","_createVNode","LoadingIcon","error","ImageErrorIcon","mode","lazy"],"mappings":";;AAEO,MAAMA,eAAe;AAAA,EAC1BC,SAASA,MAAM,MAAAC,YAAAC,aAAA,MAAA,IAAA;AAAA,EACfC,OAAOA,MAAM,MAAAF,YAAAG,gBAAA,MAAA,IAAA;AAAA,EACbC,MAAM;AAAA,EACNC,MAAM;AACR;"}

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

@@ -0,0 +1,6 @@
+import type { TdImageProps, UploadFile } from 'tdesign-vue-next';
+import type { QdUploadProps } from '../upload';
+export interface QdImageProps<OR = unknown, OP extends string | number | (string | number)[] = string | number | (string | number)[], TOP = OP> extends Omit<TdImageProps, 'src'>, Pick<QdUploadProps<UploadFile, OR, OP, TOP>, 'listOssByIds'> {
+    src?: string | number | File;
+    mode?: 'ossId' | 'url';
+}

package/dist/components/index.d.ts

@@ -10,5 +10,6 @@ export * from './office';
 export * from './org';
 export * from './form';
 export * from './grid';
+export * from './image';
 export * from './service';
 export * from './upload';

package/dist/index.mjs

@@ -27,10 +27,11 @@ import { qdFormGrid, qdFormGutter } from "./components/form/props.mjs";
 import { default as default19 } from "./components/grid/index.vue.mjs";
 import { default as default20 } from "./components/grid/item.vue.mjs";
 import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY } from "./components/grid/config.mjs";
-import { default as default21 } from "./components/service/table.vue.mjs";
-import { default as default22 } from "./components/service/list.vue.mjs";
-import { default as default23 } from "./components/service/select.vue.mjs";
-import { default as default24 } from "./components/upload/index.vue.mjs";
+import { default as default21 } from "./components/image/index.vue.mjs";
+import { default as default22 } from "./components/service/table.vue.mjs";
+import { default as default23 } from "./components/service/list.vue.mjs";
+import { default as default24 } from "./components/service/select.vue.mjs";
+import { default as default25 } from "./components/upload/index.vue.mjs";
 import { qdUploadAcceptMap } from "./components/upload/config.mjs";
 import { hasPermi, hasPermiDirective } from "./directive/hasPermi.mjs";
 import { hasRole, hasRoleDirective } from "./directive/hasRole.mjs";
@@ -64,12 +65,13 @@ export {
   default18 as QdFormItem,
   default19 as QdGrid,
   default20 as QdGridItem,
+  default21 as QdImage,
   default15 as QdOfficePdf,
   default16 as QdOrgSelect,
-  default22 as QdServiceList,
-  default23 as QdServiceSelect,
-  default21 as QdServiceTable,
-  default24 as QdUpload,
+  default23 as QdServiceList,
+  default24 as QdServiceSelect,
+  default22 as QdServiceTable,
+  default25 as QdUpload,
   auth,
   defineQdCrudList,
   defineQdCrudTable,

package/dist/index.mjs.map

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

package/dist/qidian-vue-ui.css

@@ -133,13 +133,13 @@ p {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--v07d46710);
 }
-.qd-avatar[data-v-527dccf6] {
+.qd-avatar[data-v-26692975] {
   display: inline-flex;
   align-items: center;
   font: var(--td-font-body-medium);
   color: var(--td-text-color-primary);
 }
-.qd-avatar__name[data-v-527dccf6] {
+.qd-avatar__name[data-v-26692975] {
   margin-left: var(--td-comp-margin-s);
 }
 [data-v-cdb247de] .qd-card__header--click {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",