@10yun/cv-mobile-ui 0.5.56 → 0.5.58

package/other/uParse2/u-parse2.css

@@ -0,0 +1,264 @@
+.wxParse {
+  user-select: none;
+  width: 100%;
+  font-family: Helvetica, 'PingFangSC', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
+  color: #333;
+  line-height: 1.5;
+  font-size: 1em;
+  text-align: justify;
+}
+.wxParse view,
+.wxParse uni-view {
+  word-break: break-word;
+}
+.wxParse .p {
+  padding-bottom: 0.5em;
+  clear: both;
+}
+.wxParse .inline {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+.wxParse .div {
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+.wxParse .h1 {
+  font-size: 2em;
+  line-height: 1.2em;
+  margin: 0.67em 0;
+}
+.wxParse .h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.wxParse .h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.wxParse .h4 {
+  margin: 1.33em 0;
+}
+.wxParse .h5 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+.wxParse .h6 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+
+.wxParse .h1,
+.wxParse .h2,
+.wxParse .h3,
+.wxParse .h4,
+.wxParse .h5,
+.wxParse .h6,
+.wxParse .b,
+.wxParse .strong {
+  font-weight: bolder;
+}
+
+.wxParse .i,
+.wxParse .cite,
+.wxParse .em,
+.wxParse .var,
+.wxParse .address {
+  font-style: italic;
+}
+.wxParse .spaceshow {
+  white-space: pre;
+}
+.wxParse .pre,
+.wxParse .tt,
+.wxParse .code,
+.wxParse .kbd,
+.wxParse .samp {
+  font-family: monospace;
+}
+.wxParse .pre {
+  overflow: auto;
+  background: #f5f5f5;
+  padding: 16rpx;
+  white-space: pre;
+  margin: 1em 0rpx;
+  font-size: 24rpx;
+}
+.wxParse .code {
+  overflow: auto;
+  padding: 16rpx;
+  white-space: pre;
+  margin: 1em 0rpx;
+  background: #f5f5f5;
+  font-size: 24rpx;
+}
+
+.wxParse .big {
+  font-size: 1.17em;
+}
+
+.wxParse .small,
+.wxParse .sub,
+.wxParse .sup {
+  font-size: 0.83em;
+}
+
+.wxParse .sub {
+  vertical-align: sub;
+}
+.wxParse .sup {
+  vertical-align: super;
+}
+
+.wxParse .s,
+.wxParse .strike,
+.wxParse .del {
+  text-decoration: line-through;
+}
+
+.wxParse .strong,
+.wxParse .text,
+.wxParse .span,
+.wxParse .s {
+  display: inline;
+}
+
+.wxParse .a {
+  color: #576b95;
+  color: deepskyblue;
+}
+
+.wxParse .video {
+  text-align: center;
+  margin: 22rpx 0;
+}
+
+.wxParse .video-video {
+  width: 100%;
+}
+.wxParse .uni-image {
+  max-width: 100%;
+}
+.wxParse .img {
+  display: block;
+  max-width: 100%;
+  margin-bottom: 0em; /* //与p标签底部padding同时修改 */
+  overflow: hidden;
+}
+
+.wxParse .blockquote {
+  margin: 10rpx 0;
+  padding: 22rpx 0 22rpx 22rpx;
+  font-family: Courier, Calibri, '宋体';
+  background: #f5f5f5;
+  border-left: 6rpx solid #dbdbdb;
+}
+.wxParse .blockquote .p {
+  margin: 0;
+}
+.wxParse .ul,
+.wxParse .ol {
+  display: block;
+  margin: 1em 0;
+  padding-left: 2em;
+}
+.wxParse .ol {
+  list-style-type: disc;
+}
+.wxParse .ol {
+  list-style-type: decimal;
+}
+.wxParse .ol > weixin-parse-template,
+.wxParse .ul > weixin-parse-template {
+  display: list-item;
+  align-items: baseline;
+  text-align: match-parent;
+}
+
+.wxParse .ol > .li,
+.wxParse .ul > .li {
+  display: list-item;
+  align-items: baseline;
+  text-align: match-parent;
+}
+.wxParse .ul .ul,
+.wxParse .ol .ul {
+  list-style-type: circle;
+}
+.wxParse .ol .ol .ul,
+.wxParse .ol .ul .ul,
+.wxParse .ul .ol .ul,
+.wxParse .ul .ul .ul {
+  list-style-type: square;
+}
+
+.wxParse .u {
+  text-decoration: underline;
+}
+
+.wxParse .hide {
+  display: none;
+}
+
+.wxParse .del {
+  display: inline;
+}
+
+.wxParse .figure {
+  overflow: hidden;
+}
+
+.wxParse .wxTable {
+  width: 100%;
+  overflow: auto;
+  font-size: 13px;
+  padding: 8px;
+}
+.wxParse .table .table,
+.wxParse .table {
+  border-collapse: collapse;
+  box-sizing: border-box;
+  /* 内边框 */
+  /* width: 100%; */
+  overflow: auto;
+  white-space: pre;
+}
+.wxParse .tbody {
+  border-collapse: collapse;
+  box-sizing: border-box;
+  /* 内边框 */
+  border: 1px solid #dadada;
+}
+
+.wxParse .thead,
+.wxParse .tfoot,
+.wxParse .th {
+  border-collapse: collapse;
+  box-sizing: border-box;
+  font-weight: 400;
+  text-align: center;
+}
+
+.wxParse .tr {
+  border-collapse: collapse;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.wxParse .th,
+.wxParse .td {
+  border-collapse: collapse;
+  box-sizing: border-box;
+  border: 1rpx solid #ddd;
+  overflow: auto;
+  text-align: center;
+}
+
+.wxParse .audio,
+.wxParse .uni-audio-default {
+  display: block;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.5.56",
+  "version": "0.5.58",
   "description": "十云cvjs移动端ui，适用uniapp",
   "homepage": "http://cvjs.cn/cv-mobile-ui/",
   "license": "Apache-2.0",

package/ui-cv/components/cv-dialog-bottom/cv-dialog-bottom.vue

@@ -1,14 +1,12 @@
 <template>
-  <view class="cv-dialog-bottom">
-    <view class="cu-modal bottom-modal" :class="show ? 'show' : ''">
-      <view class="cu-dialog">
-        <view class="cu-bar bg-white">
-          <view class="action text-blue" @tap="cancel">取消</view>
-          <view class="action text-green" @tap="confirm">确定</view>
-        </view>
-        <view class="cv-dialog-body" :style="bodyClass">
-          <slot name="default" />
-        </view>
+  <view class="cv-dialog-bottom__wrap" :class="show ? 'show' : ''">
+    <view class="cv-dialog-bottom__box">
+      <view class="cv-dialog-bottom__bar">
+        <view class="action cv-dialog-bottom__bar-left" @tap="cancel">取消</view>
+        <view class="action cv-dialog-bottom__bar-right" @tap="confirm">确定</view>
+      </view>
+      <view class="cv-dialog-bottom__body" :style="bodyClass">
+        <slot name="default" />
       </view>
     </view>
   </view>
@@ -49,10 +47,7 @@ export default {
 };
 </script>
 <style>
-.cu-modal.bottom-modal {
-  margin-bottom: -552px;
-}
-.cu-modal {
+.cv-dialog-bottom__wrap {
   position: fixed;
   top: 0;
   right: 0;
@@ -69,32 +64,26 @@ export default {
   background: rgba(0, 0, 0, 0.6);
   transition: all 0.3s ease-in-out 0s;
   pointer-events: none;
+  margin-bottom: -552px;
 }
-.cu-modal.bottom-modal.show {
-  margin-bottom: 0;
+.cv-dialog-bottom__wrap::before {
+  vertical-align: bottom;
 }
-.cu-modal.show {
+.cv-dialog-bottom__wrap::before {
+  content: '\200B';
+  display: inline-block;
+  height: 100%;
+}
+.cv-dialog-bottom__wrap.show {
   opacity: 1;
   transition-duration: 0.3s;
   transform: scale(1);
   overflow-x: hidden;
   overflow-y: auto;
   pointer-events: auto;
+  margin-bottom: 0;
 }
-.cu-modal.bottom-modal::before {
-  vertical-align: bottom;
-}
-.cu-modal::before {
-  content: '\200B';
-  display: inline-block;
-  height: 100%;
-  vertical-align: middle;
-}
-.cu-modal.bottom-modal .cu-dialog {
-  width: 100%;
-  border-radius: 0;
-}
-.cu-dialog {
+.cv-dialog-bottom__box {
   position: relative;
   display: inline-block;
   vertical-align: middle;
@@ -102,15 +91,14 @@ export default {
   margin-right: auto;
   width: 375px;
   max-width: 100%;
+  width: 100%;
   background-color: #f8f8f8;
-  border-radius: 5px;
+  border-radius: 0;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
   overflow: hidden;
 }
-.bg-white {
-  background-color: #ffffff;
-  color: #666666;
-}
-.cu-bar {
+.cv-dialog-bottom__bar {
   display: flex;
   position: relative;
   -webkit-box-align: center;
@@ -120,19 +108,14 @@ export default {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
+  background-color: #ffffff;
+  color: #666666;
 }
-.cu-modal .cu-dialog > .cu-bar:first-child .action {
+.cv-dialog-bottom__bar-left {
   min-width: 55px;
-  margin-right: 0;
   min-height: 45px;
-}
-.cu-bar .action:first-child {
+  margin-right: 0;
   margin-left: 16px;
-}
-.cu-bar .action:last-child {
-  margin-right: 16px !important;
-}
-.cu-bar .action {
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
@@ -142,17 +125,13 @@ export default {
   -webkit-justify-content: center;
   justify-content: center;
   max-width: 100%;
-  font-size: 16px;
-}
-.text-green {
-  color: #39b54a;
+  color: #0081ff;
 }
-.cu-modal .cu-dialog > .cu-bar:first-child .action {
+.cv-dialog-bottom__bar-right {
   min-width: 55px;
-  margin-right: 0;
   min-height: 45px;
-}
-.cu-bar .action {
+  margin-right: 16px;
+  font-size: 16px;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
@@ -162,11 +141,9 @@ export default {
   -webkit-justify-content: center;
   justify-content: center;
   max-width: 100%;
+  color: #39b54a;
 }
-.text-blue {
-  color: #0081ff;
-}
-.cv-dialog-body {
+.cv-dialog-bottom__body {
   padding-top: 10px;
   max-height: 500px;
   overflow: auto;

package/ui-cv/components/cv-dialog-full/cv-dialog-full.vue

@@ -1,11 +1,12 @@
 <template>
-  <view class="cv-dialog-bottom cv-modal bottom-modal" :class="show ? 'show' : ''">
-    <view class="cv-dialog">
-      <view class="cv-bar bg-white">
-        <view class="action text-blue" @tap="cancel">取消</view>
-        <view class="action text-green" @tap="confirm">确定</view>
+  <view class="cv-dialog-full__wrap" :class="localShow ? 'show' : ''">
+    <view class="cv-dialog-full__box">
+      <view class="cv-dialog-full__bar">
+        <view class="cv-dialog-full__bar-left" v-if="showLeft" @tap="cancel">取消</view>
+        <view class="cv-dialog-full__bar-title"><slot name="title">{{ title }}</slot></view>
+        <view class="cv-dialog-full__bar-right" v-if="showRight" @tap="confirm">确定</view>
       </view>
-      <view class="cv-dialog-body" :style="bodyClass">
+      <view class="cv-dialog-full__body" :style="bodyClass">
         <slot name="default" />
       </view>
     </view>
@@ -26,14 +27,34 @@ export default {
     bodyClass: {
       type: [String],
       default: ''
+    },
+    showLeft: {
+      type: Boolean,
+      default: true
+    },
+    showRight: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: [String],
+      default: ''
     }
   },
   watch: {},
   data() {
-    return {};
+    return {
+      localShow: false
+    };
   },
   created() {},
   methods: {
+    open() {
+      this.localShow = true;
+    },
+    close() {
+      this.localShow = false;
+    },
     confirm() {
       this.onConfirm(true);
     },
@@ -47,15 +68,12 @@ export default {
 };
 </script>
 <style>
-.cv-modal.bottom-modal {
-  left: 100%;
-}
-.cv-modal {
+.cv-dialog-full__wrap {
   width: 100%;
   position: fixed;
   top: 0;
   bottom: 0;
-  left: 0;
+  left: 100%;
   z-index: 999;
   opacity: 0;
   outline: 0;
@@ -66,47 +84,36 @@ export default {
   transition: all 0.2s ease-in-out 0s;
   pointer-events: none;
 }
-.cv-modal.bottom-modal.show {
+.cv-dialog-full__wrap.show {
   left: 0;
-}
-.cv-modal.show {
   opacity: 1;
   transition-duration: 0.2s;
   overflow-x: hidden;
   overflow-y: auto;
   pointer-events: auto;
 }
-.cv-modal.bottom-modal::before {
-  vertical-align: bottom;
-}
-.cv-modal::before {
+.cv-dialog-full__wrap::before {
   content: '\200B';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
+  vertical-align: bottom;
 }
-.cv-modal.bottom-modal .cv-dialog {
+.cv-dialog-full__wrap .cv-dialog {
   width: 100%;
   border-radius: 0;
   height: 100%;
 }
-.cv-dialog {
-  position: relative;
+.cv-dialog-full__box {
   display: inline-block;
   vertical-align: middle;
-  margin-left: auto;
-  margin-right: auto;
-  width: 375px;
+  width: 100%;
   max-width: 100%;
   background-color: #f8f8f8;
-  border-radius: 5px;
   overflow: hidden;
+  height: 100%;
 }
-.bg-white {
-  background-color: #ffffff;
-  color: #666666;
-}
-.cv-bar {
+.cv-dialog-full__bar {
   display: flex;
   position: relative;
   align-items: center;
@@ -114,49 +121,35 @@ export default {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
+  background-color: #ffffff;
+  color: #666666;
+  padding: 0 10px;
+  font-size: 15px;
 }
-.cv-modal .cv-dialog > .cv-bar:first-child .action {
-  min-width: 55px;
-  margin-right: 0;
-  min-height: 45px;
-}
-.cv-bar .action:first-child {
-  margin-left: 16px;
-}
-.cv-bar .action:last-child {
-  margin-right: 16px !important;
+.cv-dialog-full__bar-title {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  font-size: 15px;
+  font-weight: 400;
 }
-.cv-bar .action {
+.cv-dialog-full__bar-left {
   display: flex;
   align-items: center;
-  height: 100%;
   justify-content: center;
-  max-width: 100%;
-  font-size: 16px;
-}
-.text-green {
-  color: #39b54a;
-}
-.cv-modal .cv-dialog > .cv-bar:first-child .action {
   min-width: 55px;
-  margin-right: 0;
-  min-height: 45px;
+  color: #0081ff;
 }
-.cv-bar .action {
+.cv-dialog-full__bar-right {
   display: flex;
   align-items: center;
-  height: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
   justify-content: center;
-  max-width: 100%;
-}
-.text-blue {
-  color: #0081ff;
+  min-width: 55px;
+  color: #39b54a;
 }
-.cv-dialog-body {
+.cv-dialog-full__body {
   padding: 10px;
-  height: calc(100% - 45px - 20px);
+  height: calc(100% - 45px);
   overflow: auto;
   background-color: #fff;
 }

package/ui-cv/components/cv-dialog-share/cv-dialog-share.vue

@@ -5,22 +5,22 @@
       <view class="cv-dia-share-h1">分享</view>
       <view class="cv-dia-share-list">
         <view class="cv-dia-share-item">
-          <!-- <cv-icons type="base-weixin" size="30" /> -->
-          <cv-icons type="base-weixin-solid" color="#00b96d" size="28" />
+          <!-- <cv-icons type="brandWeixin" size="30" /> -->
+          <cv-icons type="brandCircleWeixin" color="#00b96d" size="28" />
           <view class="cv-dia-share-ititle">微信好友</view>
         </view>
         <view class="cv-dia-share-item">
-          <cv-icons type="base-pengyouquan" color="#00b96d" size="28" />
+          <cv-icons type="brandPyq" color="#00b96d" size="28" />
           <view class="cv-dia-share-ititle">微信朋友圈</view>
         </view>
         <view class="cv-dia-share-item">
-          <!-- <cv-icons type="base-sina-weibo" size="30" /> -->
-          <cv-icons type="base-sina-weibo-solid" color="#fc5056" size="28" />
+          <!-- <cv-icons type="brandSina" size="30" /> -->
+          <cv-icons type="brandCircleSina" color="#fc5056" size="28" />
           <view class="cv-dia-share-ititle">新浪微博</view>
         </view>
         <view class="cv-dia-share-item">
-          <!-- <cv-icons type="base-QQ" size="30" /> -->
-          <cv-icons type="base-QQ-solid" color="#00a6e2" size="28" />
+          <!-- <cv-icons type="brandQq" size="30" /> -->
+          <cv-icons type="brandCircleQq" color="#00a6e2" size="28" />
           <view class="cv-dia-share-ititle">QQ好友</view>
         </view>
       </view>

package/ui-cv/components/cv-dialog-share/share.vue

@@ -6,16 +6,7 @@
     @touchmove.stop.prevent="stopPrevent"
     :style="{ backgroundColor: backgroundColor }"
   >
-    <view
-      class="mask-content"
-      @click.stop.prevent="stopPrevent"
-      :style="[
-        {
-          height: config.height,
-          transform: transform
-        }
-      ]"
-    >
+    <view class="mask-content" @click.stop.prevent="stopPrevent" :style="[{ height: config.height, transform: transform }]">
       <scroll-view class="view-content" scroll-y>
         <view class="share-header">分享到</view>
         <view class="share-list">

package/ui-cv/components/cv-dialog-share/tui-share.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="up-share-container">
     <text class="up-share-title">分享到</text>
     <view class="up-share-list">
       <view class="up-share-item" hover-class="up-hover" :hover-stay-time="150" v-for="(item, index) in shareList" :key="index">
@@ -41,7 +41,7 @@ export default {
 };
 </script>
 <style scoped>
-.container {
+.up-share-container {
   padding: 0;
   background-color: #e8e8e8;
 }