ll-plus 2.6.10 → 2.6.11
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/packages/components/operate-icon/src/operate-icon.vue2.mjs +5 -12
- package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map +1 -1
- package/index.full.js +5 -12
- package/index.full.min.js +1 -1
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +1 -1
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +5 -12
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js +5 -12
- package/lib/packages/components/operate-icon/src/operate-icon.vue2.js.map +1 -1
- package/package.json +1 -1
package/index.full.mjs
CHANGED
|
@@ -65494,18 +65494,10 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
65494
65494
|
0,
|
|
65495
65495
|
props.showIconLimit - 1
|
|
65496
65496
|
);
|
|
65497
|
-
modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({
|
|
65498
|
-
...item,
|
|
65499
|
-
isShowTitle: true,
|
|
65500
|
-
isShow: item.isShow === void 0 ? true : false
|
|
65501
|
-
}));
|
|
65497
|
+
modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({ ...item, isShowTitle: true }));
|
|
65502
65498
|
} else {
|
|
65503
|
-
showIconList.value = list
|
|
65504
|
-
...item,
|
|
65505
|
-
isShow: item.isShow === void 0 ? true : false
|
|
65506
|
-
}));
|
|
65499
|
+
showIconList.value = list;
|
|
65507
65500
|
}
|
|
65508
|
-
console.log(showIconList.value);
|
|
65509
65501
|
},
|
|
65510
65502
|
{ immediate: true, deep: true }
|
|
65511
65503
|
);
|
|
@@ -65527,8 +65519,9 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
65527
65519
|
return openBlock(), createBlock(unref(LlIconBase), mergeProps({ ref_for: true }, item, {
|
|
65528
65520
|
key: item.iconName,
|
|
65529
65521
|
data: _ctx.data,
|
|
65522
|
+
"is-show": Object.keys(item).includes("isShow") ? item.isShow : true,
|
|
65530
65523
|
"tooltip-class": unref(bem).e(marginButtonClass(index, showIconList.value.length - 1))
|
|
65531
|
-
}), null, 16, ["data", "tooltip-class"]);
|
|
65524
|
+
}), null, 16, ["data", "is-show", "tooltip-class"]);
|
|
65532
65525
|
}),
|
|
65533
65526
|
128
|
|
65534
65527
|
/* KEYED_FRAGMENT */
|
|
@@ -65552,7 +65545,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
65552
65545
|
Fragment,
|
|
65553
65546
|
null,
|
|
65554
65547
|
[
|
|
65555
|
-
item.isShow ? (openBlock(), createBlock(
|
|
65548
|
+
(Object.keys(item).includes("isShow") ? item.isShow : true) ? (openBlock(), createBlock(
|
|
65556
65549
|
_component_a_menu_item,
|
|
65557
65550
|
{
|
|
65558
65551
|
key: item.iconName,
|
|
@@ -81,18 +81,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
81
81
|
0,
|
|
82
82
|
props.showIconLimit - 1
|
|
83
83
|
);
|
|
84
|
-
modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({
|
|
85
|
-
...item,
|
|
86
|
-
isShowTitle: true,
|
|
87
|
-
isShow: item.isShow === void 0 ? true : false
|
|
88
|
-
}));
|
|
84
|
+
modalIconList.value = list.slice(props.showIconLimit - 1).map((item) => ({ ...item, isShowTitle: true }));
|
|
89
85
|
} else {
|
|
90
|
-
showIconList.value = list
|
|
91
|
-
...item,
|
|
92
|
-
isShow: item.isShow === void 0 ? true : false
|
|
93
|
-
}));
|
|
86
|
+
showIconList.value = list;
|
|
94
87
|
}
|
|
95
|
-
console.log(showIconList.value);
|
|
96
88
|
},
|
|
97
89
|
{ immediate: true, deep: true }
|
|
98
90
|
);
|
|
@@ -114,8 +106,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
114
106
|
return vue.openBlock(), vue.createBlock(vue.unref(index.LlIconBase), vue.mergeProps({ ref_for: true }, item, {
|
|
115
107
|
key: item.iconName,
|
|
116
108
|
data: _ctx.data,
|
|
109
|
+
"is-show": Object.keys(item).includes("isShow") ? item.isShow : true,
|
|
117
110
|
"tooltip-class": vue.unref(bem).e(marginButtonClass(index$1, showIconList.value.length - 1))
|
|
118
|
-
}), null, 16, ["data", "tooltip-class"]);
|
|
111
|
+
}), null, 16, ["data", "is-show", "tooltip-class"]);
|
|
119
112
|
}),
|
|
120
113
|
128
|
|
121
114
|
/* KEYED_FRAGMENT */
|
|
@@ -139,7 +132,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
139
132
|
vue.Fragment,
|
|
140
133
|
null,
|
|
141
134
|
[
|
|
142
|
-
item.isShow ? (vue.openBlock(), vue.createBlock(
|
|
135
|
+
(Object.keys(item).includes("isShow") ? item.isShow : true) ? (vue.openBlock(), vue.createBlock(
|
|
143
136
|
_component_a_menu_item,
|
|
144
137
|
{
|
|
145
138
|
key: item.iconName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"operate-icon.vue2.js","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 :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) => ({
|
|
1
|
+
{"version":3,"file":"operate-icon.vue2.js","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')\"\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 :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=\"Object.keys(item).includes('isShow') ? item.isShow : true\"\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":["ref","computed","createNamespace","watch"],"mappings":"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"}
|