@tplc/wot 0.1.14 → 0.1.16

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.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)
+
 ### [0.1.14](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.28...v0.1.14) (2024-10-19)
 
 ### [0.1.13](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.27...v0.1.13) (2024-10-10)

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

@@ -31,6 +31,7 @@ import { STICKY_BOX_KEY } from '../wd-sticky-box/types'
 const props = defineProps(stickyProps)
 const styckyId = ref<string>(`wd-sticky${uuid()}`)
 const observerList = ref<UniApp.IntersectionObserver[]>([])
+const emits = defineEmits(['sticky'])
 
 const stickyState = reactive({
   position: 'absolute',
@@ -159,11 +160,13 @@ function handleRelativeTo({ boundingClientRect }: any) {
     stickyState.boxLeaved = false
     stickyState.position = 'fixed'
     stickyState.top = innerOffsetTop.value
+    emits('sticky', true)
   } else {
     stickyState.state = 'normal'
     stickyState.boxLeaved = false
     stickyState.position = 'absolute'
     stickyState.top = 0
+    emits('sticky', false)
   }
 }
 

package/components/wd-tabs/index.scss

@@ -99,6 +99,7 @@
     @include lineEllipsis();
 
     @include when(active) {
+      color: $-tabs-nav-active-color;
       font-weight: 600;
     }
 
@@ -118,6 +119,16 @@
     border-radius: calc($-tabs-nav-line-height / 2);
   }
 
+  @include e(semicircle) {
+    background-color: transparent;
+    height: 8rpx;
+    width: 36rpx;
+    background-image: url("./semicircle.svg");
+    background-size: cover 100%;
+    background-repeat: no-repeat;
+  }
+
+
   @include e(container) {
     overflow: hidden;
   }
@@ -277,4 +288,4 @@
   .wd-tabs__map-nav-btn {
     width: 90px;
   }
-}
+}

package/components/wd-tabs/semicircle.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="4" viewBox="0 0 18 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 112" clip-path="url(#clip0_313_2391)">
+<path class="st0" id="Line 1" d="M2 1C2 1 5 2.5 9 2.5C13 2.5 16 1 16 1" stroke="#1167F2" stroke-width="2" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_313_2391">
+<rect width="18" height="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/components/wd-tabs/types.ts

@@ -15,6 +15,7 @@ export type TabsProvide = {
 }
 
 export const TABS_KEY: InjectionKey<TabsProvide> = Symbol('wd-tabs')
+export type TagsMode = 'semicircle' | 'default'
 
 export const tabsProps = {
   ...baseProps,
@@ -66,6 +67,7 @@ export const tabsProps = {
    * 切换动画过渡时间，单位毫秒
    */
   duration: makeNumberProp(300),
+  mode: makeStringProp<TagsMode>('default'),
 }
 
 export type TabsProps = ExtractPropTypes<typeof tabsProps>

package/components/wd-tabs/wd-tabs.vue

@@ -139,7 +139,7 @@
                 {{ item.title }}
               </view>
               <!--下划线-->
-              <view class="wd-tabs__line" :style="state.lineStyle"></view>
+              <view class="wd-tabs__line" :style="state.lineStyle" :class="`wd-tabs__${mode}`" />
             </view>
           </scroll-view>
         </view>

package/package.json

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

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

@@ -35,7 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<
     {},
     import('vue').ComponentOptionsMixin,
     import('vue').ComponentOptionsMixin,
-    {},
+    {
+      sticky: (...args: any[]) => void
+    },
     string,
     import('vue').PublicProps,
     Readonly<
@@ -57,7 +59,9 @@ declare const _default: __VLS_WithTemplateSlots<
           default: string
         }
       }>
-    >,
+    > & {
+      onSticky?: ((...args: any[]) => any) | undefined
+    },
     {
       zIndex: number
       customStyle: string

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

@@ -5,6 +5,7 @@ export type TabsProvide = {
   }
 }
 export declare const TABS_KEY: InjectionKey<TabsProvide>
+export type TagsMode = 'semicircle' | 'default'
 export declare const tabsProps: {
   /**
    * 绑定值
@@ -84,6 +85,10 @@ export declare const tabsProps: {
     type: NumberConstructor
     default: number
   }
+  mode: {
+    type: import('vue').PropType<TagsMode>
+    default: TagsMode
+  }
   customStyle: {
     type: import('vue').PropType<string>
     default: string

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

@@ -43,6 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<
         type: NumberConstructor
         default: number
       }
+      mode: {
+        type: import('vue').PropType<import('./types').TagsMode>
+        default: import('./types').TagsMode
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -114,6 +118,10 @@ declare const _default: __VLS_WithTemplateSlots<
           type: NumberConstructor
           default: number
         }
+        mode: {
+          type: import('vue').PropType<import('./types').TagsMode>
+          default: import('./types').TagsMode
+        }
         customStyle: {
           type: import('vue').PropType<string>
           default: string
@@ -135,6 +143,7 @@ declare const _default: __VLS_WithTemplateSlots<
       customStyle: string
       customClass: string
       color: string
+      mode: import('./types').TagsMode
       sticky: boolean
       inactiveColor: string
       offsetTop: number