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

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

@@ -1 +0,0 @@
-<template>
  <uvForm
    ref="uForm"
    :model="model"
    :rules="rules"
    :errorType="errorType"
    :borderBottom="borderBottom"
    :labelPosition="labelPosition"
    :labelWidth="labelWidth"
    :labelAlign="labelAlign"
    :labelStyle="labelStyle"
    :customStyle="customStyle"
  >
    <slot />
  </uvForm>
 * 此组件存在的理由是，在nvue下，u-form被uni-app官方占用了，u-form在nvue中相当于form组件
 * 所以在nvue下，取名为u--form，内部其实还是u-form.vue，只不过做一层中转
 */
 * Form 表单
 * @description 此组件一般用于表单场景，可以配置Input输入框，Select弹出框，进行表单验证等。
 * @tutorial https://ijry.github.io/uview-plus/components/form.html
 * @property {Object}						model			当前form的需要验证字段的集合
 * @property {Object | Function | Array}	rules			验证规则
 * @property {String}						errorType		错误的提示方式，见上方说明 ( 默认 message )
 * @property {Boolean}						borderBottom	是否显示表单域的下划线边框   ( 默认 true ）
 * @property {String}						labelPosition	表单域提示文字的位置，left-左侧，top-上方 ( 默认 'left' ）
 * @property {String | Number}				labelWidth		提示文字的宽度，单位px  ( 默认 45 ）
 * @property {String}						labelAlign		lable字体的对齐方式   ( 默认 ‘left' ）
 * @property {Object}						labelStyle		lable的样式，对象形式
 * @example <u--formlabelPosition="left" :model="model1" :rules="rules" ref="form1"></u--form>
 */
  // #ifdef MP-WEIXIN
  name: 'u-form',
  // #endif
  // #ifndef MP-WEIXIN
  name: 'u--form',
  // #endif
  mixins: [mpMixin, props, mixin],
  components: {
    uvForm
  },
  created() {
    this.children = [];
  },
  methods: {
    // 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
    setRules(rules) {
      this.$refs.uForm.setRules(rules);
    },
    validate() {
      /**
       * 在微信小程序中，通过this.$parent拿到的父组件是u--form，而不是其内嵌的u-form
       * 导致在u-form组件中，拿不到对应的children数组，从而校验无效，所以这里每次调用u-form组件中的
       * 对应方法的时候，在小程序中都先将u--form的children赋值给u-form中的children
       */
      // #ifdef MP-WEIXIN
      this.setMpData();
      // #endif
      return this.$refs.uForm.validate();
    },
    validateField(value, callback, event) {
      // #ifdef MP-WEIXIN
      this.setMpData();
      // #endif
      return this.$refs.uForm.validateField(value, callback, event);
    },
    resetFields() {
      // #ifdef MP-WEIXIN
      this.setMpData();
      // #endif
      return this.$refs.uForm.resetFields();
    },
    clearValidate(props) {
      // #ifdef MP-WEIXIN
      this.setMpData();
      // #endif
      return this.$refs.uForm.clearValidate(props);
    },
    setMpData() {
      this.$refs.uForm.children = this.children;
    }
  }

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

@@ -1 +0,0 @@
-<template>
  <uvImage
    :src="src"
    :mode="mode"
    :width="width"
    :height="height"
    :shape="shape"
    :radius="radius"
    :lazyLoad="lazyLoad"
    :showMenuByLongpress="showMenuByLongpress"
    :loadingIcon="loadingIcon"
    :errorIcon="errorIcon"
    :showLoading="showLoading"
    :showError="showError"
    :fade="fade"
    :webp="webp"
    :duration="duration"
    :bgColor="bgColor"
    :customStyle="customStyle"
    @click="$emit('click')"
    @error="$emit('error')"
    @load="$emit('load')"
  >
    <template v-slot:loading>
      <slot name="loading"></slot>
    </template>
    <template v-slot:error>
      <slot name="error"></slot>
    </template>
  </uvImage>
 * 此组件存在的理由是，在nvue下，u-image被uni-app官方占用了，u-image在nvue中相当于image组件
 * 所以在nvue下，取名为u--image，内部其实还是u-iamge.vue，只不过做一层中转
 */
 * Image 图片
 * @description 此组件为uni-app的image组件的加强版，在继承了原有功能外，还支持淡入动画、加载中、加载失败提示、圆角值和形状等。
 * @tutorial https://uviewui.com/components/image.html
 * @property {String}			src 				图片地址
 * @property {String}			mode 				裁剪模式，见官网说明 （默认 'aspectFill' ）
 * @property {String | Number}	width 				宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
 * @property {String | Number}	height 				高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
 * @property {String}			shape 				图片形状，circle-圆形，square-方形 （默认 'square' ）
 * @property {String | Number}	radius		 		圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
 * @property {Boolean}			lazyLoad			是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
 * @property {Boolean}			showMenuByLongpress	是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
 * @property {String}			loadingIcon 		加载中的图标，或者小图片 （默认 'photo' ）
 * @property {String}			errorIcon 			加载失败的图标，或者小图片 （默认 'error-circle' ）
 * @property {Boolean}			showLoading 		是否显示加载中的图标或者自定义的slot （默认 true ）
 * @property {Boolean}			showError 			是否显示加载错误的图标或者自定义的slot （默认 true ）
 * @property {Boolean}			fade 				是否需要淡入效果 （默认 true ）
 * @property {Boolean}			webp 				只支持网络资源，只对微信小程序有效 （默认 false ）
 * @property {String | Number}	duration 			搭配fade参数的过渡时间，单位ms （默认 500 ）
 * @property {String}			bgColor 			背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
 * @property {Object}			customStyle  		定义需要用到的外部样式
 * @event {Function}	click	点击图片时触发
 * @event {Function}	error	图片加载失败时触发
 * @event {Function} load 图片加载成功时触发
 * @example <u--image width="100%" height="300px" :src="src"></u--image>
 */
  name: 'u--image',
  mixins: [mpMixin, props, mixin],
  components: {
    uvImage
  }

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

@@ -1 +0,0 @@
-<template>
  <uvInput
    :value="value"
    :type="type"
    :fixed="fixed"
    :disabled="disabled"
    :disabledColor="disabledColor"
    :clearable="clearable"
    :password="password"
    :maxlength="maxlength"
    :placeholder="placeholder"
    :placeholderClass="placeholderClass"
    :placeholderStyle="placeholderStyle"
    :showWordLimit="showWordLimit"
    :confirmType="confirmType"
    :confirmHold="confirmHold"
    :holdKeyboard="holdKeyboard"
    :focus="focus"
    :autoBlur="autoBlur"
    :disableDefaultPadding="disableDefaultPadding"
    :cursor="cursor"
    :cursorSpacing="cursorSpacing"
    :selectionStart="selectionStart"
    :selectionEnd="selectionEnd"
    :adjustPosition="adjustPosition"
    :inputAlign="inputAlign"
    :fontSize="fontSize"
    :color="color"
    :prefixIcon="prefixIcon"
    :suffixIcon="suffixIcon"
    :suffixIconStyle="suffixIconStyle"
    :prefixIconStyle="prefixIconStyle"
    :border="border"
    :readonly="readonly"
    :shape="shape"
    :customStyle="customStyle"
    :formatter="formatter"
    :ignoreCompositionEvent="ignoreCompositionEvent"
    @focus="(e) => $emit('focus', e)"
    @blur="(e) => $emit('blur', e)"
    @keyboardheightchange="(e) => $emit('keyboardheightchange', e)"
    @change="(e) => $emit('change', e)"
    @input="(e) => $emit('input', e)"
    @confirm="(e) => $emit('confirm', e)"
    @clear="$emit('clear')"
    @click="$emit('click')"
  >
    <!-- #ifdef MP -->
    <slot name="prefix"></slot>
    <slot name="suffix"></slot>
    <!-- #endif -->
    <!-- #ifndef MP -->
    <slot name="prefix" slot="prefix"></slot>
    <slot name="suffix" slot="suffix"></slot>
    <!-- #endif -->
  </uvInput>
 * 此组件存在的理由是，在nvue下，u-input被uni-app官方占用了，u-input在nvue中相当于input组件
 * 所以在nvue下，取名为u--input，内部其实还是u-input.vue，只不过做一层中转
 */
 * Input 输入框
 * @description  此组件为一个输入框，默认没有边框和样式，是专门为配合表单组件u-form而设计的，利用它可以快速实现表单验证，输入内容，下拉选择等功能。
 * @tutorial https://uviewui.com/components/input.html
 * @property {String | Number}	value					输入的值
 * @property {String}			type					输入框类型，见上方说明 （ 默认 'text' ）
 * @property {Boolean}			fixed					如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序 （ 默认 false ）
 * @property {Boolean}			disabled				是否禁用输入框 （ 默认 false ）
 * @property {String}			disabledColor			禁用状态时的背景色（ 默认 '#f5f7fa' ）
 * @property {Boolean}			clearable				是否显示清除控件 （ 默认 false ）
 * @property {Boolean}			password				是否密码类型 （ 默认 false ）
 * @property {String | Number}	maxlength				最大输入长度，设置为 -1 的时候不限制最大长度 （ 默认 -1 ）
 * @property {String}			placeholder				输入框为空时的占位符
 * @property {String}			placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
 * @property {String | Object}	placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
 * @property {Boolean}			showWordLimit			是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 （ 默认 false ）
 * @property {String}			confirmType				设置右下角按钮的文字，兼容性详见uni-app文档 （ 默认 'done' ）
 * @property {Boolean}			confirmHold				点击键盘右下角按钮时是否保持键盘不收起，H5无效 （ 默认 false ）
 * @property {Boolean}			holdKeyboard			focus时，点击页面的时候不收起键盘，微信小程序有效 （ 默认 false ）
 * @property {Boolean}			focus					自动获取焦点，在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点 （ 默认 false ）
 * @property {Boolean}			autoBlur				键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效 （ 默认 false ）
 * @property {Boolean}			disableDefaultPadding	是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效 （ 默认 false ）
 * @property {String ｜ Number}	cursor					指定focus时光标的位置（ 默认 -1 ）
 * @property {String ｜ Number}	cursorSpacing			输入框聚焦时底部与键盘的距离 （ 默认 30 ）
 * @property {String ｜ Number}	selectionStart			光标起始位置，自动聚集时有效，需与selection-end搭配使用 （ 默认 -1 ）
 * @property {String ｜ Number}	selectionEnd			光标结束位置，自动聚集时有效，需与selection-start搭配使用 （ 默认 -1 ）
 * @property {Boolean}			adjustPosition			键盘弹起时，是否自动上推页面 （ 默认 true ）
 * @property {String}			inputAlign				输入框内容对齐方式（ 默认 'left' ）
 * @property {String | Number}	fontSize				输入框字体的大小 （ 默认 '15px' ）
 * @property {String}			color					输入框字体颜色	（ 默认 '#303133' ）
 * @property {Function}			formatter			    内容式化函数
 * @property {String}			prefixIcon				输入框前置图标
 * @property {String | Object}	prefixIconStyle			前置图标样式，对象或字符串
 * @property {String}			suffixIcon				输入框后置图标
 * @property {String | Object}	suffixIconStyle			后置图标样式，对象或字符串
 * @property {String}			border					边框类型，surround-四周边框，bottom-底部边框，none-无边框 （ 默认 'surround' ）
 * @property {Boolean}			readonly				是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会 （ 默认 false ）
 * @property {String}			shape					输入框形状，circle-圆形，square-方形 （ 默认 'square' ）
 * @property {Object}			customStyle				定义需要用到的外部样式
 * @property {Boolean}			ignoreCompositionEvent	是否忽略组件内对文本合成系统事件的处理。
 * @example <u--input v-model="value" :password="true" suffix-icon="lock-fill" />
 */
  name: 'u--input',
  mixins: [mpMixin, props, mixin],
  components: {
    uvInput
  }

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

@@ -1 +0,0 @@
-<template>
  <uvText
    :type="type"
    :show="show"
    :text="text"
    :prefixIcon="prefixIcon"
    :suffixIcon="suffixIcon"
    :mode="mode"
    :href="href"
    :format="format"
    :call="call"
    :openType="openType"
    :bold="bold"
    :block="block"
    :lines="lines"
    :color="color"
    :decoration="decoration"
    :size="size"
    :iconStyle="iconStyle"
    :margin="margin"
    :lineHeight="lineHeight"
    :align="align"
    :wordWrap="wordWrap"
    :customStyle="customStyle"
    @click="$emit('click')"
  ></uvText>
 * 此组件存在的理由是，在nvue下，u-text被uni-app官方占用了，u-text在nvue中相当于input组件
 * 所以在nvue下，取名为u--input，内部其实还是u-text.vue，只不过做一层中转
 * 不使用v-bind="$attrs"，而是分开独立写传参，是因为微信小程序不支持此写法
 */
 * Text 文本
 * @description 此组件集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。
 * @tutorial https://ijry.github.io/uview-plus/components/loading.html
 * @property {String} 					type		主题颜色
 * @property {Boolean} 					show		是否显示（默认 true ）
 * @property {String | Number}			text		显示的值
 * @property {String}					prefixIcon	前置图标
 * @property {String} 					suffixIcon	后置图标
 * @property {String} 					mode		文本处理的匹配模式 text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
 * @property {String} 					href		mode=link下，配置的链接
 * @property {String | Function} 		format		格式化规则
 * @property {Boolean} 					call		mode=phone时，点击文本是否拨打电话（默认 false ）
 * @property {String} 					openType	小程序的打开方式
 * @property {Boolean} 					bold		是否粗体，默认normal（默认 false ）
 * @property {Boolean} 					block		是否块状（默认 false ）
 * @property {String | Number} 			lines		文本显示的行数，如果设置，超出此行数，将会显示省略号
 * @property {String} 					color		文本颜色（默认 '#303133' ）
 * @property {String | Number} 			size		字体大小（默认 15 ）
 * @property {Object | String} 			iconStyle	图标的样式 （默认 {fontSize: '15px'} ）
 * @property {String} 					decoration	文字装饰，下划线，中划线等，可选值 none|underline|line-through（默认 'none' ）
 * @property {Object | String | Number}	margin		外边距，对象、字符串，数值形式均可（默认 0 ）
 * @property {String | Number} 			lineHeight	文本行高
 * @property {String} 					align		文本对齐方式，可选值left|center|right（默认 'left' ）
 * @property {String} 					wordWrap	文字换行，可选值break-word|normal|anywhere（默认 'normal' ）
 * @event {Function} click  点击触发事件
 * @example <u--text text="我用十年青春,赴你最后之约"></u--text>
 */
  name: 'u--text',
  mixins: [mpMixin, props, mixin],
  components: {
    uvText
  }

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

@@ -1 +0,0 @@
-<template>
  <uvTextarea
    :value="value"
    :placeholder="placeholder"
    :height="height"
    :confirmType="confirmType"
    :disabled="disabled"
    :count="count"
    :focus="focus"
    :autoHeight="autoHeight"
    :fixed="fixed"
    :cursorSpacing="cursorSpacing"
    :cursor="cursor"
    :showConfirmBar="showConfirmBar"
    :selectionStart="selectionStart"
    :selectionEnd="selectionEnd"
    :adjustPosition="adjustPosition"
    :disableDefaultPadding="disableDefaultPadding"
    :holdKeyboard="holdKeyboard"
    :maxlength="maxlength"
    :border="border"
    :customStyle="customStyle"
    :formatter="formatter"
    :ignoreCompositionEvent="ignoreCompositionEvent"
    @focus="(e) => $emit('focus', e)"
    @blur="(e) => $emit('blur', e)"
    @linechange="(e) => $emit('linechange', e)"
    @confirm="(e) => $emit('confirm', e)"
    @input="(e) => $emit('input', e)"
    @keyboardheightchange="(e) => $emit('keyboardheightchange', e)"
  ></uvTextarea>
 * 此组件存在的理由是，在nvue下，u--textarea被uni-app官方占用了，u-textarea在nvue中相当于textarea组件
 * 所以在nvue下，取名为u--textarea，内部其实还是u-textarea.vue，只不过做一层中转
 */
 * Textarea 文本域
 * @description 文本域此组件满足了可能出现的表单信息补充，编辑等实际逻辑的功能，内置了字数校验等
 * @tutorial https://ijry.github.io/uview-plus/components/textarea.html
 *
 * @property {String | Number} 		value					输入框的内容
 * @property {String | Number}		placeholder				输入框为空时占位符
 * @property {String}			    placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
 * @property {String | Object}	    placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
 * @property {String | Number}		height					输入框高度（默认 70 ）
 * @property {String}				confirmType				设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效（默认 'done' ）
 * @property {Boolean}				disabled				是否禁用（默认 false ）
 * @property {Boolean}				count					是否显示统计字数（默认 false ）
 * @property {Boolean}				focus					是否自动获取焦点，nvue不支持，H5取决于浏览器的实现（默认 false ）
 * @property {Boolean | Function}	autoHeight				是否自动增加高度（默认 false ）
 * @property {Boolean}				fixed					如果textarea是在一个position:fixed的区域，需要显示指定属性fixed为true（默认 false ）
 * @property {Number}				cursorSpacing			指定光标与键盘的距离（默认 0 ）
 * @property {String | Number}		cursor					指定focus时的光标位置
 * @property {Function}			    formatter			    内容式化函数
 * @property {Boolean}				showConfirmBar			是否显示键盘上方带有”完成“按钮那一栏，（默认 true ）
 * @property {Number}				selectionStart			光标起始位置，自动聚焦时有效，需与selection-end搭配使用，（默认 -1 ）
 * @property {Number | Number}		selectionEnd			光标结束位置，自动聚焦时有效，需与selection-start搭配使用（默认 -1 ）
 * @property {Boolean}				adjustPosition			键盘弹起时，是否自动上推页面（默认 true ）
 * @property {Boolean | Number}		disableDefaultPadding	是否去掉 iOS 下的默认内边距，只微信小程序有效（默认 false ）
 * @property {Boolean}				holdKeyboard			focus时，点击页面的时候不收起键盘，只微信小程序有效（默认 false ）
 * @property {String | Number}		maxlength				最大输入长度，设置为 -1 的时候不限制最大长度（默认 140 ）
 * @property {String}				border					边框类型，surround-四周边框，none-无边框，bottom-底部边框（默认 'surround' ）
 * @property {Boolean}				ignoreCompositionEvent	是否忽略组件内对文本合成系统事件的处理
 *
 * @event {Function(e)} focus					输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
 * @event {Function(e)} blur					输入框失去焦点时触发，event.detail = {value, cursor}
 * @event {Function(e)} linechange				输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}
 * @event {Function(e)} input					当键盘输入时，触发 input 事件
 * @event {Function(e)} confirm					点击完成时， 触发 confirm 事件
 * @event {Function(e)} keyboardheightchange	键盘高度发生变化的时候触发此事件
 * @example <u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea>
 */
  name: 'u--textarea',
  mixins: [mpMixin, props, mixin],
  components: {
    uvTextarea
  }

package/uview-ui/components/u-action-sheet/props.js

@@ -1,55 +0,0 @@
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 操作菜单是否展示 （默认false）
-    show: {
-      type: Boolean,
-      default: defprops.actionSheet.show
-    },
-    // 标题
-    title: {
-      type: String,
-      default: defprops.actionSheet.title
-    },
-    // 选项上方的描述信息
-    description: {
-      type: String,
-      default: defprops.actionSheet.description
-    },
-    // 数据
-    actions: {
-      type: Array,
-      default: defprops.actionSheet.actions
-    },
-    // 取消按钮的文字，不为空时显示按钮
-    cancelText: {
-      type: String,
-      default: defprops.actionSheet.cancelText
-    },
-    // 点击某个菜单项时是否关闭弹窗
-    closeOnClickAction: {
-      type: Boolean,
-      default: defprops.actionSheet.closeOnClickAction
-    },
-    // 处理底部安全区（默认true）
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: defprops.actionSheet.safeAreaInsetBottom
-    },
-    // 小程序的打开方式
-    openType: {
-      type: String,
-      default: defprops.actionSheet.openType
-    },
-    // 点击遮罩是否允许关闭 (默认true)
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: defprops.actionSheet.closeOnClickOverlay
-    },
-    // 圆角值
-    round: {
-      type: [String, Number],
-      default: defprops.actionSheet.round
-    }
-  }
-};

