@10yun/cv-mobile-ui 0.5.27 → 0.5.30

package/uview-plus/index.js

@@ -1,81 +1,162 @@
-// 看到此报错，是因为没有配置vue.config.js的【transpileDependencies】，详见：https://www.uviewui.com/components/npmSetting.html#_5-cli模式额外配置
-const pleaseSetTranspileDependencies = {}, babelTest = pleaseSetTranspileDependencies?.test
+// 全局挂载引入http相关请求拦截插件
+// import Request from 'luch-request';
+// 看到此报错，是因为没有配置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'
+import route from './libs/util/route.js';
 // 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
-import colorGradient from './libs/function/colorGradient.js'
+import colorGradient from './libs/function/colorGradient.js';
 
 // 规则检验
-import test from './libs/function/test.js'
+import test from './libs/function/test.js';
 // 防抖方法
-import debounce from './libs/function/debounce.js'
+import debounce from './libs/function/debounce.js';
 // 节流方法
-import throttle from './libs/function/throttle.js'
+import throttle from './libs/function/throttle.js';
+// 浮点计算
+import calc from './libs/function/calc.js';
 // 公共文件写入的方法
-import index from './libs/function/index.js'
+import index from './libs/function/index.js';
 
 // 配置信息
-import config from './libs/config/config.js'
+import config from './libs/config/config.js';
 // props配置信息
-import props from './libs/config/props.js'
+import props from './libs/config/props.js';
 // 各个需要fixed的地方的z-index配置文件
-import zIndex from './libs/config/zIndex.js'
+import zIndex from './libs/config/zIndex.js';
 // 关于颜色的配置，特殊场景使用
-import color from './libs/config/color.js'
+import color from './libs/config/color.js';
 // 平台
-import platform from './libs/function/platform'
+import platform from './libs/function/platform';
+
+// http
+import http from './libs/function/http.js';
+
+// #ifdef MP
+import { mpShare } from './libs/mixin/mpShare.js';
+// #endif
+
+// 导出
+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';
+/**
+ * 自定义方法
+ */
+import cc from './libs/function/cc.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
-    colorGradient: colorGradient.colorGradient,
-    hexToRgb: colorGradient.hexToRgb,
-    rgbToHex: colorGradient.rgbToHex,
-    colorToRgba: colorGradient.colorToRgba,
-    test,
-    type: ['primary', 'success', 'error', 'warning', 'info'],
-    http: new Request(),
-    config, // uView配置信息相关，比如版本号
-    zIndex,
-    debounce,
-    throttle,
-    mixin,
-    mpMixin,
-    props,
-    ...index,
-    color,
-    platform
+  route,
+  date: index.timeFormat, // 另名date
+  colorGradient: colorGradient.colorGradient,
+  hexToRgb: colorGradient.hexToRgb,
+  rgbToHex: colorGradient.rgbToHex,
+  colorToRgba: colorGradient.colorToRgba,
+  test,
+  type: themeType,
+  http,
+  config, // uview-plus配置信息相关，比如版本号
+  zIndex,
+  debounce,
+  throttle,
+  calc,
+  mixin,
+  mpMixin,
+  props,
+  ...index,
+  color,
+  platform,
+  ...cc
+};
+
+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();
+    });
 }
 
-// $u挂载到uni对象上
-uni.$u = $u
-
-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中
-    // #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
+// #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);
+    }
+  }
+
+  // 同时挂载到uni和Vue.prototype中
+  // $u挂载到uni对象上
+  uni.$u = $u;
+
+  // #ifndef APP-NVUE
+  // 只有vue，挂载到Vue.prototype才有意义，因为nvue中全局Vue.prototype和Vue.mixin是无效的
+  Vue.config.globalProperties.$u = $u;
+  Vue.mixin(mixin);
+  // #endif
+};
 
 export default {
-    install
-}
+  install
+};

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

@@ -1,33 +1,52 @@
-const version = '3'
+const version = '3';
 
 // 开发环境才提示，生产环境不会提示
 if (process.env.NODE_ENV === 'development') {
-	console.log(`\n %c uview-plus V${version} %c https://ijry.github.io/uview-plus/ \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0;', 'color: #3c9cff;background: #ffffff; padding:5px 0;');
+  console.log(
+    `\n %c uview-plus V${version} %c https://ijry.github.io/uview-plus/ \n\n`,
+    'color: #ffffff; background: #3c9cff; padding:5px 0;',
+    'color: #3c9cff;background: #ffffff; padding:5px 0;'
+  );
 }
 
 export default {
-    v: version,
-    version,
-    // 主题名称
-    type: [
-        'primary',
-        'success',
-        'info',
-        'error',
-        'warning'
-    ],
-    // 颜色部分，本来可以通过scss的:export导出供js使用，但是奈何nvue不支持
-    color: {
-        'u-primary': '#2979ff',
-        'u-warning': '#ff9900',
-        'u-success': '#19be6b',
-        'u-error': '#fa3534',
-        'u-info': '#909399',
-        'u-main-color': '#303133',
-        'u-content-color': '#606266',
-        'u-tips-color': '#909399',
-        'u-light-color': '#c0c4cc'
-    },
-	// 默认单位，可以通过配置为rpx，那么在用于传入组件大小参数为数值时，就默认为rpx
-	unit: 'px'
-}
+  v: version,
+  version,
+  // 主题名称
+  type: ['primary', 'success', 'info', 'error', 'warning'],
+  // 颜色部分，本来可以通过scss的:export导出供js使用，但是奈何nvue不支持
+  color: {
+    'u-primary': '#2979ff',
+    'u-warning': '#ff9900',
+    'u-success': '#19be6b',
+    'u-error': '#fa3534',
+    'u-info': '#909399',
+    'u-main-color': '#303133',
+    'u-content-color': '#606266',
+    'u-tips-color': '#909399',
+    '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',
+  // 拦截器
+  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);
+}