@10yun/cv-mobile-ui 0.5.26 → 0.5.29

package/uview-plus/index.js

@@ -1,12 +1,10 @@
-// 看到此报错，是因为没有配置vue.config.js的【transpileDependencies】，详见：https://www.uviewui.com/components/npmSetting.html#_5-cli模式额外配置
-const pleaseSetTranspileDependencies = {}, babelTest = pleaseSetTranspileDependencies?.test
+// 看到此报错，是因为没有配置vite.config.js的【transpileDependencies】
+// const pleaseSetTranspileDependencies = {}, babelTest = pleaseSetTranspileDependencies?.test
 
 // 引入全局mixin
-import mixin from './libs/mixin/mixin.js'
+import { mixin } from './libs/mixin/mixin.js'
 // 小程序特有的mixin
-import mpMixin from './libs/mixin/mpMixin.js'
-// 全局挂载引入http相关请求拦截插件
-import Request from './libs/luch-request'
+import { mpMixin } from './libs/mixin/mpMixin.js'
 
 // 路由封装
 import route from './libs/util/route.js'
@@ -19,6 +17,8 @@ import test from './libs/function/test.js'
 import debounce from './libs/function/debounce.js'
 // 节流方法
 import throttle from './libs/function/throttle.js'
+// 浮点计算
+import calc from './libs/function/calc.js'
 // 公共文件写入的方法
 import index from './libs/function/index.js'
 
@@ -33,6 +33,30 @@ import color from './libs/config/color.js'
 // 平台
 import platform from './libs/function/platform'
 
