@cloudbase/weda-ui 3.10.0 → 3.10.1

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

@@ -2,8 +2,8 @@
 declare const OPERATION_NODE_STATUS: readonly [{
     readonly name: "start";
     readonly code: 1;
-    readonly theme: any;
-    readonly text: any;
+    readonly theme: "default";
+    readonly text: "提交";
 }, {
     readonly name: "pass";
     readonly code: 2;
@@ -79,15 +79,20 @@ declare const OPERATION_NODE_STATUS: readonly [{
     readonly code: 16;
     readonly theme: any;
     readonly text: any;
+}, {
+    readonly name: "delete_draft";
+    readonly code: 24;
+    readonly theme: "error";
+    readonly text: "删除草稿";
 }];
 /** 操作节点状态相关映射关系转换 */
 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">, 
+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">, 
 /** 状态名称-状态码映射 */
-NAME_CODE_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "DROP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING", number>, 
+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_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "DROP" | "END" | "START" | "DOWN" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING", "stop" | "drop" | "end" | "start" | "down" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling">, 
+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_TEXT_MAPPING: Record<string, {
     theme: string;

package/dist/web/components/flow/process/constants.js

@@ -1,6 +1,6 @@
 /** 操作节点状态相关常量 */
 const OPERATION_NODE_STATUS = [
-    { name: 'start', code: 1, theme: null, text: null },
+    { name: 'start', code: 1, theme: 'default', text: '提交' },
     { name: 'pass', code: 2, theme: 'success', text: '审批通过' },
     { name: 'down', code: 3, theme: 'error', text: '驳回' },
     { name: 'turn', code: 4, theme: 'primary', text: '已转办' },
@@ -15,7 +15,8 @@ const OPERATION_NODE_STATUS = [
     { name: 'handled', code: 13, theme: 'success', text: '已处理' },
     { name: 'handling', code: 14, theme: 'warning', text: '待处理' },
     { name: 'cc', code: 15, theme: null, text: null },
-    { name: 'drop', code: 16, theme: null, text: null }, // 作废
+    { name: 'drop', code: 16, theme: null, text: null },
+    { name: 'delete_draft', code: 24, theme: 'error', text: '删除草稿' }, // 作废
 ];
 /** 操作节点状态相关映射关系转换 */
 const { 

package/dist/web/components/flow/process/process.js

@@ -35,7 +35,7 @@ export default function ModelFlowProcess(props) {
 }
 /** 渲染状态标签 */
 function renderStatusTag(status) {
-    if ([NAME_MAPPING.START, NAME_MAPPING.END, NAME_MAPPING.CC].includes(status))
+    if ([NAME_MAPPING.END, NAME_MAPPING.CC].includes(status))
         return null;
     const { theme, text } = (NAME_TEXT_MAPPING === null || NAME_TEXT_MAPPING === void 0 ? void 0 : NAME_TEXT_MAPPING[status]) || {};
     if (!text)

package/dist/web/components/form/uploader/uploader.pc.d.ts

@@ -11,6 +11,7 @@ interface TempFileProps {
 }
 export declare function UploaderPCInner(props: PropsType): JSX.Element;
 export interface TcbImageProps {
+    fileID?: string;
     tempFile?: TempFileProps;
     isZoom?: boolean;
     onError?: (e: unknown) => void;

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

@@ -132,11 +132,11 @@ export function UploaderPCInner(props) {
                                 className: `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload ${imgTypeCls}`, children: [imgTypeCls, _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] })] }) })))] })] }) }));
 }
 export const TcbImage = (props) => {
-    const { tempFile, isZoom, imgTypeCls, preivewIcon, actions, ...rest } = props;
+    const { fileID, tempFile = { progress: 100, loading: false, realUrl: null, tempUrl: null }, isZoom, imgTypeCls, preivewIcon, actions, ...rest } = props;
     const { progress, loading, realUrl, tempUrl } = tempFile;
-    const fileID = realUrl !== null && realUrl !== void 0 ? realUrl : tempUrl;
+    const fileCloudID = (realUrl !== null && realUrl !== void 0 ? realUrl : tempUrl) || fileID;
     const [isError, setIsError] = React.useState(false);
-    const { data: src, error: requestError } = useTempUrl(fileID);
+    const { data: src, error: requestError } = useTempUrl(fileCloudID);
     const encodeSrc = encodeConvert(src);
     const renderImg = () => {
         if (isError || requestError)
@@ -146,12 +146,12 @@ export const TcbImage = (props) => {
         return (_jsxs(_Fragment, { children: [_jsx("img", { "data-testid": "uploaderpc_imgStyle", className: `${CLASS_PREFIX}__image ${imgTypeCls}`, ...rest, src: encodeURI(encodeSrc), onError: (e) => {
                         setIsError(true);
                         (props === null || props === void 0 ? void 0 : props.onError) && props.onError(e);
-                    } }, fileID), loading && (_jsxs("div", { className: "_weda-fn-upload-result__status loading_bac", children: [_jsx(Icon, { type: "loading" }), _jsxs("div", { className: "wedatea2td-mt-1n wedatea2td-fz-reset", children: [progress, "%"] })] }))] }));
+                    } }), loading && (_jsxs("div", { className: "_weda-fn-upload-result__status loading_bac", children: [_jsx(Icon, { type: "loading" }), _jsxs("div", { className: "wedatea2td-mt-1n wedatea2td-fz-reset", children: [progress, "%"] })] }))] }));
     };
     if (!isZoom)
         return renderImg();
     const previewProps = {
-        key: fileID,
+        key: fileCloudID,
         'data-testid': 'uploaderpc_imgStyle',
         className: `${CLASS_PREFIX}__image ${imgTypeCls}`,
         ...rest,

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

@@ -77,7 +77,7 @@ export function useUploader(props) {
             },
             onUploadFinish: (item) => {
                 var _a;
-                (_a = events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: item.realUrl, file: item.file });
+                (_a = events === null || events === void 0 ? void 0 : events.success) === null || _a === void 0 ? void 0 : _a.call(events, { value: item.realUrl, file: item.file });
                 setUploading(false);
                 setTempFile((allTempFile) => allTempFile.map((i) => (i.key === item.key ? { ...i, ...item } : i)));
             },

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

