ll-plus 2.8.14 → 2.8.16

package/es/component.mjs

@@ -10,7 +10,7 @@ import { LlCodeEditor } from './packages/components/code-editor/index.mjs';
 import { LlColorPicker } from './packages/components/color-picker/index.mjs';
 import { LlConfigProvider } from './packages/components/config-provider/index.mjs';
 import { LlCropperImage, LlCropperModal } from './packages/components/cropper/index.mjs';
-import { LlQrCode } from './packages/components/qr-code/index.mjs';
+import { LlQrcode } from './packages/components/qrcode/index.mjs';
 import { LlDatePicker } from './packages/components/date-picker/index.mjs';
 import { LlDateRange } from './packages/components/date-range/index.mjs';
 import { LlDescriptions } from './packages/components/descriptions/index.mjs';
@@ -75,7 +75,7 @@ var Components = [
   LlColorPicker,
   LlConfigProvider,
   LlCropperImage,
-  LlQrCode,
+  LlQrcode,
   LlCropperModal,
   LlDatePicker,
   LlDateRange,

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlBreadcrumbCard,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlColorPicker,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlDropdown,\n  LlDropdownButton,\n  LlDropdownButtonSimple,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNewDrawer,\n  LlNewModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlQrCode,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectGroup,\n  LlSelectOptGroup,\n  LlSelectOption,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTree,\n  LlTreeSearch,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput,\n  LlWatermark\n} from '@ll-plus/components'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlBreadcrumbCard,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlColorPicker,\n  LlConfigProvider,\n  LlCropperImage,\n  LlQrCode,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlDropdown,\n  LlDropdownButton,\n  LlDropdownButtonSimple,\n  LlNewDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNewModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput,\n  LlWatermark\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlBreadcrumbCard,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlColorPicker,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlDropdown,\n  LlDropdownButton,\n  LlDropdownButtonSimple,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNewDrawer,\n  LlNewModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlQrcode,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectGroup,\n  LlSelectOptGroup,\n  LlSelectOption,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTree,\n  LlTreeSearch,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput,\n  LlWatermark\n} from '@ll-plus/components'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlBreadcrumbCard,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlColorPicker,\n  LlConfigProvider,\n  LlCropperImage,\n  LlQrcode,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlDropdown,\n  LlDropdownButton,\n  LlDropdownButtonSimple,\n  LlNewDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNewModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput,\n  LlWatermark\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAA;;;;"}

package/es/components/index.d.ts

@@ -34,7 +34,7 @@ export * from './new-modal';
 export * from './number-range';
 export * from './operate-icon';
 export * from './operate-tree';
-export * from './qr-code';
+export * from './qrcode';
 export * from './radio';
 export * from './rich-text-editor';
 export * from './segmented';

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

@@ -28,12 +28,14 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trigger: string[];
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
+        readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly overlayClassName?: string | undefined;
         readonly data?: any;
         readonly list?: import("ll-plus/es/index").IconBaseProps[] | undefined;
@@ -3477,6 +3479,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     onEdit?: ((v: Event, data: any) => any) | undefined;
     onDelete?: ((v: Event, data: any) => any) | undefined;
@@ -3486,6 +3489,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     readonly trigger: string[];
     readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showIconLimit: number;
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>>;
 export default LlOperateIcon;
 export * from './src/operate-icon';

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

