@steedos-widgets/amis-object 6.10.52-beta.9 → 6.10.52

package/dist/assets.json

@@ -3,8 +3,8 @@
         {
             "package": "@steedos-widgets/amis-object",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/amis-object@6.10.52-beta.9/dist/amis-object.umd.js",
-                "https://unpkg.com/@steedos-widgets/amis-object@6.10.52-beta.9/dist/amis-object.umd.css"
+                "https://unpkg.com/@steedos-widgets/amis-object@6.10.52/dist/amis-object.umd.js",
+                "https://unpkg.com/@steedos-widgets/amis-object@6.10.52/dist/amis-object.umd.css"
             ],
             "library": "BuilderAmisObject"
         }
@@ -15,10 +15,10 @@
             "npm": {
                 "package": "@steedos-widgets/amis-object"
             },
-            "url": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52-beta.9/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52-beta.9/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52-beta.9/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/amis-object@6.10.52/dist/meta.js"
             }
         }
     ]

package/dist/components/ApprovalTreeMenu.d.ts

@@ -0,0 +1,137 @@
+import React from 'react';
+import './ApprovalTreeMenu.css';
+/**
+ * 接口返回的原始菜单项数据结构（来自 /api/approve_workflow/workflow/nav）
+ *
+ * 接口实际返回字段：
+ * - label  → 节点显示名称
+ * - tag    → 角标数字
+ * - value  → 路由地址（同时也用作节点唯一 key）
+ * - options.to → 备用路由地址
+ * - icon, unfolded, children 字段名与代码一致
+ */
+export interface NavItem {
+    /** 节点显示名称（接口字段） */
+    label?: string;
+    /** 角标数字（接口字段） */
+    tag?: number;
+    /** 路由地址，同时作为节点唯一标识（接口字段） */
+    value?: string;
+    /** 扩展选项，含备用路由 to 等（接口字段） */
+    options?: {
+        to?: string;
+        level?: number;
+        value?: string;
+        name?: string;
+        [key: string]: any;
+    };
+    /** 图标类型（FontAwesome类名或自定义类型字符串） */
+    icon?: string;
+    /** 是否默认展开 */
+    unfolded?: boolean;
+    /** 子菜单项 */
+    children?: NavItem[];
+    /** @deprecated 使用 label 代替 */
+    name?: string;
+    /** @deprecated 使用 tag 代替 */
+    badge?: number;
+    /** @deprecated 使用 value 代替 */
+    url?: string;
+    /** @deprecated 使用 value 代替 */
+    _id?: string;
+    /** 角标颜色：'red' | 'blue' | 'gray' */
+    badgeColor?: 'red' | 'blue' | 'gray';
+    /** 节点类型（group/category/workflow/leaf等） */
+    type?: string;
+    /** 其他额外字段 */
+    [key: string]: any;
+}
+/**
+ * onSelect 回调函数参数
+ */
+export interface SelectInfo {
+    /** 选中的路由地址 */
+    url: string;
+    /** 原始菜单项数据 */
+    data: NavItem;
+    /** 选中的 key */
+    key: string;
+}
+/**
+ * ApprovalTreeMenu 组件 Props
+ */
+export interface ApprovalTreeMenuProps {
+    /**
+     * 当前应用 ID（可选）。用于跨应用集成时，将菜单 URL 中的 approve_workflow 替换为当前应用 code。
+     *
+     * 取值优先级：
+     * 1. 显式传入的 appId prop（优先级最高）
+     * 2. amis 作用域自动注入的 data.context.appId（推荐，无需额外配置）
+     *
+     * 如果都未提供，则不做 URL 替换，保持原有行为。
+     * 仅在非审批中心应用中集成时才会触发 URL 替换逻辑。
+     */
+    appId?: string;
+    /**
+     * 接口地址（可选）。
+     * 推荐不配置，组件会自动根据 resolvedAppId 拼接：`/api/${appId}/workflow/nav`
+     * @deprecated 组件内部会自动根据 appId 拼接，无需手动传入
+     */
+    apiUrl?: string;
+    /**
+     * 外部控制的选中项 key（唯一标识）
+     */
+    selectedKey?: string;
+    /**
+     * 选中节点时的回调，返回路由地址和原始数据
+     */
+    onSelect?: (info: SelectInfo) => void;
+    /**
+     * 路由跳转方式：
+     * - 'location': 使用 window.location.href 跳转
+     * - 'router': 使用 window.navigate 进行 SPA 路由跳转（默认）
+     * - 'postMessage': 通过 window.postMessage 通知父框架
+     * - 'none': 不自动跳转，仅触发 onSelect 回调
+     */
+    navigateMode?: 'location' | 'router' | 'postMessage' | 'none';
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义 className
+     */
+    className?: string;
+    /**
+     * 自定义请求头，用于认证（可选，默认会自动从 Builder.settings 或 localStorage 读取）
+     */
+    headers?: Record<string, string>;
+    data?: any;
+    env?: any;
+}
+/**
+ * ApprovalTreeMenu - 审批中心左侧树菜单组件
+ *
+ * 功能：
+ * - 从接口 /api/approve_workflow/workflow/nav 动态获取菜单数据
+ * - 使用 antd Tree 组件渲染，支持多层嵌套结构
+ * - 图标支持 FontAwesome icon 名称映射到 antd icon
+ * - 角标数字，颜色支持红色、蓝色、灰色
+ * - 支持选中高亮、折叠展开
+ * - 支持外部 selectedKey 控制选中项
+ * - 支持 onSelect 回调（返回路由地址和原始数据）
+ * - 支持 SPA 路由跳转（window.navigate）
+ * - 支持根据当前 URL 自动匹配选中菜单项
+ * - 支持监听 ROUTE_CHANGE postMessage 实现路由变化同步选中
+ * - 支持监听 approval-tree-menu:reload postMessage 外部触发数据刷新
+ *
+ * @example
+ * ```tsx
+ * <ApprovalTreeMenu
+ *   onSelect={({ url, data }) => console.log('selected:', url, data)}
+ *   navigateMode="router"
+ * />
+ * ```
+ */
+export declare const ApprovalTreeMenu: React.FC<ApprovalTreeMenuProps>;
+export default ApprovalTreeMenu;

