@10yun/cv-mobile-ui 0.5.7 → 0.5.9

package/ui-cv/cv-markdown-show/markdown.css

@@ -0,0 +1,340 @@
+@charset "UTF-8";
+.ua__markdown {
+  font-size: 14px;
+  line-height: 1.5;
+}
+.ua__markdown h1,
+.ua__markdown h2,
+.ua__markdown h3,
+.ua__markdown h4,
+.ua__markdown h5,
+.ua__markdown h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+.ua__markdown h1,
+.ua__markdown h2,
+.ua__markdown h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+.ua__markdown h4,
+.ua__markdown h5,
+.ua__markdown h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.ua__markdown .h1,
+.ua__markdown h1 {
+  font-size: 36px;
+}
+.ua__markdown .h2,
+.ua__markdown h2 {
+  font-size: 30px;
+}
+.ua__markdown .h3,
+.ua__markdown h3 {
+  font-size: 24px;
+}
+.ua__markdown .h4,
+.ua__markdown h4 {
+  font-size: 18px;
+}
+.ua__markdown .h5,
+.ua__markdown h5 {
+  font-size: 14px;
+}
+.ua__markdown .h6,
+.ua__markdown h6 {
+  font-size: 12px;
+}
+.ua__markdown a {
+  background-color: transparent;
+  color: #2196f3;
+  text-decoration: none;
+}
+.ua__markdown hr,
+.ua__markdown ::v-deep .hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #e5e5e5;
+}
+.ua__markdown img {
+  max-width: 35%;
+}
+.ua__markdown p {
+  margin: 0 0 10px;
+}
+.ua__markdown em {
+  font-style: italic;
+  font-weight: inherit;
+}
+.ua__markdown ol,
+.ua__markdown ul {
+  margin-top: 0;
+  margin-bottom: 10px;
+  padding-left: 40px;
+}
+.ua__markdown ol ol,
+.ua__markdown ol ul,
+.ua__markdown ul ol,
+.ua__markdown ul ul {
+  margin-bottom: 0;
+}
+.ua__markdown ol ol,
+.ua__markdown ul ol {
+  list-style-type: lower-roman;
+}
+.ua__markdown ol ol ol,
+.ua__markdown ul ul ol {
+  list-style-type: lower-alpha;
+}
+.ua__markdown dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+.ua__markdown dt {
+  font-weight: 600;
+}
+.ua__markdown dt,
+.ua__markdown dd {
+  line-height: 1.4;
+}
+.ua__markdown .task-list-item {
+  list-style-type: none;
+}
+.ua__markdown .task-list-item input {
+  margin: 0 0.2em 0.25em -1.6em;
+  vertical-align: middle;
+}
+.ua__markdown pre {
+  position: relative;
+  z-index: 11;
+}
+.ua__markdown code,
+.ua__markdown kbd,
+.ua__markdown pre,
+.ua__markdown samp {
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+}
+.ua__markdown code:not(.hljs) {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #ffe7ee;
+  border-radius: 4px;
+}
+.ua__markdown code:empty {
+  display: none;
+}
+.ua__markdown pre code.hljs {
+  color: var(--vg__text-1);
+  border-radius: 16px;
+  background: var(--vg__bg-1);
+  font-size: 12px;
+}
+.ua__markdown .markdown-wrap {
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+.ua__markdown pre.code-block-wrapper {
+  background: #2b2b2b;
+  color: #f8f8f2;
+  border-radius: 4px;
+  overflow-x: auto;
+  padding: 1em;
+  position: relative;
+}
+.ua__markdown pre.code-block-wrapper code {
+  padding: auto;
+  font-size: inherit;
+  color: inherit;
+  background-color: inherit;
+  border-radius: 0;
+}
+.ua__markdown .code-block-header__copy {
+  font-size: 16px;
+  margin-left: 5px;
+}
+.ua__markdown abbr[data-original-title],
+.ua__markdown abbr[title] {
+  cursor: help;
+  border-bottom: 1px dotted #777;
+}
+.ua__markdown blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #e5e5e5;
+}
+.ua__markdown blockquote ol:last-child,
+.ua__markdown blockquote p:last-child,
+.ua__markdown blockquote ul:last-child {
+  margin-bottom: 0;
+}
+.ua__markdown blockquote .small,
+.ua__markdown blockquote footer,
+.ua__markdown blockquote small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777;
+}
+.ua__markdown blockquote .small:before,
+.ua__markdown blockquote footer:before,
+.ua__markdown blockquote small:before {
+  content: '— ';
+}
+.ua__markdown .blockquote-reverse,
+.ua__markdown blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0;
+}
+.ua__markdown .blockquote-reverse .small:before,
+.ua__markdown .blockquote-reverse footer:before,
+.ua__markdown .blockquote-reverse small:before,
+.ua__markdown blockquote.pull-right .small:before,
+.ua__markdown blockquote.pull-right footer:before,
+.ua__markdown blockquote.pull-right small:before {
+  content: '';
+}
+.ua__markdown .blockquote-reverse .small:after,
+.ua__markdown .blockquote-reverse footer:after,
+.ua__markdown .blockquote-reverse small:after,
+.ua__markdown blockquote.pull-right .small:after,
+.ua__markdown blockquote.pull-right footer:after,
+.ua__markdown blockquote.pull-right small:after {
+  content: ' —';
+}
+.ua__markdown .footnotes {
+  -moz-column-count: 2;
+  -webkit-column-count: 2;
+  column-count: 2;
+}
+.ua__markdown .footnotes-list {
+  padding-left: 2em;
+}
+.ua__markdown table,
+.ua__markdown ::v-deep .table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+  max-width: 65em;
+  overflow: auto;
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+.ua__markdown table tr,
+.ua__markdown ::v-deep .table .tr {
+  border-top: 1px solid #e5e5e5;
+}
+.ua__markdown table th,
+.ua__markdown table td,
+.ua__markdown ::v-deep .table .th,
+.ua__markdown ::v-deep .table .td {
+  padding: 6px 13px;
+  border: 1px solid #e5e5e5;
+}
+.ua__markdown table th,
+.ua__markdown ::v-deep .table .th {
+  font-weight: 600;
+  background-color: #eee;
+}
+.ua__markdown .hljs[class*='language-']:before {
+  position: absolute;
+  z-index: 3;
+  top: 0.8em;
+  right: 1em;
+  font-size: 0.8em;
+  color: #999;
+}
+.ua__markdown .hljs[class~='language-js']:before {
+  content: 'js';
+}
+.ua__markdown .hljs[class~='language-ts']:before {
+  content: 'ts';
+}
+.ua__markdown .hljs[class~='language-html']:before {
+  content: 'html';
+}
+.ua__markdown .hljs[class~='language-md']:before {
+  content: 'md';
+}
+.ua__markdown .hljs[class~='language-vue']:before {
+  content: 'vue';
+}
+.ua__markdown .hljs[class~='language-css']:before {
+  content: 'css';
+}
+.ua__markdown .hljs[class~='language-sass']:before {
+  content: 'sass';
+}
+.ua__markdown .hljs[class~='language-scss']:before {
+  content: 'scss';
+}
+.ua__markdown .hljs[class~='language-less']:before {
+  content: 'less';
+}
+.ua__markdown .hljs[class~='language-stylus']:before {
+  content: 'stylus';
+}
+.ua__markdown .hljs[class~='language-go']:before {
+  content: 'go';
+}
+.ua__markdown .hljs[class~='language-java']:before {
+  content: 'java';
+}
+.ua__markdown .hljs[class~='language-c']:before {
+  content: 'c';
+}
+.ua__markdown .hljs[class~='language-sh']:before {
+  content: 'sh';
+}
+.ua__markdown .hljs[class~='language-yaml']:before {
+  content: 'yaml';
+}
+.ua__markdown .hljs[class~='language-py']:before {
+  content: 'py';
+}
+.ua__markdown .hljs[class~='language-docker']:before {
+  content: 'docker';
+}
+.ua__markdown .hljs[class~='language-dockerfile']:before {
+  content: 'dockerfile';
+}
+.ua__markdown .hljs[class~='language-makefile']:before {
+  content: 'makefile';
+}
+.ua__markdown .hljs[class~='language-javascript']:before {
+  content: 'js';
+}
+.ua__markdown .hljs[class~='language-typescript']:before {
+  content: 'ts';
+}
+.ua__markdown .hljs[class~='language-markup']:before {
+  content: 'html';
+}
+.ua__markdown .hljs[class~='language-markdown']:before {
+  content: 'md';
+}
+.ua__markdown .hljs[class~='language-json']:before {
+  content: 'json';
+}
+.ua__markdown .hljs[class~='language-ruby']:before {
+  content: 'rb';
+}
+.ua__markdown .hljs[class~='language-python']:before {
+  content: 'py';
+}
+.ua__markdown .hljs[class~='language-bash']:before {
+  content: 'sh';
+}
+.ua__markdown .hljs[class~='language-php']:before {
+  content: 'php';
+}

