hy-app 0.4.13 → 0.5.0

package/components/hy-swipe-action/props.ts

@@ -1,22 +1,47 @@
-import type IProps from "./typing";
+import type { SwipeActionOptionsVo, SwipeActionStatus } from './typing'
+import type { PropType } from 'vue'
 
-const defaultProps: IProps = {
-  borderBottom: false,
-  options: [
-    {
-      text: "收藏",
-      style: {
-        backgroundColor: "#3c9cff",
-      },
+const swipeActionProps = {
+    /**
+     * 滑动按钮的状态，使用v-model进行双向绑定。
+     * @values left,close,right
+     * */
+    modelValue: String as PropType<SwipeActionStatus>,
+    /** 是否禁用滑动操作 */
+    disabled: {
+        type: Boolean,
+        default: false
     },
-    {
-      text: "删除",
-      style: {
-        backgroundColor: "#f56c6c",
-      },
+    /** 显示底部边框 */
+    borderBottom: {
+        type: Boolean,
+        default: false
     },
-  ],
-  duration: 300,
-};
+    /** 右侧按钮内容 */
+    options: {
+        type: Array as unknown as PropType<SwipeActionOptionsVo[]>,
+        default: () => [
+            {
+                text: '收藏',
+                style: {
+                    backgroundColor: '#3c9cff'
+                }
+            },
+            {
+                text: '删除',
+                style: {
+                    backgroundColor: '#f56c6c'
+                }
+            }
+        ]
+    },
+    /** 动画过渡时间，单位ms */
+    duration: {
+        type: Number,
+        default: 300
+    },
+    /** 关闭滑动按钮前的钩子函数 */
+    beforeClose: Function
+}
 
-export default defaultProps;
+export default swipeActionProps

package/components/hy-swipe-action/typing.d.ts

@@ -1,62 +1,62 @@
 import type { CSSProperties, PropType } from 'vue'
 
 export interface SwipeActionOptionsVo {
-  text: string
-  style?: CSSProperties
-  icon?: string
-  iconSize?: string | number
+    text: string
+    style?: CSSProperties
+    icon?: string
+    iconSize?: string | number
 }
 export type SwipeActionStatus = 'close' | 'left' | 'right'
 // 点击关闭按钮、滑动关闭按钮、通过控制value关闭按钮
 export type SwipeActionReason = 'click' | 'swipe' | 'value'
 export type SwipeActionPosition = SwipeActionStatus | 'inside'
 export type SwipeActionBeforeClose = (
-  reason: SwipeActionReason,
-  position: SwipeActionPosition,
+    reason: SwipeActionReason,
+    position: SwipeActionPosition
 ) => void
 
 export default interface SwipeActionProps {
-  /**
-   * @description 滑动按钮的状态，使用v-model进行双向绑定。
-   * 选值为：'left'（左滑）、'close'（关闭状态）、'right'（右滑）。
-   * */
-  modelValue?: SwipeActionStatus
-  /**
-   * @description 是否禁用滑动操作
-   * */
-  disabled?: boolean
-  /**
-   * @description 是否自动关闭其他swipe按钮组（默认 true ）
-   * */
-  autoClose?: boolean
-  /**
-   * @description 显示底部边框
-   * */
-  borderBottom?: boolean
-  /**
-   * @description 右侧按钮内容
-   * */
-  options?: SwipeActionOptionsVo[]
-  /**
-   * @description 动画过渡时间，单位ms（默认 350 ）
-   * */
-  duration?: number
-  /**
-   * @description 在关闭滑动按钮前调用的钩子函数
-   * @desc 可以在此函数中执行一些关闭前的操作，如确认提示等。
-   * */
-  beforeClose?: funtion | PropType<SwipeActionBeforeClose>
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
+    /**
+     * @description 滑动按钮的状态，使用v-model进行双向绑定。
+     * 选值为：'left'（左滑）、'close'（关闭状态）、'right'（右滑）。
+     * */
+    modelValue?: SwipeActionStatus
+    /**
+     * @description 是否禁用滑动操作
+     * */
+    disabled?: boolean
+    /**
+     * @description 是否自动关闭其他swipe按钮组（默认 true ）
+     * */
+    autoClose?: boolean
+    /**
+     * @description 显示底部边框
+     * */
+    borderBottom?: boolean
+    /**
+     * @description 右侧按钮内容
+     * */
+    options?: SwipeActionOptionsVo[]
+    /**
+     * @description 动画过渡时间，单位ms（默认 350 ）
+     * */
+    duration?: number
+    /**
+     * @description 在关闭滑动按钮前调用的钩子函数
+     * @desc 可以在此函数中执行一些关闭前的操作，如确认提示等。
+     * */
+    beforeClose?: funtion | PropType<SwipeActionBeforeClose>
+    /**
+     * @description 定义需要用到的外部样式
+     * */
+    customStyle?: CSSProperties
 }
 
 export interface ISwipeActionEmits {
-  /** 当滑动按钮打开时，点击整个滑动操作容器触发 click 事件 */
-  (e: 'click', value: SwipeActionPosition): void
-  /** 点击动作执行函数 */
-  (e: 'clickAction', temp: any, index: number): void
-  /** 点击动作 */
-  (e: 'update:modelValue', value: SwipeActionStatus): void
+    /** 当滑动按钮打开时，点击整个滑动操作容器触发 click 事件 */
+    (e: 'click', value: SwipeActionPosition): void
+    /** 点击动作执行函数 */
+    (e: 'clickAction', temp: any, index: number): void
+    /** 点击动作 */
+    (e: 'update:modelValue', value: SwipeActionStatus): void
 }