oxy-uni-ui 1.0.1 → 1.1.0

package/components/oxy-upload/oxy-upload.vue

@@ -1,9 +1,33 @@
 <template>
-  <view :class="['oxy-upload', customClass]" :style="customStyle">
+  <view :class="['oxy-upload', { 'oxy-upload__position-right': props.listPosition === 'right' }, customClass]" :style="customStyle">
+    <block v-if="showUpload && props.listPosition === 'right'">
+      <view :class="['oxy-upload__evoke-slot', customEvokeClass]" v-if="$slots.default" @click="onEvokeClick">
+        <slot></slot>
+      </view>
+      <!-- 唤起项 -->
+      <view v-else @click="onEvokeClick" :class="['oxy-upload__evoke', disabled ? 'is-disabled' : '', customEvokeClass]">
+        <!-- 唤起项图标 -->
+        <oxy-icon
+          class="oxy-upload__evoke-icon"
+          :name="props.evokeIcon ? props.evokeIcon : props.listType === 'card' ? 'add' : 'fill-camera'"
+        ></oxy-icon>
+        <!-- 有限制个数时确认是否展示限制个数 -->
+        <view v-if="limit && showLimitNum" class="oxy-upload__evoke-num">（{{ uploadFiles.length }}/{{ limit }}）</view>
+      </view>
+    </block>
+
     <!-- 预览列表 -->
-    <view :class="['oxy-upload__preview', customPreviewClass]" v-for="(file, index) in uploadFiles" :key="index">
+    <view
+      :class="['oxy-upload__preview', { 'oxy-upload__preview-file': props.listType === 'card' }, customPreviewClass]"
+      v-for="(file, index) in uploadFiles"
+      :key="index"
+    >
       <!-- 成功时展示图片 -->
-      <view class="oxy-upload__status-content">
+      <view v-if="props.listType === 'card'" class="oxy-upload__status-content">
+        <image v-if="isImage(file)" :src="file.url" :mode="imageMode" class="oxy-upload__picture" @click="onPreviewImage(file)" />
+        <image v-else :src="getUploadImage(file)" :mode="imageMode" class="oxy-upload__picture-icon" @click="onPreview(file)" />
+      </view>
+      <view v-else class="oxy-upload__status-content">
         <image v-if="isImage(file)" :src="file.url" :mode="imageMode" class="oxy-upload__picture" @click="onPreviewImage(file)" />
         <template v-else-if="isVideo(file)">
           <view class="oxy-upload__video" v-if="file.thumb" @click="onPreviewVideo(file)">
@@ -66,16 +90,26 @@
       ></oxy-icon>
       <!-- 自定义预览样式 -->
       <slot name="preview-cover" v-if="$slots['preview-cover']" :file="file" :index="index"></slot>
+      <oxy-tooltip v-if="props.listType === 'card'" placement="top" :content="file.name">
+        <text class="oxy-upload____status-content-name">{{ file.name }}</text>
+      </oxy-tooltip>
     </view>
 
-    <block v-if="showUpload">
+    <block v-if="showUpload && props.listPosition === 'left'">
       <view :class="['oxy-upload__evoke-slot', customEvokeClass]" v-if="$slots.default" @click="onEvokeClick">
         <slot></slot>
       </view>
       <!-- 唤起项 -->
-      <view v-else @click="onEvokeClick" :class="['oxy-upload__evoke', disabled ? 'is-disabled' : '', customEvokeClass]">
+      <view
+        v-else
+        @click="onEvokeClick"
+        :class="['oxy-upload__evoke', { 'oxy-upload__evoke-file': props.listType === 'card' }, disabled ? 'is-disabled' : '', customEvokeClass]"
+      >
         <!-- 唤起项图标 -->
