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

package/uview-plus/index.js

@@ -1,46 +1,56 @@
+// 全局挂载引入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'
+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 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'
+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'
+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内置属性值
@@ -50,100 +60,103 @@ export * from './libs/function/colorGradient.js'
  * @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.shallowMerge(config, configs.config || {});
+  index.shallowMerge(props, configs.props || {});
+  index.shallowMerge(color, configs.color || {});
+  index.shallowMerge(zIndex, configs.zIndex || {});
 }
-index.setConfig = setConfig
+index.setConfig = setConfig;
 
 const $u = {
-    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
-}
-
-export const mount$u = function() {
-    uni.$u = $u
-}
+  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 str
+    .replace(/-([a-z])/g, function (match, group1) {
       return group1.toUpperCase();
-    }).replace(/^[a-z]/, function(match) {
+    })
+    .replace(/^[a-z]/, function (match) {
       return match.toUpperCase();
     });
 }
 
 // #ifdef APP || H5
-const importFn = import.meta.glob('./components/u-*/u-*.vue', { eager: true })
+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);
-    }
+  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
-}
+  // #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,54 +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',
-        '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
-	}
-}
+  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/css/color.scss

@@ -1,311 +1,32 @@
-.u-primary-light {
-	color: $u-primary-light;
-}
-
-.u-warning-light {
-	color: $u-warning-light;
-}
-
-.u-success-light {
-	color: $u-success-light;
-}
-
-.u-error-light {
-	color: $u-error-light;
-}
-
-.u-info-light {
-	color: $u-info-light;
-}
-
-.u-primary-light-bg {
-	background-color: $u-primary-light;
-}
-
-.u-warning-light-bg {
-	background-color: $u-warning-light;
-}
-
-.u-success-light-bg {
-	background-color: $u-success-light;
-}
-
-.u-error-light-bg {
-	background-color: $u-error-light;
-}
-
-.u-info-light-bg {
-	background-color: $u-info-light;
-}
-
-.u-primary-dark {
-	color: $u-primary-dark;
-}
-
-.u-warning-dark {
-	color: $u-warning-dark;
-}
-
-.u-success-dark {
-	color: $u-success-dark;
-}
-
-.u-error-dark {
-	color: $u-error-dark;
-}
-
-.u-info-dark {
-	color: $u-info-dark;
-}
-
-.u-primary-dark-bg {
-	background-color: $u-primary-dark;
-}
-
-.u-warning-dark-bg {
-	background-color: $u-warning-dark;
-}
-
-.u-success-dark-bg {
-	background-color: $u-success-dark;
-}
-
-.u-error-dark-bg {
-	background-color: $u-error-dark;
-}
-
-.u-info-dark-bg {
-	background-color: $u-info-dark;
-}
-
-.u-primary-disabled {
-	color: $u-primary-disabled;
-}
-
-.u-warning-disabled {
-	color: $u-warning-disabled;
-}
-
-.u-success-disabled {
-	color: $u-success-disabled;
-}
-
-.u-error-disabled {
-	color: $u-error-disabled;
-}
-
-.u-info-disabled {
-	color: $u-info-disabled;
-}
-
-.u-primary {
-	color: $u-primary;
-}
-
-.u-warning {
-	color: $u-warning;
-}
-
-.u-success {
-	color: $u-success;
-}
-
-.u-error {
-	color: $u-error;
-}
-
-.u-info {
-	color: $u-info;
-}
-
-.u-primary-bg {
-	background-color: $u-primary;
-}
-
-.u-warning-bg {
-	background-color: $u-warning;
-}
-
-.u-success-bg {
-	background-color: $u-success;
-}
-
-.u-error-bg {
-	background-color: $u-error;
-}
-
-.u-info-bg {
-	background-color: $u-info;
-}
-
-.u-main-color {
-	color: $u-main-color;
-}
-
-.u-content-color {
-	color: $u-content-color;
-}
-
-.u-tips-color {
-	color: $u-tips-color;
-}
-
-.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;
-}
+$wu-main-color: #303133 !default;
+$wu-content-color: #606266 !default;
+$wu-tips-color: #909193 !default;
+$wu-light-color: #c0c4cc !default;
+$wu-border-color: #dadbde !default;
+$wu-bg-color: #f3f4f6 !default;
+$wu-disabled-color: #c8c9cc !default;
+
+$wu-primary: #3c9cff !default;
+$wu-primary-dark: #398ade !default;
+$wu-primary-disabled: #9acafc !default;
+$wu-primary-light: #ecf5ff !default;
+
+$wu-warning: #f9ae3d !default;
+$wu-warning-dark: #f1a532 !default;
+$wu-warning-disabled: #f9d39b !default;
+$wu-warning-light: #fdf6ec !default;
+
+$wu-success: #5ac725 !default;
+$wu-success-dark: #53c21d !default;
+$wu-success-disabled: #a9e08f !default;
+$wu-success-light: #f5fff0;
+
+$wu-error: #f56c6c !default;
+$wu-error-dark: #e45656 !default;
+$wu-error-disabled: #f7b2b2 !default;
+$wu-error-light: #fef0f0 !default;
+
+$wu-info: #909399 !default;
+$wu-info-dark: #767a82 !default;
+$wu-info-disabled: #c4c6c9 !default;
+$wu-info-light: #f4f4f5 !default;