oxy-uni-ui 1.0.1

package/global.d.ts

@@ -0,0 +1,101 @@
+declare module 'vue' {
+  // Helper for Volar
+  export interface GlobalComponents {
+    OxyActionSheet: typeof import('./components/oxy-action-sheet/oxy-action-sheet.vue')['default']
+    OxyBadge: typeof import('./components/oxy-badge/oxy-badge.vue')['default']
+    OxyButton: typeof import('./components/oxy-button/oxy-button.vue')['default']
+    OxyCalendar: typeof import('./components/oxy-calendar/oxy-calendar.vue')['default']
+    OxyCalendarView: typeof import('./components/oxy-calendar-view/oxy-calendar-view.vue')['default']
+    OxyCard: typeof import('./components/oxy-card/oxy-card.vue')['default']
+    OxyCell: typeof import('./components/oxy-cell/oxy-cell.vue')['default']
+    OxyCellGroup: typeof import('./components/oxy-cell-group/oxy-cell-group.vue')['default']
+    OxyCheckbox: typeof import('./components/oxy-checkbox/oxy-checkbox.vue')['default']
+    OxyCheckboxGroup: typeof import('./components/oxy-checkbox-group/oxy-checkbox-group.vue')['default']
+    OxyCol: typeof import('./components/oxy-col/oxy-col.vue')['default']
+    OxyColPicker: typeof import('./components/oxy-col-picker/oxy-col-picker.vue')['default']
+    OxyCollapse: typeof import('./components/oxy-collapse/oxy-collapse.vue')['default']
+    OxyCollapseItem: typeof import('./components/oxy-collapse-item/oxy-collapse-item.vue')['default']
+    OxyConfigProvider: typeof import('./components/oxy-config-provider/oxy-config-provider.vue')['default']
+    OxyCurtain: typeof import('./components/oxy-curtain/oxy-curtain.vue')['default']
+    OxyDatetimePicker: typeof import('./components/oxy-datetime-picker/oxy-datetime-picker.vue')['default']
+    OxyDatetimePickerView: typeof import('./components/oxy-datetime-picker-view/oxy-datetime-picker-view.vue')['default']
+    OxyDivider: typeof import('./components/oxy-divider/oxy-divider.vue')['default']
+    OxyDropMenu: typeof import('./components/oxy-drop-menu/oxy-drop-menu.vue')['default']
+    OxyDropMenuItem: typeof import('./components/oxy-drop-menu-item/oxy-drop-menu-item.vue')['default']
+    OxyGrid: typeof import('./components/oxy-grid/oxy-grid.vue')['default']
+    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']
+    OxyImgCropper: typeof import('./components/oxy-img-cropper/oxy-img-cropper.vue')['default']
+    OxyInput: typeof import('./components/oxy-input/oxy-input.vue')['default']
+    OxyInputNumber: typeof import('./components/oxy-input-number/oxy-input-number.vue')['default']
+    OxyLoading: typeof import('./components/oxy-loading/oxy-loading.vue')['default']
+    OxyLoadmore: typeof import('./components/oxy-loadmore/oxy-loadmore.vue')['default']
+    OxyMessageBox: typeof import('./components/oxy-message-box/oxy-message-box.vue')['default']
+    OxyOverlay: typeof import('./components/oxy-overlay/oxy-overlay.vue')['default']
+    OxyNoticeBar: typeof import('./components/oxy-notice-bar/oxy-notice-bar.vue')['default']
+    OxyPagination: typeof import('./components/oxy-pagination/oxy-pagination.vue')['default']
+    OxyPicker: typeof import('./components/oxy-picker/oxy-picker.vue')['default']
+    OxyPickerView: typeof import('./components/oxy-picker-view/oxy-picker-view.vue')['default']
+    OxyPopover: typeof import('./components/oxy-popover/oxy-popover.vue')['default']
+    OxyPopup: typeof import('./components/oxy-popup/oxy-popup.vue')['default']
+    OxyProgress: typeof import('./components/oxy-progress/oxy-progress.vue')['default']
+    OxyRadio: typeof import('./components/oxy-radio/oxy-radio.vue')['default']
+    OxyRadioGroup: typeof import('./components/oxy-radio-group/oxy-radio-group.vue')['default']
+    OxyRate: typeof import('./components/oxy-rate/oxy-rate.vue')['default']
+    OxyResize: typeof import('./components/oxy-resize/oxy-resize.vue')['default']
+    OxyRow: typeof import('./components/oxy-row/oxy-row.vue')['default']
+    OxySearch: typeof import('./components/oxy-search/oxy-search.vue')['default']
+    OxySelectPicker: typeof import('./components/oxy-select-picker/oxy-select-picker.vue')['default']
+    OxySlider: typeof import('./components/oxy-slider/oxy-slider.vue')['default']
+    OxySortButton: typeof import('./components/oxy-sort-button/oxy-sort-button.vue')['default']
+    OxyStatusTip: typeof import('./components/oxy-status-tip/oxy-status-tip.vue')['default']
+    OxyStep: typeof import('./components/oxy-step/oxy-step.vue')['default']
+    OxySteps: typeof import('./components/oxy-steps/oxy-steps.vue')['default']
+    OxySticky: typeof import('./components/oxy-sticky/oxy-sticky.vue')['default']
+    OxyStickyBox: typeof import('./components/oxy-sticky-box/oxy-sticky-box.vue')['default']
+    OxySwipeAction: typeof import('./components/oxy-swipe-action/oxy-swipe-action.vue')['default']
+    OxySwitch: typeof import('./components/oxy-switch/oxy-switch.vue')['default']
+    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']
+    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']
+    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']
+    OxySwiper: typeof import('./components/oxy-swiper/oxy-swiper.vue')['default']
+    OxySwiperNav: typeof import('./components/oxy-swiper-nav/oxy-swiper-nav.vue')['default']
+    OxySegmented: typeof import('./components/oxy-segmented/oxy-segmented.vue')['default']
+    OxyTabbar: typeof import('./components/oxy-tabbar/oxy-tabbar.vue')['default']
+    OxyTabbarItem: typeof import('./components/oxy-tabbar-item/oxy-tabbar-item.vue')['default']
+    OxyNavbar: typeof import('./components/oxy-navbar/oxy-navbar.vue')['default']
+    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']
+    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']
+    OxyCountDown: typeof import('./components/oxy-count-down/oxy-count-down.vue')['default']
+    OxyNumberKeyboard: typeof import('./components/oxy-number-keyboard/oxy-number-keyboard.vue')['default']
+    OxyKeyboard: typeof import('./components/oxy-keyboard/oxy-keyboard.vue')['default']
+    OxyGap: typeof import('./components/oxy-gap/oxy-gap.vue')['default']
+    OxyPasswordInput: typeof import('./components/oxy-password-input/oxy-password-input.vue')['default']
+    OxyForm: typeof import('./components/oxy-form/oxy-form.vue')['default']
+    OxyTextarea: typeof import('./components/oxy-textarea/oxy-textarea.vue')['default']
+    OxyVideoPreview: typeof import('./components/oxy-video-preview/oxy-video-preview.vue')['default']
+    OxyBacktop: typeof import('./components/oxy-backtop/oxy-backtop.vue')['default']
+    OxySkeleton: typeof import('./components/oxy-skeleton/oxy-skeleton.vue')['default']
+    OxyIndexBar: typeof import('./components/oxy-index-bar/oxy-index-bar.vue')['default']
+    OxyIndexAnchor: typeof import('./components/oxy-index-anchor/oxy-index-anchor.vue')['default']
+    OxyText: typeof import('./components/oxy-text/oxy-text.vue')['default']
+    OxyCountTo: typeof import('./components/oxy-count-to/oxy-count-to.vue')['default']
+    OxyFloatingPanel: typeof import('./components/oxy-floating-panel/oxy-floating-panel.vue')['default']
+    OxySignature: typeof import('./components/oxy-signature/oxy-signature.vue')['default']
+    OxyRootPortal: typeof import('./components/oxy-root-portal/oxy-root-portal.vue')['default']
+  }
+}
+
+export {}

