hy-app 0.2.5 → 0.2.7

package/components/hy-popover/index.scss

@@ -0,0 +1,83 @@
+@use "../../theme.scss" as *;
+@use "../../libs/css/mixin.scss" as *;
+
+$z-index: 998;
+
+@include b(popover) {
+  position: relative;
+  display: inline-block;
+
+  @include edeep(icon) {
+    vertical-align: middle;
+    font-size: 18px;
+    margin-right: 5px;
+  }
+
+  /* 菜单 */
+  @include e(menu-inner) {
+    position: relative;
+    padding: 20rpx 0;
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) {
+      border-bottom: $hy-border-line;
+    }
+  }
+
+  @include e(menu) {
+    display: inline-block;
+    padding: 0 $hy-border-margin-padding-base;
+    white-space: nowrap;
+    z-index: $z-index;
+    position: relative;
+    background-color: $hy-background--container;
+    border-radius: $hy-border-radius-sm;
+  }
+
+  @include edeep(pos) {
+    position: absolute;
+    box-sizing: border-box;
+    background-clip: padding-box;
+    text-align: center;
+    min-height: 36px;
+    z-index: $z-index;
+    transition: opacity 0.2s;
+    box-shadow: $hy-box-shadow;
+    border-radius: $hy-border-radius-sm;
+  }
+
+
+  @include e(hidden) {
+    left: -220vw;
+    visibility: hidden;
+  }
+
+  @include e(container) {
+    position: relative;
+    border-radius: $hy-border-radius-sm;
+  }
+
+  @include e(inner) {
+    position: relative;
+    padding: $hy-border-margin-padding-base;
+    line-height: 22px;
+    z-index: $z-index;
+    background-color: $hy-background--container;
+    border-radius: $hy-border-radius-sm;
+    box-sizing: content-box;
+    width: 200px;
+  }
+
+
+  @include edeep(close-icon) {
+    font-size: 12px;
+    position: absolute;
+    right: -10px;
+    top: -7px;
+    padding: 10px;
+    z-index: $z-index;
+  }
+
+  @include squareArrow(6px, $hy-background--container, $z-index, $hy-box-shadow);
+}

package/components/hy-popover/props.ts

@@ -0,0 +1,13 @@
+import type IProps from './typing'
+
+const defaultProps: IProps = {
+  modelValue: false,
+  content: '',
+  placement: 'bottom',
+  offset: 0,
+  showClose: false,
+  disabled: false,
+  mode: 'normal',
+}
+
+export default defaultProps

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

@@ -0,0 +1,56 @@
+import type { CSSProperties } from 'vue'
+
+export type IPlacementVo =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left'
+  | 'left-start'
+  | 'left-end'
+  | 'right'
+  | 'right-start'
+  | 'right-end'
+export type IOffset = number | number[] | Record<'x' | 'y', number>
+
+export type PopoverExpose = {
+  open: () => void
+  close: () => void
+}
+
+export default interface HyOverlayProps {
+  /**
+   * @description 控制 popover 的显示状态
+   * */
+  modelValue?: boolean
+  /**
+   * @description 显示的内容，也可以通过 slot#content 传入
+   */
+  content?: string | Record<string, any>[]
+  /**
+   * @description 指定 popover 的放置位置：top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
+   */
+  placement?: IPlacementVo
+  /**
+   * @description 控制 popover 的显示状态
+   */
+  offset?: IOffset
+  /**
+   * @description 是否禁用 popover
+   */
+  disabled?: boolean
+  /**
+   * @description 是否显示关闭按钮
+   */
+  showClose?: boolean
+  /**
+   * 当前显示的模式，决定内容的展现形式，可选值：normal（普通模式）/ menu（菜单模式）
+   */
+  mode?: 'normal' | 'menu'
+  /**
+   * @description 定义需要用到的外部样式
+   * */
+  customStyle?: CSSProperties
+}

package/components/hy-popup/index.scss

@@ -6,7 +6,7 @@
   flex: 1;
 
   &__content {
-    background-color: $hy-background--2;
+    background-color: $hy-background--container;
     position: relative;
 
     &--round-top {
@@ -57,4 +57,4 @@
       bottom: $hy-border-margin-padding-lg;
     }
   }
-}
+}

package/components/hy-popup/props.ts

