@cloudbase/weda-ui 3.4.4 → 3.4.6

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/style.css

@@ -0,0 +1,26 @@
+.weda-flow-checklist-popup {
+  display: flex;
+  flex-direction: column;
+}
+.weda-flow-checklist-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 16px;
+}
+.weda-flow-checklist-body .wedatea2td-form-check-group {
+  display: block;
+}
+.weda-flow-checklist-body .wedatea2td-form-check {
+  border-bottom: 0.5px solid #e7e7e7;
+  padding: 12px 0;
+  position: relative;
+  display: flex;
+  margin: 0 !important;
+}
+
+.weda-flow-checklist-confirm {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 14px;
+}

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.js

@@ -0,0 +1,98 @@
+import React, { useRef, useEffect, useState } from 'react';
+import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
+import { FlowCheckListPopup } from './check-list-popup';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export const FlowTaskInfoModal = (props) => {
+    const { isH5, visible, flowTaskInfoList, selectedTaskIds, setSelectedTaskIds, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
+    const options = flowTaskInfoList.map((item) => ({
+        text: item === null || item === void 0 ? void 0 : item.assigneeName,
+        value: item === null || item === void 0 ? void 0 : item.waitFlowTaskId,
+    }));
+    const renderModal = () => {
+        return (React.createElement(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto" },
+            React.createElement(Modal.Body, null,
+                React.createElement(Form, { style: { marginBottom: '5px' } },
+                    React.createElement(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA" },
+                        React.createElement(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: options, value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value) })))),
+            React.createElement(Modal.Footer, null,
+                React.createElement(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedTaskIds.length }, "\u786E\u5B9A"),
+                React.createElement(Button, { type: "weak", onClick: () => onSubmitTaskIds() }, "\u53D6\u6D88"))));
+    };
+    const renderPopup = () => {
+        return (React.createElement(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                disabled: !selectedTaskIds.length,
+                onClick: () => onSubmitTaskIds(false),
+            } },
+            React.createElement(Checkbox.Group, { value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value), layout: "column" }, options.map((option) => (React.createElement(Checkbox, { name: option.value, key: option.value }, option.text))))));
+    };
+    return React.createElement(React.Fragment, null,
+        " ",
+        isH5 ? renderPopup() : renderModal());
+};
+/** 下一节点审批人model */
+function useFlowTaskInfoModel(params) {
+    const { flowRequest, isH5 } = params.flowFrameCommonProps.flowLocalProps;
+    const { onAfterFinishFlowAction } = params.flowControlModel;
+    /** 弹框是否可见 */
+    const [visible, setVisible] = useState(false);
+    /** 审批人列表 */
+    const [flowTaskInfoList, setFlowTaskInfoList] = useState([]);
+    /** 已选任务数组 */
+    const [selectedTaskIds, setSelectedTaskIds] = useState([]);
+    const timer = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanTiming();
+        };
+    }, []);
+    useEffect(() => {
+        if (params.flowControlModel.triggerFlowTaskInfo) {
+            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
+            setVisible(true);
+            setFlowTaskInfoList(toBeSubmittedFlowTaskInfo || []);
+            timingSubmit();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [params.flowControlModel.triggerFlowTaskInfo]);
+    const cleanTiming = () => {
+        clearTimeout(timer.current);
+    };
+    /** 审批人列表提交 */
+    const submitFlowTaskList = async (flowTaskIds) => {
+        const result = await flowRequest({
+            action: 'SubmitFlowTaskList',
+            data: { flowTaskIds },
+        });
+        if (result === null || result === void 0 ? void 0 : result.status) {
+            setVisible(false);
+            setSelectedTaskIds([]);
+            cleanTiming();
+            // 执行完成后自定义动作
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    /** 定时提交 */
+    const timingSubmit = () => {
+        // eslint-disable-next-line rulesdir/no-timer
+        timer.current = setTimeout(() => {
+            submitFlowTaskList();
+        }, 600000);
+    };
+    /** 提交按钮动作 */
+    const onSubmitTaskIds = (isCancel = true) => {
+        const taskIds = isCancel
+            ? flowTaskInfoList.map((i) => i === null || i === void 0 ? void 0 : i.waitFlowTaskId)
+            : selectedTaskIds;
+        submitFlowTaskList(taskIds);
+    };
+    return {
+        isH5,
+        selectedTaskIds,
+        visible,
+        flowTaskInfoList,
+        setSelectedTaskIds,
+        onSubmitTaskIds,
+    };
+}

package/dist/web/components/flow/modules/operations/controls-items/index.js

@@ -0,0 +1,18 @@
+import { AddAssigneeBtn } from './add-assignee-btn';
+import { ApplyCcBtn } from './apply-cc-btn';
+import { ApprovalDrawer } from './approval-drawer';
+import { CancelApplyBtn } from './cancel-apply-btn';
+import { FlowTaskInfoModal } from './flow-task-info-modal';
+import { InitiationBtn } from './initiation-btn';
+import { RevokeModal } from './revoke-modal';
+import { RollbackModal } from './roll-back-modal';
+export const CONTROL_COMPONENT = {
+    AddAssigneeBtn,
+    ApplyCcBtn,
+    ApprovalDrawer,
+    CancelApplyBtn,
+    FlowTaskInfoModal,
+    InitiationBtn,
+    RevokeModal,
+    RollbackModal,
+};

package/dist/web/components/flow/modules/operations/controls-items/initiation-btn.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { message } from 'tea-component';
+import { FlowButton } from '../components';
+/**
+ * 发起阶段按钮、可用于保存草稿和提交申请两个操作
+ */
+export function InitiationBtn(props) {
+    const { flowControlModel } = props;
+    const onClick = () => {
+        var _a;
+        const ccUserIds = (_a = flowControlModel.applyCcUser) === null || _a === void 0 ? void 0 : _a.join();
+        flowControlModel.completeTask({
+            actionKey: props.actionKey,
+            buttonAction: props.buttonAction,
+            afterAction: props.afterAction,
+            data: { ccUserIds },
+            successCallback: () => {
+                message.success({
+                    content: `${props.label}成功`,
+                });
+            },
+        });
+    };
+    return (React.createElement(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onClick }, props.label));
+}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.js

@@ -0,0 +1,50 @@
+import React, { useState } from 'react';
+import { Button, Modal, message } from 'tea-component';
+import { FlowPopup, FlowButton } from '../../components';
+import './style.css';
+export function RevokeModal(props) {
+    const { flowFrameCommonProps, flowControlModel } = props;
+    const { flowRequest, isH5, currentPageType } = flowFrameCommonProps.flowLocalProps;
+    const { flowDetail } = flowFrameCommonProps.commonFlowData;
+    const { onAfterFinishFlowAction } = flowControlModel;
+    const [visible, setVisible] = useState(false);
+    const onOpen = () => setVisible(true);
+    const onClose = () => setVisible(false);
+    /** 撤销请求 */
+    const revoke = async () => {
+        const result = await flowRequest({
+            action: 'Revoke',
+            data: {
+                flowCode: flowDetail.flowCode,
+                appVersion: flowDetail.flowVersion,
+                instanceId: flowDetail.instanceId,
+                revokeType: currentPageType === 'CREATE' ? 2 : 1,
+                taskId: currentPageType === 'DONE' ? flowDetail.taskId : undefined,
+            },
+        });
+        if (result) {
+            message.success({
+                content: `${props.label}成功`,
+            });
+            onAfterFinishFlowAction(props.actionKey, props.afterAction);
+        }
+    };
+    const renderModal = () => {
+        return (React.createElement(Modal, { visible: visible, caption: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", onClose: onClose },
+            React.createElement(Modal.Body, null, "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F"),
+            React.createElement(Modal.Footer, null,
+                React.createElement(Button, { type: "primary", onClick: revoke }, "\u786E\u5B9A"),
+                React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"))));
+    };
+    const renderPopup = () => {
+        return (React.createElement(FlowPopup, { visible: visible, onClose: onClose, title: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", overlayStyle: { zIndex: 998 }, width: "80%", className: "weda-flow-revoke-popup" },
+            React.createElement("div", { className: "weda-flow-revoke-tip" },
+                React.createElement("div", { className: "weda-flow-revoke-content" }, "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F"),
+                React.createElement("div", { className: "weda-flow-revoke-confirm" },
+                    React.createElement(Button, { type: "text", onClick: onClose }, "\u53D6\u6D88"),
+                    React.createElement(Button, { type: "link", onClick: revoke }, "\u786E\u8BA4")))));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onOpen }, props.label),
+        isH5 ? renderPopup() : renderModal()));
+}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/style.css

@@ -0,0 +1,28 @@
+.weda-flow-revoke-popup {
+  border-radius: 4px;
+  width: 80%;
+}
+.weda-flow-revoke-content {
+  color: #0009;
+  font-size: 16px;
+  line-height: 24px;
+  max-height: 288px;
+  overflow: auto;
+  padding: 0 24px;
+  text-align: center;
+}
+
+.weda-flow-revoke-confirm {
+  display: flex;
+  border-top: 1px solid #eee;
+  margin-top: 32px;
+}
+
+.weda-flow-revoke-confirm button {
+  width: 50%;
+  height: 56px;
+}
+
+.weda-flow-revoke-confirm button:first-child {
+  border-right: 1px solid #eee;
+}

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.js

@@ -0,0 +1,104 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Modal, Select, Form, Radio, message } from 'tea-component';
+import { FlowCheckListPopup } from './check-list-popup';
+/** 回退弹窗 */
+export function RollbackModal(props) {
+    const { visible, isH5, preElementList, selectedNodeId, setSelectedNodeId, onOpen, onClose, rollBack, } = useRollbackModel(props);
+    const renderModal = () => {
+        return (React.createElement(Modal, { visible: visible, caption: '流程回退', onClose: onClose },
+            React.createElement(Modal.Body, null,
+                React.createElement(Form, null,
+                    React.createElement(Form.Item, { label: '选择回退节点' },
+                        React.createElement(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: preElementList, value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), style: { width: 200 } })))),
+            React.createElement(Modal.Footer, null,
+                React.createElement(Button, { type: "primary", disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId, onClick: rollBack }, "\u786E\u5B9A"),
+                React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"))));
+    };
+    const renderPopup = () => {
+        return (React.createElement(FlowCheckListPopup, { visible: visible, onClose: onClose, title: "\u8BF7\u9009\u62E9\u56DE\u9000\u8282\u70B9", overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                onClick: rollBack,
+                disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId,
+            } },
+            React.createElement(Radio.Group, { value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), layout: "column" }, preElementList.map((ele) => (React.createElement(Radio, { name: ele.value, key: ele.value }, ele.text))))));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { ...props.buttonProps, id: props.id, onClick: onOpen }, props.label),
+        isH5 ? renderPopup() : renderModal()));
+}
+/** 回退model */
+function useRollbackModel(params) {
+    const { flowFrameCommonProps, flowControlModel } = params;
+    const { flowRequest, isH5 } = flowFrameCommonProps.flowLocalProps;
+    const { flowDetail } = flowFrameCommonProps.commonFlowData;
+    const { onAfterFinishFlowAction } = flowControlModel;
+    const [visible, setVisible] = useState(false);
+    /** 可回退节点列表 */
+    const [preElementList, setPreElementList] = useState([]);
+    const [selectedNodeId, setSelectedNodeId] = useState('');
+    useEffect(() => {
+        visible && getPreElementList();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visible]);
+    const onOpen = () => setVisible(true);
+    const onClose = () => setVisible(false);
+    /** 获取回退节点列表 */
+    const getPreElementList = async () => {
+        const result = await flowRequest({
+            action: 'GetPreElementList',
+            data: {
+                flowCode: flowDetail.flowCode,
+                appVersion: flowDetail.flowVersion,
+                instanceId: flowDetail.instanceId,
+            },
+        });
+        if (result === null || result === void 0 ? void 0 : result.data) {
+            const options = [];
+            let lastNodeId = '';
+            result.data.forEach((item) => {
+                if (item.lastNode) {
+                    lastNodeId = item.elementId;
+                }
+                options.push({
+                    ...item,
+                    value: item.elementId,
+                    text: item.elementName,
+                });
+            });
+            setPreElementList(options);
+            setSelectedNodeId(lastNodeId);
+        }
+    };
+    /** 回退请求 */
+    const rollBack = async () => {
+        var _a;
+        const result = await flowRequest({
+            action: 'RollBack',
+            data: {
+                flowCode: flowDetail.flowCode,
+                appVersion: flowDetail.flowVersion,
+                instanceId: flowDetail.instanceId,
+                taskId: flowDetail.taskId,
+                nodeId: flowDetail.currentNodeId,
+                sourceType: 1,
+                targetNodeId: selectedNodeId,
+                targetActTaskId: (_a = preElementList.find((item) => item.value === selectedNodeId)) === null || _a === void 0 ? void 0 : _a.actTaskId,
+            },
+        }, { previewData: { Status: true } });
+        if (result) {
+            message.success({
+                content: `${params.label}成功`,
+            });
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    return {
+        isH5,
+        visible,
+        preElementList,
+        selectedNodeId,
+        setSelectedNodeId,
+        onOpen,
+        onClose,
+        rollBack,
+    };
+}

package/dist/web/components/flow/modules/operations/controls-items/types.js

@@ -0,0 +1 @@
+export {};

package/dist/web/components/flow/modules/operations/index.js

@@ -0,0 +1,2 @@
+import { ModelFlowControl } from './control';
+export default ModelFlowControl;

package/dist/web/components/flow/modules/operations/style.css

@@ -0,0 +1,20 @@
+.weda-flow-control {
+  height: auto;
+  overflow-x: auto;
+  background: #fff;
+  text-align: center;
+  padding: 20px;
+}
+.weda-flow-h5-control {
+  padding: 20px 0px;
+}
+.weda-flow-control-divider {
+  border-top: 0;
+  display: inline-block;
+  margin: 0 12px;
+  border-left: var(--wd-divider-size-border) solid
+    var(--wd-divider-color-border);
+  height: 1em;
+  vertical-align: middle;
+  width: 0;
+}

package/dist/web/components/flow/modules/operations/view-model.js

@@ -0,0 +1,137 @@
+import { useState } from 'react';
+import { PAGE_TYPE } from '../../constants';
+import { CommonFlowDataUtils, } from '../../frame';
+import { FLOW_CONTROL_ACTION_KEY, } from './config';
+/** 流程控制主model, 包含一些公共状态或方法 */
+export function useFlowControlModel(params) {
+    //#region model入参
+    const { commonFlowData, flowLocalProps, ide, reload, setFormType } = params;
+    const { flowDetail, pageInfo } = commonFlowData;
+    const { flowRequest, isWedaIde } = flowLocalProps;
+    const { events } = ide || {};
+    //#endregion
+    //#region hook
+    /** 提交申请时的抄送列表 */
+    const [applyCcUser, setApplyCcUser] = useState([]);
+    /** 流程是否已回退 */
+    const [hasGoBack, setHasGoBack] = useState(false);
+    /** 触发下一节点审批人操作 */
+    const [triggerFlowTaskInfo, setTriggerFlowTaskInfo] = useState(null);
+    //#endregion
+    //#region 流程操作请求
+    /** 提交申请、保存草稿、同意、拒绝、处理、转办  时 调用此请求 */
+    const completeTask = (value) => {
+        if (!value.buttonAction)
+            return;
+        getFormData(async (formDataMap) => {
+            var _a, _b, _c;
+            const params = {
+                buttonAction: value.buttonAction,
+                flowCode: flowDetail.flowCode,
+                instanceId: flowDetail.instanceId,
+                nodeId: flowDetail.currentNodeId,
+                taskId: flowDetail.taskId,
+                appVersion: flowDetail.flowVersion,
+                appCode: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.startAppCode,
+                variableInfos: translateVariableInfos(formDataMap, pageInfo),
+                ...(value.data || {}),
+            };
+            (_a = value === null || value === void 0 ? void 0 : value.setLoadingState) === null || _a === void 0 ? void 0 : _a.call(value, true);
+            const result = await flowRequest({ action: 'CompleteTask', data: params }, { upperCaseIgnoreKeys: ['variableInfos'] });
+            (_b = value === null || value === void 0 ? void 0 : value.setLoadingState) === null || _b === void 0 ? void 0 : _b.call(value, false);
+            if (result) {
+                (_c = value === null || value === void 0 ? void 0 : value.successCallback) === null || _c === void 0 ? void 0 : _c.call(value);
+                if (result === null || result === void 0 ? void 0 : result.toBeSubmittedFlowTaskFlag) {
+                    setTriggerFlowTaskInfo(result);
+                }
+                else {
+                    // 执行完成后自定义动作
+                    onAfterFinishFlowAction(value.actionKey, value.afterAction);
+                }
+            }
+        });
+    };
+    //#endregion
+    //#region 辅助方法
+    /** 获取审批申请表单数据 */
+    const getFormData = (callback) => {
+        var _a;
+        if (isWedaIde) {
+            return;
+        }
+        (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {
+            onGetFormData: (formDataMap) => {
+                if (Object.values(formDataMap).some((item) => item === undefined)) {
+                    return;
+                }
+                callback === null || callback === void 0 ? void 0 : callback(formDataMap);
+            },
+        }, {
+            originEvent: null,
+        });
+    };
+    /** 完成流程动作后的事件 */
+    function onAfterFinishFlowAction(currentActionKey, afterAction) {
+        const customizeFinishAction = events === null || events === void 0 ? void 0 : events[afterAction];
+        if (customizeFinishAction) {
+            // 当前动作不是加签的话，需要切换URL参数
+            if (currentActionKey !== FLOW_CONTROL_ACTION_KEY.ADD_ASSIGNEE) {
+                // 默认切换页面类型为【我已处理】
+                let newPageType = PAGE_TYPE.DONE;
+                // 提交后需要切换页面类型为【我发起的】
+                if (currentActionKey === FLOW_CONTROL_ACTION_KEY.SUBMIT) {
+                    newPageType = PAGE_TYPE.CREATE;
+                }
+                // 保存草稿后切换页面类型为【草稿箱】
+                if (currentActionKey === FLOW_CONTROL_ACTION_KEY.SAVE_DRAFT) {
+                    newPageType = PAGE_TYPE.DRAFT;
+                }
+                CommonFlowDataUtils.updateUrlSearch({ pageType: newPageType });
+            }
+            // 操作类型不是回退的情况才reload数据 回退之后当前流程被销毁 故回退之后不刷新数据
+            if (currentActionKey === FLOW_CONTROL_ACTION_KEY.ROLL_BACK) {
+                setHasGoBack(true);
+                setFormType('read');
+            }
+            else {
+                // 重新加载数据
+                reload();
+            }
+            // 执行自定义事件
+            customizeFinishAction === null || customizeFinishAction === void 0 ? void 0 : customizeFinishAction();
+        }
+    }
+    //#endregion
+    return {
+        hasGoBack,
+        applyCcUser,
+        triggerFlowTaskInfo,
+        setApplyCcUser,
+        completeTask,
+        onAfterFinishFlowAction,
+    };
+}
+/** 涉及提交申请表单时，转换variableInfos */
+function translateVariableInfos(currentFormData, pageInfo) {
+    var _a;
+    const outEntityCodes = (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.outEntityCodes) || [];
+    const originObjectMap = ((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.variableInfos) === null || _a === void 0 ? void 0 : _a.objectMap) || [];
+    return outEntityCodes === null || outEntityCodes === void 0 ? void 0 : outEntityCodes.map((item) => {
+        const originVariableInfo = originObjectMap === null || originObjectMap === void 0 ? void 0 : originObjectMap.find((info) => (info === null || info === void 0 ? void 0 : info.entityCode) === (item === null || item === void 0 ? void 0 : item.entityCode));
+        const { recordId, fieldValueMap } = originVariableInfo || {};
+        const currentFieldValueMap = ((currentFormData === null || currentFormData === void 0 ? void 0 : currentFormData[item === null || item === void 0 ? void 0 : item.entityCode]) ||
+            {});
+        const Value = Object.assign({
+            entityCode: item === null || item === void 0 ? void 0 : item.entityCode,
+            fieldValueMap: {
+                ...(fieldValueMap || {}),
+                ...currentFieldValueMap,
+            },
+        }, recordId ? { recordId } : {});
+        const variableInfo = {
+            Type: item === null || item === void 0 ? void 0 : item.type,
+            Value,
+        };
+        return variableInfo;
+    });
+}

package/dist/web/components/flow/services/ideData/instance.js

@@ -1,8 +1,8 @@
 export const instanceMockData = {
     InstanceId: '1540637032124833793',
-    Name: 'kong123提交的hongqi_var',
+    Name: '示例流程名称',
     Description: '',
-    StartedBy: 'kong123',
+    StartedBy: '示例流程发起人',
     CurrentApprover: '1538836331989536769',
     StartTime: 1656151467000,
     IsCompleted: false,

package/dist/web/components/flow/services/ideData/pageDetail.js

@@ -11,6 +11,7 @@ export const pageDetailMockData = {
     ShowTurnToPerson: true,
     ShowAddAssignee: true,
     ShowRollBack: true,
+    ShowRevoke: false,
     OutEntityCodes: [],
     Buttons: {
         1: '同意',

package/dist/web/components/form/select/dropdown-select/h5.js

@@ -130,7 +130,7 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                         setSearchValue('');
                                         updateValue(item, true, true);
                                     } },
-                                    React.createElement("p", null, item.label)));
+                                    React.createElement("p", { className: 'weda-ui-custom-picker__cloumn-item-text' }, item.label)));
                             }),
                             status === Status.LOADING && (React.createElement("li", { key: 'loading' },
                                 React.createElement(Loading, null))),