package/dist/components/MobileDrawerContent.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+interface MobileDrawerProps {
+    visible: boolean;
+    multiple: boolean;
+    loading: boolean;
+    users: any[];
+    searchKeyword: string;
+    searchInputValue: string;
+    tempSelectedUsers: any[];
+    clearable: boolean;
+    rootDeptInfo: {
+        id: string;
+        name: string;
+    } | null;
+    deptPath: Array<{
+        id: string;
+        name: string;
+    }>;
+    currentLevelDepts: any[];
+    showSelectedPanel: boolean;
+    onDrillDown: (deptId: string, deptName: string) => void;
+    onMobileBack: () => void;
+    onDrillBack: (targetIndex: number) => void;
+    onBackToRoot: () => void;
+    onToggleSelectedPanel: () => void;
+    onUserSearch: (value: string) => void;
+    onAddUser: (user: any) => void;
+    onRemoveUser: (userId: string) => void;
+    onToggleUser: (user: any) => void;
+    onToggleSelectAll: () => void;
+    onReorderUsers: (fromIndex: number, toIndex: number) => void;
+    onOk: () => void;
+    onCancel: () => void;
+    onClearAll: () => void;
+    zIndex?: number;
+}
+export declare const MobileDrawerContent: React.FC<MobileDrawerProps>;
+export {};

package/dist/components/SteedosFileUpload.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { UploadFile } from 'antd/es/upload/interface';
+interface SteedosFileUploadProps {
+    /** 上传接口 URL */
+    action?: string;
+    /** 额外的请求头 */
+    headers?: Record<string, string>;
+    /** 上传时附带的额外 formData 参数 */
+    extraData?: Record<string, string>;
+    /** 是否支持多文件 */
+    multiple?: boolean;
+    /** 最大文件数量 */
+    maxCount?: number;
+    /** 按钮文字 */
+    btnLabel?: string;
+    /** 标签 */
+    label?: string;
+    /** 上传成功回调 */
+    onUploadSuccess?: (file: UploadFile, response: any) => void;
+    /** 上传失败回调 */
+    onUploadError?: (file: UploadFile, error: any) => void;
+    /** amis 相关 props */
+    dispatchEvent?: (eventName: string, data: any, ref: any) => Promise<any>;
+    data?: any;
+    name?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export declare const SteedosFileUpload: React.FC<SteedosFileUploadProps>;
+export {};

package/dist/components/SteedosOrgSelector.d.ts

@@ -1,14 +1,25 @@
 import React from 'react';
+interface OrgValueItem {
+    id: string;
+    name: string;
+    fullname: string;
+}
 interface DeptGroupSelectorProps {
-    value?: string | string[];
-    onChange?: (value: string | string[]) => void;
+    name?: string;
+    value?: OrgValueItem | OrgValueItem[] | string | string[];
+    onChange?: (value: OrgValueItem | OrgValueItem[] | string | string[] | null) => void;
     multiple?: boolean;
+    valueFormat?: 'string' | 'object';
     placeholder?: string;
     fetchDeptTree?: (parentId?: string, keyword?: string) => Promise<any[]>;
     style?: React.CSSProperties;
-    dispatchEvent?: (eventName: string, data: any, ref: any) => void;
-    onEvent: any;
+    dispatchEvent?: (eventName: string, data: any, ref: any) => Promise<void>;
+    onEvent?: any;
     data?: any;
+    clearable?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
 }
 export declare const SteedosOrgSelector: React.FC<DeptGroupSelectorProps>;
 export {};

package/dist/components/SteedosUserSelector.d.ts

@@ -1,14 +1,18 @@
 import React from 'react';
 interface UserSelectorProps {
-    value?: string | string[];
-    onChange?: (value: string | string[]) => void;
+    value?: any | any[];
+    onChange?: (value: any) => void;
     multiple?: boolean;
+    valueFormat?: 'string' | 'object';
     placeholder?: string;
     fetchUsers?: (organizationId?: string, keyword?: string) => Promise<any[]>;
     fetchDeptTree?: (parentId?: string, keyword?: string) => Promise<any[]>;
     style?: React.CSSProperties;
     dispatchEvent?: (eventName: string, data: any, ref: any) => Promise<void>;
     data?: any;
+    clearable?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
     [key: string]: any;
 }
 export declare const SteedosUserSelector: React.FC<UserSelectorProps>;

package/dist/components/index.d.ts

@@ -12,3 +12,5 @@ export * from './SteedosFieldSet';
 export * from './SteedosObject';
 export * from './SteedosOrgSelector';
 export * from './SteedosUserSelector';
+export * from './ApprovalTreeMenu';
+export * from './SteedosFileUpload';