hy-app 0.3.15 → 0.4.0

package/components/hy-action-sheet/hy-action-sheet.vue

@@ -36,7 +36,7 @@
 
         <!-- 选项卡 -->
         <view class="hy-action-sheet__actions" v-if="actions && actions.length">
-          <button
+          <view
             v-for="(action, rowIndex) in actions"
             :key="rowIndex"
             :class="`hy-action-sheet__action ${
@@ -55,7 +55,7 @@
             >
               {{ action?.sub }}
             </view>
-          </button>
+          </view>
         </view>
         <!-- 选项卡 -->
 

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

@@ -1,127 +1,126 @@
-import type { CSSProperties } from 'vue'
-import { HyApp } from 'hy-app/typing/modules/common'
+import type { CSSProperties } from "vue";
 export interface IActionSheetAction {
   /**
    * 选项名称
    */
-  name: string
+  name: string;
   /**
    * 描述信息
    */
-  sub?: string
+  sub?: string;
   /**
    * 颜色
    */
-  color?: string
+  color?: string;
   /**
    * 禁用
    */
-  disabled?: boolean
+  disabled?: boolean;
   /**
    * 加载中状态
    */
-  loading?: boolean
+  loading?: boolean;
 }
 export interface IActionSheetPanel {
   /**
    * 图片地址
    */
-  iconUrl: string
+  iconUrl: string;
   /**
    * 标题内容
    */
-  name: string
+  name: string;
 }
 export interface HyActionSheetProps {
   /**
    * 操作菜单是否展示 ( 默认 false )
    * */
-  modelValue?: boolean
+  modelValue?: boolean;
   /**
    * 菜单选项
    * */
-  actions?: IActionSheetAction[]
+  actions?: IActionSheetAction[];
   /**
    * 自定义面板项,可以为字符串数组，也可以为对象数组，如果为二维数组，则为多行展示
    * */
-  panels?: Array<IActionSheetPanel | IActionSheetPanel[]>
+  panels?: Array<IActionSheetPanel | IActionSheetPanel[]>;
   /**
    * 圆角值 (默认 20 )
    * */
-  round?: string | number
+  round?: string | number;
   /**
    * 标题
    * */
-  title?: string
+  title?: string;
   /**
    * 标题文字位置
    * */
-  titleAlign?: HyApp.RowCenterType
+  titleAlign?: HyApp.RowCenterType;
   /**
    * 取消按钮的提示文字,不为空时显示按钮
    * */
-  cancelText?: string
+  cancelText?: string;
   /**
    * 点击某个菜单项时是否关闭弹窗 （默认 true ）
    * */
-  closeOnClickAction?: boolean
+  closeOnClickAction?: boolean;
   /**
    * 点击遮罩是否允许关闭  (默认 true )
    * */
-  closeOnClickOverlay?: boolean
+  closeOnClickOverlay?: boolean;
   /**
    * 弹框动画持续时间 ( 默认 200 )
    * */
-  duration?: number
+  duration?: number;
   /**
    * 菜单层级 ( 默认 100 )
    * */
-  zIndex?: number
+  zIndex?: number;
   /**
    * 处理底部安全区 （默认 true ）
    * */
-  safeAreaInsetBottom?: boolean
+  safeAreaInsetBottom?: boolean;
   /**
    * 自定义外部样式
    * */
-  customStyle?: CSSProperties
+  customStyle?: CSSProperties;
   /**
    * 自定义外部类名
    * */
-  customClass?: string
+  customClass?: string;
   /**
    * 自定义标题类名
    * */
-  customHeaderClass?: string
+  customHeaderClass?: string;
 }
 
 interface SelectEventParams {
   /**
    * 选中的内容
    * */
-  item: any
+  item: any;
   /**
    * 选中的横向索引
    * */
-  rowIndex?: number
+  rowIndex?: number;
   /**
    * 选中的竖列索引
    * */
-  colIndex?: number
+  colIndex?: number;
   /**
    * 选中的索引
    * */
-  index?: number
+  index?: number;
 }
 export interface IActionSheetEmits {
   /** 选中了某个动作时触发 */
-  (e: 'select', params: SelectEventParams): void
+  (e: "select", params: SelectEventParams): void;
   /** 点击取消按钮时触发 */
-  (e: 'cancel'): void
+  (e: "cancel"): void;
   /** 点击遮罩或关闭按钮时触发 */
-  (e: 'close'): void
+  (e: "close"): void;
   /** 打开面板时触发 */
-  (e: 'open'): void
+  (e: "open"): void;
   /** 手动更新弹窗显示隐藏 */
-  (e: 'update:modelValue', visible: boolean): void
+  (e: "update:modelValue", visible: boolean): void;
 }

