@10yun/cv-mobile-ui 0.5.44 → 0.5.46

package/uview-ui/components/u-number-box/u-number-box.vue

@@ -1,320 +0,0 @@
-<template>
-  <view class="u-number-box">
-    <view
-      class="u-number-box__slot"
-      @tap.stop="clickHandler('minus')"
-      @touchstart="onTouchStart('minus')"
-      @touchend.stop="clearTimeout"
-      v-if="showMinus && $slots.minus"
-    >
-      <slot name="minus" />
-    </view>
-    <view
-      v-else-if="showMinus"
-      class="u-number-box__minus"
-      @tap.stop="clickHandler('minus')"
-      @touchstart="onTouchStart('minus')"
-      @touchend.stop="clearTimeout"
-      hover-class="u-number-box__minus--hover"
-      hover-stay-time="150"
-      :class="{ 'u-number-box__minus--disabled': isDisabled('minus') }"
-      :style="[buttonStyle('minus')]"
-    >
-      <u-icon name="minus" :color="isDisabled('minus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
-    </view>
-    <slot name="input">
-      <input
-        :disabled="disabledInput || disabled"
-        :cursor-spacing="getCursorSpacing"
-        :class="{ 'u-number-box__input--disabled': disabled || disabledInput }"
-        v-model="currentValue"
-        class="u-number-box__input"
-        @blur="onBlur"
-        @focus="onFocus"
-        @input="onInput"
-        type="number"
-        :style="[inputStyle]"
-      />
-    </slot>
-    <view
-      class="u-number-box__slot"
-      @tap.stop="clickHandler('plus')"
-      @touchstart="onTouchStart('plus')"
-      @touchend.stop="clearTimeout"
-      v-if="showPlus && $slots.plus"
-    >
-      <slot name="plus" />
-    </view>
-    <view
-      v-else-if="showPlus"
-      class="u-number-box__plus"
-      @tap.stop="clickHandler('plus')"
-      @touchstart="onTouchStart('plus')"
-      @touchend.stop="clearTimeout"
-      hover-class="u-number-box__plus--hover"
-      hover-stay-time="150"
-      :class="{ 'u-number-box__minus--disabled': isDisabled('plus') }"
-      :style="[buttonStyle('plus')]"
-    >
-      <u-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></u-icon>
-    </view>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * numberBox 步进器
- * @description 该组件一般用于商城购物选择物品数量的场景。
- * @tutorial https://uviewui.com/components/numberBox.html
- * @property {String | Number}	name			步进器标识符，在change回调返回
- * @property {String | Number}	value			用于双向绑定的值，初始化时设置设为默认min值(最小值)  （默认 0 ）
- * @property {String | Number}	min				最小值 （默认 1 ）
- * @property {String | Number}	max				最大值 （默认 Number.MAX_SAFE_INTEGER ）
- * @property {String | Number}	step			加减的步长，可为小数 （默认 1 ）
- * @property {Boolean}			integer			是否只允许输入整数 （默认 false ）
- * @property {Boolean}			disabled		是否禁用，包括输入框，加减按钮 （默认 false ）
- * @property {Boolean}			disabledInput	是否禁用输入框 （默认 false ）
- * @property {Boolean}			asyncChange		是否开启异步变更，开启后需要手动控制输入值 （默认 false ）
- * @property {String | Number}	inputWidth		输入框宽度，单位为px （默认 35 ）
- * @property {Boolean}			showMinus		是否显示减少按钮 （默认 true ）
- * @property {Boolean}			showPlus		是否显示增加按钮 （默认 true ）
- * @property {String | Number}	decimalLength	显示的小数位数
- * @property {Boolean}			longPress		是否开启长按加减手势 （默认 true ）
- * @property {String}			color			输入框文字和加减按钮图标的颜色 （默认 '#323233' ）
- * @property {String | Number}	buttonSize		按钮大小，宽高等于此值，单位px，输入框高度和此值保持一致 （默认 30 ）
- * @property {String}			bgColor			输入框和按钮的背景颜色 （默认 '#EBECEE' ）
- * @property {String | Number}	cursorSpacing	指定光标于键盘的距离，避免键盘遮挡输入框，单位px （默认 100 ）
- * @property {Boolean}			disablePlus		是否禁用增加按钮 （默认 false ）
- * @property {Boolean}			disableMinus	是否禁用减少按钮 （默认 false ）
- * @property {Object ｜ String}	iconStyle		加减按钮图标的样式
- *
- * @event {Function}	onFocus	输入框活动焦点
- * @event {Function}	onBlur	输入框失去焦点
- * @event {Function}	onInput	输入框值发生变化
- * @event {Function}	onChange
- * @example <u-number-box v-model="value" @change="valChange"></u-number-box>
- */
-export default {
-  name: 'u-number-box',
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      // 输入框实际操作的值
-      currentValue: '',
-      // 定时器
-      longPressTimer: null
-    };
-  },
-  watch: {
-    // 多个值之间，只要一个值发生变化，都要重新检查check()函数
-    watchChange(n) {
-      this.check();
-    },
-    // 监听v-mode的变化，重新初始化内部的值
-    value(n) {
-      if (n !== this.currentValue) {
-        this.currentValue = this.format(this.value);
-      }
-    }
-  },
-  computed: {
-    getCursorSpacing() {
-      // 判断传入的单位，如果为px单位，需要转成px
-      return uni.$u.getPx(this.cursorSpacing);
-    },
-    // 按钮的样式
-    buttonStyle() {
-      return (type) => {
-        const style = {
-          backgroundColor: this.bgColor,
-          height: uni.$u.addUnit(this.buttonSize),
-          color: this.color
-        };
-        if (this.isDisabled(type)) {
-          style.backgroundColor = '#f7f8fa';
-        }
-        return style;
-      };
-    },
-    // 输入框的样式
-    inputStyle() {
-      const disabled = this.disabled || this.disabledInput;
-      const style = {
-        color: this.color,
-        backgroundColor: this.bgColor,
-        height: uni.$u.addUnit(this.buttonSize),
-        width: uni.$u.addUnit(this.inputWidth)
-      };
-      return style;
-    },
-    // 用于监听多个值发生变化
-    watchChange() {
-      return [this.integer, this.decimalLength, this.min, this.max];
-    },
-    isDisabled() {
-      return (type) => {
-        if (type === 'plus') {
-          // 在点击增加按钮情况下，判断整体的disabled，是否单独禁用增加按钮，以及当前值是否大于最大的允许值
-          return this.disabled || this.disablePlus || this.currentValue >= this.max;
-        }
-        // 点击减少按钮同理
-        return this.disabled || this.disableMinus || this.currentValue <= this.min;
-      };
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      this.currentValue = this.format(this.value);
-    },
-    // 格式化整理数据，限制范围
-    format(value) {
-      value = this.filter(value);
-      // 如果为空字符串，那么设置为0，同时将值转为Number类型
-      value = value === '' ? 0 : +value;
-      // 对比最大最小值，取在min和max之间的值
-      value = Math.max(Math.min(this.max, value), this.min);
-      // 如果设定了最大的小数位数，使用toFixed去进行格式化
-      if (this.decimalLength !== null) {
-        value = value.toFixed(this.decimalLength);
-      }
-      return value;
-    },
-    // 过滤非法的字符
-    filter(value) {
-      // 只允许0-9之间的数字，"."为小数点，"-"为负数时候使用
-      value = String(value).replace(/[^0-9.-]/g, '');
-      // 如果只允许输入整数，则过滤掉小数点后的部分
-      if (this.integer && value.indexOf('.') !== -1) {
-        value = value.split('.')[0];
-      }
-      return value;
-    },
-    check() {
-      // 格式化了之后，如果前后的值不相等，那么设置为格式化后的值
-      const val = this.format(this.currentValue);
-      if (val !== this.currentValue) {
-        this.currentValue = val;
-      }
-    },
-    // 判断是否出于禁止操作状态
-    // isDisabled(type) {
-    // 	if (type === 'plus') {
-    // 		// 在点击增加按钮情况下，判断整体的disabled，是否单独禁用增加按钮，以及当前值是否大于最大的允许值
-    // 		return (
-    // 			this.disabled ||
-    // 			this.disablePlus ||
-    // 			this.currentValue >= this.max
-    // 		)
-    // 	}
-    // 	// 点击减少按钮同理
-    // 	return (
-    // 		this.disabled ||
-    // 		this.disableMinus ||
-    // 		this.currentValue <= this.min
-    // 	)
-    // },
-    // 输入框活动焦点
-    onFocus(event) {
-      this.$emit('focus', {
-        ...event.detail,
-        name: this.name
-      });
-    },
-    // 输入框失去焦点
-    onBlur(event) {
-      // 对输入值进行格式化
-      const value = this.format(event.detail.value);
-      // 发出blur事件
-      this.$emit('blur', {
-        ...event.detail,
-        name: this.name
-      });
-    },
-    // 输入框值发生变化
-    onInput(e) {
-      const { value = '' } = e.detail || {};
-      // 为空返回
-      if (value === '') return;
-      let formatted = this.filter(value);
-      // 最大允许的小数长度
-      if (this.decimalLength !== null && formatted.indexOf('.') !== -1) {
-        const pair = formatted.split('.');
-        formatted = `${pair[0]}.${pair[1].slice(0, this.decimalLength)}`;
-      }
-      formatted = this.format(formatted);
-      this.emitChange(formatted);
-    },
-    // 发出change事件
-    emitChange(value) {
-      // 如果开启了异步变更值，则不修改内部的值，需要用户手动在外部通过v-model变更
-      if (!this.asyncChange) {
-        this.$nextTick(() => {
-          this.$emit('input', value);
-          this.currentValue = value;
-          this.$forceUpdate();
-        });
-      }
-      this.$emit('change', {
-        value,
-        name: this.name
-      });
-    },
-    onChange() {
-      const { type } = this;
-      if (this.isDisabled(type)) {
-        return this.$emit('overlimit', type);
-      }
-      const diff = type === 'minus' ? -this.step : +this.step;
-      const value = this.format(this.add(+this.currentValue, diff));
-      this.emitChange(value);
-      this.$emit(type);
-    },
-    // 对值扩大后进行四舍五入，再除以扩大因子，避免出现浮点数操作的精度问题
-    add(num1, num2) {
-      const cardinal = Math.pow(10, 10);
-      return Math.round((num1 + num2) * cardinal) / cardinal;
-    },
-    // 点击加减按钮
-    clickHandler(type) {
-      this.type = type;
-      this.onChange();
-    },
-    longPressStep() {
-      // 每隔一段时间，重新调用longPressStep方法，实现长按加减
-      this.clearTimeout();
-      this.longPressTimer = setTimeout(() => {
-        this.onChange();
-        this.longPressStep();
-      }, 250);
-    },
-    onTouchStart(type) {
-      if (!this.longPress) return;
-      this.clearTimeout();
-      this.type = type;
-      // 一定时间后，默认达到长按状态
-      this.longPressTimer = setTimeout(() => {
-        this.onChange();
-        this.longPressStep();
-      }, 600);
-    },
-    // 触摸结束，清除定时器，停止长按加减
-    onTouchEnd() {
-      if (!this.longPress) return;
-      this.clearTimeout();
-    },
-    // 清除定时器
-    clearTimeout() {
-      clearTimeout(this.longPressTimer);
-      this.longPressTimer = null;
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-number-keyboard/props.js

@@ -1,20 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 键盘的类型，number-数字键盘，card-身份证键盘
-    mode: {
-      type: String,
-      default: defprops.numberKeyboard.value
-    },
-    // 是否显示键盘的"."符号
-    dotDisabled: {
-      type: Boolean,
-      default: defprops.numberKeyboard.dotDisabled
-    },
-    // 是否打乱键盘按键的顺序
-    random: {
-      type: Boolean,
-      default: defprops.numberKeyboard.random
-    }
-  }
-};

