@cloudbase/weda-ui-mp 3.15.3 → 3.15.6

package/components/richText/copy/index.js

@@ -0,0 +1,26 @@
+Component({
+  options: {
+    virtualHost: true,
+  },
+  data: {
+  },
+  properties: {
+    dataClipboardText: {
+      type: String,
+      value: '',
+    },
+  },
+  methods: {
+  // 复制到剪贴板
+  copyClipBoard: function () {
+    wx.setClipboardData({
+      data: this.data.dataClipboardText,
+      success() {
+        wx.getClipboardData({
+          success() {},
+        });
+      },
+    });
+  },
+  },
+});

package/components/richText/copy/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "styleIsolation": "shared",
+  "usingComponents": {
+  }
+}

package/components/richText/copy/index.wxml

@@ -0,0 +1 @@
+<view class="markdown-it-code-copy" bindtap="copyClipBoard"></view>

package/components/richText/copy/index.wxss

@@ -0,0 +1,49 @@
+@font-face {
+    font-family: WdTd;
+    src: url("t.eot"), url("t_iefix.eot") format("embedded-opentype"),
+      url("t.woff") format("woff"), url("t.ttf") format("truetype"),
+      url("t.svg") format("svg"),
+      url("https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.eot"),
+      url("https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t_iefix.eot")
+        format("embedded-opentype"),
+      url("https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.woff")
+        format("woff"),
+      url("https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.ttf")
+        format("truetype"),
+      url("https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.svg")
+        format("svg");
+    font-weight: 400;
+    font-style: normal;
+  }
+ .wd-markdown {
+    padding: 1rem;
+  }
+  .markdown-it-code-wrap {
+    position: relative;
+  }
+  .markdown-it-code-copy {
+    font-family: WdTd !important;
+    vertical-align: middle;
+    font-size: 14px;
+    border: none;
+    background: transparent;
+    position: absolute; top: 7.5px; right: 6px; cursor: pointer; outline: none;
+  }
+  i.markdown-it-code-copy {
+    font-style: normal;
+  }
+  .markdown-it-code-copy::before {
+    content: '\E1AC';
+    position: absolute;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+    text-align: center;
+  }
+  .markdown-it-code-copy:hover::before {
+    background: #eef1f4;
+  }
+  

package/components/richText/index.js

@@ -32,10 +32,7 @@ Component({
         });
         if (fileList && fileList[0] && fileList[0].tempFileURL) {
           this.setData({
-            originValue: this.data.originValue.replace(
-              new RegExp(url, 'g'),
-              fileList[0].tempFileURL
-            ),
+            originValue: this.data.originValue.replace(new RegExp(url, 'g'), fileList[0].tempFileURL),
           });
         }
       }
