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

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

@@ -1,162 +0,0 @@
-/*
- * @Author       : LQ
- * @Description  :
- * @version      : 1.0
- * @Date         : 2021-08-16 10:04:04
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-16 10:04:24
- * @FilePath     : /u-view2.0/uview-ui/components/u-button/props.js
- */
-import defprops from '../../libs/config/props';
-export default {
-  props: {
-    // 是否细边框
-    hairline: {
-      type: Boolean,
-      default: defprops.button.hairline
-    },
-    // 按钮的预置样式，info，primary，error，warning，success
-    type: {
-      type: String,
-      default: defprops.button.type
-    },
-    // 按钮尺寸，large，normal，small，mini
-    size: {
-      type: String,
-      default: defprops.button.size
-    },
-    // 按钮形状，circle（两边为半圆），square（带圆角）
-    shape: {
-      type: String,
-      default: defprops.button.shape
-    },
-    // 按钮是否镂空
-    plain: {
-      type: Boolean,
-      default: defprops.button.plain
-    },
-    // 是否禁止状态
-    disabled: {
-      type: Boolean,
-      default: defprops.button.disabled
-    },
-    // 是否加载中
-    loading: {
-      type: Boolean,
-      default: defprops.button.loading
-    },
-    // 加载中提示文字
-    loadingText: {
-      type: [String, Number],
-      default: defprops.button.loadingText
-    },
-    // 加载状态图标类型
-    loadingMode: {
-      type: String,
-      default: defprops.button.loadingMode
-    },
-    // 加载图标大小
-    loadingSize: {
-      type: [String, Number],
-      default: defprops.button.loadingSize
-    },
-    // 开放能力，具体请看uniapp稳定关于button组件部分说明
-    // https://uniapp.dcloud.io/component/button
-    openType: {
-      type: String,
-      default: defprops.button.openType
-    },
-    // 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件
-    // 取值为submit（提交表单），reset（重置表单）
-    formType: {
-      type: String,
-      default: defprops.button.formType
-    },
-    // 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效
-    // 只微信小程序、QQ小程序有效
-    appParameter: {
-      type: String,
-      default: defprops.button.appParameter
-    },
-    // 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效
-    hoverStopPropagation: {
-      type: Boolean,
-      default: defprops.button.hoverStopPropagation
-    },
-    // 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效
-    lang: {
-      type: String,
-      default: defprops.button.lang
-    },
-    // 会话来源，open-type="contact"时有效。只微信小程序有效
-    sessionFrom: {
-      type: String,
-      default: defprops.button.sessionFrom
-    },
-    // 会话内消息卡片标题，open-type="contact"时有效
-    // 默认当前标题，只微信小程序有效
-    sendMessageTitle: {
-      type: String,
-      default: defprops.button.sendMessageTitle
-    },
-    // 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
-    // 默认当前分享路径，只微信小程序有效
-    sendMessagePath: {
-      type: String,
-      default: defprops.button.sendMessagePath
-    },
-    // 会话内消息卡片图片，open-type="contact"时有效
-    // 默认当前页面截图，只微信小程序有效
-    sendMessageImg: {
-      type: String,
-      default: defprops.button.sendMessageImg
-    },
-    // 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，
-    // 用户点击后可以快速发送小程序消息，open-type="contact"时有效
-    showMessageCard: {
-      type: Boolean,
-      default: defprops.button.showMessageCard
-    },
-    // 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取
-    dataName: {
-      type: String,
-      default: defprops.button.dataName
-    },
-    // 节流，一定时间内只能触发一次
-    throttleTime: {
-      type: [String, Number],
-      default: defprops.button.throttleTime
-    },
-    // 按住后多久出现点击态，单位毫秒
-    hoverStartTime: {
-      type: [String, Number],
-      default: defprops.button.hoverStartTime
-    },
-    // 手指松开后点击态保留时间，单位毫秒
-    hoverStayTime: {
-      type: [String, Number],
-      default: defprops.button.hoverStayTime
-    },
-    // 按钮文字，之所以通过props传入，是因为slot传入的话
-    // nvue中无法控制文字的样式
-    text: {
-      type: [String, Number],
-      default: defprops.button.text
-    },
-    // 按钮图标
-    icon: {
-      type: String,
-      default: defprops.button.icon
-    },
-    // 按钮图标
-    iconColor: {
-      type: String,
-      default: defprops.button.icon
-    },
-    // 按钮颜色，支持传入linear-gradient渐变色
-    color: {
-      type: String,
-      default: defprops.button.color
-    }
-  }
-};

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

