hy-app 0.4.13 → 0.5.0

package/components/hy-button/props.ts

@@ -1,159 +1,130 @@
-import type { HyButtonProps } from "./typing";
-import type { CSSProperties, PropType } from "vue";
-import type HyIconProps from "@/package/components/hy-icon/typing";
+import type { CSSProperties, PropType } from 'vue'
+import type HyIconProps from '../hy-icon/typing'
 
-export const defaultProps = {
-  /** 是否显示按钮的细边框 */
-  hairline: {
-    type: Boolean,
-    default: false,
-  },
-  /** 按钮的预置样式 */
-  type: {
-    type: String as PropType<HyApp.ThemeType>,
-    default: "primary",
-    validator: (v) =>
-      ["info", "primary", "error", "warning", "success"].includes(v),
-  },
-  /** 按钮尺寸 */
-  size: {
-    type: String as PropType<HyApp.SizeType | "mini">,
-    default: "medium",
-    validator: (v) => ["large", "medium", "small", "mini"].includes(v),
-  },
-  /** 按钮形状 */
-  shape: {
-    type: String as PropType<HyApp.ShapeType>,
-    default: "square",
-    validator: (v) => ["circle", "square"].includes(v),
-  },
-  /** 按钮是否镂空，背景色透明  */
-  plain: {
-    type: Boolean,
-    default: false,
-  },
-  /** 是否禁用 */
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  /** 按钮名称前是否带 loading 图标 */
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  /** 加载中提示文字 */
-  loadingText: {
-    type: String,
-    default: "",
-  },
-  /** 加载状态图标类型 */
-  loadingMode: {
-    type: String as PropType<HyApp.LoadingMode>,
-    default: "spinner",
-    validator: (v) => ["spinner", "circle", "semicircle"].includes(v),
-  },
-  /** 加载图标大小 */
-  loadingSize: {
-    type: Number,
-    default: 13,
-  },
-  /** 开放能力，具体请看uniapp稳定关于button组件部分说明 */
-  openType: {
-    type: String,
-    default: "",
-  },
-  /** 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件 */
-  formType: {
-    type: String,
-    default: "",
-  },
-  /** 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 （注：只微信小程序、QQ小程序有效） */
-  appParameter: {
-    type: String,
-    default: "",
-  },
-  /** 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效 */
-  hoverStopPropagation: {
-    type: Boolean,
-    default: true,
-  },
-  /** 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文（默认 en ） */
-  lang: {
-    type: String,
-    default: "en",
-  },
-  /** 会话来源，openType="contact"时有效 */
-  sessionFrom: {
-    type: String,
-    default: "",
-  },
-  /** 会话内消息卡片标题，openType="contact"时有效 */
-  sendMessageTitle: {
-    type: String,
-    default: "",
-  },
-  /** 会话内消息卡片点击跳转小程序路径，openType="contact"时有效 */
-  sendMessagePath: {
-    type: String,
-    default: "",
-  },
-  /** 会话内消息卡片图片，openType="contact"时有效 */
-  sendMessageImg: {
-    type: String,
-    default: "",
-  },
-  /** 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效 */
-  showMessageCard: {
-    type: Boolean,
-    default: false,
-  },
-  /** 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取 */
-  dataName: {
-    type: String,
-    default: "",
-  },
-  /** 节流时间，一定时间内只能触发一次 */
-  throttleTime: {
-    type: Number,
-    default: 0,
-  },
-  /** 按住后多久出现点击态，单位毫秒 */
-  hoverStartTime: {
-    type: Number,
-    default: 0,
-  },
-  /** 手指松开后点击态保留时间，单位毫秒 */
-  hoverStayTime: {
-    type: Number,
-    default: 200,
-  },
-  /** 按钮文字，之所以通过props传入，是因为slot传入的话（注：nvue中无法控制文字的样式） */
-  text: {
-    type: String,
-    default: "",
-  },
-  /** 按钮图标api集合 */
-  icon: {
-    type: Object as PropType<HyIconProps>,
-    default: () => ({}),
-  },
-  /** 按钮颜色，支持传入linear-gradient渐变色 */
-  color: {
-    type: String,
-    default: "",
-  },
-  /** 阻止事件冒泡 */
-  stop: {
-    type: Boolean,
-    default: true,
-  },
-  /** 阻止事件冒泡 */
-  customStyle: {
-    type: Object as PropType<CSSProperties>,
-  },
-  /** 阻止事件冒泡 */
-  customClass: {
-    type: String,
-  },
-} as const;
+const buttonProps = {
+    /** 是否显示按钮的细边框 */
+    hairline: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 按钮的预置样式
+     * @values info,primary,error,warning,success
+     * */
+    type: {
+        type: String,
+        default: 'primary'
+    },
+    /**
+     * 按钮尺寸
+     * @values large,medium,small,mini
+     * */
+    size: {
+        type: String,
+        default: 'medium'
+    },
+    /**
+     * 按钮形状
+     * @values circle,square
+     * */
+    shape: {
+        type: String,
+        default: 'square'
+    },
+    /** 按钮是否镂空，背景色透明  */
+    plain: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否禁用 */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /** 按钮名称前是否带 loading 图标 */
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    /** 加载中提示文字 */
+    loadingText: String,
+    /**
+     * 加载状态图标类型
+     * @values spinner,circle,semicircle
+     * */
+    loadingMode: {
+        type: String,
+        default: 'spinner'
+    },
+    /** 加载图标大小 */
+    loadingSize: {
+        type: [Number, String],
+        default: 13
+    },
+    /** 开放能力，具体请看uniapp稳定关于button组件部分说明 */
+    openType: String,
+    /** 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件 */
+    formType: String,
+    /** 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 （注：只微信小程序、QQ小程序有效） */
+    appParameter: String,
+    /** 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效 */
+    hoverStopPropagation: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文（默认 en ）
+     * @values zh_CN,zh_TW,en
+     * */
+    lang: {
+        type: String,
+        default: 'en'
+    },
+    /** 会话来源，openType="contact"时有效 */
+    sessionFrom: String,
+    /** 会话内消息卡片标题，openType="contact"时有效 */
+    sendMessageTitle: String,
+    /** 会话内消息卡片点击跳转小程序路径，openType="contact"时有效 */
+    sendMessagePath: String,
+    /** 会话内消息卡片图片，openType="contact"时有效 */
+    sendMessageImg: String,
+    /** 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效 */
+    showMessageCard: {
+        type: Boolean,
+        default: false
+    },
+    /** 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取 */
+    dataName: String,
+    /** 节流时间，一定时间内只能触发一次 */
+    throttleTime: {
+        type: Number,
+        default: 0
+    },
+    /** 按住后多久出现点击态，单位毫秒 */
+    hoverStartTime: {
+        type: Number,
+        default: 0
+    },
+    /** 手指松开后点击态保留时间，单位毫秒 */
+    hoverStayTime: {
+        type: Number,
+        default: 200
+    },
+    /** 按钮文字，之所以通过props传入，是因为slot传入的话（注：nvue中无法控制文字的样式） */
+    text: String,
+    /** 按钮图标api集合 */
+    icon: Object as PropType<HyIconProps>,
+    /** 按钮颜色，支持传入linear-gradient渐变色 */
+    color: String,
+    /** 阻止事件冒泡 */
+    stop: {
+        type: Boolean,
+        default: true
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: Object as unknown as PropType<CSSProperties>,
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default buttonProps

package/components/hy-calendar/header.vue

@@ -1,76 +1,60 @@
 <template>
-  <view class="hy-calendar--header hy-border-bottom">
-    <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
-    <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{
-      subtitle
-    }}</text>
-    <view class="hy-calendar--header__weekdays">
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[0]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[1]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[2]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[3]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[4]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[5]
-      }}</text>
-      <text class="hy-calendar--header__weekdays__weekday">{{
-        weekText[6]
-      }}</text>
+    <view class="hy-calendar--header hy-border-bottom">
+        <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
+        <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
+        <view class="hy-calendar--header__weekdays">
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[0] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[1] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[2] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[3] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[4] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[5] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[6] }}</text>
+        </view>
     </view>
