hy-app 0.4.8 → 0.4.9

package/README.md

@@ -1,16 +1,24 @@
 ## 在线使用文档地址
-[华玥组件库文档(需要翻墙)](https://hy-component-docs.vercel.app/)
-[华玥组件库文档(国内旧地址，2025-11-12之后域名过期)](https://www.gxh151.top)
-[华玥组件库文档(国内新地址)](https://www.hy-design-uni.top)
+- [华玥组件库文档(需要翻墙)](https://hy-component-docs.vercel.app/)
+- [华玥组件库文档(国内旧地址，2025-11-12之后域名过期)](https://www.gxh151.top)
+- [华玥组件库文档(国内新地址)](https://www.hy-design-uni.top)
 
-## H5测试页面地址
-[华玥组件库dome(需要翻墙)](https://hy-design-uni.vercel.app/#/)
+## 📱 移动端预览
+<p style="display:flex;gap:24px">
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f37.png" width="200" height="200" />
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f38.jpg" width="200" height="200" />
+<img src="https://pic.imgdd.cc/item/690c01291095cbb336f01f36.png" width="200" height="200" />
+
+</p>
 
 ## 安装教程
 
 ```angular2html
-<!--只支持vue3+uniapp的项目-->
-pnpm install hy-app
+<!-- 只支持vue3+uniapp+ts的项目 -->
+pnpm add hy-app
+
+<!-- 没有需要下载 -->
+pnpm add dayjs
 
 node版本 >= 16.14.*
 ```
@@ -35,7 +43,7 @@ export function createApp () {
 </template>
 ```
 
-## 在小程序里面配置全局组件
+## 在page.json文件里面配置按需引入组件
 ```json
 {
   "easycom": {

package/components/hy-line-progress/hy-line-progress.vue

@@ -44,6 +44,7 @@ import {
   range,
   type RectResultType,
   sleep,
+  getPx,
 } from "../../libs";
 
 /**

package/components/hy-navbar/hy-navbar.vue

@@ -7,15 +7,13 @@
         height: addUnit(getPx(height) + statusBarHeight),
       }"
     ></view>
-    <view
-      :class="[fixed && 'hy-navbar__fixed']"
-      :style="{ backgroundColor: bgColor }"
-    >
+    <view :class="[fixed && 'hy-navbar__fixed']">
       <HyStatusBar v-if="safeAreaInsetTop" :bgColor="bgColor"></HyStatusBar>
       <view
         :class="[border && 'hy-border__bottom', 'hy-navbar__content']"
         :style="{
           height: addUnit(height),
+          backgroundColor: bgColor,
         }"
       >
         <!-- 左边 -->

package/components/hy-navbar/index.scss

@@ -3,7 +3,7 @@
 
 
 @include b(navbar) {
-  @include m(fixed) {
+  @include e(fixed) {
     position: fixed;
     left: 0;
     right: 0;

package/components/hy-popover/hy-popover.vue

@@ -122,6 +122,7 @@ import {
   useSlots,
   watch,
   inject,
+  nextTick,
 } from "vue";
 import type { PropType, CSSProperties } from "vue";
 import type {
@@ -220,7 +221,9 @@ watch(
 watch(
   () => props.placement,
   (newVal) => {
-    popover.init(newVal, visibleArrow.value, selector);
+    nextTick(() => {
+      popover.init(newVal, visibleArrow.value, selector);
+    });
   },
   { immediate: true },
 );
@@ -251,11 +254,11 @@ watch(
   },
 );
 
-onMounted(() => {
-  setTimeout(() => {
-    popover.init(props.placement, visibleArrow.value, selector);
-  }, 2000);
-});
+// onMounted(() => {
+//   setTimeout(() => {
+//     popover.init(props.placement, visibleArrow.value, selector);
+//   }, 2000);
+// });
 
 onBeforeMount(() => {
   if (queue && queue.pushToQueue) {

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "hy-app",
-  "version": "0.4.8",
-  "description": "fix: 修复tooltip字体样式未修改问题",
+  "version": "0.4.9",
+  "description": "fix: 修复navbar绝对定位问题",
   "main": "./index.ts",
   "private": false,
   "scripts": {},
   "keywords": [
     "华玥组件库",
-    "ui组件库",
+    "精美ui库",
+    "移动端组件库",
+    "适配多端小程序",
     "暗黑模式"
   ],
   "web-types": "./web-types.json",