package/dist/web/components/form/select/dropdown-select/index.css

@@ -157,3 +157,10 @@
 .wedatea2td-search--simple .wedatea2td-input--search {
   caret-color: #000000;
 }
+
+.weda-ui-custom-picker__cloumn-item-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 40px;
+}

package/dist/web/components/form/select/index.js

@@ -187,13 +187,8 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                         setSelectedValue(value);
                     } }));
             case 'date': {
-                const now = moment();
-                const start = startDate
-                    ? decodeIsoDatetime(startDate, 'date')
-                    : `${now.year() - 20}-01-01`;
-                const end = endDate
-                    ? decodeIsoDatetime(endDate, 'date')
-                    : `${now.year() + 20}-12-31`;
+                const start = startDate ? decodeIsoDatetime(startDate, 'date') : null;
+                const end = endDate ? decodeIsoDatetime(endDate, 'date') : null;
                 const dateProps = {
                     range: [moment(start), moment(end)],
                     onChange: onDataChange,

package/dist/web/components/form/textarea/index.js

@@ -24,7 +24,7 @@ label = '标题', labelVisible = true, defaultValue = '', placeholder = '请输
         'weui-cell_disabled': disabled,
     });
     // 两次默认值不同时, 需要刷新value
-    const [value, setValue] = useSyncValue(defaultValue);
+    const [value, setValue] = useSyncValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const counter = React.useMemo(() => (value === null || value === void 0 ? void 0 : value.length) || 0, [value]);
     const onChange = function (e) {
         const text = typeof e === 'string' ? e : e.target.value;

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

@@ -54,6 +54,10 @@
   width: 100%;
   cursor: zoom-in;
 }
