@tplc/wot 0.1.63 → 0.1.64

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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.64](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.75...v0.1.64) (2025-03-10)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.63 ([6286500](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6286500e9cf7b2096ea980ecc69949324cf12859))
+* **release:** 0.3.76 ([74cab95](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/74cab959ceab17fcc46662bd9bdc9e219e551547))
+
+
+### ✨ Features | 新功能
+
+* 支持banner 底部 ([1e0b38c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e0b38ccba18240f4b18f78a84e0810ae8b67460))
+
 ### [0.1.63](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.76...v0.1.63) (2025-03-10)
 
 ### [0.1.62](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.57...v0.1.62) (2025-02-24)

package/components/wd-select-picker/index.scss

@@ -146,6 +146,19 @@
     justify-content: center;
     background: $-picker-loading-bg;
   }
+  @include e(no-more) {
+    text-align: center;
+    color: $-cell-arrow-color;
+    padding: 24rpx 0;
+    font-size: 28rpx;
+  }
+  @include e(innerLoading) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: $-picker-loading-bg;
+    padding: 24rpx 0;
+  }
   // selectPiceker多出的样式
   @include edeep(header) {
     height: 72px;

package/components/wd-select-picker/types.ts

@@ -10,6 +10,16 @@ import {
 import type { FormItemRule } from '../wd-form/types'
 
 export type SelectPickerType = 'checkbox' | 'radio' | 'button'
+export type SelectPickerRemote = {
+  action: (
+    search: string,
+    params: { pageNum: number; pageSize: number },
+  ) => Promise<Record<string, any>[]>
+  valueKey?: string
+  labelKey?: string
+  pageSize?: number
+  isPage?: boolean
+}
 
 export const selectPickerProps = {
   ...baseProps,
@@ -75,6 +85,10 @@ export const selectPickerProps = {
   safeAreaInsetBottom: makeBooleanProp(true),
   /** 可搜索（目前只支持本地搜索） */
   filterable: makeBooleanProp(false),
+  /** 远程搜索配置 */
+  remoteConfig: {
+    type: Object as PropType<SelectPickerRemote>,
+  },
   /** 搜索框占位符 */
   filterPlaceholder: String,
   /** 是否超出隐藏 */

package/components/wd-select-picker/wd-select-picker.vue

@@ -60,11 +60,13 @@
         placeholder-left
         @change="handleFilterChange"
       />
+
       <scroll-view
         :class="`wd-select-picker__wrapper ${filterable ? 'is-filterable' : ''} ${loading ? 'is-loading' : ''} ${customContentClass}`"
         :scroll-y="!loading"
         :scroll-top="scrollTop"
         :scroll-with-animation="true"
+        @scrolltolower="handleScrollToLower"
       >
         <!-- 多选 -->
         <view v-if="type === 'checkbox' && isArray(selectList)" id="wd-checkbox-group">
@@ -163,6 +165,10 @@
         <view v-if="loading" class="wd-select-picker__loading" @touchmove="noop">
           <wd-loading :color="loadingColor" />
         </view>
+        <view v-if="innerLoading" class="wd-select-picker__innerLoading">
+          <wd-loading :color="loadingColor" />
+        </view>
+        <view v-if="noMore" class="wd-select-picker__no-more">没有更多数据了</view>
       </scroll-view>
       <!-- 确认按钮 -->
       <view v-if="showConfirm" class="wd-select-picker__footer">
@@ -206,7 +212,10 @@ const filterVal = ref<string>('')
 const filterColumns = ref<Array<Record<string, any>>>([])
 const scrollTop = ref<number | null>(0) // 滚动位置
 const cell = useCell()
-
+const pageNum = ref<number>(1)
+const noMore = ref<boolean>(false)
+const innerLoading = ref<boolean>(false)
+const innerColumns = ref<Array<Record<string, any>>>([])
 const showValue = computed(() => {
   const value = valueFormat(props.modelValue)
   let showValueTemp: string = ''
@@ -316,10 +325,34 @@ const isRequired = computed(() => {
   }
   return props.required || props.rules.some((rule) => rule.required) || formRequired
 })
+/** 获取远程数据 */
+const getRemoteData = async () => {
+  innerLoading.value = true
+  const res = await props.remoteConfig?.action(filterVal.value, {
+    pageNum: pageNum.value,
+    pageSize: props.remoteConfig?.pageSize || 10,
+  })
 
+  if (res) {
+    if (res.length) {
+      pageNum.value++
+      innerColumns.value = [...innerColumns.value, ...res]
+    } else {
+      noMore.value = true
+    }
+  }
+  innerLoading.value = false
+}
+const handleScrollToLower = () => {
+  if (noMore.value || innerLoading.value || !props.remoteConfig?.isPage) return
+  getRemoteData()
+}
 onBeforeMount(() => {
   selectList.value = valueFormat(props.modelValue)
   filterColumns.value = props.columns
+  if (props.remoteConfig) {
+    getRemoteData()
+  }
 })
 
 const { proxy } = getCurrentInstance() as any

package/package.json

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

package/types/components/wd-select-picker/types.d.ts

@@ -1,6 +1,19 @@
 import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
 import type { FormItemRule } from '../wd-form/types'
 export type SelectPickerType = 'checkbox' | 'radio' | 'button'
+export type SelectPickerRemote = {
+  action: (
+    search: string,
+    params: {
+      pageNum: number
+      pageSize: number
+    },
+  ) => Promise<Record<string, any>[]>
+  valueKey?: string
+  labelKey?: string
+  pageSize?: number
+  isPage?: boolean
+}
 export declare const selectPickerProps: {
   /** 选择器左侧文案 */
   label: StringConstructor
@@ -122,6 +135,10 @@ export declare const selectPickerProps: {
     type: BooleanConstructor
     default: boolean
   }
+  /** 远程搜索配置 */
+  remoteConfig: {
+    type: PropType<SelectPickerRemote>
+  }
   /** 搜索框占位符 */
   filterPlaceholder: StringConstructor
   /** 是否超出隐藏 */

package/types/components/wd-select-picker/wd-select-picker.vue.d.ts

@@ -92,6 +92,9 @@ declare const _default: __VLS_WithTemplateSlots<
         type: BooleanConstructor
         default: boolean
       }
+      remoteConfig: {
+        type: import('vue').PropType<import('./types').SelectPickerRemote>
+      }
       filterPlaceholder: StringConstructor
       ellipsis: {
         type: BooleanConstructor
@@ -242,6 +245,9 @@ declare const _default: __VLS_WithTemplateSlots<
           type: BooleanConstructor
           default: boolean
         }
+        remoteConfig: {
+          type: import('vue').PropType<import('./types').SelectPickerRemote>
+        }
         filterPlaceholder: StringConstructor
         ellipsis: {
           type: BooleanConstructor