@@ -3,4 +3,4 @@ import type { DataType } from '../../../configs/components/wd-layout';
 import './style';
 export interface WdLayoutProps extends CommonPropsType, DataType {
 }
-export declare const WdLayout: ({ headerLeftSlot, headerRightSlot, contentSlot, style, template, className, }: WdLayoutProps) => JSX.Element;
+export declare const WdLayout: ({ headerLeftSlot, headerRightSlot, contentSlot, style, template, className, enableHeaderSlot, enableContentSlot, }: WdLayoutProps) => JSX.Element;

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

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import './style';
-export const WdLayout = ({ headerLeftSlot, headerRightSlot, contentSlot, style, template = 'white', className, }) => {
+export const WdLayout = ({ headerLeftSlot, headerRightSlot, contentSlot, style, template = 'white', className, enableHeaderSlot = true, enableContentSlot = true, }) => {
     // 样式
     const { classPrefix } = useConfig();
     const platform = usePlatform();
     const isH5 = platform === 'h5';
-    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-layout-root` : `${classPrefix}-pc-layout-root`} ${classPrefix}-layout-root ${className} ${template}`, "data-testid": "wd-layout-test", style: style, children: [_jsxs("div", { className: `${classPrefix}-layout__header ${template}`, "data-testid": "wd-layout-header-test", children: [_jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-left`, "data-testid": "wd-layout-header-left-test", children: headerLeftSlot }), _jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-right`, "data-testid": "wd-layout-header-right-test", children: headerRightSlot })] }), _jsx("div", { className: `${classPrefix}-layout__body ${template}`, "data-testid": "wd-layout-body-test", children: contentSlot })] }));
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-layout-root` : `${classPrefix}-pc-layout-root`} ${classPrefix}-layout-root ${className} ${template}`, "data-testid": "wd-layout-test", style: style, children: [enableHeaderSlot && (_jsxs("div", { className: `${classPrefix}-layout__header ${template}`, "data-testid": "wd-layout-header-test", children: [_jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-left`, "data-testid": "wd-layout-header-left-test", children: headerLeftSlot }), _jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-right`, "data-testid": "wd-layout-header-right-test", children: headerRightSlot })] })), enableContentSlot && (_jsx("div", { className: `${classPrefix}-layout__body ${template}`, "data-testid": "wd-layout-body-test", children: contentSlot }))] }));
 };

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

@@ -114,5 +114,5 @@ export const WdMarkdown = forwardRef(function WdMarkdown({ value = '', options,
             updateMarkdownInstance: ({ markdownInstance }) => setMdInstance(markdownInstance),
         };
     }, [value, mdInstance], ref);
-    return (_jsx("div", { ref: markdownRef, className: cls, style: style, id: id, children: mdInstance && (_jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } })) }));
+    return (_jsx("div", { ref: markdownRef, className: cls, style: style, id: id, children: displayValue && (_jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } })) }));
 });

package/dist/web/components/wd-menu-layout/components/PlantMenu.js