package/ui-cv/cv-markdown-show/package.json

@@ -0,0 +1,18 @@
+{
+    "id": "ua-markdown",
+    "name": "uniapp markdown语法渲染及代码高亮",
+    "displayName": "uniapp markdown语法渲染及代码高亮",
+    "version": "1.1.5",
+    "description": "基于uniapp+vue3自定义解析markdown语法/高亮，适用于h5+小程序+App端。",
+    "keywords": [
+        "ua-markdown",
+        "uni-markdown",
+        "markdown"
+    ],
+    "dcloudext": {
+        "category": [
+            "前端组件",
+            "通用组件"
+        ]
+    }
+}

package/ui-cv/cv-markdown-show/readme.md

@@ -0,0 +1,45 @@
+
+## uniapp markdown渲染解析.md语法及代码高亮
+> **组件名：uaMarkdown**
+> 代码块： `<ua-markdown>`
+
+
+uaMarkdown组件是基于uniapp+vue3自定义解析markdown语法结构插件、支持代码块高亮，编译兼容H5+小程序端+App端。
+
+
+### 引入方式
+
+本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，只需将本组件`ua-markdown`放在components目录，在页面`template`中即可直接使用。
+
+
+### 基本用法 
+
+**示例**
+
+- 基础用法
+
+```html
+const mdvalue = '### uniapp markdwon'
+<ua-markdown :source="mdvalue" />
+```
+
+- 去掉代码块行号
+
+```html
+<ua-markdown :source="xxx" :showLine="false" />
+```
+
+
+### API
+
+### uaMarkdown Props 
+
+|  属性名  |  类型   | 默认值 |        说明        |
+| :------: | :-----: | :----: | :----------------: |
+|  source  | String  |   -    |    渲染解析内容    |
+| showLine | Boolean |  true  | 是否显示代码块行号 |
+
+
+### 💝最后
+
+开发不易，希望各位小伙伴们多多支持下哈~~ ☕️☕️