-        <oxy-icon class="oxy-upload__evoke-icon" name="fill-camera"></oxy-icon>
+        <oxy-icon
+          class="oxy-upload__evoke-icon"
+          :name="props.evokeIcon ? props.evokeIcon : props.listType === 'card' ? 'add' : 'fill-camera'"
+        ></oxy-icon>
         <!-- 有限制个数时确认是否展示限制个数 -->
         <view v-if="limit && showLimitNum" class="oxy-upload__evoke-num">（{{ uploadFiles.length }}/{{ limit }}）</view>
       </view>
@@ -96,12 +130,19 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import ImgPdf from './images/pdf.png'
+import ImgWord from './images/word.png'
+import ImgAudio from './images/audio.png'
+import ImgVideo from './images/video.png'
+import ImgPic from './images/pic.png'
+import ImgOther from './images/other.png'
 import OxyIcon from '../oxy-icon/oxy-icon.vue'
 import OxyVideoPreview from '../oxy-video-preview/oxy-video-preview.vue'
 import OxyLoading from '../oxy-loading/oxy-loading.vue'
+import OxyTooltip from '../oxy-tooltip/oxy-tooltip.vue'
 
 import { computed, ref, watch } from 'vue'
-import { context, isEqual, isImageUrl, isVideoUrl, isFunction, isDef, deepClone } from '../common/util'
+import { context, isEqual, isImageUrl, isVideoUrl, isAudioUrl, isPdfUrl, isDocUrl, isFunction, isDef, deepClone } from '../common/util'
 import { useTranslate } from '../composables/useTranslate'
 import { useUpload } from '../composables/useUpload'
 import {
@@ -119,6 +160,15 @@ import {
 } from './types'
 import type { VideoPreviewInstance } from '../oxy-video-preview/types'
 
+const imgs: AnyObject = {
+  pdf: ImgPdf,
+  word: ImgWord,
+  audio: ImgAudio,
+  video: ImgVideo,
+  pic: ImgPic,
+  other: ImgOther
+}
+
 const props = defineProps(uploadProps)
 
 const emit = defineEmits<{
@@ -660,6 +710,14 @@ function onPreviewFile(file: UploadFileItem) {
   }
 }
 
+function onPreview(file: UploadFileItem) {
+  if (isVideo(file)) {
+    onPreviewVideo(file)
+  } else {
+    onPreviewFile(file)
+  }
+}
+
 function isVideo(file: UploadFileItem) {
   return (file.name && isVideoUrl(file.name)) || isVideoUrl(file.url)
 }
@@ -667,6 +725,34 @@ function isVideo(file: UploadFileItem) {
 function isImage(file: UploadFileItem) {
   return (file.name && isImageUrl(file.name)) || isImageUrl(file.url)
 }
+
+function isAudio(file: UploadFileItem) {
+  return (file.name && isAudioUrl(file.name)) || isAudioUrl(file.url)
+}
+
+function isPdf(file: UploadFileItem) {
+  return (file.name && isPdfUrl(file.name)) || isPdfUrl(file.url)
+}
+
+function isDoc(file: UploadFileItem) {
+  return (file.name && isDocUrl(file.name)) || isDocUrl(file.url)
+}
+
+function getUploadImage(file: UploadFileItem) {
+  if (isPdf(file)) {
+    return imgs.pdf
+  } else if (isDoc(file)) {
+    return imgs.word
+  } else if (isAudio(file)) {
+    return imgs.audio
+  } else if (isVideo(file)) {
+    return imgs.video
+  } else if (isImage(file)) {
+    return imgs.pic
+  } else {
+    return imgs.other
+  }
+}
 </script>
 <style lang="scss" scoped>
 @import './index.scss';

package/components/oxy-upload/types.ts

@@ -68,6 +68,8 @@ export type UploadSizeType = 'original' | 'compressed'
 export type UploadFileType = 'image' | 'video' | 'media' | 'all' | 'file'
 export type UploadCameraType = 'front' | 'back'
 export type UploadStatusType = 'pending' | 'loading' | 'success' | 'fail'
+export type UploadListType = 'default' | 'card'
+export type UploadListPosition = 'left' | 'right'
 
 export type UploadBeforePreviewOption = {
   file: UploadFileItem
@@ -342,7 +344,26 @@ export const uploadProps = {
    * H5支持全部类型过滤。
    * 微信小程序支持all和file时过滤,其余平台不支持。
    */
-  extension: Array as PropType<string[]>
+  extension: Array as PropType<string[]>,
+  /**
+   * 唤起图标
+   * 类型：string
+   * 可选值：'fill-camera' / 'add'
+   * 默认值：fill-camera
+   */
+  evokeIcon: makeStringProp(''),
+  /**
+   * 文件列表的类型
+   * 类型：string
+   */
+  listType: makeStringProp<UploadListType>('default'),
+  /**
+   * 文件列表的位置
+   * 类型：string
+   * 可选值：'left' / 'right'
+   * 默认值：left
+   */
+  listPosition: makeStringProp<UploadListPosition>('left')
 }
 
 export type UploadProps = ExtractPropTypes<typeof uploadProps>

package/components/oxy-virtual-scroll/index.scss

@@ -0,0 +1,35 @@
+@import './../common/abstracts/_mixin.scss';
+@import './../common/abstracts/variable.scss';
+@include b(virtual-scroll) {
+  position: relative;
+  width: 100%;
+
+  @include e(view) {
+    width: 100%;
+    height: 100%;
+  }
+  @include e(container) {
+    position: relative;
+    .oxy-virtual-scroll__items {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+    }
+  }
+
+  @include e(back-top) {
+    position: absolute;
+    right: 20px;
+    bottom: 20px;
+    width: 40px;
+    height: 40px;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 100;
+  }
+}

package/components/oxy-virtual-scroll/oxy-virtual-scroll.vue

@@ -0,0 +1,184 @@
+<template>
+  <view :class="['oxy-virtual-scroll', customClass]" :style="{ height: height }">
+    <!-- 滚动内容区域 -->
+    <scroll-view
+      ref="scrollView"
+      class="oxy-virtual-scroll__view"
+      :scroll-y="true"
+      :scroll-x="scrollX"
+      :scroll-top="scrollTop"
+      :scroll-into-view="itemId"
+      v-bind="$attrs"
+      @scroll="onScroll"
+      @scrolltoupper="onScrollUpper"
+      @scrolltolower="onScrollLower"
+    >
+      <view class="oxy-virtual-scroll__container" :style="{ height: totalHeight + 'px' }">
+        <view class="oxy-virtual-scroll__items" :style="{ transform: `translateY(${virtualOffsetY}px)` }">
+          <slot name="item" v-for="(item, index) in virtualData" :item="item" :index="startIndex + index"></slot>
+          <slot name="bottom"></slot>
+        </view>
+      </view>
+    </scroll-view>
+
+    <!-- 回到顶部按钮 -->
+    <view v-if="showBackToTop && showBackTopBtn" class="oxy-virtual-scroll__back-top" @click="scrollToTop">
+      <oxy-icon name="backtop" color="#fff" size="20px"></oxy-icon>
+    </view>
+  </view>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'oxy-virtual-scroll',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared'
+  }
+}
+</script>
+
+<script lang="ts" setup>
+import { computed, onMounted, ref, watch, nextTick } from 'vue'
+import type { ScrollViewOnScrollEvent, ScrollViewOnScrolltolowerEvent, ScrollViewOnScrolltoupperEvent } from '@uni-helper/uni-app-types'
+import { VirtualScrollEngine } from './virtual-scroll'
+import { virtualScrollProps } from './types'
+defineOptions({
+  inheritAttrs: false
+})
+const props = defineProps(virtualScrollProps)
+const emit = defineEmits(['scroll', 'scroll-to-upper', 'scroll-to-lower'])
+
+const scrollView = ref(null)
+const itemId = ref<string>('')
+const scrollTop = ref<number>(0)
+const showBackTopBtn = ref<boolean>(false)
+const virtualData = ref<any[]>([])
+const startIndex = ref<number>(0)
+const virtualOffsetY = ref<number>(0)
+const virtualEngine = ref<any>(null)
+
+// 显示的数据（索引处理后的）
+const displayData = computed<any[]>(() => {
+  return props.data
+})
+
+// 虚拟列表总高度
+const totalHeight = computed(() => {
+  return displayData.value.length * parseFloat(props.itemHeight) // 假设每项高度50px
+})
+
+watch(
+  () => props.data,
+  () => {
+    nextTick(initScrollData)
+  },
+  {
+    immediate: true,
+    deep: true
+  }
+)
+
+onMounted(() => {
+  initScrollEngine()
+})
+
+// 初始化滚动数据
+function initScrollData() {
+  if (!props.virtual) {
+    // 非虚拟滚动模式：直接使用全部数据
+    virtualData.value = displayData.value
+    virtualOffsetY.value = 0
+    return
+  }
+  virtualEngine.value = new VirtualScrollEngine({
+    containerHeight: parseFloat(props.height),
+    itemHeight: parseFloat(props.itemHeight),
+    data: displayData.value
+  })
+  updateVisibleData()
+}
+
+// 初始化滚动引擎
+function initScrollEngine() {
+  if (!props.virtual) return
+  virtualEngine.value = new VirtualScrollEngine({
+    containerHeight: parseFloat(props.height),
+    itemHeight: parseFloat(props.itemHeight),
+    data: displayData.value
+  })
+}
+
+// 更新可见数据
+function updateVisibleData() {
+  if (!props.virtual) return // 非虚拟模式不处理
+  if (virtualEngine.value && scrollView.value) {
+    const { visibleData, offsetY } = virtualEngine.value.updateVisibleData(scrollTop.value || 0)
+    virtualData.value = visibleData
+    virtualOffsetY.value = offsetY
+  }
+}
+
+// 滚动事件
+function onScroll(event: ScrollViewOnScrollEvent) {
+  scrollTop.value = event.detail.scrollTop
+  showBackTopBtn.value = scrollTop.value > parseFloat(props.backToTopThreshold)
+  updateVisibleData()
+  emit('scroll', event)
+}
+
+// 滚动到顶部
+function onScrollUpper(event: ScrollViewOnScrolltoupperEvent) {
+  emit('scroll-to-upper', event)
+}
+
+// 滚动到底部
+function onScrollLower(event: ScrollViewOnScrolltolowerEvent) {
+  emit('scroll-to-lower', event)
+}
+
+// 回到顶部
+function scrollToTop() {
+  scrollTop.value = 0
+  nextTick(() => {
+    scrollTop.value = 0
+  })
+}
+function scrollToBottom() {
+  scrollToPosition(totalHeight.value)
+}
+
+// 滚动到指定位置
+function scrollToPosition(position: number | string) {
+  scrollTop.value = typeof position === 'number' ? position : parseFloat(position)
+}
+
+// 滚动到指定元素
+function scrollToElement(item: any) {
+  const index = props.data.findIndex((o) => item[props.idKey] && o[props.idKey] && o[props.idKey] === item[props.idKey])
+  if (index > 0) {
+    const scrollDistance = parseFloat(props.itemHeight) * index
+    scrollToPosition(scrollDistance)
+  }
+}
+function scrollToElementById(id: string | number) {
+  const index = props.data.findIndex((o) => id && o[props.idKey] && o[props.idKey] === id)
+  if (index > 0) {
+    const scrollDistance = parseFloat(props.itemHeight) * index
+    scrollToPosition(scrollDistance)
+  }
+}
+
+defineExpose({
+  scrollToTop,
+  scrollToBottom,
+  scrollToPosition,
+  scrollToElement,
+  scrollToElementById
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>

package/components/oxy-virtual-scroll/types.ts

@@ -0,0 +1,65 @@
+import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
+import { baseProps, makeRequiredProp, makeBooleanProp, makeStringProp } from '../common/props'
+
+export const virtualScrollProps = {
+  ...baseProps,
+  /**
+   * 虚拟列表数据源
+   * 类型：array
+   * 默认值：[]
+   */
+  data: makeRequiredProp(Array as PropType<any[]>),
+  /**
+   * id的取值字段
+   * 类型：string
+   * 默认值：'id'
+   */
+  idKey: makeStringProp('id'),
+
+  /**
+   * 容器高度
+   * 类型：string
+   * 默认值：'100%'
+   */
+  height: makeStringProp('100%'),
+  /**
+   * 是否显示回到顶部按钮
+   * 类型：boolean
+   * 默认值：false
+   */
+  showBackToTop: makeBooleanProp(false),
+  /**
+   * 滚动多远显示backToTop
+   * 类型：number
+   * 默认值：'300px'
+   */
+  backToTopThreshold: makeStringProp('300px'),
+  /**
+   * 单个项目高度
+   * 类型：number
+   * 默认值：'50px'
+   */
+  itemHeight: makeStringProp('50px'),
+  /**
+   * 是否开启水平滚动
+   * 类型：boolean
+   * 默认值：false
+   */
+  scrollX: makeBooleanProp(false),
+  /**
+   * 是否开启虚拟滚动
+   * 类型：boolean
+   * 默认值：true
+   */
+  virtual: makeBooleanProp(true)
+}
+
+export type CollapseExpose = {
+  scrollToTop: () => void
+  scrollToBottom: () => void
+  scrollToPosition: (position: number | string) => void
+  scrollToElement: (item: any) => void
+  scrollToElementById: (id: string | number) => void
+}
+export type VirtualScrollProps = ExtractPropTypes<typeof virtualScrollProps>
+export type VirtualScrollInstance = ComponentPublicInstance<VirtualScrollProps, CollapseExpose>

package/components/oxy-virtual-scroll/virtual-scroll.ts

@@ -0,0 +1,81 @@
+/**
+ * 虚拟滚动引擎 - 优化长列表性能
+ */
+
+export interface VirtualScrollItem {
+  key?: string
+  items?: VirtualScrollItem[]
+  [key: string]: any
+}
+
+export interface VirtualScrollOptions {
+  containerHeight?: number
+  itemHeight?: number
+  bufferSize?: number
+  data?: VirtualScrollItem[]
+}
+
+export interface VisibleDataResult {
+  visibleData: VirtualScrollItem[]
+  startIndex: number
+  endIndex: number
+  offsetY: number
+}
+
+export class VirtualScrollEngine {
+  containerHeight: number
+  itemHeight: number
+  bufferSize: number
+  data: VirtualScrollItem[]
+  visibleData: VirtualScrollItem[]
+  startIndex: number
+  endIndex: number
+  scrollTop: number
+  cache: Map<string, VisibleDataResult>
+
+  constructor(options: VirtualScrollOptions = {}) {
+    this.containerHeight = options.containerHeight || 400
+    this.itemHeight = options.itemHeight || 50
+    this.bufferSize = options.bufferSize || 5
+    this.data = options.data || []
+
+    this.visibleData = []
+    this.startIndex = 0
+    this.endIndex = 0
+    this.scrollTop = 0
+
+    this.cache = new Map()
+  }
+
+  // 更新可见区域数据
+  updateVisibleData(scrollTop: number): VisibleDataResult {
+    this.scrollTop = scrollTop
+
+    const cacheKey = `${scrollTop}_${this.data.length}`
+    if (this.cache.has(cacheKey)) {
+      return this.cache.get(cacheKey)!
+    }
+
+    const visibleCount = Math.ceil(this.containerHeight / this.itemHeight)
+    this.startIndex = Math.max(0, Math.floor(scrollTop / this.itemHeight) - this.bufferSize)
+    this.endIndex = Math.min(this.data.length - 1, this.startIndex + visibleCount + this.bufferSize * 2)
+
+    this.visibleData = this.data.slice(this.startIndex, this.endIndex + 1)
+
+    const result: VisibleDataResult = {
+      visibleData: this.visibleData,
+      startIndex: this.startIndex,
+      endIndex: this.endIndex,
+      offsetY: this.startIndex * this.itemHeight
+    }
+
+    // 缓存优化
+    if (this.cache.size > 50) {
+      const firstKey = this.cache.keys().next().value as string
+      this.cache.delete(firstKey)
+    }
+    this.cache.set(cacheKey, result)
+
+    return result
+  }
+}

package/global.d.ts

@@ -59,10 +59,12 @@ declare module 'vue' {
     OxyTab: typeof import('./components/oxy-tab/oxy-tab.vue')['default']
     OxyTabs: typeof import('./components/oxy-tabs/oxy-tabs.vue')['default']
     OxyTag: typeof import('./components/oxy-tag/oxy-tag.vue')['default']
+    OxyCorner: typeof import('./components/oxy-corner/oxy-corner.vue')['default']
     OxyToast: typeof import('./components/oxy-toast/oxy-toast.vue')['default']
     OxyTooltip: typeof import('./components/oxy-tooltip/oxy-tooltip.vue')['default']
     OxyTransition: typeof import('./components/oxy-transition/oxy-transition.vue')['default']
     OxyUpload: typeof import('./components/oxy-upload/oxy-upload.vue')['default']
+    OxyFileList: typeof import('./components/oxy-file-list/oxy-file-list.vue')['default']
     OxyNotify: typeof import('./components/oxy-notify/oxy-notify.vue')['default']
     OxyWatermark: typeof import('./components/oxy-watermark/oxy-watermark.vue')['default']
     OxyCircle: typeof import('./components/oxy-circle/oxy-circle.vue')['default']
@@ -75,6 +77,7 @@ declare module 'vue' {
     OxyNavbarCapsule: typeof import('./components/oxy-navbar-capsule/oxy-navbar-capsule.vue')['default']
     OxyTable: typeof import('./components/oxy-table/oxy-table.vue')['default']
     OxyTableCol: typeof import('./components/oxy-table-col/oxy-table-col.vue')['default']
+    OxyVirtualScroll: typeof import('./components/oxy-virtual-scroll/oxy-virtual-scroll.vue')['default']
     OxySidebar: typeof import('./components/oxy-sidebar/oxy-sidebar.vue')['default']
     OxySidebarItem: typeof import('./components/oxy-sidebar-item/oxy-sidebar-item.vue')['default']
     OxyFab: typeof import('./components/oxy-fab/oxy-fab.vue')['default']

package/locale/lang/ar-SA.ts

@@ -55,7 +55,8 @@ export default {
   colPicker: {
     title: 'حدد لون',
     placeholder: 'حدد لون',
-    select: 'حدد'
+    select: 'حدد',
+    confirm: 'تأكيد'
   },
   loadmore: {
     loading: 'جارٍ التحميل...',

package/locale/lang/en-US.ts

@@ -55,7 +55,8 @@ export default {
   colPicker: {
     title: 'Select',
     placeholder: 'Select',
-    select: 'Select'
+    select: 'Select',
+    confirm: 'OK'
   },
   loadmore: {
     loading: 'Loading...',

package/locale/lang/zh-CN.ts

@@ -51,7 +51,8 @@ export default {
   colPicker: {
     title: '请选择',
     placeholder: '请选择',
-    select: '请选择'
+    select: '请选择',
+    confirm: '确定'
   },
   datetimePicker: {
     start: '开始时间',

package/package.json

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