hy-app 0.6.4 → 0.6.6

package/components/hy-divider/props.ts

@@ -1,83 +1,83 @@
-import { IconConfig } from '../../libs/config'
-import type { CSSProperties, PropType } from 'vue'
-import { useTranslate } from '../../libs'
-
-const { t } = useTranslate('loadMore')
-
-const dividerProps = {
-    /** 是否虚线 */
-    dashed: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否细线 */
-    hairline: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否以点替代文字，优先于text字段起作用 */
-    dot: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 内容文本的位置
-     * @values left,center,right
-     * */
-    textPosition: {
-        type: String,
-        default: 'center'
-    },
-    /** 文本内容，如果为loadMore就是加载前，如果为loading就是加载中，如果为noMore就是没有更多 */
-    text: {
-        type: String,
-        default: ''
-    },
-    /** 文本大小 */
-    textSize: {
-        type: [String, Number],
-        default: 14
-    },
-    /** 文本颜色 */
-    textColor: String,
-    /** 线条颜色 */
-    lineColor: String,
-    /** 加载图标 */
-    loadingIcon: {
-        type: String,
-        default: IconConfig.LOADING
-    },
-    /** 加载前的提示语 */
-    loadMoreText: {
-        type: String,
-        default: () => t('loadMore')
-    },
-    /** 加载中提示语 */
-    loadingText: {
-        type: String,
-        default: () => t('loading')
-    },
-    /** 没有更多的提示语 */
-    noMoreText: {
-        type: String,
-        default: () => t('finished')
-    },
-    /** 上边距 */
-    marginTop: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 下边距 */
-    marginBottom: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default dividerProps
+import { IconConfig } from '../../libs/config'
+import type { CSSProperties, PropType } from 'vue'
+import { useTranslate } from '../../libs'
+
+const { t } = useTranslate('loadMore')
+
+const dividerProps = {
+    /** 是否虚线 */
+    dashed: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否细线 */
+    hairline: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否以点替代文字，优先于text字段起作用 */
+    dot: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 内容文本的位置
+     * @values left,center,right
+     * */
+    textPosition: {
+        type: String,
+        default: 'center'
+    },
+    /** 文本内容，如果为loadMore就是加载前，如果为loading就是加载中，如果为noMore就是没有更多 */
+    text: {
+        type: String,
+        default: ''
+    },
+    /** 文本大小 */
+    textSize: {
+        type: [String, Number],
+        default: 14
+    },
+    /** 文本颜色 */
+    textColor: String,
+    /** 线条颜色 */
+    lineColor: String,
+    /** 加载图标 */
+    loadingIcon: {
+        type: String,
+        default: IconConfig.LOADING
+    },
+    /** 加载前的提示语 */
+    loadMoreText: {
+        type: String,
+        default: () => t('loadMore')
+    },
+    /** 加载中提示语 */
+    loadingText: {
+        type: String,
+        default: () => t('loading')
+    },
+    /** 没有更多的提示语 */
+    noMoreText: {
+        type: String,
+        default: () => t('finished')
+    },
+    /** 上边距 */
+    marginTop: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 下边距 */
+    marginBottom: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default dividerProps

package/components/hy-empty/icon.ts

@@ -1,72 +1,72 @@
-import type { IEmptyIcon } from './typing'
-
-const url = 'https://pic.imgdd.cc/item/'
-
-const emptyIcon: IEmptyIcon = {
-    content: {
-        desc: '暂无内容',
-        icon: url + '695f8d4ffa2f0e88008de857.png'
-    },
-    search: {
-        desc: '暂无搜索结果',
-        icon: url + '695f8d89fa2f0e88008debc3.png'
-    },
-    address: {
-        desc: '暂无收货地址',
-        icon: url + '695f8d4efa2f0e88008de847.png'
-    },
-    network: {
-        desc: '暂无网络',
-        icon: url + '695f8d6dfa2f0e88008dea15.png'
-    },
-    order: {
-        desc: '暂无订单',
-        icon: url + '695f8d89fa2f0e88008debbc.png'
-    },
-    coupon: {
-        desc: '暂无优惠券',
-        icon: url + '695f8d4efa2f0e88008de84b.png'
-    },
-    collect: {
-        desc: '暂无收藏',
-        icon: url + '695f8d4efa2f0e88008de846.png'
-    },
-    history: {
-        desc: '无历史记录',
-        icon: url + 'history.png'
-    },
-    message: {
-        desc: '暂无消息',
-        icon: url + '695f8d4efa2f0e88008de852.png'
-    },
-    comment: {
-        desc: '暂无评论',
-        icon: url + '695f8d6cfa2f0e88008dea09.png'
-    },
-    integral: {
-        desc: '暂无积分',
-        icon: url + '695f8d6dfa2f0e88008dea0d.png'
-    },
-    card: {
-        desc: '暂无银行卡',
-        icon: url + '695f8d4efa2f0e88008de851.png'
-    },
-    notification: {
-        desc: '暂无通知',
-        icon: url + '695f8d6dfa2f0e88008dea16.png'
-    },
-    shop: {
-        desc: '暂无购物车',
-        icon: url + '695f8d8afa2f0e88008debcb.png'
-    },
-    activity: {
-        desc: '暂无活动',
-        icon: url + '695f8f60fa2f0e88008e068c.png'
-    },
-    loading: {
-        desc: '加载中',
-        icon: url + '695f8d6dfa2f0e88008dea13.png'
-    }
-}
-
-export default emptyIcon
+import type { IEmptyIcon } from './typing'
+
+const url = 'https://pic.imgdd.cc/item/'
+
+const emptyIcon: IEmptyIcon = {
+    content: {
+        desc: '暂无内容',
+        icon: url + '695f8d4ffa2f0e88008de857.png'
+    },
+    search: {
+        desc: '暂无搜索结果',
+        icon: url + '695f8d89fa2f0e88008debc3.png'
+    },
+    address: {
+        desc: '暂无收货地址',
+        icon: url + '695f8d4efa2f0e88008de847.png'
+    },
+    network: {
+        desc: '暂无网络',
+        icon: url + '695f8d6dfa2f0e88008dea15.png'
+    },
+    order: {
+        desc: '暂无订单',
+        icon: url + '695f8d89fa2f0e88008debbc.png'
+    },
+    coupon: {
+        desc: '暂无优惠券',
+        icon: url + '695f8d4efa2f0e88008de84b.png'
+    },
+    collect: {
+        desc: '暂无收藏',
+        icon: url + '695f8d4efa2f0e88008de846.png'
+    },
+    history: {
+        desc: '无历史记录',
+        icon: url + 'history.png'
+    },
+    message: {
+        desc: '暂无消息',
+        icon: url + '695f8d4efa2f0e88008de852.png'
+    },
+    comment: {
+        desc: '暂无评论',
+        icon: url + '695f8d6cfa2f0e88008dea09.png'
+    },
+    integral: {
+        desc: '暂无积分',
+        icon: url + '695f8d6dfa2f0e88008dea0d.png'
+    },
+    card: {
+        desc: '暂无银行卡',
+        icon: url + '695f8d4efa2f0e88008de851.png'
+    },
+    notification: {
+        desc: '暂无通知',
+        icon: url + '695f8d6dfa2f0e88008dea16.png'
+    },
+    shop: {
+        desc: '暂无购物车',
+        icon: url + '695f8d8afa2f0e88008debcb.png'
+    },
+    activity: {
+        desc: '暂无活动',
+        icon: url + '695f8f60fa2f0e88008e068c.png'
+    },
+    loading: {
+        desc: '加载中',
+        icon: url + '695f8d6dfa2f0e88008dea13.png'
+    }
+}
+
+export default emptyIcon

package/components/hy-folding-panel/hy-folding-panel-group.vue

@@ -1,163 +1,163 @@
-<template>
-  <view class="hy-folding-panel-group">
-    <slot></slot>
-  </view>
-</template>
-
-<script lang="ts">
-export default {
-  name: "hy-folding-panel-group"
-};
-</script>
-
-<script setup lang="ts">
-import { provide, ref, watch, onMounted, nextTick, getCurrentInstance } from 'vue';
-import type { Ref } from 'vue';
-
-// Props定义
-const props = defineProps({
-  /**
-   * 当前激活的面板索引，支持v-model
-   */
-  modelValue: {
-    type: Number,
-    default: -1
-  },
-  /**
-   * 是否手风琴模式，默认true
-   */
-  accordion: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * 是否禁用整个折叠面板组
-   */
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-});
-
-// 事件定义
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: number): void;
-  (e: 'change', index: number): void;
-  (e: 'open', index: number): void;
-  (e: 'close', index: number): void;
-}>();
-
-// 内部激活索引
-const activeIndex = ref(props.modelValue);
-
-// 监听v-model变化
-watch(() => props.modelValue, (newVal) => {
-  activeIndex.value = newVal;
-});
-
-// 监听内部激活索引变化
-watch(activeIndex, (newVal) => {
-  emit('update:modelValue', newVal);
-  emit('change', newVal);
-});
-
-// 提供给子组件的方法
-const updateActiveIndex = (index: number) => {
-  if (props.disabled) return;
-  
-  if (props.accordion) {
-    // 手风琴模式下，如果点击的是当前激活的索引，则关闭（设为-1）
-    const wasActive = activeIndex.value === index;
-    activeIndex.value = wasActive ? -1 : index;
-    
-    // 触发相应的事件
-    if (!wasActive) {
-      emit('open', index);
-    } else {
-      emit('close', index);
-    }
-  } else {
-    // 非手风琴模式下，这里不做特殊处理，由子组件自己控制
-    activeIndex.value = index;
-  }
-};
-
-// 提供给子组件的配置
-provide('hy-folding-panel-group', {
-  accordion: props.accordion,
-  disabled: props.disabled,
-  activeIndex,
-  updateActiveIndex
-});
-
-// 自动为子组件设置索引
-onMounted(() => {
-  nextTick(() => {
-    const children = getCurrentInstance()?.proxy?.$el?.querySelectorAll('.hy-folding-panel-item');
-    children?.forEach((child, index) => {
-      const vueComponent = (child as any).__vueParentComponent?.proxy;
-      if (vueComponent && vueComponent.$options.name === 'hy-folding-panel-item') {
-        vueComponent.index = index;
-      }
-    });
-  });
-});
-
-// 对外暴露的方法
-defineExpose({
-  /**
-   * 打开指定索引的面板
-   */
-  open: (index: number) => {
-    if (props.disabled) return;
-    activeIndex.value = index;
-    emit('open', index);
-  },
-  
-  /**
-   * 关闭所有面板
-   */
-  closeAll: () => {
-    if (props.disabled) return;
-    const prevIndex = activeIndex.value;
-    activeIndex.value = -1;
-    if (prevIndex !== -1) {
-      emit('close', prevIndex);
-    }
-  },
-  
-  /**
-   * 切换指定索引面板的状态
-   */
-  toggle: (index: number) => {
-    if (props.disabled) return;
-    updateActiveIndex(index);
-  },
-  
-  /**
-   * 关闭指定索引的面板
-   */
-  close: (index: number) => {
-    if (props.disabled) return;
-    if (activeIndex.value === index) {
-      activeIndex.value = -1;
-      emit('close', index);
-    }
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.hy-folding-panel-group {
-  width: 100%;
-  background-color: #ffffff;
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.hy-folding-panel-group--disabled {
-  opacity: 0.6;
-  pointer-events: none;
-}
+<template>
+  <view class="hy-folding-panel-group">
+    <slot></slot>
+  </view>
+</template>
+
+<script lang="ts">
+export default {
+  name: "hy-folding-panel-group"
+};
+</script>
+
+<script setup lang="ts">
+import { provide, ref, watch, onMounted, nextTick, getCurrentInstance } from 'vue';
+import type { Ref } from 'vue';
+
+// Props定义
+const props = defineProps({
+  /**
+   * 当前激活的面板索引，支持v-model
+   */
+  modelValue: {
+    type: Number,
+    default: -1
+  },
+  /**
+   * 是否手风琴模式，默认true
+   */
+  accordion: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否禁用整个折叠面板组
+   */
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+
+// 事件定义
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: number): void;
+  (e: 'change', index: number): void;
+  (e: 'open', index: number): void;
+  (e: 'close', index: number): void;
+}>();
+
+// 内部激活索引
+const activeIndex = ref(props.modelValue);
+
+// 监听v-model变化
+watch(() => props.modelValue, (newVal) => {
+  activeIndex.value = newVal;
+});
+
+// 监听内部激活索引变化
+watch(activeIndex, (newVal) => {
+  emit('update:modelValue', newVal);
+  emit('change', newVal);
+});
+
+// 提供给子组件的方法
+const updateActiveIndex = (index: number) => {
+  if (props.disabled) return;
+  
+  if (props.accordion) {
+    // 手风琴模式下，如果点击的是当前激活的索引，则关闭（设为-1）
+    const wasActive = activeIndex.value === index;
+    activeIndex.value = wasActive ? -1 : index;
+    
+    // 触发相应的事件
+    if (!wasActive) {
+      emit('open', index);
+    } else {
+      emit('close', index);
+    }
+  } else {
+    // 非手风琴模式下，这里不做特殊处理，由子组件自己控制
+    activeIndex.value = index;
+  }
+};
+
+// 提供给子组件的配置
+provide('hy-folding-panel-group', {
+  accordion: props.accordion,
+  disabled: props.disabled,
+  activeIndex,
+  updateActiveIndex
+});
+
+// 自动为子组件设置索引
+onMounted(() => {
+  nextTick(() => {
+    const children = getCurrentInstance()?.proxy?.$el?.querySelectorAll('.hy-folding-panel-item');
+    children?.forEach((child, index) => {
+      const vueComponent = (child as any).__vueParentComponent?.proxy;
+      if (vueComponent && vueComponent.$options.name === 'hy-folding-panel-item') {
+        vueComponent.index = index;
+      }
+    });
+  });
+});
+
+// 对外暴露的方法
+defineExpose({
+  /**
+   * 打开指定索引的面板
+   */
+  open: (index: number) => {
+    if (props.disabled) return;
+    activeIndex.value = index;
+    emit('open', index);
+  },
+  
+  /**
+   * 关闭所有面板
+   */
+  closeAll: () => {
+    if (props.disabled) return;
+    const prevIndex = activeIndex.value;
+    activeIndex.value = -1;
+    if (prevIndex !== -1) {
+      emit('close', prevIndex);
+    }
+  },
+  
+  /**
+   * 切换指定索引面板的状态
+   */
+  toggle: (index: number) => {
+    if (props.disabled) return;
+    updateActiveIndex(index);
+  },
+  
+  /**
+   * 关闭指定索引的面板
+   */
+  close: (index: number) => {
+    if (props.disabled) return;
+    if (activeIndex.value === index) {
+      activeIndex.value = -1;
+      emit('close', index);
+    }
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.hy-folding-panel-group {
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.hy-folding-panel-group--disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
 </style>