@@ -1,202 +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 */
-/* #ifndef APP-NVUE */
-.u-button {
-  width: 100%;
-}
-.u-button__text {
-  white-space: nowrap;
-  line-height: 1;
-}
-.u-button:before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  border: inherit;
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-  background-color: #000;
-  border-color: #000;
-}
-.u-button--active:before {
-  opacity: 0.15;
-}
-.u-button__icon + .u-button__text:not(:empty), .u-button__loading-text {
-  margin-left: 4px;
-}
-.u-button--plain.u-button--primary {
-  color: var(--u-primary);
-}
-.u-button--plain.u-button--info {
-  color: var(--u-info);
-}
-.u-button--plain.u-button--success {
-  color: var(--u-success);
-}
-.u-button--plain.u-button--error {
-  color: var(--u-error);
-}
-.u-button--plain.u-button--warning {
-  color: var(--u-error);
-}
-/* #endif */
-/* #ifdef APP-NVUE */
-.u-button--active {
-  opacity: 0.75;
-}
-.u-button--active--plain {
-  background-color: rgb(217, 217, 217);
-}
-.u-button__loading-text {
-  margin-left: 4px;
-}
-.u-button__text, .u-button__loading-text {
-  color: #FFFFFF;
-}
-.u-button__text--plain--error {
-  color: var(--u-error);
-}
-.u-button__text--plain--warning {
-  color: var(--u-warning);
-}
-.u-button__text--plain--success {
-  color: var(--u-success);
-}
-.u-button__text--plain--info {
-  color: var(--u-info);
-}
-.u-button__text--plain--primary {
-  color: var(--u-primary);
-}
-/* #endif */
-.u-button {
-  height: 40px;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  /* #endif */
-  flex-direction: row;
-}
-.u-button__text {
-  font-size: 15px;
-}
-.u-button__loading-text {
-  font-size: 15px;
-  margin-left: 4px;
-}
-.u-button--large {
-  /* #ifndef APP-NVUE */
-  width: 100%;
-  /* #endif */
-  height: 50px;
-  padding: 0 15px;
-}
-.u-button--normal {
-  padding: 0 12px;
-  font-size: 14px;
-}
-.u-button--small {
-  /* #ifndef APP-NVUE */
-  min-width: 60px;
-  /* #endif */
-  height: 30px;
-  padding: 0px 8px;
-  font-size: 12px;
-}
-.u-button--mini {
-  height: 22px;
-  font-size: 10px;
-  /* #ifndef APP-NVUE */
-  min-width: 50px;
-  /* #endif */
-  padding: 0px 8px;
-}
-.u-button--disabled {
-  opacity: 0.5;
-}
-.u-button--info {
-  color: #323233;
-  background-color: #fff;
-  border-color: #ebedf0;
-  border-width: 1px;
-  border-style: solid;
-}
-.u-button--success {
-  color: #fff;
-  background-color: var(--u-success);
-  border-color: var(--u-success);
-  border-width: 1px;
-  border-style: solid;
-}
-.u-button--primary {
-  color: #fff;
-  background-color: var(--u-primary);
-  border-color: var(--u-primary);
-  border-width: 1px;
-  border-style: solid;
-}
-.u-button--error {
-  color: #fff;
-  background-color: var(--u-error);
-  border-color: var(--u-error);
-  border-width: 1px;
-  border-style: solid;
-}
-.u-button--warning {
-  color: #fff;
-  background-color: var(--u-warning);
-  border-color: var(--u-warning);
-  border-width: 1px;
-  border-style: solid;
-}
-.u-button--block {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  width: 100%;
-}
-.u-button--circle {
-  border-top-right-radius: 100px;
-  border-top-left-radius: 100px;
-  border-bottom-left-radius: 100px;
-  border-bottom-right-radius: 100px;
-}
-.u-button--square {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-}
-.u-button__icon {
-  /* #ifndef APP-NVUE */
-  min-width: 1em;
-  line-height: inherit !important;
-  vertical-align: top;
-  /* #endif */
-}
-.u-button--plain {
-  background-color: #fff;
-}
-.u-button--hairline {
-  border-width: 0.5px !important;
-}

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