package/index.ts

@@ -0,0 +1,12 @@
+export { useToast } from './components/oxy-toast'
+export { useMessage } from './components/oxy-message-box'
+export * from './components/composables'
+export * from './components/oxy-notify'
+
+export { default as dayjs } from './dayjs'
+
+export * as CommonUtil from './components/common/util'
+export * as clickOut from './components/common/clickoutside'
+
+export * from './locale'
+export type { ConfigProviderThemeVars } from './components/oxy-config-provider/types'

package/locale/index.ts

@@ -0,0 +1,32 @@
+import { reactive, ref } from 'vue'
+import zhCN from './lang/zh-CN'
+import { deepAssign } from '../components/common/util'
+
+type Message = Record<string, any>
+type Messages = Record<string, Message>
+
+const lang = ref<string>('zh-CN')
+const messages = reactive<Messages>({
+  'zh-CN': zhCN
+})
+
+export const Locale = {
+  messages(): Message {
+    return messages[lang.value]
+  },
+
+  use(newLang: string, newMessage?: Message) {
+    lang.value = newLang
+    if (newMessage) {
+      this.add({ [newLang]: newMessage })
+    }
+  },
+
+  add(newMessages: Messages = {}) {
+    deepAssign(messages, newMessages)
+  }
+}
+
+export const useCurrentLang = () => lang
+
+export default Locale

