oxy-uni-ui 1.2.0 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/components/common/abstracts/variable.scss +51 -1
- package/components/common/path.ts +9 -0
- package/components/common/util.ts +42 -0
- package/components/composables/useGlobalLoading.ts +42 -0
- package/components/composables/useGlobalMessage.ts +48 -0
- package/components/composables/useGlobalToast.ts +84 -0
- package/components/composables/useVirtualScroll.ts +3 -2
- package/components/oxy-cell/oxy-cell.vue +15 -2
- package/components/oxy-cell/types.ts +4 -0
- package/components/oxy-checkbox/index.scss +1 -1
- package/components/oxy-checkbox/oxy-checkbox.vue +2 -2
- package/components/oxy-col-picker/oxy-col-picker.vue +3 -0
- package/components/oxy-col-picker/types.ts +5 -1
- package/components/oxy-corner/oxy-corner.vue +15 -3
- package/components/oxy-corner/types.ts +15 -1
- package/components/oxy-date-strip/index.scss +10 -0
- package/components/oxy-date-strip/oxy-date-strip.vue +198 -0
- package/components/oxy-date-strip/types.ts +98 -0
- package/components/oxy-date-strip/utils.ts +67 -0
- package/components/oxy-date-strip-item/index.scss +94 -0
- package/components/oxy-date-strip-item/oxy-date-strip-item.vue +102 -0
- package/components/oxy-date-strip-item/types.ts +53 -0
- package/components/oxy-datetime-picker/oxy-datetime-picker.vue +3 -1
- package/components/oxy-datetime-picker/types.ts +5 -1
- package/components/oxy-echarts/index.scss +17 -0
- package/components/oxy-echarts/index.ts +1 -0
- package/components/oxy-echarts/oxy-echarts.vue +32 -0
- package/components/oxy-echarts/types.ts +12 -0
- package/components/oxy-file-list/index.scss +26 -0
- package/components/oxy-file-list/oxy-file-list.vue +208 -34
- package/components/oxy-file-list/types.ts +58 -2
- package/components/oxy-global-loading/oxy-global-loading.vue +53 -0
- package/components/oxy-global-message/oxy-global-message.vue +64 -0
- package/components/oxy-global-toast/oxy-global-toast.vue +53 -0
- package/components/oxy-img-lazy/index.scss +17 -0
- package/components/oxy-img-lazy/oxy-img-lazy.vue +332 -0
- package/components/oxy-img-lazy/types.ts +69 -0
- package/components/oxy-link/index.scss +57 -0
- package/components/oxy-link/oxy-link.vue +130 -0
- package/components/oxy-link/types.ts +81 -0
- package/components/oxy-list/index.scss +7 -1
- package/components/oxy-list/types.ts +1 -1
- package/components/oxy-picker/oxy-picker.vue +3 -0
- package/components/oxy-picker/types.ts +5 -1
- package/components/oxy-radio/index.scss +3 -3
- package/components/oxy-radio/oxy-radio.vue +1 -1
- package/components/oxy-rich-text/icon/emjio.svg +1 -0
- package/components/oxy-rich-text/icon/quote.svg +1 -0
- package/components/oxy-rich-text/icon/text.svg +1 -0
- package/components/oxy-rich-text/icon/title.svg +1 -0
- package/components/oxy-rich-text/index.scss +159 -0
- package/components/oxy-rich-text/mp-html/card/card.vue +122 -0
- package/components/oxy-rich-text/mp-html/card/index.js +7 -0
- package/components/oxy-rich-text/mp-html/editable/config.js +15 -0
- package/components/oxy-rich-text/mp-html/editable/index.js +553 -0
- package/components/oxy-rich-text/mp-html/emoji/index.js +203 -0
- package/components/oxy-rich-text/mp-html/highlight/config.js +5 -0
- package/components/oxy-rich-text/mp-html/highlight/index.js +96 -0
- package/components/oxy-rich-text/mp-html/highlight/prism.css +1 -0
- package/components/oxy-rich-text/mp-html/highlight/prism.min.js +7 -0
- package/components/oxy-rich-text/mp-html/img-cache/index.js +138 -0
- package/components/oxy-rich-text/mp-html/latex/index.js +80 -0
- package/components/oxy-rich-text/mp-html/latex/katex.css +1 -0
- package/components/oxy-rich-text/mp-html/latex/katex.min.js +1 -0
- package/components/oxy-rich-text/mp-html/markdown/index.js +50 -0
- package/components/oxy-rich-text/mp-html/markdown/marked.min.js +71 -0
- package/components/oxy-rich-text/mp-html/mp-html.d.ts +184 -0
- package/components/oxy-rich-text/mp-html/mp-html.vue +675 -0
- package/components/oxy-rich-text/mp-html/node/node.vue +1161 -0
- package/components/oxy-rich-text/mp-html/parser.js +1428 -0
- package/components/oxy-rich-text/mp-html/search/index.js +132 -0
- package/components/oxy-rich-text/mp-html/style/index.js +129 -0
- package/components/oxy-rich-text/mp-html/style/parser.js +175 -0
- package/components/oxy-rich-text/mp-html/template/index.js +67 -0
- package/components/oxy-rich-text/mp-html/txv-video/index.js +46 -0
- package/components/oxy-rich-text/oxy-rich-text.vue +642 -0
- package/components/oxy-rich-text/types.ts +71 -0
- package/components/oxy-select/index.scss +255 -0
- package/components/oxy-select/oxy-select.vue +421 -0
- package/components/oxy-select/types.ts +71 -0
- package/components/oxy-select-picker/oxy-select-picker.vue +3 -0
- package/components/oxy-select-picker/types.ts +5 -1
- package/components/oxy-stream-render/index.scss +6 -0
- package/components/oxy-stream-render/oxy-stream-render.vue +204 -0
- package/components/oxy-stream-render/types.ts +5 -0
- package/components/oxy-tree/index.scss +17 -1
- package/components/oxy-tree/oxy-tree.vue +89 -8
- package/components/oxy-tree/types.ts +11 -1
- package/components/oxy-waterfall/index.scss +18 -0
- package/components/oxy-waterfall/oxy-waterfall.vue +218 -0
- package/components/oxy-waterfall/types.ts +90 -0
- package/components/oxy-waterfall-item/index.scss +8 -0
- package/components/oxy-waterfall-item/oxy-waterfall-item.vue +89 -0
- package/components/oxy-waterfall-item/types.ts +16 -0
- package/global.d.ts +7 -0
- package/index.ts +3 -0
- package/locale/lang/en-US.ts +26 -0
- package/locale/lang/zh-CN.ts +26 -0
- package/oxy-uni-ui.zip +0 -0
- package/package.json +1 -1
- package/tags.json +1 -1
- package/uni-echarts/changelog.md +2 -0
- package/uni-echarts/components/index.js +1 -0
- package/uni-echarts/components/uni-echarts/events.js +95 -0
- package/uni-echarts/components/uni-echarts/types.d.ts +183 -0
- package/uni-echarts/components/uni-echarts/types.js +1 -0
- package/uni-echarts/components/uni-echarts/uni-echarts.vue +530 -0
- package/uni-echarts/components/uni-echarts/uni-echarts.vue.d.ts +19 -0
- package/uni-echarts/global.d.ts +7 -0
- package/uni-echarts/index.d.ts +440 -0
- package/uni-echarts/index.js +2 -0
- package/uni-echarts/package.json +105 -0
- package/uni-echarts/shared-core.d.ts +269 -0
- package/uni-echarts/shared-core.js +900 -0
- package/web-types.json +1 -1
package/tags.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"oxy-action-sheet":{"attributes":["v-model","actions","panels","title","cancel-text","close-on-click-action","close-on-click-modal","duration","z-index","lazy-render","safe-area-inset-bottom","select","open","opened","close","closed","click-modal","cancel"],"description":"从底部弹出的动作菜单面板。\n\n[Docs](https://oxy-ui.cn/component/action-sheet.html#actionsheet)"},"oxy-backtop":{"attributes":["scroll-top","top","duration","z-index","icon-style","shape","bottom","right"],"description":"用于返回页面顶部的操作按钮。\n\n[Docs](https://oxy-ui.cn/component/backtop.html#backtop)"},"oxy-badge":{"attributes":["v-model","max","top","right","is-dot","hidden","type","bg-color","show-zero"],"description":"出现在按钮、图标旁的数字或状态标记。\n\n[Docs](https://oxy-ui.cn/component/badge.html#badge)"},"oxy-button":{"attributes":["type","round","plain","hairline","loading","block","size","disabled","icon","loading-color","open-type","hover-stop-propagation","lang","session-from","send-message-title","send-message-path","send-message-img","app-parameter","show-message-card","class-prefix","button-id","scope","click","getuserinfo","contact","getphonenumber","getrealtimephonenumber","error","launchapp","opensetting","chooseavatar","agreeprivacyauthorization"],"description":"按钮用于触发一个操作,如提交表单或打开链接。\n\n[Docs](https://oxy-ui.cn/component/button.html#button)"},"oxy-calendar-view":{"attributes":["v-model","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","show-panel-title","default-time","panel-height","time-filter","hide-second","immediate-change","change"],"description":"提供日历单选、多选、范围选择、周维度、月维度等功能。可以根据实际业务场景基于该组件进行封装高度定制化组件。\n\n[Docs](https://oxy-ui.cn/component/calendar-view.html#calendarview)"},"oxy-calendar":{"attributes":["v-model","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","default-time","time-filter","hide-second","show-confirm","show-type-switch","shortcuts","title","label","placeholder","disabled","readonly","display-format","inner-display-format","size","label-width","error","required","marker-side","center","ellipsis","align-right","before-confirm","suse-default-slots","suse-label-slots","close-on-click-modal","z-index","safe-area-inset-bottom","prop","rules","immediate-change","with-cell","clearable","root-portal","confirm","change","cancel","open","clear"],"description":"提供日历单选、多选、范围选择、周维度、月维度等功能。\n\n[Docs](https://oxy-ui.cn/component/calendar.html#calendar)"},"oxy-card":{"attributes":["title","type"],"description":"用于展示商品的图片、价格等信息。\n\n[Docs](https://oxy-ui.cn/component/card.html#card)"},"oxy-cell-group":{"attributes":["title","value","border","use-slot"],"description":"单元格为列表中的单个展示项。\n\n[Docs](https://oxy-ui.cn/component/cell.html#cellgroup)"},"oxy-cell":{"attributes":["title","value","icon","icon-size","label","is-link","to","clickable","replace","size","title-width","center","required","marker-side","vertical","ellipsis","use-title-slot","prop","rules","border","click"],"description":"单元格为列表中的单个展示项。\n\n[Docs](https://oxy-ui.cn/component/cell.html#cell)"},"oxy-checkbox":{"attributes":["v-model","shape","checked-color","disabled","max-width","true-value","false-value","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkbox)"},"oxy-checkbox-group":{"attributes":["v-model","shape","cell","checked-color","disabled","min","max","inline","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkboxgroup)"},"oxy-circle":{"attributes":["v-model","custom-class","custom-style","size","color","layer-color","fill","speed","text","stroke-width","stroke-linecap","clockwise"],"description":"圆环形的进度条组件,支持进度渐变动画。\n\n[Docs](https://oxy-ui.cn/component/circle.html#circle)"},"oxy-col-picker":{"attributes":["v-model","columns","value-key","label-key","tip-key","title","label","placeholder","disabled","readonly","display-format","column-change","show-confirm","size","label-width","error","required","marker-side","align-right","before-confirm","loading-color","use-default-slot","use-label-slot","close-on-click-modal","auto-complete","z-index","safe-area-inset-bottom","ellipsis","prop","rules","line-width","line-height","root-portal","confirm","close"],"description":"使用多列选择器来做级联,交互效果较好,多列选择器支持无限级选择。\n\n[Docs](https://oxy-ui.cn/component/col-picker.html#colpicker)"},"oxy-collapse-item":{"attributes":["name","title","disabled","before-expend"],"description":"将一组内容放置在多个折叠面板中,点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapseitem)"},"oxy-collapse":{"attributes":["value","accordion","viewmore","use-more-slot","line-num","change"],"description":"将一组内容放置在多个折叠面板中,点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapse)"},"oxy-config-provider":{"attributes":["theme","theme-vars"],"description":"用于全局配置 `Oxy` 组件,提供深色模式、主题定制等能力。\n\n[Docs](https://oxy-ui.cn/component/config-provider.html#configprovider)"},"oxy-corner":{"attributes":["type","mode","round","position","text"],"description":"连带容器的角标。\n\n[Docs](https://oxy-ui.cn/component/corner.html#corner)"},"oxy-count-down":{"attributes":["time","millisecond","auto-start","format","finish","change"],"description":"用于实时展示倒计时数值,支持毫秒精度。\n\n[Docs](https://oxy-ui.cn/component/count-down.html#countdown)"},"oxy-count-to":{"attributes":["font-size","color","type","start-val","end-val","duration","autoplay","decimals","decimal","separator","prefix","suffix","use-easing","finish","mounted"],"description":"数字滚动组件。\n\n[Docs](https://oxy-ui.cn/component/count-to.html#countto)"},"oxy-curtain":{"attributes":["value","model-value","src","width","to","close-position","close-on-click-modal","hide-when-close","z-index","root-portal","show-menu-by-longpress","close-on-click","click","close","click-modal","beforeenter","enter","afterenter","beforeleave","leave","afterleave","load","error"],"description":"一般用于公告类的图片弹窗。\n\n[Docs](https://oxy-ui.cn/component/curtain.html#curtain)"},"oxy-datetime-picker-view":{"attributes":["v-model","type","loading","loading-color","columns-height","item-height","formatter","filter","min-date","max-date","min-hour","max-hour","min-minute","max-minute","immediate-change","use-second","change","pickstart","pickend"],"description":"为 Picker 组件的封装,在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker-view.html#datetimepickerview)"},"oxy-datetime-picker":{"attributes":["v-model","default-value","type","loading","loading-color","columns-height","item-height","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","formatter","filter","display-format-tab-label","min-date","max-date","min-hour","max-hour","min-minute","max-minute","required","marker-side","size","label-width","error","align-right","suse-label-slots","suse-default-slots","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","use-second","clearable","root-portal","confirm","cancel","toggle","clear"],"description":"为 DatetimePickerView 组件的封装,在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker.html#datetimepicker)"},"oxy-divider":{"attributes":["color","hairline","dashed","content-position","vertical"],"description":"用于将内容分隔为多个区域。\n\n[Docs](https://oxy-ui.cn/component/divider.html#divider)"},"oxy-drop-menu":{"attributes":["direction","modal","close-on-click-modal","duration"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenu)"},"oxy-drop-menu-item":{"attributes":["v-model","disabled","options","icon-name","title","icon","icon-size","before-toggle","value-key","label-key","tip-key","popup-height","root-portal"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenuitem)"},"oxy-dropdown-item":{"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropdownitem)"},"oxy-fab":{"attributes":["v-model:active","type","position","draggable","direction","disabled","inactive-icon","active-icon","z-index","gap","custom-style","expandable","click"],"description":"悬浮动作按钮组件,按下可显示一组动作按钮。\n\n[Docs](https://oxy-ui.cn/component/fab.html#fab)"},"oxy-file-list":{"attributes":["data","type","before-preview","on-preview-fail"],"description":"用于展示文件信息。\n\n[Docs](https://oxy-ui.cn/component/file-list.html#filelist)"},"oxy-floating-panel":{"attributes":["v-model:height","anchors","duration","content-draggable","safe-area-inset-bottom","show-scrollbar"],"description":"浮动在页面底部的面板,用户可以通过上下拖动秒板来浏览内容,从而在不离开当前视图的情况下访问更多信息,常用于地图导航。\n\n[Docs](https://oxy-ui.cn/component/floating-panel.html#floatingpanel)"},"oxy-form":{"attributes":["model","rules","reset-on-change","error-type","validate","reset"],"description":"用于数据录入、校验,支持输入框、单选框、复选框、文件上传等类型,常见的 form 表单为`单元格`形式的展示,即左侧为表单的标题描述,右侧为表单的输入。\n\n[Docs](https://oxy-ui.cn/component/form.html#form)"},"oxy-gap":{"attributes":["height","bg-color","safe-area-bottom"],"description":"一般用于页面布局时代替margin或者padding;或者充当(底部)占位元素。\n\n[Docs](https://oxy-ui.cn/component/gap.html#gap)"},"oxy-grid":{"attributes":["column","border","gutter","square","clickable","bg-color","hover-class"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#grid)"},"oxy-grid-item":{"attributes":["text","icon","is-dot","type","value","max","url","link-type","suse-slots","suse-icon-slots","suse-text-slots","icon-size","badge-props"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#griditem)"},"oxy-icon":{"attributes":["name","color","size","class-prefix","custom-style","click"],"description":"基于字体的图标集。\n\n[Docs](https://oxy-ui.cn/component/icon.html#icon)"},"oxy-img-cropper":{"attributes":["v-model","img-src","img-width","img-height","disabled-rotate","export-scale","max-scale","cancel-button-text","confirm-button-text","quality","file-type","aspect-ratio","confirm","cancel","imgloaderror","imgloaded"],"description":"图片剪裁组件,用于图片裁剪,支持拖拽、缩放、旋转等操作。\n\n[Docs](https://oxy-ui.cn/component/img-cropper.html#imgcropper)"},"oxy-img":{"attributes":["src","width","height","mode","round","radius","enable-preview","show-menu-by-longpress","preview-src","click","load","error"],"description":"增强版的 img 标签,提供多种图片填充模式,支持图片懒加载、加载完成、加载失败。\n\n[Docs](https://oxy-ui.cn/component/img.html#img)"},"oxy-index-anchor":{"attributes":["index"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexanchor)"},"oxy-index-bar":{"attributes":["sticky"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexbar)"},"oxy-input-number":{"attributes":["v-model","min","max","step","step-strictly","precision","disabled","without-input","input-width","allow-null","placeholder","disable-input","disable-plus","disable-minus","adjust-position","before-change","long-press","immediate-change","update-on-init","input-type","change","focus","blur"],"description":"由增加按钮、减少按钮和输入框组成,用于在一定范围内输入、调整数字。\n\n[Docs](https://oxy-ui.cn/component/input-number.html#inputnumber)"},"oxy-input":{"attributes":["type","v-model","placeholder","clearable","maxlength","show-password","disabled","readonly","prefix-icon","suffix-icon","show-word-limit","confirm-type","confirm-hold","always-embed","placeholder-style","placeholder-class","focus","cursor-spacing","cursor","selection-start","selection-end","adjust-position","label","size","error","center","label-width","required","marker-side","no-border","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用户可以在文本框里输入内容。\n\n[Docs](https://oxy-ui.cn/component/input.html#input)"},"oxy-keyboard":{"attributes":["v-model:visible","v-model","title","mode","z-index","maxlength","show-delete-key","random-key-order","close-text","delete-text","close-button-loading","modal","hide-on-click-outside","lock-scroll","safe-area-inset-bottom","extra-key","root-portal","v-model:car-lang","auto-switch-lang","input","delete","close"],"description":"虚拟数字键盘,用于输入数字、密码、身份证或车牌号等场景。\n\n[Docs](https://oxy-ui.cn/component/keyboard.html#keyboard)"},"oxy-row":{"attributes":["gutter"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#row)"},"oxy-col":{"attributes":["span","offset"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#col)"},"oxy-list":{"attributes":["data","id-key","height","item-height","show-back-to-top","back-to-top-threshold","virtual","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","loadmore-state","loading-text","finished-text","error-text","loading-props","scroll","scroll-to-upper","scroll-to-lower","reload","refresh","restore","abort"],"description":"展示列表数据。支持触底加载、下拉刷新、虚拟列表。\n\n[Docs](https://oxy-ui.cn/component/list.html#list)"},"oxy-loading":{"attributes":["type","color","size"],"description":"加载动画,用于表示加载中的过渡状态。\n\n[Docs](https://oxy-ui.cn/component/loading.html#loading)"},"oxy-loadmore":{"attributes":["state","loading-text","finished-text","error-text","loading-props","reload"],"description":"用于在列表底部展示加载状态。\n\n[Docs](https://oxy-ui.cn/component/loadmore.html#loadmore)"},"oxy-message-box":{"attributes":["selector","root-portal"],"description":"弹出对话框,常用于消息提示、消息确认等,支持函数调用。\n\n[Docs](https://oxy-ui.cn/component/message-box.html#messagebox)"},"oxy-navbar":{"attributes":["title","left-text","right-text","left-arrow","bordered","fixed","placeholder","z-index","safe-area-inset-top","left-disabled","right-disabled","click-left","click-right"],"description":"为页面提供导航功能,常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbar)"},"oxy-navbar-capsule":{"attributes":["back","back-home"],"description":"为页面提供导航功能,常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbarcapsule)"},"oxy-notice-bar":{"attributes":["text","type","prefix","scrollable","delay","speed","closable","wrapable","color","background-color","direction","close","next","click"],"description":"通知栏组件,用于在页面顶部展示通知提醒。\n\n[Docs](https://oxy-ui.cn/component/notice-bar.html#noticebar)"},"oxy-notify":{"attributes":["type","message","duration","z-index","position","color","background","safe-height","selector","root-portal"],"description":"通知类组件,用于在页面顶部展示通知信息。\n\n[Docs](https://oxy-ui.cn/component/notify.html#notify)"},"oxy-overlay":{"attributes":["show","duration","lock-scroll","z-index","custom-style"],"description":"创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。\n\n[Docs](https://oxy-ui.cn/component/overlay.html#overlay)"},"oxy-pagination":{"attributes":["v-model","prev-text","next-text","total-page","page-size","total","show-icon","show-message","hide-if-one-page","change"],"description":"当数据量过多时,使用分页分解数据。\n\n[Docs](https://oxy-ui.cn/component/pagination.html#pagination)"},"oxy-password-input":{"attributes":["v-model","info","error-info","length","gutter","mask","focused"],"description":"带网格的输入框组件,可以用于输入密码、短信验证码等场景,通常与[数字键盘]\n\n[Docs](https://oxy-ui.cn/component/password-input.html#passwordinput)"},"oxy-picker-view":{"attributes":["v-model","columns","loading","loading-color","columns-height","item-height","value-key","label-key","column-change","immediate-change","change","pickstart","pickend"],"description":"选择器视图,用于从一组数据中选择单个或多个值。\n\n[Docs](https://oxy-ui.cn/component/picker-view.html#pickerview)"},"oxy-picker":{"attributes":["v-model","columns","loading","loading-color","columns-height","value-key","label-key","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","column-change","size","label-width","error","required","marker-side","align-right","use-label-slot","use-default-slot","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","clearable","root-portal","confirm","cancel","open","clear"],"description":"Picker 组件为 popup 和 pickerView 的组合。\n\n[Docs](https://oxy-ui.cn/component/picker.html#picker)"},"oxy-popover":{"attributes":["open","close","change","menuclick"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/popover.html#popover)"},"oxy-popup":{"attributes":["v-model","position","closable","close-on-click-modal","duration","z-index","custom-style","modal","modal-style","hide-when-close","lazy-render","safe-area-inset-bottom","transition","lock-scroll","root-portal","close","click-modal","before-enter","enter","after-enter","before-leave","leave","after-leave"],"description":"弹出层组件,用于展示弹窗、信息提示等内容。\n\n[Docs](https://oxy-ui.cn/component/popup.html#popup)"},"oxy-progress":{"attributes":["percentage","hide-text","color","status","duration"],"description":"用于展示操作的当前进度。\n\n[Docs](https://oxy-ui.cn/component/progress.html#progress)"},"oxy-radio-group":{"attributes":["v-model","shape","size","checked-color","disabled","max-width","inline","cell","icon-placement","change"],"description":"单选框,用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radiogroup)"},"oxy-radio":{"attributes":["value","shape","checked-color","disabled"],"description":"单选框,用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radio)"},"oxy-rate":{"attributes":["v-model","num","readonly","size","space","color","active-color","icon","active-icon","disabled","disabled-color","allow-half","clearable","change"],"description":"用于快速的评价操作,或对评价进行展示。\n\n[Docs](https://oxy-ui.cn/component/rate.html#rate)"},"oxy-resize":{"attributes":["custom-style","custom-class","custom-container-class","resize"],"description":"当组件包裹的文档流尺寸发生变化时,触发 `resize` 事件。一般用于监听 dom 内容更新时导致的 dom 尺寸位置的变化,重新获取 dom 尺寸和位置,进行内容展示的计算操作。\n\n[Docs](https://oxy-ui.cn/component/resize.html#resize)"},"oxy-root-portal":{"description":"是否从页面中脱离出来,用于解决各种 fixed 失效问题,主要用于制作弹窗、弹出层等。\n\n[Docs](https://oxy-ui.cn/component/root-portal.html#root-portal)"},"oxy-search":{"attributes":["placeholder","placeholder-left","cancel-txt","light","hide-cancel","disabled","maxlength","v-model","use-suffix-slot","focus","focus-when-clear","placeholder-style","placeholder-class","focus","blur","search","clear","cancel","change"],"description":"搜索框组件,支持输入框聚焦、失焦、输入、搜索、取消、清空事件。\n\n[Docs](https://oxy-ui.cn/component/search.html#search)"},"oxy-segmented":{"attributes":["v-model:value","disabled","size","options","vibrate-short","change","click"],"description":"分段器用于展示多个选项并允许用户选择其中单个选项。\n\n[Docs](https://oxy-ui.cn/component/segmented.html#segmented)"},"oxy-select-picker":{"attributes":["v-model","columns","type","value-key","label-key","title","label","placeholder","disabled","loading","loading-color","readonly","display-format","confirm-button-text","size","label-width","error","required","marker-side","align-right","before-confirm","select-size","min","max","checked-color","use-default-slot","use-label-slot","close-on-click-modal","z-index","safe-area-inset-bottom","filterable","filter-placeholder","ellipsis","scroll-into-view","show-confirm","prop","rules","clearable","root-portal","confirm","change","cancel","close","open","clear"],"description":"用于从一组选项中进行单选或多选。\n\n[Docs](https://oxy-ui.cn/component/select-picker.html#selectpicker)"},"oxy-sidebar-item":{"attributes":["label","value","icon","badge","is-dot","max","disabled","badge-props"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebaritem)"},"oxy-sidebar":{"attributes":["v-model","before-change","change"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebar)"},"oxy-signature":{"attributes":["pen-color","line-width","height","width","clear-text","confirm-text","file-type","quality","export-scale","disabled","background-color","disable-scroll","enable-history","step","pressure","min-width","max-width","min-speed","start","end","signing","confirm","clear"],"description":"用于签名场景,基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。\n\n[Docs](https://oxy-ui.cn/component/signature.html#signature)"},"oxy-skeleton":{"attributes":["theme","row-col","loading","animation"],"description":"用于等待加载内容所展示的占位图形组合,有动态效果加载效果,减少用户等待焦虑。\n\n[Docs](https://oxy-ui.cn/component/skeleton.html#skeleton)"},"oxy-slider":{"attributes":["v-model","hide-min-max","hide-label","disabled","max","min","step","active-color","inactive-color","dragstart","dragmove","dragend"],"description":"支持单向滑块和双向滑块。\n\n[Docs](https://oxy-ui.cn/component/slider.html#slider)"},"oxy-sort-button":{"attributes":["v-model","title","allow-reset","desc-first","line","change"],"description":"用于展示排序按钮,支持升序、降序、重置三种状态。\n\n[Docs](https://oxy-ui.cn/component/sort-button.html#sortbutton)"},"oxy-status-tip":{"attributes":["image","image-size","tip","image-mode"],"description":"一般用于兜底占位展示。\n\n[Docs](https://oxy-ui.cn/component/status-tip.html#statustip)"},"oxy-steps":{"attributes":["active","vertical","dot","space","align-center"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#steps)"},"oxy-step":{"attributes":["title","stitle-slots","description","sdescription-slots","icon","sicon-slots","status"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#step)"},"oxy-sticky":{"attributes":["z-index","offset-top"],"description":"粘性布局组件,用于在页面滚动时将元素固定在指定位置。\n\n[Docs](https://oxy-ui.cn/component/sticky.html#sticky)"},"oxy-swipe-action":{"attributes":["v-model","disabled","before-close","click"],"description":"常用于单元格左右滑删除等手势操作。\n\n[Docs](https://oxy-ui.cn/component/swipe-action.html#swipeaction)"},"oxy-swiper":{"attributes":["autoplay","v-model:current","direction","display-multiple-items","duration","easing-function","height","interval","list","loop","next-margin","indicator-position","previous-margin","snap-to-edge","indicator","image-mode","autoplay-video","stop-previous-video","stop-autoplay-when-video-play","custom-style","value-key","text-key","adjust-height","adjust-vertical-height","video-loop","click","change"],"description":"用于创建轮播,它支持水平和垂直方向的滑动,可以自定义样式和指示器位置,支持视频和图片资源的轮播,支持设置轮播标题和自定义标题样式。\n\n[Docs](https://oxy-ui.cn/component/swiper.html#swiper)"},"oxy-switch":{"attributes":["v-model","disabled","active-value","inactive-value","active-color","inactive-color","size","before-change","change"],"description":"用来打开或关闭选项。\n\n[Docs](https://oxy-ui.cn/component/switch.html#switch)"},"oxy-tabbar-item":{"attributes":["title","name","icon","value","is-dot","max","badge-props"],"description":"底部导航栏,用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbaritem)"},"oxy-tabbar":{"attributes":["v-model","fixed","safe-area-inset-bottom","bordered","shape","active-color","inactive-color","placeholder","z-index","change"],"description":"底部导航栏,用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbar)"},"oxy-table-column":{"attributes":["prop","label","width","sortable","fixed","align"],"description":"用于展示多条结构类似的数据, 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#tablecolumn)"},"oxy-table":{"attributes":["data","border","stripe","height","row-height","show-header","ellipsis","index","fixed-header","sort-method","row-click"],"description":"用于展示多条结构类似的数据, 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#table)"},"oxy-tabs":{"attributes":["v-model","slidable-num","map-num","map-title","sticky","offset-top","swipeable","auto-line-width","line-width","line-height","color","inactive-color","animated","duration","slidable","badge-props","change","click","disabled"],"description":"标签页组件,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tabs)"},"oxy-tab":{"attributes":["name","title","disabled","lazy"],"description":"标签页组件,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tab)"},"oxy-tag":{"attributes":["type","plain","mark","round","icon","color","bg-color","closable","use-icon-slot","dynamic","click","close","confirm"],"description":"用于标记状态或者概括主要内容。\n\n[Docs](https://oxy-ui.cn/component/tag.html#tag)"},"oxy-text":{"attributes":["type","text","size","mode","bold","format","color","lines","line-height","decoration","prefix","suffix","call","click"],"description":"文本组件,用于展示文本信息。\n\n[Docs](https://oxy-ui.cn/component/text.html#text)"},"oxy-textarea":{"attributes":["v-model","placeholder","placeholder-style","placeholder-class","disabled","maxlength","auto-focus","focus","auto-height","fixed","cursor-spacing","cursor","confirm-type","confirm-hold","show-confirm-bar","selection-start","selection-end","adjust-position","disable-default-padding","hold-keyboard","show-password","clearable","readonly","prefix-icon","show-word-limit","label","label-width","size","error","center","no-border","required","marker-side","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","linechange","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用于输入多行文本信息。\n\n[Docs](https://oxy-ui.cn/component/textarea.html#textarea)"},"oxy-toast":{"attributes":["selector","msg","direction","icon-name","icon-size","loading-type","loading-color","loading-size","icon-color","position","z-index","cover","icon-class","class-prefix","opened","closed"],"description":"轻提示组件,用于消息通知、加载提示、操作结果提示等场景,支持函数式调用。\n\n[Docs](https://oxy-ui.cn/component/toast.html#toast)"},"oxy-tooltip":{"attributes":["show","content","placement","disabled","visible-arrow","offset","show-close","open","close","change"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/tooltip.html#tooltip)"},"oxy-transition":{"attributes":["show","name","duration","custom-style","custom-class","lazy-render","destroy","enter-class","enter-active-class","enter-to-class","leave-class","leave-active-class","leave-to-class","disable-touch-move","before-enter","enter","after-enter","before-leave","leave","after-leave","click"],"description":"用于在元素进入或离开时应用过渡效果。\n\n[Docs](https://oxy-ui.cn/component/transition.html#transition)"},"oxy-tree":{"attributes":["v-model","data","show-checkbox","label-key","node-key","children-key","default-expanded-keys","expand-all","check-strictly","empty-text","height","show-back-to-top","back-to-top-threshold","item-height","indent","selection-leaf-only","node-click","node-check","node-expand","node-collapse"],"description":"用清晰的层级结构展示信息,可展开或折叠。\n\n[Docs](https://oxy-ui.cn/component/tree.html#tree)"},"oxy-upload":{"attributes":["v-model:file","action","header","multiple","disabled","reupload","limit","show-limit-num","max-size","source-type","size-type","name","form-data","header","on-preview-fail","before-upload","before-choose","before-remove","before-preview","build-form-data","loading-type","loading-color","loading-size","status-key","image-mode","accept","compressed","max-duration","camera","success-status","auto-upload","upload-method","extension","evoke-icon","list-type","list-position","success","fail","progress","chooseerror","change","remove","oversize"],"description":"图片、视频和文件上传组件\n\n[Docs](https://oxy-ui.cn/component/upload.html#upload)"},"oxy-virtual-scroll":{"attributes":["data","id-key","height","show-back-to-top","back-to-top-threshold","item-height","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","virtual","scroll","scroll-to-upper","scroll-to-lower"],"description":"当列表数据量过多时,使用虚拟滚动懒渲染数据。\n\n[Docs](https://oxy-ui.cn/component/virtual-scroll.html#virtualscroll)"},"oxy-watermark":{"attributes":["content","image","image-height","image-width","gutter-x","gutter-y","width","height","full-screen","color","size","font-style","font-weight","font-family","rotate","z-index","opacity"],"description":"在页面或组件上添加指定的图片或文字,可用于版权保护、品牌宣传等场景。\n\n[Docs](https://oxy-ui.cn/component/watermark.html#watermark)"}}
|
|
1
|
+
{"oxy-action-sheet":{"attributes":["v-model","actions","panels","title","cancel-text","close-on-click-action","close-on-click-modal","duration","z-index","lazy-render","safe-area-inset-bottom","select","open","opened","close","closed","click-modal","cancel"],"description":"从底部弹出的动作菜单面板。\n\n[Docs](https://oxy-ui.cn/component/action-sheet.html#actionsheet)"},"oxy-backtop":{"attributes":["scroll-top","top","duration","z-index","icon-style","shape","bottom","right"],"description":"用于返回页面顶部的操作按钮。\n\n[Docs](https://oxy-ui.cn/component/backtop.html#backtop)"},"oxy-badge":{"attributes":["v-model","max","top","right","is-dot","hidden","type","bg-color","show-zero"],"description":"出现在按钮、图标旁的数字或状态标记。\n\n[Docs](https://oxy-ui.cn/component/badge.html#badge)"},"oxy-button":{"attributes":["type","round","plain","hairline","loading","block","size","disabled","icon","loading-color","open-type","hover-stop-propagation","lang","session-from","send-message-title","send-message-path","send-message-img","app-parameter","show-message-card","class-prefix","button-id","scope","click","getuserinfo","contact","getphonenumber","getrealtimephonenumber","error","launchapp","opensetting","chooseavatar","agreeprivacyauthorization"],"description":"按钮用于触发一个操作,如提交表单或打开链接。\n\n[Docs](https://oxy-ui.cn/component/button.html#button)"},"oxy-calendar-view":{"attributes":["v-model","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","show-panel-title","default-time","panel-height","time-filter","hide-second","immediate-change","change"],"description":"提供日历单选、多选、范围选择、周维度、月维度等功能。可以根据实际业务场景基于该组件进行封装高度定制化组件。\n\n[Docs](https://oxy-ui.cn/component/calendar-view.html#calendarview)"},"oxy-calendar":{"attributes":["v-model","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","default-time","time-filter","hide-second","show-confirm","show-type-switch","shortcuts","title","label","placeholder","disabled","readonly","display-format","inner-display-format","size","label-width","error","required","marker-side","center","ellipsis","align-right","before-confirm","suse-default-slots","suse-label-slots","close-on-click-modal","z-index","safe-area-inset-bottom","prop","rules","immediate-change","with-cell","clearable","root-portal","confirm","change","cancel","open","clear"],"description":"提供日历单选、多选、范围选择、周维度、月维度等功能。\n\n[Docs](https://oxy-ui.cn/component/calendar.html#calendar)"},"oxy-card":{"attributes":["title","type"],"description":"用于展示商品的图片、价格等信息。\n\n[Docs](https://oxy-ui.cn/component/card.html#card)"},"oxy-cell-group":{"attributes":["title","value","border","use-slot"],"description":"单元格为列表中的单个展示项。\n\n[Docs](https://oxy-ui.cn/component/cell.html#cellgroup)"},"oxy-cell":{"attributes":["title","value","icon","icon-size","label","is-link","to","clickable","replace","size","title-width","title-percent","center","required","marker-side","vertical","ellipsis","use-title-slot","prop","rules","border","click"],"description":"单元格为列表中的单个展示项。\n\n[Docs](https://oxy-ui.cn/component/cell.html#cell)"},"oxy-checkbox":{"attributes":["v-model","shape","checked-color","disabled","max-width","true-value","false-value","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkbox)"},"oxy-checkbox-group":{"attributes":["v-model","shape","cell","checked-color","disabled","min","max","inline","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkboxgroup)"},"oxy-circle":{"attributes":["v-model","custom-class","custom-style","size","color","layer-color","fill","speed","text","stroke-width","stroke-linecap","clockwise"],"description":"圆环形的进度条组件,支持进度渐变动画。\n\n[Docs](https://oxy-ui.cn/component/circle.html#circle)"},"oxy-col-picker":{"attributes":["v-model","columns","value-key","label-key","tip-key","title","label","placeholder","disabled","readonly","display-format","column-change","show-confirm","size","label-width","error","required","marker-side","align-right","before-confirm","loading-color","use-default-slot","use-label-slot","close-on-click-modal","auto-complete","z-index","safe-area-inset-bottom","ellipsis","prop","rules","line-width","line-height","root-portal","before-open","confirm","close"],"description":"使用多列选择器来做级联,交互效果较好,多列选择器支持无限级选择。\n\n[Docs](https://oxy-ui.cn/component/col-picker.html#colpicker)"},"oxy-collapse-item":{"attributes":["name","title","disabled","before-expend"],"description":"将一组内容放置在多个折叠面板中,点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapseitem)"},"oxy-collapse":{"attributes":["value","accordion","viewmore","use-more-slot","line-num","change"],"description":"将一组内容放置在多个折叠面板中,点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapse)"},"oxy-config-provider":{"attributes":["theme","theme-vars"],"description":"用于全局配置 `Oxy` 组件,提供深色模式、主题定制等能力。\n\n[Docs](https://oxy-ui.cn/component/config-provider.html#configprovider)"},"oxy-corner":{"attributes":["type","mode","round","position","text","color","bg-color"],"description":"连带容器的角标。\n\n[Docs](https://oxy-ui.cn/component/corner.html#corner)"},"oxy-count-down":{"attributes":["time","millisecond","auto-start","format","finish","change"],"description":"用于实时展示倒计时数值,支持毫秒精度。\n\n[Docs](https://oxy-ui.cn/component/count-down.html#countdown)"},"oxy-count-to":{"attributes":["font-size","color","type","start-val","end-val","duration","autoplay","decimals","decimal","separator","prefix","suffix","use-easing","finish","mounted"],"description":"数字滚动组件。\n\n[Docs](https://oxy-ui.cn/component/count-to.html#countto)"},"oxy-curtain":{"attributes":["value","model-value","src","width","to","close-position","close-on-click-modal","hide-when-close","z-index","root-portal","show-menu-by-longpress","close-on-click","click","close","click-modal","beforeenter","enter","afterenter","beforeleave","leave","afterleave","load","error"],"description":"一般用于公告类的图片弹窗。\n\n[Docs](https://oxy-ui.cn/component/curtain.html#curtain)"},"oxy-date-strip":{"attributes":["v-model","switch-mode","shape","min-date","max-date","height","grid-width","active-bg-color","active-color","bg-color","radius","first-day-of-week","format","disable-date","change"],"description":"用于展示周日历或一组日历信息。\n\n[Docs](https://oxy-ui.cn/component/date-strip.html#datestrip)"},"oxy-datetime-picker-view":{"attributes":["v-model","type","loading","loading-color","columns-height","item-height","formatter","filter","min-date","max-date","min-hour","max-hour","min-minute","max-minute","immediate-change","use-second","change","pickstart","pickend"],"description":"为 Picker 组件的封装,在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker-view.html#datetimepickerview)"},"oxy-datetime-picker":{"attributes":["v-model","default-value","type","loading","loading-color","columns-height","item-height","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","formatter","filter","display-format-tab-label","min-date","max-date","min-hour","max-hour","min-minute","max-minute","required","marker-side","size","label-width","error","align-right","suse-label-slots","suse-default-slots","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","use-second","clearable","root-portal","before-open","confirm","cancel","toggle","clear"],"description":"为 DatetimePickerView 组件的封装,在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker.html#datetimepicker)"},"oxy-divider":{"attributes":["color","hairline","dashed","content-position","vertical"],"description":"用于将内容分隔为多个区域。\n\n[Docs](https://oxy-ui.cn/component/divider.html#divider)"},"oxy-drop-menu":{"attributes":["direction","modal","close-on-click-modal","duration"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenu)"},"oxy-drop-menu-item":{"attributes":["v-model","disabled","options","icon-name","title","icon","icon-size","before-toggle","value-key","label-key","tip-key","popup-height","root-portal"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenuitem)"},"oxy-dropdown-item":{"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropdownitem)"},"oxy-echarts":{"attributes":["custom-class","custom-style","option","option-key","theme","init-options","update-options","group","manual-update","autoresize web","loading","loading-options","canvas-type","disable-scroll","support-hover","init-delay"],"description":"基于 ECharts 的封装,用于在项目中使用 ECharts 图表。\n\n[Docs](https://oxy-ui.cn/component/echarts.html#echarts)"},"oxy-fab":{"attributes":["v-model:active","type","position","draggable","direction","disabled","inactive-icon","active-icon","z-index","gap","custom-style","expandable","click"],"description":"悬浮动作按钮组件,按下可显示一组动作按钮。\n\n[Docs](https://oxy-ui.cn/component/fab.html#fab)"},"oxy-file-list":{"attributes":["data","type","enable-preview","enable-download","enable-delete","before-preview","on-preview-fail","before-download","on-download-success","on-download-fail","delete","click"],"description":"用于展示文件信息。\n\n[Docs](https://oxy-ui.cn/component/file-list.html#filelist)"},"oxy-floating-panel":{"attributes":["v-model:height","anchors","duration","content-draggable","safe-area-inset-bottom","show-scrollbar"],"description":"浮动在页面底部的面板,用户可以通过上下拖动秒板来浏览内容,从而在不离开当前视图的情况下访问更多信息,常用于地图导航。\n\n[Docs](https://oxy-ui.cn/component/floating-panel.html#floatingpanel)"},"oxy-form":{"attributes":["model","rules","reset-on-change","error-type","validate","reset"],"description":"用于数据录入、校验,支持输入框、单选框、复选框、文件上传等类型,常见的 form 表单为`单元格`形式的展示,即左侧为表单的标题描述,右侧为表单的输入。\n\n[Docs](https://oxy-ui.cn/component/form.html#form)"},"oxy-gap":{"attributes":["height","bg-color","safe-area-bottom"],"description":"一般用于页面布局时代替margin或者padding;或者充当(底部)占位元素。\n\n[Docs](https://oxy-ui.cn/component/gap.html#gap)"},"oxy-grid":{"attributes":["column","border","gutter","square","clickable","bg-color","hover-class"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#grid)"},"oxy-grid-item":{"attributes":["text","icon","is-dot","type","value","max","url","link-type","suse-slots","suse-icon-slots","suse-text-slots","icon-size","badge-props"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块,用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#griditem)"},"oxy-icon":{"attributes":["name","color","size","class-prefix","custom-style","click"],"description":"基于字体的图标集。\n\n[Docs](https://oxy-ui.cn/component/icon.html#icon)"},"oxy-img-cropper":{"attributes":["v-model","img-src","img-width","img-height","disabled-rotate","export-scale","max-scale","cancel-button-text","confirm-button-text","quality","file-type","aspect-ratio","confirm","cancel","imgloaderror","imgloaded"],"description":"图片剪裁组件,用于图片裁剪,支持拖拽、缩放、旋转等操作。\n\n[Docs](https://oxy-ui.cn/component/img-cropper.html#imgcropper)"},"oxy-img-lazy":{"attributes":["src","width","height","mode","border-radius","min-time-out","show-distance","effect","duration","load-src","error-src","load","error","show","error"],"description":"图片懒加载组件。\n\n[Docs](https://oxy-ui.cn/component/img-lazy.html#imglazy)"},"oxy-img":{"attributes":["src","width","height","mode","round","radius","enable-preview","show-menu-by-longpress","preview-src","click","load","error"],"description":"增强版的 img 标签,提供多种图片填充模式,支持图片懒加载、加载完成、加载失败。\n\n[Docs](https://oxy-ui.cn/component/img.html#img)"},"oxy-index-anchor":{"attributes":["index"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexanchor)"},"oxy-index-bar":{"attributes":["sticky"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexbar)"},"oxy-input-number":{"attributes":["v-model","min","max","step","step-strictly","precision","disabled","without-input","input-width","allow-null","placeholder","disable-input","disable-plus","disable-minus","adjust-position","before-change","long-press","immediate-change","update-on-init","input-type","change","focus","blur"],"description":"由增加按钮、减少按钮和输入框组成,用于在一定范围内输入、调整数字。\n\n[Docs](https://oxy-ui.cn/component/input-number.html#inputnumber)"},"oxy-input":{"attributes":["type","v-model","placeholder","clearable","maxlength","show-password","disabled","readonly","prefix-icon","suffix-icon","show-word-limit","confirm-type","confirm-hold","always-embed","placeholder-style","placeholder-class","focus","cursor-spacing","cursor","selection-start","selection-end","adjust-position","label","size","error","center","label-width","required","marker-side","no-border","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用户可以在文本框里输入内容。\n\n[Docs](https://oxy-ui.cn/component/input.html#input)"},"oxy-keyboard":{"attributes":["v-model:visible","v-model","title","mode","z-index","maxlength","show-delete-key","random-key-order","close-text","delete-text","close-button-loading","modal","hide-on-click-outside","lock-scroll","safe-area-inset-bottom","extra-key","root-portal","v-model:car-lang","auto-switch-lang","input","delete","close"],"description":"虚拟数字键盘,用于输入数字、密码、身份证或车牌号等场景。\n\n[Docs](https://oxy-ui.cn/component/keyboard.html#keyboard)"},"oxy-row":{"attributes":["gutter"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#row)"},"oxy-col":{"attributes":["span","offset"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#col)"},"oxy-link":{"attributes":["url","href","open-type","content","type","size","disabled","underline","color","prefix-icon","suffix-icon","navigator-props","click"],"description":"超链接组件。\n\n[Docs](https://oxy-ui.cn/component/link.html#link)"},"oxy-list":{"attributes":["data","id-key","height","item-height","show-back-to-top","back-to-top-threshold","virtual","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","loadmore-state","loading-text","finished-text","error-text","loading-props","scroll","scroll-to-upper","scroll-to-lower","reload","refresh","restore","abort"],"description":"展示列表数据。支持触底加载、下拉刷新、虚拟列表。\n\n[Docs](https://oxy-ui.cn/component/list.html#list)"},"oxy-loading":{"attributes":["type","color","size"],"description":"加载动画,用于表示加载中的过渡状态。\n\n[Docs](https://oxy-ui.cn/component/loading.html#loading)"},"oxy-loadmore":{"attributes":["state","loading-text","finished-text","error-text","loading-props","reload"],"description":"用于在列表底部展示加载状态。\n\n[Docs](https://oxy-ui.cn/component/loadmore.html#loadmore)"},"oxy-message-box":{"attributes":["selector","root-portal"],"description":"弹出对话框,常用于消息提示、消息确认等,支持函数调用。\n\n[Docs](https://oxy-ui.cn/component/message-box.html#messagebox)"},"oxy-navbar":{"attributes":["title","left-text","right-text","left-arrow","bordered","fixed","placeholder","z-index","safe-area-inset-top","left-disabled","right-disabled","click-left","click-right"],"description":"为页面提供导航功能,常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbar)"},"oxy-navbar-capsule":{"attributes":["back","back-home"],"description":"为页面提供导航功能,常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbarcapsule)"},"oxy-notice-bar":{"attributes":["text","type","prefix","scrollable","delay","speed","closable","wrapable","color","background-color","direction","close","next","click"],"description":"通知栏组件,用于在页面顶部展示通知提醒。\n\n[Docs](https://oxy-ui.cn/component/notice-bar.html#noticebar)"},"oxy-notify":{"attributes":["type","message","duration","z-index","position","color","background","safe-height","selector","root-portal"],"description":"通知类组件,用于在页面顶部展示通知信息。\n\n[Docs](https://oxy-ui.cn/component/notify.html#notify)"},"oxy-overlay":{"attributes":["show","duration","lock-scroll","z-index","custom-style"],"description":"创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。\n\n[Docs](https://oxy-ui.cn/component/overlay.html#overlay)"},"oxy-pagination":{"attributes":["v-model","prev-text","next-text","total-page","page-size","total","show-icon","show-message","hide-if-one-page","change"],"description":"当数据量过多时,使用分页分解数据。\n\n[Docs](https://oxy-ui.cn/component/pagination.html#pagination)"},"oxy-password-input":{"attributes":["v-model","info","error-info","length","gutter","mask","focused"],"description":"带网格的输入框组件,可以用于输入密码、短信验证码等场景,通常与[数字键盘]\n\n[Docs](https://oxy-ui.cn/component/password-input.html#passwordinput)"},"oxy-picker-view":{"attributes":["v-model","columns","loading","loading-color","columns-height","item-height","value-key","label-key","column-change","immediate-change","change","pickstart","pickend"],"description":"选择器视图,用于从一组数据中选择单个或多个值。\n\n[Docs](https://oxy-ui.cn/component/picker-view.html#pickerview)"},"oxy-picker":{"attributes":["v-model","columns","loading","loading-color","columns-height","value-key","label-key","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","column-change","size","label-width","error","required","marker-side","align-right","use-label-slot","use-default-slot","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","clearable","root-portal","before-open","confirm","cancel","open","clear"],"description":"Picker 组件为 popup 和 pickerView 的组合。\n\n[Docs](https://oxy-ui.cn/component/picker.html#picker)"},"oxy-popover":{"attributes":["open","close","change","menuclick"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/popover.html#popover)"},"oxy-popup":{"attributes":["v-model","position","closable","close-on-click-modal","duration","z-index","custom-style","modal","modal-style","hide-when-close","lazy-render","safe-area-inset-bottom","transition","lock-scroll","root-portal","close","click-modal","before-enter","enter","after-enter","before-leave","leave","after-leave"],"description":"弹出层组件,用于展示弹窗、信息提示等内容。\n\n[Docs](https://oxy-ui.cn/component/popup.html#popup)"},"oxy-progress":{"attributes":["percentage","hide-text","color","status","duration"],"description":"用于展示操作的当前进度。\n\n[Docs](https://oxy-ui.cn/component/progress.html#progress)"},"oxy-radio-group":{"attributes":["v-model","shape","size","checked-color","disabled","max-width","inline","cell","icon-placement","change"],"description":"单选框,用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radiogroup)"},"oxy-radio":{"attributes":["value","shape","checked-color","disabled"],"description":"单选框,用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radio)"},"oxy-rate":{"attributes":["v-model","num","readonly","size","space","color","active-color","icon","active-icon","disabled","disabled-color","allow-half","clearable","change"],"description":"用于快速的评价操作,或对评价进行展示。\n\n[Docs](https://oxy-ui.cn/component/rate.html#rate)"},"oxy-resize":{"attributes":["custom-style","custom-class","custom-container-class","resize"],"description":"当组件包裹的文档流尺寸发生变化时,触发 `resize` 事件。一般用于监听 dom 内容更新时导致的 dom 尺寸位置的变化,重新获取 dom 尺寸和位置,进行内容展示的计算操作。\n\n[Docs](https://oxy-ui.cn/component/resize.html#resize)"},"oxy-rich-text":{"attributes":["save","clear","remove","load","ready","imgtap","linktap","play","error","pause","fullscreenchange"],"description":"用于在小程序、H5 等场景下渲染 Markdown/富文本内容,内置代码高亮、表格滚动处理,以及针对 AI 场景的流式渲染优化。\n\n[Docs](https://oxy-ui.cn/component/rich-text.html#richtext)"},"oxy-root-portal":{"description":"是否从页面中脱离出来,用于解决各种 fixed 失效问题,主要用于制作弹窗、弹出层等。\n\n[Docs](https://oxy-ui.cn/component/root-portal.html#root-portal)"},"oxy-search":{"attributes":["placeholder","placeholder-left","cancel-txt","light","hide-cancel","disabled","maxlength","v-model","use-suffix-slot","focus","focus-when-clear","placeholder-style","placeholder-class","focus","blur","search","clear","cancel","change"],"description":"搜索框组件,支持输入框聚焦、失焦、输入、搜索、取消、清空事件。\n\n[Docs](https://oxy-ui.cn/component/search.html#search)"},"oxy-segmented":{"attributes":["v-model:value","disabled","size","options","vibrate-short","change","click"],"description":"分段器用于展示多个选项并允许用户选择其中单个选项。\n\n[Docs](https://oxy-ui.cn/component/segmented.html#segmented)"},"oxy-select-picker":{"attributes":["v-model","columns","type","value-key","label-key","title","label","placeholder","disabled","loading","loading-color","readonly","display-format","confirm-button-text","size","label-width","error","required","marker-side","align-right","before-confirm","select-size","min","max","checked-color","use-default-slot","use-label-slot","close-on-click-modal","z-index","safe-area-inset-bottom","filterable","filter-placeholder","ellipsis","scroll-into-view","show-confirm","prop","rules","clearable","root-portal","before-open","confirm","change","cancel","close","open","clear"],"description":"用于从一组选项中进行单选或多选。\n\n[Docs](https://oxy-ui.cn/component/select-picker.html#selectpicker)"},"oxy-select":{"attributes":["v-model","data","value-key","label-key","label","label-width","placeholder","disabled","readonly","multiple","filterable","clear","collapse-tags","collapse-tags-num","empty-tips","input","change"],"description":"用于从一组选项中进行单选或多选。\n\n[Docs](https://oxy-ui.cn/component/select.html#select)"},"oxy-sidebar-item":{"attributes":["label","value","icon","badge","is-dot","max","disabled","badge-props"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebaritem)"},"oxy-sidebar":{"attributes":["v-model","before-change","change"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebar)"},"oxy-signature":{"attributes":["pen-color","line-width","height","width","clear-text","confirm-text","file-type","quality","export-scale","disabled","background-color","disable-scroll","enable-history","step","pressure","min-width","max-width","min-speed","start","end","signing","confirm","clear"],"description":"用于签名场景,基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。\n\n[Docs](https://oxy-ui.cn/component/signature.html#signature)"},"oxy-skeleton":{"attributes":["theme","row-col","loading","animation"],"description":"用于等待加载内容所展示的占位图形组合,有动态效果加载效果,减少用户等待焦虑。\n\n[Docs](https://oxy-ui.cn/component/skeleton.html#skeleton)"},"oxy-slider":{"attributes":["v-model","hide-min-max","hide-label","disabled","max","min","step","active-color","inactive-color","dragstart","dragmove","dragend"],"description":"支持单向滑块和双向滑块。\n\n[Docs](https://oxy-ui.cn/component/slider.html#slider)"},"oxy-sort-button":{"attributes":["v-model","title","allow-reset","desc-first","line","change"],"description":"用于展示排序按钮,支持升序、降序、重置三种状态。\n\n[Docs](https://oxy-ui.cn/component/sort-button.html#sortbutton)"},"oxy-status-tip":{"attributes":["image","image-size","tip","image-mode"],"description":"一般用于兜底占位展示。\n\n[Docs](https://oxy-ui.cn/component/status-tip.html#statustip)"},"oxy-steps":{"attributes":["active","vertical","dot","space","align-center"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#steps)"},"oxy-step":{"attributes":["title","stitle-slots","description","sdescription-slots","icon","sicon-slots","status"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#step)"},"oxy-sticky":{"attributes":["z-index","offset-top"],"description":"粘性布局组件,用于在页面滚动时将元素固定在指定位置。\n\n[Docs](https://oxy-ui.cn/component/sticky.html#sticky)"},"oxy-stream-render":{"attributes":["stream-request"],"description":"基于 RenderJS 和 uni.request 方式,适配H5、小程序、 APP 的流式请求组件,仅负责触发请求与派发流式数据事件。h5和app端使用RenderJS,小程序端使用uni.request。\n\n[Docs](https://oxy-ui.cn/component/stream-render.html#streamrender)"},"oxy-swipe-action":{"attributes":["v-model","disabled","before-close","click"],"description":"常用于单元格左右滑删除等手势操作。\n\n[Docs](https://oxy-ui.cn/component/swipe-action.html#swipeaction)"},"oxy-swiper":{"attributes":["autoplay","v-model:current","direction","display-multiple-items","duration","easing-function","height","interval","list","loop","next-margin","indicator-position","previous-margin","snap-to-edge","indicator","image-mode","autoplay-video","stop-previous-video","stop-autoplay-when-video-play","custom-style","value-key","text-key","adjust-height","adjust-vertical-height","video-loop","click","change"],"description":"用于创建轮播,它支持水平和垂直方向的滑动,可以自定义样式和指示器位置,支持视频和图片资源的轮播,支持设置轮播标题和自定义标题样式。\n\n[Docs](https://oxy-ui.cn/component/swiper.html#swiper)"},"oxy-switch":{"attributes":["v-model","disabled","active-value","inactive-value","active-color","inactive-color","size","before-change","change"],"description":"用来打开或关闭选项。\n\n[Docs](https://oxy-ui.cn/component/switch.html#switch)"},"oxy-tabbar-item":{"attributes":["title","name","icon","value","is-dot","max","badge-props"],"description":"底部导航栏,用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbaritem)"},"oxy-tabbar":{"attributes":["v-model","fixed","safe-area-inset-bottom","bordered","shape","active-color","inactive-color","placeholder","z-index","change"],"description":"底部导航栏,用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbar)"},"oxy-table-column":{"attributes":["prop","label","width","sortable","fixed","align"],"description":"用于展示多条结构类似的数据, 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#tablecolumn)"},"oxy-table":{"attributes":["data","border","stripe","height","row-height","show-header","ellipsis","index","fixed-header","sort-method","row-click"],"description":"用于展示多条结构类似的数据, 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#table)"},"oxy-tabs":{"attributes":["v-model","slidable-num","map-num","map-title","sticky","offset-top","swipeable","auto-line-width","line-width","line-height","color","inactive-color","animated","duration","slidable","badge-props","change","click","disabled"],"description":"标签页组件,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tabs)"},"oxy-tab":{"attributes":["name","title","disabled","lazy"],"description":"标签页组件,用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tab)"},"oxy-tag":{"attributes":["type","plain","mark","round","icon","color","bg-color","closable","use-icon-slot","dynamic","click","close","confirm"],"description":"用于标记状态或者概括主要内容。\n\n[Docs](https://oxy-ui.cn/component/tag.html#tag)"},"oxy-text":{"attributes":["type","text","size","mode","bold","format","color","lines","line-height","decoration","prefix","suffix","call","click"],"description":"文本组件,用于展示文本信息。\n\n[Docs](https://oxy-ui.cn/component/text.html#text)"},"oxy-textarea":{"attributes":["v-model","placeholder","placeholder-style","placeholder-class","disabled","maxlength","auto-focus","focus","auto-height","fixed","cursor-spacing","cursor","confirm-type","confirm-hold","show-confirm-bar","selection-start","selection-end","adjust-position","disable-default-padding","hold-keyboard","show-password","clearable","readonly","prefix-icon","show-word-limit","label","label-width","size","error","center","no-border","required","marker-side","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","linechange","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用于输入多行文本信息。\n\n[Docs](https://oxy-ui.cn/component/textarea.html#textarea)"},"oxy-toast":{"attributes":["selector","msg","direction","icon-name","icon-size","loading-type","loading-color","loading-size","icon-color","position","z-index","cover","icon-class","class-prefix","opened","closed"],"description":"轻提示组件,用于消息通知、加载提示、操作结果提示等场景,支持函数式调用。\n\n[Docs](https://oxy-ui.cn/component/toast.html#toast)"},"oxy-tooltip":{"attributes":["show","content","placement","disabled","visible-arrow","offset","show-close","open","close","change"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/tooltip.html#tooltip)"},"oxy-transition":{"attributes":["show","name","duration","custom-style","custom-class","lazy-render","destroy","enter-class","enter-active-class","enter-to-class","leave-class","leave-active-class","leave-to-class","disable-touch-move","before-enter","enter","after-enter","before-leave","leave","after-leave","click"],"description":"用于在元素进入或离开时应用过渡效果。\n\n[Docs](https://oxy-ui.cn/component/transition.html#transition)"},"oxy-tree":{"attributes":["v-model","data","show-checkbox","label-key","node-key","children-key","default-expanded-keys","expand-all","check-strictly","empty-text","height","show-back-to-top","back-to-top-threshold","item-height","indent","selection-leaf-only","filter-method","show-filter","filter-placeholder","node-click","node-check","node-expand","node-collapse"],"description":"用清晰的层级结构展示信息,可展开或折叠。\n\n[Docs](https://oxy-ui.cn/component/tree.html#tree)"},"oxy-upload":{"attributes":["v-model:file","action","header","multiple","disabled","reupload","limit","show-limit-num","max-size","source-type","size-type","name","form-data","header","on-preview-fail","before-upload","before-choose","before-remove","before-preview","build-form-data","loading-type","loading-color","loading-size","status-key","image-mode","accept","compressed","max-duration","camera","success-status","auto-upload","upload-method","extension","evoke-icon","list-type","list-position","success","fail","progress","chooseerror","change","remove","oversize"],"description":"图片、视频和文件上传组件\n\n[Docs](https://oxy-ui.cn/component/upload.html#upload)"},"oxy-virtual-scroll":{"attributes":["data","id-key","height","show-back-to-top","back-to-top-threshold","item-height","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","virtual","scroll","scroll-to-upper","scroll-to-lower"],"description":"当列表数据量过多时,使用虚拟滚动懒渲染数据。\n\n[Docs](https://oxy-ui.cn/component/virtual-scroll.html#virtualscroll)"},"oxy-waterfall":{"attributes":["data","id-key","height","column-count","column-gap","left-gap","right-gap","refresher-enabled","triggered","enable-flex","empty-text","loadmore-state","loading-text","finished-text","error-text","loading-props","scroll","scroll-to-lower","refresh","reload"],"description":"主要用于瀑布流式布局显示,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。\n\n[Docs](https://oxy-ui.cn/component/waterfall.html#waterfall)"},"oxy-watermark":{"attributes":["content","image","image-height","image-width","gutter-x","gutter-y","width","height","full-screen","color","size","font-style","font-weight","font-family","rotate","z-index","opacity"],"description":"在页面或组件上添加指定的图片或文字,可用于版权保护、品牌宣传等场景。\n\n[Docs](https://oxy-ui.cn/component/watermark.html#watermark)"}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./uni-echarts/types";
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
export const MOUSE_EVENTS = [
|
|
2
|
+
"click",
|
|
3
|
+
"dblclick",
|
|
4
|
+
"mouseout",
|
|
5
|
+
"mouseover",
|
|
6
|
+
"mouseup",
|
|
7
|
+
"mousedown",
|
|
8
|
+
"mousemove",
|
|
9
|
+
"contextmenu",
|
|
10
|
+
"globalout"
|
|
11
|
+
];
|
|
12
|
+
|
|
13
|
+
export const ELEMENT_EVENTS = [
|
|
14
|
+
...MOUSE_EVENTS,
|
|
15
|
+
"mousewheel",
|
|
16
|
+
"drag",
|
|
17
|
+
"dragstart",
|
|
18
|
+
"dragend",
|
|
19
|
+
"dragenter",
|
|
20
|
+
"dragleave",
|
|
21
|
+
"dragover",
|
|
22
|
+
"drop"
|
|
23
|
+
];
|
|
24
|
+
|
|
25
|
+
export const ZRENDER_EVENTS = ELEMENT_EVENTS.map((it) => `zr:${it}`);
|
|
26
|
+
|
|
27
|
+
export const OTHER_EVENTS = [
|
|
28
|
+
"highlight",
|
|
29
|
+
"downplay",
|
|
30
|
+
"selectchanged",
|
|
31
|
+
"legendselectchanged",
|
|
32
|
+
"legendselected",
|
|
33
|
+
"legendunselected",
|
|
34
|
+
"legendselectall",
|
|
35
|
+
"legendinverseselect",
|
|
36
|
+
"legendscroll",
|
|
37
|
+
"datazoom",
|
|
38
|
+
"datarangeselected",
|
|
39
|
+
"graphroam",
|
|
40
|
+
"georoam",
|
|
41
|
+
"treeroam",
|
|
42
|
+
"timelinechanged",
|
|
43
|
+
"timelineplaychanged",
|
|
44
|
+
"restore",
|
|
45
|
+
"dataviewchanged",
|
|
46
|
+
"magictypechanged",
|
|
47
|
+
"geoselectchanged",
|
|
48
|
+
"geoselected",
|
|
49
|
+
"geounselected",
|
|
50
|
+
"axisareaselected",
|
|
51
|
+
"brush",
|
|
52
|
+
"brushEnd",
|
|
53
|
+
"brushselected",
|
|
54
|
+
"globalcursortaken",
|
|
55
|
+
"showtip",
|
|
56
|
+
"hidetip"
|
|
57
|
+
];
|
|
58
|
+
|
|
59
|
+
export const ECHARTS_EVENTS = [
|
|
60
|
+
...MOUSE_EVENTS,
|
|
61
|
+
...OTHER_EVENTS,
|
|
62
|
+
"rendered",
|
|
63
|
+
"finished",
|
|
64
|
+
...ZRENDER_EVENTS
|
|
65
|
+
];
|
|
66
|
+
|
|
67
|
+
export const UNI_EVENTS = [
|
|
68
|
+
"touchstart",
|
|
69
|
+
"touchmove",
|
|
70
|
+
"touchcancel",
|
|
71
|
+
"touchend",
|
|
72
|
+
"tap",
|
|
73
|
+
"longpress",
|
|
74
|
+
"longtap",
|
|
75
|
+
"transitionend",
|
|
76
|
+
"animationstart",
|
|
77
|
+
"animationiteration",
|
|
78
|
+
"animationend",
|
|
79
|
+
"touchforcechange"
|
|
80
|
+
];
|
|
81
|
+
|
|
82
|
+
export const NATIVE_EVENTS = [
|
|
83
|
+
...ELEMENT_EVENTS,
|
|
84
|
+
...UNI_EVENTS
|
|
85
|
+
].map((it) => `native:${it}`);
|
|
86
|
+
|
|
87
|
+
export const COMPONENT_EVENTS = [
|
|
88
|
+
"inited"
|
|
89
|
+
];
|
|
90
|
+
|
|
91
|
+
export const EVENTS = [
|
|
92
|
+
...ECHARTS_EVENTS,
|
|
93
|
+
...NATIVE_EVENTS,
|
|
94
|
+
...COMPONENT_EVENTS
|
|
95
|
+
];
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import type { ECElementEvent, ElementEvent } from "echarts/core";
|
|
2
|
+
import type { StyleValue } from "vue";
|
|
3
|
+
import type {
|
|
4
|
+
AutoResize,
|
|
5
|
+
ChartOption,
|
|
6
|
+
ChartTheme,
|
|
7
|
+
EChartsType,
|
|
8
|
+
InitOptions,
|
|
9
|
+
LoadingOptions,
|
|
10
|
+
NullableValue,
|
|
11
|
+
PublicApi,
|
|
12
|
+
UpdateOptions
|
|
13
|
+
} from "../../shared-core";
|
|
14
|
+
|
|
15
|
+
export interface UniEchartsProps {
|
|
16
|
+
/**
|
|
17
|
+
* Custom root el class.
|
|
18
|
+
*/
|
|
19
|
+
customClass?: any;
|
|
20
|
+
/**
|
|
21
|
+
* Custom root el style.
|
|
22
|
+
*/
|
|
23
|
+
customStyle?: StyleValue;
|
|
24
|
+
/**
|
|
25
|
+
* Same as the option of echarts.
|
|
26
|
+
*/
|
|
27
|
+
option?: ChartOption;
|
|
28
|
+
/**
|
|
29
|
+
* Option inject key.
|
|
30
|
+
*/
|
|
31
|
+
optionKey?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Theme to be applied.
|
|
34
|
+
*/
|
|
35
|
+
theme?: ChartTheme;
|
|
36
|
+
/**
|
|
37
|
+
* Optional chart init configurations.
|
|
38
|
+
*/
|
|
39
|
+
initOptions?: InitOptions;
|
|
40
|
+
/**
|
|
41
|
+
* Options for updating chart option.
|
|
42
|
+
*/
|
|
43
|
+
updateOptions?: UpdateOptions;
|
|
44
|
+
/**
|
|
45
|
+
* Group name to be used in chart connection.
|
|
46
|
+
*/
|
|
47
|
+
group?: string;
|
|
48
|
+
/**
|
|
49
|
+
* For performance critical scenarios (having a large dataset) we'd better bypass Vue's reactivity system for `option` prop.
|
|
50
|
+
*/
|
|
51
|
+
manualUpdate?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Whether the chart should be resized automatically whenever its root is resized.
|
|
54
|
+
*/
|
|
55
|
+
autoresize?: AutoResize;
|
|
56
|
+
/**
|
|
57
|
+
* Whether the chart is in loading state.
|
|
58
|
+
*/
|
|
59
|
+
loading?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Configuration item of loading animation.
|
|
62
|
+
*/
|
|
63
|
+
loadingOptions?: LoadingOptions;
|
|
64
|
+
/**
|
|
65
|
+
* Canvas type.
|
|
66
|
+
*/
|
|
67
|
+
canvasType?: "2d" | "legacy";
|
|
68
|
+
/**
|
|
69
|
+
* Prevent screen scroll when touching the canvas.
|
|
70
|
+
*/
|
|
71
|
+
disableScroll?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Support mouse hover behavior in PC.
|
|
74
|
+
*/
|
|
75
|
+
supportHover?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Init delay time(ms).
|
|
78
|
+
*/
|
|
79
|
+
initDelay?: number;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
type MouseEventName =
|
|
83
|
+
| "click"
|
|
84
|
+
| "dblclick"
|
|
85
|
+
| "mouseout"
|
|
86
|
+
| "mouseover"
|
|
87
|
+
| "mouseup"
|
|
88
|
+
| "mousedown"
|
|
89
|
+
| "mousemove"
|
|
90
|
+
| "contextmenu"
|
|
91
|
+
| "globalout";
|
|
92
|
+
|
|
93
|
+
type ElementEventName =
|
|
94
|
+
| MouseEventName
|
|
95
|
+
| "mousewheel"
|
|
96
|
+
| "drag"
|
|
97
|
+
| "dragstart"
|
|
98
|
+
| "dragend"
|
|
99
|
+
| "dragenter"
|
|
100
|
+
| "dragleave"
|
|
101
|
+
| "dragover"
|
|
102
|
+
| "drop";
|
|
103
|
+
|
|
104
|
+
type ZRenderEventName = `zr:${ElementEventName}`;
|
|
105
|
+
|
|
106
|
+
type OtherEventName =
|
|
107
|
+
| "highlight"
|
|
108
|
+
| "downplay"
|
|
109
|
+
| "selectchanged"
|
|
110
|
+
| "legendselectchanged"
|
|
111
|
+
| "legendselected"
|
|
112
|
+
| "legendunselected"
|
|
113
|
+
| "legendselectall"
|
|
114
|
+
| "legendinverseselect"
|
|
115
|
+
| "legendscroll"
|
|
116
|
+
| "datazoom"
|
|
117
|
+
| "datarangeselected"
|
|
118
|
+
| "graphroam"
|
|
119
|
+
| "georoam"
|
|
120
|
+
| "treeroam"
|
|
121
|
+
| "timelinechanged"
|
|
122
|
+
| "timelineplaychanged"
|
|
123
|
+
| "restore"
|
|
124
|
+
| "dataviewchanged"
|
|
125
|
+
| "magictypechanged"
|
|
126
|
+
| "geoselectchanged"
|
|
127
|
+
| "geoselected"
|
|
128
|
+
| "geounselected"
|
|
129
|
+
| "axisareaselected"
|
|
130
|
+
| "brush"
|
|
131
|
+
| "brushEnd"
|
|
132
|
+
| "brushselected"
|
|
133
|
+
| "globalcursortaken"
|
|
134
|
+
| "showtip"
|
|
135
|
+
| "hidetip";
|
|
136
|
+
|
|
137
|
+
type UniEventName =
|
|
138
|
+
| "touchstart"
|
|
139
|
+
| "touchmove"
|
|
140
|
+
| "touchcancel"
|
|
141
|
+
| "touchend"
|
|
142
|
+
| "tap"
|
|
143
|
+
| "longpress"
|
|
144
|
+
| "longtap"
|
|
145
|
+
| "transitionend"
|
|
146
|
+
| "animationstart"
|
|
147
|
+
| "animationiteration"
|
|
148
|
+
| "animationend"
|
|
149
|
+
| "touchforcechange";
|
|
150
|
+
|
|
151
|
+
type NativeEventName = `native:${ElementEventName}` | `native:${UniEventName}`;
|
|
152
|
+
|
|
153
|
+
type MouseEmits = {
|
|
154
|
+
[key in MouseEventName]: (params: ECElementEvent) => void;
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
type ZRenderEmits = {
|
|
158
|
+
[key in ZRenderEventName]: (params: ElementEvent) => void;
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
type OtherEmits = {
|
|
162
|
+
[key in OtherEventName]: (params: any) => void;
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
type NativeEmits = {
|
|
166
|
+
[key in NativeEventName]: (params: any) => void;
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
export type UniEchartsEmits = MouseEmits & ZRenderEmits & OtherEmits & NativeEmits & {
|
|
170
|
+
rendered: (params: { elapsedTime: number }) => void;
|
|
171
|
+
finished: () => void;
|
|
172
|
+
inited: () => void;
|
|
173
|
+
};
|
|
174
|
+
|
|
175
|
+
export interface UniEchartsInst extends PublicApi, Pick<
|
|
176
|
+
EChartsType,
|
|
177
|
+
"setOption" | "resize"
|
|
178
|
+
> {
|
|
179
|
+
root: NullableValue<HTMLElement>;
|
|
180
|
+
canvasId: string;
|
|
181
|
+
chart: NullableValue<EChartsType>;
|
|
182
|
+
toTempFilePath: (options?: Omit<UniApp.CanvasToTempFilePathOptions, "canvasId" | "canvas">) => Promise<UniApp.CanvasToTempFilePathRes>;
|
|
183
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|