hy-app 0.1.2 → 0.1.4

package/README.md

@@ -1,5 +1,5 @@
 ## 使用文档地址
-[华玥组件库](https://gxh-component.vercel.app/)
+[华玥组件库](https://hy-component-docs.vercel.app/)
 
 ## 安装教程
 

package/api/http.ts

@@ -1,7 +1,7 @@
-import {
+import type {
   HttpRequestConfig,
   HttpInterceptorManager,
-  HttpResponse
+  HttpResponse,
 } from "../typing";
 import { objectToUrlParams } from "../utils";
 
@@ -17,7 +17,7 @@ export default class Http {
     header: {},
     method: "POST",
     responseType: "text",
-    timeout: 10000
+    timeout: 10000,
   };
 
   /**
@@ -40,7 +40,7 @@ export default class Http {
      */
     response: (
       success: (response: HttpResponse) => any,
-      fail: (error: HttpResponse) => any
+      fail: (error: HttpResponse) => any,
     ) => {
       if (success) {
         this.responseSuccess = success;
@@ -48,7 +48,7 @@ export default class Http {
       if (fail) {
         this.responseFail = fail;
       }
-    }
+    },
   };
 
   /**
@@ -99,7 +99,7 @@ export default class Http {
         },
         fail: (error: UniNamespace.GeneralCallbackResult) => {
           reject(this.responseFail(error));
-        }
+        },
       });
     });
   }
@@ -115,7 +115,7 @@ export default class Http {
       url: url,
       method: "POST",
       data: params,
-      ...options
+      ...options,
     });
   }
 
@@ -132,7 +132,7 @@ export default class Http {
     return this.request({
       url: url,
       method: "GET",
-      ...options
+      ...options,
     });
   }
 }

package/components/dialog/index.ts

@@ -1,6 +1,6 @@
 import { createApp } from "vue";
-import AlertDialogCom, { DialogParam } from "./TheDialog.vue";
-import { ResultParam } from "../../typing";
+import AlertDialogCom, { type DialogParam } from "./TheDialog.vue";
+import type { ResultParam } from "../../typing";
 
 export default class Dialog {
   private static mountNode: HTMLElement | null = null;

package/components/hy-address-picker/hy-address-picker.vue

@@ -8,7 +8,7 @@
       <slot name="trigger" :value="inputValue">
         <HyInput
           :placeholder="placeholder"
-          :readonly="!!showByClickInput"
+          :readonly="true"
           v-model="inputValue"
           :disabled="disabled"
           :shape="shape"
@@ -76,7 +76,7 @@ const emit = defineEmits([
 
 // 原来的日期选择器不方便，这里增加一个hasInput选项支持类似element的自带输入框的功能。
 const inputValue = ref<string>(""); // 表单显示值
-const showByClickInput = ref<boolean>(false); // 是否在hasInput模式下显示日期选择弹唱
+const showByClickInput = ref<boolean>(false); // 是否在hasInput模式下显示日期选择
 const columns = ref<any[]>([]);
 const uPickerRef = ref<InstanceType<typeof HyPicker> | null>();
 const defaultIndex = ref<number[]>([]);
@@ -230,31 +230,5 @@ const onShowByClickInput = () => {
 </script>
 
 <style lang="scss" scoped>
-@import "../../libs/css/mixin.scss";
-.hy-datetime-picker {
-  flex: 1;
-  &__has-input {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    /* #ifndef APP-NVUE */
-    width: 100%;
-    /* #endif */
-    .input-cover {
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      border-radius: 4px;
-      border: 1px solid #eee;
-      padding: 0 10px;
-    }
-  }
-}
+@import "./index.scss";
 </style>

package/components/hy-address-picker/index.scss

@@ -0,0 +1,27 @@
+@use "../../libs/css/mixin.scss" as *;
+.hy-datetime-picker {
+  flex: 1;
+  &__has-input {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    /* #ifndef APP-NVUE */
+    width: 100%;
+    /* #endif */
+    .input-cover {
+      opacity: 0;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      border-radius: 4px;
+      border: 1px solid #eee;
+      padding: 0 10px;
+    }
+  }
+}

package/components/hy-avatar/hy-avatar.vue

@@ -169,49 +169,5 @@ const clickHandler = (e: Event) => {
 </script>
 
 <style lang="scss" scoped>
-@import "../../libs/css/mixin.scss";
-@import "../../theme.scss";
-
-.hy-avatar {
-  @include flex;
-  align-items: center;
-  justify-content: center;
-
-  &--circle {
-    border-radius: $hy-border-radius-circle;
-  }
-
-  &--square {
-    border-radius: $hy-border-margin-padding-sm;
-  }
-
-  &--small {
-    width: $hy-avatar-size-sm;
-    height: $hy-avatar-size-sm;
-  }
-
-  &--medium {
-    width: $hy-avatar-size-base;
-    height: $hy-avatar-size-base;
-  }
-
-  &--large {
-    width: $hy-avatar-size-lg;
-    height: $hy-avatar-size-lg;
-  }
-
-  &__image {
-    width: 100%;
-    height: 100%;
-
-    &--circle {
-      border-radius: $hy-border-radius-circle;
-      overflow: hidden;
-    }
-
-    &--square {
-      border-radius: $hy-border-margin-padding-sm;
-    }
-  }
-}
+@import "./index.scss";
 </style>

package/components/hy-avatar/index.scss

@@ -0,0 +1,45 @@
+@use "../../libs/css/mixin.scss" as *;
+@use "../../theme.scss" as *;
+
+.hy-avatar {
+  @include flex;
+  align-items: center;
+  justify-content: center;
+
+  &--circle {
+    border-radius: $hy-border-radius-circle;
+  }
+
+  &--square {
+    border-radius: $hy-border-margin-padding-sm;
+  }
+
+  &--small {
+    width: $hy-avatar-size-sm;
+    height: $hy-avatar-size-sm;
+  }
+
+  &--medium {
+    width: $hy-avatar-size-base;
+    height: $hy-avatar-size-base;
+  }
+
+  &--large {
+    width: $hy-avatar-size-lg;
+    height: $hy-avatar-size-lg;
+  }
+
+  &__image {
+    width: 100%;
+    height: 100%;
+
+    &--circle {
+      border-radius: $hy-border-radius-circle;
+      overflow: hidden;
+    }
+
+    &--square {
+      border-radius: $hy-border-margin-padding-sm;
+    }
+  }
+}

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

@@ -4,7 +4,7 @@ export default interface IProps {
   /**
    * @description 头像路径，如加载失败，将会显示默认头像(不能为相对路径)
    * */
-  src: string;
+  src?: string;
   /**
    * @description 头像形状  （ circle (默认) | square）
    * */

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

@@ -10,9 +10,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed, CSSProperties, toRefs } from "vue";
-import defaultProps from "../hy-list/props";
-import IProps from "../hy-list/typing";
+import { computed, type CSSProperties, toRefs } from "vue";
+import defaultProps from "./props";
+import type IProps from "./typing";
 // 组件
 import HyTransition from "../hy-transition/hy-transition.vue";
 import HyIcon from "../hy-icon/hy-icon.vue";
@@ -30,12 +30,12 @@ const backTopStyle = computed<CSSProperties>(() => {
     width: "40px",
     height: "40px",
     position: "fixed",
-    zIndex: 10
+    zIndex: 10,
   };
 });
 const contentStyle = computed<CSSProperties>(() => {
   const style: CSSProperties = {
-    borderRadius: mode.value === "circle" ? "50%" : "4px"
+    borderRadius: mode.value === "circle" ? "50%" : "4px",
   };
   return Object.assign(style, customStyle.value);
 });
@@ -45,27 +45,12 @@ const show = computed<boolean>(() => {
 const backToTop = () => {
   uni.pageScrollTo({
     scrollTop: 0,
-    duration: duration.value
+    duration: duration.value,
   });
   emit("click");
 };
 </script>
 
 <style lang="scss" scoped>
-@import "../../libs/css/mixin.scss";
-
-.hy-back-top {
-  @include flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-  height: 100%;
-  justify-content: center;
-  background-color: #e1e1e1;
-
-  &__tips {
-    font-size: 12px;
-    transform: scale(0.8);
-  }
-}
+@import "./index.scss";
 </style>

package/components/hy-back-top/index.scss

@@ -0,0 +1,16 @@
+@use "../../libs/css/mixin.scss" as *;
+
+.hy-back-top {
+  @include flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+  height: 100%;
+  justify-content: center;
+  background-color: #e1e1e1;
+
+  &__tips {
+    font-size: 12px;
+    transform: scale(0.8);
+  }
+}

package/components/hy-back-top/props.ts

@@ -1,4 +1,4 @@
-import IProps from "./typing";
+import type IProps from "./typing";
 import { IconConfig } from "../../config";
 
 const defaultProps: IProps = {
@@ -13,11 +13,11 @@ const defaultProps: IProps = {
   zIndex: 888,
   iconStyle: {
     color: "#909399",
-    fontSize: "19px"
+    fontSize: "19px",
   },
   customStyle: {
-    transform: "rotate(180deg)"
-  }
+    transform: "rotate(180deg)",
+  },
 };
 
 export default defaultProps;

package/components/hy-back-top/typing.d.ts

@@ -1,5 +1,4 @@
-import { CSSProperties } from "vue";
-import { IconConfig } from "../../config";
+import type { CSSProperties } from "vue";
 
 export default interface IProps {
   /**
@@ -21,7 +20,7 @@ export default interface IProps {
   /**
    * @description 滚动距离 （默认 0 ）
    * */
-  scrollTop?: number;
+  scrollTop: number;
   /**
    * @description 距离顶部多少距离显示，单位px （默认 400 ）
    * */

package/components/hy-badge/hy-badge.vue

@@ -81,76 +81,5 @@ const showValue = computed(() => {
 </script>
 
 <style lang="scss" scoped>
-@import "../../libs/css/mixin.scss";
-@import "../../theme.scss";
-
-$hy-badge-dot-size: 8px !default;
-$hy-badge-text-font-size: 11px !default;
-
-.hy-badge {
-  border-radius: 100px;
-  @include flex;
-  line-height: $hy-badge-text-font-size;
-  text-align: center;
-  font-size: $hy-badge-text-font-size;
-  color: $hy-text-color-inverse;
-  z-index: 999;
-
-  &--dot {
-    height: $hy-badge-dot-size;
-    width: $hy-badge-dot-size;
-  }
-
-  &--inverted {
-    font-size: 13px;
-  }
-
-  &--not-dot {
-    padding: 2px 5px;
-  }
-
-  &--horn {
-    border-bottom-left-radius: 0;
-  }
-
-  &--primary {
-    background-color: $hy-primary;
-  }
-
-  &--primary--inverted {
-    color: $hy-primary;
-  }
-
-  &--error {
-    background-color: $hy-error;
-  }
-
-  &--error--inverted {
-    color: $hy-error;
-  }
-
-  &--success {
-    background-color: $hy-success;
-  }
-
-  &--success--inverted {
-    color: $hy-success;
-  }
-
-  &--info {
-    background-color: $hy-info;
-  }
-
-  &--info--inverted {
-    color: $hy-info;
-  }
-
-  &--warning {
-    background-color: $hy-warning;
-  }
-
-  &--warning--inverted {
-    color: $hy-warning;
-  }
-}
+@import "./index.scss";
 </style>

package/components/hy-badge/index.scss

@@ -0,0 +1,72 @@
+@use "../../libs/css/mixin.scss" as *;
+@use "../../theme.scss" as *;
+
+$hy-badge-dot-size: 8px !default;
+$hy-badge-text-font-size: 11px !default;
+
+.hy-badge {
+  border-radius: 100px;
+  @include flex;
+  line-height: $hy-badge-text-font-size;
+  text-align: center;
+  font-size: $hy-badge-text-font-size;
+  color: $hy-text-color-inverse;
+  z-index: 999;
+
+  &--dot {
+    height: $hy-badge-dot-size;
+    width: $hy-badge-dot-size;
+  }
+
+  &--inverted {
+    font-size: 13px;
+  }
+
+  &--not-dot {
+    padding: 2px 5px;
+  }
+
+  &--horn {
+    border-bottom-left-radius: 0;
+  }
+
+  &--primary {
+    background-color: $hy-primary;
+  }
+
+  &--primary--inverted {
+    color: $hy-primary;
+  }
+
+  &--error {
+    background-color: $hy-error;
+  }
+
+  &--error--inverted {
+    color: $hy-error;
+  }
+
+  &--success {
+    background-color: $hy-success;
+  }
+
+  &--success--inverted {
+    color: $hy-success;
+  }
+
+  &--info {
+    background-color: $hy-info;
+  }
+
+  &--info--inverted {
+    color: $hy-info;
+  }
+
+  &--warning {
+    background-color: $hy-warning;
+  }
+
+  &--warning--inverted {
+    color: $hy-warning;
+  }
+}