ll-plus 2.6.6 → 2.6.8
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.
- package/es/components/operate-icon/index.d.ts +4 -13
- package/es/components/operate-icon/src/operate-icon.d.ts +2 -7
- package/es/components/operate-icon/src/operate-icon.vue.d.ts +4 -13
- package/es/packages/components/icon-base/src/icon-base.vue2.mjs +6 -7
- package/es/packages/components/icon-base/src/icon-base.vue2.mjs.map +1 -1
- package/es/packages/components/operate-icon/src/operate-icon.mjs +3 -2
- package/es/packages/components/operate-icon/src/operate-icon.mjs.map +1 -1
- package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs +4 -4
- package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
- package/es/utils/props/runtime.d.ts +2 -2
- package/index.full.js +11 -11
- package/index.full.min.js +2 -2
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +11 -11
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +11 -11
- package/lib/components/operate-icon/index.d.ts +4 -13
- package/lib/components/operate-icon/src/operate-icon.d.ts +2 -7
- package/lib/components/operate-icon/src/operate-icon.vue.d.ts +4 -13
- package/lib/packages/components/icon-base/src/icon-base.vue2.js +5 -6
- package/lib/packages/components/icon-base/src/icon-base.vue2.js.map +1 -1
- package/lib/packages/components/operate-icon/src/operate-icon.js +3 -2
- package/lib/packages/components/operate-icon/src/operate-icon.js.map +1 -1
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js +3 -3
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
- package/lib/utils/props/runtime.d.ts +2 -2
- package/package.json +1 -1
- package/types/packages/components/operate-icon/index.d.ts +4 -13
- package/types/packages/components/operate-icon/src/operate-icon.d.ts +2 -7
- package/types/packages/components/operate-icon/src/operate-icon.vue.d.ts +4 -13
- package/types/packages/utils/props/runtime.d.ts +2 -2
|
@@ -22,22 +22,17 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
22
22
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
23
23
|
__epPropKey: true;
|
|
24
24
|
};
|
|
25
|
-
readonly
|
|
26
|
-
readonly type: import("vue").PropType<import("vue").CSSProperties>;
|
|
27
|
-
readonly required: false;
|
|
28
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
29
|
-
__epPropKey: true;
|
|
30
|
-
};
|
|
25
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
31
26
|
}, {
|
|
32
27
|
props: import("@vue/shared").LooseRequired<{
|
|
33
28
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
34
29
|
readonly dropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
35
30
|
readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
36
31
|
readonly showIconLimit: number;
|
|
32
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
37
33
|
readonly data?: any;
|
|
38
34
|
readonly list?: import("ll-plus/es/index").IconBaseProps[] | undefined;
|
|
39
35
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
40
|
-
readonly moreIconStyle?: import("vue").CSSProperties | undefined;
|
|
41
36
|
readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
|
|
42
37
|
readonly onEdit?: ((v: Event, data: any) => any) | undefined;
|
|
43
38
|
readonly onDelete?: ((v: Event, data: any) => any) | undefined;
|
|
@@ -3476,12 +3471,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
3476
3471
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
3477
3472
|
__epPropKey: true;
|
|
3478
3473
|
};
|
|
3479
|
-
readonly
|
|
3480
|
-
readonly type: import("vue").PropType<import("vue").CSSProperties>;
|
|
3481
|
-
readonly required: false;
|
|
3482
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
3483
|
-
__epPropKey: true;
|
|
3484
|
-
};
|
|
3474
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
3485
3475
|
}>> & {
|
|
3486
3476
|
"onUpdate:value"?: ((bool: boolean) => any) | undefined;
|
|
3487
3477
|
onEdit?: ((v: Event, data: any) => any) | undefined;
|
|
@@ -3493,6 +3483,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
3493
3483
|
readonly dropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3494
3484
|
readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3495
3485
|
readonly showIconLimit: number;
|
|
3486
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3496
3487
|
}, {}>>;
|
|
3497
3488
|
export default LlOperateIcon;
|
|
3498
3489
|
export * from './src/operate-icon';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ExtractPropTypes
|
|
1
|
+
import type { ExtractPropTypes } from 'vue';
|
|
2
2
|
import type OperateIcon from './operate-icon.vue';
|
|
3
3
|
import type { IconBaseProps } from 'll-plus/es/components';
|
|
4
4
|
export declare const operateIconProps: {
|
|
@@ -24,12 +24,7 @@ export declare const operateIconProps: {
|
|
|
24
24
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
25
25
|
__epPropKey: true;
|
|
26
26
|
};
|
|
27
|
-
readonly
|
|
28
|
-
readonly type: import("vue").PropType<CSSProperties>;
|
|
29
|
-
readonly required: false;
|
|
30
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
31
|
-
__epPropKey: true;
|
|
32
|
-
};
|
|
27
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
33
28
|
};
|
|
34
29
|
export declare const operateIconEmits: {
|
|
35
30
|
edit: (v: Event, data: any) => Event;
|
|
@@ -22,22 +22,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
22
22
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
23
23
|
__epPropKey: true;
|
|
24
24
|
};
|
|
25
|
-
readonly
|
|
26
|
-
readonly type: import("vue").PropType<import("vue").CSSProperties>;
|
|
27
|
-
readonly required: false;
|
|
28
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
29
|
-
__epPropKey: true;
|
|
30
|
-
};
|
|
25
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
31
26
|
}, {
|
|
32
27
|
props: import("@vue/shared").LooseRequired<{
|
|
33
28
|
readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
34
29
|
readonly dropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
35
30
|
readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
36
31
|
readonly showIconLimit: number;
|
|
32
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
37
33
|
readonly data?: any;
|
|
38
34
|
readonly list?: IconBaseProps[] | undefined;
|
|
39
35
|
readonly iconType?: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "default" | "primary", unknown> | undefined;
|
|
40
|
-
readonly moreIconStyle?: import("vue").CSSProperties | undefined;
|
|
41
36
|
readonly "onUpdate:value"?: ((bool: boolean) => any) | undefined;
|
|
42
37
|
readonly onEdit?: ((v: Event, data: any) => any) | undefined;
|
|
43
38
|
readonly onDelete?: ((v: Event, data: any) => any) | undefined;
|
|
@@ -3476,12 +3471,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3476
3471
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
3477
3472
|
__epPropKey: true;
|
|
3478
3473
|
};
|
|
3479
|
-
readonly
|
|
3480
|
-
readonly type: import("vue").PropType<import("vue").CSSProperties>;
|
|
3481
|
-
readonly required: false;
|
|
3482
|
-
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
3483
|
-
__epPropKey: true;
|
|
3484
|
-
};
|
|
3474
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
3485
3475
|
}>> & {
|
|
3486
3476
|
"onUpdate:value"?: ((bool: boolean) => any) | undefined;
|
|
3487
3477
|
onEdit?: ((v: Event, data: any) => any) | undefined;
|
|
@@ -3493,5 +3483,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3493
3483
|
readonly dropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3494
3484
|
readonly showDropdown: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3495
3485
|
readonly showIconLimit: number;
|
|
3486
|
+
readonly moreIconShow: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
3496
3487
|
}, {}>;
|
|
3497
3488
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, normalizeClass, withCtx, normalizeStyle, unref, toDisplayString } from 'vue';
|
|
1
|
+
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, normalizeClass, withCtx, createVNode, normalizeStyle, unref, toDisplayString } from 'vue';
|
|
2
2
|
import '../../../utils/index.mjs';
|
|
3
3
|
import { iconBaseProps } from './icon-base.mjs';
|
|
4
4
|
import { createNamespace } from '../../../utils/create-namespace.mjs';
|
|
@@ -31,14 +31,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
31
31
|
null,
|
|
32
32
|
[
|
|
33
33
|
createCommentVNode(" \u6709\u6587\u5B57\u63D0\u793A\u5F39\u7A97 "),
|
|
34
|
-
_ctx.isShowTooltip ? (openBlock(), createBlock(_component_ll_tooltip, {
|
|
34
|
+
_ctx.isShowTooltip && _ctx.isShow ? (openBlock(), createBlock(_component_ll_tooltip, {
|
|
35
35
|
key: 0,
|
|
36
36
|
tip: _ctx.tooltipTitle,
|
|
37
37
|
class: normalizeClass(_ctx.tooltipClass)
|
|
38
38
|
}, {
|
|
39
39
|
default: withCtx(() => [
|
|
40
|
-
|
|
41
|
-
key: 0,
|
|
40
|
+
createVNode(_component_a_button, {
|
|
42
41
|
type: "text",
|
|
43
42
|
disabled: _ctx.disabled,
|
|
44
43
|
class: normalizeClass(`${btnClass.value}`),
|
|
@@ -63,11 +62,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
63
62
|
]),
|
|
64
63
|
_: 1
|
|
65
64
|
/* STABLE */
|
|
66
|
-
}, 8, ["disabled", "class", "style"])
|
|
65
|
+
}, 8, ["disabled", "class", "style"])
|
|
67
66
|
]),
|
|
68
67
|
_: 1
|
|
69
68
|
/* STABLE */
|
|
70
|
-
}, 8, ["tip", "class"])) : (openBlock(), createElementBlock(
|
|
69
|
+
}, 8, ["tip", "class"])) : !_ctx.isShowTooltip && _ctx.isShow ? (openBlock(), createElementBlock(
|
|
71
70
|
Fragment,
|
|
72
71
|
{ key: 1 },
|
|
73
72
|
[
|
|
@@ -102,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
102
101
|
],
|
|
103
102
|
64
|
|
104
103
|
/* STABLE_FRAGMENT */
|
|
105
|
-
))
|
|
104
|
+
)) : createCommentVNode("v-if", true)
|
|
106
105
|
],
|
|
107
106
|
2112
|
|
108
107
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n <!-- 有文字提示弹窗 -->\n <template v-if=\"isShowTooltip\">\n <ll-tooltip :tip=\"tooltipTitle\" :class=\"tooltipClass\">\n <a-button\n
|
|
1
|
+
{"version":3,"file":"icon-base.vue2.mjs","sources":["../../../../../../packages/components/icon-base/src/icon-base.vue"],"sourcesContent":["<template>\n <!-- 有文字提示弹窗 -->\n <template v-if=\"isShowTooltip && isShow\">\n <ll-tooltip :tip=\"tooltipTitle\" :class=\"tooltipClass\">\n <a-button\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n :style=\"style\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{\n tooltipTitle\n }}</span>\n </a-button>\n </ll-tooltip>\n </template>\n <!-- 没有文字提示弹窗 -->\n <template v-else-if=\"!isShowTooltip && isShow\">\n <a-button\n v-if=\"isShow\"\n type=\"text\"\n :disabled=\"disabled\"\n :class=\"`${btnClass}`\"\n :style=\"style\"\n @click=\"handleClickBtn\"\n >\n <ll-icon v-if=\"iconName\" :icon-name=\"iconName\" />\n <span v-if=\"isShowTitle\" :class=\"bem.e('text')\">{{ tooltipTitle }}</span>\n </a-button>\n </template>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { iconBaseProps } from './icon-base'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlIconBase'\n})\n\n// 2.props\nconst props = defineProps(iconBaseProps)\n\n// 3.computed/const\n// button的类名样式\nconst btnClass = computed(() => {\n const isDefault = props.iconType === 'default' || !props.iconType\n // 1.类型的class\n const typeClass = isDefault ? bem.m('default') : bem.m('primary')\n // 2.是否要裸露的class\n const exposedClass = props.isShowContainer\n ? bem.m('container')\n : bem.m('exposed')\n // 3.有文本的class\n const hasTextClass = props.isShowTitle ? bem.m('has-text') : ''\n // 4.禁用的class\n const disabledClass = props.disabled\n ? isDefault\n ? bem.is('default-disable')\n : bem.is('primary-disable')\n : ''\n return `${\n props.class\n } ${bem.b()} ${typeClass} ${exposedClass} ${hasTextClass} ${disabledClass}`\n})\nconst bem = createNamespace('icon-base')\n\n// 4.methods\nconst handleClickBtn = (e: Event) =>\n props.onClick && props.onClick(e, props.data)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6CA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,SAAY,GAAA,KAAA,CAAM,QAAa,KAAA,SAAA,IAAa,CAAC,KAAM,CAAA,QAAA,CAAA;AAEzD,MAAM,MAAA,SAAA,GAAY,YAAY,GAAI,CAAA,CAAA,CAAE,SAAS,CAAI,GAAA,GAAA,CAAI,EAAE,SAAS,CAAA,CAAA;AAEhE,MAAM,MAAA,YAAA,GAAe,MAAM,eACvB,GAAA,GAAA,CAAI,EAAE,WAAW,CAAA,GACjB,GAAI,CAAA,CAAA,CAAE,SAAS,CAAA,CAAA;AAEnB,MAAA,MAAM,eAAe,KAAM,CAAA,WAAA,GAAc,GAAI,CAAA,CAAA,CAAE,UAAU,CAAI,GAAA,EAAA,CAAA;AAE7D,MAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,QAAA,GACxB,SACE,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CACxB,GAAA,GAAA,CAAI,EAAG,CAAA,iBAAiB,CAC1B,GAAA,EAAA,CAAA;AACJ,MAAA,OAAO,CACL,EAAA,KAAA,CAAM,KACR,CAAA,CAAA,EAAI,IAAI,CAAE,EAAC,CAAI,CAAA,EAAA,SAAS,CAAI,CAAA,EAAA,YAAY,CAAI,CAAA,EAAA,YAAY,IAAI,aAAa,CAAA,CAAA,CAAA;AAAA,KAC1E,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAM,MAAA,cAAA,GAAiB,CAAC,CACtB,KAAA,KAAA,CAAM,WAAW,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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'\nimport { iconTypes } from '@ll-plus/components'\n\nimport type { ExtractPropTypes
|
|
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 /**\n * @description more-icon的style\n */\n moreIconShow: {\n type: Boolean,\n default: true\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 onClickMoreButton: (v: Event, data: any) => v || data // 点击更新按钮\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;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;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,qBAAuB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACxD,cAAgB,EAAA,CAAC,IAAkB,KAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EACjD,iBAAmB,EAAA,CAAC,CAAU,EAAA,IAAA,KAAc,CAAK,IAAA,IAAA;AAAA;AACnD;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode
|
|
1
|
+
import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode } from 'vue';
|
|
2
2
|
import '../../../utils/index.mjs';
|
|
3
3
|
import '../../index.mjs';
|
|
4
4
|
import { operateIconProps, operateIconEmits } from './operate-icon.mjs';
|
|
@@ -165,16 +165,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
165
165
|
onMouseenter: handleIconMouseenter
|
|
166
166
|
},
|
|
167
167
|
[
|
|
168
|
-
|
|
168
|
+
_ctx.moreIconShow ? (openBlock(), createBlock(unref(LlIconBase), {
|
|
169
|
+
key: 0,
|
|
169
170
|
"is-show-tooltip": false,
|
|
170
171
|
"is-show-container": showIconList.value[0].isShowContainer,
|
|
171
172
|
"icon-type": showIconList.value[0].iconType,
|
|
172
173
|
data: _ctx.data,
|
|
173
174
|
"icon-name": "icon-more",
|
|
174
175
|
class: normalizeClass(unref(bem).e("icon-more")),
|
|
175
|
-
style: normalizeStyle(_ctx.moreIconStyle),
|
|
176
176
|
"on-click": (e) => handleClickMoreButton(e, _ctx.data)
|
|
177
|
-
}, null, 8, ["is-show-container", "icon-type", "data", "class", "
|
|
177
|
+
}, null, 8, ["is-show-container", "icon-type", "data", "class", "on-click"])) : createCommentVNode("v-if", true)
|
|
178
178
|
],
|
|
179
179
|
34
|
|
180
180
|
/* CLASS, NEED_HYDRATION */
|
|
@@ -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, index) in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\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')\"\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 :
|
|
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 :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')\"\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 v-if=\"moreIconShow\"\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 :on-click=\"e => handleClickMoreButton(e, data)\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <template v-for=\"item in modalIconList\">\n <a-menu-item\n v-if=\"item.isShow\"\n :key=\"item.iconName\"\n @click=\"handleDropdownParentClick\"\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 { 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// 点击更多按钮\nconst handleClickMoreButton = (e: Event, data: any) =>\n emits('onClickMoreButton', e, data)\nconst marginButtonClass = (index, length) => {\n return index < length ? 'margin-tooltip' : ''\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.filter(Boolean) : 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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"}
|
|
@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
|
|
|
27
27
|
export type TestProps = Record<string, {
|
|
28
28
|
[epPropKey]: true;
|
|
29
29
|
} | NativePropType | EpPropInput<any, any, any, any, any>>;
|
|
30
|
-
export declare const buildProps: <Props extends Record<string,
|
|
30
|
+
export declare const buildProps: <Props extends Record<string, {
|
|
31
31
|
__epPropKey: true;
|
|
32
|
-
}
|
|
32
|
+
} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
|
package/index.full.js
CHANGED
|
@@ -62062,14 +62062,13 @@
|
|
|
62062
62062
|
null,
|
|
62063
62063
|
[
|
|
62064
62064
|
require$$0.createCommentVNode(" \u6709\u6587\u5B57\u63D0\u793A\u5F39\u7A97 "),
|
|
62065
|
-
_ctx.isShowTooltip ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_tooltip, {
|
|
62065
|
+
_ctx.isShowTooltip && _ctx.isShow ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_tooltip, {
|
|
62066
62066
|
key: 0,
|
|
62067
62067
|
tip: _ctx.tooltipTitle,
|
|
62068
62068
|
class: require$$0.normalizeClass(_ctx.tooltipClass)
|
|
62069
62069
|
}, {
|
|
62070
62070
|
default: require$$0.withCtx(() => [
|
|
62071
|
-
|
|
62072
|
-
key: 0,
|
|
62071
|
+
require$$0.createVNode(_component_a_button, {
|
|
62073
62072
|
type: "text",
|
|
62074
62073
|
disabled: _ctx.disabled,
|
|
62075
62074
|
class: require$$0.normalizeClass(`${btnClass.value}`),
|
|
@@ -62094,11 +62093,11 @@
|
|
|
62094
62093
|
]),
|
|
62095
62094
|
_: 1
|
|
62096
62095
|
/* STABLE */
|
|
62097
|
-
}, 8, ["disabled", "class", "style"])
|
|
62096
|
+
}, 8, ["disabled", "class", "style"])
|
|
62098
62097
|
]),
|
|
62099
62098
|
_: 1
|
|
62100
62099
|
/* STABLE */
|
|
62101
|
-
}, 8, ["tip", "class"])) : (require$$0.openBlock(), require$$0.createElementBlock(
|
|
62100
|
+
}, 8, ["tip", "class"])) : !_ctx.isShowTooltip && _ctx.isShow ? (require$$0.openBlock(), require$$0.createElementBlock(
|
|
62102
62101
|
require$$0.Fragment,
|
|
62103
62102
|
{ key: 1 },
|
|
62104
62103
|
[
|
|
@@ -62133,7 +62132,7 @@
|
|
|
62133
62132
|
],
|
|
62134
62133
|
64
|
|
62135
62134
|
/* STABLE_FRAGMENT */
|
|
62136
|
-
))
|
|
62135
|
+
)) : require$$0.createCommentVNode("v-if", true)
|
|
62137
62136
|
],
|
|
62138
62137
|
2112
|
|
62139
62138
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -65423,8 +65422,9 @@
|
|
|
65423
65422
|
/**
|
|
65424
65423
|
* @description more-icon的style
|
|
65425
65424
|
*/
|
|
65426
|
-
|
|
65427
|
-
type:
|
|
65425
|
+
moreIconShow: {
|
|
65426
|
+
type: Boolean,
|
|
65427
|
+
default: true
|
|
65428
65428
|
}
|
|
65429
65429
|
});
|
|
65430
65430
|
const operateIconEmits = {
|
|
@@ -65597,16 +65597,16 @@
|
|
|
65597
65597
|
onMouseenter: handleIconMouseenter
|
|
65598
65598
|
},
|
|
65599
65599
|
[
|
|
65600
|
-
require$$0.
|
|
65600
|
+
_ctx.moreIconShow ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(LlIconBase), {
|
|
65601
|
+
key: 0,
|
|
65601
65602
|
"is-show-tooltip": false,
|
|
65602
65603
|
"is-show-container": showIconList.value[0].isShowContainer,
|
|
65603
65604
|
"icon-type": showIconList.value[0].iconType,
|
|
65604
65605
|
data: _ctx.data,
|
|
65605
65606
|
"icon-name": "icon-more",
|
|
65606
65607
|
class: require$$0.normalizeClass(require$$0.unref(bem).e("icon-more")),
|
|
65607
|
-
style: require$$0.normalizeStyle(_ctx.moreIconStyle),
|
|
65608
65608
|
"on-click": (e) => handleClickMoreButton(e, _ctx.data)
|
|
65609
|
-
}, null, 8, ["is-show-container", "icon-type", "data", "class", "
|
|
65609
|
+
}, null, 8, ["is-show-container", "icon-type", "data", "class", "on-click"])) : require$$0.createCommentVNode("v-if", true)
|
|
65610
65610
|
],
|
|
65611
65611
|
34
|
|
65612
65612
|
/* CLASS, NEED_HYDRATION */
|