oxy-uni-ui 1.2.3 → 2.0.0

package/components/oxy-watermark/oxy-watermark.vue

@@ -3,7 +3,7 @@
     <canvas
       v-if="!canvasOffScreenable && showCanvas"
       type="2d"
-      :style="{ height: canvasHeight + 'px', width: canvasWidth + 'px', visibility: 'hidden' }"
+      :style="{ height: unitConvert(canvasHeight, 0, { output: 'px' }), width: unitConvert(canvasWidth, 0, { output: 'px' }), visibility: 'hidden' }"
       :canvas-id="canvasId"
       :id="canvasId"
     />
@@ -23,7 +23,7 @@ export default {
 
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch, nextTick, type CSSProperties } from 'vue'
-import { addUnit, buildUrlWithParams, isBase64Image, objToStyle, uuid } from '../common/util'
+import { buildUrlWithParams, isBase64Image, objToStyle, unitConvert, unitConvertWithDefault, uuid } from '../common/util'
 import { watermarkProps } from './types'
 
 const props = defineProps(watermarkProps)
@@ -40,9 +40,18 @@ const canvasId = ref<string>(`water${uuid()}`) // canvas 组件的唯一标识
 const waterMarkUrl = ref<string>('') // canvas生成base64水印
 const canvasOffScreenable = ref<boolean>(uni.canIUse('createOffscreenCanvas') && Boolean(uni.createOffscreenCanvas)) // 是否可以使用离屏canvas
 const pixelRatio = ref<number>(uni.getSystemInfoSync().pixelRatio) // 像素比
-const canvasHeight = ref<number>((props.height + props.gutterY) * pixelRatio.value) // canvas画布高度
-const canvasWidth = ref<number>((props.width + props.gutterX) * pixelRatio.value) // canvas画布宽度
+const toNumber = (value: number | string | null | undefined) => unitConvertWithDefault(value, { defaultUnit: 'rpx' })
+const watermarkWidth = computed(() => toNumber(props.width))
+const watermarkHeight = computed(() => toNumber(props.height))
+const gutterX = computed(() => toNumber(props.gutterX))
+const gutterY = computed(() => toNumber(props.gutterY))
+const imageHeight = computed(() => toNumber(props.imageHeight))
+const imageWidth = computed(() => toNumber(props.imageWidth))
+const fontSize = computed(() => toNumber(props.size))
+const canvasHeight = ref<number>((watermarkHeight.value + gutterY.value) * pixelRatio.value) // canvas画布高度
+const canvasWidth = ref<number>((watermarkWidth.value + gutterX.value) * pixelRatio.value) // canvas画布宽度
 const showCanvas = ref<boolean>(true) // 是否展示canvas
+const toPx = (value: string | number | null | undefined) => unitConvert(value, 0, { output: 'px' })
 
 /**
  * 水印css类
@@ -61,7 +70,7 @@ const rootClass = computed(() => {
 const rootStyle = computed(() => {
   const style: CSSProperties = {
     opacity: props.opacity,
-    backgroundSize: addUnit(props.width + props.gutterX)
+    backgroundSize: unitConvert(watermarkWidth.value + gutterX.value, 0, { output: 'px' })
   }
   if (waterMarkUrl.value) {
     style['backgroundImage'] = `url('${waterMarkUrl.value}')`
@@ -75,8 +84,8 @@ onMounted(() => {
 
 function doReset() {
   showCanvas.value = true
-  canvasHeight.value = (props.height + props.gutterY) * pixelRatio.value
-  canvasWidth.value = (props.width + props.gutterX) * pixelRatio.value
+  canvasHeight.value = (watermarkHeight.value + gutterY.value) * pixelRatio.value
+  canvasWidth.value = (watermarkWidth.value + gutterX.value) * pixelRatio.value
   nextTick(() => {
     doInit()
   })
@@ -87,10 +96,23 @@ function doInit() {
   // h5使用document.createElement创建canvas，不用展示canvas标签
   showCanvas.value = false
   // #endif
-  const { width, height, color, size, fontStyle, fontWeight, fontFamily, content, rotate, gutterX, gutterY, image, imageHeight, imageWidth } = props
-
   // 创建水印
-  createWaterMark(width, height, color, size, fontStyle, fontWeight, fontFamily, content, rotate, gutterX, gutterY, image, imageHeight, imageWidth)
+  createWaterMark(
+    watermarkWidth.value,
+    watermarkHeight.value,
+    props.color,
+    fontSize.value,
+    props.fontStyle,
+    props.fontWeight,
+    props.fontFamily,
+    props.content,
+    props.rotate,
+    gutterX.value,
+    gutterY.value,
+    props.image,
+    imageHeight.value,
+    imageWidth.value
+  )
 }
 
 /**
@@ -289,8 +311,8 @@ function createH5Canvas(
 ) {
   const canvas = document.createElement('canvas')
   const ctx = canvas.getContext('2d')
-  canvas.setAttribute('width', `${canvasWidth}px`)
-  canvas.setAttribute('height', `${canvasHeight}px`)
+  canvas.setAttribute('width', toPx(canvasWidth))
+  canvas.setAttribute('height', toPx(canvasHeight))
   if (ctx) {
     if (image) {
       const img = new Image()
@@ -334,7 +356,7 @@ function drawTextOffScreen(
   ctx.textAlign = 'center'
   ctx.translate(contentWidth / 2, contentWidth / 2)
   ctx.rotate((Math.PI / 180) * rotate)
-  ctx.font = `${fontStyle} normal ${fontWeight} ${fontSize}px/${contentHeight}px ${fontFamily}`
+  ctx.font = `${fontStyle} normal ${fontWeight} ${toPx(fontSize)}/${toPx(contentHeight)} ${fontFamily}`
   ctx.fillStyle = color
   ctx.fillText(content, 0, 0)
   ctx.restore()

package/components/oxy-watermark/types.ts

@@ -12,29 +12,29 @@ export const watermarkProps = {
    */
   image: makeStringProp(''),
   /**
-   * 图片高度
+   * 图片高度，支持 number / string（如 `200rpx`、`100px`），number 与纯数字字符串按 rpx 处理
    */
