@cloudbase/weda-ui 3.12.1 → 3.12.3

package/dist/web/components/flow/process/constants.d.ts

@@ -88,11 +88,11 @@ declare const OPERATION_NODE_STATUS: readonly [{
 /** 操作节点状态相关映射关系转换 */
 declare const 
 /** 状态码-状态名称映射 */
-CODE_NAME_MAPPING: Record<number, "stop" | "drop" | "end" | "start" | "down" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling" | "delete_draft">, 
+CODE_NAME_MAPPING: Record<number, "drop" | "stop" | "end" | "start" | "down" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling" | "delete_draft">, 
 /** 状态名称-状态码映射 */
-NAME_CODE_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "DROP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING" | "DELETE_DRAFT", number>, 
+NAME_CODE_MAPPING: Record<"CC" | "REVOKE" | "DROP" | "STOP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING" | "DELETE_DRAFT", number>, 
 /** 状态名称映射 */
-NAME_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "DROP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING" | "DELETE_DRAFT", "stop" | "drop" | "end" | "start" | "down" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling" | "delete_draft">, 
+NAME_MAPPING: Record<"CC" | "REVOKE" | "DROP" | "STOP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING" | "DELETE_DRAFT", "drop" | "stop" | "end" | "start" | "down" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling" | "delete_draft">, 
 /** 状态名称-状态文本信息映射 */
 NAME_TEXT_MAPPING: Record<string, {
     theme: string;

package/dist/web/components/form/uploaderFile/index.css

@@ -122,15 +122,11 @@
   align-items: center;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item-header
-  .weda-upload-file-pc--item-label {
+.weda-upload-file-pc .weda-upload-file-pc--item-header .weda-upload-file-pc--item-label {
   border-right: 1px solid #e7e7e7;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-title {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-title {
   width: 220px;
   padding: 10px 12px;
   overflow: hidden;
@@ -138,16 +134,12 @@
   white-space: nowrap;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-size {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-size {
   width: 100px;
   padding: 10px 12px;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-status {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-status {
   width: 150px;
   padding: 10px 12px;
   overflow: hidden;
@@ -155,25 +147,20 @@
   white-space: nowrap;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-action {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-action {
   width: 160px;
   padding: 10px 12px;
 }
 
 .weda-upload-file-pc .weda-upload-file-pc__btn--weak {
   border-color: #dcdcdc;
-  width: 88px;
+  width: auto;
   font-weight: normal;
   color: var(--wd-color-text-default, rgba(0, 0, 0, 0.9));
   font: var(--wd-typography-body-md, 14px);
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-status
-  .wedatea2td-icon {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-status .wedatea2td-icon {
   margin-right: 8px;
 }
 
@@ -184,20 +171,14 @@
   background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbjwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MS4wMDAwMDAsIC0zOTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLkuIrkvKAv5om56YeP5LiK5Lyg5Lit5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzIuMDAwMDAwLCAxNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5YaF5a655YiXIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1NC4wMDAwMDAsIDEyNi4wMDAwMDApIiBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAxMy4wMDAwMDApIiBpZD0iMS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEwxNiwwIEwxNiwxNiBMMCwxNiBMMCwwIFoiIGlkPSJ0aW1lLWZpbGxlZC0oQmFja2dyb3VuZCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSw4IEMxNSw0LjEzNDAwNjc0IDExLjg2NTk5MzUsMSA4LDEgQzQuMTM0MDA2NzQsMSAxLDQuMTM0MDA2NzQgMSw4IEMxLDExLjg2NTk5MzUgNC4xMzQwMDY3NCwxNSA4LDE1IEMxMS44NjU5OTM1LDE1IDE1LDExLjg2NTk5MzUgMTUsOCBaIE03LjUsOC4zODg5MjQ2IEwxMC42NDY2OTA0LDExLjUzNTYxNTkgTDExLjM1Mzc5NzksMTAuODI4NTA4NCBMOC41LDcuOTc0NzExNDIgTDguNSw1IEw3LjUsNSBMNy41LDguMzg4OTI0NiBaIiBpZD0idGltZS1maWxsZWQiIGZpbGwtb3BhY2l0eT0iMC40IiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-action
-  .wedatea2td-btn {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-action .wedatea2td-btn {
   font-size: 0.875em;
   line-height: 1.375em;
   margin-right: 12px;
   color: var(--wd-color-brand, #0052d9);
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item
-  .weda-upload-file-pc--item-action
-  .wedatea2td-btn:last-child {
+.weda-upload-file-pc .weda-upload-file-pc--item .weda-upload-file-pc--item-action .wedatea2td-btn:last-child {
   margin-right: 0;
 }
 
@@ -212,9 +193,7 @@
   border-radius: 0 0 2px 2px;
 }
 
-.weda-upload-file-pc
-  .weda-upload-file-pc--item-empty
-  .weda-upload-file-pc--item {
+.weda-upload-file-pc .weda-upload-file-pc--item-empty .weda-upload-file-pc--item {
   line-height: 1.375em;
   color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
   font-size: var(--wd-font-size-3, 0.875em);
@@ -261,9 +240,7 @@
   font-size: var(--wd-font-size-2, 0.75em);
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__bd
-  .weda-uploader-files_split {
+.weda-upload-file-mobile .weda-upload-file-mobile__bd .weda-uploader-files_split {
   height: 8px;
   width: 100%;
   background-color: #f6f6f6;
@@ -293,48 +270,34 @@
   margin-right: 16px;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__btn-group
-  .wedatea2td-icon:last-child {
+.weda-upload-file-mobile .weda-upload-file-mobile__btn-group .wedatea2td-icon:last-child {
   margin-right: 0;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .wedatea2td-icon.wedatea2td-icon-delete {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .wedatea2td-icon.wedatea2td-icon-delete {
   background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/2372f6a8-2f6a-4f30-92bf-73c62a5c0ae7.svg');
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .wedatea2td-icon.wedatea2td-icon-download {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .wedatea2td-icon.wedatea2td-icon-download {
   background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4cba5da1-cde4-40c6-a075-86eff22858a4.svg');
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .wedatea2td-icon.wedatea2td-icon-refresh {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .wedatea2td-icon.wedatea2td-icon-refresh {
   background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/af5486eb-65e0-4536-8e51-6c68a17b71ac.svg');
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__item-left {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__item-left {
   flex: 1;
   margin-right: 4px;
   max-width: calc(100% - 75px);
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-detail {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-detail {
   display: flex;
   align-items: center;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-name {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-name {
   font-size: 0.875em;
   line-height: 1.375em;
   color: rgba(0, 0, 0, 0.9);
@@ -344,9 +307,7 @@
   white-space: nowrap;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-status {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-status {
   margin-right: 0.28571rem;
   display: inline-block;
   white-space: nowrap;
@@ -354,10 +315,7 @@
   text-overflow: ellipsis;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-status
-  .wedatea2td-icon {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-status .wedatea2td-icon {
   width: 16px;
   height: 16px;
   background-size: 100% 100%;
@@ -375,16 +333,12 @@
   .wedatea2td-icon.wedatea2td-icon-success {
   background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnlLvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMDAwMDAwLCAtMTIwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzLjAwMDAwMCwgMTE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMCBMMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBaIiBpZD0iY2hlY2stY2lyY2xlLWZpbGxlZC0oQmFja2dyb3VuZCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSw4IEMxNSw0LjEzNDAwNjc0IDExLjg2NTk5MzUsMSA4LDEgQzQuMTM0MDA2NzQsMSAxLDQuMTM0MDA2NzQgMSw4IEMxLDExLjg2NTk5MzUgNC4xMzQwMDY3NCwxNSA4LDE1IEMxMS44NjU5OTM1LDE1IDE1LDExLjg2NTk5MzUgMTUsOCBaIE03LDEwLjcwNjk5OTggTDExLjUsNi4yMDc0OTk5OCBMMTAuNzkyNDk5NSw1LjUgTDcsOS4yOTMwMDAyMiBMNS4yMDY1MDAwNSw3LjUgTDQuNSw4LjIwNjUwMDA1IEw3LDEwLjcwNjk5OTggWiIgaWQ9ImNoZWNrLWNpcmNsZS1maWxsZWQiIGZpbGw9IiMwMEE4NzAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
 }
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-status--msg {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-status--msg {
   width: 4.2rem;
   line-height: 1.25em;
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-foot {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-foot {
   line-height: 1.25em;
   margin-top: 8px;
   display: flex;
@@ -392,9 +346,7 @@
   font-size: var(--wd-font-size-2, 0.75em);
 }
 
-.weda-upload-file-mobile
-  .weda-upload-file-mobile__item
-  .weda-upload-file-mobile__file-progress {
+.weda-upload-file-mobile .weda-upload-file-mobile__item .weda-upload-file-mobile__file-progress {
   margin-top: 4px;
   border-radius: 0;
   background-color: #e7e7e7;

package/dist/web/components/uploaderView/index.js

@@ -29,7 +29,7 @@ alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObj
         cursor: isZoom ? 'zoom-in' : 'auto',
     };
     const values = [].concat(srcList).filter((d) => typeof d === 'string' && d !== '');
-    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: `${CLASS_PREFIX}__image-list`, children: [values.map((d, i) => {
+    return (_jsx("div", { className: cls, id: id, style: style, "data-testid": "uploader-view", children: _jsxs("div", { className: `${CLASS_PREFIX}__image-list`, children: [values.map((d, i) => {
                     const imgProps = {
                         fileID: d,
                         className: `${CLASS_PREFIX}__image`,
@@ -39,6 +39,7 @@ alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObj
                         onError: () => setErrorList((list) => [...list, d]),
                         portalContainer,
                         allFile: values === null || values === void 0 ? void 0 : values.map((d) => ({ realUrl: d })),
+                        index: i,
                     };
                     return (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, title: d, children: _jsx(TcbImage, { ...imgProps }) }, `${d}-${i}`));
                 }), values.length === 0 && isEmptyPlace && (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, children: _jsx("img", { className: `${CLASS_PREFIX}__image`, alt: "\u6682\u65E0\u56FE\u7247" }) }))] }) }));

package/dist/web/components/wd-icon/wd-icon.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { CommonPropsType, unknownFunction } from '../../types';
 import type { DataType } from '../../../configs/components/wd-icon';
 import '../style';
+import '../../utils/loadIconCss';
 export declare const WdIcon: React.ForwardRefExoticComponent<WdIconProps & React.RefAttributes<unknown>>;
 export interface WdIconProps extends CommonPropsType, DataType {
     [handlers: `on${string}`]: unknownFunction;

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

@@ -8,13 +8,12 @@ import { convertLegacyEnum } from '../../utils/tool';
 import { WD_ICON_TYPE, WD_ICON_SIZE } from '../../../enum';
 import WdImage from '../wd-image';
 import '../style';
+import '../../utils/loadIconCss';
 export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name = 'success', src, size: _size = 'md', sizeSelfAdaptive: _sizeSelfAdaptive = false, events = emptyObject, className, style: _style, id, color: _color, ...props }, ref) {
     const platform = usePlatform();
     // 兼容旧版组件的属性值 size/color
     const remdiff = 2;
-    const iconNumSize = !isNaN(Number(_size))
-        ? `${Number(_size) / remdiff}px`
-        : '';
+    const iconNumSize = !isNaN(Number(_size)) ? `${Number(_size) / remdiff}px` : '';
     const fontSize = iconNumSize && _type === 'inner' ? { fontSize: iconNumSize } : {};
     const width = iconNumSize && _type === 'custom' ? { width: iconNumSize } : {};
     const height = iconNumSize && _type === 'custom' ? { height: iconNumSize } : {};
@@ -22,9 +21,7 @@ export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name =
     const style = { ...fontSize, ...width, ...height, ...color, ..._style };
     // 枚举转换
     const type = convertLegacyEnum(_type, WD_ICON_TYPE);
-    const size = ['xxs'].includes(_size)
-        ? _size
-        : convertLegacyEnum(_size, WD_ICON_SIZE); // 不对外暴露的size属性值
+    const size = ['xxs'].includes(_size) ? _size : convertLegacyEnum(_size, WD_ICON_SIZE); // 不对外暴露的size属性值
     // 样式
     const { classPrefix } = useConfig();
     const compClassName = `${classPrefix}-icon`;
@@ -73,8 +70,6 @@ export const WdIcon = forwardRef(function WdIcon({ type: _type = 'inner', name =
         return (_jsx("i", { className: classNames(classes, className), style: style, id: id, onClick: onClick, ...propsStartWithOn }));
     }
     else {
-        return (_jsx("div", { "data-testid": propsStartWithOn['data-testid'], style: { display: 'inherit' }, children: _jsx(WdImage, { className: classNames(classes, className), style: style, id: id, src: src
-                    ? src
-                    : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', events: { tap: onClick }, maskClosable: false, alt: '', lazyLoad: false, ...propsStartWithOn }) }));
+        return (_jsx("div", { "data-testid": propsStartWithOn['data-testid'], style: { display: 'inherit' }, children: _jsx(WdImage, { className: classNames(classes, className), style: style, id: id, src: src ? src : 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg', events: { tap: onClick }, maskClosable: false, alt: '', lazyLoad: false, ...propsStartWithOn }) }));
     }
 });

package/dist/web/components/wd-image/ImagePreview.js

@@ -95,20 +95,22 @@ export const ImagePreview = (props) => {
             setCurrentImg(previewImageList[index]);
         });
     }, [children, index, previewImageList, setCurrentImg]);
-    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1001, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
+    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1010, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
                                     if (isStopPropagation) {
                                         e.stopPropagation();
                                     }
                                     setVisible(false);
                                 }, className: `${classPrefix}-image-mask__close-btn`, children: _jsx("i", { className: `${classPrefix}-image-mask__icon-close` }) }), _jsx("div", { ...bind(), className: `${classPrefix}-image-preview`, style: previewStyle }), platform === 'pc' && (_jsxs("div", { className: `${classPrefix}-image-preview-toolbar`, children: [(previewImageList === null || previewImageList === void 0 ? void 0 : previewImageList.length) > 1 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "wd-icon-wrap wd-event-tap", children: _jsx(WdIcon, { name: 'td:chevron-left', size: "sm", events: {
-                                                        tap: () => {
+                                                        tap: (arg, { originEvent: e }) => {
+                                                            e === null || e === void 0 ? void 0 : e.stopPropagation();
                                                             const index = previewImageList.findIndex((i) => i === currentImg);
                                                             const currentIndex = index === 0 ? previewImageList.length - 1 : index - 1;
                                                             setCurrentImg(previewImageList[currentIndex]);
                                                             setRotate(0);
                                                         },
                                                     } }) }), _jsx("span", { className: "wd-icon-wrap wd-event-tap", children: _jsx(WdIcon, { name: 'td:chevron-right', size: "sm", events: {
-                                                        tap: () => {
+                                                        tap: (arg, { originEvent: e }) => {
+                                                            e === null || e === void 0 ? void 0 : e.stopPropagation();
                                                             const index = previewImageList.findIndex((i) => i === currentImg);
                                                             const currentIndex = index === previewImageList.length - 1 ? 0 : index + 1;
                                                             setCurrentImg(previewImageList[currentIndex]);
@@ -116,7 +118,7 @@ export const ImagePreview = (props) => {
                                                         },
                                                     } }) })] })), _jsx("span", { className: "wd-icon-wrap wd-event-tap", children: _jsx(WdIcon, { name: 'td:anticlockwise', size: "sm", events: {
                                                 tap: (arg, { originEvent: e }) => {
-                                                    e.stopPropagation();
+                                                    e === null || e === void 0 ? void 0 : e.stopPropagation();
                                                     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
                                                     setRotate(rotate - 90);
                                                 },

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -48,7 +48,6 @@ const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelati
 const defaultSize = 50;
 const defaultPage = 1;
 export function RelationSelect(props) {
-    var _a;
     const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, } = props;
     const { authFields } = useAuthFields({
         dbName: dataSourceName,
@@ -128,8 +127,6 @@ export function RelationSelect(props) {
         searchOptionListWithWhere(where);
         onSearch(keyword);
     };
-    const primaryFieldTitle = (_a = authFields === null || authFields === void 0 ? void 0 : authFields.find((j) => (j === null || j === void 0 ? void 0 : j.name) === primaryField)) === null || _a === void 0 ? void 0 : _a.title;
-    const searchPlaceholder = `搜索主列${primaryFieldTitle}[${primaryField}]`;
     return (_jsx(EnumHoc, { fields: authFields, children: _jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, matchButtonWidth: true, placeholder: placeholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, tips: isLoading ? '' : undefined, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
                 if (!isLoading && customOptions.length < total) {
                     setQuery((query) => ({
@@ -139,7 +136,7 @@ export function RelationSelect(props) {
                 }
             }, onOpen: () => {
                 searchOptionListWithWhere();
-            }, footer: addRelationButton, mode: mode, searchPlaceholder: searchPlaceholder }) }));
+            }, footer: addRelationButton, mode: mode }) }));
 }
 export function EnumSelect(props) {
     const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, enumName, primaryField, format, viewId, where, setRefreshStatus, mode, } = props;
@@ -193,5 +190,5 @@ export function CustomSelect(props) {
     if (refreshStatus) {
         return _jsx(LoadingTip, {});
     }
-    return isEnumType ? (_jsx(EnumSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth })) : (_jsx(RelationSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth, searchPlaceholder: '搜索主列' }));
+    return isEnumType ? (_jsx(EnumSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth })) : (_jsx(RelationSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth }));
 }

package/dist/web/components/wd-select/select/selectUI.js

@@ -20,7 +20,7 @@ const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomT
                     'is-selected': currentSelected.find((i) => i.value === item.value),
                     'is-disabled': item.disabled,
                 });
-                return (_jsx(List.Item, { className: itemCls, onClick: () => optionClick(item), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: textToString(item.text) || textToString(item.label) }) }, index));
+                return (_jsx(List.Item, { className: itemCls, onClick: () => optionClick(item), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.text || item.label }) }, index));
             }), bottomTips && (_jsx(List.Item, { children: _jsx("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", children: bottomTips }) }))] }));
 };
 const getSelectedItem = (options = [], value) => {
@@ -53,9 +53,9 @@ function SelectH5(props) {
         // 判断是否输入中文,则停止搜索
         setIsSearch(false);
     };
-    const handleZhEnd = (e) => {
+    const handleZhEnd = () => {
         setIsSearch(true);
-        handleSearch(e);
+        onSearch(searchValue);
     };
     const handleSearch = (e) => {
         const tValue = e.target.value.trim();

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useState, useCallback, useRef } from 'react';
-import { useHandleClear, useFixedIcon, SELECT_ICON_H5, SELECT_ICON_PC, } from '../../utils/hooks/useFormLegacy';
+import { useHandleClear, useFixedIcon, SELECT_ICON_H5, SELECT_ICON_PC } from '../../utils/hooks/useFormLegacy';
 import { useFormInputTrait } from '../../components/form-input-hooks';
 import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
 import { isFormatWithRelation } from '../form/select/formats-util';
@@ -17,7 +17,7 @@ import { SelectCom as Select } from './select';
  */
 export const WdSelect = forwardRef(function WsSelect(props, ref) {
     const { classRoot = 'select', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, format, tipBlock = X_RUNTIME_DEFAULT.tipBlock, where = X_RUNTIME_DEFAULT.where, enumName, primaryField, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', } = props;
+    selectFieldType = 'primary', searchPlaceholder, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useState([]);
     const [innerHandle, setInnerHandle] = useState({});
@@ -108,5 +108,5 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
                             }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                 var _a;
                                 (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                            }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: range, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true }) }) }), layout === 'horizontal' && LabelAdornment] }) }));
+                            }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: range, size: "full", tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "selector", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }));
 });

package/dist/web/components/wd-select-multiple/wd-select-multiple.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React, { forwardRef, useState, useCallback, useRef } from 'react';
 import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
 import { SelectCom as SelectMultiple } from '../wd-select/select';
-import { useHandleClear, useFixedIcon, SELECT_ICON_H5, SELECT_ICON_PC, } from '../../utils/hooks/useFormLegacy';
+import { useHandleClear, useFixedIcon, SELECT_ICON_H5, SELECT_ICON_PC } from '../../utils/hooks/useFormLegacy';
 import { useFormInputTrait } from '../../components/form-input-hooks';
 import { useSelected } from '../../utils/hooks/use-selected';
 import { emptyObject } from '../../utils/constant';
@@ -18,7 +18,7 @@ import { RelationalSetting } from '../wd-select/relationSelect/relationalSetting
  */
 export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref) {
     const { classRoot = 'select-multiple', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, range, enumName, format, primaryField, tipBlock = X_RUNTIME_DEFAULT.tipBlock, viewId, dataSourceName, events = emptyObject, ignoreCase = X_RUNTIME_DEFAULT.ignoreCase, staticSearchable = X_RUNTIME_DEFAULT.staticSearchable, where = X_RUNTIME_DEFAULT.where, enableRelationalSetting = X_RUNTIME_DEFAULT.enableRelationalSetting, enableRelationalRefresh = X_RUNTIME_DEFAULT.enableRelationalRefresh, addRelationButtonText = X_RUNTIME_DEFAULT.addRelationButtonText, enableAddRelationButton = X_RUNTIME_DEFAULT.enableAddRelationButton, enableRelationOptionJump = X_RUNTIME_DEFAULT.enableRelationOptionJump, popupContainer, selectFields: customFields = [], // 自定义展示字段
-    selectFieldType = 'primary', } = props;
+    selectFieldType = 'primary', searchPlaceholder, } = props;
     const childRef = useRef(null);
     const [options, setOptions] = useState([]);
     const [innerHandle, setInnerHandle] = useState({});
@@ -104,5 +104,5 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
                             }, enableRelationOptionJump: enableRelationOptionJump, onRelationOptionJump: (item) => {
                                 var _a;
                                 (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.onRelationOptionJump) === null || _a === void 0 ? void 0 : _a.call(delayEvents, item);
-                            }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: range, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true }) }) }), layout === 'horizontal' && LabelAdornment] }) }));
+                            }, selectFieldType: selectFieldType, selectFields: customFields, isRelation: isRelation, addRelationButtonText: addRelationButtonText, enableAddRelationButton: enableAddRelationButton, childRef: childRef, events: delayEvents, labelVisible: false, value: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, options: range, size: "full", tipBlock: tipBlock, viewId: viewId, dataSourceName: dataSourceName, readOnly: readOnly, disabled: disabled, mode: "multiple", decorator: null, ignoreCase: ignoreCase, staticSearchable: staticSearchable, where: where, onChange: handleChange, onSearch: onSearchValueInput, popupContainer: popupContainer, searchable: true, searchPlaceholder: searchPlaceholder }) }) }), layout === 'horizontal' && LabelAdornment] }) }));
 });

