@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -6,8 +6,13 @@ import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@rea
 import './index.css';
 import Image from '../image';
 import { emptyObject } from '../../utils/constant';
-export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images, }) {
-    const itemCount = images.length;
+export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images: defalutImages, }) {
+    const isCorrectDatas = Array.isArray(defalutImages);
+    const images = isCorrectDatas ? defalutImages : [];
+    if (!isCorrectDatas) {
+        console.error('绑定数据类型错误，当前绑定值：', defalutImages);
+    }
+    const itemCount = images === null || images === void 0 ? void 0 : images.length;
     current = Math.max(0, Math.min(itemCount - 1, current));
     const [currentIndex, setCurrentIndex] = useState(current);
     const [swipeStyle, setSwipeStyle] = useState(null);
@@ -39,7 +44,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
     useEventListener(outerWrapRef, 'load', (e) => {
         setHeight(e.target.clientHeight);
     });
-    const itemsClone = images.map((x, i) => {
+    const itemsClone = images === null || images === void 0 ? void 0 : images.map((x, i) => {
         return (React.createElement("div", { className: "g-swiper-item", "data-index": i, key: i },
             React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, src: x.image, alt: '图片', fit: x.fit, style: {
                     height: x.height ? x.height : 'auto',
@@ -108,7 +113,9 @@ export default function Carousel({ className, style, autoplay, circular, vertica
     return (React.createElement("div", { className: classNames('g-swiper weda-ui g-carousel', className, {
             vertical: vertical,
         }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id, "data-testid": "carousel" },
-        itemCount > 0 ? (React.createElement(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
+        itemCount > 0 ? (
+        // @ts-ignore todo
+        React.createElement(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
                 vertical || setIndex(currentIndex + 1);
             }, onSwipeRight: () => {
                 vertical || setIndex(currentIndex - 1);
@@ -117,7 +124,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
             }, onSwipeUp: () => {
                 vertical && setIndex(currentIndex + 1);
             } },
-            itemsClone[itemCount - 1],
+            itemsClone[itemCount - 1], images === null || images === void 0 ? void 0 :
             images.map((x, i) => {
                 return (React.createElement(SwiperItem, { setHeight: setHeight, currentIndex: currentIndex, index: i, key: i, imagesValue: x },
                     React.createElement(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: x.fit, src: x.image, alt: '图片', style: {
@@ -126,7 +133,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
                         } })));
             }),
             itemsClone[0])) : null,
-        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, images.map((x, i) => {
+        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, images === null || images === void 0 ? void 0 : images.map((x, i) => {
             return (React.createElement("a", { key: i, href: "#", className: "g-swiper__pagination-bulletm", "data-testid": "g-swiper__pagination-bulletm", style: {
                     backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
                 }, onClick: (e) => {

package/dist/web/components/chart/common/core/eChartBar.js

@@ -80,8 +80,16 @@ class EchartBar extends EchartBase {
                     });
                 });
                 // 组装图表需要的数据
-                const arrGroupKey = Object.keys(objGroupKey);
-                this.config.series = arrGroupKey.map((groupKey) => {
+                const groups = [];
+                sortedXAxisData.forEach((eachAxis) => {
+                    eachAxis.YLabels.forEach((yLabel) => {
+                        if (yLabel.Group_Name && groups.indexOf(yLabel.Group_Name) < 0) {
+                            // 去重且保留顺序
+                            groups.push(yLabel.Group_Name);
+                        }
+                    });
+                });
+                this.config.series = groups.map((groupKey) => {
                     // groupKey分组字段中文名
                     const serie = {
                         name: groupKey,

package/dist/web/components/chart/common/core/eChartLine.js

@@ -43,17 +43,17 @@ class EchartLine extends EchartBase {
                             data: [],
                         };
                         sortedXAxisData.forEach((itemSource, index) => {
-                            var _a, _b;
+                            var _a, _b, _c, _d, _e, _f, _g;
                             this.config.series[j].name =
-                                (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : itemSource.YLabels[j].Name;
-                            if ((itemSource.YLabels[j].Value === undefined ||
-                                itemSource.YLabels[j].Value === null) &&
+                                (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : (_c = itemSource.YLabels[j]) === null || _c === void 0 ? void 0 : _c.Name;
+                            if ((((_d = itemSource.YLabels[j]) === null || _d === void 0 ? void 0 : _d.Value) === undefined ||
+                                ((_e = itemSource.YLabels[j]) === null || _e === void 0 ? void 0 : _e.Value) === null) &&
                                 !xIsCountEmpty) {
                                 arrXisCountEmptyIndex.push(index);
                             }
                             else {
-                                const value = itemSource.YLabels[j].Value
-                                    ? itemSource.YLabels[j].Value
+                                const value = ((_f = itemSource.YLabels[j]) === null || _f === void 0 ? void 0 : _f.Value)
+                                    ? (_g = itemSource.YLabels[j]) === null || _g === void 0 ? void 0 : _g.Value
                                     : 0;
                                 this.config.series[j].data.push(value);
                             }
@@ -80,8 +80,16 @@ class EchartLine extends EchartBase {
                     });
                 });
                 // 组装图表需要的数据
-                const groupNames = Object.keys(objGroupKey);
-                this.config.series = groupNames.map((groupKey) => {
+                const groups = [];
+                sortedXAxisData.forEach((eachAxis) => {
+                    eachAxis.YLabels.forEach((yLabel) => {
+                        if (yLabel.Group_Name && groups.indexOf(yLabel.Group_Name) < 0) {
+                            // 去重且保留顺序
+                            groups.push(yLabel.Group_Name);
+                        }
+                    });
+                });
+                this.config.series = groups.map((groupKey) => {
                     // groupKey分组字段中文名
                     const serie = {
                         name: groupKey,

package/dist/web/components/chart/common/core/eChartPie.js

@@ -28,10 +28,11 @@ class EchartPie extends EchartBase {
                     const arrData = [];
                     let i = 0;
                     arrSourData.forEach((itemSource) => {
+                        var _a;
                         const numc = setColor ? setColor.length : 0;
                         const strColor = numc > 0 ? { color: setColor[i % numc] } : {};
                         arrData.push({
-                            value: itemSource.YLabels[0].Value,
+                            value: (_a = itemSource.YLabels[0]) === null || _a === void 0 ? void 0 : _a.Value,
                             name: itemSource.XLabel.Value,
                             tooltip: {},
                             itemStyle: strColor,

package/dist/web/components/chart/statisticsCard/index.css

@@ -1,21 +1,21 @@
 /* pc style */
 .weda-statistics-card {
   background: #ffffff;
-  border: 0.07143rem solid #f1f2f5;
+  border: 1px solid #f1f2f5;
   box-sizing: border-box;
-  box-shadow: 0 0.07143rem 0.14286rem rgba(0, 0, 0, 0.1);
-  border-radius: 0.42857rem;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
   box-sizing: border-box;
-  font-size: 1rem;
+  font-size: 14px;
 }
 .weda-statistics-card.weda-statistics-card-pc {
-  width: 19.71429rem;
-  min-height: 9.14286rem;
+  width: 276px;
+  min-height: 128px;
 }
 
 .weda-statistics-card .weda-statistics-card__wrapper {
   width: 100%;
-  padding: 2rem 1.71429rem;
+  padding: 28px 24px;
 }
 
 .weda-statistics-card .weda-statistics-card__title {
@@ -25,7 +25,7 @@
 }
 
 .weda-statistics-card .weda-statistics-card__detail {
-  margin-top: 0.57143rem;
+  margin-top: 8px;
 }
 
 .weda-statistics-card .weda-statistics-card__count {
@@ -39,28 +39,25 @@
   font-size: 1em;
   line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.4);
-  margin-left: 0.28571rem;
+  margin-left: 4px;
   vertical-align: middle;
 }
 
 /* h5 style */
 .weda-statistics-card.weda-statistics-card-mobile {
   max-width: 100%;
-  min-height: 10rem;
+  min-height: 140px;
 }
 .weda-statistics-card-mobile .weda-statistics-card__wrapper {
   width: 100%;
-  padding: 2.85714rem 1.71429rem;
+  padding: 40px 24px;
 }
 
 .weda-statistics-card-mobile .weda-statistics-card__detail {
-  margin-top: 0.28571rem;
+  margin-top: 4px;
 }
 
 .weda-statistics-card-mobile .weda-statistics-card__count {
   font-size: 2em;
   line-height: 2.42857em;
 }
-
-/*# sourceURL=webpack://./src/web/components/chart/statisticsCard/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9jaGFydC9zdGF0aXN0aWNzQ2FyZC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsYUFBYTtBQUNiO0VBQ0UsbUJBQW1CO0VBQ25CLGdDQUFnQztFQUNoQyxzQkFBc0I7RUFDdEIsc0RBQXNEO0VBQ3RELHlCQUF5QjtFQUN6QixzQkFBc0I7RUFDdEIsZUFBZTtBQUNqQjtBQUNBO0VBQ0Usa0JBQWtCO0VBQ2xCLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLFdBQVc7RUFDWCx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSxjQUFjO0VBQ2Qsc0JBQXNCO0VBQ3RCLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIseUJBQXlCO0VBQ3pCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxzQkFBc0I7RUFDdEIseUJBQXlCO0VBQ3pCLHVCQUF1QjtFQUN2QixzQkFBc0I7QUFDeEI7O0FBRUEsYUFBYTtBQUNiO0VBQ0UsZUFBZTtFQUNmLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsV0FBVztFQUNYLDhCQUE4QjtBQUNoQzs7QUFFQTtFQUNFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxzQkFBc0I7QUFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBwYyBzdHlsZSAqL1xuLndlZGEtc3RhdGlzdGljcy1jYXJkIHtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgYm9yZGVyOiAwLjA3MTQzcmVtIHNvbGlkICNmMWYyZjU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJveC1zaGFkb3c6IDAgMC4wNzE0M3JlbSAwLjE0Mjg2cmVtIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMC40Mjg1N3JlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuLndlZGEtc3RhdGlzdGljcy1jYXJkLndlZGEtc3RhdGlzdGljcy1jYXJkLXBjIHtcbiAgd2lkdGg6IDE5LjcxNDI5cmVtO1xuICBtaW4taGVpZ2h0OiA5LjE0Mjg2cmVtO1xufVxuXG4ud2VkYS1zdGF0aXN0aWNzLWNhcmQgLndlZGEtc3RhdGlzdGljcy1jYXJkX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDJyZW0gMS43MTQyOXJlbTtcbn1cblxuLndlZGEtc3RhdGlzdGljcy1jYXJkIC53ZWRhLXN0YXRpc3RpY3MtY2FyZF9fdGl0bGUge1xuICBmb250LXNpemU6IDFlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNTcxNDJlbTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbn1cblxuLndlZGEtc3RhdGlzdGljcy1jYXJkIC53ZWRhLXN0YXRpc3RpY3MtY2FyZF9fZGV0YWlsIHtcbiAgbWFyZ2luLXRvcDogMC41NzE0M3JlbTtcbn1cblxuLndlZGEtc3RhdGlzdGljcy1jYXJkIC53ZWRhLXN0YXRpc3RpY3MtY2FyZF9fY291bnQge1xuICBmb250LXNpemU6IDIuMjg1NzFlbTtcbiAgbGluZS1oZWlnaHQ6IDMuMTQyODVlbTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC45KTtcbiAgd29yZC1icmVhazogYnJlYWstYWxsO1xufVxuXG4ud2VkYS1zdGF0aXN0aWNzLWNhcmQgLndlZGEtc3RhdGlzdGljcy1jYXJkX191bml0IHtcbiAgZm9udC1zaXplOiAxZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjU3MTQyZW07XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIG1hcmdpbi1sZWZ0OiAwLjI4NTcxcmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG4vKiBoNSBzdHlsZSAqL1xuLndlZGEtc3RhdGlzdGljcy1jYXJkLndlZGEtc3RhdGlzdGljcy1jYXJkLW1vYmlsZSB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTByZW07XG59XG4ud2VkYS1zdGF0aXN0aWNzLWNhcmQtbW9iaWxlIC53ZWRhLXN0YXRpc3RpY3MtY2FyZF9fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyLjg1NzE0cmVtIDEuNzE0MjlyZW07XG59XG5cbi53ZWRhLXN0YXRpc3RpY3MtY2FyZC1tb2JpbGUgLndlZGEtc3RhdGlzdGljcy1jYXJkX19kZXRhaWwge1xuICBtYXJnaW4tdG9wOiAwLjI4NTcxcmVtO1xufVxuXG4ud2VkYS1zdGF0aXN0aWNzLWNhcmQtbW9iaWxlIC53ZWRhLXN0YXRpc3RpY3MtY2FyZF9fY291bnQge1xuICBmb250LXNpemU6IDJlbTtcbiAgbGluZS1oZWlnaHQ6IDIuNDI4NTdlbTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

package/dist/web/components/chart/statisticsCard/index.js

@@ -1,10 +1,11 @@
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import './index.css';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
 import { useDeepCompareEffect, useIsMounted } from '@react-hookz/web';
 import { callDataSource, callWedaApi } from '../../../utils/tcb';
+import { getUuid } from '../../../utils/tool';
 const CLASS_PREFIX = 'weda-statistics-card';
 // 默认显示值
 const defaultVal = 1000;
@@ -109,6 +110,7 @@ const formatNumber = (val, digits = 0) => {
 const defaultAppCloud = { callDataSource, callWedaApi };
 export default function StatisticsCard({ dataSource, filterData, field, operationType, label, isCountEmpty, isShowUnit, unit, decimalDigits, suffix, className, style, events, id, role, appCloud = defaultAppCloud, }) {
     const [val, setVal] = useState(defaultVal);
+    const delayRef = useRef({ version: null });
     const isMounted = useIsMounted();
     async function getSourceData(dataSource, filterData, field, operationType, isCountEmpty) {
         const where = (filterData === null || filterData === void 0 ? void 0 : filterData.map)
@@ -162,7 +164,10 @@ export default function StatisticsCard({ dataSource, filterData, field, operatio
         // 内部数据源需要字段和统计方式，外部数据源不需要
         if (((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) === 'database' && field && operationType) ||
             (dataSource && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) !== 'database')) {
+            const fetchVersion = (delayRef.current.version = getUuid());
             let data = await getSourceData(dataSource, filterData, field, operationType, isCountEmpty);
+            if (fetchVersion !== delayRef.current.version)
+                return;
             // 自定义APIs 返回处理
             if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.type) !== 'database' && (data === null || data === void 0 ? void 0 : data.result)) {
                 data = data === null || data === void 0 ? void 0 : data.result;

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

@@ -3,6 +3,6 @@ import ListView from '../listView';
 /**
  * 数据容器-列表视图
  */
-export default function DataView(props) {
-    return (React.createElement(ListView, { ...props, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: (values) => values === null || values === void 0 ? void 0 : values[0] }));
-}
+export default React.forwardRef(function DataView(props, ref) {
+    return (React.createElement(ListView, { ...props, ref: ref, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: (values) => (values === null || values === void 0 ? void 0 : values[0]) || {} }));
+});

package/dist/web/components/emptyContent/index.css

@@ -0,0 +1,26 @@
+.weda-list-view__empty {
+  width: 100%;
+  padding: 16px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content {
+  color: rgba(0, 0, 0, 0.9);
+  width: 100%;
+  height: 200px;
+  background-color: #f2f2f2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 14px;
+  border-radius: 6px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content.table {
+  background-color: unset;
+  height: 140px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content.table.isH5 {
+  height: 548px;
+}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import './index.css';
+const BLOCK_NAME = 'weda-list-view';
+export default function EmptyContent(props) {
+    const { emptyText, component, isH5 } = props;
+    return (React.createElement("div", { className: `${BLOCK_NAME}__empty` },
+        React.createElement("div", { className: `${BLOCK_NAME}__empty__content test
+        ${component === 'table' && 'table'}
+        ${isH5 && 'isH5'}` },
+            React.createElement("svg", { width: "120", height: "80", viewBox: "0 0 120 80", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                React.createElement("rect", { x: "14", y: "8", width: "80", height: "50", fill: "url(#paint0_linear_810_13830)" }),
+                React.createElement("path", { d: "M28 22H20", stroke: "black", strokeOpacity: "0.9" }),
+                React.createElement("path", { d: "M44 27H20", stroke: "black", strokeOpacity: "0.9" }),
+                React.createElement("path", { d: "M44 32H20", stroke: "black", strokeOpacity: "0.9" }),
+                React.createElement("g", { filter: "url(#filter0_b_810_13830)" },
+                    React.createElement("path", { d: "M14 8H94V14H14V8Z", fill: "black", fillOpacity: "0.9" })),
+                React.createElement("path", { d: "M19 11H18", stroke: "white" }),
+                React.createElement("path", { d: "M23 11H22", stroke: "white" }),
+                React.createElement("path", { d: "M27 11H26", stroke: "white" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M78 18H62V34H78V18ZM97 18H81V34H97V18Z", fill: "url(#paint1_linear_810_13830)" }),
+                React.createElement("g", { filter: "url(#filter1_b_810_13830)" },
+                    React.createElement("path", { d: "M50 72H105V32H50V72Z", fill: "url(#paint2_linear_810_13830)", fillOpacity: "0.9" })),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.5244 57.9636C79.5244 58.483 79.2697 58.9325 78.9038 59.2929C78.5397 59.6516 78.0384 59.9517 77.4594 60.1929C76.2991 60.6764 74.7308 60.9636 73.0244 60.9636C71.318 60.9636 69.7498 60.6764 68.5895 60.1929C68.0104 59.9517 67.5092 59.6516 67.145 59.2929C66.7791 58.9325 66.5244 58.483 66.5244 57.9636V50.9636C66.5244 50.4443 66.7791 49.9948 67.145 49.6343C67.5092 49.2756 68.0104 48.9756 68.5895 48.7343C69.7498 48.2509 71.318 47.9636 73.0244 47.9636C74.7308 47.9636 76.2991 48.2509 77.4594 48.7343C78.0384 48.9756 78.5397 49.2756 78.9038 49.6343C79.2697 49.9948 79.5244 50.4443 79.5244 50.9636V57.9636ZM67.8468 50.3467C67.6055 50.5845 67.5244 50.7926 67.5244 50.9636C67.5244 51.1346 67.6055 51.3428 67.8468 51.5805C68.0899 51.82 68.4674 52.0587 68.9741 52.2699C69.9854 52.6912 71.4171 52.9636 73.0244 52.9636C74.6318 52.9636 76.0635 52.6912 77.0747 52.2699C77.5815 52.0587 77.9589 51.82 78.202 51.5805C78.4434 51.3428 78.5244 51.1346 78.5244 50.9636C78.5244 50.7926 78.4434 50.5845 78.202 50.3467C77.9589 50.1072 77.5815 49.8685 77.0747 49.6574C76.0635 49.236 74.6318 48.9636 73.0244 48.9636C71.4171 48.9636 69.9854 49.236 68.9741 49.6574C68.4674 49.8685 68.0899 50.1072 67.8468 50.3467ZM78.5244 52.6118V54.4636C78.5244 54.6346 78.4434 54.8428 78.202 55.0805C77.9589 55.32 77.5815 55.5587 77.0747 55.7699C76.0635 56.1912 74.6318 56.4636 73.0244 56.4636C71.4171 56.4636 69.9854 56.1912 68.9741 55.7699C68.4674 55.5587 68.0899 55.32 67.8468 55.0805C67.6055 54.8428 67.5244 54.6346 67.5244 54.4636V52.6118C67.8298 52.8333 68.1912 53.027 68.5895 53.1929C69.7498 53.6764 71.318 53.9636 73.0244 53.9636C74.7308 53.9636 76.2991 53.6764 77.4594 53.1929C77.8576 53.027 78.2191 52.8333 78.5244 52.6118ZM78.5244 57.9636V56.1118C78.2191 56.3333 77.8576 56.527 77.4594 56.6929C76.2991 57.1764 74.7308 57.4636 73.0244 57.4636C71.318 57.4636 69.7498 57.1764 68.5895 56.6929C68.1912 56.527 67.8298 56.3333 67.5244 56.1118V57.9636C67.5244 58.1346 67.6055 58.3428 67.8468 58.5805C68.0899 58.82 68.4674 59.0587 68.9741 59.2699C69.9854 59.6912 71.4171 59.9636 73.0244 59.9636C74.6318 59.9636 76.0635 59.6912 77.0747 59.2699C77.5815 59.0587 77.9589 58.82 78.202 58.5805C78.4434 58.3428 78.5244 58.1346 78.5244 57.9636Z", fill: "white" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M86.9038 53.2932C87.2697 52.9327 87.5244 52.4832 87.5244 51.9639V44.9639C87.5244 44.4445 87.2697 43.995 86.9038 43.6346C86.5397 43.2759 86.0384 42.9758 85.4594 42.7346C84.2991 42.2511 82.7308 41.9639 81.0244 41.9639C79.318 41.9639 77.7498 42.2511 76.5895 42.7346C76.0104 42.9758 75.5092 43.2759 75.145 43.6346C74.7791 43.995 74.5244 44.4445 74.5244 44.9639V48.0786C74.8689 48.1148 75.2032 48.1631 75.5244 48.2225V46.612C75.8298 46.8335 76.1912 47.0272 76.5895 47.1932C77.7498 47.6766 79.318 47.9639 81.0244 47.9639C82.7308 47.9639 84.2991 47.6766 85.4594 47.1932C85.8576 47.0272 86.2191 46.8335 86.5244 46.612V48.4639C86.5244 48.6349 86.4434 48.843 86.202 49.0808C85.9589 49.3203 85.5815 49.559 85.0747 49.7701C84.0635 50.1915 82.6318 50.4639 81.0244 50.4639C80.4454 50.4639 79.8891 50.4285 79.3671 50.3636C79.4517 50.5615 79.4999 50.7741 79.4999 51V51.3853C79.9898 51.4368 80.5006 51.4639 81.0244 51.4639C82.7308 51.4639 84.2991 51.1766 85.4594 50.6932C85.8576 50.5272 86.2191 50.3335 86.5244 50.112V51.9639C86.5244 52.1349 86.4434 52.343 86.202 52.5808C85.9589 52.8203 85.5815 53.059 85.0747 53.2701C84.0635 53.6915 82.6318 53.9639 81.0244 53.9639C80.4942 53.9639 79.9831 53.9342 79.4999 53.8794V54.8853C79.9898 54.9368 80.5006 54.9639 81.0244 54.9639C82.7308 54.9639 84.2991 54.6766 85.4594 54.1932C86.0384 53.9519 86.5397 53.6519 86.9038 53.2932ZM75.5244 44.9639C75.5244 44.7929 75.6055 44.5847 75.8468 44.3469C76.0899 44.1075 76.4674 43.8688 76.9741 43.6576C77.9854 43.2363 79.4171 42.9639 81.0244 42.9639C82.6318 42.9639 84.0635 43.2363 85.0747 43.6576C85.5815 43.8688 85.9589 44.1075 86.202 44.3469C86.4434 44.5847 86.5244 44.7929 86.5244 44.9639C86.5244 45.1349 86.4434 45.343 86.202 45.5808C85.9589 45.8203 85.5815 46.059 85.0747 46.2701C84.0635 46.6915 82.6318 46.9639 81.0244 46.9639C79.4171 46.9639 77.9854 46.6915 76.9741 46.2701C76.4674 46.059 76.0899 45.8203 75.8468 45.5808C75.6055 45.343 75.5244 45.1349 75.5244 44.9639Z", fill: "white" }),
+                React.createElement("defs", null,
+                    React.createElement("filter", { id: "filter0_b_810_13830", x: "10", y: "4", width: "88", height: "14", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                        React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                        React.createElement("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "2" }),
+                        React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_810_13830" }),
+                        React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_810_13830", result: "shape" })),
+                    React.createElement("filter", { id: "filter1_b_810_13830", x: "44.6667", y: "26.6667", width: "65.6667", height: "50.6667", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                        React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                        React.createElement("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "2.66667" }),
+                        React.createElement("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_810_13830" }),
+                        React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_810_13830", result: "shape" })),
+                    React.createElement("linearGradient", { id: "paint0_linear_810_13830", x1: "54", y1: "8", x2: "54", y2: "58", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#E7E7E7" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#DCDCDC" })),
+                    React.createElement("linearGradient", { id: "paint1_linear_810_13830", x1: "84.6042", y1: "18", x2: "84.6042", y2: "34", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "white" }),
+                        React.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0.2" })),
+                    React.createElement("linearGradient", { id: "paint2_linear_810_13830", x1: "74.8387", y1: "66.7826", x2: "74.8387", y2: "33.6563", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#939393", stopOpacity: "0.7" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#939393" })))),
+            emptyText)));
+}

package/dist/web/components/flow/components/FlowModuleText/Content.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { getModuleContentStyle } from './utils';
+export function Content(props) {
+    const { className, children } = props;
+    return (React.createElement("span", { className: className, style: getModuleContentStyle(props) }, children));
+}

package/dist/web/components/flow/components/FlowModuleText/Title.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { getLineHeight } from './utils';
+import './index.css';
+export function Title(props) {
+    const { className, moduleTitle, moduleTitleColor, moduleTitleFontSize, moduleTitleFontWeight, moduleTitleLineHeight, moduleTitleVisible, } = props;
+    if (moduleTitleVisible) {
+        const style = {
+            color: moduleTitleColor,
+            fontSize: moduleTitleFontSize,
+            fontWeight: moduleTitleFontWeight,
+            lineHeight: getLineHeight(moduleTitleLineHeight),
+        };
+        return (React.createElement("div", { className: `model-flow-module-title ${className}`, style: style }, moduleTitle));
+    }
+    return null;
+}

package/dist/web/components/flow/components/FlowModuleText/index.css

@@ -0,0 +1,4 @@
+.model-flow-module-title {
+  font-size: 16px;
+  font-weight: 700;
+}

package/dist/web/components/flow/components/FlowModuleText/index.js

@@ -0,0 +1,7 @@
+import { Title } from './Title';
+import { Content } from './Content';
+export * from './utils';
+export const FlowModuleText = {
+    Content,
+    Title,
+};

package/dist/web/components/flow/components/FlowModuleText/utils.js

@@ -0,0 +1,34 @@
+export function getModuleTextProps(props) {
+    const moduleProps = {};
+    Object.entries(props).forEach(([key, value]) => {
+        if (key.startsWith('module')) {
+            moduleProps[key] = value;
+        }
+    });
+    return moduleProps;
+}
+export function getLineHeight(lineHeight) {
+    const realLineHeight = +lineHeight;
+    if (typeof realLineHeight === 'number') {
+        return `${realLineHeight}rem`;
+    }
+    return lineHeight;
+}
+export function getModuleContentStyle(props) {
+    const style = {
+        color: props.moduleContentColor,
+        fontSize: props.moduleContentFontSize,
+        fontWeight: props.moduleContentFontWeight,
+        lineHeight: getLineHeight(props.moduleContentLineHeight),
+    };
+    return style;
+}
+export function getModuleTitleStyle(props) {
+    const style = {
+        color: props.moduleTitleColor,
+        fontSize: props.moduleTitleFontSize,
+        fontWeight: props.moduleTitleFontWeight,
+        lineHeight: getLineHeight(props.moduleTitleLineHeight),
+    };
+    return style;
+}

package/dist/web/components/flow/components/FlowStatusText/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Text } from 'tea-component';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const omit = (prop, { [prop]: _, ...rest }) => rest;
+export const FlowStatusText = (props) => {
+    const { isCompleted, status, userTaskType } = props.flow || {};
+    const getTagProps = () => {
+        const props = {
+            theme: 'warning',
+            text: '审批中',
+        };
+        if (userTaskType === 2) {
+            props.text = '处理中';
+        }
+        if (isCompleted) {
+            if (status === 1) {
+                props.theme = 'danger';
+                props.text = '已终止';
+            }
+            else if (status === 2) {
+                props.theme = 'danger';
+                props.text = '已驳回';
+            }
+            else if (status === 4) {
+                props.theme = 'danger';
+                props.text = '已作废';
+            }
+            else {
+                props.theme = 'success';
+                props.text = userTaskType === 2 ? '已处理' : '审批通过';
+            }
+        }
+        return props;
+    };
+    const { text, ...rest } = getTagProps();
+    return (React.createElement(Text, { ...rest, style: omit('color', props.style) }, text));
+};

package/dist/web/components/flow/components/FlowUserSelect/index.css

@@ -0,0 +1,116 @@
+.flow-user-select-mobile {
+  height: calc(100% - 52px);
+}
+.flow-user-select-mobile .page-info__wrapper-mobile {
+  position: relative;
+  height: 100%;
+  background: #f2f2f2;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile .wedatea2td-table {
+  height: calc(100% - 200px) !important;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  .wedatea2td-table
+  .wedatea2td-table__body {
+  max-height: calc(100% - 50px) !important;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile footer.selected-info {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 90px;
+  padding: 12px 16px 0 20px;
+  box-sizing: border-box;
+  background: #fff;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .selected-count {
+  font-size: 14px;
+  color: #2473f2;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .selected-people {
+  font-size: 12px;
+  color: #c2c2c2;
+  max-width: 200px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .collapse-spread {
+  display: inline-block;
+  margin-left: 16px;
+  width: 8px;
+  height: 8px;
+  border: none;
+  border-top: 2px solid #2473f2;
+  border-right: 2px solid #2473f2;
+  transform: rotate(-45deg);
+  vertical-align: middle;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .submit-btn {
+  width: 94px;
+  height: 40px;
+  border-radius: 4px;
+  background: #2473f2;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile .loading-dom__wrapper {
+  height: calc(100% - 150px);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background: #fff;
+}
+.SelectPersonOrg-popup .selected-title {
+  position: sticky;
+  top: 0;
+  padding: 0 20px;
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #dcdee6;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn {
+  font-size: 16px;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn--text {
+  color: #666;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn--link {
+  color: #006eff;
+}
+.SelectPersonOrg-popup .selected-title span {
+  font-size: 14px;
+}
+.SelectPersonOrg-popup .selected-person {
+  height: calc(100% - 41px);
+  padding: 0 20px;
+  overflow-y: auto;
+}
+.SelectPersonOrg-popup .selected-person .tea-justify-grid {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #dcdee6;
+}
+.SelectPersonOrg-popup
+  .selected-person
+  .tea-justify-grid
+  .selected-person__name {
+  font-size: 14px;
+}