amis-ui 6.13.0-beta.7 → 6.13.0-beta.8

package/esm/components/DropDownSelection.js

@@ -1,78 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __extends } from 'tslib';
-import React__default from 'react';
-import { findDOMNode } from 'react-dom';
-import { BaseSelection } from './Selection.js';
-import { PopOverContainer } from './PopOverContainer.js';
-import GroupedSelection from './GroupedSelection.js';
-import TreeSelection from './TreeSelection.js';
-import ResultBox from './ResultBox.js';
-import { filterTree, findTree, noop, themeable, localeable } from 'amis-core';
-import { matchSorter } from 'match-sorter';
-import { Icon } from './icons.js';
-import SearchBox from './SearchBox.js';
-
-var DropDownSelection = /** @class */ (function (_super) {
-    __extends(DropDownSelection, _super);
-    function DropDownSelection(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            searchText: ''
-        };
-        _this.onSearch = _this.onSearch.bind(_this);
-        _this.filterOptions = _this.filterOptions.bind(_this);
-        return _this;
-    }
-    DropDownSelection.prototype.onSearch = function (text) {
-        this.setState({ searchText: text });
-    };
-    DropDownSelection.prototype.filterOptions = function (options) {
-        var _a = this.props, _b = _a.valueField, valueField = _b === void 0 ? 'value' : _b, labelField = _a.labelField;
-        var text = this.state.searchText;
-        if (!text) {
-            return this.props.options;
-        }
-        return filterTree(options, function (option, key, level, paths) {
-            return !!((Array.isArray(option.children) && option.children.length) ||
-                !!matchSorter([option].concat(paths), text, {
-                    keys: [labelField || 'label', valueField || 'value'],
-                    threshold: matchSorter.rankings.CONTAINS
-                }).length);
-        }, 0, true);
-    };
-    // 选了值，还原options
-    DropDownSelection.prototype.onPopClose = function (onClose) {
-        this.setState({ searchText: '' });
-        onClose();
-    };
-    DropDownSelection.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, options = _a.options, onChange = _a.onChange, value = _a.value, cx = _a.classnames, disabled = _a.disabled, __ = _a.translate, searchable = _a.searchable, _b = _a.mode, mode = _b === void 0 ? 'list' : _b, _c = _a.valueField, valueField = _c === void 0 ? 'value' : _c, option2value = _a.option2value, loadingConfig = _a.loadingConfig, popOverContainer = _a.popOverContainer, testIdBuilder = _a.testIdBuilder, mobileUI = _a.mobileUI, ns = _a.classPrefix;
-        return (React__default.createElement(PopOverContainer, { mobileUI: mobileUI, overlayWidthField: "width", popOverContainer: popOverContainer || (function () { return findDOMNode(_this); }), popOverRender: function (_a) {
-                var onClose = _a.onClose;
-                return (React__default.createElement("div", null,
-                    searchable ? (React__default.createElement(SearchBox, { className: cx("".concat(ns, "DropDownSelection-searchbox")), mini: false, onSearch: _this.onSearch, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('searchbox') })) : null,
-                    mode === 'list' ? (React__default.createElement(GroupedSelection, { multiple: false, onClick: function () { return _this.onPopClose(onClose); }, options: _this.filterOptions(_this.props.options), value: value, option2value: option2value, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('selection'), onChange: function (value) {
-                            onChange(Array.isArray(value) ? value[0] : value);
-                        } })) : (React__default.createElement(TreeSelection, { className: 'is-scrollable', multiple: false, options: _this.filterOptions(_this.props.options), value: value, loadingConfig: loadingConfig, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('selection'), onChange: function (value) {
-                            _this.onPopClose(onClose);
-                            onChange(value[valueField]);
-                        } }))));
-            } }, function (_a) {
-            var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
-            return (React__default.createElement("div", { className: cx('DropDownSelection') },
-                React__default.createElement(ResultBox, { className: cx('DropDownSelection-input', isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: value
-                        ? findTree(options, function (item) { return item[valueField] === value; })
-                        : '', onResultChange: noop, onResultClick: onClick, placeholder: __('Condition.field_placeholder'), disabled: disabled, mobileUI: mobileUI, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('resultbox') }, !mobileUI ? (React__default.createElement("span", { className: cx('DropDownSelection-caret') },
-                    React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null)));
-        }));
-    };
-    return DropDownSelection;
-}(BaseSelection));
-var DropDownSelection$1 = themeable(localeable(DropDownSelection));
-
-export { DropDownSelection$1 as default };

package/esm/components/DropdownContextMenus.d.ts

@@ -1,84 +0,0 @@
-/**
- * @file DropdownContextMenus
- * @desc 下拉菜单组件,用于展示上下文菜单
- */
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { ThemeProps } from 'amis-core';
-/**
- * 菜单项配置
- */
-export interface ContextMenu<T = any> {
-    /** 菜单项 ID */
-    id?: string;
-    /** 菜单项文本 */
-    label: string;
-    /** 菜单项图标 */
-    icon?: string;
-    /** 菜单项等级 */
-    level?: 'normal' | 'danger';
-    className?: string;
-    disabled?: boolean;
-    /** 点击菜单项的回调 */
-    onClick?: (item: T) => void;
-}
-/**
- * 组件属性定义
- */
-interface DropdownContextMenusProps<T = Record<string, any>> extends ThemeProps {
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 上下文数据 */
-    context: T;
-    /** 获取目标元素的方法 */
-    getTargetElement?: (dom: HTMLElement) => HTMLElement;
-    /** 上下文菜单配置，可以是数组或返回数组的函数 */
-    contextMenus: ContextMenu<T>[] | ((item: T) => ContextMenu<T>[]);
-    /** 上下文菜单点击回调 */
-    onContextMenu?: (item: T, menu: ContextMenu<T>) => void;
-    /** 弹出框容器 */
-    popOverContainer?: React.ReactNode | (() => React.ReactNode);
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-}
-/**
- * 下拉菜单组件
- * 用于展示上下文菜单的弹出层组件
- */
-export declare function DropdownContextMenus<T = Record<string, any>>({ context, contextMenus, classnames: cx, onContextMenu, popOverContainer, getTargetElement, style, className }: DropdownContextMenusProps<T>): React.JSX.Element;
-declare const _default: {
-    new (props: Omit<DropdownContextMenusProps<unknown>, keyof 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<DropdownContextMenusProps<unknown>, keyof 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<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof 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<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<DropdownContextMenusProps<unknown>, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof DropdownContextMenus>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof DropdownContextMenus, {}> & {
-    ComposedComponent: typeof DropdownContextMenus;
-};
-export default _default;

package/esm/components/DropdownContextMenus.js

@@ -1,93 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.7
- * Copyright 2018-2025 fex
- */
-
-import { __read, __awaiter, __generator } from 'tslib';
-import React__default from 'react';
-import { themeable } from 'amis-core';
-import { Icon } from './icons.js';
-import { PopOverContainer } from './PopOverContainer.js';
-
-/**
- * @file DropdownContextMenus
- * @desc 下拉菜单组件,用于展示上下文菜单
- */
-/**
- * 下拉菜单组件
- * 用于展示上下文菜单的弹出层组件
- */
-function DropdownContextMenus(_a) {
-    var _this = this;
-    var context = _a.context, contextMenus = _a.contextMenus, cx = _a.classnames, onContextMenu = _a.onContextMenu, popOverContainer = _a.popOverContainer, getTargetElement = _a.getTargetElement, style = _a.style, className = _a.className;
-    var _b = __read(React__default.useState([]), 2), menus = _b[0], setMenus = _b[1];
-    var domRef = React__default.useRef();
-    /** 处理菜单项点击事件 */
-    var handleItemClick = React__default.useCallback(function (e) {
-        var _a;
-        e.preventDefault();
-        var index = e.currentTarget.getAttribute('data-index') || '';
-        var menu = menus[parseInt(index, 10)];
-        if (menu) {
-            (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu, context);
-            onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(context, menu);
-        }
-    }, [menus, onContextMenu, context]);
-    /** 渲染弹出层内容 */
-    var popOverRender = React__default.useMemo(function () {
-        return function (_a) {
-            var onClose = _a.onClose;
-            return (React__default.createElement("ul", { className: cx('ContextMenu-list'), onClick: onClose }, Array.isArray(menus) && menus.length ? (menus.map(function (menu, index) {
-                var _a;
-                return (React__default.createElement("li", { key: "".concat(index), className: cx('ContextMenu-item', menu.className, (_a = {},
-                        _a["is-".concat(menu.level)] = menu.level && menu.level !== 'normal',
-                        _a['is-disabled'] = menu.disabled,
-                        _a)) },
-                    React__default.createElement("a", { "data-index": index, onClick: handleItemClick },
-                        menu.icon ? (React__default.createElement("span", { className: cx('ContextMenu-itemIcon', menu.icon) })) : null,
-                        menu.label)));
-            })) : (React__default.createElement("li", { onClick: handleItemClick, className: cx('ContextMenu-item is-disabled is-placeholder') },
-                React__default.createElement("a", null, "\u65E0")))));
-        };
-    }, [menus]);
-    /** 处理弹出层打开事件 */
-    var handleOpen = React__default.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!(typeof contextMenus === 'function')) return [3 /*break*/, 2];
-                    _a = setMenus;
-                    return [4 /*yield*/, contextMenus(context)];
-                case 1:
-                    _a.apply(void 0, [_b.sent()]);
-                    return [3 /*break*/, 3];
-                case 2:
-                    setMenus(contextMenus);
-                    _b.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); }, [context, contextMenus]);
-    /** 获取弹出层容器 */
-    var getContainer = React__default.useCallback(function () {
-        return typeof popOverContainer === 'function'
-            ? popOverContainer()
-            : popOverContainer || domRef.current;
-    }, [popOverContainer]);
-    return (React__default.createElement(PopOverContainer, { popOverRender: popOverRender, popOverContainer: getContainer, onOpen: handleOpen }, function (_a) {
-        var onClick = _a.onClick, targetRef = _a.ref, isOpened = _a.isOpened;
-        var filterRef = function (ref) {
-            domRef.current = ref;
-            if (ref && getTargetElement) {
-                ref = getTargetElement(ref);
-            }
-            targetRef(ref);
-        };
-        return (React__default.createElement("a", { ref: filterRef, className: cx('DropdownContextMenus', className, isOpened ? 'is-open' : ''), onClick: onClick, style: style },
-            React__default.createElement(Icon, { icon: "ellipsis-v" })));
-    }));
-}
-var DropdownContextMenus$1 = themeable(DropdownContextMenus);
-
-export { DropdownContextMenus, DropdownContextMenus$1 as default };