oxy-uni-ui 1.0.1 → 1.2.0
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/LICENSE +1 -1
- package/attributes.json +1 -1
- package/components/common/abstracts/variable.scss +40 -4
- package/components/common/util.ts +44 -0
- package/components/composables/index.ts +1 -0
- package/components/composables/useVirtualScroll.ts +172 -0
- package/components/oxy-checkbox/index.scss +36 -6
- package/components/oxy-checkbox/oxy-checkbox.vue +5 -4
- package/components/oxy-checkbox/types.ts +2 -1
- package/components/oxy-col-picker/index.scss +18 -15
- package/components/oxy-col-picker/oxy-col-picker.vue +28 -3
- package/components/oxy-col-picker/types.ts +12 -0
- package/components/oxy-corner/index.scss +258 -0
- package/components/oxy-corner/oxy-corner.vue +67 -0
- package/components/oxy-corner/types.ts +50 -0
- package/components/oxy-drop-menu/index.scss +4 -0
- package/components/oxy-drop-menu/oxy-drop-menu.vue +5 -3
- package/components/oxy-drop-menu/types.ts +1 -1
- package/components/oxy-drop-menu-item/index.scss +4 -4
- package/components/oxy-drop-menu-item/oxy-drop-menu-item.vue +2 -0
- package/components/oxy-file-list/index.scss +83 -0
- package/components/oxy-file-list/oxy-file-list.vue +213 -0
- package/components/oxy-file-list/types.ts +54 -0
- package/components/oxy-list/index.scss +5 -0
- package/components/oxy-list/oxy-list.vue +206 -0
- package/components/oxy-list/types.ts +38 -0
- package/components/oxy-slider/index.scss +2 -2
- package/components/oxy-swiper/index.scss +1 -2
- package/components/oxy-textarea/oxy-textarea.vue +0 -4
- package/components/oxy-tree/components/tree-node-content.vue +72 -0
- package/components/oxy-tree/index.scss +83 -0
- package/components/oxy-tree/index.ts +51 -0
- package/components/oxy-tree/oxy-tree.vue +406 -0
- package/components/oxy-tree/types.ts +85 -0
- package/components/oxy-tree/utils.ts +51 -0
- package/components/oxy-upload/images/audio.png +0 -0
- package/components/oxy-upload/images/excle.png +0 -0
- package/components/oxy-upload/images/other.png +0 -0
- package/components/oxy-upload/images/pdf.png +0 -0
- package/components/oxy-upload/images/pic.png +0 -0
- package/components/oxy-upload/images/txt.png +0 -0
- package/components/oxy-upload/images/video.png +0 -0
- package/components/oxy-upload/images/word.png +0 -0
- package/components/oxy-upload/index.scss +50 -0
- package/components/oxy-upload/oxy-upload.vue +93 -7
- package/components/oxy-upload/types.ts +22 -1
- package/components/oxy-virtual-scroll/index.scss +35 -0
- package/components/oxy-virtual-scroll/oxy-virtual-scroll.vue +143 -0
- package/components/oxy-virtual-scroll/types.ts +155 -0
- package/components/oxy-virtual-scroll/virtual-scroll.ts +81 -0
- package/global.d.ts +3 -0
- package/locale/lang/ar-SA.ts +2 -1
- package/locale/lang/en-US.ts +10 -9
- package/locale/lang/zh-CN.ts +7 -6
- package/package.json +1 -1
- package/tags.json +1 -1
- package/web-types.json +1 -1
package/locale/lang/ar-SA.ts
CHANGED
package/locale/lang/en-US.ts
CHANGED
|
@@ -5,7 +5,7 @@ export default {
|
|
|
5
5
|
day: 'Date',
|
|
6
6
|
week: 'Week',
|
|
7
7
|
month: 'Month',
|
|
8
|
-
confirm: '
|
|
8
|
+
confirm: 'Confirm',
|
|
9
9
|
startTime: 'Start Date',
|
|
10
10
|
endTime: 'End Date',
|
|
11
11
|
to: 'To',
|
|
@@ -45,7 +45,7 @@ export default {
|
|
|
45
45
|
end: 'To',
|
|
46
46
|
to: 'To',
|
|
47
47
|
placeholder: 'Select',
|
|
48
|
-
confirm: '
|
|
48
|
+
confirm: 'Confirm',
|
|
49
49
|
cancel: 'Cancel'
|
|
50
50
|
},
|
|
51
51
|
collapse: {
|
|
@@ -55,7 +55,8 @@ export default {
|
|
|
55
55
|
colPicker: {
|
|
56
56
|
title: 'Select',
|
|
57
57
|
placeholder: 'Select',
|
|
58
|
-
select: 'Select'
|
|
58
|
+
select: 'Select',
|
|
59
|
+
confirm: 'Confirm'
|
|
59
60
|
},
|
|
60
61
|
loadmore: {
|
|
61
62
|
loading: 'Loading...',
|
|
@@ -64,17 +65,17 @@ export default {
|
|
|
64
65
|
retry: 'Refresh'
|
|
65
66
|
},
|
|
66
67
|
imgCropper: {
|
|
67
|
-
confirm: '
|
|
68
|
+
confirm: 'Confirm',
|
|
68
69
|
cancel: 'Cancel'
|
|
69
70
|
},
|
|
70
71
|
messageBox: {
|
|
71
72
|
inputPlaceholder: 'Please input information',
|
|
72
|
-
confirm: '
|
|
73
|
+
confirm: 'Confirm',
|
|
73
74
|
cancel: 'Cancel',
|
|
74
75
|
inputNoValidate: 'Please ensure you input correct information'
|
|
75
76
|
},
|
|
76
77
|
numberKeyboard: {
|
|
77
|
-
confirm: '
|
|
78
|
+
confirm: 'Confirm'
|
|
78
79
|
},
|
|
79
80
|
pagination: {
|
|
80
81
|
prev: 'Previous',
|
|
@@ -85,7 +86,7 @@ export default {
|
|
|
85
86
|
},
|
|
86
87
|
picker: {
|
|
87
88
|
cancel: 'Cancel',
|
|
88
|
-
done: '
|
|
89
|
+
done: 'Confirm',
|
|
89
90
|
placeholder: 'Select'
|
|
90
91
|
},
|
|
91
92
|
search: {
|
|
@@ -111,7 +112,7 @@ export default {
|
|
|
111
112
|
title: 'Select',
|
|
112
113
|
placeholder: 'Select',
|
|
113
114
|
select: 'Select',
|
|
114
|
-
confirm: '
|
|
115
|
+
confirm: 'Confirm',
|
|
115
116
|
filterPlaceholder: 'Search'
|
|
116
117
|
},
|
|
117
118
|
tag: {
|
|
@@ -125,7 +126,7 @@ export default {
|
|
|
125
126
|
indexLabel: 'index'
|
|
126
127
|
},
|
|
127
128
|
signature: {
|
|
128
|
-
confirmText: '
|
|
129
|
+
confirmText: 'Confirm',
|
|
129
130
|
clearText: 'Clear',
|
|
130
131
|
revokeText: 'Undo',
|
|
131
132
|
restoreText: 'Restore'
|
package/locale/lang/zh-CN.ts
CHANGED
|
@@ -51,14 +51,15 @@ export default {
|
|
|
51
51
|
colPicker: {
|
|
52
52
|
title: '请选择',
|
|
53
53
|
placeholder: '请选择',
|
|
54
|
-
select: '请选择'
|
|
54
|
+
select: '请选择',
|
|
55
|
+
confirm: '确定'
|
|
55
56
|
},
|
|
56
57
|
datetimePicker: {
|
|
57
58
|
start: '开始时间',
|
|
58
59
|
end: '结束时间',
|
|
59
60
|
to: '至',
|
|
60
61
|
placeholder: '请选择',
|
|
61
|
-
confirm: '
|
|
62
|
+
confirm: '确定',
|
|
62
63
|
cancel: '取消'
|
|
63
64
|
},
|
|
64
65
|
loadmore: {
|
|
@@ -74,7 +75,7 @@ export default {
|
|
|
74
75
|
inputNoValidate: '输入的数据不合法'
|
|
75
76
|
},
|
|
76
77
|
numberKeyboard: {
|
|
77
|
-
confirm: '
|
|
78
|
+
confirm: '确定'
|
|
78
79
|
},
|
|
79
80
|
pagination: {
|
|
80
81
|
prev: '上一页',
|
|
@@ -85,11 +86,11 @@ export default {
|
|
|
85
86
|
},
|
|
86
87
|
picker: {
|
|
87
88
|
cancel: '取消',
|
|
88
|
-
done: '
|
|
89
|
+
done: '确定',
|
|
89
90
|
placeholder: '请选择'
|
|
90
91
|
},
|
|
91
92
|
imgCropper: {
|
|
92
|
-
confirm: '
|
|
93
|
+
confirm: '确定',
|
|
93
94
|
cancel: '取消'
|
|
94
95
|
},
|
|
95
96
|
search: {
|
|
@@ -98,7 +99,7 @@ export default {
|
|
|
98
99
|
},
|
|
99
100
|
steps: {
|
|
100
101
|
wait: '未开始',
|
|
101
|
-
finished: '
|
|
102
|
+
finished: '已确定',
|
|
102
103
|
process: '进行中',
|
|
103
104
|
failed: '失败'
|
|
104
105
|
},
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"id":"oxy-uni-ui","name":"oxy-uni-ui","displayName":"oxy-uni-ui 基于vue3+Typescript的高颜值组件库","version":"1.0
|
|
1
|
+
{"id":"oxy-uni-ui","name":"oxy-uni-ui","displayName":"oxy-uni-ui 基于vue3+Typescript的高颜值组件库","version":"1.2.0","license":"MIT","description":"一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。","keywords":["oxy-uni-ui","国际化","组件库","vue3","暗黑模式"],"main":"index.ts","engines":{"HBuilderX":"^3.8.7"},"dcloudext":{"type":"component-vue","sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"contact":{"qq":""},"declaration":{"ads":"无","data":"插件不采集任何数据","permissions":"无"},"npmurl":"https://www.npmjs.com/package/oxy-uni-ui"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"web-types":"web-types.json","uni_modules":{"dependencies":[],"encrypt":[],"platforms":{"cloud":{"tcb":"y","aliyun":"y","alipay":"n"},"client":{"Vue":{"vue2":"n","vue3":"y"},"App":{"app-vue":"y","app-nvue":"n","app-uvue":"n"},"H5-mobile":{"Safari":"y","Android Browser":"y","微信浏览器(Android)":"y","QQ浏览器(Android)":"y"},"H5-pc":{"Chrome":"y","IE":"u","Edge":"y","Firefox":"y","Safari":"y"},"小程序":{"微信":"y","阿里":"y","百度":"u","字节跳动":"u","QQ":"y","钉钉":"y","快手":"u","飞书":"u","京东":"u"},"快应用":{"华为":"u","联盟":"u"}}}},"peerDependencies":{"vue":">=3.2.47"}}
|
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","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-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-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-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-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","success","fail","progress","chooseerror","change","remove","oversize"],"description":"图片、视频和文件上传组件\n\n[Docs](https://oxy-ui.cn/component/upload.html#upload)"},"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","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)"}}
|