@@ -1,9 +1,9 @@
-import type IProps from "./typing";
+import type IProps from './typing'
 
 const defaultProps: IProps = {
   show: false,
   overlay: true,
-  mode: "bottom",
+  mode: 'bottom',
   duration: 300,
   closeable: false,
   overlayStyle: {},
@@ -12,10 +12,10 @@ const defaultProps: IProps = {
   zIndex: 10075,
   safeAreaInsetBottom: true,
   safeAreaInsetTop: false,
-  closeIconPos: "top-right",
-  round: 0,
+  closeIconPos: 'top-right',
+  round: '',
   zoom: true,
-  bgColor: "",
-};
+  bgColor: '',
+}
 
-export default defaultProps;
+export default defaultProps

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

@@ -1,68 +1,68 @@
-import type { CSSProperties } from "vue";
+import type { CSSProperties } from 'vue'
 
 export default interface HyPopupProps {
   /**
    * @description 是否展示弹窗 (默认 false )
    * */
-  show: boolean;
+  show: boolean
   /**
    * @description 是否显示遮罩 （默认 true ）
    * */
-  overlay?: boolean;
+  overlay?: boolean
   /**
    * @description 弹出方向（默认 'bottom' ）
    * */
-  mode?: HyApp.LayoutType;
+  mode?: HyApp.LayoutType
   /**
    * @description 动画时长，单位ms （默认 300 ）
    * */
-  duration?: number;
+  duration?: number
   /**
    * @description 是否显示关闭图标（默认 false ）
    * */
-  closeable?: boolean;
+  closeable?: boolean
   /**
    * @description 自定义遮罩的样式
    * */
-  overlayStyle?: CSSProperties;
+  overlayStyle?: CSSProperties
   /**
    * @description 遮罩透明度，0-1之间（默认 0.5）
    * */
-  overlayOpacity?: number;
+  overlayOpacity?: number
   /**
    * @description 点击遮罩是否关闭弹窗 （默认  true ）
    * */
-  closeOnClickOverlay?: boolean;
+  closeOnClickOverlay?: boolean
   /**
    * @description 层级 （默认 10075 ）
    * */
-  zIndex?: number;
+  zIndex?: number
   /**
    * @description 是否为iPhoneX留出底部安全距离 （默认 true ）
    * */
-  safeAreaInsetBottom?: boolean;
+  safeAreaInsetBottom?: boolean
   /**
    * @description 是否留出顶部安全距离（状态栏高度） （默认 false ）
    * */
-  safeAreaInsetTop?: boolean;
+  safeAreaInsetTop?: boolean
   /**
    * @description 自定义关闭图标位置（默认 'top-right' ）
    * */
-  closeIconPos?: "top-left" | "top-right";
+  closeIconPos?: 'top-left' | 'top-right'
   /**
    * @description 圆角值（默认 0）
    * */
-  round?: number;
+  round?: string | number
   /**
    * @description 当mode=center时 是否开启缩放（默认 true ）
    * */
-  zoom?: boolean;
+  zoom?: boolean
   /**
    * @description 背景颜色
    * */
-  bgColor?: string;
+  bgColor?: string
   /**
    * @description 自定义样式
    * */
-  customStyle?: CSSProperties;
+  customStyle?: CSSProperties
 }

package/components/hy-qrcode/hy-qrcode.vue

@@ -26,40 +26,39 @@ export default {
   options: {
     addGlobalClass: true,
     virtualHost: true,
-    styleIsolation: 'shared'
-  }
+    styleIsolation: 'shared',
+  },
 }
 </script>
 
 <script setup lang="ts">
-import { getCurrentInstance, toRefs, ref, onMounted } from "vue";
-import defaultProps from "./props";
-import type IProps from "./typing";
-import QRCode from "./qrcode.js";
-import { addUnit, error } from "../../utils";
-import { IconConfig } from "../../config";
+import { getCurrentInstance, toRefs, ref, onMounted } from 'vue'
+import defaultProps from './props'
+import type IProps from './typing'
+import QRCode from './qrcode.js'
+import { addUnit, error } from '../../utils'
+import { IconConfig } from '../../config'
 
 // 组件
-import HyIcon from "../hy-icon/hy-icon.vue";
-import HyLoading from "../hy-loading/hy-loading.vue";
+import HyIcon from '../hy-icon/hy-icon.vue'
+import HyLoading from '../hy-loading/hy-loading.vue'
 
-const props = withDefaults(defineProps<IProps>(), defaultProps);
-const { text, allowPreview } = toRefs(props);
-const emit = defineEmits(["result", "preview", "longPress"]);
+const props = withDefaults(defineProps<IProps>(), defaultProps)
+const { text, allowPreview } = toRefs(props)
+const emit = defineEmits(['result', 'preview', 'longPress'])
 
