@pisell/materials 1.0.629 → 1.0.631

package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -45,6 +45,7 @@ export declare const withOptions: <P extends unknown>(WrappedComponent: React.Co
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
 export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -368,15 +368,16 @@ export var withOptions = function withOptions(WrappedComponent) {
     var propsOptions = props.options,
       optionSourceType = props.optionSourceType,
       labelField = props.labelField,
-      valueField = props.valueField;
+      valueField = props.valueField,
+      extraParams = props.extraParams;
     var _useDataSource2 = useDataSource(),
       list = _useDataSource2.list;
     useEffect(function () {
       if (optionSourceType === 'api') {
-        list.run({
+        list.run(_objectSpread({
           page: 1,
           pageSize: 200
-        });
+        }, extraParams));
       }
     }, []);
     var options = useMemo(function () {

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/es/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -0,0 +1,58 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef } from 'react';
+import BaseMenu from "../../pisellMenu";
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _window$app$menuManag = window.app.menuManager.useMenu(),
+    menuItems = _window$app$menuManag.menuItems,
+    selectedKeys = _window$app$menuManag.selectedKeys,
+    openKeys = _window$app$menuManag.openKeys,
+    setOpenKeys = _window$app$menuManag.setOpenKeys,
+    getShowChildren = _window$app$menuManag.getShowChildren,
+    handleClick = _window$app$menuManag.handleClick;
+
+  // 递归渲染菜单项
+  var renderMenuItems = function renderMenuItems(items) {
+    return items.map(function (item) {
+      if (item.hide) {
+        return null;
+      }
+      var _children = getShowChildren(item.children || []);
+      if (_children !== null && _children !== void 0 && _children.length) {
+        return /*#__PURE__*/React.createElement(BaseMenu.SubMenu, {
+          key: item.key,
+          title: item.label,
+          icon: item.icon,
+          router: item.path
+        }, renderMenuItems(_children));
+      }
+      return /*#__PURE__*/React.createElement(BaseMenu.Item, {
+        key: item.key,
+        icon: item.icon,
+        router: item.path
+      }, item.label);
+    });
+  };
+  return /*#__PURE__*/React.createElement(BaseMenu, _extends({
+    ref: ref,
+    mode: "inline"
+    // theme="dark"
+    ,
+    selectedKeys: selectedKeys,
+    openKeys: openKeys,
+    onOpenChange: setOpenKeys,
+    onClick: function onClick(_ref) {
+      var _item$props;
+      var item = _ref.item;
+      handleClick((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.router);
+    }
+  }, props, {
+    other: {
+      dataSource: undefined
+    }
+  }), renderMenuItems(menuItems));
+});
+export default DataSourceMenu;

package/es/components/dataSourceComponents/dataSourceMenu/index.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { forwardRef } from 'react';
-import BaseMenu from "../../pisellMenu";
+import React, { forwardRef, useMemo } from 'react';
+import PisellMenu from "../../pisellMenu";
 import useVariables from "../hooks/useVariables";
-
+import BaseMenu from "./Basic";
 /**
  * @title: 数据源表单组件
  * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
@@ -11,9 +11,36 @@ var DataSourceMenu = /*#__PURE__*/forwardRef(function (props, ref) {
   var dataSource = props.dataSource;
   var _useVariables = useVariables(),
     parseVariable = _useVariables.parseVariable;
-  return /*#__PURE__*/React.createElement(BaseMenu, _extends({}, props, {
-    dataSource: parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(dataSource),
+  var _dataSource = useMemo(function () {
+    if (Array.isArray(dataSource)) {
+      return dataSource;
+    }
+    if (props.__designMode === 'design') {
+      return [{
+        label: '菜单项1',
+        key: 'item-1'
+      }, {
+        label: '菜单项2',
+        key: 'item-2'
+      }];
+    }
+    if (typeof dataSource === 'string') {
+      return parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(dataSource);
+    }
+    return [];
+  }, [dataSource]);
+
+  // 设计模式下使用PisellMenu, 否则缺少app注入导致报错
+  if (props.__designMode === 'design') {
+    return /*#__PURE__*/React.createElement(PisellMenu, _extends({
+      ref: ref
+    }, props));
+  }
+  var MenuProvider = window.app.menuManager.MenuProvider;
+  return /*#__PURE__*/React.createElement(MenuProvider, {
+    menus: _dataSource
+  }, /*#__PURE__*/React.createElement(BaseMenu, _extends({
     ref: ref
-  }));
+  }, props)));
 });
 export default DataSourceMenu;

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -4,6 +4,7 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => React.JSX.Element;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -38,6 +38,7 @@ declare const formFieldMap: {
         optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
         valueField: string;
+        extraParams?: Record<string, any> | undefined;
     } & {
         dataSource?: any;
     }) => import("react").JSX.Element;
@@ -94,6 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;

package/es/components/pisellMenu/PisellMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
-declare const PisellMenu: React.FC<PisellMenuProps>;
-export default PisellMenu;
+declare const _default: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/pisellMenu/PisellMenu.js

@@ -1,11 +1,11 @@
-var _excluded = ["className", "style", "mode", "theme", "defaultOpenKeys", "defaultSelectedKeys", "inlineCollapsed", "openKeys", "selectedKeys", "onOpenChange", "onSelect", "dataSource", "__designMode"];
+var _excluded = ["className", "style", "mode", "theme", "defaultOpenKeys", "defaultSelectedKeys", "inlineCollapsed", "openKeys", "selectedKeys", "onOpenChange", "onSelect", "dataSource", "__designMode", "children", "other"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Menu as AntdMenu } from 'antd';
-import React, { useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import "./PisellMenu.less";
-var PisellMenu = function PisellMenu(_ref) {
+var PisellMenu = function PisellMenu(_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     _ref$mode = _ref.mode,
@@ -21,6 +21,8 @@ var PisellMenu = function PisellMenu(_ref) {
     onSelect = _ref.onSelect,
     dataSource = _ref.dataSource,
     __designMode = _ref.__designMode,
+    children = _ref.children,
+    other = _ref.other,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _dataSource = useMemo(function () {
     if (Array.isArray(dataSource)) {
@@ -50,6 +52,10 @@ var PisellMenu = function PisellMenu(_ref) {
     selectedKeys: selectedKeys,
     onOpenChange: onOpenChange,
     onSelect: onSelect
-  }, restProps));
+  }, restProps, other, {
+    ref: ref
+  }), children);
 };
-export default PisellMenu;
+PisellMenu.Item = AntdMenu.Item;
+PisellMenu.SubMenu = AntdMenu.SubMenu;
+export default /*#__PURE__*/forwardRef(PisellMenu);

package/es/components/pisellMenu/types.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { MenuProps } from 'antd';
-import type { ReactNode } from 'react';
 export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     className?: string;
     style?: React.CSSProperties;
@@ -11,20 +11,16 @@ export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     openKeys?: string[];
     selectedKeys?: string[];
     onOpenChange?: (openKeys: string[]) => void;
-    onSelect?: (info: {
-        key: string;
-        keyPath: string[];
-        item: ReactNode;
-        domEvent: Event;
-        selectedKeys: string[];
-    }) => void;
     dataSource?: any;
     __designMode?: string;
+    other?: PisellMenuProps;
 }
 export interface MenuItemType {
-    label: ReactNode;
     key: string;
-    icon?: ReactNode;
+    label: string;
+    path: string;
     children?: MenuItemType[];
+    icon?: string | React.ReactNode;
+    hide?: boolean;
     type?: 'group' | 'divider';
 }

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -45,6 +45,7 @@ export declare const withOptions: <P extends unknown>(WrappedComponent: React.Co
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export declare const getNestedValue: (obj: Record<string, any>, path: string) => Record<string, any>;
 export declare const renderValueWithMap: (value: any, valueMap?: Record<string, string>, renderMode?: ModeType) => React.JSX.Element | null;

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -414,14 +414,16 @@ var withOptions = (WrappedComponent) => {
       options: propsOptions,
       optionSourceType,
       labelField,
-      valueField
+      valueField,
+      extraParams
     } = props;
     const { list } = (0, import_useDataSource.default)();
     (0, import_react.useEffect)(() => {
       if (optionSourceType === "api") {
         list.run({
           page: 1,
-          pageSize: 200
+          pageSize: 200,
+          ...extraParams
         });
       }
     }, []);

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceMenu/Basic.tsx
+var Basic_exports = {};
+__export(Basic_exports, {
+  default: () => Basic_default
+});
+module.exports = __toCommonJS(Basic_exports);
+var import_react = __toESM(require("react"));
+var import_pisellMenu = __toESM(require("../../pisellMenu"));
+var DataSourceMenu = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const {
+      menuItems,
+      selectedKeys,
+      openKeys,
+      setOpenKeys,
+      getShowChildren,
+      handleClick
+    } = window.app.menuManager.useMenu();
+    const renderMenuItems = (items) => {
+      return items.map((item) => {
+        if (item.hide) {
+          return null;
+        }
+        const _children = getShowChildren(item.children || []);
+        if (_children == null ? void 0 : _children.length) {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_pisellMenu.default.SubMenu,
+            {
+              key: item.key,
+              title: item.label,
+              icon: item.icon,
+              router: item.path
+            },
+            renderMenuItems(_children)
+          );
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default.Item, { key: item.key, icon: item.icon, router: item.path }, item.label);
+      });
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_pisellMenu.default,
+      {
+        ref,
+        mode: "inline",
+        selectedKeys,
+        openKeys,
+        onOpenChange: setOpenKeys,
+        onClick: ({ item }) => {
+          var _a;
+          handleClick((_a = item.props) == null ? void 0 : _a.router);
+        },
+        ...props,
+        other: {
+          dataSource: void 0
+        }
+      },
+      renderMenuItems(menuItems)
+    );
+  }
+);
+var Basic_default = DataSourceMenu;

