hy-app 0.5.10 → 0.5.11

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

@@ -1,25 +1,25 @@
-let queue: any[] = []
-
-export function pushToQueue(comp: any) {
-    queue.push(comp)
-}
-
-export function removeFromQueue(comp: any) {
-    queue = queue.filter((item) => {
-        return item.$.uid !== comp.$.uid
-    })
-}
-
-export function closeOther(comp: any) {
-    queue.forEach((item) => {
-        if (item.$.uid !== comp.$.uid) {
-            item.$.exposed.close()
-        }
-    })
-}
-
-export function closeOutside() {
-    queue.forEach((item) => {
-        item.$.exposed.close()
-    })
-}
+let queue: any[] = []
+
+export function pushToQueue(comp: any) {
+    queue.push(comp)
+}
+
+export function removeFromQueue(comp: any) {
+    queue = queue.filter((item) => {
+        return item.$.uid !== comp.$.uid
+    })
+}
+
+export function closeOther(comp: any) {
+    queue.forEach((item) => {
+        if (item.$.uid !== comp.$.uid) {
+            item.$.exposed.close()
+        }
+    })
+}
+
+export function closeOutside() {
+    queue.forEach((item) => {
+        item.$.exposed.close()
+    })
+}

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

@@ -1,47 +1,47 @@
-import type { SwipeActionOptionsVo, SwipeActionStatus } from './typing'
-import type { PropType } from 'vue'
-
-const swipeActionProps = {
-    /**
-     * 滑动按钮的状态，使用v-model进行双向绑定。
-     * @values left,close,right
-     * */
-    modelValue: String,
-    /** 是否禁用滑动操作 */
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    /** 显示底部边框 */
-    borderBottom: {
-        type: Boolean,
-        default: false
-    },
-    /** 右侧按钮内容 */
-    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 swipeActionProps
+import type { SwipeActionOptionsVo, SwipeActionStatus } from './typing'
+import type { PropType } from 'vue'
+
+const swipeActionProps = {
+    /**
+     * 滑动按钮的状态，使用v-model进行双向绑定。
+     * @values left,close,right
+     * */
+    modelValue: String,
+    /** 是否禁用滑动操作 */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /** 显示底部边框 */
+    borderBottom: {
+        type: Boolean,
+        default: false
+    },
+    /** 右侧按钮内容 */
+    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 swipeActionProps

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

@@ -1,25 +1,25 @@
-import type { CSSProperties } from 'vue'
-
-export interface SwipeActionOptionsVo {
-    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
-) => void
-
-export interface ISwipeActionEmits {
-    /** 当滑动按钮打开时，点击整个滑动操作容器触发 click 事件 */
-    (e: 'click', value: SwipeActionPosition): void
-    /** 点击动作执行函数 */
-    (e: 'clickAction', temp: any, index: number): void
-    /** 点击动作 */
-    (e: 'update:modelValue', value: SwipeActionStatus): void
-}
+import type { CSSProperties } from 'vue'
+
+export interface SwipeActionOptionsVo {
+    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
+) => void
+
+export interface ISwipeActionEmits {
+    /** 当滑动按钮打开时，点击整个滑动操作容器触发 click 事件 */
+    (e: 'click', value: SwipeActionPosition): void
+    /** 点击动作执行函数 */
+    (e: 'clickAction', temp: any, index: number): void
+    /** 点击动作 */
+    (e: 'update:modelValue', value: SwipeActionStatus): void
+}

package/components/hy-swiper/hy-swiper-indicator.vue

@@ -1,75 +1,75 @@
-<template>
-  <view class="hy-swiper-indicator">
-    <view
-      v-if="indicatorMode === 'line'"
-      :class="[
-        'hy-swiper-indicator__wrapper',
-        `hy-swiper-indicator__wrapper--${indicatorMode}`,
-      ]"
-      :style="{
-        width: addUnit(lineWidth * length),
-        backgroundColor: indicatorInactiveColor,
-      }"
-    >
-      <view
-        class="hy-swiper-indicator__wrapper--line__bar"
-        :style="[lineStyle]"
-      ></view>
-    </view>
-    <view class="hy-swiper-indicator__wrapper" v-if="indicatorMode === 'dot'">
-      <view
-        class="hy-swiper-indicator__wrapper--dot"
-        v-for="(item, index) in length"
-        :key="index"
-        :class="[
-          index === current && 'hy-swiper-indicator__wrapper--dot__active',
-        ]"
-        :style="[dotStyle(index)]"
-      >
-      </view>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-// 指示器为线型的样式
-import { computed, type CSSProperties, toRefs, ref } from "vue";
-import { addUnit } from "../../libs";
-
-interface IProps {
-  length: number;
-  current: number | string;
-  indicatorActiveColor: string;
-  indicatorInactiveColor: string;
-  indicatorMode: "line" | "dot";
-}
-const props = withDefaults(defineProps<IProps>(), {});
-const { current, indicatorActiveColor, indicatorInactiveColor } = toRefs(props);
-
-const lineWidth = ref<number>(22);
-
-const lineStyle = computed<CSSProperties>(() => {
-  let style: CSSProperties = {};
-  style.width = addUnit(lineWidth.value);
-  style.transform = `translateX(${addUnit(
-    Number(current.value) * lineWidth.value,
-  )})`;
-  style.backgroundColor = indicatorActiveColor.value;
-  return style;
-});
-// 指示器为点型的样式
-const dotStyle = computed(() => {
-  return (index: number): CSSProperties => {
-    let style: CSSProperties = {};
-    style.backgroundColor =
-      index === current.value
-        ? indicatorActiveColor.value
-        : indicatorInactiveColor.value;
-    return style;
-  };
-});
-</script>
-
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>
+<template>
+  <view class="hy-swiper-indicator">
+    <view
+      v-if="indicatorMode === 'line'"
+      :class="[
+        'hy-swiper-indicator__wrapper',
+        `hy-swiper-indicator__wrapper--${indicatorMode}`,
+      ]"
+      :style="{
+        width: addUnit(lineWidth * length),
+        backgroundColor: indicatorInactiveColor,
+      }"
+    >
+      <view
+        class="hy-swiper-indicator__wrapper--line__bar"
+        :style="[lineStyle]"
+      ></view>
+    </view>
+    <view class="hy-swiper-indicator__wrapper" v-if="indicatorMode === 'dot'">
+      <view
+        class="hy-swiper-indicator__wrapper--dot"
+        v-for="(item, index) in length"
+        :key="index"
+        :class="[
+          index === current && 'hy-swiper-indicator__wrapper--dot__active',
+        ]"
+        :style="[dotStyle(index)]"
+      >
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+// 指示器为线型的样式
+import { computed, type CSSProperties, toRefs, ref } from "vue";
+import { addUnit } from "../../libs";
+
+interface IProps {
+  length: number;
+  current: number | string;
+  indicatorActiveColor: string;
+  indicatorInactiveColor: string;
+  indicatorMode: "line" | "dot";
+}
+const props = withDefaults(defineProps<IProps>(), {});
+const { current, indicatorActiveColor, indicatorInactiveColor } = toRefs(props);
+
+const lineWidth = ref<number>(22);
+
+const lineStyle = computed<CSSProperties>(() => {
+  let style: CSSProperties = {};
+  style.width = addUnit(lineWidth.value);
+  style.transform = `translateX(${addUnit(
+    Number(current.value) * lineWidth.value,
+  )})`;
+  style.backgroundColor = indicatorActiveColor.value;
+  return style;
+});
+// 指示器为点型的样式
+const dotStyle = computed(() => {
+  return (index: number): CSSProperties => {
+    let style: CSSProperties = {};
+    style.backgroundColor =
+      index === current.value
+        ? indicatorActiveColor.value
+        : indicatorInactiveColor.value;
+    return style;
+  };
+});
+</script>
+
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>