amis-ui 6.13.0-beta.9 → 6.13.0

package/esm/components/404.js

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

package/esm/components/Alert.js

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

package/esm/components/Alert2.js

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

package/esm/components/AlphabetIndexer.js

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

package/esm/components/AnchorNav.js

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

package/esm/components/AnchorNavSection.js

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

package/esm/components/ArrayInput.js

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

package/esm/components/AsideNav.js

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

package/esm/components/AssociatedSelection.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.13.0-beta.9
+ * amis-ui v6.13.0
  * Copyright 2018-2025 fex
  */
 
@@ -68,13 +68,17 @@ var AssociatedSelection = /** @class */ (function (_super) {
         var selectdOption = BaseSelection.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
         var __ = this.props.translate;
         return (React__default.createElement("div", { className: cx('AssociatedSelection', className) },
-            React__default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (React__default.createElement(Tree, { multiple: false, disabled: disabled, value: this.state.leftValue, options: leftOptions, onChange: this.handleLeftSelect, onDeferLoad: this.handleLeftDeferLoad, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') })) : (React__default.createElement(GroupedSelection, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') }))),
+            React__default.createElement("div", { className: cx('AssociatedSelection-left') }, leftMode === 'tree' ? (React__default.createElement(Tree, { multiple: false, disabled: disabled, value: this.state.leftValue, options: leftOptions, onChange: this.handleLeftSelect, onDeferLoad: this.handleLeftDeferLoad, virtualThreshold: virtualThreshold, 
+                // itemHeight={itemHeight}
+                loadingConfig: loadingConfig, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') })) : (React__default.createElement(GroupedSelection, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, multiple: false, clearable: false, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('left-selection') }))),
             React__default.createElement("div", { className: cx('AssociatedSelection-right') }, this.state.leftValue ? (selectdOption ? (selectdOption[deferField] && !selectdOption.loaded ? (React__default.createElement("div", { className: cx('AssociatedSelection-box') },
                 React__default.createElement("div", { className: cx('AssociatedSelection-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
                         ? undefined
                         : this.handleRetry.bind(this, selectdOption) },
                     React__default.createElement(Icon, { icon: "reload", className: "icon" })),
-                selectdOption.loading ? (React__default.createElement("p", null, __('loading'))) : (React__default.createElement("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (React__default.createElement(TableCheckboxes, { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender, multiple: multiple, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'tree' ? (React__default.createElement(Tree, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, multiple: multiple, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : (React__default.createElement(GroupedSelection, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') }))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
+                selectdOption.loading ? (React__default.createElement("p", null, __('loading'))) : (React__default.createElement("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (React__default.createElement(TableCheckboxes, { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender, multiple: multiple, virtualThreshold: virtualThreshold, itemHeight: itemHeight, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'tree' ? (React__default.createElement(Tree, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, multiple: multiple, labelField: labelField, virtualThreshold: virtualThreshold, 
+                // itemHeight={itemHeight}
+                loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : rightMode === 'chained' ? (React__default.createElement(ChainedCheckboxes, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, loadingConfig: loadingConfig, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') })) : (React__default.createElement(GroupedSelection, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, multiple: multiple, itemRender: itemRender, labelField: labelField, virtualThreshold: virtualThreshold, itemHeight: itemHeight, checkAllLabel: checkAllLabel, checkAll: checkAll, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('right-selection') }))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.configError')))) : (React__default.createElement("div", { className: cx('AssociatedSelection-box') }, __('Transfer.selectFromLeft'))))));
     };
     __decorate([
         autobind,

package/esm/components/AutoFoldedList.d.ts

@@ -0,0 +1,87 @@
+/**
+ * AutoFoldedList Component
+ *
+ * A component that automatically folds list items when there are too many to display.
+ * When clicked, it expands to show all items.
+ *
+ * @component
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+import { type TooltipObject } from './TooltipWrapper';
+export interface AutoFoldedListProps extends ThemeProps {
+    enabled?: boolean;
+    /**
+     * Maximum number of items to be visible
+     */
+    maxVisibleCount?: number;
+    /**
+     * Custom class name for the tooltip
+     */
+    tooltipClassName?: string;
+    /**
+     * Configuration options for the tooltip
+     */
+    tooltipOptions?: TooltipObject;
+    /**
+     * Array of items to be displayed in the list
+     */
+    items: Array<any>;
+    /**
+     * Function to render each list item
+     * @param item - The item to render
+     * @param index - The index of the item
+     * @param folded - Whether the item is in folded state
+     */
+    renderItem: (item: any, index: number, folded: boolean) => React.ReactNode;
+    /**
+     * Function to render the summary text for remaining items
+     * @param restItems - Array of remaining items
+     */
+    renderMoreSummary?: (restItems: any[]) => React.ReactNode;
+    /**
+     * Function to render the tooltip content
+     * @param restItems - Array of remaining items
+     */
+    renderTooltipContent?: (restItems: any[]) => React.ReactNode;
+    /**
+     * Container element for the popover
+     */
+    popOverContainer?: any;
+}
+export declare const AutoFoldedList: React.FC<AutoFoldedListProps>;
+declare const _default: {
+    new (props: Omit<AutoFoldedListProps, 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<AutoFoldedListProps, 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<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<AutoFoldedListProps, 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<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<AutoFoldedListProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.FC<AutoFoldedListProps>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.FC<AutoFoldedListProps>, {}> & {
+    ComposedComponent: React.FC<AutoFoldedListProps>;
+};
+export default _default;

package/esm/components/AutoFoldedList.js

@@ -0,0 +1,124 @@
+/**
+ * amis-ui v6.13.0
+ * Copyright 2018-2025 fex
+ */
+
+import { __read, __assign } from 'tslib';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { themeable, resizeSensor } from 'amis-core';
+import TooltipWrapper from './TooltipWrapper.js';
+
+/**
+ * AutoFoldedList Component
+ *
+ * A component that automatically folds list items when there are too many to display.
+ * When clicked, it expands to show all items.
+ *
+ * @component
+ */
+var AutoFoldedList = function (props) {
+    var items = props.items, renderItem = props.renderItem, renderMoreSummary = props.renderMoreSummary, renderTooltipContent = props.renderTooltipContent, _a = props.enabled, enabled = _a === void 0 ? true : _a, cx = props.classnames, popOverContainer = props.popOverContainer, tooltipClassName = props.tooltipClassName, tooltipOptions = props.tooltipOptions, maxVisibleCount = props.maxVisibleCount;
+    // State to track number of visible items
+    var _b = __read(useState(0), 2), visibleCount = _b[0], setVisibleCount = _b[1];
+    // Refs for container and "more" elements
+    var moreRef = useRef(null);
+    var _c = __read(React__default.useMemo(function () {
+        return [
+            visibleCount && enabled ? items.slice(0, visibleCount) : items,
+            visibleCount && enabled ? items.slice(visibleCount) : []
+        ];
+    }, [items, visibleCount, enabled]), 2), visibleItems = _c[0], restItems = _c[1];
+    /**
+     * Renders a single list item with proper key
+     */
+    var itemRender = React__default.useCallback(function (item, index, folded) {
+        var dom = renderItem(item, index, folded);
+        if (React__default.isValidElement(dom)) {
+            return React__default.cloneElement(dom, {
+                key: index
+            });
+        }
+        return React__default.createElement("div", { key: index }, dom);
+    }, [renderItem]);
+    /**
+     * Effect to calculate and update visible items count based on container width
+     */
+    useEffect(function () {
+        if (!enabled) {
+            return;
+        }
+        var more = moreRef.current;
+        var container = more.parentElement;
+        var moreWidth = Math.max(more.offsetWidth, 30);
+        var gap = 10;
+        var lastExtendAt = 0;
+        var calculateVisibleCount = function () {
+            var rect = container.getBoundingClientRect();
+            if (!rect.width) {
+                return;
+            }
+            var list = Array.from(container.children).filter(function (item) { return !item.hasAttribute('data-folder-ignore'); });
+            var rightElementsWidth = 0;
+            var rightElement = more.nextElementSibling;
+            while (rightElement) {
+                rightElementsWidth += rightElement.offsetWidth;
+                rightElement = rightElement.nextElementSibling;
+            }
+            var last = more.previousElementSibling;
+            while (last) {
+                if (last.getBoundingClientRect().right +
+                    moreWidth +
+                    gap +
+                    rightElementsWidth <
+                    rect.right) {
+                    break;
+                }
+                last = last.previousElementSibling;
+            }
+            if (last &&
+                last === more.previousElementSibling &&
+                Date.now() - lastExtendAt > 200 // Prevent flickering
+            ) {
+                // Expand to show more items
+                var width = last.offsetWidth;
+                lastExtendAt = Date.now();
+                var extend = Math.max(Math.floor((rect.right -
+                    last.getBoundingClientRect().right -
+                    moreWidth -
+                    gap) /
+                    width), 0);
+                setVisibleCount(Math.min(list.indexOf(last) + 1 + extend, maxVisibleCount !== null && maxVisibleCount !== void 0 ? maxVisibleCount : items.length));
+            }
+            else if (last) {
+                // Collapse to show fewer items
+                setVisibleCount(list.indexOf(last) + 1);
+            }
+        };
+        calculateVisibleCount();
+        return resizeSensor(container, calculateVisibleCount, false, 'both', true);
+    }, [items, maxVisibleCount, enabled]);
+    React__default.useLayoutEffect(function () {
+        var _a;
+        if (!enabled) {
+            return;
+        }
+        (_a = moreRef.current.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add(cx('AutoFoldedList'));
+        return function () {
+            var _a;
+            (_a = moreRef.current.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove(cx('AutoFoldedList'));
+        };
+    }, [enabled]);
+    return (React__default.createElement(React__default.Fragment, null,
+        visibleItems.map(function (item, index) { return itemRender(item, index, false); }),
+        React__default.createElement("div", { className: cx('AutoFoldedList-more'), ref: moreRef }, restItems.length > 0 ? (React__default.createElement(TooltipWrapper, { container: popOverContainer, tooltip: __assign(__assign({ placement: 'auto', trigger: 'hover', showArrow: false }, tooltipOptions), { children: function () { return (React__default.createElement("div", { className: cx('AutoFoldedList-more-tooltip', tooltipClassName) }, renderTooltipContent
+                    ? renderTooltipContent(restItems)
+                    : restItems.map(function (item, index) {
+                        return itemRender(item, index + visibleCount, true);
+                    }))); } }) }, renderMoreSummary ? (renderMoreSummary(restItems)) : (React__default.createElement("span", null,
+            "+ ",
+            restItems.length,
+            " ...")))) : null)));
+};
+var AutoFoldedList$1 = themeable(AutoFoldedList);
+
+export { AutoFoldedList, AutoFoldedList$1 as default };

package/esm/components/AutoSizer.js

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

package/esm/components/Avatar.js

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

package/esm/components/Badge.js

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

package/esm/components/BaiduMapPicker.js

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

package/esm/components/BarCode.js

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

package/esm/components/Breadcrumb.js

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