-  imageHeight: makeNumberProp(100),
+  imageHeight: makeNumericProp(200),
   /**
-   * 图片高度
+   * 图片宽度，支持 number / string（如 `200rpx`、`100px`），number 与纯数字字符串按 rpx 处理
    */
-  imageWidth: makeNumberProp(100),
+  imageWidth: makeNumericProp(200),
   /**
-   * X轴间距，单位px
+   * X轴间距，支持 number / string（如 `20rpx`、`10px`），number 与纯数字字符串按 rpx 处理
    */
-  gutterX: makeNumberProp(0),
+  gutterX: makeNumericProp(0),
   /**
-   * Y轴间距，单位px
+   * Y轴间距，支持 number / string（如 `20rpx`、`10px`），number 与纯数字字符串按 rpx 处理
    */
-  gutterY: makeNumberProp(0),
+  gutterY: makeNumericProp(0),
   /**
-   * canvas画布宽度，单位px
+   * canvas画布宽度，支持 number / string（如 `200rpx`、`100px`），number 与纯数字字符串按 rpx 处理
    */
-  width: makeNumberProp(100),
+  width: makeNumericProp(200),
   /**
-   * canvas画布高度，单位px
+   * canvas画布高度，支持 number / string（如 `200rpx`、`100px`），number 与纯数字字符串按 rpx 处理
    */
-  height: makeNumberProp(100),
+  height: makeNumericProp(200),
   /**
    * 是否为全屏水印
    */
@@ -44,9 +44,9 @@ export const watermarkProps = {
    */
   color: makeStringProp('#8c8c8c'),
   /**
-   * 水印字体大小，单位px
+   * 水印字体大小，支持 number / string（如 `28rpx`、`14px`），number 与纯数字字符串按 rpx 处理
    */
-  size: makeNumberProp(14),
+  size: makeNumericProp(28),
   /**
    * 水印字体样式（仅微信和h5支持），可能的值：normal、italic、oblique
    */

package/global.d.ts

@@ -105,6 +105,8 @@ declare module 'vue' {
     OxyDateStrip: typeof import('./components/oxy-date-strip/oxy-date-strip.vue')['default']
     OxyDateStripItem: typeof import('./components/oxy-date-strip-item/oxy-date-strip-item.vue')['default']
     OxySelect: typeof import('./components/oxy-select/oxy-select.vue')['default']
+    OxyVerificationCode: typeof import('./components/oxy-verification-code/oxy-verification-code.vue')['default']
+    OxyLongPressMenu: typeof import('./components/oxy-long-press-menu/oxy-long-press-menu.vue')['default']
   }
 }
 

package/locale/lang/ar-SA.ts

@@ -130,5 +130,8 @@ export default {
     clearText: 'مسح',
     revokeText: 'تراجع',
     restoreText: 'استعادة'
+  },
+  guidance: {
+    skip: 'تخطي'
   }
 }

package/locale/lang/en-US.ts

@@ -156,5 +156,8 @@ export default {
     clearConfirm: 'Are you sure to clear the content?',
     confirm: 'Confirm',
     cancel: 'Cancel'
+  },
+  guidance: {
+    skip: 'Skip'
   }
 }

package/locale/lang/zh-CN.ts

@@ -160,5 +160,8 @@ export default {
     clearConfirm: '确定清空内容吗？',
     confirm: '确认',
     cancel: '取消'
+  },
+  guidance: {
+    skip: '跳过'
   }
 }

package/package.json