@@ -30,6 +30,7 @@ export declare const operateIconProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export declare const operateIconEmits: {
     edit: (v: Event, data: any) => Event;

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

@@ -28,12 +28,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly trigger: string[];
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
+        readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly overlayClassName?: string | undefined;
         readonly data?: any;
         readonly list?: IconBaseProps[] | undefined;
@@ -3477,6 +3479,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     onEdit?: ((v: Event, data: any) => any) | undefined;
     onDelete?: ((v: Event, data: any) => any) | undefined;
@@ -3486,5 +3489,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly trigger: string[];
     readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showIconLimit: number;
+    readonly showDropdownItemIcon: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/es/components/{qr-code → qrcode}/index.d.ts

@@ -1,5 +1,5 @@
-import QrCode from './src/qr-code.vue';
-export declare const LlQrCode: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+import Qrcode from './src/qrcode.vue';
+export declare const LlQrcode: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly value: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
@@ -54,10 +54,10 @@ export declare const LlQrCode: import("ll-plus/es/utils").SFCWithInstall<import(
     readonly size: number;
     readonly iconSize: number;
 }, {}>>;
-export default LlQrCode;
-export * from './src/qr-code';
+export default LlQrcode;
+export * from './src/qrcode';
 declare module 'vue' {
     interface GlobalComponents {
-        LlQrCode: typeof QrCode;
+        LlQrcode: typeof Qrcode;
     }
 }

package/{types/packages/components/qr-code/src/qr-code.d.ts → es/components/qrcode/src/qrcode.d.ts}

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
-import type QrCode from './qr-code.vue';
-export declare const qrCodeType: readonly ["canvas", "svg"];
-export declare const qrCodeProps: {
+import type Qrcode from './qrcode.vue';
+export declare const qrcodeType: readonly ["canvas", "svg"];
+export declare const qrcodeProps: {
     readonly value: {
         readonly type: import("vue").PropType<string>;
         readonly required: false;
@@ -18,6 +18,6 @@ export declare const qrCodeProps: {
     readonly size: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 160, boolean>;
     readonly iconSize: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 40, boolean>;
 };
-export type QrCodeProps = ExtractPropTypes<typeof qrCodeProps>;
-export type QrCodeType = QrCodeProps['value'];
-export type QrCodeInstance = InstanceType<typeof QrCode>;
+export type QrcodeProps = ExtractPropTypes<typeof qrcodeProps>;
+export type QrcodeType = QrcodeProps['value'];
+export type QrcodeInstance = InstanceType<typeof Qrcode>;

package/es/index.mjs

@@ -97,8 +97,8 @@ export { operateIconEmits, operateIconProps } from './packages/components/operat
 export { LlOperateIcon } from './packages/components/operate-icon/index.mjs';
 export { OperateTreeEmits, operateTreeEmits, operateTreeProps } from './packages/components/operate-tree/src/operate-tree.mjs';
 export { LlOperateTree } from './packages/components/operate-tree/index.mjs';
-export { qrCodeProps, qrCodeType } from './packages/components/qr-code/src/qr-code.mjs';
-export { LlQrCode } from './packages/components/qr-code/index.mjs';
+export { qrcodeProps, qrcodeType } from './packages/components/qrcode/src/qrcode.mjs';
+export { LlQrcode } from './packages/components/qrcode/index.mjs';
 export { LlRadio, LlRadioButton, LlRadioGroup } from './packages/components/radio/index.mjs';
 export { FALLBACK_IMAGE, defaultEditorConfig, defaultToolbarConfig, richTextEditorEmits, richTextEditorProps } from './packages/components/rich-text-editor/src/rich-text-editor.mjs';
 export { LlRichTextEditor } from './packages/components/rich-text-editor/index.mjs';

package/es/packages/components/index.mjs

@@ -34,7 +34,7 @@ export { LlNewModal } from './new-modal/index.mjs';
 export { LlNumberRange } from './number-range/index.mjs';
 export { LlOperateIcon } from './operate-icon/index.mjs';
 export { LlOperateTree } from './operate-tree/index.mjs';
-export { LlQrCode } from './qr-code/index.mjs';
+export { LlQrcode } from './qrcode/index.mjs';
 export { LlRadio, LlRadioButton, LlRadioGroup } from './radio/index.mjs';
 export { LlRichTextEditor } from './rich-text-editor/index.mjs';
 export { LlSegmented } from './segmented/index.mjs';
@@ -114,7 +114,7 @@ export { modalType, newModalEmits, newModalProps } from './new-modal/src/modal.m
 export { numberRangeEmits, numberRangeProps } from './number-range/src/number-range.mjs';
 export { operateIconEmits, operateIconProps } from './operate-icon/src/operate-icon.mjs';
 export { OperateTreeEmits, operateTreeEmits, operateTreeProps } from './operate-tree/src/operate-tree.mjs';
-export { qrCodeProps, qrCodeType } from './qr-code/src/qr-code.mjs';
+export { qrcodeProps, qrcodeType } from './qrcode/src/qrcode.mjs';
 export { FALLBACK_IMAGE, defaultEditorConfig, defaultToolbarConfig, richTextEditorEmits, richTextEditorProps } from './rich-text-editor/src/rich-text-editor.mjs';
 export { selectOptGroupProps, selectOptionProps, selectProps } from './select/src/select.mjs';
 export { LEFT_SELECT_MIN_WIDTH, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps } from './select-group/src/select-group.mjs';

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

@@ -57,6 +57,13 @@ const operateIconProps = buildProps({
    */
   overlayClassName: {
     type: String
+  },
+  /**
+   * @description 弹窗class类名
+   */
+  showDropdownItemIcon: {
+    type: Boolean,
+    default: false
   }
 });
 const operateIconEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { IconBaseProps } from '@ll-plus/components'\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 默认icon（edit和delete）的颜色\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description 触发下拉的行为\n   */\n  trigger: {\n    type: definePropType<string[]>(Object),\n    default: () => ['click']\n  },\n  /**\n   * @description 弹窗class类名\n   */\n  overlayClassName: {\n    type: String\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  onDropdownOpenChange: (open: boolean) => open || true // 下拉菜单的open\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,CAAC,OAAO,CAAA;AAAA,GACzB;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,oBAAA,EAAsB,CAAC,IAAA,KAAkB,IAAQ,IAAA,IAAA;AAAA;AACnD;;;;"}
+{"version":3,"file":"operate-icon.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { IconBaseProps } from '@ll-plus/components'\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\n\nexport const operateIconProps = buildProps({\n  /**\n   * @description 是否显示dropdown\n   */\n  showDropdown: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description  icon列表\n   */\n  list: {\n    type: definePropType<IconBaseProps[]>(Array)\n  },\n  /**\n   * @description 是否禁用\n   */\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示多少个icon,其余在弹窗中显示\n   */\n  showIconLimit: {\n    type: Number,\n    default: 3\n  },\n  /**\n   * @description 点击按钮传递的数据\n   */\n  data: {\n    type: definePropType<any>(undefined)\n  },\n  /**\n   * @description 默认icon（edit和delete）的颜色\n   */\n  iconType: {\n    type: String,\n    values: iconTypes\n  },\n  /**\n   * @description 触发下拉的行为\n   */\n  trigger: {\n    type: definePropType<string[]>(Object),\n    default: () => ['click']\n  },\n  /**\n   * @description 弹窗class类名\n   */\n  overlayClassName: {\n    type: String\n  },\n  /**\n   * @description 弹窗class类名\n   */\n  showDropdownItemIcon: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport const operateIconEmits = {\n  edit: (v: Event, data: any) => v || data, // 点击编辑\n  delete: (v: Event, data: any) => v || data, // 点击删除\n  onDropdownOpenChange: (open: boolean) => open || true // 下拉菜单的open\n}\n\n// props\nexport type OperateIconProps = ExtractPropTypes<typeof operateIconProps>\n\n// emits\nexport type OperateIconEmits = typeof operateIconEmits\n\n// instance\nexport type OperateIconInstance = InstanceType<typeof OperateIcon>\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAgC,KAAK,CAAA;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAoB,KAAS,CAAA,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,CAAC,OAAO,CAAA;AAAA,GACzB;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,IAAM,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACpC,MAAQ,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AAAA,EACtC,oBAAA,EAAsB,CAAC,IAAA,KAAkB,IAAQ,IAAA,IAAA;AAAA;AACnD;;;;"}

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

@@ -49,10 +49,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bem = createNamespace("operate-icon");
     const operateIconClass = computed(() => {
       const isHasDropdown = props.showDropdown && modalIconList.value.length;
-      return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
+      return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : bem.m("no-dropdown")}`;
     });
     const marginButtonClass = (index, length) => {
-      return index < length ? "margin-tooltip" : "";
+      return index < length && props.showDropdown ? "margin-tooltip" : "";
     };
     const handleOpenChange = (open) => emits("onDropdownOpenChange", open);
     const handleDropdownOpenChange = (open) => {
@@ -67,13 +67,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => [props.list, props.showDropdown],
       (data) => {
         const [newList, showDropdown] = data;
-        const list = newList ? newList.filter(Boolean) : defaultList.value;
+        const list = newList ? newList.filter(Boolean).filter((item) => Boolean(item.isShow)) : defaultList.value;
         const length = list.length;
         if (length >= props.showIconLimit && showDropdown) {
-          showIconList.value = list.slice(
-            0,
-            props.showIconLimit - 1
-          );
+          showIconList.value = list.slice(0, props.showIconLimit - 1).map((item) => ({ ...item, isShowTooltip: true }));
           modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({ ...item, isShowTitle: true }));
         } else {
           showIconList.value = list;
@@ -133,7 +130,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                               },
                               {
                                 default: withCtx(() => [
-                                  createVNode(unref(LlIconBase), mergeProps({ ref_for: true }, item, { data: _ctx.data }), null, 16, ["data"])
+                                  createVNode(unref(LlIconBase), mergeProps({ ref_for: true }, item, {
+                                    data: _ctx.data,
+                                    "icon-name": _ctx.showDropdownItemIcon ? item.iconName : ""
+                                  }), null, 16, ["data", "icon-name"])
                                 ]),
                                 _: 2
                                 /* DYNAMIC */

package/es/packages/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      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-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')} ${props.overlayClassName}`\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\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 @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base v-bind=\"item\" :data=\"data\" />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconEmits, operateIconProps } 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 defaultList = 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// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length ? 'margin-tooltip' : ''\n}\nconst handleOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handleOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handleOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList.filter(Boolean) : defaultList.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      :is-show=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n      :tooltip-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')} ${props.overlayClassName}`\"\n      :open=\"dropdownOpen\"\n      :trigger=\"trigger\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div :class=\"bem.e('dropdown-container')\">\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 @click=\"handleDropdownParentClick\">\n          <slot>\n            <template v-for=\"item in modalIconList\">\n              <a-menu-item\n                v-if=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\n                :key=\"item.iconName\"\n              >\n                <ll-icon-base\n                  v-bind=\"item\"\n                  :data=\"data\"\n                  :icon-name=\"showDropdownItemIcon ? item.iconName : ''\"\n                />\n              </a-menu-item>\n            </template>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconEmits, operateIconProps } 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 defaultList = 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()} ${\n    isHasDropdown ? bem.m('has-dropdown') : bem.m('no-dropdown')\n  }`\n})\n// 4.methods\n// 点击更多按钮\nconst marginButtonClass = (index, length) => {\n  return index < length && props.showDropdown ? 'margin-tooltip' : ''\n}\nconst handleOpenChange = (open: boolean) => emits('onDropdownOpenChange', open)\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  dropdownOpen.value = open\n  handleOpenChange(open)\n}\nconst handleDropdownParentClick = () => {\n  dropdownOpen.value = false\n  handleOpenChange(false)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList\n      ? newList.filter(Boolean).filter(item => Boolean(item.isShow))\n      : defaultList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list\n        .slice(0, props.showIconLimit - 1)\n        .map(item => ({ ...item, isShowTooltip: true })) 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/packages/components/qrcode/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import Qrcode from './src/qrcode.vue.mjs';
+export { qrcodeProps, qrcodeType } from './src/qrcode.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlQrcode = withInstall(Qrcode);
+
+export { LlQrcode, LlQrcode as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/qrcode/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/qrcode/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Qrcode from './src/qrcode.vue'\n\nexport const LlQrcode = withInstall(Qrcode)\nexport default LlQrcode\nexport * from './src/qrcode'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlQrcode: typeof Qrcode\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,QAAA,GAAW,YAAY,MAAM;;;;"}

package/es/packages/components/{qr-code/src/qr-code.mjs → qrcode/src/qrcode.mjs}

@@ -2,8 +2,8 @@ import '../../../utils/index.mjs';
 import { buildProps } from '../../../utils/props/runtime.mjs';
 
 "use strict";
-const qrCodeType = ["canvas", "svg"];
-const qrCodeProps = buildProps({
+const qrcodeType = ["canvas", "svg"];
+const qrcodeProps = buildProps({
   // buildProps和defineprops一样
   /**
    * @description 扫描后的地址
@@ -16,7 +16,7 @@ const qrCodeProps = buildProps({
    */
   type: {
     type: String,
-    value: qrCodeType,
+    value: qrcodeType,
     default: "canvas"
   },
   /**
@@ -41,5 +41,5 @@ const qrCodeProps = buildProps({
   }
 });
 
-export { qrCodeProps, qrCodeType };
-//# sourceMappingURL=qr-code.mjs.map
+export { qrcodeProps, qrcodeType };
+//# sourceMappingURL=qrcode.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.mjs","sources":["../../../../../../packages/components/qrcode/src/qrcode.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Qrcode from './qrcode.vue'\n\nexport const qrcodeType = ['canvas', 'svg'] as const\nexport const qrcodeProps = buildProps({\n  // buildProps和defineprops一样\n  /**\n   * @description 扫描后的地址\n   */\n  value: {\n    type: String\n  },\n  /**\n   * @description 渲染类型\n   */\n  type: {\n    type: String,\n    value: qrcodeType,\n    default: 'canvas'\n  },\n  /**\n   * @description 二维码中图片的地址（目前只支持图片地址）\n   */\n  icon: {\n    type: String\n  },\n  /**\n   * @description 二维码大小\n   */\n  size: {\n    type: Number,\n    default: 160\n  },\n  /**\n   * @description 二维码中图片的大小\n   */\n  iconSize: {\n    type: Number,\n    default: 40\n  }\n} as const)\n\n// props\nexport type QrcodeProps = ExtractPropTypes<typeof qrcodeProps> // ExtractPropTypes和defineCpmponent类似\nexport type QrcodeType = QrcodeProps['value']\n// instance\nexport type QrcodeInstance = InstanceType<typeof Qrcode>\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAU,KAAK,EAAA;AACnC,MAAM,cAAc,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,KAAO,EAAA,UAAA;AAAA,IACP,OAAS,EAAA,QAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/es/packages/components/qrcode/src/qrcode.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './qrcode.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var Qrcode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "qrcode.vue"]]);
+
+export { Qrcode as default };
+//# sourceMappingURL=qrcode.vue.mjs.map

package/es/packages/components/qrcode/src/qrcode.vue.mjs.map

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

package/es/packages/components/{qr-code/src/qr-code.vue2.mjs → qrcode/src/qrcode.vue2.mjs}

@@ -1,15 +1,15 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, unref } from 'vue';
 import '../../../utils/index.mjs';
-import { qrCodeProps } from './qr-code.mjs';
+import { qrcodeProps } from './qrcode.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
-    name: "LlQrCode"
+    name: "LlQrcode"
   },
-  __name: "qr-code",
-  props: qrCodeProps,
+  __name: "qrcode",
+  props: qrcodeProps,
   setup(__props) {
     const props = __props;
     const bem = createNamespace("qrcode");
@@ -23,4 +23,4 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=qr-code.vue2.mjs.map
+//# sourceMappingURL=qrcode.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.vue2.mjs","sources":["../../../../../../packages/components/qrcode/src/qrcode.vue"],"sourcesContent":["<template>\n  <a-qrcode v-bind=\"props\" :class=\"bem.b()\" />\n</template>\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@ll-plus/utils'\nimport { qrcodeProps } from './qrcode'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlQrcode'\n})\n\nconst props = defineProps(qrcodeProps)\n\nconst bem = createNamespace('qrcode')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;;;;;;;;;;;;"}

package/index.full.js

@@ -73188,6 +73188,13 @@
      */
     overlayClassName: {
       type: String
+    },
+    /**
+     * @description 弹窗class类名
+     */
+    showDropdownItemIcon: {
+      type: Boolean,
+      default: false
     }
   });
   const operateIconEmits = {
@@ -73242,10 +73249,10 @@
       const bem = createNamespace("operate-icon");
       const operateIconClass = require$$0.computed(() => {
         const isHasDropdown = props.showDropdown && modalIconList.value.length;
-        return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : ""}`;
+        return `${bem.b()} ${isHasDropdown ? bem.m("has-dropdown") : bem.m("no-dropdown")}`;
       });
       const marginButtonClass = (index, length) => {
-        return index < length ? "margin-tooltip" : "";
+        return index < length && props.showDropdown ? "margin-tooltip" : "";
       };
       const handleOpenChange = (open) => emits("onDropdownOpenChange", open);
       const handleDropdownOpenChange = (open) => {
@@ -73260,13 +73267,10 @@
         () => [props.list, props.showDropdown],
         (data) => {
           const [newList, showDropdown] = data;
-          const list = newList ? newList.filter(Boolean) : defaultList.value;
+          const list = newList ? newList.filter(Boolean).filter((item) => Boolean(item.isShow)) : defaultList.value;
           const length = list.length;
           if (length >= props.showIconLimit && showDropdown) {
-            showIconList.value = list.slice(
-              0,
-              props.showIconLimit - 1
-            );
+            showIconList.value = list.slice(0, props.showIconLimit - 1).map((item) => ({ ...item, isShowTooltip: true }));
             modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({ ...item, isShowTitle: true }));
           } else {
             showIconList.value = list;
@@ -73326,7 +73330,10 @@
                                 },
                                 {
                                   default: require$$0.withCtx(() => [
-                                    require$$0.createVNode(require$$0.unref(LlIconBase), require$$0.mergeProps({ ref_for: true }, item, { data: _ctx.data }), null, 16, ["data"])
+                                    require$$0.createVNode(require$$0.unref(LlIconBase), require$$0.mergeProps({ ref_for: true }, item, {
+                                      data: _ctx.data,
+                                      "icon-name": _ctx.showDropdownItemIcon ? item.iconName : ""
+                                    }), null, 16, ["data", "icon-name"])
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
@@ -74799,8 +74806,8 @@
 
   const LlOperateTree = withInstall(OperateTree);
 
-  const qrCodeType = ["canvas", "svg"];
-  const qrCodeProps = buildProps({
+  const qrcodeType = ["canvas", "svg"];
+  const qrcodeProps = buildProps({
     // buildProps和defineprops一样
     /**
      * @description 扫描后的地址
@@ -74813,7 +74820,7 @@
      */
     type: {
       type: String,
-      value: qrCodeType,
+      value: qrcodeType,
       default: "canvas"
     },
     /**
@@ -74840,10 +74847,10 @@
 
   var _sfc_main$u = /* @__PURE__ */ require$$0.defineComponent({
     ...{
-      name: "LlQrCode"
+      name: "LlQrcode"
     },
-    __name: "qr-code",
-    props: qrCodeProps,
+    __name: "qrcode",
+    props: qrcodeProps,
     setup(__props) {
       const props = __props;
       const bem = createNamespace("qrcode");
@@ -74856,9 +74863,9 @@
     }
   });
 
-  var QrCode = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "qr-code.vue"]]);
+  var Qrcode = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "qrcode.vue"]]);
 
-  const LlQrCode = withInstall(QrCode);
+  const LlQrcode = withInstall(Qrcode);
 
   var _sfc_main$t = /* @__PURE__ */ require$$0.defineComponent({
     ...{ name: "LlRadio" },
@@ -85931,7 +85938,7 @@
     LlColorPicker,
     LlConfigProvider,
     LlCropperImage,
-    LlQrCode,
+    LlQrcode,
     LlCropperModal,
     LlDatePicker,
     LlDateRange,
@@ -86052,7 +86059,7 @@
   exports.LlNumberRange = LlNumberRange;
   exports.LlOperateIcon = LlOperateIcon;
   exports.LlOperateTree = LlOperateTree;
-  exports.LlQrCode = LlQrCode;
+  exports.LlQrcode = LlQrcode;
   exports.LlRadio = LlRadio;
   exports.LlRadioButton = LlRadioButton;
   exports.LlRadioGroup = LlRadioGroup;
@@ -86259,8 +86266,8 @@
   exports.parseColors = parseColors;
   exports.placement = placement;
   exports.preDefineProps = preDefineProps;
-  exports.qrCodeProps = qrCodeProps;
-  exports.qrCodeType = qrCodeType;
+  exports.qrcodeProps = qrcodeProps;
+  exports.qrcodeType = qrcodeType;
   exports.removeQueryString = removeQueryString;
   exports.requestList = requestList;
   exports.richTextEditorEmits = richTextEditorEmits;