-  </view>
 </template>
 
 <script>
 export default {
-  name: "hy-calendar-header",
-  props: {
-    // 标题
-    title: {
-      type: String,
-      default: "",
+    name: 'hy-calendar-header',
+    props: {
+        // 标题
+        title: {
+            type: String,
+            default: ''
+        },
+        // 副标题
+        subtitle: {
+            type: String,
+            default: ''
+        },
+        // 是否显示标题
+        showTitle: {
+            type: Boolean,
+            default: true
+        },
+        // 是否显示副标题
+        showSubtitle: {
+            type: Boolean,
+            default: true
+        },
+        // 星期文本
+        weekText: {
+            type: Array,
+            default: () => {
+                return ['一', '二', '三', '四', '五', '六', '日']
+            }
+        }
     },
-    // 副标题
-    subtitle: {
-      type: String,
-      default: "",
+    data() {
+        return {}
     },
-    // 是否显示标题
-    showTitle: {
-      type: Boolean,
-      default: true,
-    },
-    // 是否显示副标题
-    showSubtitle: {
-      type: Boolean,
-      default: true,
-    },
-    // 星期文本
-    weekText: {
-      type: Array,
-      default: () => {
-        return ["一", "二", "三", "四", "五", "六", "日"];
-      },
-    },
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    name() {},
-  },
-};
+    methods: {
+        name() {}
+    }
+}
 </script>
 
 <style lang="scss" scoped>
-@import "./index.scss";
+@import './index.scss';
 </style>