@cloudbase/weda-ui 3.12.2 → 3.13.0

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/index.d.ts

@@ -150,5 +150,7 @@ export { default as WdFormObj } from "./wd-form-obj";
 export { default as WdFormArr } from "./wd-form-arr";
 export { default as WdRating } from "./wd-rating";
 export { default as WdCascader } from "./wd-cascader";
+export { default as WdStoreHome } from "./wd-store-home";
+export { default as WdStoreProduct } from "./wd-store-product";
 export { default as FormDetail, default as WdFormDetail } from "./formdetail";
 export { default as WdTagSelect, WdTag } from "./wd-tag";

package/dist/web/components/index.js

@@ -211,3 +211,5 @@ export { default as WdFormObj } from './wd-form-obj';
 export { default as WdFormArr } from './wd-form-arr';
 export { default as WdRating } from './wd-rating';
 export { default as WdCascader } from './wd-cascader';
+export { default as WdStoreHome } from './wd-store-home';
+export { default as WdStoreProduct } from './wd-store-product';

package/dist/web/components/wd-ad/style/view.css

@@ -14,7 +14,7 @@
 }
 
 .ad-view__mark-ad {
-  width: 52px;
+  width: 60px;
   height: 20px;
   position: absolute;
   top: 10px;

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-select/relationSelect/relationSelect.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
 import { useState, useImperativeHandle, useMemo, useEffect, useCallback } from 'react';
+import { useDebouncedCallback } from '@react-hookz/web';
 import { LoadingTip } from 'tea-component';
 import { SelectUI as Select } from '../select/selectUI';
 import { WdIcon } from '../../wd-icon';
@@ -48,8 +49,14 @@ 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;
+    var _a, _b;
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, listWidth = 700, } = props;
+    const selectFieldsLength = selectFieldType === 'custom' ? selectFields === null || selectFields === void 0 ? void 0 : selectFields.length : 0;
+    // 设置下拉列表与下拉按钮同宽
+    // 以传入为准，未传入，在自定义展示字段少于2个时设置为 true，否则设置为false，宽度设置为700，
+    const _matchButtonWidth = (_a = props === null || props === void 0 ? void 0 : props.matchButtonWidth) !== null && _a !== void 0 ? _a : selectFieldsLength < 2;
+    // 以传入为准，未传入，在不与按钮同宽度的情况下，listHeight 会被设置为 400
+    const _listHeight = (_b = props === null || props === void 0 ? void 0 : props.listHeight) !== null && _b !== void 0 ? _b : (_matchButtonWidth ? undefined : 400);
     const { authFields } = useAuthFields({
         dbName: dataSourceName,
         dbFieldNames: [],
@@ -95,10 +102,10 @@ export function RelationSelect(props) {
         options,
         selectFields,
     ]);
-    const searchOptionListWithWhere = useCallback((where = whereList) => {
+    const searchOptionListWithWhere = useDebouncedCallback((where = whereList) => {
         empty();
         setQuery({ ...query, pageNo: defaultPage, where });
-    }, [empty, query, setQuery, whereList]);
+    }, [empty, query, setQuery, whereList], 300);
     useImperativeHandle(childRef, () => {
         return {
             refresh: async () => {
@@ -128,9 +135,7 @@ 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: () => {
+    return (_jsx(EnumHoc, { fields: authFields, children: _jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, listWidth: listWidth, listHeight: _listHeight, matchButtonWidth: _matchButtonWidth, placeholder: placeholder, appearance: 'button', filter: () => true, 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) => ({
                         ...query,
@@ -139,7 +144,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;
@@ -185,7 +190,6 @@ export function CustomSelect(props) {
     const { format, addRelationButtonText, enableAddRelationButton, events } = props;
     const isEnumType = format === 'x-enum';
     const [refreshStatus, setRefreshStatus] = useState(false);
-    const listWidth = 700;
     const addRelationButton = enableAddRelationButton && (_jsxs("span", { className: "wd-add-relation-button-wrap", onClick: () => {
             var _a;
             (_a = events === null || events === void 0 ? void 0 : events.onAddRelationButtonClick) === null || _a === void 0 ? void 0 : _a.call(events);
@@ -193,5 +197,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 })) : (_jsx(RelationSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus }));
 }

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

@@ -42,20 +42,20 @@ function SelectH5(props) {
     // 聚焦在搜索框
     const [inputFocus, setInputFocus] = useState(false);
     const [searchValue, setSearchValue] = useState('');
-    const [isSearch, setIsSearch] = useState(false);
+    const [isSearch, setIsSearch] = useState(true);
     const [currentSelected, setCurrentSelected] = useSyncValue(getSelectedItem(options, value), isObjectEqual);
     const getOptionList = () => {
         return options.filter((i) => String(i === null || i === void 0 ? void 0 : i.label).toLowerCase().includes(searchValue.toLowerCase()));
     };
     // 前端查询
-    const customOptions = isSearch ? getOptionList() : options;
+    const customOptions = isSearch && searchValue ? getOptionList() : options;
     const handleZhStart = () => {
         // 判断是否输入中文,则停止搜索
         setIsSearch(false);
     };
-    const handleZhEnd = (e) => {
+    const handleZhEnd = () => {
         setIsSearch(true);
-        handleSearch(e);
+        onSearch(searchValue);
     };
     const handleSearch = (e) => {
         const tValue = e.target.value.trim();
@@ -80,8 +80,7 @@ function SelectH5(props) {
     };
     const getInitOptions = () => {
         setSearchValue('');
-        setIsSearch(true);
-        setCurrentSelected([]);
+        setCurrentSelected(getSelectedItem(options, value));
         if (onOpen) {
             onOpen();
         }
@@ -117,8 +116,8 @@ function SelectH5(props) {
         if (!isMultiple) {
             // 单选直接关弹窗
             onChange(item.value);
-            setVisible(false);
             setCurrentSelected([item]);
+            setVisible(false);
         }
         else {
             setCurrentSelected(dealSelectedItem(item));
@@ -138,7 +137,7 @@ function SelectH5(props) {
                                     }, children: _jsx(OptionList, { onScrollBottom: onScrollBottom, options: customOptions, inputFocus: inputFocus, currentSelected: currentSelected, optionClick: optionClick, bottomTips: bottomTips }) }), footer] })) })] })] }));
 }
 export function SelectUI(props) {
-    const { placeholder, size, disabled, onChange, onSearch, searchable, options = [], value, footer, overlayClassName, onOpen, onScrollBottom, tips, bottomTips, mode, format, readOnly, setAllOption, listHeight, listWidth, popupContainer, searchPlaceholder = '搜索选项', } = props;
+    const { placeholder, size, disabled, onChange, onSearch, searchable, options = [], value, footer, overlayClassName, onOpen, onScrollBottom, tips, bottomTips, mode, format, readOnly, setAllOption, listHeight, listWidth, popupContainer, searchPlaceholder = '搜索选项', matchButtonWidth = true, ...restProps } = props;
     const platform = usePlatform();
     const [currentOption] = useSyncValue((options === null || options === void 0 ? void 0 : options.map(({ label, value }) => ({ label, value }))) || [], isObjectEqual);
     // 更新option，从而更新最新的选项值
@@ -165,20 +164,20 @@ export function SelectUI(props) {
             return _jsx(SelectH5, { ...props, readValue: readValue, searchPlaceholder: searchPlaceholder });
         }
         else if (mode === 'multiple') {
-            return (_jsx(SelectMultiple, { popupContainer: popupContainer, button: (selectedItem) => {
+            return (_jsx(SelectMultiple, { ...restProps, popupContainer: popupContainer, button: (selectedItem) => {
                     if (!(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.length)) {
                         return _jsx("div", { className: "wedatea2td-text-weak", children: placeholder });
                     }
                     return selectedItem.map((i) => (i === null || i === void 0 ? void 0 : i.label) || i.value).join(',');
-                }, staging: false, overlayClassName: `${overlayClassName} multiple`, searchable: searchable, matchButtonWidth: true, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: Array.isArray(value) ? value : [], onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
+                }, staging: false, overlayClassName: `${overlayClassName} multiple`, searchable: searchable, matchButtonWidth: matchButtonWidth, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: Array.isArray(value) ? value : [], onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
         }
         else {
-            return (_jsx(Select, { popupContainer: popupContainer, button: (selectedItem) => {
+            return (_jsx(Select, { ...restProps, popupContainer: popupContainer, button: (selectedItem) => {
                     if (!selectedItem) {
                         return _jsx("div", { className: "wedatea2td-text-weak", children: placeholder });
                     }
                     return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value);
-                }, overlayClassName: overlayClassName, searchable: searchable, matchButtonWidth: true, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: value, onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
+                }, overlayClassName: overlayClassName, searchable: searchable, matchButtonWidth: matchButtonWidth, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: value, onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
         }
     };
     return (_jsx(WdFormItemReadOnly, { after: props.after, before: props.before, onRelationTagClick: props.onRelationTagClick, readBeforeAfter: true, readOnly: readOnly, readValue: readValue, format: format, value: value, version: 'wd', children: _jsx("div", { "data-testid": isMultiple ? 'form-item-select-multiple-pc' : 'form-select', className: isMultiple ? 'form-select-multiple-pc' : 'form-select-pc', children: render() }) }));

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/components/wd-store-home/index.css

@@ -0,0 +1,81 @@
+.wd-store-home__wrap {
+  width: 320px;
+  background-color: #fff;
+  border: 1px solid #f2f2f2;
+  border-radius: 2px;
+  padding: 15px 15px 0 15px;
+}
+
+.wd-store-home__content {
+  display: flex;
+  margin-bottom: 15px;
+}
+.wd-store-home__title {
+  margin-bottom: 5px;
+  font-size: 18px;
+  font-weight: bold;
+}
+.wd-store-home__label {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.4);
+}
+.wd-store-home__img {
+  height: 54px;
+  width: 54px;
+  border-radius: 100%;
+  margin-right: 15px;
+}
+.wd-store-home__footer {
+  border-top: 1px solid #f2f2f2;
+  font-size: 12px;
+  padding: 5px 0;
+  display: flex;
+  color: #b7b7b7;
+  font-weight: bold;
+}
+.wd-store-home__icon {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjgzMzIgMTAuNjQ0OUMyMy44MzMyIDEyLjAzOCAyMi42ODA1IDEzLjIxMDIgMjEuMTI3IDEzLjUzNTJDMjAuODQ5NyAxMy41OTM3IDIwLjU1NzIgMTMuNjI0IDIwLjI1ODIgMTMuNjI0QzE5Ljg1OTUgMTMuNjI0IDE5LjQ3NiAxMy41Njk5IDE5LjExNjMgMTMuNDY4QzE4LjAxMTMgMTMuMTU2IDE3LjE0NjggMTIuNDA2NCAxNi44MjE4IDExLjQ2ODJDMTYuNzkxNSAxMS4zODE1IDE2Ljc2NzcgMTEuMjkyNyAxNi43NDgyIDExLjIwMzlDMTYuNzI2NSAxMS4yNjY3IDE2LjcwMjcgMTEuMzI5NSAxNi42NzQ1IDExLjM5MjRDMTYuMTMyOCAxMi42NDY5IDE0LjY4OTggMTMuNTQ4MiAxMi45OTk4IDEzLjU0ODJDMTEuMzA5OCAxMy41NDgyIDkuODY2ODQgMTIuNjQ2OSA5LjMyMyAxMS4zOTI0QzkuMjk5MTcgMTEuMzMxNyA5LjI3MzE3IDExLjI3MSA5LjI1MzY3IDExLjIwODJDOS4yMzQxNyAxMS4yOTQ5IDkuMjEwMzQgMTEuMzgxNSA5LjE4IDExLjQ2NkM4Ljg1OTM0IDEyLjQxMjkgNy45ODgzNCAxMy4xNjY5IDYuODc2ODQgMTMuNDc4OUM2LjUyMTUgMTMuNTc4NSA2LjEzOCAxMy42MzI3IDUuNzQxNSAxMy42MzI3QzUuNDQwMzQgMTMuNjMyNyA1LjE1IDEzLjYwMjQgNC44NzA1IDEzLjU0MzlDMy4zMTkxNyAxMy4yMTY3IDIuMTY2NSAxMi4wNDQ1IDIuMTY2NSAxMC42NTM1QzIuMTY2NSAxMC4yODk1IDIuMjQ0NSA5Ljk0MDcxIDIuMzg5NjcgOS42MTc4N0wyLjM5NCA5LjYwNzA0TDQuNjEyNjcgNC42MzQ1NEM1LjExOTY3IDMuNDk5MjEgNi4yNTcxNyAyLjcwODM3IDcuNTgxIDIuNzA4MzdIMTguNDE0M0MxOS43MzYgMi43MDgzNyAyMC44NzM1IDMuNDk5MjEgMjEuMzgwNSA0LjYzMjM3QzIxLjM5MTMgNC42NTE4NyAyMS40IDQuNjcxMzcgMjEuNDA4NyA0LjY5MzA0TDIzLjYwNzggOS42MDQ4N0MyMy43NTA4IDkuOTI3NzEgMjMuODMxIDEwLjI3ODcgMjMuODMxIDEwLjY0NDlIMjMuODMzMloiIGZpbGw9IiNiN2I3YjciLz4KPHBhdGggZD0iTTIxLjY0MDcgMTYuNTc1QzIxLjY0MDcgMTYuNTk2NyAyMS42NDA3IDE2LjYyMDUgMjEuNjM2NCAxNi42NDIyQzIxLjYzNjQgMTYuNjU3NCAyMS42MzY0IDE2LjY3NDcgMjEuNjMyIDE2LjY4OTlWMTYuNjk4NUMyMS4yNDIgMjAuMzk0OSAxNy41MjYyIDIzLjI5MTcgMTMgMjMuMjkxN0M4LjQ3Mzg4IDIzLjI5MTcgNC43NTgwNCAyMC4zOTQ5IDQuMzY4MDQgMTYuNjk4NVYxNi42ODk5QzQuMzYzNzEgMTYuNjc0NyA0LjM2MzcxIDE2LjY1NzQgNC4zNjM3MSAxNi42NDIyQzQuMzU5MzcgMTYuNjIwNSA0LjM1OTM4IDE2LjU5NjcgNC4zNTkzOCAxNi41NzVDNC4zNTkzOCAxNi4wOTYyIDQuNzQ3MjEgMTUuNzA4NCA1LjIyNjA0IDE1LjcwODRDNS42NjgwNCAxNS43MDg0IDYuMDMyMDQgMTYuMDM5OSA2LjA4NjIxIDE2LjQ2NjdDNi4wODgzNyAxNi40Nzk3IDYuMDg4MzcgMTYuNDk0OSA2LjA5MDU0IDE2LjUxQzYuMzgzMDQgMTkuMzMzMiA5LjM2ODcxIDIxLjU1ODQgMTMgMjEuNTU4NEMxNi42MzE0IDIxLjU1ODQgMTkuNjE3IDE5LjMzMzIgMTkuOTA5NSAxNi41MUMxOS45MDk1IDE2LjQ5NDkgMTkuOTA5NSAxNi40Nzk3IDE5LjkxMzkgMTYuNDY2N0MxOS45NjggMTYuMDM5OSAyMC4zMzIgMTUuNzA4NCAyMC43NzQgMTUuNzA4NEMyMS4yNTI5IDE1LjcwODQgMjEuNjQwNyAxNi4wOTYyIDIxLjY0MDcgMTYuNTc1WiIgZmlsbD0iI2I3YjdiNyIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  margin-right: 5px;
+}
+
+/* 微信商品 */
+.wd-store-product__wrap {
+  background-color: #fafafa;
+  border-radius: 15px;
+  padding: 15px 15px 0 15px;
+}
+.wd-store-product__img {
+  width: 30%;
+  margin-right: 15px;
+}
+.wd-store-product__text {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.wd-store-product__text__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: end;
+  margin-top: 20px;
+  color: #fc6346;
+}
+.wd-store-product__text .wd-store-home__label {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+  color: rgba(0, 0, 0, 0.4);
+  padding: 5px;
+}
+.wd-store-product__text__footer .wd-btn {
+  --wd-btn-color-brand: #fc6346;
+  --wd-btn-color-brand-hover: #fc6346;
+  --wd-btn-color-brand-active: #fc6346;
+  --wd-btn-color-brand-focus: #fc6346;
+}

package/dist/web/components/wd-store-home/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-store-home';
+import './style';
+export type PropsType = CommonPropsType;
+export default function WdStoreHome(): JSX.Element;
+export interface WdStoreHomeProps extends CommonPropsType, DataType {
+}

package/dist/web/components/wd-store-home/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ConfigProvider, Bubble } from 'tea-component';
+import './style';
+export default function WdStoreHome() {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: _jsxs(_Fragment, { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", _jsx("br", {}), _jsx("a", { href: "https://developers.weixin.qq.com/miniprogram/dev/component/store-home.html", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8BF4\u660E" })] }), children: _jsxs("div", { className: "wd-store-home__wrap", children: [_jsxs("div", { className: "wd-store-home__content", children: [_jsx("img", { className: "wd-store-home__img", src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", alt: "" }), _jsxs("div", { children: [_jsx("p", { className: "wd-store-home__title", children: "\u5C0F\u5E97\u540D\u79F0" }), _jsx("p", { className: "wd-store-home__label", children: "\u5C0F\u5E97\u7B80\u4ECB" })] })] }), _jsxs("div", { className: "wd-store-home__footer", children: [_jsx("i", { className: "wd-store-home__icon" }), "\u5C0F\u5E97\u540D\u79F0"] })] }) }) }));
+}

package/dist/web/components/wd-store-home/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/wd-store-home/style.js

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';