@tplc/wot 0.1.16 → 0.1.18

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.18](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.42...v0.1.18) (2024-10-25)
+
+### [0.1.17](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.37...v0.1.17) (2024-10-21)
+
 ### [0.1.16](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.30...v0.1.16) (2024-10-19)
 
 ### [0.1.15](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.29...v0.1.15) (2024-10-19)

package/components/common/abstracts/variable.scss

@@ -542,8 +542,8 @@ $-col-picker-list-color-checked: var(--wot-col-picker-list-color-checked,
 $-overlay-bg: var(--wot-overlay-bg, rgba(0, 0, 0, 0.65)) !default;
 $-overlay-bg-dark: var(--wot-overlay-bg-dark, rgba(0, 0, 0, 0.75)) !default;
 /* popup */
-$-popup-close-size: var(--wot-popup-close-size, 24px) !default; // 关闭按钮尺寸
-$-popup-close-color: var(--wot-popup-close-color, #666) !default; // 关闭按钮颜色
+$-popup-close-size: var(--wot-popup-close-size, 20px) !default; // 关闭按钮尺寸
+$-popup-close-color: var(--wot-popup-close-color, #999) !default; // 关闭按钮颜色
 /* progress */
 $-progress-padding: var(--wot-progress-padding, 9px 0 8px) !default; // 进度条内边距
 $-progress-bg: var(--wot-progress-bg, rgba(229, 229, 229, 1)) !default; // 进度条底色

package/components/wd-gap/index.scss

@@ -6,4 +6,8 @@
     padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: env(safe-area-inset-bottom);
   }
+  @include m(safe-top) {
+    padding-top: constant(safe-area-inset-top);
+    padding-top: env(safe-area-inset-top);
+  }
 }

package/components/wd-gap/types.ts

@@ -20,4 +20,8 @@ export const gapProps = {
    * 高度
    */
   height: makeNumericProp(15),
+  /**
+   * 是否开启顶部安全区
+   */
+  safeAreaTop: makeBooleanProp(false),
 }

package/components/wd-gap/wd-gap.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :class="`wd-gap ${safeAreaBottom ? 'wd-gap--safe' : ''} ${customClass}`"
+    :class="`wd-gap ${safeAreaBottom ? 'wd-gap--safe' : ''} ${safeAreaTop ? 'wd-gap--safe-top' : ''} ${customClass} `"
     :style="rootStyle"
   ></view>
 </template>

package/components/wd-popup/index.scss

@@ -24,7 +24,7 @@
     right: 10px;
     font-size: $-popup-close-size;
     color: $-popup-close-color;
-    transform: rotate(-45deg);
+    // transform: rotate(-45deg);
   }
 
   @include m(center) {

package/components/wd-popup/wd-popup.vue

@@ -16,7 +16,7 @@
     @transitionend="onTransitionEnd"
   >
     <slot />
-    <wd-icon v-if="closable" custom-class="wd-popup__close" name="add" @click="close" />
+    <wd-icon v-if="closable" custom-class="wd-popup__close" name="close-circle" @click="close" />
   </view>
 </template>
 

package/components/wd-sticky/wd-sticky.vue

@@ -86,6 +86,11 @@ const innerOffsetTop = computed(() => {
   top = 44
   // #endif
 
+  // 如果是小程序 需要 44+statusBar高度
+  // #ifdef MP
+  top = 44 + (uni.getSystemInfoSync().statusBarHeight || 0)
+  // #endif
+
   return top + props.offsetTop
 })
 

package/components/wd-tabs/index.scss

@@ -69,7 +69,6 @@
     left: 0;
     width: 100%;
     height: $-tabs-nav-height;
-    background-color: #fff;
 
     @include m(wrap) {
       height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-gap/types.d.ts

@@ -20,6 +20,13 @@ export declare const gapProps: {
     type: (NumberConstructor | StringConstructor)[]
     default: number
   }
+  /**
+   * 是否开启顶部安全区
+   */
+  safeAreaTop: {
+    type: BooleanConstructor
+    default: boolean
+  }
   customStyle: {
     type: import('vue').PropType<string>
     default: string

package/types/components/wd-gap/wd-gap.vue.d.ts

@@ -12,6 +12,10 @@ declare const _default: import('vue').DefineComponent<
       type: (NumberConstructor | StringConstructor)[]
       default: number
     }
+    safeAreaTop: {
+      type: BooleanConstructor
+      default: boolean
+    }
     customStyle: {
       type: import('vue').PropType<string>
       default: string
@@ -44,6 +48,10 @@ declare const _default: import('vue').DefineComponent<
         type: (NumberConstructor | StringConstructor)[]
         default: number
       }
+      safeAreaTop: {
+        type: BooleanConstructor
+        default: boolean
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -60,6 +68,7 @@ declare const _default: import('vue').DefineComponent<
     bgColor: string
     height: string | number
     safeAreaBottom: boolean
+    safeAreaTop: boolean
   },
   {}
 >