uview-plus 3.8.49 → 3.8.86

package/index.js

@@ -1,3 +1,7 @@
+// 补齐部分平台缺失的 uni API（如支付宝小程序的 onWindowResize）
+import { applyUniApiShims } from './libs/function/uni-api-shims.js'
+applyUniApiShims()
+
 // 看到此报错，是因为没有配置vite.config.js的【transpileDependencies】
 // const pleaseSetTranspileDependencies = {}, babelTest = pleaseSetTranspileDependencies?.test
 
@@ -27,7 +31,7 @@ import index, { rpx2px } from './libs/function/index.js'
 // 配置信息
 import config from './libs/config/config.js'
 // props配置信息
-import props from './libs/config/props.js'
+import props, { setPropsConfig } from './libs/config/props.js'
 // 各个需要fixed的地方的z-index配置文件
 import zIndex from './libs/config/zIndex.js'
 // 关于颜色的配置，特殊场景使用
@@ -42,7 +46,26 @@ import http from './libs/function/http.js'
 import fontUtil from './components/u-icon/util.js';
 
 // i18n
-import i18n, { t } from './libs/i18n/index.js'
+import i18n, {
+    t,
+    registerLocale,
+    hasLocale,
+    getLocale,
+    setLocale
+} from './libs/i18n/index.js'
+import {
+    en,
+    es,
+    fr,
+    de,
+    ko,
+    ja,
+    ru,
+    th,
+    zhHans,
+    zhHant,
+    all as allLocales
+} from './libs/i18n/locale-packs.js'
 import {
     themeState,
     setTheme,
@@ -135,7 +158,41 @@ function rootNotify(options = {}) {
 
 // 导出
 let themeType = ['primary', 'success', 'error', 'warning', 'info'];
-export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex, fontUtil, i18n , rpx2px, t}
+export {
+    route,
+    http,
+    debounce,
+    throttle,
+    calc,
+    digit,
+    platform,
+    themeType,
+    mixin,
+    mpMixin,
+    props,
+    color,
+    test,
+    zIndex,
+    fontUtil,
+    i18n,
+    rpx2px,
+    t,
+    registerLocale,
+    hasLocale,
+    getLocale,
+    setLocale,
+    en,
+    es,
+    fr,
+    de,
+    ko,
+    ja,
+    ru,
+    th,
+    zhHans,
+    zhHant,
+    allLocales
+}
 export * from './libs/function/index.js'
 export * from './libs/function/colorGradient.js'
 
@@ -149,7 +206,7 @@ export * from './libs/function/colorGradient.js'
 export function setConfig(configs) {
     const settings = configs || {}
 	index.shallowMerge(config, settings.config || {})
-	index.shallowMerge(props, settings.props || {})
+	setPropsConfig(settings.props || {})
 	index.shallowMerge(color, settings.color || {})
 	index.shallowMerge(zIndex, settings.zIndex || {})
     syncThemeColorOverrideState({
@@ -182,7 +239,7 @@ const $u = {
 	calc,
     mixin,
     mpMixin,
-    // props,
+    props,
     ...index,
     color,
     platform,
@@ -253,8 +310,8 @@ let components = []
 function resolveComponents() {
     if (components.length) return components
     // #ifdef H5
-    const canUseGlob = typeof import.meta !== 'undefined' && typeof import.meta.glob === 'function'
-    if (!canUseGlob) return components
+    // import.meta.glob is a Vite compile-time macro; the runtime guard would
+    // always fail in the browser and block component registration.
     const importFn = import.meta.glob('./components/u-*/u-*.vue', { eager: true })
     for (const key in importFn) {
         const component = importFn[key]?.default
@@ -305,4 +362,4 @@ const install = (Vue, upuiParams = '') => {
 
 export default {
     install
-}
+}

package/libs/config/props.js

@@ -1,220 +1,195 @@
 /**
- * 此文件的作用为统一配置所有组件的props参数
- * 借此用户可以全局覆盖组件的props默认值
- * 无需在每个引入组件的页面中都配置一次
+ * Shared props configuration store.
+ *
+ * Component defaults are registered lazily by each component props.js file so
+ * importing one component no longer pulls defaults for every component.
  */
 import config from './config'
-// 各个需要fixed的地方的z-index配置文件
 import zIndex from './zIndex.js'
-// 关于颜色的配置，特殊场景使用
 import color from './color.js'
-// http
 import http from '../function/http.js'
 import { shallowMerge } from '../function/index.js'
-// 组件props
-import ActionSheet from '../../components/u-action-sheet/actionSheet'
-import Album from '../../components/u-album/album'
-import Alert from '../../components/u-alert/alert'
-import Avatar from '../../components/u-avatar/avatar'
-import AvatarGroup from '../../components/u-avatar-group/avatarGroup'
-import Backtop from '../../components/u-back-top/backtop'
-import Badge from '../../components/u-badge/badge'
-import Button from '../../components/u-button/button'
-import Calendar from '../../components/u-calendar/calendar'
-import CalendarStrip from '../../components/u-calendar-strip/calendarStrip'
-import CarKeyboard from '../../components/u-car-keyboard/carKeyboard'
-import Card from '../../components/u-card/card'
-import Cell from '../../components/u-cell/cell'
-import CellGroup from '../../components/u-cell-group/cellGroup'
-import Checkbox from '../../components/u-checkbox/checkbox'
-import CheckboxGroup from '../../components/u-checkbox-group/checkboxGroup'
-import CircleProgress from '../../components/u-circle-progress/circleProgress'
-import Code from '../../components/u-code/code'
-import CodeInput from '../../components/u-code-input/codeInput'
-import Col from '../../components/u-col/col'
-import Collapse from '../../components/u-collapse/collapse'
-import CollapseItem from '../../components/u-collapse-item/collapseItem'
-import ColumnNotice from '../../components/u-column-notice/columnNotice'
-import CountDown from '../../components/u-count-down/countDown'
-import CountTo from '../../components/u-count-to/countTo'
-import DatetimePicker from '../../components/u-datetime-picker/datetimePicker'
-import Divider from '../../components/u-divider/divider'
-import Empty from '../../components/u-empty/empty'
-import Form from '../../components/u-form/form'
-import FormItem from '../../components/u-form-item/formItem'
-import Gap from '../../components/u-gap/gap'
-import Guide from '../../components/u-guide/guide'
-import Grid from '../../components/u-grid/grid'
-import GridItem from '../../components/u-grid-item/gridItem'
-import Icon from '../../components/u-icon/icon'
-import Image from '../../components/u-image/image'
-import IndexAnchor from '../../components/u-index-anchor/indexAnchor'
-import IndexList from '../../components/u-index-list/indexList'
-import Input from '../../components/u-input/input'
-import Keyboard from '../../components/u-keyboard/keyboard'
-import Line from '../../components/u-line/line'
-import LineProgress from '../../components/u-line-progress/lineProgress'
-import Link from '../../components/u-link/link'
-import List from '../../components/u-list/list'
-import ListItem from '../../components/u-list-item/listItem'
-import LoadingIcon from '../../components/u-loading-icon/loadingIcon'
-import LoadingPage from '../../components/u-loading-page/loadingPage'
-import Loadmore from '../../components/u-loadmore/loadmore'
-import Modal from '../../components/u-modal/modal'
-import Navbar from '../../components/u-navbar/navbar'
-import NoNetwork from '../../components/u-no-network/noNetwork'
-import NoticeBar from '../../components/u-notice-bar/noticeBar'
-import Notify from '../../components/u-notify/notify'
-import NumberBox from '../../components/u-number-box/numberBox'
-import NumberKeyboard from '../../components/u-number-keyboard/numberKeyboard'
-import Overlay from '../../components/u-overlay/overlay'
-import Parse from '../../components/u-parse/parse'
-import Picker from '../../components/u-picker/picker'
-import Popup from '../../components/u-popup/popup'
-import Radio from '../../components/u-radio/radio'
-import RadioGroup from '../../components/u-radio-group/radioGroup'
-import Rate from '../../components/u-rate/rate'
-import ReadMore from '../../components/u-read-more/readMore'
-import Row from '../../components/u-row/row'
-import RowNotice from '../../components/u-row-notice/rowNotice'
-import ScrollList from '../../components/u-scroll-list/scrollList'
-import Search from '../../components/u-search/search'
-import Section from '../../components/u-section/section'
-import Skeleton from '../../components/u-skeleton/skeleton'
-import Slider from '../../components/u-slider/slider'
-import StatusBar from '../../components/u-status-bar/statusBar'
-import Steps from '../../components/u-steps/steps'
-import StepsItem from '../../components/u-steps-item/stepsItem'
-import Sticky from '../../components/u-sticky/sticky'
-import Subsection from '../../components/u-subsection/subsection'
-import SwipeAction from '../../components/u-swipe-action/swipeAction'
-import SwipeActionItem from '../../components/u-swipe-action-item/swipeActionItem'
-import Swiper from '../../components/u-swiper/swiper'
-import SwipterIndicator from '../../components/u-swiper-indicator/swipterIndicator'
-import Switch from '../../components/u-switch/switch'
-import Tabbar from '../../components/u-tabbar/tabbar'
-import TabbarItem from '../../components/u-tabbar-item/tabbarItem'
-import Tabs from '../../components/u-tabs/tabs'
-import Tag from '../../components/u-tag/tag'
-import Text from '../../components/u-text/text'
-import Textarea from '../../components/u-textarea/textarea'
-import Toast from '../../components/u-toast/toast'
-import Toolbar from '../../components/u-toolbar/toolbar'
-import Tooltip from '../../components/u-tooltip/tooltip'
-import Transition from '../../components/u-transition/transition'
-import Upload from '../../components/u-upload/upload'
 
-const props = {
-    ...ActionSheet,
-    ...Album,
-    ...Alert,
-    ...Avatar,
-    ...AvatarGroup,
-    ...Backtop,
-    ...Badge,
-    ...Button,
-    ...Calendar,
-    ...CalendarStrip,
-    ...CarKeyboard,
-    ...Card,
-    ...Cell,
-    ...CellGroup,
-    ...Checkbox,
-    ...CheckboxGroup,
-    ...CircleProgress,
-    ...Code,
-    ...CodeInput,
-    ...Col,
-    ...Collapse,
-    ...CollapseItem,
-    ...ColumnNotice,
-    ...CountDown,
-    ...CountTo,
-    ...DatetimePicker,
-    ...Divider,
-    ...Empty,
-    ...Form,
-    ...FormItem,
-    ...Gap,
-    ...Guide,
-    ...Grid,
-    ...GridItem,
-    ...Icon,
-    ...Image,
-    ...IndexAnchor,
-    ...IndexList,
-    ...Input,
-    ...Keyboard,
-    ...Line,
-    ...LineProgress,
-    ...Link,
-    ...List,
-    ...ListItem,
-    ...LoadingIcon,
-    ...LoadingPage,
-    ...Loadmore,
-    ...Modal,
-    ...Navbar,
-    ...NoNetwork,
-    ...NoticeBar,
-    ...Notify,
-    ...NumberBox,
-    ...NumberKeyboard,
-    ...Overlay,
-    ...Parse,
-    ...Picker,
-    ...Popup,
-    ...Radio,
-    ...RadioGroup,
-    ...Rate,
-    ...ReadMore,
-    ...Row,
-    ...RowNotice,
-    ...ScrollList,
-    ...Search,
-    ...Section,
-    ...Skeleton,
-    ...Slider,
-    ...StatusBar,
-    ...Steps,
-    ...StepsItem,
-    ...Sticky,
-    ...Subsection,
-    ...SwipeAction,
-    ...SwipeActionItem,
-    ...Swiper,
-    ...SwipterIndicator,
-    ...Switch,
-    ...Tabbar,
-    ...TabbarItem,
-    ...Tabs,
-    ...Tag,
-    ...Text,
-    ...Textarea,
-    ...Toast,
-    ...Toolbar,
-    ...Tooltip,
-    ...Transition,
-    ...Upload
+const componentKeys = [
+    'actionSheet',
+    'album',
+    'alert',
+    'avatar',
+    'avatarGroup',
+    'backtop',
+    'badge',
+    'box',
+    'button',
+    'calendar',
+    'calendarStrip',
+    'carKeyboard',
+    'card',
+    'cell',
+    'cellGroup',
+    'checkbox',
+    'checkboxGroup',
+    'circleProgress',
+    'code',
+    'codeInput',
+    'col',
+    'collapse',
+    'collapseItem',
+    'columnNotice',
+    'countDown',
+    'countTo',
+    'datetimePicker',
+    'divider',
+    'dropdown',
+    'dropdownItem',
+    'empty',
+    'form',
+    'formItem',
+    'gap',
+    'grid',
+    'gridItem',
+    'guide',
+    'icon',
+    'image',
+    'indexAnchor',
+    'indexItem',
+    'indexList',
+    'input',
+    'keyboard',
+    'line',
+    'lineProgress',
+    'link',
+    'list',
+    'listItem',
+    'loadingIcon',
+    'loadingPage',
+    'loadmore',
+    'modal',
+    'navbar',
+    'navbarMini',
+    'noNetwork',
+    'noticeBar',
+    'notify',
+    'numberBox',
+    'numberKeyboard',
+    'overlay',
+    'parse',
+    'pdfReader',
+    'picker',
+    'pickerColumn',
+    'popover',
+    'popup',
+    'radio',
+    'radioGroup',
+    'rate',
+    'readMore',
+    'row',
+    'rowNotice',
+    'safeBottom',
+    'scrollList',
+    'search',
+    'section',
+    'skeleton',
+    'slider',
+    'statusBar',
+    'steps',
+    'stepsItem',
+    'sticky',
+    'subsection',
+    'swipeAction',
+    'swipeActionItem',
+    'swiper',
+    'swiperIndicator',
+    'switch',
+    'tabbar',
+    'tabbarItem',
+    'table',
+    'tabs',
+    'tabsItem',
+    'tag',
+    'td',
+    'text',
+    'textarea',
+    'th',
+    'toast',
+    'toolbar',
+    'tooltip',
+    'tr',
+    'transition',
+    'upload'
+]
+
+const props = {}
+
+function ensureComponentProps(key) {
+    if (!props[key] || typeof props[key] !== 'object') {
+        props[key] = {}
+    }
+    return props[key]
+}
+
+function isPlainObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]'
+}
+
+function cloneDefaultValue(value) {
+    if (Array.isArray(value)) {
+        return value.slice()
+    }
+    if (isPlainObject(value)) {
+        return mergeDefaults({}, value)
+    }
+    return value
+}
+
+function mergeDefaults(target, defaults = {}) {
+    if (!target || typeof target !== 'object' || !defaults || typeof defaults !== 'object') {
+        return target
+    }
+    Object.keys(defaults).forEach((key) => {
+        const defaultValue = defaults[key]
+        const targetValue = target[key]
+        if (targetValue === undefined) {
+            target[key] = cloneDefaultValue(defaultValue)
+        } else if (isPlainObject(targetValue) && isPlainObject(defaultValue)) {
+            mergeDefaults(targetValue, defaultValue)
+        }
+    })
+    return target
+}
+
+componentKeys.forEach(ensureComponentProps)
+
+export function registerComponentProps(defaultProps = {}) {
+    Object.keys(defaultProps || {}).forEach((key) => {
+        const componentProps = ensureComponentProps(key)
+        mergeDefaults(componentProps, defaultProps[key])
+    })
+    return props
+}
+
+export function setPropsConfig(configProps = {}) {
+    Object.keys(configProps || {}).forEach((key) => {
+        shallowMerge(ensureComponentProps(key), configProps[key])
+    })
+    return props
 }
 
-function setConfig(configs) {
-	shallowMerge(config, configs.config || {})
-	shallowMerge(props, configs.props || {})
-	shallowMerge(color, configs.color || {})
-	shallowMerge(zIndex, configs.zIndex || {})
+function setConfig(configs = {}) {
+    shallowMerge(config, configs.config || {})
+    setPropsConfig(configs.props || {})
+    shallowMerge(color, configs.color || {})
+    shallowMerge(zIndex, configs.zIndex || {})
 }
 
-// 初始化自定义配置
 if (typeof uni !== 'undefined' && uni && uni.upuiParams) {
-	console.log('setting uview-plus')
-	let temp = uni.upuiParams()
-	if (temp.httpIns) {
-		temp.httpIns(http)
-	}
-	if (temp.options) {
-		setConfig(temp.options)
-	}
+    console.log('setting uview-plus')
+    let temp = uni.upuiParams()
+    if (temp.httpIns) {
+        temp.httpIns(http)
+    }
+    if (temp.options) {
+        setConfig(temp.options)
+    }
 }
 
 export default props

package/libs/css/components.scss

@@ -33,4 +33,7 @@
 	align-items: stretch;
 	align-content: flex-start;
 }
+.w-full {
+	box-sizing: border-box;
+}
 /* #endif */

package/libs/function/uni-api-shims.js

@@ -0,0 +1,29 @@
+/**
+ * uni API shims
+ *
+ * 部分小程序平台（如支付宝）不支持某些 uni API，直接调用会抛出 TypeError。
+ * 本模块在库初始化时检测缺失的 API 并自动补齐空实现，防止运行时报错。
+ *
+ * 扩展方式：在 needShims 数组中追加 { name, fallback } 即可。
+ */
+
+const needShims = [
+    {
+        name: 'onWindowResize',
+        fallback: function (_callback) { /* no-op */ }
+    },
+    {
+        name: 'offWindowResize',
+        fallback: function (_callback) { /* no-op */ }
+    }
+]
+
+export function applyUniApiShims() {
+    if (typeof uni === 'undefined') return
+
+    for (const { name, fallback } of needShims) {
+        if (typeof uni[name] !== 'function') {
+            uni[name] = fallback
+        }
+    }
+}

package/libs/i18n/index.js

@@ -1,54 +1,89 @@
-import zhHans from './locales/zh-Hans.json'
-import zhHant from './locales/zh-Hant.json'
-import en from './locales/en.json'
-import es from './locales/es.json'
-import fr from './locales/fr.json'
-import de from './locales/de.json'
-import ko from './locales/ko.json'
-import ja from './locales/ja.json'
-import ru from './locales/ru.json'
-
-let settings = {
-    lang: uni.getLocale(),
+import zhHans from './locales/zh-Hans.js'
+
+const settings = {
+    lang: typeof uni !== 'undefined' && typeof uni.getLocale === 'function'
+        ? uni.getLocale()
+        : 'zh-Hans',
     locales: {
-        en,
-        es,
-        fr,
-        de,
-        ko,
-        ja,
-        ru,
-        'zh-Hant': zhHant,
         'zh-Hans': zhHans
     }
-};
+}
+
+if (typeof uni !== 'undefined' && typeof uni.onLocaleChange === 'function') {
+    uni.onLocaleChange((locale) => {
+        // uni-app 部分平台回调可能是字符串，也可能是 { locale }
+        settings.lang = typeof locale === 'string'
+            ? locale
+            : (locale && locale.locale) || settings.lang
+    })
+}
 
-uni.onLocaleChange((locale) => {
-    settings.lang = locale;
-})
+function isPlainObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]'
+}
+
+export function hasLocale(locale) {
+    return !!(locale && settings.locales[locale])
+}
+
+export function getLocale() {
+    return settings.lang
+}
+
+export function setLocale(locale) {
+    if (!locale || typeof locale !== 'string') return settings.lang
+    settings.lang = locale
+    if (typeof uni !== 'undefined' && typeof uni.setLocale === 'function') {
+        try {
+            uni.setLocale(locale)
+        } catch (e) {
+            // 部分平台 setLocale 可能受限，忽略以保持 set 内部状态成功
+        }
+    }
+    return settings.lang
+}
+
+/**
+ * 注册语言包
+ * registerLocale('en', messages)
+ * registerLocale({ en: messages, ja: messages2 })
+ */
+export function registerLocale(localeOrMap, messages) {
+    if (typeof localeOrMap === 'string') {
+        if (!localeOrMap || !isPlainObject(messages)) return
+        settings.locales[localeOrMap] = messages
+        return
+    }
+    if (!isPlainObject(localeOrMap)) return
+    Object.keys(localeOrMap).forEach((key) => {
+        const value = localeOrMap[key]
+        if (isPlainObject(value)) {
+            settings.locales[key] = value
+        }
+    })
+}
 
 /**
  * 多语言方法
  */
 export function t(value, params = {}) {
-    // console.log(settings.locales[settings.lang])
     if (value) {
         let lang = settings.lang
         if (!settings.locales[settings.lang]) {
             lang = 'zh-Hans'
         }
-        let result = settings.locales[lang][value] || value;
-        // 替换{xxx}格式的变量
-        Object.keys(params).forEach(key => {
-            const reg = new RegExp(`{${key}}`, 'g');
-            result = result.replace(reg, params[key]);
-        });
-        return result;
-    } else {
-        return value;
+        let result = settings.locales[lang][value] || value
+        if (params && typeof params === 'object') {
+            Object.keys(params).forEach((key) => {
+                const reg = new RegExp(`{${key}}`, 'g')
+                result = String(result).replace(reg, params[key])
+            })
+        }
+        return result
     }
+    return value
 }
 
 export default {
-    settings: settings
-}
+    settings
+}