npm - ll-plus - Versions diffs - 2.1.18 → 2.1.20 - Mend

ll-plus 2.1.18 → 2.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/es/components/drawer/src/components/second-confirmation/index.d.ts CHANGED Viewed

@@ -88,9 +88,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
         symbolClass: import("vue").Ref<string>;
-        getBindValue: import("vue").ComputedRef<{
-            [x: number]: unknown;
-        }>;
+        getBindValue: import("vue").ComputedRef<import("ll-plus/es/index").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
         handleResize: () => Promise<void>;

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts CHANGED Viewed

@@ -87,9 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
         symbolClass: import("vue").Ref<string>;
-        getBindValue: import("vue").ComputedRef<{
-            [x: number]: unknown;
-        }>;
+        getBindValue: import("vue").ComputedRef<import("ll-plus/es/components").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
         handleResize: () => Promise<void>;

package/es/components/modal/index.d.ts CHANGED Viewed

@@ -43,9 +43,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
     modal: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
-    getBindValue: import("vue").ComputedRef<{
-        [x: number]: unknown;
-    }>;
+    getBindValue: import("vue").ComputedRef<import("./src/modal").IResultType>;
     handleCancel: () => void;
     handleOk: () => void;
     handleResize: () => Promise<void>;

package/es/components/modal/src/modal.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import type { ExtractPropTypes } from 'vue';
 import type Modal from './modal.vue';
 type IType = 'confirm' | 'operate' | 'upload';