package/lib/components/dataSourceComponents/dataSourceMenu/index.js

@@ -35,11 +35,37 @@ module.exports = __toCommonJS(dataSourceMenu_exports);
 var import_react = __toESM(require("react"));
 var import_pisellMenu = __toESM(require("../../pisellMenu"));
 var import_useVariables = __toESM(require("../hooks/useVariables"));
+var import_Basic = __toESM(require("./Basic"));
 var DataSourceMenu = (0, import_react.forwardRef)(
   (props, ref) => {
     const { dataSource } = props;
     const { parseVariable } = (0, import_useVariables.default)();
-    return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default, { ...props, dataSource: parseVariable == null ? void 0 : parseVariable(dataSource), ref });
+    const _dataSource = (0, import_react.useMemo)(() => {
+      if (Array.isArray(dataSource)) {
+        return dataSource;
+      }
+      if (props.__designMode === "design") {
+        return [
+          {
+            label: "菜单项1",
+            key: "item-1"
+          },
+          {
+            label: "菜单项2",
+            key: "item-2"
+          }
+        ];
+      }
+      if (typeof dataSource === "string") {
+        return parseVariable == null ? void 0 : parseVariable(dataSource);
+      }
+      return [];
+    }, [dataSource]);
+    if (props.__designMode === "design") {
+      return /* @__PURE__ */ import_react.default.createElement(import_pisellMenu.default, { ref, ...props });
+    }
+    const MenuProvider = window.app.menuManager.MenuProvider;
+    return /* @__PURE__ */ import_react.default.createElement(MenuProvider, { menus: _dataSource }, /* @__PURE__ */ import_react.default.createElement(import_Basic.default, { ref, ...props }));
   }
 );
 var dataSourceMenu_default = DataSourceMenu;

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -4,6 +4,7 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => React.JSX.Element;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -38,6 +38,7 @@ declare const formFieldMap: {
         optionSourceType?: "default" | "custom" | "api" | undefined;
         labelField: string;
         valueField: string;
+        extraParams?: Record<string, any> | undefined;
     } & {
         dataSource?: any;
     }) => import("react").JSX.Element;