package/dist/web/utils/loadIconCss.d.ts

@@ -1 +1,2 @@
-export {};
+export function getShadowRoot(): any;
+export function loadIconShadowRoot(url: any, className: any): Promise<any>;

package/dist/web/utils/loadIconCss.js

@@ -1,6 +1,39 @@
 import cfg from '../../iconConfig.json';
 import { getUrlPath } from './tool';
 import { errorHandler } from './error';
+let shadowRootCache = null;
+const WEDA_PORTAL_ID = 'weda-module-portal';
+export function getShadowRoot() {
+    var _a;
+    if (!shadowRootCache) {
+        shadowRootCache = (_a = document.getElementById(WEDA_PORTAL_ID)) === null || _a === void 0 ? void 0 : _a.shadowRoot;
+    }
+    return shadowRootCache;
+}
+// 影子dom加载图标库
+export function loadIconShadowRoot(url, className) {
+    const shadowRoot = getShadowRoot();
+    if (!shadowRoot) {
+        return;
+    }
+    return new Promise((resolve, reject) => {
+        if (!url || typeof url !== 'string') {
+            reject();
+        }
+        else if (shadowRoot.querySelectorAll('.'.concat(className, '[href="').concat(url, '"]')).length > 0) {
+            resolve(true);
+        }
+        else {
+            const l = document.createElement('link');
+            l.setAttribute('class', className);
+            l.setAttribute('href', url);
+            l.setAttribute('rel', 'stylesheet');
+            shadowRoot.head.appendChild(l);
+            l.addEventListener('load', () => resolve(true));
+            l.addEventListener('error', () => reject());
+        }
+    });
+}
 // 加载样式，失败抛出错误
 function loadLink(url, className) {
     return new Promise((resolve, reject) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "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.13",
+    "@cloudbase/weda-client": "^1.1.14",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -149,7 +149,7 @@
     "@babel/preset-typescript": "^7.22.15",
     "@cloudbase/cals": "^1.2.5",
     "@cloudbase/lowcode-cli": "^0.21.14",
-    "@cloudbase/weda-cloud-sdk": "^1.0.89",
+    "@cloudbase/weda-cloud-sdk": "^1.0.93",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@craco/craco": "^7.1.0",