package/components/hy-back-top/hy-back-top.vue

@@ -25,31 +25,31 @@
 
 <script lang="ts">
 export default {
-  name: 'hy-back-top',
+  name: "hy-back-top",
   options: {
     addGlobalClass: true,
     virtualHost: true,
-    styleIsolation: 'shared',
+    styleIsolation: "shared",
   },
-}
+};
 </script>
 
 <script setup lang="ts">
-import { computed, toRefs } from 'vue'
-import type { CSSProperties, PropType } from 'vue'
-import { addUnit, getPx } from '../../utils'
-import { IconConfig } from '../../config'
-import type { IBackTopEmit } from './typing'
-import type HyIconProps from '../hy-icon/typing'
+import { computed, toRefs } from "vue";
+import type { CSSProperties, PropType } from "vue";
+import { addUnit, getPx } from "../../utils";
+import { IconConfig } from "../../config";
+import type { IBackTopEmit } from "./typing";
+import type HyIconProps from "../hy-icon/typing";
 // 组件
-import HyTransition from '../hy-transition/hy-transition.vue'
-import HyIcon from '../hy-icon/hy-icon.vue'
+import HyTransition from "../hy-transition/hy-transition.vue";
+import HyIcon from "../hy-icon/hy-icon.vue";
 
 /**
  * 该组件一个用于长页面，滑动一定距离后，出现返回顶部按钮，方便快速返回顶部的场景。
  * @displayName hy-back-top
  */
-defineOptions({})
+defineOptions({});
 
 // const props = withDefaults(defineProps<IProps>(), defaultProps)
 const props = defineProps({
@@ -59,7 +59,7 @@ const props = defineProps({
    * */
   mode: {
     type: String,
-    default: 'circle',
+    default: "circle",
   },
   /** 自定义图标属性集合 */
   icon: {
@@ -101,41 +101,45 @@ const props = defineProps({
   customStyle: {
     type: Object as PropType<CSSProperties>,
     default: {
-      transform: 'rotate(180deg)',
+      transform: "rotate(180deg)",
     },
   },
-})
-const { customStyle, duration, mode, bottom, right, top, scrollTop } = toRefs(props)
-const emit = defineEmits<IBackTopEmit>()
+});
+const { customStyle, duration, mode, bottom, right, top, scrollTop } =
+  toRefs(props);
+const emit = defineEmits<IBackTopEmit>();
 
 const backTopStyle = computed<CSSProperties>(() => {
   return {
     bottom: addUnit(bottom.value),
     right: addUnit(right.value),
-    width: '40px',
-    height: '40px',
-    position: 'fixed',
+    width: "40px",
+    height: "40px",
+    position: "fixed",
     zIndex: 10,
-  }
-})
+  };
+});
 const contentStyle = computed<CSSProperties>(() => {
   const style: CSSProperties = {
-    borderRadius: mode.value === 'circle' ? '50%' : '4px',
-  }
-  return Object.assign(style, customStyle.value)
-})
+    borderRadius: mode.value === "circle" ? "50%" : "4px",
+  };
+  return Object.assign(style, customStyle.value);
+});
 const show = computed<boolean>(() => {
-  return getPx(scrollTop.value) > getPx(top.value)
-})
+  return getPx(scrollTop.value) > getPx(top.value);
+});
 const backToTop = () => {
   uni.pageScrollTo({
     scrollTop: 0,
+    // #ifndef MP-ALIPAY
+    // 支付宝不支持duration属性
     duration: duration.value,
-  })
-  emit('click')
-}
+    // #endif
+  });
+  emit("click");
+};
 </script>
 
 <style lang="scss" scoped>