package/locale/lang/ar-SA.ts

@@ -0,0 +1,133 @@
+export default {
+  calendar: {
+    placeholder: 'حدد التاريخ',
+    title: 'حدد التاريخ',
+    day: 'يوم',
+    week: 'أسبوع',
+    month: 'شهر',
+    confirm: 'تأكيد',
+    startTime: 'وقت البداية',
+    endTime: 'وقت النهاية',
+    to: 'إلى',
+    timeFormat: 'YY-MM-DD HH:mm:ss',
+    dateFormat: 'YYYY-MM-DD',
+    weekFormat: (year: number, week: number) => `${year} الأسبوع ${week}`,
+    startWeek: 'بداية الأسبوع',
+    endWeek: 'نهاية الأسبوع',
+    startMonth: 'بداية الشهر',
+    endMonth: 'نهاية الشهر',
+    monthFormat: 'YYYY-MM'
+  },
+  calendarView: {
+    startTime: 'وقت البداية',
+    endTime: 'وقت النهاية',
+    weeks: {
+      sun: 'الأحد',
+      mon: 'الاثنين',
+      tue: 'الثلاثاء',
+      wed: 'الأربعاء',
+      thu: 'الخميس',
+      fri: 'الجمعة',
+      sat: 'السبت'
+    },
+    rangePrompt: (maxRange: number) => `لا يمكن أن تزيد الأيام المحددة عن ${maxRange} يوم`,
+    rangePromptWeek: (maxRange: number) => `لا يمكن أن تزيد الأسابيع المحددة عن ${maxRange} أسبوع`,
+    rangePromptMonth: (maxRange: number) => `لا يمكن أن تزيد الشهور المحددة عن ${maxRange} شهر`,
+    monthTitle: 'YYYY-MM',
+    yearTitle: 'YYYY',
+    month: 'MM',
+    hour: (value: number) => `${value} ساعة`,
+    minute: (value: number) => `${value} دقيقة`,
+    second: (value: number) => `${value} ثانية`
+  },
+  datetimePicker: {
+    start: 'من',
+    end: 'إلى',
+    to: 'إلى',
+    placeholder: 'حدد التاريخ والوقت',
+    confirm: 'تأكيد',
+    cancel: 'إلغاء'
+  },
+  collapse: {
+    expand: 'توسيع',
+    retract: 'طي'
+  },
+  colPicker: {
+    title: 'حدد لون',
+    placeholder: 'حدد لون',
+    select: 'حدد'
+  },
+  loadmore: {
+    loading: 'جارٍ التحميل...',
+    finished: 'التحميل قد انتهى',
+    error: 'فشل التحميل...',
+    retry: 'إعادة المحاولة'
+  },
+  imgCropper: {
+    confirm: 'تأكيد',
+    cancel: 'إلغاء'
+  },
+  messageBox: {
+    inputPlaceholder: 'الرجاء إدخال المعلومات',
+    confirm: 'تأكيد',
+    cancel: 'إلغاء',
+    inputNoValidate: 'الرجاء التأكد من إدخال المعلومات الصحيحة'
+  },
+  numberKeyboard: {
+    confirm: 'إنهاء'
+  },
+  pagination: {
+    prev: 'السابق',
+    next: 'التالي',
+    page: (value: number) => `صفحة: ${value}`,
+    total: (total: number) => `المجموع: ${total}`,
+    size: (size: number) => `${size} / صفحة`
+  },
+  picker: {
+    cancel: 'إلغاء',
+    done: 'إنهاء',
+    placeholder: 'حدد'
+  },
+  search: {
+    search: 'بحث',
+    cancel: 'إلغاء'
+  },
+  steps: {
+    wait: 'لم يبدأ',
+    finished: 'تم',
+    process: 'جاري',
+    failed: 'فشل'
+  },
+  tabs: {
+    all: 'الجميع'
+  },
+  upload: {
+    error: 'فشل التحميل'
+  },
+  input: {
+    placeholder: 'الرجاء إدخال المعلومات...'
+  },
+  selectPicker: {
+    title: 'حدد',
+    placeholder: 'حدد',
+    select: 'حدد',
+    confirm: 'تأكيد',
+    filterPlaceholder: 'بحث'
+  },
+  tag: {
+    placeholder: 'إدخال',
+    add: 'إضافة وسم'
+  },
+  textarea: {
+    placeholder: 'الرجاء إدخال نص متعدد الأسطر هنا...'
+  },
+  tableCol: {
+    indexLabel: 'فهرس'
+  },
+  signature: {
+    confirmText: 'تأكيد',
+    clearText: 'مسح',
+    revokeText: 'تراجع',
+    restoreText: 'استعادة'
+  }
+}