@@ -50,7 +47,7 @@ Component({
         .replace(/<table/g, `<table class="table" `)
         .replace(/<th/g, `<th class="th" `)
         .replace(/<td/g, `<td class="td" `)
-        .replace(/<p/g, `<p class="p" `);
+        .replace(/<p>/g, `<p class="p"> `);
       this.setData({ originValue: initValue });
 
       try {
@@ -70,7 +67,7 @@ Component({
             await Promise.all(
               imgs.map(async (img) => {
                 await this.getSrc(img, regex);
-              })
+              }),
             );
             if (initValue !== this.data.originValue) {
               this.setData({ __html: this.data.originValue });

package/components/richText/mp-html/node/node.json

@@ -2,6 +2,7 @@
   "component": true,
   "usingComponents": {
     "node": "./node",
-    "wd-unified-link": "../../../wd-unified-link/index"
+    "wd-unified-link": "../../../wd-unified-link/index",
+    "copy":"../../copy"
   }
 }

package/components/richText/mp-html/node/node.wxml

@@ -26,12 +26,20 @@
   <!-- <view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"> -->
   <view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline-block;{{n.attrs.style}}" data-i="{{i}}">
     <!-- <node childs="{{n.children}}" opts="{{opts}}" style="display:inherit" /> -->
+    <block wx:if="{{n.attrs.class==='__preCodeCopyWrap'}}">
+        <copy dataClipboardText="{{n.attrs.href}}"></copy>
+  </block>
+  <block wx:else >
     <wd-unified-link url="{{n.attrs.href}}" options="{{n.attrs.options}}">
       <node childs="{{n.children}}" opts="{{opts}}" style="display: inherit" />
     </wd-unified-link>
+  </block>
+
   </view>
+
   <video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
   <audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
+
   <rich-text wx:else id="{{n.attrs.id}}" style="{{n.f}}" user-select="{{opts[4]}}" nodes="{{[n]}}" />
 </template>
 <block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1">

package/components/richText/mp-html/node/node.wxss

@@ -3,7 +3,9 @@
   color: #0052d9;
   word-break: break-all;
 }
-
+._a.__preCodeCopyWrap{
+    color: inherit;
+}
 ._hover {
   text-decoration: underline;
   opacity: 0.7;

package/components/tooltip/index.wxss

@@ -20,9 +20,7 @@
   z-index: 10;
 }
 .wd-tooltip__hidden {
-  left: -100vw;
-  bottom: -100vh;
-  visibility: hidden;
+  display: none;
 }
 .wd-tooltip__container {
   line-height: 18px;
@@ -32,9 +30,8 @@
   padding: 12px;
   white-space: nowrap;
   line-height: 18px;
-  box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05),
-    0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08),
-    inset 0 0.5px 0 #dcdcdc, inset 0.5px 0 0 #dcdcdc, inset 0 -0.5px 0 #dcdcdc,
+  box-shadow: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04),
+    0 8px 10px -5px rgba(0, 0, 0, 0.08), inset 0 0.5px 0 #dcdcdc, inset 0.5px 0 0 #dcdcdc, inset 0 -0.5px 0 #dcdcdc,
     inset -0.5px 0 0 #dcdcdc;
 }
 .wd-tooltip__arrow {

package/components/wd-form/index.js

@@ -260,10 +260,10 @@ Component({
             const initFormData = convertRemoteValueToFormData(datasourceType, dataSourceProfile, cleanInitValue);
             const formDetailInitValue = this._initValueFormDetail();
             const initValues = { ...formDetailInitValue, ...initFormData };
-            this.setValue(initValues);
+            this.setValue(initValues, true);
             // eslint-disable-next-line rulesdir/no-timer
             setTimeout(() => {
-              this.setValue(initValues);
+              this.setValue(initValues, true);
               this.setData({
                 formData: initValues,
                 initialValues: initValues,

package/components/wd-markdown/index.js

@@ -2,6 +2,7 @@ import MarkdownIt from './utils/markdown-it.min.js';
 import highlight from './utils/highlight.min.js';
 import hljsJs from './utils/hljs_javascript.min.js';
 import hljsCss from './utils/hljs_css.min.js';
+import { addCustomClassPlugin, copy } from './utils/adClass.js';
 Component({
   options: {
     virtualHost: true,
@@ -57,12 +58,15 @@ Component({
         },
         ...options,
       });
+      md.use(copy);
+      md.use(addCustomClassPlugin);
       this.setData({ mdInstance: md });
       this.triggerEvent('onReady', { markdownInstance: md });
       this.setData({
         __html: md.render(this.data.value),
       });
     },
+
     updateWidgetAPI() {
       this.setReadonlyAttributes &&
         this.setReadonlyAttributes({

package/components/wd-markdown/index.wxml

@@ -1,3 +1,3 @@
-<view class="wd-markdown wd-mp-markdown {{className}}" style="{{style}}" id="id">
+<view class="wd-markdown wd-mp-markdown markdown-body {{className}}" style="{{style}}" id="id">
   <richText value="{{__html}}" />
 </view>