-@import './index.scss';
+@import "./index.scss";
 </style>

package/components/hy-button/hy-button.vue

@@ -55,13 +55,13 @@
         :customStyle="icon?.customStyle || { marginRight: '2px' }"
       ></HyIcon>
       <!-- @slot 插入默认的值 -->
-      <slot>
-        <text
-          class="hy-button__text"
-          :style="[{ fontSize: textSize + 'px' }]"
-          >{{ text }}</text
-        >
-      </slot>
+      <slot v-if="$slots.default"></slot>
+      <text
+        v-else
+        class="hy-button__text"
+        :style="[{ fontSize: textSize + 'px' }]"
+        >{{ text }}</text
+      >
     </template>
   </button>
   <!-- #endif -->

package/components/hy-button/typing.d.ts

@@ -1,6 +1,5 @@
-import type { CSSProperties } from 'vue'
-import type HyIconProps from '../hy-icon/typing'
-import HyApp from 'hy-app'
+import type { CSSProperties } from "vue";
+import type HyIconProps from "../hy-icon/typing";
 
 export interface HyButtonProps {
   /**
@@ -8,158 +7,158 @@ export interface HyButtonProps {
    * @default true
    * @type {boolean}
    * */
-  hairline?: boolean
+  hairline?: boolean;
   /**
    * 按钮的预置样式
    * @type {ThemeType}
    * @default 'primary'
    * @values info, primary, error, warning, success
    * */
-  type?: HyApp.ThemeType
+  type?: HyApp.ThemeType;
   /**
    * 按钮尺寸
    * @type {'large' | 'medium' | 'small' | 'mini'}
    * @default 'medium'
    * */
-  size?: 'large' | 'medium' | 'small' | 'mini'
+  size?: "large" | "medium" | "small" | "mini";
   /**
    * 按钮形状，circle（两边为半圆），square（带圆角） （默认 'square' ）
    * */
-  shape?: HyApp.ShapeType
+  shape?: HyApp.ShapeType;
   /**
    * 按钮是否镂空，背景色透明 （默认 false）
    * */
-  plain?: boolean
+  plain?: boolean;
   /**
    * 是否禁用 （默认 false）
    * */
-  disabled?: boolean
+  disabled?: boolean;
   /**
    * 按钮名称前是否带 loading 图标(App-nvue 平台，在 ios 上为雪花，Android上为圆圈) （默认 false）
    * */
-  loading?: boolean
+  loading?: boolean;
   /**
    * 加载中提示文字
    * */
-  loadingText?: string
+  loadingText?: string;
   /**
    * 加载状态图标类型 （默认 'spinner' ）
    * */
-  loadingMode?: HyApp.LoadingMode
+  loadingMode?: HyApp.LoadingMode;
   /**
    * 加载图标大小 （默认 13 ）
    * */
-  loadingSize?: number
+  loadingSize?: number;
   /**
    * 开放能力，具体请看uniapp稳定关于button组件部分说明
    * */
-  openType?: string
+  openType?: string;
   /**
    * 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件
    * */
-  formType?: string
+  formType?: string;
   /**
    * 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 （注：只微信小程序、QQ小程序有效）
    * */
-  appParameter?: string
+  appParameter?: string;
   /**
    * 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效（默认 true ）
    * */
-  hoverStopPropagation?: boolean
+  hoverStopPropagation?: boolean;
   /**
    * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文（默认 en ）
    * */
-  lang?: string
+  lang?: string;
   /**
    * 会话来源，openType="contact"时有效
    * */
-  sessionFrom?: string
+  sessionFrom?: string;
   /**
    * 会话内消息卡片标题，openType="contact"时有效
    * */
-  sendMessageTitle?: string
+  sendMessageTitle?: string;
   /**
    * 会话内消息卡片点击跳转小程序路径，openType="contact"时有效
    * */
-  sendMessagePath?: string
+  sendMessagePath?: string;
   /**
    * 会话内消息卡片图片，openType="contact"时有效
    * */
-  sendMessageImg?: string
+  sendMessageImg?: string;
   /**
    * 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效（默认false）
    * */
-  showMessageCard?: boolean
+  showMessageCard?: boolean;
   /**
    * 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取
    * */
-  dataName?: string
+  dataName?: string;
   /**
    * 节流时间，一定时间内只能触发一次 （默认 0 )
    * */
-  throttleTime?: number
+  throttleTime?: number;
   /**
    * 按住后多久出现点击态，单位毫秒 （默认 0 )
    * */
-  hoverStartTime?: number
+  hoverStartTime?: number;
   /**
    * 手指松开后点击态保留时间，单位毫秒 （默认 200 )
    * */
-  hoverStayTime?: number
+  hoverStayTime?: number;
   /**
    * 按钮文字，之所以通过props传入，是因为slot传入的话（注：nvue中无法控制文字的样式）
    * */
-  text?: string
+  text?: string;
   /**
    * 按钮图标api集合
    * */
-  icon?: Partial<HyIconProps>
+  icon?: Partial<HyIconProps>;
   /**
    * 按钮颜色，支持传入linear-gradient渐变色
    * */
-  color?: string
+  color?: string;
   /**
    * 阻止事件冒泡
    * */
-  stop?: boolean
+  stop?: boolean;
   /**
    * 定义需要用到的外部样式
    * @note 类型问题
    * */
-  customStyle?: CSSProperties
+  customStyle?: CSSProperties;
   /**
    * 自定义外部类名
    * */
-  customClass?: string
+  customClass?: string;
 }
 
 export interface IButtonEmits {
   /**
    * 点击按钮事件
    * */
-  (e: 'click', event: Event): void
+  (e: "click", event: Event): void;
   /**
    * 仅限微信小程序，当使用开放能力时，发生错误的回调
    * */
-  (e: 'error', event: Event): void
+  (e: "error", event: Event): void;
   /**
    * 微信小程序获取手机号
    * */
-  (e: 'getphonenumber', event: Event): void
+  (e: "getphonenumber", event: Event): void;
   /**
    * 微信小程序用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同uni.getUserInfo
    * */
-  (e: 'getuserinfo', event: Event): void
+  (e: "getuserinfo", event: Event): void;
   /**
    * 仅限微信小程序，在打开授权设置页并关闭后回调
    * */
-  (e: 'opensetting', event: Event): void
+  (e: "opensetting", event: Event): void;
   /**
    * 仅限微信小程序，打开 APP 成功的回调
    * */
-  (e: 'launchapp', event: Event): void
+  (e: "launchapp", event: Event): void;
   /**
    * 仅限微信小程序，用户同意隐私协议事件回调，open-type="agreePrivacyAuthorization"时有效
    * */
-  (e: 'agreeprivacyauthorization', event: Event): void
+  (e: "agreeprivacyauthorization", event: Event): void;
 }

package/components/hy-calendar/index.scss

@@ -5,7 +5,7 @@
 /* 主样式 */
 @include b(calendar){
   /* 确认按钮 */
-  &__confirm {
+  @include e(confirm) {
     padding: 7px 18px;
   }
 

package/components/hy-card/hy-card.vue

@@ -9,7 +9,9 @@
       }"
       @tap="headClick"
     >
-      <view v-if="!$slots.header" class="hy-card--head__flex">
+      <!-- @slot 头部插槽 -->
+      <slot v-if="$slots.header" name="header" />
+      <view v-else class="hy-card--head__flex">
         <view class="hy-card--head__left" v-if="title">
           <image
             :src="thumb"
@@ -44,8 +46,6 @@
           </text>
         </view>
       </view>
-      <!-- @slot 头部插槽 -->
-      <slot name="header" v-else />
     </view>
     <view
       @tap="bodyClick"