ll-plus 2.4.14 → 2.4.15

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

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Image from './image.vue'\n\nexport interface ImagePreviewType {\n  visible?: boolean\n  onVisibleChange?: (visible, prevVisible) => void\n  getContainer: string | HTMLElement | (() => HTMLElement)\n  src?: string\n  maskClassName?: string\n  current?: number\n}\n\nexport const imageProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 图像描述\n   */\n  alt: {\n    type: String\n  },\n  /**\n   * @description 加载失败容错地址\n   */\n  fallback: {\n    type: String\n  },\n  /**\n   * @description 图像宽度\n   */\n  width: {\n    type: definePropType<number | string>([Number, String])\n  },\n  /**\n   * @description 图像高度\n   */\n  height: {\n    type: definePropType<number | string>([Number, String])\n  },\n  /**\n   * @description 加载占位, 为 true 时使用默认占位，有插槽\n   */\n  placeholder: {\n    type: Boolean\n  },\n  /**\n   * @description 预览参数，为 false 时禁用\n   */\n  preview: {\n    type: definePropType<boolean | ImagePreviewType>([Boolean, Object]),\n    default: true\n  },\n  /**\n   * @description 图片地址\n   */\n  src: {\n    type: definePropType<boolean | ImagePreviewType>([Boolean, Object]),\n    default: true\n  },\n  /**\n   * @description 自定义 mask 有插槽\n   */\n  previewMask: {\n    type: definePropType<false | (() => any)>([false, Function])\n  }\n} as const)\n\n// props\nexport type ImageProps = ExtractPropTypes<typeof imageProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type ImageInstance = InstanceType<typeof Image>\n\nexport const FALL_BACK_IMG =\n  'data:image/jpeg;base64,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'\n"],"names":[],"mappings":";;;;AAcO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,cAAA,CAA2C,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAClE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,cAAA,CAA2C,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAClE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,cAAA,CAAoC,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAAA,GAC7D;AACF,CAAU,EAAA;AAQH,MAAM,aACX,GAAA;;;;"}
+{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Image from './image.vue'\nimport type ImagePreviewGroup from './image-preview-group.vue'\n\nexport interface ImagePreviewType {\n  visible?: boolean\n  onVisibleChange?: (visible, prevVisible) => void\n  getContainer?: string | HTMLElement | (() => HTMLElement)\n  src?: string\n  maskClassName?: string\n  current?: number\n}\n\nexport const imageProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 图像描述\n   */\n  alt: {\n    type: String\n  },\n  /**\n   * @description 加载失败容错地址\n   */\n  fallback: {\n    type: String\n  },\n  /**\n   * @description 图像宽度\n   */\n  width: {\n    type: definePropType<number | string>([Number, String])\n  },\n  /**\n   * @description 图像高度\n   */\n  height: {\n    type: definePropType<number | string>([Number, String])\n  },\n  /**\n   * @description 加载占位, 为 true 时使用默认占位，有插槽\n   */\n  placeholder: {\n    type: Boolean\n  },\n  /**\n   * @description 预览参数，为 false 时禁用\n   */\n  preview: {\n    type: definePropType<boolean | ImagePreviewType>([Boolean, Object]),\n    default: true\n  },\n  /**\n   * @description 图片地址\n   */\n  src: {\n    type: String\n  },\n  /**\n   * @description 自定义 mask 有插槽\n   */\n  previewMask: {\n    type: definePropType<false | (() => any)>([false, Function])\n  },\n  /**\n   * @description 是否展示border\n   */\n  isShowBorder: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 是否展示border\n   */\n  borderRadius: {\n    type: String,\n    default: '6px'\n  }\n} as const)\n\n// props\nexport type ImageProps = ExtractPropTypes<typeof imageProps> // ExtractPropTypes和defineCpmponent类似\nexport type ImagePreviewGroupProps = ExtractPropTypes<typeof imageProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type ImageInstance = InstanceType<typeof Image>\nexport type ImagePreviewGroupInstance = InstanceType<typeof ImagePreviewGroup>\n\nexport const FALL_BACK_IMG =\n  'data:image/jpeg;base64,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'\n"],"names":[],"mappings":";;;;AAeO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,cAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,cAAA,CAA2C,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,IAClE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,cAAA,CAAoC,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAAA,GAC7D;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAUH,MAAM,aACX,GAAA;;;;"}

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

