tmui-cli 2.0.5 → 5.3.1

package/data/uni-app-x-docs/native/modules/harmony/oauth.md

@@ -19,9 +19,9 @@ OAuth模块提供了第三方登录的能力。
 在uni_modules入口文件`index.generated.ets`内注册华为登录provider。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
 import { UniOAuthHuaweiProviderImpl } from '@uni_modules/uni-oauth-huawei'
 
 export function initUniModules() {
@@ -32,9 +32,9 @@ function initUniExtApi() {
   registerUniProvider('oauth', 'huawei', new UniOAuthHuaweiProviderImpl())
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
 import { UniOAuthHuaweiProviderImpl } from '@uni_modules/uni-oauth-huawei'
 
 export function initUniModules() {
@@ -44,4 +44,5 @@ export function initUniModules() {
 function initUniExtApi() {
   registerUniProvider('oauth', 'huawei', new UniOAuthHuaweiProviderImpl())
 }
-```
+```
+:::

package/data/uni-app-x-docs/native/modules/harmony/pay.md

@@ -17,9 +17,9 @@
 在uni_modules入口文件`index.generated.ets`内注册支付宝支付provider。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
 import { UniPaymentAlipayProviderImpl } from '@uni_modules/uni-payment-alipay'
 
 export function initUniModules() {
@@ -30,9 +30,9 @@ function initUniExtApi() {
   registerUniProvider('payment', 'alipay', new UniPaymentAlipayProviderImpl())
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
 import { UniPaymentAlipayProviderImpl } from '@uni_modules/uni-payment-alipay'
 
 export function initUniModules() {
@@ -62,9 +62,9 @@ function initUniExtApi() {
 在uni_modules入口文件`index.generated.ets`内注册微信支付provider。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
 import { UniPaymentWxpayProviderImpl } from '@uni_modules/uni-payment-wxpay'
 export function initUniModules() {
   initUniExtApi();
@@ -73,9 +73,9 @@ function initUniExtApi() {
   registerUniProvider('payment', 'wxpay', new UniPaymentWxpayProviderImpl())
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
 import { UniPaymentWxpayProviderImpl } from '@uni_modules/uni-payment-wxpay'
 export function initUniModules() {
   initUniExtApi();

package/data/uni-app-x-docs/native/modules/harmony/push.md

@@ -38,9 +38,9 @@
 在uni_modules入口文件`index.generated.ets`内注册uni-push api。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
-import { uni } from "@dcloudio/uni-app-x-runtime";
+import { uni } from "@dcloudio/uni-app-x-vapor-runtime";
 import { getPushClientId,onPushMessage,offPushMessage,createPushMessage,setAppBadgeNumber } from '@uni_modules/uni-push'
 
 export function initUniModules() {
@@ -55,9 +55,9 @@ function initUniExtApi() {
   uni.setAppBadgeNumber = setAppBadgeNumber
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
-import { uni } from "@dcloudio/uni-app-x-vapor-runtime";
+import { uni } from "@dcloudio/uni-app-x-runtime";
 import { getPushClientId,onPushMessage,offPushMessage,createPushMessage,setAppBadgeNumber } from '@uni_modules/uni-push'
 
 export function initUniModules() {
@@ -71,4 +71,5 @@ function initUniExtApi() {
   uni.createPushMessage = createPushMessage
   uni.setAppBadgeNumber = setAppBadgeNumber
 }
-```
+```
+:::

package/data/uni-app-x-docs/native/modules/harmony/verify.md

@@ -13,9 +13,9 @@
 在uni_modules入口文件`index.generated.ets`内注册一键登录api。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
 
 import { getUniVerifyManager } from '@uni_modules/uni-verify'
 
@@ -28,9 +28,9 @@ function initUniExtApi() {
   uni.getUniVerifyManager = getUniVerifyManager
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
-import { registerUniProvider, uni } from "@dcloudio/uni-app-x-vapor-runtime";
+import { registerUniProvider, uni } from "@dcloudio/uni-app-x-runtime";
 
 import { getUniVerifyManager } from '@uni_modules/uni-verify'
 
@@ -42,4 +42,5 @@ export function initUniModules() {
 function initUniExtApi() {
   uni.getUniVerifyManager = getUniVerifyManager
 }
-```
+```
+:::

package/data/uni-app-x-docs/native/use/android.md

@@ -53,7 +53,7 @@ uni-dialogPage-release.aar，uni-event-release.aar，uni-crash-release.aar，uni
 uni-storage-release.aar，uni-exit-release.aar，uni-theme-release.aar，
 uni-getAppBaseInfo-release.aar，uni-getDeviceInfo-release.aar，uni-getSystemInfo-release.aar，uni-getAccessibilityInfo-release.aar，
 uni-getAppAuthorizeSetting-release.aar，uni-getSystemSetting-release.aar，
-uni-openAppAuthorizeSetting-release.aar，uni-prompt-release.aar，uni-rpx2px-release.aar，uni-secure-network-release.aar共23个aar拷贝到uni-app x模块的libs下，如果没有libs需要手动创建，参考下图：
+uni-openAppAuthorizeSetting-release.aar，uni-prompt-release.aar，uni-rpx2px-release.aar，uni-secure-network-release.aar，uni-uasm-release.aar(HBuilder 5.31+)共24个aar拷贝到uni-app x模块的libs下，如果没有libs需要手动创建，参考下图：
 
 ![](https://web-ext-storage.dcloud.net.cn/native/doc/android/main_libs_vapor_v2.png)
 
@@ -517,6 +517,7 @@ uts插件资源位于`unpackage/resource/app-android/uni_modules`下。如果uni
 - uni-event
 - uni-getElementById
 - uni-pullDownRefresh
+- uni-uasm
 
 ::: details VDOM模式
 

package/data/uni-app-x-docs/native/use/harmony.md

@@ -22,25 +22,25 @@
 * 蒸汽模式请改用 `@dcloudio/uni-app-x-vapor-runtime` 模块，最低版本为 5.25。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```json
 {
-  "modelVersion": "5.0.4",
+  "modelVersion": "6.1.1",
   "description": "Please describe the basic information.",
   "dependencies": {
-    // 指定 4.71 版本
-    "@dcloudio/uni-app-x-runtime": "4.71.*"
+    // 指定 5.25 版本
+    "@dcloudio/uni-app-x-vapor-runtime": "5.25.*"
   }
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```json
 {
-  "modelVersion": "6.1.1",
+  "modelVersion": "5.0.4",
   "description": "Please describe the basic information.",
   "dependencies": {
-    // 指定 5.25 版本
-    "@dcloudio/uni-app-x-vapor-runtime": "5.25.*"
+    // 指定 4.71 版本
+    "@dcloudio/uni-app-x-runtime": "4.71.*"
   }
 }
 ```
@@ -57,7 +57,7 @@
 编辑 entry/build-profile.json5 文件，在 buildOption 增加 arkOptions -> runtimeOnly -> sources 配置
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```json
 {
   "apiType": "stageMode",
@@ -66,14 +66,15 @@
       "runtimeOnly": {
         "sources": [
           "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-config.ets",
-          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-service.ets"
+          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-service.ets",
+          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/dynamic.ets"
         ]
       }
     }
   }
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```json
 {
   "apiType": "stageMode",
@@ -82,8 +83,7 @@
       "runtimeOnly": {
         "sources": [
           "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-config.ets",
-          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-service.ets",
-          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/dynamic.ets"
+          "./src/main/resources/resfile/uni-app-x/apps/你的APPID/www/import/app-service.ets"
         ]
       }
     }

package/data/uni-app-x-docs/native/use/harmonyapi.md

@@ -3,10 +3,10 @@
 打开鸿蒙项目文件 entry/src/main/ets/entryability/EntryAbility.ets，增加 uni-app sdk 初始化逻辑。
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
 import { window } from "@kit.ArkUI";
-import { UniEntryAbility } from "@dcloudio/uni-app-x-runtime";
+import { UniEntryAbility } from "@dcloudio/uni-app-x-vapor-runtime";
 import BuildProfile from "BuildProfile";
 
 export default class EntryAbility extends UniEntryAbility {
@@ -31,10 +31,10 @@ export default class EntryAbility extends UniEntryAbility {
   }
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
 import { window } from "@kit.ArkUI";
-import { UniEntryAbility } from "@dcloudio/uni-app-x-vapor-runtime";
+import { UniEntryAbility } from "@dcloudio/uni-app-x-runtime";
 import BuildProfile from "BuildProfile";
 
 export default class EntryAbility extends UniEntryAbility {
@@ -64,7 +64,7 @@ export default class EntryAbility extends UniEntryAbility {
 ## 启动
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```typescript
 export type AnimationType =
   | "slide-in-right"
@@ -77,12 +77,42 @@ interface IOpenUniAppConfig {
   animationType?: AnimationType;
   animationDuration?: number;
 }
+export type ShowAnimationType =
+  'slide-in-right' |
+  'slide-in-left' |
+  'slide-in-top' |
+  'slide-in-bottom' |
+  'fade-in' |
+  'none'
+export type HideAnimationType =
+  'slide-out-right' |
+  'slide-out-left' |
+  'slide-out-top' |
+  'slide-out-bottom' |
+  'fade-out' |
+  'none'
+export interface IUniAppShowOptions {
+  animationType?: ShowAnimationType
+  animationDuration?: number
+}
+export interface IUniAppHideOptions {
+  animationType?: HideAnimationType
+  animationDuration?: number
+}
+export interface IUniAppSDK {
+  appId: string
+  hide(options?: IUniAppHideOptions): void
+  show(options?: IUniAppShowOptions): void
+  close(): void
+  on(event: 'close' | 'show' | 'hide', callback: () => void): void
+  off(name: string, callback: Function): void
+}
 export declare function openUniApp(
   appID: string,
   config?: IOpenUniAppConfig
-): void;
+): IUniAppSDK;
 ```
-> 蒸汽模式
+> VDOM模式
 ```typescript
 export type AnimationType =
   | "slide-in-right"
@@ -95,22 +125,19 @@ interface IOpenUniAppConfig {
   animationType?: AnimationType;
   animationDuration?: number;
 }
-export interface IUniAppSDK {
-  close(): void
-}
 export declare function openUniApp(
   appID: string,
   config?: IOpenUniAppConfig
-): IUniAppSDK;
+): void;
 ```
 :::
 
 ### 示例代码
 
 ::: preview
-> VDOM模式
+> 蒸汽模式
 ```ts
-import { openUniApp } from '@dcloudio/uni-app-x-runtime'
+import { openUniApp } from '@dcloudio/uni-app-x-vapor-runtime'
 
 @Entry
 @Component
@@ -119,7 +146,7 @@ struct Index {
     RelativeContainer() {
       Button('Open')
         .onClick(() => {
-          openUniApp('你的APPID', {
+          const app = openUniApp('你的APPID', {
             animationType: 'fade-in',
           })
         })
@@ -129,9 +156,9 @@ struct Index {
   }
 }
 ```
-> 蒸汽模式
+> VDOM模式
 ```ts
-import { openUniApp } from '@dcloudio/uni-app-x-vapor-runtime'
+import { openUniApp } from '@dcloudio/uni-app-x-runtime'
 
 @Entry
 @Component
@@ -140,7 +167,7 @@ struct Index {
     RelativeContainer() {
       Button('Open')
         .onClick(() => {
-          const app = openUniApp('你的APPID', {
+          openUniApp('你的APPID', {
             animationType: 'fade-in',
           })
         })
@@ -167,6 +194,43 @@ setTimeout(() => {
 }, 3000)
 ```
 
+## 显示与隐藏
+
+蒸汽模式可以通过应用实例的 `show()` 和 `hide()` 方法，显示或隐藏已打开的 uni-app x 应用。
+
+```ts
+const app = openUniApp('你的APPID', {
+  animationType: 'fade-in',
+})
+
+app.hide({
+  animationType: 'slide-out-right',
+  animationDuration: 300,
+})
+
+app.show({
+  animationType: 'slide-in-right',
+  animationDuration: 300,
+})
+```
+
+## 监听实例事件
+
+蒸汽模式可以使用 `on()` 监听应用的显示、隐藏和关闭事件，使用 `off()` 移除监听。
+
+```ts
+const app = openUniApp('你的APPID')
+
+const onShow = () => {
+  console.log('uni-app x 应用已显示')
+}
+
+app.on('show', onShow)
+
+// 不再需要监听时，传入同一个回调函数移除监听
+app.off('show', onShow)
+```
+
 ## 通信
 
 可以使用 [Emitter 模块](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-emitter?ha_source=Dcloud&ha_sourceId=89000448)进行消息通信。

package/data/uni-app-x-docs/navbar.md

@@ -0,0 +1,82 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 导航组件
+
+# 标题导航 TmNavbar
+
+标题导航,用途页面头部标题。可以默认透明，滚动实现背景可变的标题导航。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/navbar"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/navbar.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| isPlace | boolean | true | 是否底部占位内容，如果为false底部悬空。你的页面内容将自动压在导航栏的底部。 | 
+| bgColor | string | 'white' | 背景颜色，注意这是静态时的背景色。 | 
+| darkBgColor | string | "#000000" | 暗黑的背景颜色。 | 
+| activeBgColor | string | '' | 背景颜色，这是滑动时超过指定本状态栏高度时自动渐变到此颜色如果为空时，不会有动态背景如果提供的是白或者黑，暗黑时自动取反。 | 
+| backColor | string | '' | 返回按钮的颜色.默认是取titleColor，如果你单独定义了以你定义的为准 | 
+| title | string | $i18n.t('tmui32x.tmNavbar.title') | 标题 | 
+| titleColor | string | '#333333' | 默认标题颜色，暗黑是取白，如果有其它需求建议插槽。 | 
+| titleActiveColor | string | '#333333' | 动态悬浮时标题颜色,如果为暗黑时，你提供的颜色为白或者黑会反色如果提供的是彩色自动加深或者提亮 | 
+| titleFontSize | string | '34' | 标题文字大小 | 
+| lrWidth | string | '100' | 右边的宽度。 | 
+| llWidth | string | '100' | 左边的宽度。 | 
+| zIndex | number | 90 | 层级。 | 
+| backErrorPath | string | '/pages/index/index' | 左边按钮默认点击返回上页。但如果上页返回失败（通常见于直接程序启动本面，无法进行上页返回时）失败后返回的页面。默认是首页。 | 
+| showNavBack | boolean | true | 是否显示返回按钮。 | 
+| linearGradient | string[] | ():string[]=\>[]asstring[] | 渐变背景，如果提供，上面的BgColor背景和暗黑背景将失效。例：['toright','#ff667f','#ff5416'] | 
+| linearActiveGradient | string[] | ():string[]=\>[]asstring[] | 动态悬浮时的渐变背景，提供后上面的activeBgColor的背景和暗黑背景将失效。例：['toright','#ff667f','#ff5416'] | 
+| staticTransparent | boolean | false | 静态在顶部时是否透明背景 | 
+| scrollTop | number | 0 | 如果需要悬浮滚动请在外部页面中监听onPageScroll事件，并把值传到这里。3.2.05开始已经废弃，存在只为兼容之前的版本但已经没有作用了，现在改为内部实现，不需要外部提供。 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| fiexdChange | - | - | 当滚动页面时，导航栏位置
+与滚动之间的距离差比（0~1）
+0表示在顶部，1表示已经超过了导航高
+主要是用来类型滚动时设置导航顶部的一些布局变化。 | 
+| init | 名称：height,单位px,组件高。, | - | 初始化完成向下发送一个事件用于告知本组件实际的高 | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| left | 名称：binding,isFiexd 类型：boolean 
+ | 左边插槽 | 
+| title | - | 标题插槽 | 
+| right | 名称：binding,isFiexd 类型：boolean 
+ | 右边插槽 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/page.md

@@ -307,6 +307,7 @@ onShow和onHide是成对出现的。
 
 ::: warning 注意
 - iOS 平台蒸汽模式开启下拉刷新会触发页面 `onPageScroll` 生命周期，此时 `scrollTop` 为负值。
+- 微信小程序为了性能，`onPageScroll` 默认关闭，只有页面存在 `onPageScroll` 代码时，才会主动开启，此时子组件才能监听到
 :::
 
 ### 页面 onBackPress 生命周期 @onbackpress

package/data/uni-app-x-docs/picker-date.md

@@ -0,0 +1,75 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 日期选择器 TmPickerDate
+
+可以设置为年月日,并设置精确到秒。默认的开始时间为当前时间的上一年，结束时间为默认当前时间
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-date"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-date.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | string | "" | 当前时间,与modelStr不同，此提供的值必须是正常的时间格式否则报错，无法运行。 | 
+| formatSyncValue | boolean | false | 是否将format格式化的v-model:modelStr同步到v-model:modelValue默认false,注意：如果开启了同步，你要确保format的值是正常的时间值正常兼容以下时间格式：YYYY,YYYY-MM,YYYY-MM-DD,YYYY-MM-DDHH,YYYY-MM-DDHH:mm,YYYY-MM-DDHH:mm:ss | 
+| modelStr | string | "" | 当前时间经过format格式化后输出的值。此值不会处理输入，只输出显示。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| title | string | $i18n.t('tmui32x.tmPickerDate.title') | 顶部标题 | 
+| start | string | "" | 开始时间，请提供正确的时间格式 | 
+| end | string | "" | 结束时间，请提供正确的时间格式 | 
+| type | ModelType | "day" | 精确到的级别year:年month:年月day:年月日hour:年月日小时minute:年月日小时分钟second:年月日小时分钟秒 | 
+| format | string | "YYYY-MM-DD" | 输出时间格式，只对v-model:modelStr有效有效格式：YYYY年MM月DD日hh小时mm分钟ss秒 | 
+| cellUnits | string[] | ():string[]=\>[$i18n.t('tmui32x.tmDateView.cellUnits.year'),$i18n.t('tmui32x.tmDateView.cellUnits.month'),$i18n.t('tmui32x.tmDateView.cellUnits.day'),$i18n.t('tmui32x.tmDateView.cellUnits.hour'),$i18n.t('tmui32x.tmDateView.cellUnits.minute'),$i18n.t('tmui32x.tmDateView.cellUnits.second')] | 上方的单位名称 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。如果选择数据较少没有必要打开 | 
+| showClose | boolean | false | - | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| cancel | - | - | 取消时触发 | 
+| confirm | 名称：date,当前选中时间id值, | - | 确认触发 | 
+| change | 名称：date,当前选中时间, | - | 滑动变换时触发 | 
+| update:modelShow | - | - | 变量控制打开状态
+等同v-model:model-show | 
+| update:modelStr | - | - | 经格式化后的值。等同v-model:model-str | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | 插槽,默认触发打开选择器。你的默认布局可以放置在这里。 | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+

package/data/uni-app-x-docs/picker-selected.md

@@ -0,0 +1,75 @@
+---
+title: tmui 3.2.0 组件库
+---
+
+<script setup>
+import webview from '../components/mobileWebview.vue'
+import headertips from '../components/headertips.vue'
+</script>
+
+<headertips></headertips>
+
+#### 表单组件
+
+# 搜索选择 TmPickerSelected
+
+弹层式大数据列表筛选，搜索。可异步加载数据。可针对本地搜索及异步搜索加载数据，虚拟列表支持。
+
+## :hot_pepper: 示例
+
+<webview url="https://tmui.design/h5by32/#/pages/index/picker-selected"></webview>
+
+::: details 示例模板
+
+<<< ../../../src/pages/index/picker-selected.vue{vue}
+
+:::
+
+## :hot_pepper: 兼容性
+
+平台兼容
+|H5|uniAPP|小程序|version|
+|---|---|---|---|
+|☑️|☑️|☑️|☑️|☑️|1.0.0|
+
+## :seedling: 参数
+| 参数名 | 类型 | 默认值 | 描述 |
+| :--: | :--: | :--: | :-- |
+| modelValue | Array\<string \| number\> | ()=\>[] | 当前选中的数据，any数组string[],number[]否则报错，无法运行。 | 
+| modelShow | boolean | false | 当前打开的状态。等同v-model:model-show | 
+| modelStr | Array\<string\> | ()=\>[] | 回显当前选中的文本，只输出等同v-model:model-str | 
+| title | string | $i18n.t('tmui32x.tmPicker.title') | 顶部标题 | 
+| filterKey | string | "text" | 搜索的字段名称 | 
+| labelKey | string | "text" | 显示文本的字段 | 
+| idKey | string | "id" | 列表字段的唯一标识注意它的数据是number类型. | 
+| list | Array\<Record\<string, any\>\> | ()=\>[] | 数据列表。 | 
+| localSearch | boolean | true | 默认采用本地对list的结果集进行筛选搜索。如果禁用，你可以自行通过search事件来搜索并赋值给list更新结果。 | 
+| multiple | boolean | true | 是否允许多选 | 
+| lazyContent | boolean | false | 是否懒加载内部内容。当前你的列表内容非常多，且影响打开的动画性能时，请务必设置此项为true，以获得流畅视觉效果。 | 
+| lazyDuration | number | 100 | lazyContent的延迟时间单位ms如果你的app效果不行，请加大此值 | 
+| disabled | boolean | false | 是否禁用弹层 | 
+
+
+## :rose: 事件
+| 事件名 | 参数 | 返回数据 | 描述 |
+| --- | --- | --- | --- |
+| search | 名称：keyword,搜索的关键词, | - | 搜索时触发 | 
+| confirm | 名称：ids,选中的ids结果集,名称：data,选中的数据结果集, | - | 确认选择时触发 | 
+| cancel | - | - | 取消搜索时触发 | 
+| open | - | - | 显示弹层时触发，可以用来在此第一次加载list异步数据。 | 
+| update:modelShow | - | - | 变量控制打开状态等同v-model:model-show | 
+| update:modelStr | - | - | 自动回显文本数组，此属性只对外输出。 | 
+| update:modelValue | - | - | - | 
+
+
+## :corn: slot插槽
+| 插槽名 | 数据 | 描述 |
+| :--: | :--: |  :-- |
+| default | - | - | 
+
+
+## :green_salad: ref方法
+| 方法名 | 参数 | 返回值 | 描述 |
+| :--: | :--: | :--: | :-- |
+
+