@@ -1 +1,97 @@
-{"id":"oxy-uni-ui","name":"oxy-uni-ui","displayName":"oxy-uni-ui 基于vue3+Typescript的高颜值组件库","version":"1.2.3","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"}}
+{
+  "id": "oxy-uni-ui",
+  "name": "oxy-uni-ui",
+  "displayName": "oxy-uni-ui 基于vue3+Typescript的高颜值组件库",
+  "version": "2.0.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

@@ -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","title-percent","center","required","marker-side","vertical","ellipsis","use-title-slot","prop","rules","border","click"],"description":"单元格为列表中的单个展示项。\n\n[Docs](https://oxy-ui.cn/component/cell.html#cell)"},"oxy-checkbox":{"attributes":["v-model","shape","checked-color","disabled","max-width","true-value","false-value","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkbox)"},"oxy-checkbox-group":{"attributes":["v-model","shape","cell","checked-color","disabled","min","max","inline","size","change"],"description":"复选框用于在一组备选项中进行多选。\n\n[Docs](https://oxy-ui.cn/component/checkbox.html#checkboxgroup)"},"oxy-circle":{"attributes":["v-model","custom-class","custom-style","size","color","layer-color","fill","speed","text","stroke-width","stroke-linecap","clockwise"],"description":"圆环形的进度条组件，支持进度渐变动画。\n\n[Docs](https://oxy-ui.cn/component/circle.html#circle)"},"oxy-col-picker":{"attributes":["v-model","columns","value-key","label-key","tip-key","title","label","placeholder","disabled","readonly","display-format","column-change","show-confirm","size","label-width","error","required","marker-side","align-right","before-confirm","loading-color","use-default-slot","use-label-slot","close-on-click-modal","auto-complete","z-index","safe-area-inset-bottom","ellipsis","prop","rules","line-width","line-height","root-portal","before-open","confirm","close"],"description":"使用多列选择器来做级联，交互效果较好，多列选择器支持无限级选择。\n\n[Docs](https://oxy-ui.cn/component/col-picker.html#colpicker)"},"oxy-collapse-item":{"attributes":["name","title","disabled","before-expend"],"description":"将一组内容放置在多个折叠面板中，点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapseitem)"},"oxy-collapse":{"attributes":["value","accordion","viewmore","use-more-slot","line-num","change"],"description":"将一组内容放置在多个折叠面板中，点击面板的标题可以展开或收缩其内容。\n\n[Docs](https://oxy-ui.cn/component/collapse.html#collapse)"},"oxy-config-provider":{"attributes":["theme","theme-vars"],"description":"用于全局配置 `Oxy` 组件，提供深色模式、主题定制等能力。\n\n[Docs](https://oxy-ui.cn/component/config-provider.html#configprovider)"},"oxy-corner":{"attributes":["type","mode","round","position","text","color","bg-color"],"description":"连带容器的角标。\n\n[Docs](https://oxy-ui.cn/component/corner.html#corner)"},"oxy-count-down":{"attributes":["time","millisecond","auto-start","format","finish","change"],"description":"用于实时展示倒计时数值，支持毫秒精度。\n\n[Docs](https://oxy-ui.cn/component/count-down.html#countdown)"},"oxy-count-to":{"attributes":["font-size","color","type","start-val","end-val","duration","autoplay","decimals","decimal","separator","prefix","suffix","use-easing","finish","mounted"],"description":"数字滚动组件。\n\n[Docs](https://oxy-ui.cn/component/count-to.html#countto)"},"oxy-curtain":{"attributes":["value","model-value","src","width","to","close-position","close-on-click-modal","hide-when-close","z-index","root-portal","show-menu-by-longpress","close-on-click","click","close","click-modal","beforeenter","enter","afterenter","beforeleave","leave","afterleave","load","error"],"description":"一般用于公告类的图片弹窗。\n\n[Docs](https://oxy-ui.cn/component/curtain.html#curtain)"},"oxy-date-strip":{"attributes":["v-model","switch-mode","shape","min-date","max-date","height","grid-width","active-bg-color","active-color","bg-color","radius","first-day-of-week","format","disable-date","change"],"description":"用于展示周日历或一组日历信息。\n\n[Docs](https://oxy-ui.cn/component/date-strip.html#datestrip)"},"oxy-datetime-picker-view":{"attributes":["v-model","type","loading","loading-color","columns-height","item-height","formatter","filter","min-date","max-date","min-hour","max-hour","min-minute","max-minute","immediate-change","use-second","change","pickstart","pickend"],"description":"为 Picker 组件的封装，在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker-view.html#datetimepickerview)"},"oxy-datetime-picker":{"attributes":["v-model","default-value","type","loading","loading-color","columns-height","item-height","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","formatter","filter","display-format-tab-label","min-date","max-date","min-hour","max-hour","min-minute","max-minute","required","marker-side","size","label-width","error","align-right","suse-label-slots","suse-default-slots","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","use-second","clearable","root-portal","before-open","confirm","cancel","toggle","clear"],"description":"为 DatetimePickerView 组件的封装，在其内部构建好日期时间选项。\n\n[Docs](https://oxy-ui.cn/component/datetime-picker.html#datetimepicker)"},"oxy-divider":{"attributes":["color","hairline","dashed","content-position","vertical"],"description":"用于将内容分隔为多个区域。\n\n[Docs](https://oxy-ui.cn/component/divider.html#divider)"},"oxy-drop-menu":{"attributes":["direction","modal","close-on-click-modal","duration"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenu)"},"oxy-drop-menu-item":{"attributes":["v-model","disabled","options","icon-name","title","icon","icon-size","before-toggle","value-key","label-key","tip-key","popup-height","root-portal"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropmenuitem)"},"oxy-dropdown-item":{"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://oxy-ui.cn/component/drop-menu.html#dropdownitem)"},"oxy-echarts":{"attributes":["custom-class","custom-style","option","option-key","theme","init-options","update-options","group","manual-update","autoresize web","loading","loading-options","canvas-type","disable-scroll","support-hover","init-delay"],"description":"基于 ECharts 的封装，用于在项目中使用 ECharts 图表。\n\n[Docs](https://oxy-ui.cn/component/echarts.html#echarts)"},"oxy-fab":{"attributes":["v-model:active","type","position","draggable","direction","disabled","inactive-icon","active-icon","z-index","gap","custom-style","expandable","click"],"description":"悬浮动作按钮组件，按下可显示一组动作按钮。\n\n[Docs](https://oxy-ui.cn/component/fab.html#fab)"},"oxy-file-list":{"attributes":["data","type","enable-preview","enable-download","enable-delete","before-preview","on-preview-fail","before-download","on-download-success","on-download-fail","delete","click"],"description":"用于展示文件信息。\n\n[Docs](https://oxy-ui.cn/component/file-list.html#filelist)"},"oxy-floating-panel":{"attributes":["v-model:height","anchors","duration","content-draggable","safe-area-inset-bottom","show-scrollbar"],"description":"浮动在页面底部的面板，用户可以通过上下拖动秒板来浏览内容，从而在不离开当前视图的情况下访问更多信息，常用于地图导航。\n\n[Docs](https://oxy-ui.cn/component/floating-panel.html#floatingpanel)"},"oxy-form":{"attributes":["model","rules","reset-on-change","error-type","validate","reset"],"description":"用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型，常见的 form 表单为`单元格`形式的展示，即左侧为表单的标题描述，右侧为表单的输入。\n\n[Docs](https://oxy-ui.cn/component/form.html#form)"},"oxy-gap":{"attributes":["height","bg-color","safe-area-bottom"],"description":"一般用于页面布局时代替margin或者padding;或者充当（底部）占位元素。\n\n[Docs](https://oxy-ui.cn/component/gap.html#gap)"},"oxy-grid":{"attributes":["column","border","gutter","square","clickable","bg-color","hover-class"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#grid)"},"oxy-grid-item":{"attributes":["text","icon","is-dot","type","value","max","url","link-type","suse-slots","suse-icon-slots","suse-text-slots","icon-size","badge-props"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。\n\n[Docs](https://oxy-ui.cn/component/grid.html#griditem)"},"oxy-icon":{"attributes":["name","color","size","class-prefix","custom-style","click"],"description":"基于字体的图标集。\n\n[Docs](https://oxy-ui.cn/component/icon.html#icon)"},"oxy-img-cropper":{"attributes":["v-model","img-src","img-width","img-height","disabled-rotate","export-scale","max-scale","cancel-button-text","confirm-button-text","quality","file-type","aspect-ratio","confirm","cancel","imgloaderror","imgloaded"],"description":"图片剪裁组件，用于图片裁剪，支持拖拽、缩放、旋转等操作。\n\n[Docs](https://oxy-ui.cn/component/img-cropper.html#imgcropper)"},"oxy-img-lazy":{"attributes":["src","width","height","mode","border-radius","min-time-out","show-distance","effect","duration","load-src","error-src","load","error","show","error"],"description":"图片懒加载组件。\n\n[Docs](https://oxy-ui.cn/component/img-lazy.html#imglazy)"},"oxy-img":{"attributes":["src","width","height","mode","round","radius","enable-preview","show-menu-by-longpress","preview-src","click","load","error"],"description":"增强版的 img 标签，提供多种图片填充模式，支持图片懒加载、加载完成、加载失败。\n\n[Docs](https://oxy-ui.cn/component/img.html#img)"},"oxy-index-anchor":{"attributes":["index"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexanchor)"},"oxy-index-bar":{"attributes":["sticky"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://oxy-ui.cn/component/index-bar.html#indexbar)"},"oxy-input-number":{"attributes":["v-model","min","max","step","step-strictly","precision","disabled","without-input","input-width","allow-null","placeholder","disable-input","disable-plus","disable-minus","adjust-position","before-change","long-press","immediate-change","update-on-init","input-type","change","focus","blur"],"description":"由增加按钮、减少按钮和输入框组成，用于在一定范围内输入、调整数字。\n\n[Docs](https://oxy-ui.cn/component/input-number.html#inputnumber)"},"oxy-input":{"attributes":["type","v-model","placeholder","clearable","maxlength","show-password","disabled","readonly","prefix-icon","suffix-icon","show-word-limit","confirm-type","confirm-hold","always-embed","placeholder-style","placeholder-class","focus","cursor-spacing","cursor","selection-start","selection-end","adjust-position","label","size","error","center","label-width","required","marker-side","no-border","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用户可以在文本框里输入内容。\n\n[Docs](https://oxy-ui.cn/component/input.html#input)"},"oxy-keyboard":{"attributes":["v-model:visible","v-model","title","mode","z-index","maxlength","show-delete-key","random-key-order","close-text","delete-text","close-button-loading","modal","hide-on-click-outside","lock-scroll","safe-area-inset-bottom","extra-key","root-portal","v-model:car-lang","auto-switch-lang","input","delete","close"],"description":"虚拟数字键盘，用于输入数字、密码、身份证或车牌号等场景。\n\n[Docs](https://oxy-ui.cn/component/keyboard.html#keyboard)"},"oxy-row":{"attributes":["gutter"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#row)"},"oxy-col":{"attributes":["span","offset"],"description":"用于快速进行布局。\n\n[Docs](https://oxy-ui.cn/component/layout.html#col)"},"oxy-link":{"attributes":["url","href","open-type","content","type","size","disabled","underline","color","prefix-icon","suffix-icon","navigator-props","click"],"description":"超链接组件。\n\n[Docs](https://oxy-ui.cn/component/link.html#link)"},"oxy-list":{"attributes":["data","id-key","height","item-height","show-back-to-top","back-to-top-threshold","virtual","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","loadmore-state","loading-text","finished-text","error-text","loading-props","scroll","scroll-to-upper","scroll-to-lower","reload","refresh","restore","abort"],"description":"展示列表数据。支持触底加载、下拉刷新、虚拟列表。\n\n[Docs](https://oxy-ui.cn/component/list.html#list)"},"oxy-loading":{"attributes":["type","color","size"],"description":"加载动画，用于表示加载中的过渡状态。\n\n[Docs](https://oxy-ui.cn/component/loading.html#loading)"},"oxy-loadmore":{"attributes":["state","loading-text","finished-text","error-text","loading-props","reload"],"description":"用于在列表底部展示加载状态。\n\n[Docs](https://oxy-ui.cn/component/loadmore.html#loadmore)"},"oxy-message-box":{"attributes":["selector","root-portal"],"description":"弹出对话框，常用于消息提示、消息确认等，支持函数调用。\n\n[Docs](https://oxy-ui.cn/component/message-box.html#messagebox)"},"oxy-navbar":{"attributes":["title","left-text","right-text","left-arrow","bordered","fixed","placeholder","z-index","safe-area-inset-top","left-disabled","right-disabled","click-left","click-right"],"description":"为页面提供导航功能，常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbar)"},"oxy-navbar-capsule":{"attributes":["back","back-home"],"description":"为页面提供导航功能，常用于页面顶部。\n\n[Docs](https://oxy-ui.cn/component/navbar.html#navbarcapsule)"},"oxy-notice-bar":{"attributes":["text","type","prefix","scrollable","delay","speed","closable","wrapable","color","background-color","direction","close","next","click"],"description":"通知栏组件，用于在页面顶部展示通知提醒。\n\n[Docs](https://oxy-ui.cn/component/notice-bar.html#noticebar)"},"oxy-notify":{"attributes":["type","message","duration","z-index","position","color","background","safe-height","selector","root-portal"],"description":"通知类组件，用于在页面顶部展示通知信息。\n\n[Docs](https://oxy-ui.cn/component/notify.html#notify)"},"oxy-overlay":{"attributes":["show","duration","lock-scroll","z-index","custom-style"],"description":"创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。\n\n[Docs](https://oxy-ui.cn/component/overlay.html#overlay)"},"oxy-pagination":{"attributes":["v-model","prev-text","next-text","total-page","page-size","total","show-icon","show-message","hide-if-one-page","change"],"description":"当数据量过多时，使用分页分解数据。\n\n[Docs](https://oxy-ui.cn/component/pagination.html#pagination)"},"oxy-password-input":{"attributes":["v-model","info","error-info","length","gutter","mask","focused"],"description":"带网格的输入框组件，可以用于输入密码、短信验证码等场景，通常与[数字键盘]\n\n[Docs](https://oxy-ui.cn/component/password-input.html#passwordinput)"},"oxy-picker-view":{"attributes":["v-model","columns","loading","loading-color","columns-height","item-height","value-key","label-key","column-change","immediate-change","change","pickstart","pickend"],"description":"选择器视图，用于从一组数据中选择单个或多个值。\n\n[Docs](https://oxy-ui.cn/component/picker-view.html#pickerview)"},"oxy-picker":{"attributes":["v-model","columns","loading","loading-color","columns-height","value-key","label-key","title","cancel-button-text","confirm-button-text","label","placeholder","disabled","readonly","display-format","column-change","size","label-width","error","required","marker-side","align-right","use-label-slot","use-default-slot","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","ellipsis","prop","rules","immediate-change","clearable","root-portal","before-open","confirm","cancel","open","clear"],"description":"Picker 组件为 popup 和 pickerView 的组合。\n\n[Docs](https://oxy-ui.cn/component/picker.html#picker)"},"oxy-popover":{"attributes":["open","close","change","menuclick"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/popover.html#popover)"},"oxy-popup":{"attributes":["v-model","position","closable","close-on-click-modal","duration","z-index","custom-style","modal","modal-style","hide-when-close","lazy-render","safe-area-inset-bottom","transition","lock-scroll","root-portal","close","click-modal","before-enter","enter","after-enter","before-leave","leave","after-leave"],"description":"弹出层组件，用于展示弹窗、信息提示等内容。\n\n[Docs](https://oxy-ui.cn/component/popup.html#popup)"},"oxy-progress":{"attributes":["percentage","hide-text","color","status","duration"],"description":"用于展示操作的当前进度。\n\n[Docs](https://oxy-ui.cn/component/progress.html#progress)"},"oxy-radio-group":{"attributes":["v-model","shape","size","checked-color","disabled","max-width","inline","cell","icon-placement","change"],"description":"单选框，用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radiogroup)"},"oxy-radio":{"attributes":["value","shape","checked-color","disabled"],"description":"单选框，用于在一组备选项中进行单选。\n\n[Docs](https://oxy-ui.cn/component/radio.html#radio)"},"oxy-rate":{"attributes":["v-model","num","readonly","size","space","color","active-color","icon","active-icon","disabled","disabled-color","allow-half","clearable","change"],"description":"用于快速的评价操作，或对评价进行展示。\n\n[Docs](https://oxy-ui.cn/component/rate.html#rate)"},"oxy-resize":{"attributes":["custom-style","custom-class","custom-container-class","resize"],"description":"当组件包裹的文档流尺寸发生变化时，触发 `resize` 事件。一般用于监听 dom 内容更新时导致的 dom 尺寸位置的变化，重新获取 dom 尺寸和位置，进行内容展示的计算操作。\n\n[Docs](https://oxy-ui.cn/component/resize.html#resize)"},"oxy-rich-text":{"attributes":["save","clear","remove","load","ready","imgtap","linktap","play","error","pause","fullscreenchange"],"description":"用于在小程序、H5 等场景下渲染 Markdown/富文本内容，内置代码高亮、表格滚动处理，以及针对 AI 场景的流式渲染优化。\n\n[Docs](https://oxy-ui.cn/component/rich-text.html#richtext)"},"oxy-root-portal":{"description":"是否从页面中脱离出来，用于解决各种 fixed 失效问题，主要用于制作弹窗、弹出层等。\n\n[Docs](https://oxy-ui.cn/component/root-portal.html#root-portal)"},"oxy-search":{"attributes":["placeholder","placeholder-left","cancel-txt","light","hide-cancel","disabled","maxlength","v-model","use-suffix-slot","focus","focus-when-clear","placeholder-style","placeholder-class","focus","blur","search","clear","cancel","change"],"description":"搜索框组件，支持输入框聚焦、失焦、输入、搜索、取消、清空事件。\n\n[Docs](https://oxy-ui.cn/component/search.html#search)"},"oxy-segmented":{"attributes":["v-model:value","disabled","size","options","vibrate-short","change","click"],"description":"分段器用于展示多个选项并允许用户选择其中单个选项。\n\n[Docs](https://oxy-ui.cn/component/segmented.html#segmented)"},"oxy-select-picker":{"attributes":["v-model","columns","type","value-key","label-key","title","label","placeholder","disabled","loading","loading-color","readonly","display-format","confirm-button-text","size","label-width","error","required","marker-side","align-right","before-confirm","select-size","min","max","checked-color","use-default-slot","use-label-slot","close-on-click-modal","z-index","safe-area-inset-bottom","filterable","filter-placeholder","ellipsis","scroll-into-view","show-confirm","prop","rules","clearable","root-portal","before-open","confirm","change","cancel","close","open","clear"],"description":"用于从一组选项中进行单选或多选。\n\n[Docs](https://oxy-ui.cn/component/select-picker.html#selectpicker)"},"oxy-select":{"attributes":["v-model","data","value-key","label-key","label","label-width","placeholder","disabled","readonly","multiple","filterable","clear","collapse-tags","collapse-tags-num","empty-tips","input","change"],"description":"用于从一组选项中进行单选或多选。\n\n[Docs](https://oxy-ui.cn/component/select.html#select)"},"oxy-sidebar-item":{"attributes":["label","value","icon","badge","is-dot","max","disabled","badge-props"],"description":"垂直展示的导航栏，用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebaritem)"},"oxy-sidebar":{"attributes":["v-model","before-change","change"],"description":"垂直展示的导航栏，用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/sidebar.html#sidebar)"},"oxy-signature":{"attributes":["pen-color","line-width","height","width","clear-text","confirm-text","file-type","quality","export-scale","disabled","background-color","disable-scroll","enable-history","step","pressure","min-width","max-width","min-speed","start","end","signing","confirm","clear"],"description":"用于签名场景，基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。\n\n[Docs](https://oxy-ui.cn/component/signature.html#signature)"},"oxy-skeleton":{"attributes":["theme","row-col","loading","animation"],"description":"用于等待加载内容所展示的占位图形组合，有动态效果加载效果，减少用户等待焦虑。\n\n[Docs](https://oxy-ui.cn/component/skeleton.html#skeleton)"},"oxy-slider":{"attributes":["v-model","hide-min-max","hide-label","disabled","max","min","step","active-color","inactive-color","dragstart","dragmove","dragend"],"description":"支持单向滑块和双向滑块。\n\n[Docs](https://oxy-ui.cn/component/slider.html#slider)"},"oxy-sort-button":{"attributes":["v-model","title","allow-reset","desc-first","line","change"],"description":"用于展示排序按钮，支持升序、降序、重置三种状态。\n\n[Docs](https://oxy-ui.cn/component/sort-button.html#sortbutton)"},"oxy-status-tip":{"attributes":["image","image-size","tip","image-mode"],"description":"一般用于兜底占位展示。\n\n[Docs](https://oxy-ui.cn/component/status-tip.html#statustip)"},"oxy-steps":{"attributes":["active","vertical","dot","space","align-center"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#steps)"},"oxy-step":{"attributes":["title","stitle-slots","description","sdescription-slots","icon","sicon-slots","status"],"description":"用于引导用户按照流程完成任务或向用户展示当前状态。\n\n[Docs](https://oxy-ui.cn/component/steps.html#step)"},"oxy-sticky":{"attributes":["z-index","offset-top"],"description":"粘性布局组件，用于在页面滚动时将元素固定在指定位置。\n\n[Docs](https://oxy-ui.cn/component/sticky.html#sticky)"},"oxy-stream-render":{"attributes":["stream-request"],"description":"基于 RenderJS 和 uni.request 方式，适配H5、小程序、 APP 的流式请求组件，仅负责触发请求与派发流式数据事件。h5和app端使用RenderJS，小程序端使用uni.request。\n\n[Docs](https://oxy-ui.cn/component/stream-render.html#streamrender)"},"oxy-swipe-action":{"attributes":["v-model","disabled","before-close","click"],"description":"常用于单元格左右滑删除等手势操作。\n\n[Docs](https://oxy-ui.cn/component/swipe-action.html#swipeaction)"},"oxy-swiper":{"attributes":["autoplay","v-model:current","direction","display-multiple-items","duration","easing-function","height","interval","list","loop","next-margin","indicator-position","previous-margin","snap-to-edge","indicator","image-mode","autoplay-video","stop-previous-video","stop-autoplay-when-video-play","custom-style","value-key","text-key","adjust-height","adjust-vertical-height","video-loop","click","change"],"description":"用于创建轮播，它支持水平和垂直方向的滑动，可以自定义样式和指示器位置，支持视频和图片资源的轮播，支持设置轮播标题和自定义标题样式。\n\n[Docs](https://oxy-ui.cn/component/swiper.html#swiper)"},"oxy-switch":{"attributes":["v-model","disabled","active-value","inactive-value","active-color","inactive-color","size","before-change","change"],"description":"用来打开或关闭选项。\n\n[Docs](https://oxy-ui.cn/component/switch.html#switch)"},"oxy-tabbar-item":{"attributes":["title","name","icon","value","is-dot","max","badge-props"],"description":"底部导航栏，用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbaritem)"},"oxy-tabbar":{"attributes":["v-model","fixed","safe-area-inset-bottom","bordered","shape","active-color","inactive-color","placeholder","z-index","change"],"description":"底部导航栏，用于在不同页面之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabbar.html#tabbar)"},"oxy-table-column":{"attributes":["prop","label","width","sortable","fixed","align"],"description":"用于展示多条结构类似的数据， 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#tablecolumn)"},"oxy-table":{"attributes":["data","border","stripe","height","row-height","show-header","ellipsis","index","fixed-header","sort-method","row-click"],"description":"用于展示多条结构类似的数据， 可对数据进行排序等操作。\n\n[Docs](https://oxy-ui.cn/component/table.html#table)"},"oxy-tabs":{"attributes":["v-model","slidable-num","map-num","map-title","sticky","offset-top","swipeable","auto-line-width","line-width","line-height","color","inactive-color","animated","duration","slidable","badge-props","change","click","disabled"],"description":"标签页组件，用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tabs)"},"oxy-tab":{"attributes":["name","title","disabled","lazy"],"description":"标签页组件，用于在不同的内容区域之间进行切换。\n\n[Docs](https://oxy-ui.cn/component/tabs.html#tab)"},"oxy-tag":{"attributes":["type","plain","mark","round","icon","color","bg-color","closable","use-icon-slot","dynamic","click","close","confirm"],"description":"用于标记状态或者概括主要内容。\n\n[Docs](https://oxy-ui.cn/component/tag.html#tag)"},"oxy-text":{"attributes":["type","text","size","mode","bold","format","color","lines","line-height","decoration","prefix","suffix","call","click"],"description":"文本组件，用于展示文本信息。\n\n[Docs](https://oxy-ui.cn/component/text.html#text)"},"oxy-textarea":{"attributes":["v-model","placeholder","placeholder-style","placeholder-class","disabled","maxlength","auto-focus","focus","auto-height","fixed","cursor-spacing","cursor","confirm-type","confirm-hold","show-confirm-bar","selection-start","selection-end","adjust-position","disable-default-padding","hold-keyboard","show-password","clearable","readonly","prefix-icon","show-word-limit","label","label-width","size","error","center","no-border","required","marker-side","prop","rules","clear-trigger","focus-when-clear","ignore-composition-event","inputmode","input","focus","blur","clear","linechange","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon"],"description":"用于输入多行文本信息。\n\n[Docs](https://oxy-ui.cn/component/textarea.html#textarea)"},"oxy-toast":{"attributes":["selector","msg","direction","icon-name","icon-size","loading-type","loading-color","loading-size","icon-color","position","z-index","cover","icon-class","class-prefix","opened","closed"],"description":"轻提示组件，用于消息通知、加载提示、操作结果提示等场景，支持函数式调用。\n\n[Docs](https://oxy-ui.cn/component/toast.html#toast)"},"oxy-tooltip":{"attributes":["show","content","placement","disabled","visible-arrow","offset","show-close","open","close","change"],"description":"常用于展示提示信息。\n\n[Docs](https://oxy-ui.cn/component/tooltip.html#tooltip)"},"oxy-transition":{"attributes":["show","name","duration","custom-style","custom-class","lazy-render","destroy","enter-class","enter-active-class","enter-to-class","leave-class","leave-active-class","leave-to-class","disable-touch-move","before-enter","enter","after-enter","before-leave","leave","after-leave","click"],"description":"用于在元素进入或离开时应用过渡效果。\n\n[Docs](https://oxy-ui.cn/component/transition.html#transition)"},"oxy-tree":{"attributes":["v-model","data","show-checkbox","label-key","node-key","children-key","default-expanded-keys","expand-all","check-strictly","empty-text","height","show-back-to-top","back-to-top-threshold","item-height","indent","selection-leaf-only","filter-method","show-filter","filter-placeholder","node-click","node-check","node-expand","node-collapse"],"description":"用清晰的层级结构展示信息，可展开或折叠。\n\n[Docs](https://oxy-ui.cn/component/tree.html#tree)"},"oxy-upload":{"attributes":["v-model:file","action","header","multiple","disabled","reupload","limit","show-limit-num","max-size","source-type","size-type","name","form-data","header","on-preview-fail","before-upload","before-choose","before-remove","before-preview","build-form-data","loading-type","loading-color","loading-size","status-key","image-mode","accept","compressed","max-duration","camera","success-status","auto-upload","upload-method","extension","evoke-icon","list-type","list-position","success","fail","progress","chooseerror","change","remove","oversize"],"description":"图片、视频和文件上传组件\n\n[Docs](https://oxy-ui.cn/component/upload.html#upload)"},"oxy-virtual-scroll":{"attributes":["data","id-key","height","show-back-to-top","back-to-top-threshold","item-height","scroll-x","scroll-y","upper-threshold","lower-threshold","scroll-left","scroll-with-animation","enable-back-to-top","show-scrollbar","refresher-enabled","refresher-threshold","refresher-default-style","refresher-background","triggered","enable-flex","scroll-anchoring","empty-text","virtual","scroll","scroll-to-upper","scroll-to-lower"],"description":"当列表数据量过多时，使用虚拟滚动懒渲染数据。\n\n[Docs](https://oxy-ui.cn/component/virtual-scroll.html#virtualscroll)"},"oxy-waterfall":{"attributes":["data","id-key","height","column-count","column-gap","left-gap","right-gap","refresher-enabled","triggered","enable-flex","empty-text","loadmore-state","loading-text","finished-text","error-text","loading-props","scroll","scroll-to-lower","refresh","reload"],"description":"主要用于瀑布流式布局显示，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。\n\n[Docs](https://oxy-ui.cn/component/waterfall.html#waterfall)"},"oxy-watermark":{"attributes":["content","image","image-height","image-width","gutter-x","gutter-y","width","height","full-screen","color","size","font-style","font-weight","font-family","rotate","z-index","opacity"],"description":"在页面或组件上添加指定的图片或文字，可用于版权保护、品牌宣传等场景。\n\n[Docs](https://oxy-ui.cn/component/watermark.html#watermark)"}}
+{"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-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)"}}