package/uview-ui/components/u-number-keyboard/style.css

@@ -1,56 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-keyboard {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  flex-direction: row;
-  justify-content: space-around;
-  background-color: rgb(224, 228, 230);
-  flex-wrap: wrap;
-  padding: 8px 10rpx 8px 10rpx;
-}
-.u-keyboard__button-wrapper {
-  box-shadow: 0 2px 0px #bbbcbe;
-  margin: 4px 6rpx;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.u-keyboard__button-wrapper__button {
-  width: 222rpx;
-  height: 90rpx;
-  background-color: #ffffff;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.u-keyboard__button-wrapper__button__text {
-  font-size: 20px;
-  font-weight: 500;
-  color: var(--u-main-color);
-}
-.u-keyboard__button-wrapper__button--gray {
-  background-color: rgb(200, 202, 210);
-}
-.u-hover-class {
-  background-color: #bbbcc6;
-}

package/uview-ui/components/u-number-keyboard/style.scss

@@ -1,62 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-number-keyboard-background-color: rgb(224, 228, 230) !default;
-$u-number-keyboard-padding: 8px 10rpx 8px 10rpx !default;
-$u-number-keyboard-button-width: 222rpx !default;
-$u-number-keyboard-button-margin: 4px 6rpx !default;
-$u-number-keyboard-button-border-top-left-radius: 4px !default;
-$u-number-keyboard-button-border-top-right-radius: 4px !default;
-$u-number-keyboard-button-border-bottom-left-radius: 4px !default;
-$u-number-keyboard-button-border-bottom-right-radius: 4px !default;
-$u-number-keyboard-button-height: 90rpx !default;
-$u-number-keyboard-button-background-color: #ffffff !default;
-$u-number-keyboard-button-box-shadow: 0 2px 0px #bbbcbe !default;
-$u-number-keyboard-text-font-size: 20px !default;
-$u-number-keyboard-text-font-weight: 500 !default;
-$u-number-keyboard-text-color: $u-main-color !default;
-$u-number-keyboard-gray-background-color: rgb(200, 202, 210) !default;
-$u-number-keyboard-u-hover-class-background-color: #bbbcc6 !default;
-
-.u-keyboard {
-  @include flex;
-  flex-direction: row;
-  justify-content: space-around;
-  background-color: $u-number-keyboard-background-color;
-  flex-wrap: wrap;
-  padding: $u-number-keyboard-padding;
-
-  &__button-wrapper {
-    box-shadow: $u-number-keyboard-button-box-shadow;
-    margin: $u-number-keyboard-button-margin;
-    border-top-left-radius: $u-number-keyboard-button-border-top-left-radius;
-    border-top-right-radius: $u-number-keyboard-button-border-top-right-radius;
-    border-bottom-left-radius: $u-number-keyboard-button-border-bottom-left-radius;
-    border-bottom-right-radius: $u-number-keyboard-button-border-bottom-right-radius;
-
-    &__button {
-      width: $u-number-keyboard-button-width;
-      height: $u-number-keyboard-button-height;
-      background-color: $u-number-keyboard-button-background-color;
-      @include flex;
-      justify-content: center;
-      align-items: center;
-      border-top-left-radius: $u-number-keyboard-button-border-top-left-radius;
-      border-top-right-radius: $u-number-keyboard-button-border-top-right-radius;
-      border-bottom-left-radius: $u-number-keyboard-button-border-bottom-left-radius;
-      border-bottom-right-radius: $u-number-keyboard-button-border-bottom-right-radius;
-
-      &__text {
-        font-size: $u-number-keyboard-text-font-size;
-        font-weight: $u-number-keyboard-text-font-weight;
-        color: $u-number-keyboard-text-color;
-      }
-
-      &--gray {
-        background-color: $u-number-keyboard-gray-background-color;
-      }
-    }
-  }
-}
-
-.u-hover-class {
-  background-color: $u-number-keyboard-u-hover-class-background-color;
-}

package/uview-ui/components/u-number-keyboard/u-number-keyboard.vue

@@ -1,118 +0,0 @@
-<template>
-  <view class="u-keyboard" @touchmove.stop.prevent="noop">
-    <view class="u-keyboard__button-wrapper" v-for="(item, index) in numList" :key="index">
-      <view
-        class="u-keyboard__button-wrapper__button"
-        :style="[itemStyle(index)]"
-        @tap="keyboardClick(item)"
-        hover-class="u-hover-class"
-        :hover-stay-time="200"
-      >
-        <text class="u-keyboard__button-wrapper__button__text">{{ item }}</text>
-      </view>
-    </view>
-    <view class="u-keyboard__button-wrapper">
-      <view
-        class="u-keyboard__button-wrapper__button u-keyboard__button-wrapper__button--gray"
-        hover-class="u-hover-class"
-        :hover-stay-time="200"
-        @touchstart.stop="backspaceClick"
-        @touchend="clearTimer"
-      >
-        <u-icon name="backspace" color="#303133" size="28"></u-icon>
-      </view>
-    </view>
-  </view>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * keyboard 键盘组件
- * @description
- * @tutorial
- * @property {String}	mode		键盘的类型，number-数字键盘，card-身份证键盘
- * @property {Boolean}	dotDisabled	是否显示键盘的"."符号
- * @property {Boolean}	random		是否打乱键盘按键的顺序
- * @event {Function} change		点击键盘触发
- * @event {Function} backspace	点击退格键触发
- * @example
- */
-export default {
-  mixins: [mpMixin, mixin, props],
-  data() {
-    return {
-      backspace: 'backspace', // 退格键内容
-      dot: '.', // 点
-      timer: null, // 长按多次删除的事件监听
-      cardX: 'X' // 身份证的X符号
-    };
-  },
-  computed: {
-    // 键盘需要显示的内容
-    numList() {
-      let tmp = [];
-      if (this.dotDisabled && this.mode == 'number') {
-        if (!this.random) {
-          return [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
-        } else {
-          return uni.$u.randomArray([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]);
-        }
-      } else if (!this.dotDisabled && this.mode == 'number') {
-        if (!this.random) {
-          return [1, 2, 3, 4, 5, 6, 7, 8, 9, this.dot, 0];
-        } else {
-          return uni.$u.randomArray([1, 2, 3, 4, 5, 6, 7, 8, 9, this.dot, 0]);
-        }
-      } else if (this.mode == 'card') {
-        if (!this.random) {
-          return [1, 2, 3, 4, 5, 6, 7, 8, 9, this.cardX, 0];
-        } else {
-          return uni.$u.randomArray([1, 2, 3, 4, 5, 6, 7, 8, 9, this.cardX, 0]);
-        }
-      }
-    },
-    // 按键的样式，在非乱序&&数字键盘&&不显示点按钮时，index为9时，按键占位两个空间
-    itemStyle() {
-      return (index) => {
-        let style = {};
-        if (this.mode == 'number' && this.dotDisabled && index == 9) style.width = '464rpx';
-        return style;
-      };
-    },
-    // 是否让按键显示灰色，只在非乱序&&数字键盘&&且允许点按键的时候
-    btnBgGray() {
-      return (index) => {
-        if (!this.random && index == 9 && (this.mode != 'number' || (this.mode == 'number' && !this.dotDisabled))) return true;
-        else return false;
-      };
-    }
-  },
-  created() {},
-  methods: {
-    // 点击退格键
-    backspaceClick() {
-      this.$emit('backspace');
-      clearInterval(this.timer); //再次清空定时器，防止重复注册定时器
-      this.timer = null;
-      this.timer = setInterval(() => {
-        this.$emit('backspace');
-      }, 250);
-    },
-    clearTimer() {
-      clearInterval(this.timer);
-      this.timer = null;
-    },
-    // 获取键盘显示的内容
-    keyboardClick(val) {
-      // 允许键盘显示点模式和触发非点按键时，将内容转为数字类型
-      if (!this.dotDisabled && val != this.dot && val != this.cardX) val = Number(val);
-      this.$emit('change', val);
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>

package/uview-ui/components/u-overlay/props.js

@@ -1,25 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 是否显示遮罩
-    show: {
-      type: Boolean,
-      default: defprops.overlay.show
-    },
-    // 层级z-index
-    zIndex: {
-      type: [String, Number],
-      default: defprops.overlay.zIndex
-    },
-    // 遮罩的过渡时间，单位为ms
-    duration: {
-      type: [String, Number],
-      default: defprops.overlay.duration
-    },
-    // 不透明度值，当做rgba的第四个参数
-    opacity: {
-      type: [String, Number],
-      default: defprops.overlay.opacity
-    }
-  }
-};

package/uview-ui/components/u-overlay/style.css

@@ -1,19 +0,0 @@
-/* #ifndef APP-NVUE */
-view, scroll-view, swiper-item {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  flex-grow: 0;
-  flex-basis: auto;
-  align-items: stretch;
-  align-content: flex-start;
-}
-/* #endif */
-.u-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-}

package/uview-ui/components/u-overlay/style.scss

@@ -1,14 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-overlay-top: 0 !default;
-$u-overlay-left: 0 !default;
-$u-overlay-width: 100% !default;
-$u-overlay-height: 100% !default;
-$u-overlay-background-color: rgba(0, 0, 0, 0.7) !default;
-.u-overlay {
-  position: fixed;
-  top: $u-overlay-top;
-  left: $u-overlay-left;
-  width: $u-overlay-width;
-  height: $u-overlay-height;
-  background-color: $u-overlay-background-color;
-}

package/uview-ui/components/u-overlay/u-overlay.vue

@@ -1,48 +0,0 @@
-<template>
-  <u-transition :show="show" custom-class="u-overlay" :duration="duration" :custom-style="overlayStyle" @click="clickHandler">
-    <slot />
-  </u-transition>
-</template>
-<script>
-import props from './props.js';
-import mpMixin from '../../libs/mixin/mpMixin.js';
-import mixin from '../../libs/mixin/mixin.js';
-/**
- * overlay 遮罩
- * @description 创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景
- * @tutorial https://ijry.github.io/uview-plus/components/overlay.html
- * @property {Boolean}			show		是否显示遮罩（默认 false ）
- * @property {String | Number}	zIndex		zIndex 层级（默认 10070 ）
- * @property {String | Number}	duration	动画时长，单位毫秒（默认 300 ）
- * @property {String | Number}	opacity		不透明度值，当做rgba的第四个参数 （默认 0.5 ）
- * @property {Object}			customStyle	定义需要用到的外部样式
- * @event {Function} click 点击遮罩发送事件
- * @example <u-overlay :show="show" @click="show = false"></u-overlay>
- */
-export default {
-  name: 'u-overlay',
-  mixins: [mpMixin, mixin, props],
-  computed: {
-    overlayStyle() {
-      const style = {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        zIndex: this.zIndex,
-        bottom: 0,
-        'background-color': `rgba(0, 0, 0, ${this.opacity})`
-      };
-      return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle));
-    }
-  },
-  methods: {
-    clickHandler() {
-      this.$emit('click');
-    }
-  }
-};
-</script>
-<style scoped>
-@import './style.css';
-</style>