@@ -94,6 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;
     valueField: string;
+    extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
 }) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;

package/lib/components/pisellMenu/PisellMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
-declare const PisellMenu: React.FC<PisellMenuProps>;
-export default PisellMenu;
+declare const _default: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/pisellMenu/PisellMenu.js

@@ -49,8 +49,10 @@ var PisellMenu = ({
   onSelect,
   dataSource,
   __designMode,
+  children,
+  other,
   ...restProps
-}) => {
+}, ref) => {
   const _dataSource = (0, import_react.useMemo)(() => {
     if (Array.isArray(dataSource)) {
       return dataSource;
@@ -84,8 +86,13 @@ var PisellMenu = ({
       selectedKeys,
       onOpenChange,
       onSelect,
-      ...restProps
-    }
+      ...restProps,
+      ...other,
+      ref
+    },
+    children
   );
 };
-var PisellMenu_default = PisellMenu;
+PisellMenu.Item = import_antd.Menu.Item;
+PisellMenu.SubMenu = import_antd.Menu.SubMenu;
+var PisellMenu_default = (0, import_react.forwardRef)(PisellMenu);

package/lib/components/pisellMenu/types.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { MenuProps } from 'antd';
-import type { ReactNode } from 'react';
 export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     className?: string;
     style?: React.CSSProperties;
@@ -11,20 +11,16 @@ export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
     openKeys?: string[];
     selectedKeys?: string[];
     onOpenChange?: (openKeys: string[]) => void;
-    onSelect?: (info: {
-        key: string;
-        keyPath: string[];
-        item: ReactNode;
-        domEvent: Event;
-        selectedKeys: string[];
-    }) => void;
     dataSource?: any;
     __designMode?: string;
+    other?: PisellMenuProps;
 }
 export interface MenuItemType {
-    label: ReactNode;
     key: string;
-    icon?: ReactNode;
+    label: string;
+    path: string;
     children?: MenuItemType[];
+    icon?: string | React.ReactNode;
+    hide?: boolean;
     type?: 'group' | 'divider';
 }

package/lowcode/_utils/defaultSchema.ts

@@ -733,6 +733,21 @@ export const formItemGeneralOptionTypeGroup = {
         },
       },
     },
