amis-ui 3.4.0 → 3.4.1

package/lib/components/InputTable.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.0
+ * amis-ui v3.4.1
  * Copyright 2018-2023 fex
  */
 
@@ -26,7 +26,10 @@ var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
 function InputTable(_a) {
     var _this = this;
     var _b, _c;
-    var control = _a.control, name = _a.name, wrap = _a.wrap, mode = _a.mode, label = _a.label, labelAlign = _a.labelAlign, labelClassName = _a.labelClassName, description = _a.description, fieldClassName = _a.fieldClassName; _a.className; var __ = _a.translate, cx = _a.classnames, removable = _a.removable, columns = _a.columns, addable = _a.addable, addButtonText = _a.addButtonText, addButtonClassName = _a.addButtonClassName, scaffold = _a.scaffold, minLength = _a.minLength, maxLength = _a.maxLength, isRequired = _a.isRequired, rules = _a.rules;
+    var control = _a.control, name = _a.name, wrap = _a.wrap, mode = _a.mode, label = _a.label, labelAlign = _a.labelAlign, labelClassName = _a.labelClassName, description = _a.description, fieldClassName = _a.fieldClassName, className = _a.className, __ = _a.translate, cx = _a.classnames, removable = _a.removable, columns = _a.columns, addable = _a.addable, addButtonText = _a.addButtonText, addButtonClassName = _a.addButtonClassName, addButtonProps = _a.addButtonProps, scaffold = _a.scaffold, minLength = _a.minLength, maxLength = _a.maxLength, isRequired = _a.isRequired, rules = _a.rules, tableClassName = _a.tableClassName, tableHeadClassName = _a.tableHeadClassName, tableBodyClassName = _a.tableBodyClassName, placeholder = _a.placeholder, scroll = _a.scroll, footer = _a.footer, onItemAdd = _a.onItemAdd;
+    var enableScroll = (scroll === null || scroll === void 0 ? void 0 : scroll.y) != null;
+    React__default["default"].useRef(null);
+    var tableRef = React__default["default"].useRef(null);
     var subForms = React__default["default"].useRef({});
     var subFormRef = React__default["default"].useCallback(function (subform, id) {
         if (subform) {
@@ -120,29 +123,45 @@ function InputTable(_a) {
         setValue("".concat(name, ".").concat(index), value);
     }, [control]);
     function renderBody() {
-        return (_J$X_("div", { className: cx("Table") },
-            _J$X_("div", { className: cx("Table-contentWrap") },
-                _J$X_("table", { className: cx("Table-table") },
-                    _J$X_("thead", null,
+        var handleItemAdd = function () {
+            var values = tslib.__assign({}, scaffold);
+            append(values);
+            /** 开启滚动后新增元素定位到底部 */
+            if (enableScroll && tableRef) {
+                requestAnimationFrame(function () {
+                    var _a, _b;
+                    (_b = (_a = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                        behavior: 'smooth',
+                        block: 'end',
+                        inline: 'nearest'
+                    });
+                });
+            }
+            onItemAdd === null || onItemAdd === void 0 ? void 0 : onItemAdd(values);
+        };
+        return (_J$X_("div", { className: cx("Table", "InputTable-UI", className) },
+            _J$X_("div", { className: cx("Table-contentWrap", { 'is-fixed': enableScroll }), style: { maxHeight: enableScroll ? scroll.y : 'unset' } },
+                _J$X_("table", { className: cx("Table-table", tableClassName), ref: tableRef },
+                    _J$X_("thead", { className: cx(tableHeadClassName) },
                         _J$X_("tr", null,
                             columns.map(function (item, index) { return (_J$X_("th", { key: index, className: item.className }, item.thRender ? item.thRender() : item.title)); }),
                             _J$X_("th", { key: "operation" }, __('Table.operation')))),
-                    _J$X_("tbody", null, fields.length ? (fields.map(function (field, index) { return (_J$X_("tr", { key: field.id },
+                    _J$X_("tbody", { className: cx(tableBodyClassName) }, fields.length ? (fields.map(function (field, index) { return (_J$X_("tr", { key: field.id },
                         _J$X_(InputTableRow, { key: "columns", control: control, update: lightUpdate, index: index, value: field, columns: columns, translate: __, classnames: cx, formRef: subFormRef }),
                         _J$X_("td", { key: "operation" },
                             _J$X_(Button["default"], { level: "link", key: "delete", disabled: removable === false ||
                                     !!(minLength && fields.length <= minLength), className: cx('Table-delBtn'), onClick: function () { return remove(index); } }, __('delete'))))); })) : (_J$X_("tr", null,
                         _J$X_("td", { colSpan: columns.length + 1 },
-                            _J$X_(icons.Icon, { icon: "desk-empty", className: cx('Table-placeholder-empty-icon', 'icon') }),
-                            __('placeholder.noData'))))))),
+                            _J$X_(icons.Icon, { icon: "desk-empty", className: cx('Table-placeholder-empty-icon', 'icon') }), placeholder !== null && placeholder !== void 0 ? placeholder : __('placeholder.noData'))))))),
             addable !== false && (!maxLength || fields.length < maxLength) ? (_J$X_("div", { className: cx("InputTable-toolbar") },
-                _J$X_(Button["default"], { className: cx(addButtonClassName), onClick: function () { return append(tslib.__assign({}, scaffold)); }, size: "sm" },
+                _J$X_(Button["default"], tslib.__assign({ className: cx(addButtonClassName), size: "sm" }, addButtonProps, { onClick: function () { return handleItemAdd(); } }),
                     _J$X_(icons.Icon, { icon: "plus", className: "icon" }),
-                    _J$X_("span", null, __(addButtonText || 'add'))))) : null));
+                    _J$X_("span", null, __(addButtonText || 'add'))), footer === null || footer === void 0 ? void 0 :
+                footer())) : null));
     }
     return wrap === false ? (renderBody()) : (_J$X_(FormField["default"], { className: fieldClassName, label: label, labelAlign: labelAlign, labelClassName: labelClassName, description: description, mode: mode, hasError: !!((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message), errors: (_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message }, renderBody()));
 }
-function InputTableRow(_a) {
+var InputTableRow = React__default["default"].memo(function InputTableRow(_a) {
     var value = _a.value, columns = _a.columns, index = _a.index, translate = _a.translate, update = _a.update, formRef = _a.formRef; _a.classnames;
     var indexRef = React__default["default"].useRef(index);
     React__default["default"].useEffect(function () {
@@ -157,8 +176,8 @@ function InputTableRow(_a) {
             formRef === null || formRef === void 0 ? void 0 : formRef(null, value.id);
         };
     }, [methods, value.id]);
-    return (_J$X_(React__default["default"].Fragment, null, columns.map(function (item, index) { return (_J$X_("td", { key: index, className: item.className }, item.tdRender(methods, index))); })));
-}
+    return (_J$X_(React__default["default"].Fragment, null, columns.map(function (item, colIndex) { return (_J$X_("td", { key: colIndex, className: item.className }, item.tdRender(methods, colIndex, index))); })));
+});
 var InputTable$1 = amisCore.themeable(amisCore.localeable(InputTable));
 
 exports.InputTable = InputTable;

package/lib/components/Layout.d.ts

@@ -48,91 +48,91 @@ export declare namespace Layout {
     };
 }
 declare const _default: {
-    new (props: Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+    new (props: Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
         footer?: React.ReactNode;
         asideClassName?: string | undefined;
         asideFixed?: boolean | undefined;
         headerFixed?: boolean | undefined;
         offScreen?: boolean | undefined;
-    } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+    } & {} & 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<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        } & {} & 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<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        readonly props: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "contentClassName" | "size" | "bodyClassName" | "headerClassName" | "folded" | "boxed" | "mainClassName"> & {
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<LayoutProps, keyof import("amis-core").ThemeProps>, "aside" | "header" | "children" | "size" | "bodyClassName" | "contentClassName" | "headerClassName" | "boxed" | "folded" | "mainClassName"> & {
             footer?: React.ReactNode;
             asideClassName?: string | undefined;
             asideFixed?: boolean | undefined;
             headerFixed?: boolean | undefined;
             offScreen?: boolean | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.0
+ * amis-ui v3.4.1
  * Copyright 2018-2023 fex
  */
 

package/lib/components/Link.d.ts

@@ -25,31 +25,31 @@ export declare class Link extends React.Component<LinkProps, object> {
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+    new (props: Omit<LinkProps, 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<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<LinkProps, 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<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>;
+        readonly props: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<LinkProps, 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<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LinkProps, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Link.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.4.0
+ * amis-ui v3.4.1
  * Copyright 2018-2023 fex
  */