@cloudbase/weda-ui 3.15.3 → 3.15.7

package/dist/web/components/wd-form-obj/base-form-obj.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { useConfig } from '../../utils/config-context';
 import { WdFormItem } from '../wd-form-item';
 import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
-import { FormObjContext, FormObjWidgetContext, useFormObjWidget, } from '../../utils/widget-api';
+import { FormObjContext, FormObjWidgetContext, useFormObjWidget } from '../../utils/widget-api';
 import { noop } from '../../utils/constant';
 import lodashSet from 'lodash.set';
 import lodashGet from 'lodash.get';
@@ -132,10 +132,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
             }
             // 触发删除操作，则删除对应索引的值
             if (params.type === 'remove') {
-                value = [
-                    ...value.slice(0, params.value),
-                    ...value.slice(params.value + 1),
-                ];
+                value = [...value.slice(0, params.value), ...value.slice(params.value + 1)];
             }
         }
         return value;
@@ -161,6 +158,9 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
      */
     const change = useCallback((params, { isUpdateParentForm = false, isUpdateChildValue = true } = {}) => {
         var _a, _b, _c;
+        if (disabled || readOnly) {
+            return;
+        }
         let value = deepClone(params.value);
         if (props.objType === 'arr') {
             value = dealArrChange(params, objValue) || value;
@@ -173,8 +173,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
         else if (props.objType === 'obj') {
             value = dealObjChange(params, objValue) || value;
         }
-        if (isObjectEqual(value, objValue) ||
-            (value === null && isObjectEqual(initValue, objValue))) {
+        if (isObjectEqual(value, objValue) || (value === null && isObjectEqual(initValue, objValue))) {
             return;
         }
         setObjValue(value || initValue);
@@ -200,15 +199,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
         triggerOnDataChange(value);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        objValue,
-        updateChildValue,
-        name,
-        parentFormObj,
-        triggerOnDataChange,
-        parentForm,
-        props.objType,
-    ]);
+    [objValue, updateChildValue, name, parentFormObj, triggerOnDataChange, parentForm, props.objType]);
     const changeDebounce = useDebouncedCallback(useCallback((value, option) => {
         change(value, option);
     }, [change]), 300);
@@ -281,17 +272,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
             readOnly,
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        innerHandle,
-        props.label,
-        name,
-        objValue,
-        visible,
-        disabled,
-        readOnly,
-        change,
-        props.objType,
-    ]);
+    }, [innerHandle, props.label, name, objValue, visible, disabled, readOnly, change, props.objType]);
     const formObjWidgetContextProvider = useMemo(() => {
         return {
             formObjName: name,
@@ -326,9 +307,7 @@ export const BaseFormObj = forwardRef(function BaseFormObj(props, ref) {
              * @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 === null || formItem === void 0 ? void 0 : formItem.id} 表单key(表单输入类组件 childName 属性)没设置或为空串的时候不受表单容器控制`);
                     return noop;

package/dist/web/components/wd-markdown/addClass.d.ts

@@ -0,0 +1 @@
+export function addCustomClassPlugin(md: any): void;

package/dist/web/components/wd-markdown/addClass.js

@@ -0,0 +1,78 @@
+// List of valid html blocks names, according to commonmark spec
+// https://spec.commonmark.org/0.30/#html-blocks
+const htmlTags = [
+    'address',
+    'article',
+    'aside',
+    'base',
+    'basefont',
+    'blockquote',
+    'body',
+    'caption',
+    'center',
+    'col',
+    'colgroup',
+    'dd',
+    'details',
+    'dialog',
+    'dir',
+    'div',
+    'dl',
+    'dt',
+    'fieldset',
+    'figcaption',
+    'figure',
+    'footer',
+    'form',
+    'frame',
+    'frameset',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'head',
+    'header',
+    'hr',
+    'html',
+    'iframe',
+    'legend',
+    'li',
+    'link',
+    'main',
+    'menu',
+    'menuitem',
+    'nav',
+    'noframes',
+    'ol',
+    'optgroup',
+    'option',
+    'p',
+    'param',
+    'search',
+    'section',
+    'summary',
+    'table',
+    'tbody',
+    'td',
+    'tfoot',
+    'th',
+    'thead',
+    'title',
+    'tr',
+    'track',
+    'ul',
+];
+export function addCustomClassPlugin(md) {
+    const addCustomClass = (state) => {
+        var _a;
+        (_a = state === null || state === void 0 ? void 0 : state.tokens) === null || _a === void 0 ? void 0 : _a.forEach((token) => {
+            if (htmlTags.includes(token.tag)) {
+                // 添加自定义类
+                token.attrJoin('class', token.tag);
+            }
+        });
+    };
+    md.core.ruler.push('addCustomClass', addCustomClass);
+}

package/dist/web/components/wd-markdown/github-markdown-light.css

@@ -6,8 +6,8 @@
   margin: 0;
   color: #1f2328;
   background-color: #ffffff;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans',
-    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji';
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
@@ -257,8 +257,7 @@
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
-  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-    Liberation Mono, monospace;
+  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
   line-height: 10px;
   color: #1f2328;
   vertical-align: middle;
@@ -348,16 +347,14 @@
 .markdown-body tt,
 .markdown-body code,
 .markdown-body samp {
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-    Liberation Mono, monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
   font-size: 12px;
 }
 
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
-  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
-    Liberation Mono, monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
   font-size: 12px;
   word-wrap: normal;
 }
@@ -591,11 +588,14 @@
   background-color: #ffffff;
   border-top: 1px solid #d0d7deb3;
 }
-
-.markdown-body table tr:nth-child(2n) {
+.markdown-body .table .thead .tr {
   background-color: #f6f8fa;
 }
 
+/* .markdown-body table tr:nth-child(2n) {
+  background-color: #f6f8fa;
+} */
+
 .markdown-body table img {
   background-color: transparent;
 }
@@ -1029,9 +1029,7 @@
 }
 
 .markdown-body .contains-task-list:hover .task-list-item-convert-container,
-.markdown-body
-  .contains-task-list:focus-within
-  .task-list-item-convert-container {
+.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
   display: block;
   width: auto;
   height: 24px;

package/dist/web/components/wd-markdown/wd-markdown.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import { useEffect, useState, useCallback, forwardRef, useRef, } from 'react';
+import { useEffect, useState, useCallback, forwardRef, useRef } from 'react';
 import MarkdownIt from 'markdown-it/dist/markdown-it.js';
 import copy from 'markdown-it-code-copy';
 import hljs from 'highlight.js';
@@ -11,6 +11,7 @@ import classNames from '../../utils/classnames';
 import useDebouncedCallback from '../../utils/hooks/use-debounced-callback';
 import { useImgTransform } from '../richTextView/useImgTransform';
 import { getOnClick } from '../wd-unified-link/utils';
+import { addCustomClassPlugin } from './addClass';
 import './style';
 export const WdMarkdown = forwardRef(function WdMarkdown({ value = '', options, className, style, id, events }, ref) {
     const platform = usePlatform();
@@ -70,6 +71,7 @@ export const WdMarkdown = forwardRef(function WdMarkdown({ value = '', options,
             },
             ...options,
         });
+        md.use(addCustomClassPlugin);
         md.use(copy);
         onMarkdownReady(md);
     }, [mdInstance, onMarkdownReady, destroy]), 500, {
@@ -97,8 +99,7 @@ export const WdMarkdown = forwardRef(function WdMarkdown({ value = '', options,
             markdownRef.current.querySelectorAll('a').forEach((a) => {
                 const url = a.href;
                 // 若非同域 默认新页面打开
-                if (/https?:\/\//.test(url) &&
-                    !url.startsWith(window.location.origin)) {
+                if (/https?:\/\//.test(url) && !url.startsWith(window.location.origin)) {
                     a.target = a.target || '_blank';
                 }
                 a.addEventListener('click', (e) => {
@@ -114,5 +115,5 @@ export const WdMarkdown = forwardRef(function WdMarkdown({ value = '', options,
             updateMarkdownInstance: ({ markdownInstance }) => setMdInstance(markdownInstance),
         };
     }, [value, mdInstance], ref);
-    return (_jsx("div", { ref: markdownRef, className: cls, style: style, id: id, children: displayValue && (_jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } })) }));
+    return (_jsx("div", { ref: markdownRef, className: cls, style: style, id: id, children: displayValue && _jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } }) }));
 });

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.d.ts

@@ -16,7 +16,7 @@ export declare const ExportFileModal: ({ fields, columns, isExportFileModalByApi
 /**
  * 表格导出方法
  */
-export declare const exportHandle: ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields, }: {
+export declare const exportHandle: ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields }: {
     selectedKeys: any;
     records: any;
     enumOptions: any;
@@ -27,7 +27,7 @@ export declare const exportHandle: ({ selectedKeys, records, enumOptions, dataso
 /**
  * 后端表格导出方法
  */
-export declare const exportHandleByApi: ({ isH5, setIsExportFileModalByApiVisible, }: {
+export declare const exportHandleByApi: ({ isH5, setIsExportFileModalByApiVisible }: {
     isH5: any;
     setIsExportFileModalByApiVisible: any;
 }) => void;

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.js

@@ -15,10 +15,10 @@ export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible
         if (field &&
             (i === null || i === void 0 ? void 0 : i.isExport) &&
             !(i === null || i === void 0 ? void 0 : i.isRelated) &&
-            (i === null || i === void 0 ? void 0 : i.format) !== 'many-many' &&
-            (i === null || i === void 0 ? void 0 : i.format) !== 'many-one' &&
-            (i === null || i === void 0 ? void 0 : i.format) !== 'one-many' &&
-            (i === null || i === void 0 ? void 0 : i.format) !== 'one-one') {
+            (field === null || field === void 0 ? void 0 : field.format) !== 'many-many' &&
+            (field === null || field === void 0 ? void 0 : field.format) !== 'many-one' &&
+            (field === null || field === void 0 ? void 0 : field.format) !== 'one-many' &&
+            (field === null || field === void 0 ? void 0 : field.format) !== 'one-one') {
             supportFields.push(field);
         }
     });
@@ -36,10 +36,7 @@ export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible
         .filter((el) => {
         const field = fields.find((i) => (i === null || i === void 0 ? void 0 : i.name) === (el === null || el === void 0 ? void 0 : el.key) && el.isRelated);
         const format = field === null || field === void 0 ? void 0 : field.format;
-        return (el.isRelated &&
-            el.isExport &&
-            format !== 'many-many' &&
-            format !== 'one-many');
+        return el.isRelated && el.isExport && format !== 'many-many' && format !== 'one-many';
     })
         .map((item) => {
         return {
@@ -60,7 +57,7 @@ export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible
 /**
  * 表格导出方法
  */
-export const exportHandle = ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields, }) => {
+export const exportHandle = ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields }) => {
     if (!selectedKeys.length) {
         return alertErrorMessage({
             message: '请选择需要导出的数据',
@@ -79,7 +76,7 @@ export const exportHandle = ({ selectedKeys, records, enumOptions, datasourceTit
 /**
  * 后端表格导出方法
  */
-export const exportHandleByApi = ({ isH5, setIsExportFileModalByApiVisible, }) => {
+export const exportHandleByApi = ({ isH5, setIsExportFileModalByApiVisible }) => {
     if (isH5) {
         return alertErrorMessage({
             message: '移动端暂不支持进行数据导出',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.15.3",
+  "version": "3.15.7",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -85,7 +85,7 @@
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
     "@antv/g6": "^4.8.5",
-    "@cloudbase/weda-client": "^1.1.24",
+    "@cloudbase/weda-client": "^1.1.26",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -147,7 +147,7 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@cloudbase/cals": "^1.2.10",
+    "@cloudbase/cals": "^1.2.11",
     "@cloudbase/lowcode-cli": "^0.22.1",
     "@cloudbase/weda-cloud-sdk": "^1.0.97",
     "@commitlint/cli": "^16.0.2",