sard-uniapp 1.22.0 → 1.22.1

package/components/share-sheet/share-sheet.vue

@@ -4,6 +4,7 @@
     :visible="innerVisible"
     :duration="duration"
     @overlay-click="onOverlayClick"
+    @visible-hook="onVisibleHook"
   >
     <view :class="shareSheetClass" :style="shareSheetStyle">
       <view v-if="title || description" :class="bem.e('header')">
@@ -105,6 +106,15 @@ import {
  * @event {() => void} close 点击遮罩时触发
  * @event {() => void} cancel 点击取消按钮时触发
  * @event {(item: ShareSheetItem) => void} select 点击分享项时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -130,7 +140,7 @@ export default  _defineComponent({
     beforeClose: { type: Function, required: false },
     duration: { type: Number, required: false }
   }, defaultShareSheetProps),
-  emits: ["update:visible", "close", "cancel", "select"],
+  emits: ["update:visible", "close", "cancel", "select", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -184,6 +194,10 @@ export default  _defineComponent({
       emit("cancel");
       perhapsClose("cancel");
     };
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      emit(name);
+    };
     const isImg = (url) => {
       return typeof url === "string" && isFileUrl(url);
     };
@@ -193,7 +207,7 @@ export default  _defineComponent({
     const shareSheetStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, finalItemList, innerVisible, perhapsClose, onOverlayClick, onSelect, onCancel, isImg, shareSheetClass, shareSheetStyle, get classNames() {
+    const __returned__ = { props, emit, bem, finalItemList, innerVisible, perhapsClose, onOverlayClick, onSelect, onCancel, onVisibleHook, isImg, shareSheetClass, shareSheetStyle, get classNames() {
       return classNames;
     }, get stringifyStyle() {
       return stringifyStyle;

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {
@@ -123,7 +123,7 @@
     "lodash-es": "^4.17.21",
     "prettier": "^3.5.3",
     "region-data": "^1.2.3",
-    "sard-cli": "^1.3.4",
+    "sard-cli": "^1.3.5",
     "sass": "^1.69.7",
     "tailwindcss": "^3.4.17",
     "tel-area-code": "^1.1.0",

package/use/useFormPopout.d.ts

@@ -1,12 +1,15 @@
+import { type TransitionHookName } from './useTransition';
+import { type TransitionHookEmits } from '../components/popup/common';
 export interface UseFormPopoutProps {
     visible?: boolean;
     modelValue?: any;
     validateEvent?: boolean;
 }
-export interface UseFormPopoutEmits {
+export interface UseFormPopoutEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', ...args: any[]): void;
     (e: 'change', ...args: any[]): void;
+    (e: 'confirm'): void;
 }
 export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPopoutEmits, options?: {
     onChange?: (...args: any[]) => void;
@@ -16,5 +19,6 @@ export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPo
     innerValue: import("vue").Ref<any, any>;
     popoutValue: import("vue").Ref<any, any>;
     onChange: (value: any, ...args: any[]) => void;
-    onConfirm: () => void;
+    onConfirm: (showConfirm?: boolean) => void;
+    onVisibleHook: (name: TransitionHookName) => void;
 };

package/use/useFormPopout.js

@@ -23,7 +23,10 @@ export function useFormPopout(props, emit, options = {}) {
         restArgs = args;
         options.onChange?.(value, ...args);
     };
-    const onConfirm = () => {
+    const onConfirm = (showConfirm = true) => {
+        if (showConfirm) {
+            emit('confirm');
+        }
         const extraArgs = options.onConfirmBefore?.();
         if (extraArgs) {
             restArgs = extraArgs;
@@ -35,11 +38,16 @@ export function useFormPopout(props, emit, options = {}) {
             emit('change', ...args);
         }
     };
+    const onVisibleHook = (name) => {
+        emit('visible-hook', name);
+        emit(name);
+    };
     return {
         innerVisible: visible,
         innerValue,
         popoutValue,
         onChange,
         onConfirm,
+        onVisibleHook,
     };
 }

package/use/usePopoutInput.d.ts

@@ -1,9 +1,11 @@
+import { type TransitionHookName } from './useTransition';
+import { type TransitionHookEmits } from '../components/popup/common';
 export interface UsePopoutInputProps {
     visible?: boolean;
     modelValue?: any;
     valueOnClear?: () => any;
 }
-export interface UsePopoutInputEmits {
+export interface UsePopoutInputEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', ...args: any[]): void;
     (e: 'change', ...args: any[]): void;
@@ -17,4 +19,5 @@ export declare function usePopoutInput(props: UsePopoutInputProps, emit: UsePopo
     show: () => void;
     onChange: (...args: any[]) => void;
     onClear: () => void;
+    onVisibleHook: (name: TransitionHookName) => void;
 };

package/use/usePopoutInput.js

@@ -8,6 +8,10 @@ export function usePopoutInput(props, emit, options = {}) {
     const show = () => {
         visible.value = true;
     };
+    const onVisibleHook = (name) => {
+        emit('visible-hook', name);
+        emit(name);
+    };
     // value
     const innerValue = ref(props.modelValue);
     const getValueOnClear = () => (props.valueOnClear || defaultConfig.valueOnClear || defaultValueOnClear)();
@@ -38,5 +42,6 @@ export function usePopoutInput(props, emit, options = {}) {
         show,
         onChange,
         onClear,
+        onVisibleHook,
     };
 }