oxy-uni-ui 2.1.2 → 2.1.3

package/components/oxy-waterfall-item/oxy-waterfall-item.vue

@@ -9,7 +9,9 @@ export default {
   name: 'oxy-waterfall-item',
   options: {
     addGlobalClass: true,
+    // #ifndef MP-TOUTIAO
     virtualHost: true,
+    // #endif
     styleIsolation: 'shared'
   }
 }
@@ -44,6 +46,13 @@ const wait = (time = 100) => {
   })
 }
 
+/**
+ * 上报当前元素的高度增量给瀑布流父组件。
+ * 延迟 10ms 等待低性能设备渲染完成，计算当前高度与缓存高度的差值上报，
+ * 高度为 0 时取消上报（防止 update 函数传入错误的 reportHeight 参数），
+ * 上报后缓存当前高度用于下次增量计算。
+ * @param params.reportHeightTimeChange - 是否因 reportHeightTime 变化触发
+ */
 async function postHeight(params: any) {
   const { reportHeightTimeChange = false } = params
   // 添加一个异步的宏任务，部分低性能的移动设备会因为渲染问题导致上报的高度存在错误问题

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

@@ -15,7 +15,9 @@ export default {
   name: 'oxy-watermark',
   options: {
     addGlobalClass: true,
+    // #ifndef MP-TOUTIAO
     virtualHost: true,
+    // #endif
     styleIsolation: 'shared'
   }
 }

package/global.d.ts

@@ -26,6 +26,7 @@ declare module 'vue' {
     OxyGridItem: typeof import('./components/oxy-grid-item/oxy-grid-item.vue')['default']
     OxyIcon: typeof import('./components/oxy-icon/oxy-icon.vue')['default']
     OxyImg: typeof import('./components/oxy-img/oxy-img.vue')['default']
+    OxyImagePreview: typeof import('./components/oxy-image-preview/oxy-image-preview.vue')['default']
     OxyImgCropper: typeof import('./components/oxy-img-cropper/oxy-img-cropper.vue')['default']
     OxyImgLazy: typeof import('./components/oxy-img-lazy/oxy-img-lazy.vue')['default']
     OxyInput: typeof import('./components/oxy-input/oxy-input.vue')['default']
@@ -108,6 +109,7 @@ declare module 'vue' {
     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']
+    OxySlideVerify: typeof import('./components/oxy-slide-verify/oxy-slide-verify.vue')['default']
     OxyLongPressMenu: typeof import('./components/oxy-long-press-menu/oxy-long-press-menu.vue')['default']
   }
 }

package/index.ts

@@ -1,5 +1,7 @@
 export { useToast } from './components/oxy-toast'
 export { useMessage } from './components/oxy-message-box'
+export { useImagePreview } from './components/oxy-image-preview'
+export { useVideoPreview } from './components/oxy-video-preview'
 export { useGlobalLoading } from './components/composables/useGlobalLoading'
 export { useGlobalMessage } from './components/composables/useGlobalMessage'
 export { useGlobalToast } from './components/composables/useGlobalToast'

package/locale/lang/en-US.ts

@@ -74,6 +74,10 @@ export default {
     cancel: 'Cancel',
     inputNoValidate: 'Please ensure you input correct information'
   },
+  slideVerify: {
+    text: 'Slide right to verify',
+    successText: 'Verified'
+  },
   numberKeyboard: {
     confirm: 'Confirm'
   },
@@ -87,7 +91,8 @@ export default {
   picker: {
     cancel: 'Cancel',
     done: 'Confirm',
-    placeholder: 'Select'
+    placeholder: 'Select',
+    searchPlaceholder: 'Enter search keyword'
   },
   search: {
     search: 'Search',
@@ -103,7 +108,10 @@ export default {
     all: 'All'
   },
   upload: {
-    error: 'Failed to upload'
+    error: 'Failed to upload',
+    videoType: 'Video',
+    previewImageFail: 'Image preview failed',
+    previewVideoFail: 'Video preview failed'
   },
   input: {
     placeholder: 'Please input information...'
@@ -157,7 +165,48 @@ export default {
     confirm: 'Confirm',
     cancel: 'Cancel'
   },
+  keyboard: {
+    carProvince: 'Province'
+  },
   guidance: {
     skip: 'Skip'
+  },
+  tree: {
+    emptyText: 'No data',
+    filterPlaceholder: 'Enter node name',
+    filterButton: 'Filter'
+  },
+  select: {
+    placeholder: 'Please select',
+    emptyTips: 'No options',
+    loadingText: 'Loading...'
+  },
+  longPressMenu: {
+    copy: 'Copy',
+    copied: 'Copied'
+  },
+  virtualScroll: {
+    emptyText: 'No data'
+  },
+  fileList: {
+    openingPreview: 'Opening preview...',
+    previewImageFail: 'Image preview failed',
+    previewVideoFail: 'Video preview failed',
+    previewFileFail: 'File preview failed',
+    confirmDeleteTitle: 'Confirm deletion',
+    confirmDeleteMsg: 'Are you sure to delete this file?',
+    delete: 'Delete',
+    cancel: 'Cancel',
+    downloadSuccess: 'Downloaded: ',
+    downloadFail: 'Download failed: '
+  },
+  voicePlayer: {
+    unknownSong: 'Unknown song',
+    playError: 'Play failed',
+    pauseError: 'Pause failed',
+    stopError: 'Stop failed',
+    seekError: 'Seek failed',
+    audioError: 'Audio playback error',
+    initAudioError: 'Audio initialization failed'
   }
 }

package/locale/lang/zh-CN.ts

@@ -74,6 +74,10 @@ export default {
     cancel: '取消',
     inputNoValidate: '输入的数据不合法'
   },
+  slideVerify: {
+    text: '向右滑动验证',
+    successText: '验证通过'
+  },
   numberKeyboard: {
     confirm: '确定'
   },
@@ -87,7 +91,8 @@ export default {
   picker: {
     cancel: '取消',
     done: '确定',
-    placeholder: '请选择'
+    placeholder: '请选择',
+    searchPlaceholder: '请输入搜索关键词'
   },
   imgCropper: {
     confirm: '确定',
@@ -107,7 +112,10 @@ export default {
     all: '全部'
   },
   upload: {
-    error: '上传失败'
+    error: '上传失败',
+    videoType: '视频',
+    previewImageFail: '预览图片失败',
+    previewVideoFail: '预览视频失败'
   },
   input: {
     placeholder: '请输入...'
@@ -161,7 +169,48 @@ export default {
     confirm: '确认',
     cancel: '取消'
   },
+  keyboard: {
+    carProvince: '省份'
+  },
   guidance: {
     skip: '跳过'
+  },
+  tree: {
+    emptyText: '暂无数据',
+    filterPlaceholder: '请输入节点名称',
+    filterButton: '筛选'
+  },
+  select: {
+    placeholder: '请选择',
+    emptyTips: '无选项',
+    loadingText: '加载中...'
+  },
+  longPressMenu: {
+    copy: '复制',
+    copied: '已复制'
+  },
+  virtualScroll: {
+    emptyText: '暂无数据'
+  },
+  fileList: {
+    openingPreview: '正在打开预览...',
+    previewImageFail: '预览图片失败',
+    previewVideoFail: '预览视频失败',
+    previewFileFail: '预览文件失败',
+    confirmDeleteTitle: '确认删除文件',
+    confirmDeleteMsg: '确认删除该文件？',
+    delete: '删除',
+    cancel: '取消',
+    downloadSuccess: '下载成功：',
+    downloadFail: '下载失败：'
+  },
+  voicePlayer: {
+    unknownSong: '未知歌曲',
+    playError: '播放失败',
+    pauseError: '暂停失败',
+    stopError: '停止失败',
+    seekError: '跳转失败',
+    audioError: '音频播放错误',
+    initAudioError: '初始化音频失败'
   }
 }

package/package.json

@@ -2,7 +2,7 @@
   "id": "oxy-uni-ui",
   "name": "oxy-uni-ui",
   "displayName": "oxy-uni-ui 基于vue3+Typescript的高颜值组件库",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "license": "MIT",
   "description": "一个基于Vue3+TS开发的uni-app组件库，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。",
   "keywords": [
@@ -77,7 +77,7 @@
           "微信": "y",
           "阿里": "y",
           "百度": "u",
-          "字节跳动": "u",
+          "字节跳动": "y",
           "QQ": "y",
           "钉钉": "y",
           "快手": "u",

package/styles/all.scss

@@ -0,0 +1,125 @@
+// 全量样式入口：用于小程序(尤其抖音)外部一次性引入所有组件样式
+// 注意：如新增组件样式文件，请同步补充到此入口
+
+@import '../components/oxy-action-sheet/index.scss';
+@import '../components/oxy-backtop/index.scss';
+@import '../components/oxy-badge/index.scss';
+@import '../components/oxy-button/index.scss';
+@import '../components/oxy-calendar-view/index.scss';
+@import '../components/oxy-calendar-view/month/index.scss';
+@import '../components/oxy-calendar-view/monthPanel/index.scss';
+@import '../components/oxy-calendar-view/year/index.scss';
+@import '../components/oxy-calendar-view/yearPanel/index.scss';
+@import '../components/oxy-calendar/index.scss';
+@import '../components/oxy-card/index.scss';
+@import '../components/oxy-cell-group/index.scss';
+@import '../components/oxy-cell/index.scss';
+@import '../components/oxy-checkbox-group/index.scss';
+@import '../components/oxy-checkbox/index.scss';
+@import '../components/oxy-circle/index.scss';
+@import '../components/oxy-col-picker/index.scss';
+@import '../components/oxy-col/index.scss';
+@import '../components/oxy-collapse-item/index.scss';
+@import '../components/oxy-collapse/index.scss';
+@import '../components/oxy-corner/index.scss';
+@import '../components/oxy-count-down/index.scss';
+@import '../components/oxy-count-to/index.scss';
+@import '../components/oxy-curtain/index.scss';
+@import '../components/oxy-date-strip-item/index.scss';
+@import '../components/oxy-date-strip/index.scss';
+@import '../components/oxy-datetime-picker/index.scss';
+@import '../components/oxy-divider/index.scss';
+@import '../components/oxy-drop-menu-item/index.scss';
+@import '../components/oxy-drop-menu/index.scss';
+@import '../components/oxy-echarts/index.scss';
+@import '../components/oxy-fab/index.scss';
+@import '../components/oxy-file-list/index.scss';
+@import '../components/oxy-floating-panel/index.scss';
+@import '../components/oxy-footer/index.scss';
+@import '../components/oxy-form-item/index.scss';
+@import '../components/oxy-gap/index.scss';
+@import '../components/oxy-grid-item/index.scss';
+@import '../components/oxy-grid/index.scss';
+@import '../components/oxy-guidance/index.scss';
+@import '../components/oxy-icon/index.scss';
+@import '../components/oxy-image-preview/index.scss';
+@import '../components/oxy-img-cropper/index.scss';
+@import '../components/oxy-img-lazy/index.scss';
+@import '../components/oxy-img/index.scss';
+@import '../components/oxy-index-anchor/index.scss';
+@import '../components/oxy-index-bar/index.scss';
+@import '../components/oxy-input-number/index.scss';
+@import '../components/oxy-input/index.scss';
+@import '../components/oxy-keyboard/index.scss';
+@import '../components/oxy-keyboard/key/index.scss';
+@import '../components/oxy-link/index.scss';
+@import '../components/oxy-list/index.scss';
+@import '../components/oxy-loading/index.scss';
+@import '../components/oxy-loadmore/index.scss';
+@import '../components/oxy-long-press-menu/index.scss';
+@import '../components/oxy-message-box/index.scss';
+@import '../components/oxy-navbar-capsule/index.scss';
+@import '../components/oxy-navbar/index.scss';
+@import '../components/oxy-notice-bar/index.scss';
+@import '../components/oxy-notify/index.scss';
+@import '../components/oxy-overlay/index.scss';
+@import '../components/oxy-pagination/index.scss';
+@import '../components/oxy-password-input/index.scss';
+@import '../components/oxy-picker-view/index.scss';
+@import '../components/oxy-picker/index.scss';
+@import '../components/oxy-popover/index.scss';
+@import '../components/oxy-popup/index.scss';
+@import '../components/oxy-progress/index.scss';
+@import '../components/oxy-qrcode/index.scss';
+@import '../components/oxy-radio-group/index.scss';
+@import '../components/oxy-radio/index.scss';
+@import '../components/oxy-rate/index.scss';
+@import '../components/oxy-resize/index.scss';
+@import '../components/oxy-rich-text/index.scss';
+@import '../components/oxy-row/index.scss';
+@import '../components/oxy-search/index.scss';
+@import '../components/oxy-segmented/index.scss';
+@import '../components/oxy-select-picker/index.scss';
+@import '../components/oxy-select/index.scss';
+@import '../components/oxy-sidebar-item/index.scss';
+@import '../components/oxy-sidebar/index.scss';
+@import '../components/oxy-signature/index.scss';
+@import '../components/oxy-skeleton/index.scss';
+@import '../components/oxy-slide-verify/index.scss';
+@import '../components/oxy-slider/index.scss';
+@import '../components/oxy-sort-button/index.scss';
+@import '../components/oxy-splitter-panel/index.scss';
+@import '../components/oxy-splitter/index.scss';
+@import '../components/oxy-status-tip/index.scss';
+@import '../components/oxy-step/index.scss';
+@import '../components/oxy-steps/index.scss';
+@import '../components/oxy-sticky-box/index.scss';
+@import '../components/oxy-sticky/index.scss';
+@import '../components/oxy-stream-render/index.scss';
+@import '../components/oxy-swipe-action/index.scss';
+@import '../components/oxy-swiper-nav/index.scss';
+@import '../components/oxy-swiper/index.scss';
+@import '../components/oxy-switch/index.scss';
+@import '../components/oxy-tab/index.scss';
+@import '../components/oxy-tabbar-item/index.scss';
+@import '../components/oxy-tabbar/index.scss';
+@import '../components/oxy-table-col/index.scss';
+@import '../components/oxy-table/index.scss';
+@import '../components/oxy-tabs/index.scss';
+@import '../components/oxy-tag/index.scss';
+@import '../components/oxy-text/index.scss';
+@import '../components/oxy-textarea/index.scss';
+@import '../components/oxy-toast/index.scss';
+@import '../components/oxy-tooltip/index.scss';
+@import '../components/oxy-transition/index.scss';
+@import '../components/oxy-tree/index.scss';
+@import '../components/oxy-upload/index.scss';
+@import '../components/oxy-verification-code/index.scss';
+@import '../components/oxy-video-preview/index.scss';
+@import '../components/oxy-virtual-scroll/index.scss';
+@import '../components/oxy-voice-player/index.scss';
+@import '../components/oxy-waterfall-item/index.scss';
+@import '../components/oxy-waterfall/index.scss';
+@import '../components/oxy-watermark/index.scss';
+@import '../components/oxy-input/placeholder.scss';
+@import '../components/oxy-textarea/placeholder.scss';