ll-plus 2.3.9 → 2.3.11

package/es/components/operate-icon/index.d.ts

@@ -83,6 +83,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     operateIconClass: import("vue").ComputedRef<string>;
     marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownParentClick: () => boolean;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconType: {

package/es/components/operate-icon/src/operate-icon.vue.d.ts

@@ -83,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     operateIconClass: import("vue").ComputedRef<string>;
     marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownParentClick: () => boolean;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconType: {

package/es/components/operate-icon/src/operate-icon.vue2.mjs

@@ -60,6 +60,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emits("update:dropdownOpen", false);
       }
     };
+    const handleDropdownParentClick = () => dropdownOpen.value = false;
     const handleIconMouseenter = () => {
       dropdownOpen.value = true;
       emits("update:dropdownOpen", true);
@@ -124,7 +125,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         return openBlock(), createBlock(
                           _component_a_menu_item,
                           {
-                            key: item.iconName
+                            key: item.iconName,
+                            onClick: handleDropdownParentClick
                           },
                           {
                             default: withCtx(() => [

package/es/components/operate-icon/src/operate-icon.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-button-container' : ''\n}\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) {\n    dropdownOpen.value = false\n    emits('update:dropdownOpen', false)\n  }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n  emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"(item, index) in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n      :class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n          :class=\"bem.e('icon-more')\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item\n              v-for=\"item in modalIconList\"\n              :key=\"item.iconName\"\n              @click=\"handleDropdownParentClick\"\n            >\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n  // 默认的icon列表\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: computed(() => props.iconType || 'primary'), // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-button-container' : ''\n}\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) {\n    dropdownOpen.value = false\n    emits('update:dropdownOpen', false)\n  }\n}\nconst handleDropdownParentClick = () => (dropdownOpen.value = false)\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n  emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/upload-image/index.d.ts

@@ -1,6 +1,7 @@
 export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown, readonly [], boolean>;
     readonly imgLoading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly iconName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "icon-add", boolean>;
     readonly maxCount: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly accept: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, ".jpg,.png,.jpeg,.svg", boolean>;
@@ -25,7 +26,6 @@ export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<im
         readonly prototype: any;
     })[], unknown, unknown, () => void, boolean>;
 }, {
-    loading: import("vue").Ref<boolean>;
     props: import("@vue/shared").LooseRequired<{
         readonly value: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
         readonly accept: string;
@@ -43,6 +43,7 @@ export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<im
         readonly tip: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
         readonly iconName: string;
         readonly imgLoading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly useBase64: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly imgSize: number;
         readonly onChange?: ((value: string | string[]) => any) | undefined;
         readonly "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
@@ -81,6 +82,7 @@ export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<im
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown, readonly [], boolean>;
     readonly imgLoading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly iconName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "icon-add", boolean>;
     readonly maxCount: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly accept: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, ".jpg,.png,.jpeg,.svg", boolean>;
@@ -124,6 +126,7 @@ export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<im
     readonly tip: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     readonly iconName: string;
     readonly imgLoading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly imgSize: number;
 }, {}>>;
 export default LlUploadImage;

package/es/components/upload-image/src/upload-image.d.ts

@@ -5,6 +5,7 @@ import type UploadImage from './upload-image.vue';
 export declare const uploadImageProps: {
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown, readonly [], boolean>;
     readonly imgLoading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly iconName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "icon-add", boolean>;
     readonly maxCount: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly accept: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, ".jpg,.png,.jpeg,.svg", boolean>;

package/es/components/upload-image/src/upload-image.mjs

@@ -11,6 +11,10 @@ const uploadImageProps = buildProps({
     type: Boolean,
     default: false
   },
+  useBase64: {
+    type: Boolean,
+    default: true
+  },
   iconName: {
     type: String,
     default: "icon-add"

package/es/components/upload-image/src/upload-image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.mjs","sources":["../../../../../packages/components/upload-image/src/upload-image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type {\n  UploadProps,\n  FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n\nimport type { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface.d.ts'\n\nimport type UploadImage from './upload-image.vue'\n\nexport const uploadImageProps = buildProps({\n  value: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: []\n  },\n  imgLoading: {\n    type: Boolean,\n    default: false\n  },\n  iconName: {\n    type: String,\n    default: 'icon-add'\n  },\n  maxCount: {\n    type: Number,\n    default: 1\n  },\n  accept: {\n    type: String,\n    default: '.jpg,.png,.jpeg,.svg'\n  },\n  imgSize: {\n    type: Number,\n    default: 2 * 1024 * 1024\n  },\n  tip: {\n    type: [String, Boolean],\n    default: true\n  },\n  beforeUpload: {\n    type: definePropType<UploadProps['beforeUpload']>(Function),\n    default: () => true\n  },\n  customRequest: {\n    type: definePropType<\n      (options: UploadRequestOption, base64: string) => void\n    >(Function),\n    default: (): void => {}\n  }\n} as const)\n\nexport const uploadImageEmits = {\n  change: (value: string | string[]) => !!value,\n  'update:value': (value: string | string[]) => !!value\n} as const\n\nexport type RcFileType = FileType\n\nexport type RcUploadRequestOption = UploadRequestOption\n\nexport type RcUploadProps = UploadProps\n\n// props\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>\n\n// emits\nexport type UploadImageEmits = typeof uploadImageEmits\n\n// instance\nexport type UploadImageInstance = InstanceType<typeof UploadImage>\n"],"names":[],"mappings":";;;;AAaO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAAkC,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACvD,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,sBAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,IAAI,IAAO,GAAA,IAAA;AAAA,GACtB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IACtB,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA4C,QAAQ,CAAA;AAAA,IAC1D,SAAS,MAAM,IAAA;AAAA,GACjB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAEJ,QAAQ,CAAA;AAAA,IACV,SAAS,MAAY;AAAA,KAAC;AAAA,GACxB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAC,KAA6B,KAAA,CAAC,CAAC,KAAA;AAAA,EACxC,cAAgB,EAAA,CAAC,KAA6B,KAAA,CAAC,CAAC,KAAA;AAClD;;;;"}
+{"version":3,"file":"upload-image.mjs","sources":["../../../../../packages/components/upload-image/src/upload-image.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type {\n  UploadProps,\n  FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n\nimport type { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface.d.ts'\n\nimport type UploadImage from './upload-image.vue'\n\nexport const uploadImageProps = buildProps({\n  value: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: []\n  },\n  imgLoading: {\n    type: Boolean,\n    default: false\n  },\n  useBase64: {\n    type: Boolean,\n    default: true\n  },\n  iconName: {\n    type: String,\n    default: 'icon-add'\n  },\n  maxCount: {\n    type: Number,\n    default: 1\n  },\n  accept: {\n    type: String,\n    default: '.jpg,.png,.jpeg,.svg'\n  },\n  imgSize: {\n    type: Number,\n    default: 2 * 1024 * 1024\n  },\n  tip: {\n    type: [String, Boolean],\n    default: true\n  },\n  beforeUpload: {\n    type: definePropType<UploadProps['beforeUpload']>(Function),\n    default: () => true\n  },\n  customRequest: {\n    type: definePropType<\n      (options: UploadRequestOption, base64: string) => void\n    >(Function),\n    default: (): void => {}\n  }\n} as const)\n\nexport const uploadImageEmits = {\n  change: (value: string | string[]) => !!value,\n  'update:value': (value: string | string[]) => !!value\n} as const\n\nexport type RcFileType = FileType\n\nexport type RcUploadRequestOption = UploadRequestOption\n\nexport type RcUploadProps = UploadProps\n\n// props\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>\n\n// emits\nexport type UploadImageEmits = typeof uploadImageEmits\n\n// instance\nexport type UploadImageInstance = InstanceType<typeof UploadImage>\n"],"names":[],"mappings":";;;;AAaO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAAkC,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACvD,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,sBAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,IAAI,IAAO,GAAA,IAAA;AAAA,GACtB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IACtB,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA4C,QAAQ,CAAA;AAAA,IAC1D,SAAS,MAAM,IAAA;AAAA,GACjB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAEJ,QAAQ,CAAA;AAAA,IACV,SAAS,MAAY;AAAA,KAAC;AAAA,GACxB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAC,KAA6B,KAAA,CAAC,CAAC,KAAA;AAAA,EACxC,cAAgB,EAAA,CAAC,KAA6B,KAAA,CAAC,CAAC,KAAA;AAClD;;;;"}

package/es/components/upload-image/src/upload-image.vue.d.ts

@@ -2,6 +2,7 @@ import type { FileType } from 'ant-design-vue/es/upload/interface.d.ts';
 declare const _default: import("vue").DefineComponent<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown, readonly [], boolean>;
     readonly imgLoading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly iconName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "icon-add", boolean>;
     readonly maxCount: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly accept: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, ".jpg,.png,.jpeg,.svg", boolean>;
@@ -26,7 +27,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly prototype: any;
     })[], unknown, unknown, () => void, boolean>;
 }, {
-    loading: import("vue").Ref<boolean>;
     props: import("@vue/shared").LooseRequired<{
         readonly value: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
         readonly accept: string;
@@ -44,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly tip: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
         readonly iconName: string;
         readonly imgLoading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly useBase64: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly imgSize: number;
         readonly onChange?: ((value: string | string[]) => any) | undefined;
         readonly "onUpdate:value"?: ((value: string | string[]) => any) | undefined;
@@ -82,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown, readonly [], boolean>;
     readonly imgLoading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly iconName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "icon-add", boolean>;
     readonly maxCount: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly accept: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, ".jpg,.png,.jpeg,.svg", boolean>;
@@ -125,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly tip: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     readonly iconName: string;
     readonly imgLoading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useBase64: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly imgSize: number;
 }, {}>;
 export default _default;

package/es/components/upload-image/src/upload-image.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useAttrs, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, mergeProps, withCtx, createBlock, withModifiers, toDisplayString, Fragment, renderList } from 'vue';
+import { defineComponent, useAttrs, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, mergeProps, withCtx, createBlock, withModifiers, toDisplayString, Fragment, renderList } from 'vue';
 import { omit } from 'lodash-es';
 import '../../../utils/index.mjs';
 import { uploadImageProps, uploadImageEmits } from './upload-image.mjs';
@@ -14,7 +14,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: uploadImageProps,
   emits: uploadImageEmits,
   setup(__props, { emit: __emit }) {
-    const loading = ref(false);
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("upload-image");
@@ -52,9 +51,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return isType && isSize && props.beforeUpload?.(file, FileList);
     };
     const customRequest = async (res) => {
-      loading.value = true;
       const fileUrl = await fileToBase64(res.file);
-      props.maxCount === 1 ? innerValue.value = [fileUrl] : innerValue.value.push(fileUrl);
+      if (props.useBase64) {
+        props.maxCount === 1 ? innerValue.value = [fileUrl] : innerValue.value.push(fileUrl);
+      }
       try {
         props.customRequest?.(res, fileUrl);
       } catch (error) {

package/es/components/upload-image/src/upload-image.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.vue2.mjs","sources":["../../../../../packages/components/upload-image/src/upload-image.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bem.m('preview-box')\">\n      <a-upload\n        v-model:fileList=\"fileList\"\n        v-bind=\"getBindValue\"\n        :accept=\"props.accept\"\n        :show-upload-list=\"false\"\n        :max-count=\"props.maxCount\"\n        :multiple=\"computedMultiple\"\n        :before-upload=\"beforeUpload\"\n        :custom-request=\"customRequest\"\n        :class=\"bem.m('upload')\"\n        list-type=\"picture-card\"\n      >\n        <a-spin size=\"small\" :spinning=\"props.imgLoading\">\n          <a-image\n            v-if=\"innerValue.length > 0\"\n            :preview=\"{ visible: false }\"\n            :width=\"100\"\n            :height=\"100\"\n            :src=\"innerValue[0]\"\n            :style=\"{\n              objectFit: 'contain'\n            }\"\n          >\n            <template #previewMask>\n              <div :class=\"bem.m('preview-mask')\">\n                <a href=\"javascript:;\" @click.stop=\"imageVisible = true\">\n                  <ll-icon\n                    :icon-name=\"`icon-pwd-look`\"\n                    :class=\"bem.e('image-icon')\"\n                  />\n                </a>\n                <a href=\"javascript:;\" @click.stop=\"handleRemoveImage\">\n                  <ll-icon\n                    :icon-name=\"`icon-delete`\"\n                    :class=\"bem.e('image-icon')\"\n                  />\n                </a>\n              </div>\n            </template>\n          </a-image>\n          <ll-icon v-else :icon-name=\"props.iconName\" style=\"font-size: 30px\" />\n        </a-spin>\n      </a-upload>\n      <p :class=\"bem.e('tip')\">{{ computedTip }}</p>\n    </div>\n\n    <div style=\"display: none\">\n      <a-image-preview-group\n        :preview=\"{\n          visible: imageVisible,\n          onVisibleChange: (vis: boolean) => (imageVisible = vis)\n        }\"\n      >\n        <a-image v-for=\"item in innerValue\" :key=\"item\" :src=\"item\" />\n      </a-image-preview-group>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useAttrs, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport { createNamespace, formatFileSize, fileToBase64 } from '@ll-plus/utils'\nimport { uploadImageProps, uploadImageEmits } from './upload-image'\nimport { message, Form } from 'ant-design-vue'\n\nimport type {\n  UploadProps,\n  FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n// import type {\n//   // BeforeUploadFileType,\n//   UploadRequestOption\n// } from 'ant-design-vue/es/vc-upload/interface.d.ts'\n//1.Init props/emits/bem/attrs\n\ndefineOptions({ name: 'LlUploadImage' })\n\nconst loading = ref(false)\n\nconst props = defineProps(uploadImageProps)\n\nconst emits = defineEmits(uploadImageEmits)\n\nconst bem = createNamespace('upload-image')\n\nconst attrs = useAttrs()\n\nconst fileList = ref([])\n\nconst imageVisible = ref(false)\n\nconst innerValue = ref<string[]>(\n  Array.isArray(props.value)\n    ? [...props.value]\n    : props.value\n      ? [props.value]\n      : []\n)\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst computedAccept = computed(() => {\n  return props.accept\n    ? props.accept\n        .split(',')\n        .map(e => e.replace('.', ''))\n        .join(',')\n    : props.accept\n})\n\nconst computedTip = computed(() => {\n  return typeof props.tip === 'string'\n    ? props.tip\n    : props.tip\n      ? `支持${computedAccept.value}格式，不超过${formatFileSize(\n          props.imgSize\n        )}。`\n      : ''\n})\n\nconst computedMultiple = computed(() => props.maxCount > 1)\n\nconst getBindValue = computed(() => ({\n  ...omit({ ...attrs }, [...Object.keys(uploadImageProps)])\n}))\n\nconst beforeUpload = async (file: FileType, FileList: FileType[]) => {\n  const fileType = file.type.toLowerCase().replace('image/', '')\n  const isType = props.accept.includes(fileType)\n  const isSize = file.size <= props.imgSize\n  if (!isType) {\n    message.error(`${file.name} 需要为${computedAccept.value}格式。`)\n    return false\n  }\n  if (!isSize) {\n    message.error(`${file.name} 文件不得大于${formatFileSize(props.imgSize)}。`)\n    return false\n  }\n  return isType && isSize && props.beforeUpload?.(file, FileList)\n}\n\nconst customRequest: UploadProps['customRequest'] = async (res: any) => {\n  loading.value = true\n  const fileUrl = (await fileToBase64(res.file)) as string\n  props.maxCount === 1\n    ? (innerValue.value = [fileUrl])\n    : innerValue.value.push(fileUrl)\n  try {\n    props.customRequest?.(res, fileUrl)\n  } catch (error) {\n    innerValue.value.splice(innerValue.value.length - 1, 1)\n    message.error('上传失败')\n  }\n}\n\nconst handleRemoveImage = async () => {\n  const index = innerValue.value.length - 1\n  innerValue.value.splice(index, 1)\n\n  setValue()\n}\n\nconst setValue = () => {\n  const value =\n    props.maxCount === 1\n      ? innerValue.value.length\n        ? innerValue.value[0]\n        : ''\n      : innerValue.value\n  emits('update:value', value)\n  emits('change', value)\n  formItemContext.onFieldChange()\n}\n\nwatch(\n  () => props.value,\n  newVal => {\n    if (newVal !== innerValue.value) {\n      innerValue.value = Array.isArray(newVal)\n        ? [...newVal]\n        : newVal\n          ? [newVal]\n          : []\n    }\n  }\n)\n\nwatch(\n  innerValue,\n  () => {\n    setValue()\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"upload-image.vue2.mjs","sources":["../../../../../packages/components/upload-image/src/upload-image.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bem.m('preview-box')\">\n      <a-upload\n        v-model:fileList=\"fileList\"\n        v-bind=\"getBindValue\"\n        :accept=\"props.accept\"\n        :show-upload-list=\"false\"\n        :max-count=\"props.maxCount\"\n        :multiple=\"computedMultiple\"\n        :before-upload=\"beforeUpload\"\n        :custom-request=\"customRequest\"\n        :class=\"bem.m('upload')\"\n        list-type=\"picture-card\"\n      >\n        <a-spin size=\"small\" :spinning=\"props.imgLoading\">\n          <a-image\n            v-if=\"innerValue.length > 0\"\n            :preview=\"{ visible: false }\"\n            :width=\"100\"\n            :height=\"100\"\n            :src=\"innerValue[0]\"\n            :style=\"{\n              objectFit: 'contain'\n            }\"\n          >\n            <template #previewMask>\n              <div :class=\"bem.m('preview-mask')\">\n                <a href=\"javascript:;\" @click.stop=\"imageVisible = true\">\n                  <ll-icon\n                    :icon-name=\"`icon-pwd-look`\"\n                    :class=\"bem.e('image-icon')\"\n                  />\n                </a>\n                <a href=\"javascript:;\" @click.stop=\"handleRemoveImage\">\n                  <ll-icon\n                    :icon-name=\"`icon-delete`\"\n                    :class=\"bem.e('image-icon')\"\n                  />\n                </a>\n              </div>\n            </template>\n          </a-image>\n          <ll-icon v-else :icon-name=\"props.iconName\" style=\"font-size: 30px\" />\n        </a-spin>\n      </a-upload>\n      <p :class=\"bem.e('tip')\">{{ computedTip }}</p>\n    </div>\n\n    <div style=\"display: none\">\n      <a-image-preview-group\n        :preview=\"{\n          visible: imageVisible,\n          onVisibleChange: (vis: boolean) => (imageVisible = vis)\n        }\"\n      >\n        <a-image v-for=\"item in innerValue\" :key=\"item\" :src=\"item\" />\n      </a-image-preview-group>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useAttrs, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport { createNamespace, formatFileSize, fileToBase64 } from '@ll-plus/utils'\nimport { uploadImageProps, uploadImageEmits } from './upload-image'\nimport { message, Form } from 'ant-design-vue'\n\nimport type {\n  UploadProps,\n  FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n// import type {\n//   // BeforeUploadFileType,\n//   UploadRequestOption\n// } from 'ant-design-vue/es/vc-upload/interface.d.ts'\n//1.Init props/emits/bem/attrs\n\ndefineOptions({ name: 'LlUploadImage' })\n\nconst props = defineProps(uploadImageProps)\n\nconst emits = defineEmits(uploadImageEmits)\n\nconst bem = createNamespace('upload-image')\n\nconst attrs = useAttrs()\n\nconst fileList = ref([])\n\nconst imageVisible = ref(false)\n\nconst innerValue = ref<string[]>(\n  Array.isArray(props.value)\n    ? [...props.value]\n    : props.value\n      ? [props.value]\n      : []\n)\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst computedAccept = computed(() => {\n  return props.accept\n    ? props.accept\n        .split(',')\n        .map(e => e.replace('.', ''))\n        .join(',')\n    : props.accept\n})\n\nconst computedTip = computed(() => {\n  return typeof props.tip === 'string'\n    ? props.tip\n    : props.tip\n      ? `支持${computedAccept.value}格式，不超过${formatFileSize(\n          props.imgSize\n        )}。`\n      : ''\n})\n\nconst computedMultiple = computed(() => props.maxCount > 1)\n\nconst getBindValue = computed(() => ({\n  ...omit({ ...attrs }, [...Object.keys(uploadImageProps)])\n}))\n\nconst beforeUpload = async (file: FileType, FileList: FileType[]) => {\n  const fileType = file.type.toLowerCase().replace('image/', '')\n  const isType = props.accept.includes(fileType)\n  const isSize = file.size <= props.imgSize\n  if (!isType) {\n    message.error(`${file.name} 需要为${computedAccept.value}格式。`)\n    return false\n  }\n  if (!isSize) {\n    message.error(`${file.name} 文件不得大于${formatFileSize(props.imgSize)}。`)\n    return false\n  }\n  return isType && isSize && props.beforeUpload?.(file, FileList)\n}\n\nconst customRequest: UploadProps['customRequest'] = async (res: any) => {\n  const fileUrl = (await fileToBase64(res.file)) as string\n  if (props.useBase64) {\n    props.maxCount === 1\n      ? (innerValue.value = [fileUrl])\n      : innerValue.value.push(fileUrl)\n  }\n  try {\n    props.customRequest?.(res, fileUrl)\n  } catch (error) {\n    innerValue.value.splice(innerValue.value.length - 1, 1)\n    message.error('上传失败')\n  }\n}\n\nconst handleRemoveImage = async () => {\n  const index = innerValue.value.length - 1\n  innerValue.value.splice(index, 1)\n\n  setValue()\n}\n\nconst setValue = () => {\n  const value =\n    props.maxCount === 1\n      ? innerValue.value.length\n        ? innerValue.value[0]\n        : ''\n      : innerValue.value\n  emits('update:value', value)\n  emits('change', value)\n  formItemContext.onFieldChange()\n}\n\nwatch(\n  () => props.value,\n  newVal => {\n    if (newVal !== innerValue.value) {\n      innerValue.value = Array.isArray(newVal)\n        ? [...newVal]\n        : newVal\n          ? [newVal]\n          : []\n    }\n  }\n)\n\nwatch(\n  innerValue,\n  () => {\n    setValue()\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/index.full.js

@@ -59494,6 +59494,7 @@
           emits("update:dropdownOpen", false);
         }
       };
+      const handleDropdownParentClick = () => dropdownOpen.value = false;
       const handleIconMouseenter = () => {
         dropdownOpen.value = true;
         emits("update:dropdownOpen", true);
@@ -59558,7 +59559,8 @@
                           return require$$0.openBlock(), require$$0.createBlock(
                             _component_a_menu_item,
                             {
-                              key: item.iconName
+                              key: item.iconName,
+                              onClick: handleDropdownParentClick
                             },
                             {
                               default: require$$0.withCtx(() => [
@@ -76756,6 +76758,10 @@
       type: Boolean,
       default: false
     },
+    useBase64: {
+      type: Boolean,
+      default: true
+    },
     iconName: {
       type: String,
       default: "icon-add"
@@ -76798,7 +76804,6 @@
     props: uploadImageProps,
     emits: uploadImageEmits,
     setup(__props, { emit: __emit }) {
-      const loading = require$$0.ref(false);
       const props = __props;
       const emits = __emit;
       const bem = createNamespace("upload-image");
@@ -76836,9 +76841,10 @@
         return isType && isSize && props.beforeUpload?.(file, FileList);
       };
       const customRequest = async (res) => {
-        loading.value = true;
         const fileUrl = await fileToBase64(res.file);
-        props.maxCount === 1 ? innerValue.value = [fileUrl] : innerValue.value.push(fileUrl);
+        if (props.useBase64) {
+          props.maxCount === 1 ? innerValue.value = [fileUrl] : innerValue.value.push(fileUrl);
+        }
         try {
           props.customRequest?.(res, fileUrl);
         } catch (error) {