@shijiu/jsview-vue 2.3.0 → 2.3.728-alpha.0

package/dist/types/utils/JsViewEngineWidget/MetroWidget/MetroWidget.vue.d.ts

@@ -0,0 +1,751 @@
+/** 
+ + @file {@link file://./../../../../utils/JsViewEngineWidget/MetroWidget/MetroWidget.vue}
+ */
+
+/**
+ * @file 
+ *
+ * 【界面概述】
+ * 展示MetroWidget控件的用法
+ *
+ * 【控件介绍】
+ * MetroWidget:
+ *    props:
+ *      top {int} 控件的y，默认为0
+ *      left {int} 控件的x， 默认为0
+ *      width {int} (必选)控件的宽
+ *      height {int} (必选)控件的高
+ *      layoutType {String} 布局的类型, 目前支持 "relative"(默认)|"absolute", relative为自动布局, 
+                            absolute为依据measures中给的top, left布局
+ *      
+ *      name {string} 用于设置焦点的名称
+ *      padding {object} 控件内边距，默认为{left: 0, right: 0, top: 0, bottom: 0}, 
+                        用于压缩滚动判定区域(可视区域), 以达到扩大Clip区域,解决放大的焦点元素被Clip掉的问题
+ *      direction {enum} (必选)控件方向 HORIZONTAL/VERTICAL, 子格子的延展方向, vertical代表一行一行来排布纵向无限延展, horizontal为一列列排横向无限
+ *      focusMoveType {int} 焦点移动的模式, 可通过 | 运算进行组合. 这些常量在FocusMoveType对象中, 需要import { FocusMoveType } from 'jsview'
+                          NO_ADJUST: 无特殊处理
+                          COLUMN_LOOP: 到达列首/尾后跳转到上/下一列, 只在direction=水平时生效
+                          ROW_LOOP: 到达行首/尾后跳转到上/下一行, 只在direction=竖直时生效
+                          COLUMN_FIND_NEAR: 一列中没有下一个元素时是否跳转到相邻列, 只在direction=水平时生效
+                          ROW_FIND_NEAR: 一行中没有下一个元素时是否跳转到相邻行, 只在direction=竖直时生效
+ *      keepTraceRange { number } 可视区域前后多少屏的item在移出可视范围后不释放(默认移出可视区域的item会被释放)
+ *      initFocusId {int} 初始焦点，默认为0
+ *      slideSetting {SlideSetting} 页面滑动的设置, 滚动的判定区域是MetroWidget的宽高去除padding后的区域, 
+                                    目前SlideSetting有三个子类, 具体见如下
+                                    WholePageSlide
+                                      @description 整页滚动的设置类
+                                      @constructor {Object} {speed, easing, boundProtect}
+                                    SeamlessSlide
+                                      @description 无缝滚动的设置类
+                                      @constructor {Object} {
+ *                                      startPercent: 左/上侧触发滚动的比例 0-1
+ *                                      endPercent: 右/下侧触发滚动的比例 0-1, 从起点计数, 末尾为1.0
+ *                                      headRange: 左/上按键触发滚动的区域比例 0-1
+ *                                      tailRange: 右/下按键触发滚动的区域比例 0-1 从终点计数，末尾为0
+                                                startPercent/endPercent 和 headRange/tailRange 二选一
+*                                      speed: 滚动速度, 像素/毫秒
+*                                               用于计算duration的辅助值, 因为MetroWidget每个行间可能距离不一样;
+*                                               当 duration 未显式指定时, 会根据speed按匀速反算duration
+*                                      duration: 动画时长(毫秒)。当 duration 为 number 时优先于 speed；
+*                                               若为 null/不传则按 speed 计算时长
+*                                      easing(String): 滚动动画的easing，可不填(实现中默认为空字符串)；
+*                                                      非匀速时推荐为 "cubic-bezier(X, X, X, X)"
+ *                                      boundaryProtect: 确定滚动位置能否小于0或者大于最大长度, 默认值为 START_PROTECT | END_PROTECT, 即都开启
+                                                  START_PROTECT: 是否要让头部卡在边缘而不是滚动到headRange的位置
+                                                  END_PROTECT: 是否要让尾部卡在边缘而不是滚动到tailRange的位置
+                                                  若不开启, 则slide出来的项目可能不是完整的项目, 而是以焦点元素的边缘对齐range(head或者tail)的百分比位置
+                                                  对齐其百分比值的方案为, 往head滑动时, 用起始边缘对准headRange, 往tail滑动时, 也是用起始边缘对准tailRange
+ *                                      fixFirstPage: 默认为false, 代表第一屏不滚动, 当到第一屏边缘开始才按照正常的无缝滚动逻辑滚动, 
+                                                   若回到第一屏区域时则会把第一屏完整的滚动回来
+ *                                    }
+                                    FixPositionSlide(废弃)
+                                      @description 固定位置滚动的设置类
+                                      @constructor {Object} {fixPercent, speed, easing, boundProtect}
+ *      itemConfig {Function (item) => {takeOverSlide: true}} 返回item的配置信息
+ *      enableItemRenderBreak {boolean} 这个骨架图的开关, 默认为false
+                                        开启后, 
+                                        1. MetroWidget首次展示时, 所有item均以骨架图绘制
+                                        2. 用户输入事件(例如按键输入)可打断正在进行的item描画解析, 
+                                        处于打断状态时, 剩余未绘制的item不会绘制其内容而是显示这个位置的骨架图
+ *      placeHolderSetting {Object} item描画可打断时, 显示的占位符
+                                    {
+                                      backgroundColor: 纯色占位符
+                                      focusBackgroundColor: 获焦时的颜色
+                                      borderRadius: 占位符圆角设置
+                                      gap: 占位符之间的gap
+                                      logoUrl: 占位符logo的url
+                                      logoWidth: 占位符logo的宽度
+                                      logoHeight: 占位符logo的高度
+                                    }
+ *      sendFocusRectEvent {boolean} item获焦时在焦点树上冒泡一个事件, MetroWidget接收到事件时会触发滚动操作, 一般用于嵌套
+                                     时的滚动
+
+ *      data {array} 数据列表
+ *      provideData {function} 获取数据的回调, 与data二选一
+ *      measures {function} (必选)返回item的模板信息的回调,
+ *                              @params item {object} data中的数据
+ *                              @return 模板信息，
+                                        {
+                                          left {int}: 绝对布局时的left,
+                                          top {int}: 绝对布局时的top,
+                                          width {int}: item的宽,
+                                          height {int}: item的高,
+                                          focusable {boolean}: item是否可以获得焦点,
+                                          marginBottom {int}: item的下方margin,
+                                          marginRight {int}: item的右方margin,
+                                          findNextAnchor {object}: 自定义上下左右四条边寻找临近item的基准位置，值为0-1 {left: 0.5, right: 0.5, top: 0.5, bottom: 0.5}
+                                          itemSlide {number}: item的滚动控制, 可选值为:
+                                            METRO_WIDGET_CONST.ITEM_SLIDE.DISABLE 不滚动
+                                            METRO_WIDGET_CONST.ITEM_SLIDE.ACT_ITEM_FOCUS 按照SlideSetting滚动
+                                            METRO_WIDGET_CONST.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT 按照子组件发送的focusRect事件滚动
+                                          zIndex {int | object}: item的zIndex, 为object时可以分别设置{focus: 0, normal: 0}, 为number时则同时设置获焦和不获焦的zIndex,
+                                          uid {string}: item的uid, 可以通过uid来设置焦点
+                                          permanent {boolean}: 离开可视范围后, 是否保留
+                                          enableTap {boolean}: 是否接受触控tap, 需要触控模式时设为true
+                                          showSkeleton {boolean}: 打断描画时, 是否显示为骨架图, 默认为true
+                                          enableLongPress {boolean}: item是否支持长按, 默认值为props.enableLongPress
+                                          placeHolderLayout{{left: number, top: number, width: number, height: number, logoWidth: number, logoHeight: number}}: 
+                                            占位符的布局微调:
+                                              left: 占位符的left偏移量, 可不填, 默认等于格子布局的左上角位置(0px)
+                                              top: 占位符的top偏移量, 可不填, 默认等于格子布局的左上角位置(0px)
+                                              width: 占位符的width, 可不填, 默认等于格子布局的宽度(和placeHolderLayout平级的width设定)
+                                              height: 占位符的height, 可不填, 默认等于格子布局的高度(和placeHolderLayout平级的height设定)
+                                              logoWidth: 占位符的logoWidth偏移量, 可不填, 默认等于props.placeHolderSetting的LogoWidth
+                                              logoHeight: 占位符的logoHeight偏移量, 可不填, 默认等于props.placeHolderSetting的LogoHeight
+                                          bindSpatialNav {boolean}: 是否绑定空间导航, 默认值为false
+                                        }
+ *
+ *      onFocus {function} 控件获取焦点的回调
+ *      onBlur {function} 控件失去焦点的回调
+ *      onEdge {function} 焦点移动到边缘时的回调
+ *              @params {object} edgeInfo {
+                                            "direction": {EdgeDirection}边缘方向, 
+                                            "rect": 到达边缘时的区域{x: 0, y: 0, width: 0,height: 0}
+                                          }
+        onScroll {function} 滚动时的回调, 此为异步回调, 可以进行refreshData, slideTo, updateItemSize等操作 
+                                (visibleStart, visibleRange, totalSize) => {}
+                                visibleStart: 可视区域的起点
+                                visibleRange: 可视区域大小(不含padding)
+                                totalSize: 所有item的总长
+        syncOnScroll {function} 滚动时同步的回调，只用来触发与自身无关的操作,不要调用自身的refreshData, slideTo, updateItemSize等方法 
+                                (visibleStart, visibleRange, totalSize) => {}
+                                visibleStart: 可视区域的起点
+                                visibleRange: 可视区域大小(不含padding)
+                                totalSize: 所有item的总长
+ *      onFocusRectChange {() => void} 焦点区域变化的回调
+ *      onAllItemResizeDone {() => void} 所有item resize完成的回调
+ *      onFocusChange {(id: number) => void} 焦点变化的回调
+ *      loadAll {boolean} 加载不显示的view，触控场景使用
+ *      flingPageWidth {number} Fling 手势分页宽度（像素），-1 表示使用默认策略
+ *      flingPageEdge {number} Fling 边缘触发区域比例（0-1），默认 1/4
+ *      disableClip {boolean} 取消显示范围的clipView
+ *      touchFlag {int} 触控的开关, 0:关闭, 1:打开. 打开后支持drag, fling; item的tap则由measuresObject的enableTap控制
+ *      mouseFlag {int} 鼠标滚轮的开关, 0:关闭, 1:打开. 打开后支持鼠标滚轮滚动
+ *      mouseConfig {Object} 鼠标配置, 仅在mouseFlag为1时生效
+                                    {
+                                      wheelRate: {number} 鼠标滚轮滚动速度, 默认值为10
+                                    }
+ *      enableLongPress {boolean} 支持长按, 长按模式下, onkeyup时触发onclick, 长按触发后, onclik不触发
+ *      enableDebug {boolean} 显示debug用的item框
+ *      renderAcc {boolean} 是否使用Fbo加速渲染
+ *      fullDisplayMode {boolean} 是否全屏显示
+ *      onSizeChange {function} 尺寸变化时的回调, 仅在fullDisplayMode为true时生效
+ *      onTouchFocus {function} 有触控的时候回调
+ *      onMouseEnter {function} 鼠标进入的时候回调
+ *      onMouseLeave {function} 鼠标离开的时候回调
+ 
+ *    methods:
+        getFocusBlockRef 获取此MetroWidget的 jsv-focus-block句柄，可以使用requestFocus完成获焦
+
+        slideTo
+          @description 滚动到指定位置
+          @params {int} position 滚动目标位置
+          @params {boolean} doAnim 是否做动画
+        slideToItem
+          @description 滚动到指定item
+          @params {int} index 目标item的index, 注意与item的id区别, id是可获焦item的序号
+          @params {boolean} doAnim 是否做动画
+        slideToDiv
+          @description 滚动到指定div, div必需是MetroWidget的子
+          @params {object} div 目标div
+          @params {boolean} doAnim 是否做动画
+        setEnterFocusId
+          @description 设置落焦时的焦点
+          @params {int} id 落焦时的焦点id
+        setEnterFocusRect
+          @description 设置落焦时的焦点查找去区域
+          @params {Object} rectInfo 焦点移入时的区域,MetroWidget 将会根据此区域寻找最近的item
+                            {
+                              direction: {EdgeDirection}
+                              rect: {
+                                x: {int},
+                                y: {int},
+                                width: {int},
+                                height: {int}
+                              }
+                            }
+        setFocusId
+          @description 设置焦点
+          @params {int} id 焦点id
+          @params {boolean} needSlide 是否需要滚动
+          @params {boolean} doAnim 滚动时是否做动画
+          @params {object} extraSetting 额外的参数设置
+                                          {
+                                            lockChildSlideEvent: {boolean} 设置焦点时忽略子发过来的滚动事件
+                                          }
+        setFocusByUid
+          @description 通过uid设置焦点
+          @params {int} id 焦点id
+          @params {boolean} needSlide 是否需要滚动
+          @params {boolean} doAnim 滚动时是否做动画
+          @params {object} extraSetting 额外的参数设置
+                                          {
+                                            lockChildSlideEvent: {boolean} 设置焦点时忽略子发过来的滚动事件
+                                          }
+        refreshData
+          @description  刷新数据, 只有存在provideData时才会生效
+                        当refresh时，根据下面的数据对比规则找出变化的数据
+                        refresh时的对比逻辑:
+                          1. 对比array里的object是否是同一个对象
+                          2. 对比array里的jsvKey字段, 若一致则认为该数据未改变，即使object不相同
+                        发现array中存在数据变化时，会如下的场景进行处理
+                          场景1: array内部的数据变化了，无论末尾有没有增加: 变化的项目会重新触发measure, 
+                                若measure返回尺寸变化则调用所有项目measure重做布局  
+                                若measure返回尺寸未变化，则仅对变化项目的div进行key的调整来触发item的remount
+                          场景2: array内部未变化，仅array末尾新增内容: 对末尾内容的项目做measure，布局进行追加处理，原布局内容保持(节省性能)
+                        特别说明: jsvKey的使用方法提示
+                          1. 用lastModify设置jsvKey，并将所有的item设置成同一个jsvKey，后续局部更新项目的jsvKey代表的lastModify
+                          2. 后台运营对于素材是只新增不改动的策略时，用素材的id来命名jsvKey，array中间位置素材变化的时候，
+                             更换jsvKey，以达到局部更新的目的，防止全体更新，从而提高响应的性能
+                        
+          @params {boolean} forceUpdate 是否强制刷新
+        getVisibleItems
+          @description 获取可视item的列表信息
+          @return {start: 开始的index, end: 结束的index, dataList: 可视item的数据列表}
+        lock
+          @description 设置内部的锁
+          @params {int} type 锁的类型, 通过|来实现多个类型的复合
+                              SLIDE: 滚动动画锁
+                              CHILD_SLIDE_EVENT: 子组件发送的滚动事件锁
+                              ON_KEY_DOWN: 按键锁
+          @return {function} 解锁的函数
+        unlock
+          @description 解锁
+          @params {int} type 参考lock的type参数
+        moveFocus
+          @description 移动焦点
+          @params {int | string | EdgeDirection} 可传三种类型的值: 
+                                                  1. 方向键的数值 37|38|39|40, 
+                                                  2. 字符串 left|top|right|bottom,
+                                                  3. EdgeDirection
+        getCustomerDataSize
+          @description 获取用户数据长度
+        getCurrentFocusIndex
+          @description 获取当前获焦item的index
+        setZIndex
+          @description 设置item的zIndex
+          @params {int} index: item的index
+          @params {int} blurZIndex: blur状态下的zIndex
+          @params {int} focusZIndex: focus状态下的zIndex, 缺省时采用blurZIndex相同的值
+        getTemplatePosition
+          @description 获取item的template位置
+          @params {int} index: item的index
+          @return {object} {left: number, top: number, width: number, height: number,}
+        lockSlide
+          @description 锁定滚动
+        unlockSlide
+          @description 取消锁定
+        setSlideSetting
+          @description 设置slideSetting
+          @params { SlideSetting | null } setting 滚动设置, 为null时使用props.slideSetting
+        cancelDelayLoad
+          @description 取消延迟加载首屏以外内容
+        setSensorSensitivity
+          @description 触控模式下, 设置运动回调敏感度, 每移动多少像素进行回调，适当放大(推荐10以上)可以极大减小对js回调过多引起的性能降低
+          @params {number} sensitivity 敏感度, 等于0时关闭触控的移动监听
+        getItemLayoutInfo
+          @description 获取 item 的布局位置信息, index对应的item不存在时, 返回null
+          @params {number} index item 的 index
+          @return {object} {left: number, top: number, width: number, height: number} | null
+        tmpDisableRenderBreak
+          @description 临时设置是否打断描画, 一般用于防止刷新数据导致闪烁
+        cleanFocusStatus
+          @description 清除焦点状态
+        getItemVisibleState
+          @description 获取 item 的可见状态
+          @params {object} leftTop 左上角坐标
+          @params {object} rightBottom 右下角坐标
+          @return {array} 可见状态列表
+        getParentWidgetHandler
+          @description 获取父MetroWidget的handler对象
+          @return {object} 父MetroWidget对象
+  slots:
+    renderItem: 该slot用于描画MetroWidget的item内容
+      slotProps: {
+        data: {Object} 当前item的数据
+        query: {Object} 获取一些额外信息的对象
+          { 
+            id: {int} item的id,
+            position: {Function} (index : int) => {left: 0, top: 0, width: 0, height: 0} 
+                      获取 item 相对 MetroWidget 左上角坐标
+            templatePosition: {Function} (index : int) => {left: 0, top: 0, width: 0, height: 0} 
+                              获取 item 的布局坐标, 一般用于自定义滚动
+            getCurrentFocusId: {Function} () => {id: 0, index: 0} 
+                                获取当前焦点信息，id 为在可获得焦点元素列表中的索引，index 为在所有元素列表中的索引
+            slideTo: {Function} (targetPosition : int, doAnim : Boolean) => void 
+                      滚动到指定位置，注意这个位置是 item 的布局坐标，另外当某些item需要接管滚动时，itemConfig中takeOverSlide要为true。
+            updateItemSize: {(index: number, newSize: {width: number, height: number}, animInfo: {anchor: number, duration: number, onEnd: Function}) => void} 更新item的尺寸, 目前仅在list模式下可用.
+                    params:
+                      index: 更新item的index,
+                      newSize: 新的尺寸
+                      animInfo: 动画设置
+                        anchor: 缩放锚点
+                        duration: 动画时长(毫秒)
+                        onEnd: 动画结束回调
+            widgetHandler: {Object} 获取MetroWidget的handler对象
+          }
+        onAction: {Object} 单元格内控件需要通过onAction.register方法向MetroWidget注册 item 的回调, 回调函数有:
+            onFocus: {Function} widget获焦状态下, item获焦的回调
+            onBlur: {Function} widget获焦状态下, item失焦的回调
+            onGaze: {Function} item获焦的回调, 无论widget是否为获焦状态, 此时该item绘制的zIndex会高于其他item, 可盖住其他item
+            onIgnore: {Function} itemh失焦的回调, 无论widget是否为获焦状态, 此时item从高zIndex降回原值, 继续遵照index变化越高zIndex越高的顺序
+            onClick: {Function} item点击的回调
+            onWidgetEdge: {Function} 到达边缘的回调
+            onLongPress: {Function} item长按的回调
+        onItemEdge: {Function} 若单元格内另有可接管按键的控件（如MetroWidget），该控件到达边缘需要通知MetroWidget时的回调
+      }
+    background: 该slot描画在item后, 一般用于描画需要跟随MetroWidget滚动的内容
+    foreground: 该slot描画在item前, 一般用于描画需要跟随MetroWidget滚动的内容
+ * 【技巧说明】
+ * Q: 如何进行布局，定制每个格的尺寸？
+ * A: 首先选定一个布局的方式，一列列地横向布局(HROIZONTAL)还是一行行地纵向(VERTICAL)布局，设置给属性direction
+ *    然后将单元格尺寸反馈器(函数)设置到measures中，进行布局时，组件会回调measures函数获得每个单元格的尺寸，
+ *    当一列放满单元格后(如果是纵向布局，则是一行放满后)，自动换列去布局下一列。
+ *
+ * Q: 单元格的普通状态，焦点状态，失焦状态如何渲染？
+ * A: 在单元的空间中通过往onAction注册的onFocus，onBlur控制显示
+ *
+ * Q: 控件中的导航处理(上下左右，OK键)需要什么响应的开发？
+ * A: 上下左右键已经由控件接管，不需要开发者而外处理，上下左右键会触发翻页时间，翻页的形式由属性slideStyle来定制。
+ *    另外，通过OnClick属性可以注册按键回调函数，来处理用户的OK键动作。
+ *
+ * Q: 边缘格获取焦点放大后显示不全？
+ * A: 设置padding，注意item的排布范围是控件的宽高减去对应的padding
+ *
+ * Q: 焦点怎么移出控件？
+ * A: 当焦点移动到控件边缘时，会调用onEdge回调。在回调中通过参数传递的值来决定焦点转移的行为
+ * 
+ * Q: item内是可获焦的元素时该如何处理?
+ * A: 焦点处理: item内的元素需要在注册的onFocus和onBlue回调中管理焦点. 即在onFocus时把焦点设置到内部的可获焦节点;
+      onBlur时将焦点给回父MetroWidget, 注意此时是焦点树上的子节点往父节点切换, 此时为了把子节点blur掉, 
+      requestFocus函数需要传递一个false参数
+ * Q: 如何校验元素重复导致的问题
+ * A: 通过MetroWidgetDebugger.enableOverlapCheck(true)来开启元素重复校验，开启后每次addItem会检查新加入的item与之前所有item的内容矩形（不含margin）是否重叠，重叠则errorLogger报错。导入方式为import { MetroWidgetDebugger } from "jsview";
+ * 注意点:
+ *    1. MetroWidget中存在一些处理依赖vue的callback执行顺序, 因此涉及更改MetroWidget状态的处理不要在watchPostEffect中调用
+*/
+
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+            lockSlide: () => void;
+            unlockSlide: () => void;
+            lock: (type: any) => () => void;
+            unlock: (type: any) => void;
+            refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+            moveFocus: (direction: any) => void;
+            slideTo: (position: any, doAnim: any) => void;
+            slideToItem: (index: any, doAnim: any) => void;
+            slideToDiv: (div: any, doAnim: any) => void;
+            setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+            setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+            setEnterFocusId: (id: any) => void;
+            setEnterFocusRect: (rect: any) => void;
+            setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+            getFocusBlockRef: () => any;
+            getVisibleItems: () => {
+                start: number;
+                end: number;
+                dataList: any[];
+            };
+            getCustomerDataSize: () => number;
+            getCurrentFocusIndex: () => number;
+            getTemplatePosition: (index: any) => {
+                left: any;
+                top: any;
+                width: any;
+                height: any;
+            } | null;
+            setSlideSetting: (setting: any) => void;
+            cancelDelayLoad: () => void;
+            setSensorSensitivity: (sensitivity?: number) => void;
+            getItemLayoutInfo: (index: any) => {
+                left: any;
+                top: any;
+                width: any;
+                height: any;
+            } | null;
+            tmpDisableRenderBreak: () => void;
+            getItemVisibleState: (leftTop: any, rightBottom: any) => {
+                name: any;
+                index: number;
+                visibleState: string;
+                children: any;
+                widgetHandler: {
+                    lockSlide: () => void;
+                    unlockSlide: () => void;
+                    lock: (type: any) => () => void;
+                    unlock: (type: any) => void;
+                    refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+                    moveFocus: (direction: any) => void;
+                    slideTo: (position: any, doAnim: any) => void;
+                    slideToItem: (index: any, doAnim: any) => void;
+                    slideToDiv: (div: any, doAnim: any) => void;
+                    setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+                    setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+                    setEnterFocusId: (id: any) => void;
+                    setEnterFocusRect: (rect: any) => void;
+                    setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+                    getFocusBlockRef: () => any;
+                    getVisibleItems: () => {
+                        start: number;
+                        end: number;
+                        dataList: any[];
+                    };
+                    getCustomerDataSize: () => number;
+                    getCurrentFocusIndex: () => number;
+                    getTemplatePosition: (index: any) => {
+                        left: any;
+                        top: any;
+                        width: any;
+                        height: any;
+                    } | null;
+                    setSlideSetting: (setting: any) => void;
+                    cancelDelayLoad: () => void;
+                    setSensorSensitivity: (sensitivity?: number) => void;
+                    getItemLayoutInfo: (index: any) => {
+                        left: any;
+                        top: any;
+                        width: any;
+                        height: any;
+                    } | null;
+                    tmpDisableRenderBreak: () => void;
+                    getItemVisibleState: any;
+                    getCurrentVisibleRange: () => {
+                        leftTop: {
+                            x: number;
+                            y: number;
+                        };
+                        rightBottom: {
+                            x: any;
+                            y: any;
+                        };
+                    };
+                    cleanFocusStatus: () => void;
+                    getParentWidgetHandler: () => any;
+                    getName: () => any;
+                };
+                focusable: any;
+            }[];
+            getCurrentVisibleRange: () => {
+                leftTop: {
+                    x: number;
+                    y: number;
+                };
+                rightBottom: {
+                    x: any;
+                    y: any;
+                };
+            };
+            cleanFocusStatus: () => void;
+            getParentWidgetHandler: () => any;
+            getName: () => any;
+            $props: {
+                [x: string]: any;
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{
+        lockSlide: () => void;
+        unlockSlide: () => void;
+        lock: (type: any) => () => void;
+        unlock: (type: any) => void;
+        refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+        moveFocus: (direction: any) => void;
+        slideTo: (position: any, doAnim: any) => void;
+        slideToItem: (index: any, doAnim: any) => void;
+        slideToDiv: (div: any, doAnim: any) => void;
+        setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+        setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+        setEnterFocusId: (id: any) => void;
+        setEnterFocusRect: (rect: any) => void;
+        setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+        getFocusBlockRef: () => any;
+        getVisibleItems: () => {
+            start: number;
+            end: number;
+            dataList: any[];
+        };
+        getCustomerDataSize: () => number;
+        getCurrentFocusIndex: () => number;
+        getTemplatePosition: (index: any) => {
+            left: any;
+            top: any;
+            width: any;
+            height: any;
+        } | null;
+        setSlideSetting: (setting: any) => void;
+        cancelDelayLoad: () => void;
+        setSensorSensitivity: (sensitivity?: number) => void;
+        getItemLayoutInfo: (index: any) => {
+            left: any;
+            top: any;
+            width: any;
+            height: any;
+        } | null;
+        tmpDisableRenderBreak: () => void;
+        getItemVisibleState: (leftTop: any, rightBottom: any) => {
+            name: any;
+            index: number;
+            visibleState: string;
+            children: any;
+            widgetHandler: {
+                lockSlide: () => void;
+                unlockSlide: () => void;
+                lock: (type: any) => () => void;
+                unlock: (type: any) => void;
+                refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+                moveFocus: (direction: any) => void;
+                slideTo: (position: any, doAnim: any) => void;
+                slideToItem: (index: any, doAnim: any) => void;
+                slideToDiv: (div: any, doAnim: any) => void;
+                setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+                setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+                setEnterFocusId: (id: any) => void;
+                setEnterFocusRect: (rect: any) => void;
+                setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+                getFocusBlockRef: () => any;
+                getVisibleItems: () => {
+                    start: number;
+                    end: number;
+                    dataList: any[];
+                };
+                getCustomerDataSize: () => number;
+                getCurrentFocusIndex: () => number;
+                getTemplatePosition: (index: any) => {
+                    left: any;
+                    top: any;
+                    width: any;
+                    height: any;
+                } | null;
+                setSlideSetting: (setting: any) => void;
+                cancelDelayLoad: () => void;
+                setSensorSensitivity: (sensitivity?: number) => void;
+                getItemLayoutInfo: (index: any) => {
+                    left: any;
+                    top: any;
+                    width: any;
+                    height: any;
+                } | null;
+                tmpDisableRenderBreak: () => void;
+                getItemVisibleState: any;
+                getCurrentVisibleRange: () => {
+                    leftTop: {
+                        x: number;
+                        y: number;
+                    };
+                    rightBottom: {
+                        x: any;
+                        y: any;
+                    };
+                };
+                cleanFocusStatus: () => void;
+                getParentWidgetHandler: () => any;
+                getName: () => any;
+            };
+            focusable: any;
+        }[];
+        getCurrentVisibleRange: () => {
+            leftTop: {
+                x: number;
+                y: number;
+            };
+            rightBottom: {
+                x: any;
+                y: any;
+            };
+        };
+        cleanFocusStatus: () => void;
+        getParentWidgetHandler: () => any;
+        getName: () => any;
+        $props: {
+            [x: string]: any;
+        };
+    }> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+    lockSlide: () => void;
+    unlockSlide: () => void;
+    lock: (type: any) => () => void;
+    unlock: (type: any) => void;
+    refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+    moveFocus: (direction: any) => void;
+    slideTo: (position: any, doAnim: any) => void;
+    slideToItem: (index: any, doAnim: any) => void;
+    slideToDiv: (div: any, doAnim: any) => void;
+    setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+    setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+    setEnterFocusId: (id: any) => void;
+    setEnterFocusRect: (rect: any) => void;
+    setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+    getFocusBlockRef: () => any;
+    getVisibleItems: () => {
+        start: number;
+        end: number;
+        dataList: any[];
+    };
+    getCustomerDataSize: () => number;
+    getCurrentFocusIndex: () => number;
+    getTemplatePosition: (index: any) => {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    } | null;
+    setSlideSetting: (setting: any) => void;
+    cancelDelayLoad: () => void;
+    setSensorSensitivity: (sensitivity?: number) => void;
+    getItemLayoutInfo: (index: any) => {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    } | null;
+    tmpDisableRenderBreak: () => void;
+    getItemVisibleState: (leftTop: any, rightBottom: any) => {
+        name: any;
+        index: number;
+        visibleState: string;
+        children: any;
+        widgetHandler: {
+            lockSlide: () => void;
+            unlockSlide: () => void;
+            lock: (type: any) => () => void;
+            unlock: (type: any) => void;
+            refreshData: (forceUpdate: boolean, slideToFocus?: string) => void;
+            moveFocus: (direction: any) => void;
+            slideTo: (position: any, doAnim: any) => void;
+            slideToItem: (index: any, doAnim: any) => void;
+            slideToDiv: (div: any, doAnim: any) => void;
+            setFocusId: (id: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+            setFocusByUid: (uid: any, needSlide: boolean | undefined, doAnim: boolean | undefined, extraSetting: any) => void;
+            setEnterFocusId: (id: any) => void;
+            setEnterFocusRect: (rect: any) => void;
+            setZIndex: (index: any, normalZIndex: any, focusZIndex: any) => void;
+            getFocusBlockRef: () => any;
+            getVisibleItems: () => {
+                start: number;
+                end: number;
+                dataList: any[];
+            };
+            getCustomerDataSize: () => number;
+            getCurrentFocusIndex: () => number;
+            getTemplatePosition: (index: any) => {
+                left: any;
+                top: any;
+                width: any;
+                height: any;
+            } | null;
+            setSlideSetting: (setting: any) => void;
+            cancelDelayLoad: () => void;
+            setSensorSensitivity: (sensitivity?: number) => void;
+            getItemLayoutInfo: (index: any) => {
+                left: any;
+                top: any;
+                width: any;
+                height: any;
+            } | null;
+            tmpDisableRenderBreak: () => void;
+            getItemVisibleState: any;
+            getCurrentVisibleRange: () => {
+                leftTop: {
+                    x: number;
+                    y: number;
+                };
+                rightBottom: {
+                    x: any;
+                    y: any;
+                };
+            };
+            cleanFocusStatus: () => void;
+            getParentWidgetHandler: () => any;
+            getName: () => any;
+        };
+        focusable: any;
+    }[];
+    getCurrentVisibleRange: () => {
+        leftTop: {
+            x: number;
+            y: number;
+        };
+        rightBottom: {
+            x: any;
+            y: any;
+        };
+    };
+    cleanFocusStatus: () => void;
+    getParentWidgetHandler: () => any;
+    getName: () => any;
+    $props: {
+        [x: string]: any;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        background: (_: {}) => any;
+        renderItem: (_: {
+            data: any;
+            onEdge: (edge_info: any) => void;
+            onAction: any;
+            query: any;
+            onItemEdge: (edge_info: any) => void;
+        }) => any;
+        foreground: (_: {}) => any;
+    };
+});
+export default _default;