+._weda-fn-upload-result__item .weda-uploader-pc__image {
+  width: 100%;
+  object-fit: cover;
+}
 
 .weda-uploader-pc__input-box .wedatea2td-disabled {
   cursor: not-allowed;
@@ -123,3 +127,18 @@
   width: 6.85714em;
   height: 6.85714em;
 }
+.weda-ui .img-shape-ectangle {
+  border-radius: 0;
+}
+.weda-ui .img-shape-circular {
+  border-radius: 50%;
+}
+.weda-ui .img-shape-rounded-tectangle {
+  border-radius: 6px;
+}
+.img-shape-circular:before {
+  border-radius: 50%;
+}
+.img-shape-rounded-tectangle:before {
+  border-radius: 6px;
+}

package/dist/web/components/form/uploader/index.js

@@ -31,12 +31,30 @@ function UploaderPc(props) {
     });
 }
 export default function Uploader(props) {
+    const { showShape } = props;
+    const [imgTypeCls, setImgTypeCls] = React.useState(null);
+    React.useEffect(() => {
+        // let shapeClass;
+        switch (showShape) {
+            // 圆角矩形-roundedTectangle
+            case 'roundedTectangle':
+                setImgTypeCls('img-shape-rounded-tectangle');
+                break;
+            // 圆形-circular
+            case 'circular':
+                setImgTypeCls('img-shape-circular');
+                break;
+            default:
+                setImgTypeCls('img-shape-ectangle');
+                break;
+        }
+    }, [showShape]);
     const platform = usePlatform();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return React.createElement(UploaderPc, { ...props });
+        return React.createElement(UploaderPc, { imgTypeCls: imgTypeCls, ...props });
     }
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return React.createElement(UploaderH5, { ...props });
+        return React.createElement(UploaderH5, { imgTypeCls: imgTypeCls, ...props });
     }
-    return platform === 'h5' ? (React.createElement(UploaderH5, { ...props })) : (React.createElement(UploaderPc, { ...props }));
+    return platform === 'h5' ? (React.createElement(UploaderH5, { imgTypeCls: imgTypeCls, ...props })) : (React.createElement(UploaderPc, { imgTypeCls: imgTypeCls, ...props }));
 }