package/ui-cv/cv-nav-col/cv-nav-col.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="cv-nav-col" @tap="jump" v-bind:style="cvNavColStyle">
+  <view class="cv-nav-col" @click="jump" v-bind:style="cvNavColStyle">
     <view class="cv-nav-col-img-area" v-bind:style="cvNavImgAreaStyle">
       <view class="cv-nav-col-img-box">
         <view class="cv-nav-col-img-main">
@@ -29,6 +29,7 @@ export default {
       }
     }
   },
+  emits: ['click'],
   props: {
     /* 预留参数 用于接收子级 cv-col间距参数 */
     img: {

package/ui-cv/cv-nav-row/cv-nav-row.vue

@@ -21,7 +21,7 @@
             </view>
           </view>
         </view>
-        <view class="cv-row-main-center" :class="url == '' && !$listeners.click ? 'cv-row-main-center-nourl' : ''">
+        <view class="cv-row-main-center" :class="url == '' && !$attrs.click ? 'cv-row-main-center-nourl' : ''">
           <view class="cv-row-main-center-intact" v-if="!subexplain">
             {{ explain }}
           </view>
@@ -34,7 +34,7 @@
             </view>
           </view>
         </view>
-        <view class="cv-row-main-more" v-if="url || $listeners.click">
+        <view class="cv-row-main-more" v-if="url || $attrs.click">
           <view class="cv-row-main-more-top"></view>
           <view class="cv-row-main-more-bottom"></view>
         </view>
@@ -48,6 +48,7 @@
 
 <script>
 export default {
+  emits: ['click'],
   name: 'cvNavRow',
   options: {
     addGlobalClass: true

package/ui-cv/cv-treaty/cv-treaty.vue

@@ -16,6 +16,7 @@
 
 <script>
 export default {
+  emits: ['click'],
   name: 'cvTreaty',
   props: {
     value: {