package/locale/lang/en-US.ts

@@ -0,0 +1,133 @@
+export default {
+  calendar: {
+    placeholder: 'Select',
+    title: 'Select Date',
+    day: 'Date',
+    week: 'Week',
+    month: 'Month',
+    confirm: 'OK',
+    startTime: 'Start Date',
+    endTime: 'End Date',
+    to: 'To',
+    timeFormat: 'YY-MM-DD HH:mm:ss',
+    dateFormat: 'YYYY-MM-DD',
+    weekFormat: (year: number, week: number) => `${year} W${week}`,
+    startWeek: 'Start Week',
+    endWeek: 'End Week',
+    startMonth: 'Start Month',
+    endMonth: 'End Month',
+    monthFormat: 'YYYY-MM'
+  },
+  calendarView: {
+    startTime: 'Start Time',
+    endTime: 'End Time',
+    weeks: {
+      sun: 'Sun',
+      mon: 'Mon',
+      tue: 'Tue',
+      wed: 'Wed',
+      thu: 'Thu',
+      fri: 'Fri',
+      sat: 'Sat'
+    },
+    rangePrompt: (maxRange: number) => `The number of selected days cannot exceed ${maxRange} days`,
+    rangePromptWeek: (maxRange: number) => `The number of weeks selected cannot exceed ${maxRange} weeks`,
+    rangePromptMonth: (maxRange: number) => `The selected month cannot exceed ${maxRange} months`,
+    monthTitle: 'YYYY-MM',
+    yearTitle: 'YYYY',
+    month: 'MM',
+    hour: (value: number) => `${value}`,
+    minute: (value: number) => `${value}`,
+    second: (value: number) => `${value}`
+  },
+  datetimePicker: {
+    start: 'From',
+    end: 'To',
+    to: 'To',
+    placeholder: 'Select',
+    confirm: 'OK',
+    cancel: 'Cancel'
+  },
+  collapse: {
+    expand: 'Expand',
+    retract: 'Fold'
+  },
+  colPicker: {
+    title: 'Select',
+    placeholder: 'Select',
+    select: 'Select'
+  },
+  loadmore: {
+    loading: 'Loading...',
+    finished: 'Finished loading',
+    error: 'Failed to load...',
+    retry: 'Refresh'
+  },
+  imgCropper: {
+    confirm: 'OK',
+    cancel: 'Cancel'
+  },
+  messageBox: {
+    inputPlaceholder: 'Please input information',
+    confirm: 'OK',
+    cancel: 'Cancel',
+    inputNoValidate: 'Please ensure you input correct information'
+  },
+  numberKeyboard: {
+    confirm: 'done'
+  },
+  pagination: {
+    prev: 'Previous',
+    next: 'Next',
+    page: (value: number) => `Page: ${value}`,
+    total: (total: number) => `Total: ${total}`,
+    size: (size: number) => `${size}/page`
+  },
+  picker: {
+    cancel: 'Cancel',
+    done: 'Done',
+    placeholder: 'Select'
+  },
+  search: {
+    search: 'Search',
+    cancel: 'Cancel'
+  },
+  steps: {
+    wait: 'Not Started',
+    finished: 'Expired',
+    process: 'In Progress',
+    failed: 'Failed'
+  },
+  tabs: {
+    all: 'All'
+  },
+  upload: {
+    error: 'Failed to upload'
+  },
+  input: {
+    placeholder: 'Please input information...'
+  },
+  selectPicker: {
+    title: 'Select',
+    placeholder: 'Select',
+    select: 'Select',
+    confirm: 'Ok',
+    filterPlaceholder: 'Search'
+  },
+  tag: {
+    placeholder: 'Enter',
+    add: 'Add Tag'
+  },
+  textarea: {
+    placeholder: 'Please input information...'
+  },
+  tableCol: {
+    indexLabel: 'index'
+  },
+  signature: {
+    confirmText: 'OK',
+    clearText: 'Clear',
+    revokeText: 'Undo',
+    restoreText: 'Restore'
+  }
+}