+// http
+import http from './libs/function/http.js'
+
+// 导出
+let themeType = ['primary', 'success', 'error', 'warning', 'info'];
+export { route, http, debounce, throttle, calc, platform, themeType, mixin, mpMixin, props, color, test, zIndex }
+export * from './libs/function/index.js'
+export * from './libs/function/colorGradient.js'
+
+/**
+ * @description 修改uView内置属性值
+ * @param {object} props 修改内置props属性
+ * @param {object} config 修改内置config属性
+ * @param {object} color 修改内置color属性
+ * @param {object} zIndex 修改内置zIndex属性
+ */
+export function setConfig(configs) {
+	index.shallowMerge(config, configs.config || {})
+	index.shallowMerge(props, configs.props || {})
+	index.shallowMerge(color, configs.color || {})
+	index.shallowMerge(zIndex, configs.zIndex || {})
+}
+index.setConfig = setConfig
+
 const $u = {
     route,
     date: index.timeFormat, // 另名date
@@ -41,12 +65,13 @@ const $u = {
     rgbToHex: colorGradient.rgbToHex,
     colorToRgba: colorGradient.colorToRgba,
     test,
-    type: ['primary', 'success', 'error', 'warning', 'info'],
-    http: new Request(),
-    config, // uView配置信息相关，比如版本号
+    type: themeType,
+    http,
+    config, // uview-plus配置信息相关，比如版本号
     zIndex,
     debounce,
     throttle,
+	calc,
     mixin,
     mpMixin,
     props,
@@ -55,23 +80,66 @@ const $u = {
     platform
 }
 
-// $u挂载到uni对象上
-uni.$u = $u
+export const mount$u = function() {
+    uni.$u = $u
+}
+
+function toCamelCase(str) {
+    return str.replace(/-([a-z])/g, function(match, group1) {
+      return group1.toUpperCase();
+    }).replace(/^[a-z]/, function(match) {
+      return match.toUpperCase();
+    });
+}
+
+// #ifdef APP || H5
+const importFn = import.meta.glob('./components/u-*/u-*.vue', { eager: true })
+let components = [];
+
+// 批量注册全局组件
+for (const key in importFn) {
+    let component = importFn[key].default;
+    if (component.name && component.name.indexOf('u--') !== 0) {
+        component.install = function (Vue) {
+            Vue.component(name, component);
+        };
+        
+        // 导入组件
+        components.push(component);
+    }
+}
+// #endif
+
+const install = (Vue, upuiParams = '') => {
+    // #ifdef APP || H5
+    components.forEach(function(component) {
+        const name = component.name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1');
+		if (name != component.name) {
+			Vue.component(component.name, component); 
+		}
+        Vue.component(name, component); 
+    });
+    // #endif
+	
+	// 初始化
+	if (upuiParams) {
+		uni.upuiParams = upuiParams
+		let temp = upuiParams()
+		if (temp.httpIns) {
+			temp.httpIns(http)
+		}
+		if (temp.options) {
+			setConfig(temp.options)
+		}
+	}
 
-const install = (Vue) => {
-    // 时间格式化，同时两个名称，date和timeFormat
-    // Vue.filter('timeFormat', (timestamp, format) => uni.$u.timeFormat(timestamp, format))
-    // Vue.filter('date', (timestamp, format) => uni.$u.timeFormat(timestamp, format))
-    // // 将多久以前的方法，注入到全局过滤器
-    // Vue.filter('timeFrom', (timestamp, format) => uni.$u.timeFrom(timestamp, format))
     // 同时挂载到uni和Vue.prototype中
+    // $u挂载到uni对象上
+    uni.$u = $u
+
     // #ifndef APP-NVUE
     // 只有vue，挂载到Vue.prototype才有意义，因为nvue中全局Vue.prototype和Vue.mixin是无效的
     Vue.config.globalProperties.$u = $u
-	// 暂时兼容vue2的$nextTick写法
-    Vue.config.globalProperties.$nextTick = (cb) => {
-        cb();
-    }
     Vue.mixin(mixin)
     // #endif
 }

package/uview-plus/libs/config/config.js

@@ -26,8 +26,29 @@ export default {
         'u-main-color': '#303133',
         'u-content-color': '#606266',
         'u-tips-color': '#909399',
-        'u-light-color': '#c0c4cc'
+        'u-light-color': '#c0c4cc',
+        'up-primary': '#2979ff',
+        'up-warning': '#ff9900',
+        'up-success': '#19be6b',
+        'up-error': '#fa3534',
+        'up-info': '#909399',
+        'up-main-color': '#303133',
+        'up-content-color': '#606266',
+        'up-tips-color': '#909399',
+        'up-light-color': '#c0c4cc'
     },
+    // 字体图标地址
+    iconUrl: 'https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf',
+     // 自定义图标
+    customIcon: {
+        family: '',
+        url: ''
+    },
+    customIcons: {}, // 自定义图标与unicode对应关系
 	// 默认单位，可以通过配置为rpx，那么在用于传入组件大小参数为数值时，就默认为rpx
-	unit: 'px'
+	unit: 'px',
+	// 拦截器
+	interceptor: {
+		navbarLeftClick: null
+	}
 }

package/uview-plus/libs/config/props.js

@@ -4,101 +4,105 @@
  * 无需在每个引入组件的页面中都配置一次
  */
 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 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 GormItem from '../../components/u-form-item/formItem'
+import Gap from '../../components/u-gap/gap'
+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'
 
-import ActionSheet from './props/actionSheet'
-import Album from './props/album'
-import Alert from './props/alert'
-import Avatar from './props/avatar'
-import AvatarGroup from './props/avatarGroup'
-import Backtop from './props/backtop'
-import Badge from './props/badge'
-import Button from './props/button'
-import Calendar from './props/calendar'
-import CarKeyboard from './props/carKeyboard'
-import Cell from './props/cell'
-import CellGroup from './props/cellGroup'
-import Checkbox from './props/checkbox'
-import CheckboxGroup from './props/checkboxGroup'
-import CircleProgress from './props/circleProgress'
-import Code from './props/code'
-import CodeInput from './props/codeInput'
-import Col from './props/col'
-import Collapse from './props/collapse'
-import CollapseItem from './props/collapseItem'
-import ColumnNotice from './props/columnNotice'
-import CountDown from './props/countDown'
-import CountTo from './props/countTo'
-import DatetimePicker from './props/datetimePicker'
-import Divider from './props/divider'
-import Empty from './props/empty'
-import Form from './props/form'
-import GormItem from './props/formItem'
-import Gap from './props/gap'
-import Grid from './props/grid'
-import GridItem from './props/gridItem'
-import Icon from './props/icon'
-import Image from './props/image'
-import IndexAnchor from './props/indexAnchor'
-import IndexList from './props/indexList'
-import Input from './props/input'
-import Keyboard from './props/keyboard'
-import Line from './props/line'
-import LineProgress from './props/lineProgress'
-import Link from './props/link'
-import List from './props/list'
-import ListItem from './props/listItem'
-import LoadingIcon from './props/loadingIcon'
-import LoadingPage from './props/loadingPage'
-import Loadmore from './props/loadmore'
-import Modal from './props/modal'
-import Navbar from './props/navbar'
-import NoNetwork from './props/noNetwork'
-import NoticeBar from './props/noticeBar'
-import Notify from './props/notify'
-import NumberBox from './props/numberBox'
-import NumberKeyboard from './props/numberKeyboard'
-import Overlay from './props/overlay'
-import Parse from './props/parse'
-import Picker from './props/picker'
-import Popup from './props/popup'
-import Radio from './props/radio'
-import RadioGroup from './props/radioGroup'
-import Rate from './props/rate'
-import ReadMore from './props/readMore'
-import Row from './props/row'
-import RowNotice from './props/rowNotice'
-import ScrollList from './props/scrollList'
-import Search from './props/search'
-import Section from './props/section'
-import Skeleton from './props/skeleton'
-import Slider from './props/slider'
-import StatusBar from './props/statusBar'
-import Steps from './props/steps'
-import StepsItem from './props/stepsItem'
-import Sticky from './props/sticky'
-import Subsection from './props/subsection'
-import SwipeAction from './props/swipeAction'
-import SwipeActionItem from './props/swipeActionItem'
-import Swiper from './props/swiper'
-import SwipterIndicator from './props/swipterIndicator'
-import Switch from './props/switch'
-import Tabbar from './props/tabbar'
-import TabbarItem from './props/tabbarItem'
-import Tabs from './props/tabs'
-import Tag from './props/tag'
-import Text from './props/text'
-import Textarea from './props/textarea'
-import Toast from './props/toast'
-import Toolbar from './props/toolbar'
-import Tooltip from './props/tooltip'
-import Transition from './props/transition'
-import Upload from './props/upload'
-
-const {
-    color
-} = config
-
-export default {
+const props = {
     ...ActionSheet,
     ...Album,
     ...Alert,
@@ -109,6 +113,7 @@ export default {
     ...Button,
     ...Calendar,
     ...CarKeyboard,
+    ...Card,
     ...Cell,
     ...CellGroup,
     ...Checkbox,
@@ -188,3 +193,24 @@ export default {
     ...Transition,
     ...Upload
 }
+
+function setConfig(configs) {
+	shallowMerge(config, configs.config || {})
+	shallowMerge(props, configs.props || {})
+	shallowMerge(color, configs.color || {})
+	shallowMerge(zIndex, configs.zIndex || {})
+}
+
+// 初始化自定义配置
+if (uni && uni.upuiParams) {
+	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/uview-plus/libs/css/color-libcss.scss

@@ -115,3 +115,120 @@
 .u-light-color {
   color: var(--u-light-color);
 }
+.up-primary-light {
+  color: var(--u-primary-light);
+}
+.up-warning-light {
+  color: var(--u-warning-light);
+}
+.up-success-light {
+  color: var(--u-success-light);
+}
+.up-error-light {
+  color: var(--u-error-light);
+}
+.up-info-light {
+  color: var(--u-info-light);
+}
+.up-primary-light-bg {
+  background-color: var(--u-primary-light);
+}
+.up-warning-light-bg {
+  background-color: var(--u-warning-light);
+}
+.up-success-light-bg {
+  background-color: var(--u-success-light);
+}
+.up-error-light-bg {
+  background-color: var(--u-error-light);
+}
+.up-info-light-bg {
+  background-color: var(--u-info-light);
+}
+.up-primary-dark {
+  color: var(--u-primary-dark);
+}
+.up-warning-dark {
+  color: var(--u-warning-dark);
+}
+.up-success-dark {
+  color: var(--u-success-dark);
+}
+.up-error-dark {
+  color: var(--u-error-dark);
+}
+.up-info-dark {
+  color: var(--u-info-dark);
+}
+.up-primary-dark-bg {
+  background-color: var(--u-primary-dark);
+}
+.up-warning-dark-bg {
+  background-color: var(--u-warning-dark);
+}
+.up-success-dark-bg {
+  background-color: var(--u-success-dark);
+}
+.up-error-dark-bg {
+  background-color: var(--u-error-dark);
+}
+.up-info-dark-bg {
+  background-color: var(--u-info-dark);
+}
+.up-primary-disabled {
+  color: var(--u-primary-disabled);
+}
+.up-warning-disabled {
+  color: var(--u-warning-disabled);
+}
+.up-success-disabled {
+  color: var(--u-success-disabled);
+}
+.up-error-disabled {
+  color: var(--u-error-disabled);
+}
+.up-info-disabled {
+  color: var(--u-info-disabled);
+}
+.up-primary {
+  color: var(--u-primary);
+}
+.up-warning {
+  color: var(--u-warning);
+}
+.up-success {
+  color: var(--u-success);
+}
+.up-error {
+  color: var(--u-error);
+}
+.up-info {
+  color: var(--u-info);
+}
+.up-primary-bg {
+  background-color: var(--u-primary);
+}
+.up-warning-bg {
+  background-color: var(--u-warning);
+}
+.up-success-bg {
+  background-color: var(--u-success);
+}
+.up-error-bg {
+  background-color: var(--u-error);
+}
+.up-info-bg {
+  background-color: var(--u-info);
+}
+.up-main-color {
+  color: var(--u-main-color);
+}
+.up-content-color {
+  color: var(--u-content-color);
+}
+.up-tips-color {
+  color: var(--u-tips-color);
+}
+.up-light-color {
+  color: var(--u-light-color);
+}

package/uview-plus/libs/css/color.scss

@@ -153,3 +153,159 @@
 .u-light-color {
 	color: $u-light-color;
 }
+
+.up-primary-light {
+	color: $u-primary-light;
+}
+
+.up-warning-light {
+	color: $u-warning-light;
+}
+
+.up-success-light {
+	color: $u-success-light;
+}
+
+.up-error-light {
+	color: $u-error-light;
+}
+
+.up-info-light {
+	color: $u-info-light;
+}
+
+.up-primary-light-bg {
+	background-color: $u-primary-light;
+}
+
+.up-warning-light-bg {
+	background-color: $u-warning-light;
+}
+
+.up-success-light-bg {
+	background-color: $u-success-light;
+}
+
+.up-error-light-bg {
+	background-color: $u-error-light;
+}
+
+.up-info-light-bg {
+	background-color: $u-info-light;
+}
+
+.up-primary-dark {
+	color: $u-primary-dark;
+}
+
+.up-warning-dark {
+	color: $u-warning-dark;
+}
+
+.up-success-dark {
+	color: $u-success-dark;
+}
+
+.up-error-dark {
+	color: $u-error-dark;
+}
+
+.up-info-dark {
+	color: $u-info-dark;
+}
+
+.up-primary-dark-bg {
+	background-color: $u-primary-dark;
+}
+
+.up-warning-dark-bg {
+	background-color: $u-warning-dark;
+}
+
+.up-success-dark-bg {
+	background-color: $u-success-dark;
+}
+
+.up-error-dark-bg {
+	background-color: $u-error-dark;
+}
+
+.up-info-dark-bg {
+	background-color: $u-info-dark;
+}
+
+.up-primary-disabled {
+	color: $u-primary-disabled;
+}
+
+.up-warning-disabled {
+	color: $u-warning-disabled;
+}
+
+.up-success-disabled {
+	color: $u-success-disabled;
+}
+
+.up-error-disabled {
+	color: $u-error-disabled;
+}
+
+.up-info-disabled {
+	color: $u-info-disabled;
+}
+
+.up-primary {
+	color: $u-primary;
+}
+
+.up-warning {
+	color: $u-warning;
+}
+
+.up-success {
+	color: $u-success;
+}
+
+.up-error {
+	color: $u-error;
+}
+
+.up-info {
+	color: $u-info;
+}
+
+.up-primary-bg {
+	background-color: $u-primary;
+}
+
+.up-warning-bg {
+	background-color: $u-warning;
+}
+
+.up-success-bg {
+	background-color: $u-success;
+}
+
+.up-error-bg {
+	background-color: $u-error;
+}
+
+.up-info-bg {
+	background-color: $u-info;
+}
+
+.up-main-color {
+	color: $u-main-color;
+}
+
+.up-content-color {
+	color: $u-content-color;
+}
+
+.up-tips-color {
+	color: $u-tips-color;
+}
+
+.up-light-color {
+	color: $u-light-color;
+}