-const instance = getCurrentInstance();
-const loading = ref(false);
-const qrcode = ref("");
-const result = ref("");
+const instance = getCurrentInstance()
+const loading = ref(false)
+const qrcode = ref('')
+const result = ref('')
 
 onMounted(() => {
-  console.log(111);
-  initQrCode();
-});
+  initQrCode()
+})
 
 const initQrCode = () => {
   if (text.value) {
-    loading.value = true;
+    loading.value = true
     qrcode.value = new QRCode({
       context: instance, // 上下文环境
       canvasId: props.cid, // canvas-id
@@ -76,34 +75,34 @@ const initQrCode = () => {
       imageSize: props.iconSize, // 二维码图标大小
       cbResult: function (res: any) {
         // 生成二维码的回调
-        _result(res);
+        _result(res)
       },
-    });
+    })
   } else {
-    error("二维码内容不能为空");
+    error('二维码内容不能为空')
   }
-};
+}
 
 const _result = (res: any) => {
-  loading.value = false;
-  result.value = res;
-  emit("result", res);
-};
+  loading.value = false
+  result.value = res
+  emit('result', res)
+}
 
 const _saveCode = () => {
-  if (result.value != "") {
+  if (result.value != '') {
     uni.saveImageToPhotosAlbum({
       filePath: result.value,
       success: function () {
         uni.showToast({
-          title: "二维码保存成功",
-          icon: "success",
+          title: '二维码保存成功',
+          icon: 'success',
           duration: 2000,
-        });
+        })
       },
-    });
+    })
   }
-};
+}
 /**
  * @description 预览
  * */
@@ -114,29 +113,29 @@ const preview = (e) => {
     uni.previewImage({
       urls: [result.value],
       longPressActions: {
-        itemList: ["保存二维码图片"],
+        itemList: ['保存二维码图片'],
         success: function (data) {
           // console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
           switch (data.tapIndex) {
             case 0:
-              _saveCode();
-              break;
+              _saveCode()
+              break
           }
         },
         fail: function (err) {
-          console.error(err.errMsg);
+          console.error(err.errMsg)
         },
       },
-    });
+    })
   }
-  emit("preview", result.value, e);
-};
+  emit('preview', result.value, e)
+}
 
 const onLongPress = () => {
-  emit("longPress");
-};
+  emit('longPress')
+}
 </script>
 
 <style lang="scss" scoped>
-@import "./index.scss";
+@import './index.scss';
 </style>

package/components/hy-rate/props.ts

@@ -1,5 +1,5 @@
-import { ColorConfig, IconConfig } from "../../config";
-import type IProps from "./typing";
+import { ColorConfig, IconConfig } from '../../config'
+import type IProps from './typing'
 
 const defaultProps: IProps = {
   modelValue: 1,
@@ -7,13 +7,13 @@ const defaultProps: IProps = {
   disabled: false,
   readonly: false,
   size: 18,
-  inactiveColor: "#b2b2b2",
-  activeColor: "#FFF00D",
+  inactiveColor: '#b2b2b2',
+  activeColor: '#FFF00D',
   gutter: 4,
   minCount: 1,
   allowHalf: false,
   activeIcon: IconConfig.STAR_FILL,
   inactiveIcon: IconConfig.STAR,
   touchable: true,
-};
-export default defaultProps;
+}
+export default defaultProps

package/components/hy-signature/props.ts

@@ -1,29 +1,29 @@
-import type IProps from "./typing";
+import type IProps from './typing'
 
 const defaultProps: IProps = {
-  penColor: "#000",
-  lineWidth: 2,
-  clearText: "清空",
-  revokeText: "撤销",
-  restoreText: "恢复",
-  confirmText: "确认",
-  fileType: "png",
+  penColor: '#000',
+  lineWidth: 3,
+  clearText: '清空',
+  revokeText: '撤销',
+  restoreText: '恢复',
+  confirmText: '确认',
+  fileType: 'png',
   quality: 1,
   exportScale: 1,
   disabled: false,
   height: 1,
   width: 1,
-  round: "10rpx",
-  backgroundColor: "",
+  round: '10rpx',
+  backgroundColor: '',
   disableScroll: true,
   enableHistory: false,
   step: 1,
-  undoText: "",
-  redoText: "",
+  undoText: '',
+  redoText: '',
   pressure: false,
   minWidth: 2,
   maxWidth: 6,
   minSpeed: 1.5,
-};
+}
 
-export default defaultProps;
+export default defaultProps

package/components/hy-tooltip/index.scss

@@ -58,9 +58,9 @@
         z-index: -1;
 
         &--hover {
-          background-color: $hy-text-color-hover;
+          background-color: $hy-text-color--hover;
         }
       }
     }
   }
-}
+}