amis-ui 6.2.2 → 6.4.0

package/esm/components/Pagination.js

@@ -1,9 +1,9 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
-import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import { __extends, __awaiter, __generator, __assign, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import isInteger from 'lodash/isInteger';
 import { autobind, themeable, localeable } from 'amis-core';
@@ -58,12 +58,12 @@ var Pagination = /** @class */ (function (_super) {
      */
     Pagination.prototype.renderPageItem = function (page) {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, activePage = _a.activePage;
+        var _a = this.props, cx = _a.classnames, activePage = _a.activePage, testIdBuilder = _a.testIdBuilder;
         var perPage = this.state.perPage;
         return (React__default.createElement("li", { onClick: function () { return _this.handlePageNumChange(page, perPage); }, key: page, className: cx('Pagination-pager-item', {
                 'is-active': page === activePage
             }) },
-            React__default.createElement("a", { role: "button" }, page)));
+            React__default.createElement("a", __assign({ role: "button" }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("page-".concat(page)).getTestId()), page)));
     };
     /**
      * 渲染...
@@ -73,7 +73,7 @@ var Pagination = /** @class */ (function (_super) {
      */
     Pagination.prototype.renderEllipsis = function (key) {
         var _this = this;
-        var _a = this.props, cx = _a.classnames, activePage = _a.activePage, ellipsisPageGap = _a.ellipsisPageGap;
+        var _a = this.props, cx = _a.classnames, activePage = _a.activePage, ellipsisPageGap = _a.ellipsisPageGap, testIdBuilder = _a.testIdBuilder;
         var perPage = this.state.perPage;
         var lastPage = this.getLastPage();
         var gap = isNaN(Number(ellipsisPageGap)) || Number(ellipsisPageGap) < 1
@@ -84,9 +84,9 @@ var Pagination = /** @class */ (function (_super) {
         var jumpPage = isPrevEllipsis
             ? Math.max(1, activePage - gap)
             : Math.min(lastPage, activePage + gap);
-        return (React__default.createElement("li", { key: key, className: cx('Pagination-ellipsis'), onClick: function (e) {
+        return (React__default.createElement("li", __assign({ key: key, className: cx('Pagination-ellipsis'), onClick: function (e) {
                 return _this.handlePageNumChange(jumpPage, perPage, isPrevEllipsis ? 'backward' : 'forward');
-            } },
+            } }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(key).getTestId()),
             React__default.createElement("a", { role: "button" }, "..."),
             React__default.createElement("span", { className: "icon" }, jumpContent)));
     };
@@ -186,7 +186,7 @@ var Pagination = /** @class */ (function (_super) {
     };
     Pagination.prototype.render = function () {
         var _this = this;
-        var _a = this.props, layout = _a.layout, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, mobileUI = _a.mobileUI, size = _a.size, __ = _a.translate;
+        var _a = this.props, layout = _a.layout, mode = _a.mode, activePage = _a.activePage, total = _a.total, showPerPage = _a.showPerPage, perPageAvailable = _a.perPageAvailable, cx = _a.classnames, showPageInput = _a.showPageInput, className = _a.className, style = _a.style, disabled = _a.disabled, hasNext = _a.hasNext, popOverContainer = _a.popOverContainer, popOverContainerSelector = _a.popOverContainerSelector, mobileUI = _a.mobileUI, size = _a.size, __ = _a.translate, testIdBuilder = _a.testIdBuilder;
         var maxButtons = this.props.maxButtons;
         var _b = this.state, pageNum = _b.pageNum, perPage = _b.perPage, internalPageNum = _b.internalPageNum;
         var lastPage = this.getLastPage();
@@ -194,10 +194,10 @@ var Pagination = /** @class */ (function (_super) {
         // 简洁模式
         if (mode === 'simple') {
             simplePager = (React__default.createElement("li", { className: cx('Pagination-simplego'), key: "simple-go" },
-                React__default.createElement("input", { className: cx('Pagination-simplego-input'), key: "simple-input", type: "text", disabled: disabled, onChange: this.handleSimpleKeyUp, onKeyUp: this.handleSimpleKeyUp, onBlur: this.handleSimpleBlur, value: internalPageNum }),
+                React__default.createElement("input", __assign({ className: cx('Pagination-simplego-input'), key: "simple-input", type: "text", disabled: disabled, onChange: this.handleSimpleKeyUp, onKeyUp: this.handleSimpleKeyUp, onBlur: this.handleSimpleBlur, value: internalPageNum }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('simple-input').getTestId())),
                 "/",
                 React__default.createElement("span", { className: cx('Pagination-simplego-right'), key: "go-right" }, lastPage)));
-            return (React__default.createElement("div", { className: cx('Pagination-wrap', "Pagination-wrap-size--".concat(size), 'Pagination-simple', { disabled: disabled }, className), style: style },
+            return (React__default.createElement("div", __assign({ className: cx('Pagination-wrap', "Pagination-wrap-size--".concat(size), 'Pagination-simple', { disabled: disabled }, className), style: style }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
                 React__default.createElement("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-pager-items', 'Pagination-item') },
                     React__default.createElement("li", { className: cx('Pagination-prev', {
                             'is-disabled': activePage < 2
@@ -207,7 +207,7 @@ var Pagination = /** @class */ (function (_super) {
                             }
                             return _this.handlePageNumChange(activePage - 1, undefined, 'backward');
                         }, key: "prev" },
-                        React__default.createElement("span", null,
+                        React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("go-prev").getTestId()),
                             React__default.createElement(Icon, { icon: "left-arrow", className: "icon" }))),
                     simplePager,
                     React__default.createElement("li", { className: cx('Pagination-next', {
@@ -218,7 +218,7 @@ var Pagination = /** @class */ (function (_super) {
                             }
                             return _this.handlePageNumChange(activePage + 1, perPage, 'forward');
                         }, key: "next" },
-                        React__default.createElement("span", null,
+                        React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("go-next").getTestId()),
                             React__default.createElement(Icon, { icon: "right-arrow", className: "icon" }))))));
         }
         var pageButtons = [];
@@ -273,7 +273,7 @@ var Pagination = /** @class */ (function (_super) {
                 }
                 return _this.handlePageNumChange(activePage - 1, perPage);
             }, key: "prev" },
-            React__default.createElement("span", null,
+            React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('go-prev').getTestId()),
                 React__default.createElement(Icon, { icon: "left-arrow", className: "icon" }))));
         pageButtons.push(React__default.createElement("li", { className: cx('Pagination-next', {
                 'is-disabled': activePage === lastPage
@@ -283,7 +283,7 @@ var Pagination = /** @class */ (function (_super) {
                 }
                 return _this.handlePageNumChange(activePage + 1, perPage);
             }, key: "next" },
-            React__default.createElement("span", null,
+            React__default.createElement("span", __assign({}, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('go-next').getTestId()),
                 React__default.createElement(Icon, { icon: "right-arrow", className: "icon" }))));
         if (mobileUI) {
             pageButtons = [
@@ -294,36 +294,36 @@ var Pagination = /** @class */ (function (_super) {
         }
         var go = (React__default.createElement("div", { className: cx('Pagination-inputGroup Pagination-item'), key: "go" },
             !mobileUI ? (React__default.createElement("span", { className: cx('Pagination-inputGroup-left'), key: "go-left" }, __('Pagination.goto'))) : null,
-            React__default.createElement("input", { className: cx('Pagination-inputGroup-input'), key: "go-input", type: "text", disabled: disabled, onChange: this.handlePageChange, onFocus: function (e) { return e.currentTarget.select(); }, onKeyUp: function (e) {
+            React__default.createElement("input", __assign({ className: cx('Pagination-inputGroup-input'), key: "go-input", type: "text", disabled: disabled, onChange: this.handlePageChange, onFocus: function (e) { return e.currentTarget.select(); }, onKeyUp: function (e) {
                     var v = parseInt(e.currentTarget.value, 10);
                     if (!v || e.code != 'Enter') {
                         return;
                     }
                     _this.setState({ pageNum: '' });
                     _this.handlePageNumChange(v, perPage);
-                }, value: pageNum }),
-            React__default.createElement("span", { className: cx('Pagination-inputGroup-right'), key: "go-right", onClick: function (e) {
+                }, value: pageNum }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('go-input').getTestId())),
+            React__default.createElement("span", __assign({ className: cx('Pagination-inputGroup-right'), key: "go-right", onClick: function (e) {
                     if (!pageNum) {
                         return;
                     }
                     _this.setState({ pageNum: '' });
                     _this.handlePageNumChange(+pageNum, perPage);
-                } }, __('Pagination.go'))));
+                } }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('go').getTestId()), __('Pagination.go'))));
         var selection = perPageAvailable
             .filter(function (v) { return !!v; })
             .map(function (v) { return ({ label: __('Pagination.select', { count: v }), value: v }); });
-        var perPageEle = (React__default.createElement(EnhancedSelect, { key: "perpage", className: cx('Pagination-perpage', 'Pagination-item'), clearable: false, disabled: disabled, value: perPage, options: selection, popOverContainer: popOverContainer, popOverContainerSelector: popOverContainerSelector, onChange: function (p) {
+        var perPageEle = (React__default.createElement(EnhancedSelect, __assign({ key: "perpage", className: cx('Pagination-perpage', 'Pagination-item'), clearable: false, disabled: disabled, value: perPage, options: selection, popOverContainer: popOverContainer, popOverContainerSelector: popOverContainerSelector, onChange: function (p) {
                 _this.setState({
                     perPage: p.value,
                     pageNum: ''
                 });
                 _this.handlePageNumChange(1, p.value);
-            } }));
+            } }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('perpage').getTestId())));
         // total或者lastpage不存在，不渲染总数
         var totalPage = !(total || lastPage) ? null : (React__default.createElement("div", { className: cx('Pagination-total Pagination-item'), key: "total" }, total || total === 0
             ? __('Pagination.totalCount', { total: total })
             : __('Pagination.totalPage', { lastPage: lastPage })));
-        return (React__default.createElement("div", { className: cx('Pagination-wrap', "Pagination-wrap-size--".concat(size), { disabled: disabled }, className) }, layoutList.map(function (layoutItem) {
+        return (React__default.createElement("div", __assign({ className: cx('Pagination-wrap', "Pagination-wrap-size--".concat(size), { disabled: disabled }, className) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()), layoutList.map(function (layoutItem) {
             if (layoutItem === "pager" /* PaginationWidget.Pager */) {
                 return (React__default.createElement("ul", { key: "pager-items", className: cx('Pagination', 'Pagination--sm', 'Pagination-item') }, pageButtons));
             }

package/esm/components/PdfViewer.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @file PdfViewer.tsx PDF 预览
+ *
+ * @created: 2024/02/26
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+export interface PdfViewerProps extends ThemeProps {
+    file?: ArrayBuffer;
+    width?: number;
+    height?: number;
+    background?: string;
+    loading: boolean;
+}
+declare const _default: {
+    new (props: Omit<PdfViewerProps, 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<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<PdfViewerProps, 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<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PdfViewerProps, 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<PdfViewerProps>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.FC<PdfViewerProps>, {}> & {
+    ComposedComponent: React.FC<PdfViewerProps>;
+};
+export default _default;

package/esm/components/PdfViewer.js

@@ -0,0 +1,85 @@
+/**
+ * amis-ui v6.4.0
+ * Copyright 2018-2024 fex
+ */
+
+import { __read } from 'tslib';
+import React__default from 'react';
+import { themeable } from 'amis-core';
+import { pdfjs, Document, Page } from 'react-pdf';
+import { Icon } from './icons.js';
+import Input from './Input.js';
+import Spinner from './Spinner.js';
+import pdfJSWorkerURL from '../node_modules/pdfjs-dist/build/pdf.worker.min.js';
+
+/**
+ * @file PdfViewer.tsx PDF 预览
+ *
+ * @created: 2024/02/26
+ */
+pdfjs.GlobalWorkerOptions.workerSrc = pdfJSWorkerURL;
+var PdfViewer = function (props) {
+    var cx = props.classnames, className = props.className, loading = props.loading, _a = props.width, width = _a === void 0 ? 300 : _a;
+    var _b = __read(React__default.useState(props.file), 2), file = _b[0], setFile = _b[1];
+    var _c = __read(React__default.useState(false), 2), loaded = _c[0], setLoaded = _c[1];
+    var _d = __read(React__default.useState(1), 2), page = _d[0], setPage = _d[1];
+    var _e = __read(React__default.useState(1), 2), scale = _e[0], setScale = _e[1];
+    var _f = __read(React__default.useState(1), 2), total = _f[0], setTotal = _f[1];
+    var wrapper = React__default.useRef(null);
+    var inputRef = React__default.useRef();
+    React__default.useEffect(function () {
+        if (props.file instanceof ArrayBuffer && props.file.byteLength > 0) {
+            setFile(props.file);
+        }
+        else {
+            setFile(undefined);
+        }
+    }, [props.file]);
+    function handleLoadSuccess(_a) {
+        var numPages = _a.numPages;
+        setLoaded(true);
+        setTotal(numPages);
+    }
+    function handleChangePage(idx) {
+        var newPage = page + idx;
+        if (newPage <= 0 || newPage > total) {
+            return;
+        }
+        setPage(newPage);
+    }
+    function handlePageBlur(event) {
+        var newPage = +event.target.value;
+        if (isNaN(newPage) || newPage <= 0 || newPage > total) {
+            if (inputRef.current) {
+                inputRef.current.value = page + '';
+            }
+            return;
+        }
+        setPage(newPage);
+    }
+    function handleChangeScale(t) {
+        setScale(scale * t);
+    }
+    function renderLoading() {
+        return (React__default.createElement("div", { className: cx('PdfViewer-Loading') },
+            React__default.createElement(Spinner, null)));
+    }
+    function renderTool() {
+        return (React__default.createElement("div", { className: cx('PdfViewer-Tool') },
+            React__default.createElement(Icon, { className: "icon", icon: "prev", onClick: function () { return handleChangePage(-1); } }),
+            React__default.createElement(Input, { className: "page-input", value: page, onBlur: handlePageBlur, ref: inputRef }),
+            React__default.createElement("span", { className: "gap" }, "/"),
+            React__default.createElement("span", null, total),
+            React__default.createElement(Icon, { className: "icon", icon: "next", onClick: function () { return handleChangePage(1); } }),
+            React__default.createElement(Icon, { className: "icon", icon: "zoom-in", onClick: function () { return handleChangeScale(1.2); } }),
+            React__default.createElement(Icon, { className: "icon", icon: "zoom-out", onClick: function () { return handleChangeScale(0.8); } })));
+    }
+    return (React__default.createElement("div", { className: cx(className, 'PdfViewer'), ref: wrapper }, !file || loading ? (renderLoading()) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: cx('PdfViewer-Content', { 'is-loaded': loaded }) },
+            React__default.createElement(Document, { file: file, onLoadSuccess: handleLoadSuccess, loading: renderLoading() },
+                React__default.createElement(Page, { className: cx('PdfViewer-Content-Page'), pageNumber: page, width: width, height: props.height, loading: renderLoading(), noData: React__default.createElement("div", null, "No PDF data"), scale: scale, renderTextLayer: false, renderAnnotationLayer: false }))),
+        loaded ? renderTool() : null))));
+};
+var PdfViewer$1 = themeable(PdfViewer);
+
+export { PdfViewer$1 as default };

package/esm/components/Picker.d.ts

@@ -18,6 +18,7 @@ export interface PickerProps extends ThemeProps, LocaleProps {
     value?: PickerValue[];
     swipeDuration?: number;
     visibleItemCount?: number;
+    highlightTxt?: string;
     itemHeight?: number;
     columns: PickerColumnItem[] | PickerColumnItem;
     onChange?: (value?: PickerValue[], index?: number, confirm?: boolean) => void;

package/esm/components/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -16,9 +16,9 @@ function fixToArray(data) {
     return data;
 }
 var Picker = memo(function (props) {
-    var title = props.title, labelField = props.labelField, valueField = props.valueField, _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.value, value = _b === void 0 ? [] : _b, _c = props.swipeDuration, swipeDuration = _c === void 0 ? 1000 : _c, _d = props.columns, columns = _d === void 0 ? [] : _d, _e = props.itemHeight, itemHeight = _e === void 0 ? 48 : _e, _f = props.showToolbar, showToolbar = _f === void 0 ? true : _f, _g = props.className, className = _g === void 0 ? '' : _g, cx = props.classnames, ns = props.classPrefix, __ = props.translate;
+    var title = props.title, labelField = props.labelField, valueField = props.valueField, _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.value, value = _b === void 0 ? [] : _b, _c = props.swipeDuration, swipeDuration = _c === void 0 ? 1000 : _c, _d = props.columns, columns = _d === void 0 ? [] : _d, _e = props.itemHeight, itemHeight = _e === void 0 ? 48 : _e, _f = props.showToolbar, showToolbar = _f === void 0 ? true : _f, _g = props.className, className = _g === void 0 ? '' : _g, _h = props.highlightTxt, highlightTxt = _h === void 0 ? '' : _h, cx = props.classnames, ns = props.classPrefix, __ = props.translate;
     var _columns = fixToArray(columns);
-    var _h = __read(useState(fixToArray(props.value === undefined ? props.defaultValue || [] : value)), 2), innerValue = _h[0], setInnerValue = _h[1];
+    var _j = __read(useState(fixToArray(props.value === undefined ? props.defaultValue || [] : value)), 2), innerValue = _j[0], setInnerValue = _j[1];
     useEffect(function () {
         if (value === innerValue)
             return;
@@ -43,7 +43,7 @@ var Picker = memo(function (props) {
         }
     };
     var renderColumnItem = function (item, index) {
-        return (React__default.createElement(Column, __assign({}, item, { classnames: cx, classPrefix: ns, labelField: labelField || item.labelField, valueField: valueField || item.valueField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
+        return (React__default.createElement(Column, __assign({}, item, { highlightTxt: highlightTxt, classnames: cx, classPrefix: ns, labelField: labelField || item.labelField, valueField: valueField || item.valueField, itemHeight: itemHeight, swipeDuration: swipeDuration, visibleItemCount: visibleItemCount, value: innerValue[index], onChange: function (val, i, confirm) {
                 onChange(val, index, confirm);
             }, key: "column".concat(index) })));
     };

package/esm/components/PickerColumn.d.ts

@@ -14,6 +14,7 @@ export interface PickerColumnItem {
     visibleItemCount?: number;
     itemHeight?: number;
     options?: PickerOption[];
+    highlightTxt?: string;
     optionRender?: (...params: any) => React.ReactNode;
     onChange?: (value?: PickerOption | string, index?: number, confirm?: boolean) => void;
 }

package/esm/components/PickerColumn.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -7,7 +7,7 @@ import { __read, __assign } from 'tslib';
 import React__default, { forwardRef, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
 import isObject from 'lodash/isObject';
 import cloneDeep from 'lodash/cloneDeep';
-import { themeable, uncontrollable, range } from 'amis-core';
+import { themeable, uncontrollable, range, highlight } from 'amis-core';
 import useSetState from '../hooks/use-set-state.js';
 import useUpdateEffect from '../hooks/use-update-effect.js';
 import useTouch from '../hooks/use-touch.js';
@@ -30,7 +30,7 @@ function isOptionDisabled(option) {
     return isObject(option) && option.disabled;
 }
 var PickerColumn = forwardRef(function (props, ref) {
-    var _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.itemHeight, itemHeight = _b === void 0 ? 48 : _b, value = props.value, _c = props.valueField, valueField = _c === void 0 ? 'value' : _c, _d = props.swipeDuration, swipeDuration = _d === void 0 ? 1000 : _d, _e = props.labelField, labelField = _e === void 0 ? 'text' : _e, _f = props.options, options = _f === void 0 ? [] : _f; props.classnames;
+    var _a = props.visibleItemCount, visibleItemCount = _a === void 0 ? 5 : _a, _b = props.itemHeight, itemHeight = _b === void 0 ? 48 : _b, value = props.value, _c = props.valueField, valueField = _c === void 0 ? 'value' : _c, _d = props.swipeDuration, swipeDuration = _d === void 0 ? 1000 : _d, _e = props.labelField, labelField = _e === void 0 ? 'text' : _e, _f = props.highlightTxt, highlightTxt = _f === void 0 ? '' : _f, _g = props.options, options = _g === void 0 ? [] : _g, cx = props.classnames;
     var root = useRef(null);
     var menuItemRef = useRef(null);
     var wrapper = useRef(null);
@@ -75,12 +75,12 @@ var PickerColumn = forwardRef(function (props, ref) {
         }
         return null;
     };
-    var _g = __read(useSetState({
+    var _h = __read(useSetState({
         index: adjustIndex(defaultIndex) || 0,
         offset: 0,
         duration: 0,
         options: cloneDeep(options)
-    }), 2), state = _g[0], updateState = _g[1];
+    }), 2), state = _h[0], updateState = _h[1];
     /**
      *
      * @param index 索引
@@ -224,7 +224,9 @@ var PickerColumn = forwardRef(function (props, ref) {
             };
             var childData = {
                 className: 'text-ellipsis',
-                children: text
+                children: (highlightTxt
+                    ? highlight(text, highlightTxt, cx('Select-option-hl'))
+                    : text)
             };
             return (React__default.createElement("li", __assign({}, data, { ref: menuItemRef }), props.optionRender ? (props.optionRender(option, { index: index, checked: state.index === index })) : (React__default.createElement("div", __assign({}, childData)))));
         });

package/esm/components/PickerContainer.d.ts

@@ -29,12 +29,11 @@ export interface PickerContainerState {
 }
 export declare class PickerContainer extends React.Component<PickerContainerProps, PickerContainerState> {
     state: PickerContainerState;
-    bodyRef: React.RefObject<any>;
     componentDidUpdate(prevProps: PickerContainerProps): void;
     handleClick(): Promise<void>;
     close(e?: any, callback?: () => void): void;
     handleChange(value: any): void;
-    confirm(): Promise<any>;
+    beforeConfirm(form?: any): Promise<any>;
     updateState(state?: any): void;
     render(): React.JSX.Element;
 }

package/esm/components/PickerContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -16,7 +16,6 @@ var PickerContainer = /** @class */ (function (_super) {
             isOpened: false,
             value: _this.props.value
         };
-        _this.bodyRef = React__default.createRef();
         return _this;
     }
     PickerContainer.prototype.componentDidUpdate = function (prevProps) {
@@ -64,17 +63,25 @@ var PickerContainer = /** @class */ (function (_super) {
             value: value
         });
     };
-    PickerContainer.prototype.confirm = function () {
+    PickerContainer.prototype.beforeConfirm = function (form) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var _a, onConfirm, beforeConfirm, ret, state;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var _c, onConfirm, beforeConfirm, ret, _d, state;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
                     case 0:
-                        _a = this.props, onConfirm = _a.onConfirm, beforeConfirm = _a.beforeConfirm;
-                        return [4 /*yield*/, (beforeConfirm === null || beforeConfirm === void 0 ? void 0 : beforeConfirm(this.bodyRef.current))];
+                        _c = this.props, onConfirm = _c.onConfirm, beforeConfirm = _c.beforeConfirm;
+                        if (!beforeConfirm) return [3 /*break*/, 2];
+                        return [4 /*yield*/, (beforeConfirm === null || beforeConfirm === void 0 ? void 0 : beforeConfirm(form))];
                     case 1:
-                        ret = _b.sent();
+                        _d = _e.sent();
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, ((_a = form === null || form === void 0 ? void 0 : form.submit) === null || _a === void 0 ? void 0 : _a.call(form))];
+                    case 3:
+                        _d = _e.sent();
+                        _e.label = 4;
+                    case 4:
+                        ret = _d;
                         state = {
                             isOpened: false
                         };
@@ -85,7 +92,10 @@ var PickerContainer = /** @class */ (function (_super) {
                         else if (isObject(ret)) {
                             state.value = ret;
                         }
-                        this.setState(state, function () { return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(_this.state.value); });
+                        return [4 /*yield*/, (onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm((_b = state.value) !== null && _b !== void 0 ? _b : this.state.value))];
+                    case 5:
+                        _e.sent();
+                        this.setState(state);
                         return [2 /*return*/];
                 }
             });
@@ -105,9 +115,9 @@ var PickerContainer = /** @class */ (function (_super) {
                 onClick: this.handleClick,
                 setState: this.updateState
             }),
-            React__default.createElement(ConfirmBox, { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, className: className, showFooter: showFooter, beforeConfirm: this.confirm, popOverContainer: popOverContainer, mobileUI: mobileUI, disabled: disabled }, function (_a) {
-                var popOverContainer = _a.popOverContainer, loading = _a.loading;
-                return popOverRender(__assign(__assign({}, _this.state), { ref: _this.bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: _this.confirm, popOverContainer: popOverContainer, loading: loading }));
+            React__default.createElement(ConfirmBox, { type: "dialog", size: size, closeOnEsc: closeOnEsc, show: this.state.isOpened, onCancel: this.close, title: title || __('Select.placeholder'), showTitle: showTitle, headerClassName: headerClassName, bodyClassName: bodyClassName, className: className, showFooter: showFooter, beforeConfirm: this.beforeConfirm, popOverContainer: popOverContainer, mobileUI: mobileUI, disabled: disabled }, function (_a) {
+                var popOverContainer = _a.popOverContainer, loading = _a.loading, onConfirm = _a.onConfirm, bodyRef = _a.bodyRef;
+                return popOverRender(__assign(__assign({}, _this.state), { ref: bodyRef, setState: _this.updateState, onClose: _this.close, onChange: _this.handleChange, onConfirm: onConfirm, popOverContainer: popOverContainer, loading: loading }));
             })));
     };
     __decorate([
@@ -131,9 +141,9 @@ var PickerContainer = /** @class */ (function (_super) {
     __decorate([
         autobind,
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", Promise)
-    ], PickerContainer.prototype, "confirm", null);
+    ], PickerContainer.prototype, "beforeConfirm", null);
     __decorate([
         autobind,
         __metadata("design:type", Function),

package/esm/components/PopOverContainer.d.ts

@@ -5,6 +5,7 @@ export interface PopOverOverlay {
     align?: OverlayAlignType;
 }
 export interface PopOverContainerProps {
+    show?: boolean;
     children: (props: {
         disabled?: boolean;
         onClick: (e: React.MouseEvent) => void;

package/esm/components/PopOverContainer.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -89,12 +89,12 @@ var PopOverContainer = /** @class */ (function (_super) {
         var _a = this.props, mobileUI = _a.mobileUI, children = _a.children, popOverContainer = _a.popOverContainer, popOverClassName = _a.popOverClassName, dropdownRender = _a.popOverRender, placement = _a.placement, align = _a.align, showConfirm = _a.showConfirm; _a.onConfirm; var disabled = _a.disabled;
         return (React__default.createElement(React__default.Fragment, null,
             children({
-                isOpened: this.state.isOpened,
+                isOpened: this.state.isOpened && this.props.show !== false,
                 onClick: this.handleClick,
                 ref: this.targetRef,
                 disabled: disabled
             }),
-            mobileUI ? (React__default.createElement(PopUp, { isShow: this.state.isOpened, container: document.body, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened },
+            mobileUI ? (React__default.createElement(PopUp, { isShow: this.state.isOpened && this.props.show !== false, container: popOverContainer, className: popOverClassName, showConfirm: showConfirm, onHide: this.close, onConfirm: this.onConfirm }, dropdownRender({ onClose: this.close }))) : (React__default.createElement(Overlay, { container: popOverContainer || this.getParent, target: this.getTarget, placement: placement || PopOverContainer.alignToPlacement({ align: align }), show: this.state.isOpened && this.props.show !== false },
                 React__default.createElement(PopOver, { overlay: true, className: popOverClassName, style: this.getOverlayStyle(), onHide: this.close }, dropdownRender({ onClose: this.close }))))));
     };
     PopOverContainer.alignPlacementMap = {