sard-uniapp 1.19.0 → 1.19.1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [1.19.1](https://github.com/sutras/sard-uniapp/compare/v1.19.0...v1.19.1) (2025-06-11)
+
+
+### Features
+
+* dropdown 新增 before-close 属性 ([fca24ac](https://github.com/sutras/sard-uniapp/commit/fca24ac536bc3840fbc9562fde4992f864968080))
+
+
+
 # [1.19.0](https://github.com/sutras/sard-uniapp/compare/v1.18.0...v1.19.0) (2025-06-10)
 
 

package/README.md

@@ -25,7 +25,7 @@
 
 ## 特性
 
-- 🧩 80+个高质量组件，覆盖移动端主流场景
+- 🧩 90+个高质量组件，覆盖移动端主流场景
 - 💪 支持一套代码同时开发 H5 / 小程序 / App
 - 🌿 支持按需引入和 `Tree Shaking`
 - 📖 详尽的文档和案例展示

package/components/dropdown/common.d.ts

@@ -24,7 +24,8 @@ export interface DropdownOption {
     value?: any;
 }
 export type DropdownCloseType = 'overlay' | 'away' | 'other-button' | 'option' | 'button';
-export type DropdownBeforeClose = (type: DropdownCloseType) => any | Promise<any>;
+export type DropdownBeforeClose = (type: DropdownCloseType) => any;
+export type DropdownBeforeOpen = () => any;
 export interface DropdownItemProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -37,6 +38,7 @@ export interface DropdownItemProps {
     separator?: string;
     placeholder?: string;
     beforeClose?: DropdownBeforeClose;
+    beforeOpen?: DropdownBeforeOpen;
 }
 export declare const defaultDropdownItemProps: {
     options: () => never[];

package/components/dropdown-item/dropdown-item.vue

@@ -130,7 +130,8 @@ export default  _defineComponent({
     visible: { type: Boolean, required: false },
     separator: { type: String, required: false },
     placeholder: { type: String, required: false },
-    beforeClose: { type: Function, required: false }
+    beforeClose: { type: Function, required: false },
+    beforeOpen: { type: Function, required: false }
   }, defaultDropdownItemProps),
   emits: ["update:model-value", "change", "update:visible", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -228,12 +229,30 @@ export default  _defineComponent({
       }
       setInnerVisible(false);
     };
+    let isOpening = false;
+    const perhapsOpen = () => {
+      if (isOpening) {
+        return;
+      }
+      if (isFunction(props.beforeOpen)) {
+        const result = props.beforeOpen();
+        if (isObject(result) && isFunction(result.then)) {
+          isOpening = true;
+          return result.then(() => {
+            setInnerVisible(true);
+          }).catch(noop);
+        } else if (result === false) {
+          return;
+        }
+      }
+      setInnerVisible(true);
+    };
     const onItemClick = () => {
       if (!context.disabled && !props.disabled) {
         if (innerVisible.value) {
           perhapsClose("button");
         } else {
-          setInnerVisible(true);
+          perhapsOpen();
         }
       }
     };
@@ -275,6 +294,7 @@ export default  _defineComponent({
         onVisibleHook: (name) => {
           if (name === "before-enter") {
             increaseZIndex();
+            isOpening = false;
           }
           if (name === "after-leave") {
             wholeVisible.value = false;
@@ -330,7 +350,11 @@ export default  _defineComponent({
       return isClosing;
     }, set isClosing(v) {
       isClosing = v;
-    }, perhapsClose, onItemClick, onOptionClick, onOverlayClick, onAwayClick, hide, zIndex, increaseZIndex, realVisible, transitionClass, onTransitionEnd, popupClass, popupStyle, currentLabel, currentArrow, popupEffect, dropdownItemClass, dropdownItemStyle, get classNames() {
+    }, perhapsClose, get isOpening() {
+      return isOpening;
+    }, set isOpening(v) {
+      isOpening = v;
+    }, perhapsOpen, onItemClick, onOptionClick, onOverlayClick, onAwayClick, hide, zIndex, increaseZIndex, realVisible, transitionClass, onTransitionEnd, popupClass, popupStyle, currentLabel, currentArrow, popupEffect, dropdownItemClass, dropdownItemStyle, get classNames() {
       return classNames;
     }, get isNullish() {
       return isNullish;

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.19.0",
+  "version": "1.19.1",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {