@tplc/wot 0.1.13 → 0.1.15

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.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)
 
 ### [0.1.12](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.11...v0.1.12) (2024-09-27)

package/components/common/abstracts/variable.scss

@@ -43,7 +43,7 @@ $-color-aid: var(--wot-color-aid,
 $-color-tip: var(--wot-color-tip, #bfbfbf) !default; // 失效、默认提示文字 bfbfbf
 $-color-border: var(--wot-color-border, #d9d9d9) !default; // 控件边框线 d9d9d9
 $-color-border-light: var(--wot-color-border-light, #e8e8e8) !default; // 分割线颜色 e8e8e8
-$-color-bg: var(--wot-color-bg, #f5f5f5) !default; // 背景色、禁用填充色 f5f5f5
+$-color-bg: var(--wot-color-bg, #F4F5F7) !default; // 背景色、禁用填充色 f5f5f5
 /* 暗黑模式 */
 $-dark-background: var(--wot-dark-background, #131313) !default;
 $-dark-background2: var(--wot-dark-background2, #1b1b1b) !default;
@@ -58,7 +58,7 @@ $-dark-color3: var(--wot-dark-color3, rgba(232, 230, 227, 0.8)) !default;
 $-dark-color-gray: var(--wot-dark-color-gray, $-color-secondary) !default;
 $-dark-border-color: var(--wot-dark-border-color, #3a3a3c) !default;
 /* 图形颜色 */
-$-color-icon: var(--wot-color-icon, #d9d9d9) !default; // icon颜色
+$-color-icon: var(--wot-color-icon, #969696) !default; // icon颜色
 $-color-icon-active: var(--wot-color-icon-active, #eee) !default; // icon颜色hover
 $-color-icon-disabled: var(--wot-color-icon-disabled, #a7a7a7) !default; // icon颜色disabled
 /*----------------------------------------- Theme color. end -------------------------------------------*/
@@ -618,7 +618,7 @@ $-search-icon-color: var(--wot-search-icon-color, $-color-icon) !default; // 图
 $-search-icon-size: var(--wot-search-icon-size, 18px) !default; // 图标大小
 $-search-clear-icon-size: var(--wot-search-clear-icon-size, $-fs-title) !default; // 清除图标大小
 $-search-placeholder-color: var(--wot-search-placeholder-color,
-  #bfbfbf) !default; // placeholder 颜色
+  #969696) !default; // placeholder 颜色
 $-search-cancel-padding: var(--wot-search-cancel-padding,
   0 $-search-side-padding 0 10px) !default; // 取消按钮间距
 $-search-cancel-fs: var(--wot-search-cancel-fs, $-fs-title) !default; // 取消按钮字号

package/components/wd-img/wd-img.vue

@@ -1,9 +1,18 @@
 <template>
   <view :class="rootClass" @click="handleClick" :style="rootStyle">
-    <image :class="`wd-img__image coverImg ${customImage}`" :src="wrapPhoto({ photo: src, width, type: 2 })"
-      :mode="mode" :style="status != 'success' && {
-        ...wrapPhoto({ photo: src, width: lazyPlaceWidth })
-      }" :lazy-load="lazyLoad" @load="handleLoad" @error="handleError" />
+    <image
+      :class="`wd-img__image coverImg ${customImage}`"
+      :src="wrapPhoto({ photo: src, width, type: 2 })"
+      :mode="mode"
+      :style="
+        status != 'success' && {
+          ...wrapPhoto({ photo: src, width: lazyPlaceWidth }),
+        }
+      "
+      :lazy-load="lazyLoad"
+      @load="handleLoad"
+      @error="handleError"
+    />
     <slot v-if="status === 'loading'" name="loading"></slot>
     <slot v-if="status === 'error'" name="error"></slot>
   </view>
@@ -17,7 +26,7 @@ export default {
     styleIsolation: 'shared',
   },
 }
-//:style="`${status !== 'success' ? 'width: 0;height: 0;' : ''}`"
+// :style="`${status !== 'success' ? 'width: 0;height: 0;' : ''}`"
 </script>
 
 <script lang="ts" setup>
@@ -66,19 +75,19 @@ function handleLoad(event: Event) {
   emit('load', event)
 }
 
-function wrapPhoto({
-  photo,
-  width = 200,
-  otherParams = {},
-  type = 1,
-}: any) {
-  const isctyun = photo?.indexOf('.ctyun') >= 0;
-  const sym = photo?.indexOf('?') > 0 ? '&' : '?';
-  const suffix = isctyun ? `${sym}x-amz-process=image/resize,w_${width},m_lfit` : `${sym}x-oss-process=image/resize,m_mfit,w_${width}&imageView2/2/w/${width}`;
-  const url = `${photo}${width > 0 ? suffix : ''}`;
-  return type == 2 ? url : photo ? { backgroundImage: `url('${url}')`, ...otherParams } : otherParams;
+function wrapPhoto({ photo, width = 200, otherParams = {}, type = 1 }: any) {
+  const isctyun = photo?.indexOf('.ctyun') >= 0
+  const sym = photo?.indexOf('?') > 0 ? '&' : '?'
+  const suffix = isctyun
+    ? `${sym}x-amz-process=image/resize,w_${width},m_lfit`
+    : `${sym}x-oss-process=image/resize,m_mfit,w_${width}&imageView2/2/w/${width}`
+  const url = `${photo}${width > 0 ? suffix : ''}`
+  return type === 2
+    ? url
+    : photo
+      ? { backgroundImage: `url('${url}')`, ...otherParams }
+      : otherParams
 }
-
 </script>
 
 <style lang="scss" scoped>

package/components/wd-index-anchor/type.ts

@@ -4,7 +4,6 @@ import { baseProps, makeRequiredProp, makeStringProp } from '../common/props'
 export const indexAnchorProps = {
   ...baseProps,
   index: makeRequiredProp([String, Number]),
-  hint: makeStringProp(''),
 }
 
 export type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>

package/components/wd-index-anchor/wd-index-anchor.vue

@@ -8,7 +8,7 @@
       :id="indexAnchorId"
     >
       <slot>
-        {{ hint || index }}
+        {{ index }}
       </slot>
     </view>
     <!-- #ifdef MP-DINGTALK -->
@@ -46,7 +46,9 @@ function getInfo() {
 }
 
 onMounted(() => {
-  getInfo()
+  setTimeout(() => {
+    getInfo()
+  }, 200)
 })
 
 defineExpose({

package/components/wd-index-bar/index.scss

@@ -28,9 +28,9 @@
 
   @include e(index) {
     padding: 4px 6px;
-    font-size: 12px;
+    font-size: 20rpx;
     font-weight: $-fw-medium;
-    color: $-color-title;
+    color: $-color-theme;
 
     @include when(active) {
       color: $-color-theme;

package/components/wd-index-bar/wd-index-bar.vue

@@ -19,7 +19,7 @@
         @touchcancel.stop.prevent="handleTouchEnd"
       >
         <view
-          class="wd-index-bar__index"
+          class="wd-index-bar__index text-center"
           :class="{ 'is-active': item.index === state.activeIndex }"
           v-for="item in children"
           :key="item.index"
@@ -30,6 +30,7 @@
       <!-- #ifdef MP-DINGTALK -->
     </view>
     <!-- #endif -->
+    <wd-toast />
   </view>
 </template>
 
@@ -39,7 +40,8 @@ import { indexBarInjectionKey, indexBarProps } from './type'
 import { ref, getCurrentInstance, onMounted, reactive, nextTick, watch } from 'vue'
 import { getRect, isDef, uuid, requestAnimationFrame } from '../common/util'
 import { useChildren } from '../composables/useChildren'
-
+import { useToast } from '../wd-toast'
+const toast = useToast()
 const props = defineProps(indexBarProps)
 
 const indexBarId = ref<string>(`indexBar${uuid()}`)
@@ -96,7 +98,7 @@ function init() {
       sidebarInfo.offsetTop = sidebar.top!
       sidebarInfo.indexHeight = index.height!
     })
-  }, 100)
+  }, 200)
 }
 
 onMounted(() => {
@@ -144,10 +146,18 @@ function handleTouchMove(e: TouchEvent) {
   state.activeIndex = getAnchorByPageY(clientY).index
   setScrollTop(getAnchorByPageY(clientY).$.exposed!.top.value - offsetTop)
 }
+function showToast() {
+  if (state.activeIndex)
+    toast.show({
+      msg: `${state.activeIndex}`,
+      duration: 1500,
+    })
+}
 
 function handleTouchEnd(e: TouchEvent) {
   const clientY = e.changedTouches[0].pageY
   state.activeIndex = getAnchorByPageY(clientY).index
+  showToast()
   setScrollTop(getAnchorByPageY(clientY).$.exposed!.top.value - offsetTop)
   requestAnimationFrame(() => {
     scrollState.touching = false
@@ -164,6 +174,17 @@ function setScrollTop(top: number) {
     scrollState.scrollTop = top
   }
 }
+function scrollToIndex(index: AnchorIndex) {
+  const anchor = children.find((item) => item.index === index)
+  state.activeIndex = index
+  showToast()
+  if (anchor) {
+    setScrollTop(anchor.$.exposed!.top.value - offsetTop)
+  }
+}
+defineExpose({
+  scrollToIndex,
+})
 </script>
 
 <style lang="scss" scoped>

package/components/wd-status-tip/wd-status-tip.vue

@@ -44,25 +44,25 @@ const imgUrl = computed(() => {
   let img: string = ''
   switch (props.image) {
     case 'collect':
-      img = 'https://img.wot-design-uni.cn/wdu/collect.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/collect.png'
       break
     case 'comment':
-      img = 'https://img.wot-design-uni.cn/wdu/comment.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/comment.png'
       break
     case 'content':
-      img = 'https://img.wot-design-uni.cn/wdu/content.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/content.png'
       break
     case 'halo':
-      img = 'https://img.wot-design-uni.cn/wdu/halo.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/halo.png'
       break
     case 'message':
-      img = 'https://img.wot-design-uni.cn/wdu/message.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/message.png'
       break
     case 'network':
-      img = 'https://img.wot-design-uni.cn/wdu/network.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/network.png'
       break
     case 'search':
-      img = 'https://img.wot-design-uni.cn/wdu/search.png'
+      img = 'https://qdll-lycs.oss-cn-nanjing.aliyuncs.com/staticSaas/basis/search.png'
       break
     default:
       img = props.image

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/components/wd-toast/index.scss

@@ -49,7 +49,7 @@
     transform: translate3d(0, -40vh, 0);
   }
   @include m(middle) {
-    transform: translate3d(0%, -18.8vh, 0);
+    transform: translate3d(0%, -4vh, 0);
   }
   @include m(bottom) {
     transform: translate3d(0, 40vh, 0);

package/package.json

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

package/types/components/wd-index-anchor/type.d.ts

@@ -4,10 +4,6 @@ export declare const indexAnchorProps: {
     type: (NumberConstructor | StringConstructor)[]
     required: true
   }
-  hint: {
-    type: import('vue').PropType<string>
-    default: string
-  }
   customStyle: {
     type: import('vue').PropType<string>
     default: string

package/types/components/wd-index-anchor/wd-index-anchor.vue.d.ts

@@ -7,10 +7,6 @@ declare const __VLS_component: import('vue').DefineComponent<
       type: (NumberConstructor | StringConstructor)[]
       required: true
     }
-    hint: {
-      type: import('vue').PropType<string>
-      default: string
-    }
     customStyle: {
       type: import('vue').PropType<string>
       default: string
@@ -37,10 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<
         type: (NumberConstructor | StringConstructor)[]
         required: true
       }
-      hint: {
-        type: import('vue').PropType<string>
-        default: string
-      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -54,7 +46,6 @@ declare const __VLS_component: import('vue').DefineComponent<
   {
     customStyle: string
     customClass: string
-    hint: string
   },
   {}
 >

package/types/components/wd-index-bar/wd-index-bar.vue.d.ts

@@ -1,3 +1,5 @@
+import type { AnchorIndex } from './type'
+declare function scrollToIndex(index: AnchorIndex): void
 declare function __VLS_template(): {
   default?(_: {}): any
 }
@@ -8,7 +10,9 @@ declare const __VLS_component: import('vue').DefineComponent<
       default: boolean
     }
   },
-  {},
+  {
+    scrollToIndex: typeof scrollToIndex
+  },
   unknown,
   {},
   {},

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