+export interface IResultType {
+    [key: string]: unknown;
+    showFooter?: null;
+}
 export declare const modalProps: {
     readonly open: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;

package/es/components/modal/src/modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.mjs","sources":["../../../../../packages/components/modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\n\ntype IType = 'confirm' \| 'operate' \| 'upload'\nexport const modalProps = buildProps({\n /*\n @description 开启弹窗\n /\n open: {\n type: Boolean,\n default: false\n },\n /\n @description 标题\n /\n title: {\n type: String,\n default: '提示'\n },\n /\n @description 加载状态\n /\n loading: {\n type: Boolean,\n default: false\n },\n /\n @description 弹窗类型\n /\n type: {\n type: definePropType<IType>(String),\n default: 'operate'\n },\n /\n @description 弹窗class\n /\n class: {\n type: String,\n default: ''\n },\n /\n @description 弹窗外层容器的类名\n /\n wrapClassName: {\n type: String,\n default: ''\n },\n /\n @description 确认按钮文字\n /\n confirmText: {\n type: String,\n default: ''\n },\n /\n @description 取消按钮文字\n /\n cancelText: {\n type: String,\n default: ''\n },\n /\n @description 显示取消按钮\n /\n showCancel: {\n type: Boolean,\n default: true\n },\n /\n @description 显示底部\n /\n showFooter: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const modalEmits = {\n /\n @description 点击取消时触发\n /\n cancel: () => true,\n /\n @description 点击确认时触发\n */\n ok: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type ModalProps = ExtractPropTypes<typeof modalProps>\n\n// emits\nexport type ModalEmits = typeof modalEmits\n\n// instance\nexport type ModalInstance = InstanceType<typeof Modal>\n"],"names":[],"mappings":";;;;~~AAMO~~,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;"}
1	+ {"version":3,"file":"modal.mjs","sources":["../../../../../packages/components/modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\n\ntype IType = 'confirm' \| 'operate' \| 'upload'\n\nexport interface IResultType {\n [key: string]: unknown\n showFooter?: null\n}\nexport const modalProps = buildProps({\n /*\n @description 开启弹窗\n /\n open: {\n type: Boolean,\n default: false\n },\n /\n @description 标题\n /\n title: {\n type: String,\n default: '提示'\n },\n /\n @description 加载状态\n /\n loading: {\n type: Boolean,\n default: false\n },\n /\n @description 弹窗类型\n /\n type: {\n type: definePropType<IType>(String),\n default: 'operate'\n },\n /\n @description 弹窗class\n /\n class: {\n type: String,\n default: ''\n },\n /\n @description 弹窗外层容器的类名\n /\n wrapClassName: {\n type: String,\n default: ''\n },\n /\n @description 确认按钮文字\n /\n confirmText: {\n type: String,\n default: ''\n },\n /\n @description 取消按钮文字\n /\n cancelText: {\n type: String,\n default: ''\n },\n /\n @description 显示取消按钮\n /\n showCancel: {\n type: Boolean,\n default: true\n },\n /\n @description 显示底部\n /\n showFooter: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const modalEmits = {\n /\n @description 点击取消时触发\n /\n cancel: () => true,\n /\n @description 点击确认时触发\n */\n ok: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type ModalProps = ExtractPropTypes<typeof modalProps>\n\n// emits\nexport type ModalEmits = typeof modalEmits\n\n// instance\nexport type ModalInstance = InstanceType<typeof Modal>\n"],"names":[],"mappings":";;;;AAWO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;"}

package/es/components/modal/src/modal.vue.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { IResultType } from './modal';
 declare const _default: import("vue").DefineComponent<{
     readonly open: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
@@ -42,9 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     modal: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
-    getBindValue: import("vue").ComputedRef<{
-        [x: number]: unknown;
-    }>;
+    getBindValue: import("vue").ComputedRef<IResultType>;
     handleCancel: () => void;
     handleOk: () => void;
     handleResize: () => Promise<void>;

package/es/components/modal/src/modal.vue2.mjs CHANGED Viewed

@@ -21,9 +21,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const modal = ref();
     const hasScroll = ref(false);
     const symbolClass = ref(`ll-modal-${(/* @__PURE__ */ new Date()).getTime()}`);
-    const getBindValue = computed(() => ({
-      ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
-    }));
+    const getBindValue = computed(() => {
+      const result = {
+        ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
+      };
+      if (props.showFooter === false) {
+        result.footer = null;
+      }
+      return result;
+    });
     const handleCancel = () => {
       emits("cancel");
       emits("update:open");

package/es/components/modal/src/modal.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"props.open\"\n :title=\"props.title\"\n :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n :class=\"[props.class, symbolClass, hasScroll ? bem.is('has-scroll') : '']\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <div :class=\"[bem.e('container'), bem.is(props.type)]\">\n <slot />\n </div>\n <template v-if=\"props.showFooter\" #footer>\n <slot name=\"footer\">\n <!-- 确认框 -->\n\n <ll-button\n v-if=\"props.showCancel && props.type !== 'confirm'\"\n :label=\"props.cancelText ? props.cancelText : '取消'\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n @click=\"handleOk\"\n />\n </slot>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\nconst hasScroll = ref(false)\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n}))\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\nconst handleResize = async () => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0]\n hasScroll.value = modalBody.scrollHeight > modalBody.clientHeight\n}\n\n// 4.watch/computed\nwatch(\n () => props.open,\n val => {\n if (val) {\n handleResize()\n window.addEventListener('resize', handleResize)\n } else {\n window.removeEventListener('resize', handleResize)\n }\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;~~AAkDA~~,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,SAAS,~~OAAO~~;AAAA,~~MACnC~~,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,~~KACnE~~,CAAA,CAAA,CAAA;~~AAGF~~,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,SAAY,GAAA,GAAA,CAAI,sBAAuB,CAAA,CAAA,cAAA,CAAgB,EAAE,CAAC,CAAA,CAAA;AAChE,MAAU,SAAA,CAAA,KAAA,GAAQ,SAAU,CAAA,YAAA,GAAe,SAAU,CAAA,YAAA,CAAA;AAAA,KACvD,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAAA,SACzC,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"props.open\"\n :title=\"props.title\"\n :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n :class=\"[props.class, symbolClass, hasScroll ? bem.is('has-scroll') : '']\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <div :class=\"[bem.e('container'), bem.is(props.type)]\">\n <slot />\n </div>\n <template v-if=\"props.showFooter\" #footer>\n <slot name=\"footer\">\n <!-- 确认框 -->\n\n <ll-button\n v-if=\"props.showCancel && props.type !== 'confirm'\"\n :label=\"props.cancelText ? props.cancelText : '取消'\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n @click=\"handleOk\"\n />\n </slot>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\nconst hasScroll = ref(false)\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n const result: IResultType = {\n ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n }\n if (props.showFooter === false) {\n result.footer = null\n }\n return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\nconst handleResize = async () => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0]\n hasScroll.value = modalBody.scrollHeight > modalBody.clientHeight\n}\n\n// 4.watch/computed\nwatch(\n () => props.open,\n val => {\n if (val) {\n handleResize()\n window.addEventListener('resize', handleResize)\n } else {\n window.removeEventListener('resize', handleResize)\n }\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,SAAY,GAAA,GAAA,CAAI,sBAAuB,CAAA,CAAA,cAAA,CAAgB,EAAE,CAAC,CAAA,CAAA;AAChE,MAAU,SAAA,CAAA,KAAA,GAAQ,SAAU,CAAA,YAAA,GAAe,SAAU,CAAA,YAAA,CAAA;AAAA,KACvD,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAAA,SACzC,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,6 +16,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -23,6 +29,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
         readonly data?: any;
+        readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly list?: import("ll-plus/es/index").IconBaseProps[] | undefined;
         readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
         readonly onEdit?: ((v: Event, data: any) => any) | undefined;
@@ -54,7 +61,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     }[]>;
     dropdownOpen: import("vue").Ref<boolean>;
     defualtList: import("vue").Ref<{
-        iconType: string;
+        iconType: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>;
         isShowContainer: boolean;
         iconName: string;
         tooltipTitle: string;
@@ -214,6 +221,12 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     "onUpdate:value"?: ((bool: boolean) => any) | undefined;
     onEdit?: ((v: Event, data: any) => any) | undefined;

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

@@ -18,6 +18,12 @@ export declare const operateIconProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 };
 export declare const operateIconEmits: {
     edit: (v: Event, data: any) => Event;

package/es/components/operate-icon/src/operate-icon.mjs CHANGED Viewed

@@ -1,6 +1,8 @@
 import '../../../utils/index.mjs';
 import { isBoolean } from 'lodash-unified';
+import '../../index.mjs';
 import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+import { iconTypes } from '../../icon-base/src/icon-base.mjs';
 "use strict";
 const operateIconProps = buildProps({
@@ -43,6 +45,13 @@ const operateIconProps = buildProps({
    */
   data: {
     type: definePropType(void 0)
+  },
+  /**
+   * @description 默认icon（edit和delete）的颜色
+   */
+  iconType: {
+    type: String,
+    values: iconTypes
   }
 });
 const operateIconEmits = {

package/es/components/operate-icon/src/operate-icon.mjs.map CHANGED Viewed

	@@ -1 +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 { isBoolean } from 'lodash-unified'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n /*\n @description 监听dropdown是否打开和关闭\n /\n dropdownOpen: {\n type: Boolean,\n default: false\n },\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} as const)\n\nexport const operateIconEmits = {\n edit: (v: Event, data: any) => v \|\| data, // 点击编辑\n delete: (v: Event, data: any) => v \|\| data, // 点击删除\n 'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n 'update:value': (bool: boolean) => isBoolean(bool)\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,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;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,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AACnD;;;;"}
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 { isBoolean } from 'lodash-unified'\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateIcon from './operate-icon.vue'\nimport type { IconBaseProps } from '@ll-plus/components'\n\nexport const operateIconProps = buildProps({\n /*\n @description 监听dropdown是否打开和关闭\n /\n dropdownOpen: {\n type: Boolean,\n default: false\n },\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} as const)\n\nexport const operateIconEmits = {\n edit: (v: Event, data: any) => v \|\| data, // 点击编辑\n delete: (v: Event, data: any) => v \|\| data, // 点击删除\n 'update:dropdownOpen': (bool: boolean) => isBoolean(bool),\n 'update:value': (bool: boolean) => isBoolean(bool)\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":";;;;;;;AASO,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,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;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,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AACnD;;;;"}

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

@@ -16,6 +16,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -23,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showIconLimit: number;
         readonly data?: any;
+        readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
         readonly list?: IconBaseProps[] | undefined;
         readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
         readonly onEdit?: ((v: Event, data: any) => any) | undefined;
@@ -54,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     dropdownOpen: import("vue").Ref<boolean>;
     defualtList: import("vue").Ref<{
-        iconType: string;
+        iconType: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>;
         isShowContainer: boolean;
         iconName: string;
         tooltipTitle: string;
@@ -214,6 +221,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly iconType: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>> & {
     "onUpdate:value"?: ((bool: boolean) => any) | undefined;
     onEdit?: ((v: Event, data: any) => any) | undefined;

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

@@ -22,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const defualtList = ref([
       // 默认的icon列表
       {
-        iconType: "primary",
+        iconType: computed(() => props.iconType || "primary"),
         // default默认为灰色
         isShowContainer: false,
         // 是否显示icon容器
@@ -34,7 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       },
       {
-        iconType: "primary",
+        iconType: computed(() => props.iconType || "primary"),
         // default默认为灰色
         isShowContainer: false,
         // 是否显示icon容器

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

	@@ -1 +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 in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\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 />\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: '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: '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\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":";;;;;;;;;;;;;;;;AAsDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,YAAA,GAAe,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC5C,IAAM,MAAA,aAAA,GAAgB,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC7C,IAAM,MAAA,YAAA,GAAe,IAAI,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,cAAc,GAAI,CAAA;AAAA;AAAA,MAEtB;AAAA,QACE,QAAU,EAAA,~~SAAA~~;AAAA;AAAA,~~QACV~~,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,WAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA;AAAA,QACE,QAAU,EAAA,~~SAAA~~;AAAA;AAAA,~~QACV~~,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,aAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,QAAA,EAAU,GAAG,IAAI,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAgB,IAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAA;AAChE,MAAO,OAAA,CAAA,EAAG,GAAI,CAAA,CAAA,EAAG,CAAA,CAAA,EAAI,gBAAgB,GAAI,CAAA,CAAA,CAAE,cAAc,CAAA,GAAI,EAAE,CAAA,CAAA,CAAA;AAAA,KAChE,CAAA,CAAA;AAID,IAAM,MAAA,wBAAA,GAA2B,CAAC,IAAkB,KAAA;AAClD,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,QAAA,KAAA,CAAM,uBAAuB,KAAK,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,KAAA,CAAM,uBAAuB,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,IAAA,EAAM,MAAM,YAAY,CAAA;AAAA,MACrC,CAAC,IAAc,KAAA;AACb,QAAM,MAAA,CAAC,OAAS,EAAA,YAAY,CAAI,GAAA,IAAA,CAAA;AAChC,QAAM,MAAA,IAAA,GAAO,OAAU,GAAA,OAAA,GAAU,WAAY,CAAA,KAAA,CAAA;AAC7C,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAI,IAAA,MAAA,IAAU,KAAM,CAAA,aAAA,IAAiB,YAAc,EAAA;AACjD,UAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,KAAA;AAAA,YACxB,CAAA;AAAA,YACA,MAAM,aAAgB,GAAA,CAAA;AAAA,WACxB,CAAA;AAEA,UAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CACnB,KAAM,CAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAC7B,GAAI,CAAA,CAAC,UAAe,EAAE,GAAG,IAAM,EAAA,WAAA,EAAa,MAAO,CAAA,CAAA,CAAA;AAAA,SACjD,MAAA;AACL,UAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\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 />\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\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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"}

package/index.full.js CHANGED Viewed

@@ -46511,9 +46511,15 @@
       const modal = require$$0.ref();
       const hasScroll = require$$0.ref(false);
       const symbolClass = require$$0.ref(`ll-modal-${(/* @__PURE__ */ new Date()).getTime()}`);
-      const getBindValue = require$$0.computed(() => ({
-        ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
-      }));
+      const getBindValue = require$$0.computed(() => {
+        const result = {
+          ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
+        };
+        if (props.showFooter === false) {
+          result.footer = null;
+        }
+        return result;
+      });
       const handleCancel = () => {
         emits("cancel");
         emits("update:open");
@@ -46634,6 +46640,13 @@
      */
     data: {
       type: definePropType(void 0)
+    },
+    /**
+     * @description 默认icon（edit和delete）的颜色
+     */
+    iconType: {
+      type: String,
+      values: iconTypes
     }
   });
   const operateIconEmits = {
@@ -46661,7 +46674,7 @@
       const defualtList = require$$0.ref([
         // 默认的icon列表
         {
-          iconType: "primary",
+          iconType: require$$0.computed(() => props.iconType || "primary"),
           // default默认为灰色
           isShowContainer: false,
           // 是否显示icon容器
@@ -46673,7 +46686,7 @@
           }
         },
         {
-          iconType: "primary",
+          iconType: require$$0.computed(() => props.iconType || "primary"),
           // default默认为灰色
           isShowContainer: false,
           // 是否显示icon容器