stellar-ui-plus 1.24.25 → 1.24.26

package/components/ste-dropdown-menu/props.ts

@@ -26,6 +26,7 @@ export default dropDownMenuProps;
 export const dropDownMenuEmits = {
     close: () => true,
     open: () => true,
+    maskClick: () => true,
     change: (value: Array<any>) => Array.isArray(value),
     'item-choose': (item: any) => item,
     'update:modelValue': (value: Array<any>) => Array.isArray(value),

package/components/ste-dropdown-menu/ste-dropdown-menu.vue

@@ -235,6 +235,7 @@ function choose(item: DropdownItem) {
 function handleMaskClick() {
     if (props.isMaskClick) {
         close();
+        emits('maskClick');
     }
 }
 function handleMenuConentClick() {}

package/components/ste-filter-tool/ATTRIBUTES.md

@@ -15,3 +15,4 @@
 | `confirm` | 点击确认按钮时触发 | `values`：当前所有选中的值 | - |
 | `reset` | 点击重置按钮时触发 | - | - |
 | `itemClick` | 点击任意筛选项时触发（实时） | `item`：当前操作的筛选项数据 | - |
+| `maskClose` | 点击蒙层关闭了弹窗后触发 | - | - |

package/components/ste-filter-tool/props.ts

@@ -35,6 +35,7 @@ export const filterToolEmits = {
     // 值变化（实时）
     'update:value': (values: FilterValue[]) => Array.isArray(values),
     itemClick: (item: FilterValue) => item instanceof Object,
+    maskClose: () => true,
 };
 
 export type FilterToolProps = ExtractPropTypes<typeof props>;

package/components/ste-filter-tool/ste-filter-tool.easycom.json

@@ -67,6 +67,12 @@
                     "description": "当前操作的筛选项数据"
                 }
             ]
+        },
+        {
+            "name": "[event]maskClose",
+            "description": "点击蒙层关闭了弹窗后触发",
+            "type": "() => void",
+            "params": []
         }
     ]
 }

package/components/ste-filter-tool/ste-filter-tool.vue

@@ -1,6 +1,6 @@
 <template>
     <view class="ste-filter-tool--root" :style="[rootStyleVar, { '--category-count': categoryData.length }]">
-        <ste-dropdown-menu ref="steDropMenu" class="filter-box-menu" :activeColor="activeColor" dropDownIconColor="#000" v-model:showPopup="showMenu">
+        <ste-dropdown-menu ref="steDropMenu" class="filter-box-menu" :activeColor="activeColor" dropDownIconColor="#000" v-model:showPopup="showMenu" @maskClick="handleMaskClick">
             <template #title>
                 <slot>
                     <view></view>
@@ -146,7 +146,7 @@ const rootStyleVar = computed(() => ({
 }));
 
 // 使用简化的筛选逻辑组合式函数
-const { handleFilterClick, handleCheckboxChange, handleReset, handleConfirm } = useData(props, emits, filtersData);
+const { handleFilterClick, handleCheckboxChange, handleReset, handleConfirm, handleMaskClose } = useData(props, emits, filtersData);
 
 // 工具类实例
 const calculator = new ScrollCalculator(instance, filtersData);
@@ -217,6 +217,10 @@ const toggleExpand = (item: FilterItem) => {
     item.expand = !item.expand;
 };
 
+function handleMaskClick() {
+    handleMaskClose();
+}
+
 // 监听器
 watch(
     () => props.data,

package/components/ste-filter-tool/useData.ts

@@ -138,6 +138,13 @@ export default function useSimpleFilterLogic(props: FilterToolProps, emits: Setu
         emits('confirm', currentValues);
     };
 
+    /**
+     * 点击蒙层关闭了弹窗后触发
+     */
+    const handleMaskClose = () => {
+        emits('maskClose');
+    };
+
     // 监听props.value变化，同步到组件内部状态
     watch(
         () => props.value,
@@ -156,6 +163,7 @@ export default function useSimpleFilterLogic(props: FilterToolProps, emits: Setu
         handleCheckboxChange,
         handleReset,
         handleConfirm,
+        handleMaskClose,
         collectCurrentValues,
         setValuesFromProps,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "stellar-ui-plus",
-    "version": "1.24.25",
+    "version": "1.24.26",
     "description": "",
     "author": "",
     "license": "MIT",