+    {
+      name: 'extraParams',
+      condition: (target: any) => {
+        const optionSourceType = target
+          .getProps()
+          .getPropValue('optionSourceType');
+        return optionSourceType === 'api';
+      },
+      title: {
+        type: 'i18n',
+        'en-US': 'Extra Params',
+        'zh-CN': '额外参数',
+      },
+      setter: 'JsonSetter'
+    },
     {
       name: 'labelField',
       condition: (target: any) => {

package/lowcode/data-source-menu/meta.ts

@@ -1,5 +1,18 @@
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
+/**
+ * 
+  defaultOpenKeys,
+  defaultSelectedKeys,
+  inlineCollapsed,
+  openKeys,
+  selectedKeys,
+  onOpenChange,
+  onSelect,
+  dataSource,
+  __designMode,
+ * 
+ */
 const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
   componentName: 'DataSourceMenu',
   title: '菜单导航',
@@ -78,15 +91,52 @@ const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
       }
     },
     {
-      name: 'className',
-      propType: 'string',
-      description: '类名',
-      setter: 'StringSetter'
+      name: 'defaultOpenKeys',
+      propType: 'array',
+      description: '默认展开的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'defaultSelectedKeys',
+      propType: 'array',
+      description: '默认选中的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'inlineCollapsed',
+      propType: "bool",
+      description: '是否内嵌折叠',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'openKeys',
+      propType: 'array',
+      description: '展开的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'selectedKeys',
+      propType: 'array',
+      description: '选中的菜单项',
+      defaultValue: [],
+      setter: 'JsonSetter'
+    },
+    {
+      name: 'other',
+      propType: 'object',
+      description: '其他属性',
+      defaultValue: {},
+      setter: 'JsonSetter'
     },
     {
       name: 'style',
       propType: 'object',
       description: '样式',
+      defaultValue: {},
       setter: 'StyleSetter'
     }
   ],
@@ -96,8 +146,18 @@ const DataSourceMenuMeta: IPublicTypeComponentMetadata = {
     },
     supports: {
       style: true,
-      className: true
-    }
+      className: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template: "onOpenChange(openKeys,${extParams}){\n// 展开菜单项变化时的回调\nconsole.log('onOpenChange', openKeys);}",
+        },
+        {
+          name: 'onSelect',
+          template: "onSelect(selectedKeys,${extParams}){\n// 选中菜单项时的回调\nconsole.log('onSelect', selectedKeys);}",
+        },
+      ],
+    },
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.629",
+  "version": "1.0.631",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -70,9 +70,9 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "1.0.115",
     "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43",
-    "@pisell/date-picker": "1.0.115"
+    "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {
     "react": "^18.0.0",