package/uview-ui/components/u-action-sheet/style.css

@@ -1,68 +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-reset-button {
-  width: 100%;
-}
-.u-action-sheet {
-  text-align: center;
-}
-.u-action-sheet__header {
-  position: relative;
-  padding: 12px 30px;
-}
-.u-action-sheet__header__title {
-  font-size: 16px;
-  color: var(--u-main-color);
-  font-weight: bold;
-  text-align: center;
-}
-.u-action-sheet__header__icon-wrap {
-  position: absolute;
-  right: 15px;
-  top: 15px;
-}
-.u-action-sheet__description {
-  font-size: 13px;
-  color: var(--u-tips-color);
-  margin: 18px 15px;
-  text-align: center;
-}
-.u-action-sheet__item-wrap__item {
-  padding: 15px;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-.u-action-sheet__item-wrap__item__name {
-  font-size: 16px;
-  color: var(--u-main-color);
-  text-align: center;
-}
-.u-action-sheet__item-wrap__item__subname {
-  font-size: 13px;
-  color: #c0c4cc;
-  margin-top: 10px;
-  text-align: center;
-}
-.u-action-sheet__cancel-text {
-  font-size: 16px;
-  color: var(--u-content-color);
-  text-align: center;
-  padding: 16px;
-}
-.u-action-sheet--hover {
-  background-color: rgb(242, 243, 245);
-}

package/uview-ui/components/u-action-sheet/style.scss

@@ -1,84 +0,0 @@
-@import '../../libs/css/components.scss';
-$u-action-sheet-reset-button-width: 100% !default;
-$u-action-sheet-title-font-size: 16px !default;
-$u-action-sheet-title-padding: 12px 30px !default;
-$u-action-sheet-title-color: $u-main-color !default;
-$u-action-sheet-header-icon-wrap-right: 15px !default;
-$u-action-sheet-header-icon-wrap-top: 15px !default;
-$u-action-sheet-description-font-size: 13px !default;
-$u-action-sheet-description-color: 14px !default;
-$u-action-sheet-description-margin: 18px 15px !default;
-$u-action-sheet-item-wrap-item-padding: 15px !default;
-$u-action-sheet-item-wrap-name-font-size: 16px !default;
-$u-action-sheet-item-wrap-subname-font-size: 13px !default;
-$u-action-sheet-item-wrap-subname-color: #c0c4cc !default;
-$u-action-sheet-item-wrap-subname-margin-top: 10px !default;
-$u-action-sheet-cancel-text-font-size: 16px !default;
-$u-action-sheet-cancel-text-color: $u-content-color !default;
-$u-action-sheet-cancel-text-font-size: 15px !default;
-$u-action-sheet-cancel-text-hover-background-color: rgb(242, 243, 245) !default;
-
-.u-reset-button {
-  width: $u-action-sheet-reset-button-width;
-}
-
-.u-action-sheet {
-  text-align: center;
-  &__header {
-    position: relative;
-    padding: $u-action-sheet-title-padding;
-    &__title {
-      font-size: $u-action-sheet-title-font-size;
-      color: $u-action-sheet-title-color;
-      font-weight: bold;
-      text-align: center;
-    }
-
-    &__icon-wrap {
-      position: absolute;
-      right: $u-action-sheet-header-icon-wrap-right;
-      top: $u-action-sheet-header-icon-wrap-top;
-    }
-  }
-
-  &__description {
-    font-size: $u-action-sheet-description-font-size;
-    color: $u-tips-color;
-    margin: $u-action-sheet-description-margin;
-    text-align: center;
-  }
-
-  &__item-wrap {
-    &__item {
-      padding: $u-action-sheet-item-wrap-item-padding;
-      @include flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-
-      &__name {
-        font-size: $u-action-sheet-item-wrap-name-font-size;
-        color: $u-main-color;
-        text-align: center;
-      }
-
-      &__subname {
-        font-size: $u-action-sheet-item-wrap-subname-font-size;
-        color: $u-action-sheet-item-wrap-subname-color;
-        margin-top: $u-action-sheet-item-wrap-subname-margin-top;
-        text-align: center;
-      }
-    }
-  }
-
-  &__cancel-text {
-    font-size: $u-action-sheet-cancel-text-font-size;
-    color: $u-action-sheet-cancel-text-color;
-    text-align: center;
-    padding: $u-action-sheet-cancel-text-font-size;
-  }
-
-  &--hover {
-    background-color: $u-action-sheet-cancel-text-hover-background-color;
-  }
-}