package/locale/lang/zh-CN.ts

@@ -0,0 +1,137 @@
+/**
+ * This file contains localization strings for various components.
+ */
+
+export default {
+  calendar: {
+    placeholder: '请选择',
+    title: '选择日期',
+    day: '日',
+    week: '周',
+    month: '月',
+    confirm: '确定',
+    startTime: '开始时间',
+    endTime: '结束时间',
+    to: '至',
+    timeFormat: 'YY年MM月DD日 HH:mm:ss',
+    dateFormat: 'YYYY年MM月DD日',
+    weekFormat: (year: number, week: number) => `${year} 第 ${week} 周`,
+    startWeek: '开始周',
+    endWeek: '结束周',
+    startMonth: '开始月',
+    endMonth: '结束月',
+    monthFormat: 'YYYY年MM月'
+  },
+  calendarView: {
+    startTime: '开始',
+    endTime: '结束',
+    weeks: {
+      sun: '日',
+      mon: '一',
+      tue: '二',
+      wed: '三',
+      thu: '四',
+      fri: '五',
+      sat: '六'
+    },
+    rangePrompt: (maxRange: number) => `选择天数不能超过${maxRange}天`,
+    rangePromptWeek: (maxRange: number) => `选择周数不能超过${maxRange}周`,
+    rangePromptMonth: (maxRange: number) => `选择月份不能超过${maxRange}个月`,
+    monthTitle: 'YYYY年M月',
+    yearTitle: 'YYYY年',
+    month: 'M月',
+    hour: (value: number) => `${value}时`,
+    minute: (value: number) => `${value}分`,
+    second: (value: number) => `${value}秒`
+  },
+  collapse: {
+    expand: '展开',
+    retract: '收起'
+  },
+  colPicker: {
+    title: '请选择',
+    placeholder: '请选择',
+    select: '请选择'
+  },
+  datetimePicker: {
+    start: '开始时间',
+    end: '结束时间',
+    to: '至',
+    placeholder: '请选择',
+    confirm: '完成',
+    cancel: '取消'
+  },
+  loadmore: {
+    loading: '正在努力加载中...',
+    finished: '已加载完毕',
+    error: '加载失败',
+    retry: '点击重试'
+  },
+  messageBox: {
+    inputPlaceholder: '请输入',
+    confirm: '确定',
+    cancel: '取消',
+    inputNoValidate: '输入的数据不合法'
+  },
+  numberKeyboard: {
+    confirm: '完成'
+  },
+  pagination: {
+    prev: '上一页',
+    next: '下一页',
+    page: (value: number) => `当前页：${value}`,
+    total: (total: number) => `当前数据：${total}条`,
+    size: (size: number) => `分页大小：${size}`
+  },
+  picker: {
+    cancel: '取消',
+    done: '完成',
+    placeholder: '请选择'
+  },
+  imgCropper: {
+    confirm: '完成',
+    cancel: '取消'
+  },
+  search: {
+    search: '搜索',
+    cancel: '取消'
+  },
+  steps: {
+    wait: '未开始',
+    finished: '已完成',
+    process: '进行中',
+    failed: '失败'
+  },
+  tabs: {
+    all: '全部'
+  },
+  upload: {
+    error: '上传失败'
+  },
+  input: {
+    placeholder: '请输入...'
+  },
+  selectPicker: {
+    title: '请选择',
+    placeholder: '请选择',
+    select: '请选择',
+    confirm: '确认',
+    filterPlaceholder: '搜索'
+  },
+  tag: {
+    placeholder: '请输入',
+    add: '新增标签'
+  },
+  textarea: {
+    placeholder: '请输入...'
+  },
+  tableCol: {
+    indexLabel: '序号'
+  },
+  signature: {
+    confirmText: '确认',
+    clearText: '清空',
+    revokeText: '撤销',
+    restoreText: '恢复'
+  }
+}

package/package.json

@@ -0,0 +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"}}