@@ -1,196 +0,0 @@
-@import '../../libs/css/components.scss';
-
-/* #ifndef APP-NVUE */
-@import './vue.scss';
-/* #endif */
-
-/* #ifdef APP-NVUE */
-@import './nvue.scss';
-/* #endif */
-
-$u-button-u-button-height: 40px !default;
-$u-button-text-font-size: 15px !default;
-$u-button-loading-text-font-size: 15px !default;
-$u-button-loading-text-margin-left: 4px !default;
-$u-button-large-width: 100% !default;
-$u-button-large-height: 50px !default;
-$u-button-normal-padding: 0 12px !default;
-$u-button-large-padding: 0 15px !default;
-$u-button-normal-font-size: 14px !default;
-$u-button-small-min-width: 60px !default;
-$u-button-small-height: 30px !default;
-$u-button-small-padding: 0px 8px !default;
-$u-button-mini-padding: 0px 8px !default;
-$u-button-small-font-size: 12px !default;
-$u-button-mini-height: 22px !default;
-$u-button-mini-font-size: 10px !default;
-$u-button-mini-min-width: 50px !default;
-$u-button-disabled-opacity: 0.5 !default;
-$u-button-info-color: #323233 !default;
-$u-button-info-background-color: #fff !default;
-$u-button-info-border-color: #ebedf0 !default;
-$u-button-info-border-width: 1px !default;
-$u-button-info-border-style: solid !default;
-$u-button-success-color: #fff !default;
-$u-button-success-background-color: $u-success !default;
-$u-button-success-border-color: $u-button-success-background-color !default;
-$u-button-success-border-width: 1px !default;
-$u-button-success-border-style: solid !default;
-$u-button-primary-color: #fff !default;
-$u-button-primary-background-color: $u-primary !default;
-$u-button-primary-border-color: $u-button-primary-background-color !default;
-$u-button-primary-border-width: 1px !default;
-$u-button-primary-border-style: solid !default;
-$u-button-error-color: #fff !default;
-$u-button-error-background-color: $u-error !default;
-$u-button-error-border-color: $u-button-error-background-color !default;
-$u-button-error-border-width: 1px !default;
-$u-button-error-border-style: solid !default;
-$u-button-warning-color: #fff !default;
-$u-button-warning-background-color: $u-warning !default;
-$u-button-warning-border-color: $u-button-warning-background-color !default;
-$u-button-warning-border-width: 1px !default;
-$u-button-warning-border-style: solid !default;
-$u-button-block-width: 100% !default;
-$u-button-circle-border-top-right-radius: 100px !default;
-$u-button-circle-border-top-left-radius: 100px !default;
-$u-button-circle-border-bottom-left-radius: 100px !default;
-$u-button-circle-border-bottom-right-radius: 100px !default;
-$u-button-square-border-top-right-radius: 3px !default;
-$u-button-square-border-top-left-radius: 3px !default;
-$u-button-square-border-bottom-left-radius: 3px !default;
-$u-button-square-border-bottom-right-radius: 3px !default;
-$u-button-icon-min-width: 1em !default;
-$u-button-plain-background-color: #fff !default;
-$u-button-hairline-border-width: 0.5px !default;
-
-.u-button {
-  height: $u-button-u-button-height;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  @include flex;
-  /* #ifndef APP-NVUE */
-  box-sizing: border-box;
-  /* #endif */
-  flex-direction: row;
-
-  &__text {
-    font-size: $u-button-text-font-size;
-  }
-
-  &__loading-text {
-    font-size: $u-button-loading-text-font-size;
-    margin-left: $u-button-loading-text-margin-left;
-  }
-
-  &--large {
-    /* #ifndef APP-NVUE */
-    width: $u-button-large-width;
-    /* #endif */
-    height: $u-button-large-height;
-    padding: $u-button-large-padding;
-  }
-
-  &--normal {
-    padding: $u-button-normal-padding;
-    font-size: $u-button-normal-font-size;
-  }
-
-  &--small {
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-small-min-width;
-    /* #endif */
-    height: $u-button-small-height;
-    padding: $u-button-small-padding;
-    font-size: $u-button-small-font-size;
-  }
-
-  &--mini {
-    height: $u-button-mini-height;
-    font-size: $u-button-mini-font-size;
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-mini-min-width;
-    /* #endif */
-    padding: $u-button-mini-padding;
-  }
-
-  &--disabled {
-    opacity: $u-button-disabled-opacity;
-  }
-
-  &--info {
-    color: $u-button-info-color;
-    background-color: $u-button-info-background-color;
-    border-color: $u-button-info-border-color;
-    border-width: $u-button-info-border-width;
-    border-style: $u-button-info-border-style;
-  }
-
-  &--success {
-    color: $u-button-success-color;
-    background-color: $u-button-success-background-color;
-    border-color: $u-button-success-border-color;
-    border-width: $u-button-success-border-width;
-    border-style: $u-button-success-border-style;
-  }
-
-  &--primary {
-    color: $u-button-primary-color;
-    background-color: $u-button-primary-background-color;
-    border-color: $u-button-primary-border-color;
-    border-width: $u-button-primary-border-width;
-    border-style: $u-button-primary-border-style;
-  }
-
-  &--error {
-    color: $u-button-error-color;
-    background-color: $u-button-error-background-color;
-    border-color: $u-button-error-border-color;
-    border-width: $u-button-error-border-width;
-    border-style: $u-button-error-border-style;
-  }
-
-  &--warning {
-    color: $u-button-warning-color;
-    background-color: $u-button-warning-background-color;
-    border-color: $u-button-warning-border-color;
-    border-width: $u-button-warning-border-width;
-    border-style: $u-button-warning-border-style;
-  }
-
-  &--block {
-    @include flex;
-    width: $u-button-block-width;
-  }
-
-  &--circle {
-    border-top-right-radius: $u-button-circle-border-top-right-radius;
-    border-top-left-radius: $u-button-circle-border-top-left-radius;
-    border-bottom-left-radius: $u-button-circle-border-bottom-left-radius;
-    border-bottom-right-radius: $u-button-circle-border-bottom-right-radius;
-  }
-
-  &--square {
-    border-bottom-left-radius: $u-button-square-border-top-right-radius;
-    border-bottom-right-radius: $u-button-square-border-top-left-radius;
-    border-top-left-radius: $u-button-square-border-bottom-left-radius;
-    border-top-right-radius: $u-button-square-border-bottom-right-radius;
-  }
-
-  &__icon {
-    /* #ifndef APP-NVUE */
-    min-width: $u-button-icon-min-width;
-    line-height: inherit !important;
-    vertical-align: top;
-    /* #endif */
-  }
-
-  &--plain {
-    background-color: $u-button-plain-background-color;
-  }
-
-  &--hairline {
-    border-width: $u-button-hairline-border-width !important;
-  }
-}