@@ -16,10 +16,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const computedFallback = computed(
       () => props.fallback ? props.fallback : FALL_BACK_IMG
     );
+    const getImageClass = computed(() => {
+      const borderClass = props.isShowBorder ? bem.m("border") : "";
+      return `${borderClass}`;
+    });
+    const getImageStyle = computed(() => {
+      return { borderRadius: props.borderRadius };
+    });
     return (_ctx, _cache) => {
       const _component_a_image = resolveComponent("a-image");
       return openBlock(), createBlock(_component_a_image, mergeProps({
-        class: unref(bem).b()
+        class: `${unref(bem).b()} ${getImageClass.value}`,
+        style: getImageStyle.value
       }, props, { fallback: computedFallback.value }), {
         placeholder: withCtx(() => [
           renderSlot(_ctx.$slots, "placeholder")
@@ -29,7 +37,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["class", "fallback"]);
+      }, 16, ["class", "style", "fallback"]);
     };
   }
 });

package/es/packages/components/image/src/image.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <a-image :class=\"bem.b()\" v-bind=\"props\" :fallback=\"computedFallback\">\n    <!-- 占位插槽 -->\n    <template #placeholder>\n      <slot name=\"placeholder\" />\n    </template>\n    <!-- 自定义mask插槽 -->\n    <template #previewMask>\n      <slot name=\"previewMask\" />\n    </template>\n  </a-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps } from './image'\n\nimport { FALL_BACK_IMG } from './image'\n\ndefineOptions({\n  name: 'LlImage'\n})\n\nconst props = defineProps(imageProps)\n\nconst bem = createNamespace('image')\n\n// 加载失败容错地址\nconst computedFallback = computed(() =>\n  props.fallback ? props.fallback : FALL_BACK_IMG\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAGnC,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MAAS,MAChC,KAAA,CAAM,QAAW,GAAA,KAAA,CAAM,QAAW,GAAA,aAAA;AAAA,KACpC,CAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n  <a-image\n    :class=\"`${bem.b()} ${getImageClass}`\"\n    :style=\"getImageStyle\"\n    v-bind=\"props\"\n    :fallback=\"computedFallback\"\n  >\n    <!-- 占位插槽 -->\n    <template #placeholder>\n      <slot name=\"placeholder\" />\n    </template>\n    <!-- 自定义mask插槽 -->\n    <template #previewMask>\n      <slot name=\"previewMask\" />\n    </template>\n  </a-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps } from './image'\n\nimport { FALL_BACK_IMG } from './image'\n\ndefineOptions({\n  name: 'LlImage'\n})\n\nconst props = defineProps(imageProps)\n\nconst bem = createNamespace('image')\n\n// 加载失败容错地址\nconst computedFallback = computed(() =>\n  props.fallback ? props.fallback : FALL_BACK_IMG\n)\n// 根据isShowBorder/borderRadius设置类名\nconst getImageClass = computed(() => {\n  const borderClass = props.isShowBorder ? bem.m('border') : ''\n  return `${borderClass}`\n})\nconst getImageStyle = computed(() => {\n  return { borderRadius: props.borderRadius }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAGnC,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MAAS,MAChC,KAAA,CAAM,QAAW,GAAA,KAAA,CAAM,QAAW,GAAA,aAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,MAAM,cAAc,KAAM,CAAA,YAAA,GAAe,GAAI,CAAA,CAAA,CAAE,QAAQ,CAAI,GAAA,EAAA,CAAA;AAC3D,MAAA,OAAO,GAAG,WAAW,CAAA,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AACD,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAO,OAAA,EAAE,YAAc,EAAA,KAAA,CAAM,YAAa,EAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/index.mjs

@@ -19,7 +19,7 @@ export { LlFormItem } from './form-item/index.mjs';
 export { LlIcon } from './icon/index.mjs';
 export { LlIconBase } from './icon-base/index.mjs';
 export { LlIconPicker } from './icon-picker/index.mjs';
-export { LlImage } from './image/index.mjs';
+export { LlImage, LlImagePreviewGroup } from './image/index.mjs';
 export { LlInput } from './input/index.mjs';
 export { LlInputNumber } from './input-number/index.mjs';
 export { LlKeyValue } from './key-value/index.mjs';

package/es/utils/props/runtime.d.ts

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
+export declare const buildProps: <Props extends Record<string, {
     __epPropKey: true;
-}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };