amis-ui 6.11.0-beta.8 → 6.11.0

package/lib/components/formula/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/formula/VariableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/icons.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 
@@ -260,9 +260,9 @@ function svgString2Dom(icon, _a, vendorFn) {
     var className = _a.className, classNameProp = _a.classNameProp, style = _a.style, cx = _a.cx, events = _a.events, extra = _a.extra;
     icon = icon.replace(/\n/g, ' ').replace(/\s+/g, ' ');
     if (vendorFn) {
-        var _b = vendorFn(icon, tslib.__assign(tslib.__assign({}, extra), { width: style.width, height: style.height })), newIcon = _b.icon, newStyle = _b.style;
+        var _b = vendorFn(icon, tslib.__assign(tslib.__assign({}, extra), { width: style === null || style === void 0 ? void 0 : style.width, height: style === null || style === void 0 ? void 0 : style.height })), newIcon = _b.icon, newStyle = _b.style;
         icon = newIcon;
-        style = tslib.__assign(tslib.__assign({}, style), newStyle);
+        style = tslib.__assign(tslib.__assign({}, (style || {})), newStyle);
     }
     var svgStr = /<svg .*?>(.*?)<\/svg>/.exec(icon);
     var viewBox = /viewBox="(.*?)"/.exec(icon);
@@ -270,10 +270,9 @@ function svgString2Dom(icon, _a, vendorFn) {
     return svgHTML;
 }
 function LinkIcon(_a) {
-    var icon = _a.icon, vendor = _a.vendor, _b = _a.options, className = _b.className, classNameProp = _b.classNameProp, style = _b.style, cx = _b.cx, classPrefix = _b.classPrefix, events = _b.events, extra = _b.extra;
+    var icon = _a.icon, vendorFn = _a.vendorFn, _b = _a.options, className = _b.className, classNameProp = _b.classNameProp, style = _b.style, cx = _b.cx, classPrefix = _b.classPrefix, events = _b.events, extra = _b.extra;
     var _c = tslib.__read(React__default["default"].useState(icon), 2), svgIcon = _c[0], setSvgIcon = _c[1];
     var _d = tslib.__read(React__default["default"].useState('img'), 2), svgType = _d[0], setSvgType = _d[1];
-    var vendorFn = React.useMemo(function () { return amisCore.getCustomVendor(vendor); }, [vendor]);
     React.useEffect(function () {
         if (icon.endsWith('.svg') && vendorFn) {
             try {
@@ -309,6 +308,7 @@ function Icon(_a) {
     var _b;
     var icon = _a.icon, className = _a.className, _c = _a.classPrefix, classPrefix = _c === void 0 ? '' : _c, classNameProp = _a.classNameProp, iconContent = _a.iconContent, vendor = _a.vendor, iconCx = _a.cx, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, onMouseMove = _a.onMouseMove, onBlur = _a.onBlur, onFocus = _a.onFocus, onTouchStart = _a.onTouchStart, onTouchMove = _a.onTouchMove, onTouchEnd = _a.onTouchEnd, onTouchCancel = _a.onTouchCancel, style = _a.style, width = _a.width, height = _a.height, extra = _a.extra, testIdBuilder = _a.testIdBuilder;
     var cx = iconCx || cx__default["default"];
+    var vendorFn = React.useMemo(function () { return amisCore.getCustomVendor(vendor); }, [vendor]);
     // style = {
     //   ...(style || {}),
     //   width: width || style?.width,
@@ -404,12 +404,12 @@ function Icon(_a) {
             cx: cx,
             events: events,
             extra: extra
-        }, vendor);
+        }, vendorFn);
     }
     // icon是链接
     var isURLIcon = typeof icon === 'string' && (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
     if (isURLIcon) {
-        return (_J$X_(LinkIcon, { icon: icon, vendor: vendor, options: {
+        return (_J$X_(LinkIcon, { icon: icon, vendorFn: vendorFn, options: {
                 className: className,
                 classNameProp: classNameProp,
                 style: style,

package/lib/components/json-schema/Array.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/json-schema/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/json-schema/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/json-schema/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/menu/MenuContext.d.ts

@@ -5,6 +5,7 @@
  */
 /// <reference types="react" />
 import type { SubMenuProps } from './SubMenu';
+import type { NavigationItem } from './';
 export interface MenuContextProps {
     /**
      * 主题色
@@ -23,10 +24,10 @@ export interface MenuContextProps {
     /**
      * 布局
      *
-     * @type {('inline' | 'float')}
+     * @type {('inline' | 'float' | 'panel')}
      * @memberof MenuContextProps
      */
-    mode?: 'inline' | 'float';
+    mode?: 'inline' | 'float' | 'panel';
     /**
      * mode不为horizontal时
      *
@@ -68,6 +69,15 @@ export interface MenuContextProps {
         domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
         props: SubMenuProps;
     }) => void;
+    /**
+     * 面板菜单中的菜单项点击事件
+     */
+    onPanelMenuClick?: (PanelItemMenuInfo: {
+        key: string;
+        domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+        keyPath: string[];
+        props: NavigationItem;
+    }) => void;
     onDragStart?: (link: any) => (event: React.DragEvent<HTMLAnchorElement>) => void;
 }
 export declare const MenuContext: import("react").Context<MenuContextProps>;

package/lib/components/menu/MenuContext.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/menu/MenuItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */
 

package/lib/components/menu/PanelMenu.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @file PanelMenu
+ * @description 导航子菜单
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import type { NavigationItem } from './';
+/**
+ * 面板菜单
+ */
+declare function PanelMenu(props: NavigationItem): React.JSX.Element;
+declare const _default: {
+    new (props: Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<NavigationItem, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof PanelMenu>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof PanelMenu, {}> & {
+    ComposedComponent: typeof PanelMenu;
+};
+export default _default;

package/lib/components/menu/PanelMenu.js

@@ -0,0 +1,72 @@
+/**
+ * amis-ui v6.11.0
+ * Copyright 2018-2025 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var RcMenu = require('rc-menu');
+var MenuContext = require('./MenuContext.js');
+var icons = require('../icons.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+/**
+ * 面板菜单 菜单项组件
+ */
+function PanelMenuItem(props) {
+    var cx = props.cx, isGroupHeader = props.isGroupHeader, link = props.link, label = props.label;
+    var context = React__default["default"].useContext(MenuContext.MenuContext);
+    var onPanelMenuClick = context.onPanelMenuClick;
+    function onMenuClick(_a) {
+        var domEvent = _a.domEvent, keyPath = _a.keyPath;
+        onPanelMenuClick === null || onPanelMenuClick === void 0 ? void 0 : onPanelMenuClick({ key: props.id || '', domEvent: domEvent, props: props, keyPath: keyPath });
+    }
+    return (_J$X_(RcMenu.Item, tslib.__assign({ key: props.id }, props, { onClick: onMenuClick }),
+        _J$X_("div", { className: cx('Nav-Menu-panel-item') },
+            !!(link === null || link === void 0 ? void 0 : link.icon) && (_J$X_("span", { className: cx("Nav-Menu-panel-item__icon-wrapper") },
+                _J$X_(icons.Icon, { className: cx("Nav-Menu-panel-item__icon"), icon: link === null || link === void 0 ? void 0 : link.icon }))),
+            _J$X_("span", { className: cx('Nav-Menu-panel-item__label', isGroupHeader ? 'is-group-header' : '') }, label))));
+}
+/**
+ * 面板菜单 菜单分组
+ */
+function PanelMenuGroup(props) {
+    var cx = props.cx, _a = props.children, children = _a === void 0 ? [] : _a;
+    return (_J$X_("div", { className: cx('Nav-Menu-panel-group') }, children.map(function (child) {
+        var _a;
+        return (_J$X_("div", { key: child.id, className: cx('Nav-Menu-panel-group-item') },
+            _J$X_("div", { className: cx('Nav-Menu-panel-group-item__header') },
+                _J$X_(PanelMenuItem, tslib.__assign({ cx: cx }, child, { isGroupHeader: true }))), (_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 :
+            _a.map(function (subChild) { return (_J$X_(PanelMenuItem, tslib.__assign({ key: subChild.id, cx: cx }, subChild))); })));
+    })));
+}
+/**
+ * 面板菜单 菜单列表
+ */
+function PanelMenuList(props) {
+    var cx = props.cx, _a = props.children, children = _a === void 0 ? [] : _a;
+    return (_J$X_("div", { className: cx('Nav-Menu-panel-list') }, children.map(function (child) { return (_J$X_(PanelMenuItem, tslib.__assign({ key: child.id, cx: cx }, child))); })));
+}
+/**
+ * 面板菜单
+ */
+function PanelMenu(props) {
+    var cx = props.classnames, _a = props.children, children = _a === void 0 ? [] : _a;
+    // 是否有三级菜单
+    var hasThirdLevelMenu = children === null || children === void 0 ? void 0 : children.some(function (child) { var _a; return (_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length; });
+    return (_J$X_("section", { key: props.id, className: cx('Nav-Menu-panel-wrapper') }, hasThirdLevelMenu ? (_J$X_(PanelMenuGroup, { cx: cx, children: children })) : (_J$X_(PanelMenuList, { cx: cx, children: children }))));
+}
+var PanelMenu$1 = amisCore.themeable(PanelMenu);
+
+exports["default"] = PanelMenu$1;

package/lib/components/menu/SubMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.8
+ * amis-ui v6.11.0
  * Copyright 2018-2025 fex
  */