@@ -5,5 +5,5 @@ import { slotDiv } from '../utils';
 import { WdMenuList } from '../../index';
 export const PlantMenu = forwardRef(function PlantMenu(props, ref) {
     const { classPrefix } = useConfig();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${classPrefix}-menulayout-header ${classPrefix}-menulayout-header--plant`, children: [_jsx("div", { className: `${classPrefix}-menulayout-header__logo-wrap is-not-content`, children: slotDiv(props.headSlot) }), _jsx("div", { className: `${classPrefix}-menulayout-header__right-wrap is-not-content`, children: slotDiv(props.headRightSlot, { justifyContent: 'flex-end' }) })] }), _jsxs("div", { className: `${classPrefix}-menulayout-body ${classPrefix}-menulayout-body--plant`, children: [_jsxs("div", { className: `${classPrefix}-menulayout-body__left`, children: [_jsx("div", { className: `${classPrefix}-menulayout-body__left-menu ${classPrefix}-menulayout__menu`, children: _jsx(WdMenuList, { ...props, className: "", id: "", style: {}, ref: ref }) }), _jsx("div", { className: `${classPrefix}-menulayout-body__left-slot is-not-content ${classPrefix}-menulayout-body__footer`, children: slotDiv(props.footerSlot) })] }), _jsx("div", { className: `${classPrefix}-menulayout-body__content ${classPrefix}-menulayout__body`, children: props.contentSlot })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${classPrefix}-menulayout-header ${classPrefix}-menulayout-header--plant`, children: [_jsx("div", { className: `${classPrefix}-menulayout-header__logo-wrap`, children: slotDiv(props.headSlot) }), _jsx("div", { className: `${classPrefix}-menulayout-header__right-wrap `, children: slotDiv(props.headRightSlot, { justifyContent: 'flex-end' }) })] }), _jsxs("div", { className: `${classPrefix}-menulayout-body ${classPrefix}-menulayout-body--plant`, children: [_jsxs("div", { className: `${classPrefix}-menulayout-body__left`, children: [_jsx("div", { className: `${classPrefix}-menulayout-body__left-menu ${classPrefix}-menulayout__menu`, children: _jsx(WdMenuList, { ...props, className: "", id: "", style: {}, ref: ref }) }), _jsx("div", { className: `${classPrefix}-menulayout-body__left-slot is-not-content ${classPrefix}-menulayout-body__footer`, children: slotDiv(props.footerSlot) })] }), _jsx("div", { className: `${classPrefix}-menulayout-body__content ${classPrefix}-menulayout__body`, children: props.contentSlot })] })] }));
 });

package/dist/web/components/wd-menu-list/CommonMenuList.js

@@ -30,6 +30,8 @@ export const CommonMenuList = forwardRef(function CommonMenuList(props, ref) {
         if (key || !item) {
             selectItem = findSelectItem(menuData || [], key);
         }
+        if (!selectItem)
+            return;
         if ((selectItem === null || selectItem === void 0 ? void 0 : selectItem.key) && selected === (selectItem === null || selectItem === void 0 ? void 0 : selectItem.key))
             return;
         setSelected(selectItem === null || selectItem === void 0 ? void 0 : selectItem.key);
@@ -43,7 +45,11 @@ export const CommonMenuList = forwardRef(function CommonMenuList(props, ref) {
     }, [setSelectedInfo]);
     useEffect(() => {
         setSelectedInfo();
-    }, [setSelectedInfo]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [menuData]);
+    useEffect(() => {
+        props.selectedMenuKey && setSelected(props.selectedMenuKey);
+    }, [props.selectedMenuKey]);
     // 默认展开状态变化后删掉之前的状态缓存
     useEffect(() => {
         const status = JSON.parse(JSON.stringify(openStatus));

package/dist/web/components/wd-menu-list/HorizontalMenuList.js

@@ -32,6 +32,8 @@ export const HorizontalMenuList = forwardRef(function HorizontalMenuList(props,
         if (key || !item) {
             selectItem = findSelectItem(menuData || [], key);
         }
+        if (!selectItem)
+            return;
         if ((selectItem === null || selectItem === void 0 ? void 0 : selectItem.key) && selected === (selectItem === null || selectItem === void 0 ? void 0 : selectItem.key))
             return;
         setSelected(selectItem === null || selectItem === void 0 ? void 0 : selectItem.key);
@@ -72,7 +74,11 @@ export const HorizontalMenuList = forwardRef(function HorizontalMenuList(props,
     }, [platform, navWrapRef, getMenuOffset]);
     useEffect(() => {
         setSelectedInfo();
-    }, [setSelectedInfo]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [menuData]);
+    useEffect(() => {
+        props.selectedMenuKey && setSelected(props.selectedMenuKey);
+    }, [props.selectedMenuKey]);
     const getIconShow = (item, selectedKey) => {
         var _a;
         if (!item.iconUrl && !item.selectedIconPath && !item.iconPath)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.10.0",
+  "version": "3.10.1",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",