@cloudbase/weda-ui-mp 3.15.3 → 3.15.7

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-form-arr/index.js

@@ -195,20 +195,29 @@ Component({
      * @returns
      */
     getTempValue(value) {
+      // 处理数组
       if (Array.isArray(value)) {
-        return value.map((i = {}) => {
-          const item = {};
-          Object.keys(i).forEach((j) => {
-            if (j) {
-              item[j] = i[j] || null;
-            }
-          });
-          return item;
+        return value.map((element) => {
+          if (typeof element === 'object' && element !== null) {
+            const obj = typeof element === 'object' && element !== null ? element : {};
+            const cleaned = {};
+            Object.keys(obj).forEach((key) => {
+              cleaned[key] = obj[key] === null || obj[key] === undefined || obj[key] === '' ? null : obj[key];
+            });
+            return cleaned;
+          }
+          return element;
         });
       }
+      // 处理单个对象
+
+      // 非数组/对象直接返回
       return value;
     },
     change(params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) {
+      if (this.data.disabled || this.data.readOnly) {
+        return;
+      }
       const { objValue, name, addDefaultValue } = this.data;
       let value = deepClone(params.value);
 

package/components/wd-form-arr/index.wxml

@@ -1,5 +1,5 @@
 <block wx:if="{{visible}}">
-  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}">
+  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}" status="{{status}}">
     <slot></slot>
   </wd-form-item-obj>
 </block>

package/components/wd-form-item-obj/index.js

@@ -2,12 +2,7 @@ import { WD_PREFIX } from '../../utils/constant';
 import { textToString } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import itemBehavior from '../form-field-behavior/item-behavior';
-import {
-  convertSize,
-  convertLayout,
-  convertLabelAlign,
-  convertPx,
-} from '../../utils/getFormLegacy';
+import { convertSize, convertLayout, convertLabelAlign, convertPx } from '../../utils/getFormLegacy';
 
 Component({
   options: { virtualHost: true, styleIsolation: 'shared' },
@@ -36,13 +31,12 @@ Component({
   methods: {
     setIconName() {
       this.setData({
-        iconName:
-          this.data.iconName === 'chevrondown' ? 'chevronup' : 'chevrondown',
+        iconName: this.data.iconName === 'chevrondown' ? 'chevronup' : 'chevrondown',
       });
     },
   },
   observers: {
-    'className,labelWidth,labelAlign,labelWrap,layout,required,requiredFlag,size,classRoot,borderedH5,disabled,controlAlign':
+    'className,labelWidth,labelAlign,labelWrap,layout,required,requiredFlag,size,classRoot,borderedH5,disabled,controlAlign,status':
       function (
         className,
         _labelWidth,
@@ -55,7 +49,8 @@ Component({
         classRoot,
         borderedH5,
         disabled,
-        controlAlign
+        controlAlign,
+        status,
       ) {
         const { item, itemWrap, classPrefix } = this.data;
         const sizeTemp = convertSize(_size);
@@ -66,26 +61,20 @@ Component({
         const labelRoot = `${root}__label`;
         const labelWidth = convertPx(_labelWidth);
         const labelStyle = labelWidth ? `width:${labelWidth}` : '';
-        const itemLayout = this.properties.isWdFormDetail
-          ? `${classPrefix}-form-item--detail`
-          : `${item}-`;
+        const itemLayout = this.properties.isWdFormDetail ? `${classPrefix}-form-item--detail` : `${item}-`;
         const cls = classNames(
           item,
           className,
-          `${classPrefix}-mp-form-item ${item}--weui item-size-height-${size} ${root}-root ${classPrefix}-mp-${classRoot}-root ${classPrefix}-mp-form-item-obj`,
+          `${classPrefix}-mp-form-item ${item}--weui item-size-height-${size} ${root}-root ${classPrefix}-mp-${classRoot}-root ${classPrefix}-mp-form-item-obj ${classPrefix}-mp-form-obj-${status}`,
           {
             'is-required': requiredFlag && required,
             'is-borderless': !borderedH5,
-            [`${itemLayout}-horizontal-left`]:
-              layout === 'horizontal' && labelAlign === 'left',
-            [`${itemLayout}-horizontal-right`]:
-              layout === 'horizontal' && labelAlign === 'right',
-            [`${itemLayout}-vertical-left`]:
-              layout === 'vertical' && labelAlign === 'left',
-            [`${itemLayout}-vertical-right`]:
-              layout === 'vertical' && labelAlign === 'right',
+            [`${itemLayout}-horizontal-left`]: layout === 'horizontal' && labelAlign === 'left',
+            [`${itemLayout}-horizontal-right`]: layout === 'horizontal' && labelAlign === 'right',
+            [`${itemLayout}-vertical-left`]: layout === 'vertical' && labelAlign === 'left',
+            [`${itemLayout}-vertical-right`]: layout === 'vertical' && labelAlign === 'right',
             [`${item}--label-${labelAlign}`]: !!labelAlign,
-          }
+          },
         );
         const labelCls = classNames(`${itemWrap}__label`, labelRoot, {
           'is-nowrap': !labelWrap,
@@ -104,12 +93,7 @@ Component({
           controlWrapCls,
         });
       },
-    'readBeforeAfter,before,after,readValue': function (
-      readBeforeAfter,
-      before,
-      after,
-      readValue
-    ) {
+    'readBeforeAfter,before,after,readValue': function (readBeforeAfter, before, after, readValue) {
       const _readValue = textToString(readValue);
       const _before = readBeforeAfter && textToString(before);
       const _after = readBeforeAfter && textToString(after);

package/components/wd-form-item-obj/index.wxss

@@ -1,2 +1,7 @@
 @import '../../style/wd-design.wxss';
 @import './wd-form-item.wxss';
+
+.wd-mp-form-obj-readOnly,
+.wd-mp-form-obj-disabled {
+  pointer-events: none;
+}

package/components/wd-form-obj/index.js

@@ -15,8 +15,7 @@ import equal from '../../utils/deepEqual';
  * @param currentName 当前表单项名称
  * @returns
  */
-const getValueName = (operateName, currentName) =>
-  operateName.replace(new RegExp(`^${currentName}(\\.)?`), '');
+const getValueName = (operateName, currentName) => operateName.replace(new RegExp(`^${currentName}(\\.)?`), '');
 
 Component({
   options: { virtualHost: true },
@@ -86,14 +85,10 @@ Component({
          * @returns
          */
         addFormItem(childName, formItem) {
-          if (
-            isNil(childName) ||
-            !formItem ||
-            (typeof childName === 'string' && childName.length === 0)
-          ) {
+          if (isNil(childName) || !formItem || (typeof childName === 'string' && childName.length === 0)) {
             // childName 没设置或为空串的时候不受表单容器控制
             console.warn(
-              `组件 #${formItem?.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`
+              `组件 #${formItem?.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`,
             );
             return noop;
           }
@@ -105,9 +100,7 @@ Component({
           }
           that.setData({ formsItemMap });
           return () => {
-            const removedArr = formsItemMap[childName].filter(
-              (item) => item !== formItem
-            );
+            const removedArr = formsItemMap[childName].filter((item) => item !== formItem);
             if (removedArr.length <= 0) {
               delete formsItemMap[childName];
             } else {
@@ -121,8 +114,7 @@ Component({
   },
   methods: {
     updateWidgetAPI(apis = {}) {
-      const { name, objValue, label, visible, readOnly, disabled, status } =
-        this.data;
+      const { name, objValue, label, visible, readOnly, disabled, status } = this.data;
       this.setReadonlyAttributes?.({
         ...apis,
         label,
@@ -140,16 +132,12 @@ Component({
     },
     // 父级普通表单对象
     getParentForm() {
-      const parent = this?.$widget?.closest(
-        (w) => w.getConfig?.().componentType === 'form'
-      );
+      const parent = this?.$widget?.closest((w) => w.getConfig?.().componentType === 'form');
       return parent;
     },
     // 父级嵌套表单对象
     getParentFormObj() {
-      const parent = this?.$widget?.closest(
-        (w) => w.getConfig?.().componentType === 'formObj'
-      );
+      const parent = this?.$widget?.closest((w) => w.getConfig?.().componentType === 'formObj');
       return parent;
     },
     /**
@@ -169,10 +157,7 @@ Component({
         if (!Array.isArray(items)) {
           items = [items];
         }
-        const newValue = lodashGet(
-          value,
-          getValueName(childName, this.data.name)
-        );
+        const newValue = lodashGet(value, getValueName(childName, this.data.name));
         items.forEach((item) => {
           if (item?.setValue && !equal(item.value, newValue)) {
             item.setValue(newValue);
@@ -189,10 +174,10 @@ Component({
      * @param param1.isUpdateChildValue 是否更新子组件值, 因子组件值变化调用change时不去触发updateChildValueWithoutForm；因为外部设置了值，则触发updateChildValueWithoutForm去更新子组件值
      * @returns
      */
-    change(
-      params,
-      { isUpdateParentForm = false, isUpdateChildValue = true } = {}
-    ) {
+    change(params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) {
+      if (this.data.disabled || this.data.readOnly) {
+        return;
+      }
       const { objValue, name } = this.data;
       let value = deepClone(params.value);
 
@@ -260,9 +245,7 @@ Component({
 
       if (params.name) {
         // 判断是否将当前的name前缀加上，以便父级嵌套表单更新值
-        const nameTemp = `${
-          !params.name.startsWith(name) && name ? `${name}.` : ''
-        }${params.name}`;
+        const nameTemp = `${!params.name.startsWith(name) && name ? `${name}.` : ''}${params.name}`;
         // 将值同步给父级嵌套表单
         parentFormObj?.__setValueImmediate__?.({
           name: nameTemp,

package/components/wd-form-obj/index.wxml

@@ -1,5 +1,5 @@
 <block wx:if="{{visible}}">
-  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}">
+  <wd-form-item-obj id="{{id}}" mode="{{mode}}"  className="{{className}}" style="{{style}}" label="{{label}}" labelVisible="{{labelVisible}}" labelTips="{{labelTips}}" labelWidth="{{labelWidth}}" labelAlign="{{labelAlign}}" labelWrap="{{labelWrap}}" extra="{{extra}}" classRoot="{{classRoot}}" layout="{{_layout}}" status="{{status}}">
     <slot></slot>
   </wd-form-item-obj>
 </block>

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>