oxy-uni-ui 2.1.0 → 2.1.1

package/components/oxy-voice-player/index.scss

@@ -4,7 +4,7 @@
 /* voice-player component variables */
 $-voice-player-bg: var(--oxy-voice-player-bg, resultColor(135deg, $-color-theme, 'dark' 'light', #4d80f0 #764ba2, 0% 100%)) !default;
 $-voice-player-bg-dark: var(--oxy-voice-player-bg-dark, linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)) !default;
-$-voice-player-radius: var(--oxy-voice-player-radius, 24rpx) !default;
+$-voice-player-radius: var(--oxy-voice-player-radius, $-radius-xl) !default;
 $-voice-player-shadow: var(--oxy-voice-player-shadow, 0 20rpx 60rpx rgba(0, 0, 0, 0.15)) !default;
 $-voice-player-playing-shadow: var(--oxy-voice-player-playing-shadow, 0 20rpx 60rpx rgba(102, 126, 234, 0.3)) !default;
 
@@ -76,7 +76,7 @@ $-voice-player-extra-btn-icon-shadow: var(--oxy-voice-player-extra-btn-icon-shad
 $-voice-player-extra-btn-favorite-color: var(--oxy-voice-player-extra-btn-favorite-color, #ff4757) !default;
 
 $-voice-player-volume-panel-bg: var(--oxy-voice-player-volume-panel-bg, rgba(255, 255, 255, 0.15)) !default;
-$-voice-player-volume-panel-radius: var(--oxy-voice-player-volume-panel-radius, 16rpx) !default;
+$-voice-player-volume-panel-radius: var(--oxy-voice-player-volume-panel-radius, $-radius-lg) !default;
 $-voice-player-volume-panel-shadow: var(--oxy-voice-player-volume-panel-shadow, 0 4rpx 16rpx rgba(0, 0, 0, 0.1)) !default;
 $-voice-player-volume-track-height: var(--oxy-voice-player-volume-track-height, 3rpx) !default;
 $-voice-player-volume-track-radius: var(--oxy-voice-player-volume-track-radius, 2rpx) !default;
@@ -207,7 +207,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     display: flex;
     justify-content: center;
     margin-bottom: 40rpx;
-    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all 0.4s $-transition-timing-function-base;
     opacity: 1;
     transform: translateX(0);
     max-height: 500rpx;
@@ -237,11 +237,11 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(cover-disc) {
     width: 100%;
     height: 100%;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     position: relative;
     overflow: hidden;
     box-shadow: $-voice-player-cover-shadow;
-    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all 0.4s $-transition-timing-function-base;
     transform-origin: center center;
 
     @include when(rotating) {
@@ -257,7 +257,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(cover-image) {
     width: 100%;
     height: 100%;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     display: block;
     object-fit: cover;
   }
@@ -269,7 +269,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     transform: translate(-50%, -50%);
     width: $-voice-player-cover-center-size;
     height: $-voice-player-cover-center-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     background: $-voice-player-cover-center-bg;
     box-shadow: $-voice-player-cover-center-shadow;
     z-index: 2;
@@ -282,7 +282,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
       transform: translate(-50%, -50%);
       width: $-voice-player-cover-center-dot-size;
       height: $-voice-player-cover-center-dot-size;
-      border-radius: 50%;
+      border-radius: $-radius-circle;
       background: $-voice-player-cover-center-dot-bg;
       box-shadow: $-voice-player-cover-center-dot-shadow;
     }
@@ -291,7 +291,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(info) {
     text-align: center;
     margin-bottom: 40rpx;
-    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all 0.4s $-transition-timing-function-base;
     opacity: 1;
     transform: translateX(0);
     max-height: 200rpx;
@@ -311,7 +311,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(song-title) {
     display: block;
     font-size: $-voice-player-title-fs;
-    font-weight: 600;
+    font-weight: $-fw-semibold;
     color: $-voice-player-title-color;
     margin-bottom: 20rpx;
     text-shadow: $-voice-player-title-shadow;
@@ -335,7 +335,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(lyrics) {
     height: $-voice-player-lyric-height;
     margin-bottom: 32rpx;
-    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all 0.4s $-transition-timing-function-base;
     background: transparent;
     overflow: hidden;
 
@@ -361,7 +361,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     @include when(active) {
       .oxy-voice-player__lyric-text {
         font-size: $-voice-player-lyric-active-fs;
-        font-weight: 600;
+        font-weight: $-fw-semibold;
         color: $-voice-player-lyric-active-color;
         text-shadow: $-voice-player-lyric-active-shadow;
       }
@@ -405,14 +405,14 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(current-time) {
     font-size: $-voice-player-time-fs;
     color: $-voice-player-time-color;
-    font-weight: 500;
+    font-weight: $-fw-medium;
     text-shadow: $-voice-player-time-shadow;
   }
 
   @include e(total-time) {
     font-size: $-voice-player-time-fs;
     color: $-voice-player-time-color;
-    font-weight: 500;
+    font-weight: $-fw-medium;
     text-shadow: $-voice-player-time-shadow;
   }
 
@@ -466,9 +466,9 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     width: $-voice-player-progress-dot-size;
     height: $-voice-player-progress-dot-size;
     background: $-voice-player-progress-dot-bg;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     box-shadow: $-voice-player-progress-dot-shadow;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-base $-transition-timing-function-base;
     opacity: 0;
 
     @include when(dragging) {
@@ -510,13 +510,13 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(control-btn) {
     width: $-voice-player-control-btn-size;
     height: $-voice-player-control-btn-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     border: none;
     background: $-voice-player-control-btn-bg;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-slow $-transition-timing-function-base;
     box-shadow: $-voice-player-control-btn-shadow;
 
     &:active {
@@ -549,13 +549,13 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(extra-btn) {
     width: $-voice-player-extra-btn-size;
     height: $-voice-player-extra-btn-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     border: none;
     background: $-voice-player-extra-btn-bg;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-slow $-transition-timing-function-base;
     box-shadow: $-voice-player-extra-btn-shadow;
 
     &:active {
@@ -624,10 +624,10 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     width: $-voice-player-volume-dot-size;
     height: $-voice-player-volume-dot-size;
     background: $-voice-player-volume-dot-bg;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     box-shadow: $-voice-player-volume-dot-shadow;
     opacity: 0;
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-base $-transition-timing-function-base;
   }
 
   @include e(volume-slider) {
@@ -643,7 +643,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(volume-text) {
     font-size: $-voice-player-volume-text-fs;
     color: $-voice-player-volume-text-color;
-    font-weight: 500;
+    font-weight: $-fw-medium;
     min-width: 70rpx;
     text-align: right;
     text-shadow: $-voice-player-volume-text-shadow;
@@ -658,7 +658,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     box-shadow: $-voice-player-mini-shadow;
     min-width: 0;
     overflow: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-slow $-transition-timing-function-base;
   }
 
   @include e(mini-cover) {
@@ -673,11 +673,11 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(mini-cover-disc) {
     width: $-voice-player-mini-cover-size;
     height: $-voice-player-mini-cover-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     position: relative;
     overflow: hidden;
     box-shadow: $-voice-player-mini-cover-shadow;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-slow $-transition-timing-function-base;
 
     @include when(rotating) {
       animation: rotateDisc 20s linear infinite;
@@ -691,7 +691,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(mini-cover-image) {
     width: $-voice-player-mini-cover-size;
     height: $-voice-player-mini-cover-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     display: block;
     object-fit: cover;
   }
@@ -703,7 +703,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
     transform: translate(-50%, -50%);
     width: $-voice-player-mini-cover-center-size;
     height: $-voice-player-mini-cover-center-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     background: $-voice-player-mini-cover-center-bg;
     box-shadow: $-voice-player-mini-cover-center-shadow;
     z-index: 2;
@@ -716,7 +716,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
       transform: translate(-50%, -50%);
       width: $-voice-player-mini-cover-center-dot-size;
       height: $-voice-player-mini-cover-center-dot-size;
-      border-radius: 50%;
+      border-radius: $-radius-circle;
       background: $-voice-player-cover-center-dot-bg;
       box-shadow: $-voice-player-mini-cover-center-dot-shadow;
     }
@@ -732,7 +732,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(mini-title) {
     display: block;
     font-size: $-voice-player-mini-title-fs;
-    font-weight: 600;
+    font-weight: $-fw-semibold;
     color: $-voice-player-mini-title-color;
     margin-bottom: 8rpx;
     overflow: hidden;
@@ -759,13 +759,13 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(mini-control-btn) {
     width: $-voice-player-mini-control-btn-size;
     height: $-voice-player-mini-control-btn-size;
-    border-radius: 50%;
+    border-radius: $-radius-circle;
     border: none;
     background: $-voice-player-control-btn-bg;
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: all $-transition-duration-slow $-transition-timing-function-base;
     box-shadow: $-voice-player-control-btn-shadow;
 
     &:active {
@@ -816,7 +816,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
       width: $-voice-player-mini-progress-dot-size;
       height: $-voice-player-mini-progress-dot-size;
       background: $-voice-player-mini-progress-dot-bg;
-      border-radius: 50%;
+      border-radius: $-radius-circle;
       box-shadow: $-voice-player-mini-progress-dot-shadow;
       opacity: 0;
       transition: opacity 0.2s ease;
@@ -839,13 +839,13 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
   @include e(simple-current-time) {
     font-size: $-voice-player-simple-time-fs;
     color: $-voice-player-simple-time-color;
-    font-weight: 500;
+    font-weight: $-fw-medium;
   }
 
   @include e(simple-total-time) {
     font-size: $-voice-player-simple-time-fs;
     color: $-voice-player-simple-time-color;
-    font-weight: 500;
+    font-weight: $-fw-medium;
   }
 
   @include e(simple-progress-section) {
@@ -888,7 +888,7 @@ $-voice-player-simple-progress-dot-shadow: var(--oxy-voice-player-simple-progres
       width: $-voice-player-simple-progress-dot-size;
       height: $-voice-player-simple-progress-dot-size;
       background: $-voice-player-simple-progress-dot-bg;
-      border-radius: 50%;
+      border-radius: $-radius-circle;
       box-shadow: $-voice-player-simple-progress-dot-shadow;
       opacity: 0;
       transition: opacity 0.2s ease;

package/components/oxy-watermark/index.scss

@@ -4,7 +4,7 @@
 @include b(watermark) {
   position: absolute;
   z-index: 1100;
-  opacity: 0.5;
+  opacity: $-opacity-muted;
   left: 0;
   right: 0;
   top: 0;

package/package.json

@@ -2,7 +2,7 @@
   "id": "oxy-uni-ui",
   "name": "oxy-uni-ui",
   "displayName": "oxy-uni-ui 基于vue3+Typescript的高颜值组件库",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "license": "MIT",
   "description": "一个基于Vue3+TS开发的uni-app组件库，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。",
   "keywords": [

package/tags.json

@@ -1 +1 @@
-{"oxy-action-sheet":{"attributes":["v-model","actions","panels","title","cancel-text","close-on-click-action","close-on-click-modal","duration","z-index","max-width","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":["value","max","dot","inverted","type","color","offset","absolute"],"description":"出现在按钮、图标旁的数字或状态标记。\n\n[Docs](https://oxy-ui.cn/component/badge.html#badge)"},"oxy-button":{"attributes":["type","size","plain","disabled","loading","loading-text","loading-type","loading-size","icon","icon-size","icon-prefix","block","round","square","color","text-color","open-type","hover-class","hover-stop-propagation","hover-start-time","hover-stay-time","lang","session-from","send-message-title","send-message-path","send-message-img","app-parameter","show-message-card"],"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","popup-max-width","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","error","required","size","align-right","use-default-slot","column-change","auto-complete","show-confirm","display-format","before-open","before-confirm","popup-props","popup-max-width","title-class","value-class","label-class","arrow-class","arrow-direction","is-link","border","input-align","label-width","label-align","label-style","title-style","selected-item-style","selected-item-class","selected-line-style","selected-line-class","list-item-style","list-item-class","list-item-label-style","list-item-label-class","list-item-tip-style","list-item-tip-class","checked-icon-name","checked-icon-color","checked-icon-size","loading-icon-name","loading-icon-color","loading-icon-size","loading-text","loading-text-style","loading-text-class","confirm-button-text","confirm-button-type","confirm-button-size","confirm-button-round","confirm-button-style","confirm-button-class","confirm-button-loading","confirm-button-disabled","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-footer":{"attributes":["height","background-color"],"description":"固定在页面底部的容器组件，常用于放置操作按钮、版权信息等内容。\n\n[Docs](https://oxy-ui.cn/component/footer.html#footer)"},"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-guidance":{"attributes":["step"],"description":"用于引导用户完成一系列操作的步骤提示组件，常用于新用户首次使用应用时的操作指引。\n\n[Docs](https://oxy-ui.cn/component/guidance.html#guidance)"},"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-long-press-menu":{"attributes":["mode","menus","content","visible-arrow","menu-click","longpress"],"description":"类似于微信消息的长按弹出菜单组件。\n\n[Docs](https://oxy-ui.cn/component/long-press-menu.html#longpressmenu)"},"oxy-message-box":{"attributes":["selector","width","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","avoid-menu-button-mode","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","max-width","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","searchable","search-placeholder","search-key","filter-method","confirm","cancel","open","clear","search"],"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","max-width","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-qrcode":{"attributes":["text","logo","width","height","logo-size","padding","foreground","background","ecc","mode","pd-color","pd-radius"],"description":"用于生成二维码图片，支持自定义样式、Logo、颜色等功能。\n\n[Docs](https://oxy-ui.cn/component/qrcode.html#qrcode)"},"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","popup-max-width","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","no-border","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-splitter":{"attributes":["layout","lazy","custom-class","custom-style"],"description":"通过拖拽分割条调整相邻面板尺寸，支持横向/纵向布局、懒更新和折叠能力。\n\n[Docs](https://oxy-ui.cn/component/splitter.html#splitter)"},"oxy-splitter-panel":{"attributes":["size","min","max","resizable","collapsible","custom-class","custom-style"],"description":"通过拖拽分割条调整相邻面板尺寸，支持横向/纵向布局、懒更新和折叠能力。\n\n[Docs](https://oxy-ui.cn/component/splitter.html#splitterpanel)"},"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","description","icon","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","muted","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","pills","pills-color","fullscreen","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","toggle-expand","tooltip","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-use-toast":{"description":"用于便捷地调用 Toast 轻提示组件。\n\n[Docs](https://oxy-ui.cn/component/use-toast.html#usetoast)"},"oxy-verification-code":{"attributes":["security-code","is-case-check","code-type","code-length","width","height","line-length","background-color","line-colors","colors","refresh"],"description":"常用于登录验证，可自动生成，或通过接口获取。\n\n[Docs](https://oxy-ui.cn/component/verification-code.html#verificationcode)"},"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-voice-player":{"attributes":["src","title","artist","album","cover","loop","volume","playlist","play-mode","theme","show-cover","show-info","show-progress","show-prev-next","extra-controls","show-lyrics","lyrics","show-translation","view-mode","enable-rotation","can-seek","default-cover","custom-style","custom-class","play","pause","stop","ended","canplay","timeupdate","prev","next","song-change","play-mode-change","mode-change","volume-change","favorite-change","seek","cover-error","error"],"description":"一个功能完整的音频播放器组件，支持播放列表、歌词显示、四种显示模式。\n\n[Docs](https://oxy-ui.cn/component/voice-player.html#voiceplayer)"},"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","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)"}}
+{"oxy-action-sheet":{"attributes":["v-model","actions","panels","title","cancel-text","close-on-click-action","close-on-click-modal","duration","z-index","max-width","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":["model-value","show-zero","max","is-dot","hidden","type","bg-color","top","right"],"description":"出现在按钮、图标旁的数字或状态标记。\n\n[Docs](https://oxy-ui.cn/component/badge.html#badge)"},"oxy-button":{"attributes":["type","size","plain","round","disabled","hairline","loading","loading-color","icon","class-prefix","block","open-type","hover-stop-propagation","lang","session-from","send-message-title","send-message-path","send-message-img","app-parameter","show-message-card","button-id","scope"],"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","popup-max-width","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","label","label-width","placeholder","disabled","readonly","required","marker-side","size","error","align-right","ellipsis","value-key","label-key","tip-key","title","close-on-click-modal","safe-area-inset-bottom","z-index","popup-max-width","root-portal","loading-color","auto-complete","column-change","display-format","before-open","before-confirm","show-confirm","confirm-text","prop","rules","line-width","line-height","confirm","close"],"description":"使用多列选择器来做级联，交互效果较好，多列选择器支持无限级选择。\n\n[Docs](https://oxy-ui.cn/component/col-picker.html#colpicker)"},"oxy-collapse-item":{"attributes":["name","title","disabled","before-expend","custom-class","custom-body-style","custom-body-class"],"description":"将一组内容放置在多个折叠面板中，点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapseitem)"},"oxy-collapse":{"attributes":["v-model","accordion","viewmore","use-more-slot","line-num","custom-more-slot-class","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","value-key","label-key","formatter","filter","column-formatter","min-date","max-date","min-hour","max-hour","min-minute","max-minute","use-second","min-second","max-second","immediate-change","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","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","min-second","max-second","value-key","label-key","required","marker-side","size","label-width","error","align-right","before-confirm","before-open","close-on-click-modal","z-index","popup-max-width","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","use-second","clearable","root-portal","open","change","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","z-index"],"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","custom-title","custom-icon","custom-popup-class","custom-popup-style","popup-height","popup-max-width","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-footer":{"attributes":["height","background-color"],"description":"固定在页面底部的容器组件，常用于放置操作按钮、版权信息等内容。\n\n[Docs](https://oxy-ui.cn/component/footer.html#footer)"},"oxy-form":{"attributes":["model","rules","reset-on-change","error-type"],"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-guidance":{"attributes":["step"],"description":"用于引导用户完成一系列操作的步骤提示组件，常用于新用户首次使用应用时的操作指引。\n\n[Docs](https://oxy-ui.cn/component/guidance.html#guidance)"},"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","hold-keyboard","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","align-right","input","focus","blur","clear","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon","click"],"description":"用户可以在文本框里输入内容。\n\n[Docs](https://oxy-ui.cn/component/input.html#input)"},"oxy-keyboard":{"attributes":["v-model:visible","v-model","title","mode","z-index","popup-max-width","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","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-long-press-menu":{"attributes":["mode","menus","content","visible-arrow","menu-click","longpress"],"description":"类似于微信消息的长按弹出菜单组件。\n\n[Docs](https://oxy-ui.cn/component/long-press-menu.html#longpressmenu)"},"oxy-message-box":{"attributes":["selector","width","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","avoid-menu-button-mode","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","max-width","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","popup-max-width","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","clearable","root-portal","before-open","searchable","search-placeholder","search-key","filter-method","confirm","cancel","open","clear","search"],"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","max-width","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-qrcode":{"attributes":["text","logo","width","height","logo-size","padding","foreground","background","ecc","mode","pd-color","pd-radius"],"description":"用于生成二维码图片，支持自定义样式、Logo、颜色等功能。\n\n[Docs](https://oxy-ui.cn/component/qrcode.html#qrcode)"},"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"],"description":"用于渲染 Markdown/富文本内容，支持编辑模式与流式内容更新。\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","popup-max-width","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","columns","value-key","label-key","label","label-width","placeholder","disabled","readonly","multiple","align-right","filterable","clear","collapse-tags","collapse-tags-num","empty-tips","loading","loading-text","format","def-item","no-border","inputChange","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","custom-min-class","custom-max-class","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-splitter":{"attributes":["layout","lazy","custom-class","custom-style"],"description":"通过拖拽分割条调整相邻面板尺寸，支持横向/纵向布局、懒更新和折叠能力。\n\n[Docs](https://oxy-ui.cn/component/splitter.html#splitter)"},"oxy-splitter-panel":{"attributes":["size","min","max","resizable","collapsible","custom-class","custom-style"],"description":"通过拖拽分割条调整相邻面板尺寸，支持横向/纵向布局、懒更新和折叠能力。\n\n[Docs](https://oxy-ui.cn/component/splitter.html#splitterpanel)"},"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","description","icon","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","previous-margin","next-margin","snap-to-edge","indicator","indicator-position","image-mode","value-key","text-key","autoplay-video","stop-previous-video","stop-autoplay-when-video-play","muted","video-loop","adjust-height","adjust-vertical-height","custom-indicator-class","custom-image-class","custom-prev-image-class","custom-next-image-class","custom-item-class","custom-prev-class","custom-next-class","custom-text-class","custom-text-style","custom-class","custom-style","click","change","animationfinish","update:current"],"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","pills","pills-color","fullscreen","sticky","offset-top","swipeable","auto-line-width","line-width","line-height","color","inactive-color","animated","duration","slidable","change","click","disabled"],"description":"标签页组件，用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tabs)"},"oxy-tab":{"attributes":["name","title","disabled","lazy","badge-props"],"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","toggle-expand","tooltip","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"],"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-use-toast":{"description":"用于便捷地调用 Toast 轻提示组件。\n\n[Docs](https://oxy-ui.cn/component/use-toast.html#usetoast)"},"oxy-verification-code":{"attributes":["security-code","is-case-check","code-type","code-length","width","height","line-length","background-color","line-colors","colors","refresh"],"description":"常用于登录验证，可自动生成，或通过接口获取。\n\n[Docs](https://oxy-ui.cn/component/verification-code.html#verificationcode)"},"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-voice-player":{"attributes":["src","title","artist","album","cover","loop","volume","playlist","play-mode","theme","show-cover","show-info","show-progress","show-prev-next","extra-controls","show-lyrics","lyrics","show-translation","view-mode","enable-rotation","can-seek","default-cover","custom-style","custom-class","play","pause","stop","ended","canplay","timeupdate","prev","next","song-change","play-mode-change","mode-change","volume-change","favorite-change","seek","cover-error","error"],"description":"一个功能完整的音频播放器组件，支持播放列表、歌词显示、四种显示模式。\n\n[Docs](https://oxy-ui.cn/component/voice-player.html#voiceplayer)"},"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","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)"}}