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

package/lib/components/ArrayInput.js

@@ -1,160 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-var InputBox = require('./InputBox.js');
-var icons = require('./icons.js');
-var Button = require('./Button.js');
-var Sortable = require('sortablejs');
-var ReactDOM = require('react-dom');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-var ArrayInput = /** @class */ (function (_super) {
-    tslib.__extends(ArrayInput, _super);
-    function ArrayInput() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.id = amisCore.guid();
-        return _this;
-    }
-    ArrayInput.prototype.handleItemOnChange = function (index, itemValue) {
-        var onChange = this.props.onChange;
-        var value = this.props.value;
-        var newValue = Array.isArray(value) ? value.concat() : [];
-        newValue.splice(index, 1, itemValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    ArrayInput.prototype.dragTipRef = function (ref) {
-        if (!this.dragTip && ref) {
-            this.initDragging();
-        }
-        else if (this.dragTip && !ref) {
-            this.destroyDragging();
-        }
-        this.dragTip = ref;
-    };
-    ArrayInput.prototype.handleAdd = function () {
-        var _a = this.props, value = _a.value, onChange = _a.onChange, itemInitalValue = _a.itemInitalValue;
-        var newValue = Array.isArray(value) ? value.concat() : [];
-        newValue.push(itemInitalValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    ArrayInput.prototype.handleRemove = function (e) {
-        var indx = parseInt(e.currentTarget.getAttribute('data-index'), 10);
-        var _a = this.props, value = _a.value, onChange = _a.onChange; _a.itemInitalValue;
-        var newValue = Array.isArray(value) ? value.concat() : [];
-        newValue.splice(indx, 1);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    ArrayInput.prototype.initDragging = function () {
-        var _this = this;
-        var onChange = this.props.onChange;
-        var ns = this.props.classPrefix;
-        var dom = ReactDOM.findDOMNode(this);
-        this.sortable = new Sortable__default["default"](dom.querySelector(".drag-group"), {
-            group: "array-input-".concat(this.id),
-            animation: 150,
-            handle: ".drag-bar",
-            ghostClass: "".concat(ns, "ArrayInput-item--dragging"),
-            onEnd: function (e) {
-                // 没有移动
-                if (e.newIndex === e.oldIndex) {
-                    return;
-                }
-                // 换回来
-                var parent = e.to;
-                if (e.oldIndex < parent.childNodes.length - 1) {
-                    parent.insertBefore(e.item, parent.childNodes[e.oldIndex > e.newIndex ? e.oldIndex + 1 : e.oldIndex]);
-                }
-                else {
-                    parent.appendChild(e.item);
-                }
-                var value = _this.props.value;
-                if (!Array.isArray(value)) {
-                    return;
-                }
-                var newValue = value.concat();
-                newValue.splice(e.newIndex, 0, newValue.splice(e.oldIndex, 1)[0]);
-                onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-            }
-        });
-    };
-    ArrayInput.prototype.destroyDragging = function () {
-        this.sortable && this.sortable.destroy();
-    };
-    ArrayInput.prototype.renderItem = function (value, index, collection) {
-        var _a = this.props, itemRender = _a.itemRender, disabled = _a.disabled, cx = _a.classnames, sortable = _a.sortable, removable = _a.removable, minLength = _a.minLength;
-        return (_J$X_("div", { className: cx('ArrayInput-item'), key: index },
-            sortable && collection.length > 1 && !disabled ? (_J$X_("a", { className: cx('ArrayInput-itemDrager drag-bar') },
-                _J$X_(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
-            itemRender({
-                value: value,
-                onChange: this.handleItemOnChange.bind(this, index),
-                index: index,
-                disabled: disabled
-            }),
-            removable !== false &&
-                !disabled &&
-                (!minLength || collection.length > minLength) ? (_J$X_("a", { "data-index": index, className: cx('ArrayInput-itemRemove'), onClick: this.handleRemove },
-                _J$X_(icons.Icon, { icon: "close", className: "icon" }))) : null));
-    };
-    ArrayInput.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, cx = _a.classnames, value = _a.value, placeholder = _a.placeholder, __ = _a.translate, maxLength = _a.maxLength, sortable = _a.sortable, sortTip = _a.sortTip, disabled = _a.disabled;
-        return (_J$X_("div", { className: cx('ArrayInput') },
-            Array.isArray(value) && value.length ? (_J$X_("div", { className: cx('ArrayInput-items drag-group') }, value.map(function (item, index) { return _this.renderItem(item, index, value); }))) : (_J$X_("div", { className: cx('ArrayInput-placeholder') }, __(placeholder))),
-            _J$X_("div", { className: cx('ArrayInput-toolbar', sortable && Array.isArray(value) && value.length > 1
-                    ? 'ArrayInput-toolbar--dnd'
-                    : '') },
-                !Array.isArray(value) || !maxLength || value.length < maxLength ? (_J$X_(Button["default"], { className: cx('ArrayInput-addBtn'), onClick: this.handleAdd, level: "", disabled: disabled },
-                    _J$X_(icons.Icon, { icon: "plus", className: "icon" }),
-                    _J$X_("span", null, __('add')))) : null,
-                sortable && Array.isArray(value) && value.length ? (_J$X_("span", { className: cx("ArrayInput-sortTip"), ref: this.dragTipRef }, Array.isArray(value) && value.length > 1 ? __(sortTip) : '')) : null)));
-    };
-    ArrayInput.defaultProps = {
-        placeholder: 'empty',
-        itemRender: function (_a) {
-            var value = _a.value, onChange = _a.onChange;
-            return _J$X_(InputBox["default"], { value: value, onChange: onChange });
-        }
-    };
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], ArrayInput.prototype, "dragTipRef", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", []),
-        tslib.__metadata("design:returntype", void 0)
-    ], ArrayInput.prototype, "handleAdd", null);
-    tslib.__decorate([
-        amisCore.autobind,
-        tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object]),
-        tslib.__metadata("design:returntype", void 0)
-    ], ArrayInput.prototype, "handleRemove", null);
-    return ArrayInput;
-}(React__default["default"].Component));
-var ArrayInput$1 = amisCore.themeable(amisCore.localeable(amisCore.uncontrollable(ArrayInput, {
-    value: 'onChange'
-})));
-
-exports.ArrayInput = ArrayInput;
-exports["default"] = ArrayInput$1;

package/lib/components/AsideNav.d.ts

@@ -1,142 +0,0 @@
-/**
- * @file AsideNav
- * @description 左侧导航。
- * @author fex
- */
-/// <reference types="hoist-non-react-statics" />
-import React from 'react';
-import { TestIdBuilder } from 'amis-core';
-import { ClassNamesFn } from 'amis-core';
-export type LinkItem = LinkItemProps;
-interface LinkItemProps {
-    id?: number;
-    label: string;
-    hidden?: boolean;
-    open?: boolean;
-    active?: boolean;
-    className?: string;
-    children?: Array<LinkItem>;
-    path?: string;
-    icon?: string;
-    component?: React.ElementType;
-    testIdBuilder?: TestIdBuilder;
-}
-export interface Navigation {
-    label: string;
-    children?: Array<LinkItem>;
-    prefix?: JSX.Element;
-    affix?: JSX.Element;
-    className?: string;
-    [propName: string]: any;
-}
-export interface AsideNavProps {
-    id?: string;
-    className?: string;
-    classPrefix: string;
-    classnames: ClassNamesFn;
-    renderLink: Function;
-    isActive: Function;
-    isOpen: (link: LinkItemProps) => boolean;
-    navigations: Array<Navigation>;
-    renderSubLinks: (link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode;
-}
-interface AsideNavState {
-    navigations: Array<Navigation>;
-}
-export declare class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
-    static defaultProps: {
-        renderLink: (item: LinkItemProps) => React.JSX.Element;
-        renderSubLinks: (link: LinkItemProps, renderLink: Function, depth: number, { classnames: cx }: AsideNavProps) => React.JSX.Element | null;
-        isActive: (link: LinkItem) => boolean | undefined;
-        isOpen: (item: LinkItemProps) => boolean;
-    };
-    constructor(props: AsideNavProps);
-    componentDidUpdate(prevProps: AsideNavProps): void;
-    toggleExpand(link: LinkItemProps, e?: React.MouseEvent<HTMLElement>): void;
-    renderLink(link: LinkItemProps, key: any, props?: Partial<AsideNavProps>, depth?: number): React.ReactNode;
-    render(): React.JSX.Element;
-}
-declare const _default: {
-    new (props: Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-        renderLink?: Function | undefined;
-        isActive?: Function | undefined;
-        isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-        renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-    } & {} & 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<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & 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<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & 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<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<AsideNavProps, keyof import("amis-core").ThemeProps>, "id" | "navigations"> & {
-            renderLink?: Function | undefined;
-            isActive?: Function | undefined;
-            isOpen?: ((link: LinkItemProps) => boolean) | undefined;
-            renderSubLinks?: ((link: LinkItemProps, renderLink: Function, depth: number, props: AsideNavProps) => React.ReactNode) | undefined;
-        } & {} & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    displayName: string;
-    contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof AsideNav>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof AsideNav, {}> & {
-    ComposedComponent: typeof AsideNav;
-};
-export default _default;

package/lib/components/AsideNav.js

@@ -1,140 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var amisCore = require('amis-core');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var __react_jsx__ = require('react');
-var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
-(__react_jsx__["default"] || __react_jsx__).Fragment;
-var AsideNav = /** @class */ (function (_super) {
-    tslib.__extends(AsideNav, _super);
-    function AsideNav(props) {
-        var _this = _super.call(this, props) || this;
-        var isOpen = props.isOpen;
-        var id = 1;
-        _this.state = {
-            navigations: amisCore.mapTree(props.navigations, function (item) {
-                var isActive = typeof item.active === 'undefined'
-                    ? props.isActive(item)
-                    : item.active;
-                return tslib.__assign(tslib.__assign({}, item), { id: id++, active: isActive, open: isActive || isOpen(item) });
-            }, 1, true)
-        };
-        _this.renderLink = _this.renderLink.bind(_this);
-        _this.toggleExpand = _this.toggleExpand.bind(_this);
-        return _this;
-    }
-    AsideNav.prototype.componentDidUpdate = function (prevProps) {
-        var props = this.props;
-        var isOpen = prevProps.isOpen;
-        if (prevProps.navigations !== props.navigations ||
-            prevProps.isActive !== props.isActive) {
-            var id_1 = 1;
-            this.setState({
-                navigations: amisCore.mapTree(props.navigations, function (item) {
-                    var isActive = typeof item.active === 'undefined'
-                        ? props.isActive(item)
-                        : item.active;
-                    return tslib.__assign(tslib.__assign({}, item), { id: id_1++, active: isActive, open: isActive || isOpen(item) });
-                }, 1, true)
-            });
-        }
-    };
-    AsideNav.prototype.toggleExpand = function (link, e) {
-        if (e) {
-            e.stopPropagation();
-            e.preventDefault();
-        }
-        this.setState({
-            navigations: amisCore.mapTree(this.state.navigations, function (item) { return (tslib.__assign(tslib.__assign({}, item), { open: link.id === item.id ? !item.open : item.open })); }, 1, true)
-        });
-    };
-    AsideNav.prototype.renderLink = function (link, key, props, depth) {
-        var _a;
-        if (props === void 0) { props = {}; }
-        if (depth === void 0) { depth = 1; }
-        var _b = this.props, renderLink = _b.renderLink; _b.isActive; var renderSubLinks = _b.renderSubLinks, cx = _b.classnames, others = tslib.__rest(_b, ["renderLink", "isActive", "renderSubLinks", "classnames"]);
-        var dom = renderLink(tslib.__assign({ link: link, active: link.active, open: link.open, toggleExpand: this.toggleExpand, depth: depth, classnames: cx, subHeader: key === 'subHeader' }, others));
-        if (!dom) {
-            return;
-        }
-        else if (key === 'subHeader') {
-            return React__default["default"].cloneElement(dom, {
-                key: key
-            });
-        }
-        return (_J$X_("li", tslib.__assign({}, props, { key: key, className: cx("AsideNav-item", link.className, (_a = {},
-                _a["is-open"] = link.open,
-                _a["is-active"] = link.active,
-                _a)) }),
-            dom,
-            renderSubLinks(link, this.renderLink, depth, this.props)));
-    };
-    AsideNav.prototype.render = function () {
-        var _this = this;
-        var navigations = this.state.navigations;
-        var links = [];
-        var _a = this.props, className = _a.className, cx = _a.classnames;
-        navigations.forEach(function (navigation, index) {
-            if (!Array.isArray(navigation.children)) {
-                return;
-            }
-            if (navigation.prefix) {
-                var prefix = typeof navigation.prefix === 'function'
-                    ? navigation.prefix(_this.props)
-                    : navigation.prefix;
-                links.push(React__default["default"].cloneElement(prefix, tslib.__assign(tslib.__assign({}, prefix.props), { key: "".concat(index, "-prefix") })));
-            }
-            navigation.label &&
-                links.push(_J$X_("li", { key: "".concat(index, "-label"), className: cx("AsideNav-label", navigation.className) },
-                    _J$X_("span", null, navigation.label)));
-            navigation.children.forEach(function (item, key) {
-                var link = _this.renderLink(item, "".concat(index, "-").concat(key));
-                link && links.push(link);
-            });
-            if (navigation.affix) {
-                var affix = typeof navigation.affix === 'function'
-                    ? navigation.affix(_this.props)
-                    : navigation.affix;
-                links.push(React__default["default"].cloneElement(affix, tslib.__assign(tslib.__assign({}, affix.props), { key: "".concat(index, "-affix") })));
-            }
-        });
-        return (_J$X_("nav", { className: cx("AsideNav", className) },
-            _J$X_("ul", { className: cx("AsideNav-list") }, links)));
-    };
-    AsideNav.defaultProps = {
-        renderLink: function (item) {
-            var _a;
-            return (_J$X_("a", tslib.__assign({}, (_a = item.testIdBuilder) === null || _a === void 0 ? void 0 : _a.getTestId()), item.label));
-        },
-        renderSubLinks: function (link, renderLink, depth, _a) {
-            var cx = _a.classnames;
-            return link.children && link.children.length ? (_J$X_("ul", { className: cx('AsideNav-subList') },
-                link.label ? (_J$X_("li", { key: "subHeader", className: cx('AsideNav-subHeader') }, renderLink(tslib.__assign(tslib.__assign({}, link), { children: undefined }), 'subHeader', {}, depth))) : null,
-                link.children.map(function (link, key) {
-                    return renderLink(link, key, {}, depth + 1);
-                }))) : link.label && depth === 1 ? (_J$X_("div", { className: cx('AsideNav-tooltip') }, link.label)) : null;
-        },
-        isActive: function (link) { return link.open; },
-        isOpen: function (item) {
-            return item.children ? item.children.some(function (item) { return item.open; }) : false;
-        }
-    };
-    return AsideNav;
-}(React__default["default"].Component));
-var AsideNav$1 = amisCore.themeable(AsideNav);
-
-exports.AsideNav = AsideNav;
-exports["default"] = AsideNav$1;