amis-editor 5.5.0 → 5.6.1

package/esm/renderer/FunctionEditorControl.d.ts

@@ -0,0 +1,79 @@
+/**
+ * @file 函数编辑器
+ */
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import { TooltipObject } from 'amis-ui/lib/components/TooltipWrapper';
+interface FuncParam {
+    label: string;
+    tip?: string | TooltipObject;
+}
+export interface FunctionEditorControlProps extends FormControlProps {
+    /**
+     * 适配器函数参数
+     */
+    params?: FuncParam[];
+    /**
+     * 复用适配器 函数参数提示
+     */
+    mergeParams?: (params: FuncParam[]) => FuncParam[];
+    /**
+     * 代码编辑器底部的 description
+     */
+    desc?: any;
+    /**
+     * 代码编辑器的placeholder
+     */
+    placeholder?: string;
+    /**
+     * 自定义提示参数
+     */
+    tooltipProps?: TooltipObject;
+}
+export default class FunctionEditorControl extends React.Component<FunctionEditorControlProps, {}> {
+    static defaultProps: Pick<FunctionEditorControlProps, 'params'>;
+    onChange(value?: any): void;
+    genTooltipProps(content: any, othersProps?: TooltipObject): {
+        title?: string | undefined;
+        content: string;
+        placement: string;
+        tooltipTheme: string;
+        offset?: [number, number] | undefined;
+        style?: React.CSSProperties | undefined;
+        enterable?: boolean | undefined;
+        showArrow?: boolean | undefined;
+        disabled?: boolean | undefined;
+        mouseEnterDelay?: number | undefined;
+        mouseLeaveDelay?: number | undefined;
+        children?: (() => JSX.Element) | undefined;
+        container?: HTMLElement | (() => HTMLElement | null | undefined) | undefined;
+        trigger: string | import("amis-ui/lib/components/TooltipWrapper").Trigger[];
+        rootClose: boolean;
+        tooltipClassName: string;
+        tooltipBodyClassName?: string | undefined;
+        filterHtml?: ((input: string) => string) | undefined;
+    } | {
+        title?: string | undefined;
+        content: string;
+        placement: string;
+        tooltipTheme: string;
+        offset?: [number, number] | undefined;
+        style?: React.CSSProperties | undefined;
+        enterable?: boolean | undefined;
+        showArrow?: boolean | undefined;
+        disabled?: boolean | undefined;
+        mouseEnterDelay?: number | undefined;
+        mouseLeaveDelay?: number | undefined;
+        children: () => any;
+        container?: HTMLElement | (() => HTMLElement | null | undefined) | undefined;
+        trigger: string | import("amis-ui/lib/components/TooltipWrapper").Trigger[];
+        rootClose: boolean;
+        tooltipClassName: string;
+        tooltipBodyClassName?: string | undefined;
+        filterHtml?: ((input: string) => string) | undefined;
+    };
+    render(): React.JSX.Element;
+}
+export declare class FunctionEditorControlRenderer extends FunctionEditorControl {
+}
+export {};

package/esm/renderer/FunctionEditorControl.js

@@ -0,0 +1,107 @@
+/**
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
+ * Copyright 2018-2023 @fex
+ */
+
+import { __extends, __assign, __spreadArray, __read, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { autobind } from 'amis-editor-core';
+import { FormItem } from 'amis';
+
+/**
+ * @file 函数编辑器
+ */
+var FunctionEditorControl = /** @class */ (function (_super) {
+    __extends(FunctionEditorControl, _super);
+    function FunctionEditorControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FunctionEditorControl.prototype.onChange = function (value) {
+        var _a, _b;
+        if (value === void 0) { value = ''; }
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+    };
+    // 生成tooltip 的参数
+    FunctionEditorControl.prototype.genTooltipProps = function (content, othersProps) {
+        var render = this.props.render;
+        return __assign(__assign(__assign({ tooltipTheme: 'light', trigger: 'hover', rootClose: true, placement: 'top', tooltipClassName: 'ae-FunctionEditorControl-desc-tooltip' }, (typeof content === 'string'
+            ? { content: content }
+            : {
+                content: ' ',
+                children: function () {
+                    return React__default.isValidElement(content)
+                        ? content
+                        : render('content', content);
+                }
+            })), (this.props.tooltipProps || {})), (othersProps || {}));
+    };
+    FunctionEditorControl.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, render = _a.render, _b = _a.params, params = _b === void 0 ? [] : _b, allowFullscreen = _a.allowFullscreen, value = _a.value, placeholder = _a.placeholder; _a.desc; var mergeParams = _a.mergeParams;
+        var lastParams = typeof mergeParams === 'function' ? mergeParams(params) : params;
+        return (React__default.createElement(React__default.Fragment, null,
+            render('api-function-editor-control-editor/0', {
+                type: 'container',
+                className: 'ae-FunctionEditorControl-func-header',
+                body: __spreadArray(__spreadArray([
+                    '<span class="mtk6">function&nbsp;</span>',
+                    '<span class="mtk1 bracket-highlighting-0">(</span>'
+                ], __read(lastParams
+                    .map(function (_a, index) {
+                    var label = _a.label, tip = _a.tip;
+                    return __spreadArray([
+                        __assign({ type: 'button', level: 'link', label: label, className: 'ae-FunctionEditorControl-func-arg' }, (tip ? { tooltip: _this.genTooltipProps(tip) } : {}))
+                    ], __read((index === lastParams.length - 1
+                        ? []
+                        : ['<span class="mtk1">,&nbsp;</span>'])), false);
+                })
+                    .flat()), false), [
+                    '<span class="mtk1 bracket-highlighting-0">)&nbsp;{</span>'
+                ], false)
+            }),
+            render('api-function-editor-control-editor/1', {
+                label: '',
+                name: '__whatever_name_adpator',
+                placeholder: placeholder || '',
+                mode: 'normal',
+                type: 'js-editor',
+                className: 'ae-FunctionEditorControl-func-editor',
+                allowFullscreen: allowFullscreen
+            }, {
+                value: value,
+                onChange: this.onChange
+            }),
+            render('api-function-editor-control-editor/2', {
+                type: 'container',
+                body: '<span class="mtk1 bracket-highlighting-0">}</span>',
+                className: 'ae-FunctionEditorControl-func-footer'
+            })));
+    };
+    FunctionEditorControl.defaultProps = {
+        params: []
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], FunctionEditorControl.prototype, "onChange", null);
+    return FunctionEditorControl;
+}(React__default.Component));
+/** @class */ ((function (_super) {
+    __extends(FunctionEditorControlRenderer, _super);
+    function FunctionEditorControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FunctionEditorControlRenderer = __decorate([
+        FormItem({
+            type: 'ae-functionEditorControl',
+            renderLabel: false
+        })
+    ], FunctionEditorControlRenderer);
+    return FunctionEditorControlRenderer;
+})(FunctionEditorControl));
+
+export { FunctionEditorControl as default };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/GoConfigControl.d.ts

@@ -11,7 +11,7 @@ export interface GoCongigControlProps extends FormControlProps {
 }
 export declare class GoConfigControl extends React.PureComponent<GoCongigControlProps, any> {
     onClick(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class GoConfigControlRenderer extends GoConfigControl {
 }

package/esm/renderer/GoConfigControl.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -41,7 +42,7 @@ var GoConfigControl = /** @class */function (_super) {
       onClick: this.onClick
     }, label, React__default.createElement("div", {
       className: cx('ae-GoConfig-trigger')
-    }, "\u53BB\u7F16\u8F91"));
+    }, i18n("eee03351367bb1907dcc3140ffa3e3b8")));
   };
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], GoConfigControl.prototype, "onClick", null);
   return GoConfigControl;
@@ -58,3 +59,4 @@ var GoConfigControl = /** @class */function (_super) {
 })(GoConfigControl);
 
 export { GoConfigControl };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/InputRangeValueControl.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @file InputRangeValue
+ * @description 滑块组件默认值控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+export interface InputRangeValueProps extends FormControlProps {
+    value?: any;
+    minField?: string;
+    maxField?: string;
+    onChange: (value: any) => void;
+}
+export default class InputRangeValueRenderer extends React.Component<FormControlProps> {
+    render(): React.JSX.Element;
+}

package/esm/renderer/InputRangeValueControl.js

@@ -0,0 +1,121 @@
+/**
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
+ * Copyright 2018-2023 @fex
+ */
+
+import { __extends, __assign, __decorate, __read } from 'tslib';
+import React__default, { useCallback } from 'react';
+import { FormItem } from 'amis';
+
+/**
+ * @file InputRangeValue
+ * @description 滑块组件默认值控件
+ */
+var InputRangeValue = function (props) {
+    var _a;
+    var cx = props.classnames, _b = props.minField, minField = _b === void 0 ? 'min' : _b, _c = props.maxField, maxField = _c === void 0 ? 'max' : _c, ctx = props.data, name = props.name, onChange = props.onChange, value = props.value, render = props.render;
+    var key = 'InputRangeValue';
+    var joinValues = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.joinValues) !== null && _a !== void 0 ? _a : true;
+    /** delimiter变化需要重新计算默认值 */
+    var delimiter = (ctx === null || ctx === void 0 ? void 0 : ctx.delimiter) || ',';
+    var extraName = ctx === null || ctx === void 0 ? void 0 : ctx.extraName;
+    /** 转化成对象格式 */
+    var pipeInValue = useCallback(function (value) {
+        var _a, _b, _c;
+        if (!value) {
+            return _a = {}, _a[minField] = undefined, _a[maxField] = undefined, _a;
+        }
+        if (typeof value === 'string') {
+            var _d = __read(value.split(delimiter), 2), lhs = _d[0], rhs = _d[1];
+            return _b = {}, _b[minField] = lhs, _b[maxField] = rhs, _b;
+        }
+        else if (Array.isArray(value)) {
+            return _c = {}, _c[minField] = value[0], _c[maxField] = value[1], _c;
+        }
+        else {
+            return value;
+        }
+    }, [minField, maxField, delimiter, value, joinValues, extraName]);
+    var handleSubmit = useCallback(function (value, action) {
+        var _a;
+        var updatedValue = value;
+        if (value[minField] == null || value[maxField] == null) {
+            return;
+        }
+        if (extraName) {
+            updatedValue = [value[minField], value[maxField]];
+        }
+        else {
+            if (joinValues) {
+                updatedValue = [value[minField], value[maxField]].join(delimiter || ',');
+            }
+            else {
+                updatedValue = (_a = {},
+                    _a[minField] = value[minField],
+                    _a[maxField] = value[maxField],
+                    _a);
+            }
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(updatedValue);
+    }, [key, minField, maxField, delimiter, joinValues, extraName, value]);
+    return (React__default.createElement(React__default.Fragment, null, render('input-range-value-control', {
+        type: 'form',
+        wrapWithPanel: false,
+        panelClassName: 'border-none shadow-none mb-0',
+        bodyClassName: 'p-none',
+        actionsClassName: 'border-none mt-2.5',
+        wrapperComponent: 'div',
+        formLazyChange: true,
+        preventEnterSubmit: true,
+        submitOnChange: true,
+        body: [
+            {
+                label: false,
+                type: 'input-group',
+                name: key,
+                className: cx('ae-InputRangeValue-input-group'),
+                body: [
+                    {
+                        type: 'input-number',
+                        validations: 'isNumeric',
+                        name: minField,
+                        value: 0
+                    },
+                    {
+                        type: 'html',
+                        html: '-',
+                        className: cx('ae-InputRangeValue-input-group-delimiter')
+                    },
+                    {
+                        type: 'input-number',
+                        validations: 'isNumeric',
+                        name: maxField,
+                        value: 100
+                    }
+                ]
+            }
+        ]
+    }, {
+        data: name ? pipeInValue(ctx[name]) : {},
+        onSubmit: handleSubmit
+    })));
+};
+InputRangeValue.defaultProps = {
+    minField: 'min',
+    maxField: 'max'
+};
+/** @class */ ((function (_super) {
+    __extends(InputRangeValueRenderer, _super);
+    function InputRangeValueRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    InputRangeValueRenderer.prototype.render = function () {
+        return React__default.createElement(InputRangeValue, __assign({}, this.props));
+    };
+    InputRangeValueRenderer = __decorate([
+        FormItem({ type: 'ae-input-range-value' })
+    ], InputRangeValueRenderer);
+    return InputRangeValueRenderer;
+})(React__default.Component));
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/MapSourceControl.d.ts

@@ -32,7 +32,7 @@ export default class MapSourceControl extends React.Component<MapSourceControlPr
      * 切换选项类型
      */
     handleMapTypeChange(mapType: MapType): void;
-    renderHeader(): JSX.Element;
+    renderHeader(): React.JSX.Element;
     handleMapChange(map: any): void;
     handleAPIChange(source: SchemaApi): void;
     handleLabelFieldChange(labelField: string): void;
@@ -55,10 +55,10 @@ export default class MapSourceControl extends React.Component<MapSourceControlPr
     renderApiPanel(): any;
     renderObjectMap(): any;
     handleMapItemChange(index: number, item: any): void;
-    renderArrayMap(): JSX.Element;
+    renderArrayMap(): React.JSX.Element;
     debounceMapChange: import("lodash").DebouncedFunc<(map: any) => void>;
     renderMap(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class MapSourceControlRenderer extends MapSourceControl {
 }

package/esm/renderer/MapSourceControl.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -133,7 +134,7 @@ var MapSourceControl = /** @class */function (_super) {
       tooltip: labelRemark,
       className: cx("Form-lableRemark", labelRemark === null || labelRemark === void 0 ? void 0 : labelRemark.className),
       useMobileUI: useMobileUI,
-      container: popOverContainer ? popOverContainer : env && env.getModalContainer ? env.getModalContainer : undefined
+      container: popOverContainer || env.getModalContainer
     }) : null), React__default.createElement("div", null, render('validation-control-addBtn', {
       type: 'dropdown-button',
       level: 'link',
@@ -351,3 +352,4 @@ var MapSourceControl = /** @class */function (_super) {
 })(MapSourceControl);
 
 export { MapSourceControl as default };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/NavBadgeControl.d.ts

@@ -48,22 +48,22 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
     normalizeBadgeValue(form: BadgeForm): {
         offset: number[];
         size?: any;
-        style?: unknown;
-        text?: unknown;
         level?: any;
-        visibleOn?: unknown;
         mode?: "text" | "dot" | "ribbon" | undefined;
+        visibleOn?: unknown;
+        style?: unknown;
+        text?: unknown;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
         animation?: unknown;
         overflowCount?: number | undefined;
     } | {
         offset: [number, number];
         size?: any;
-        style?: unknown;
-        text?: unknown;
         level?: any;
-        visibleOn?: unknown;
         mode?: "text" | "dot" | "ribbon" | undefined;
+        visibleOn?: unknown;
+        style?: unknown;
+        text?: unknown;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
         animation?: unknown;
         overflowCount?: number | undefined;
@@ -71,7 +71,7 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
     handleSwitchChange(checked: boolean): void;
     handleSubmit(form: BadgeForm, action: any): void;
     renderBody(): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class BadgeControlRenderer extends BadgeControl {
 }

package/esm/renderer/NavBadgeControl.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -281,3 +282,4 @@ var BadgeControl = /** @class */function (_super) {
 })(BadgeControl);
 
 export { BadgeControl as default };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/NavDefaultActive.js

@@ -1,5 +1,6 @@
 /**
- * amis-editor v5.5.0
+ * amis-editor v5.5.2-beta.2
+ * build time: 2023-09-28
  * Copyright 2018-2023 @fex
  */
 
@@ -103,3 +104,4 @@ var NavDefaultActiveControl = /** @class */function (_super) {
 })(NavDefaultActiveControl);
 
 export { NavDefaultActiveControl as default };
+window.amisEditorVersionInfo={version:'5.5.2-beta.2',buildTime:'2023-09-28'};

package/esm/renderer/NavSourceControl.d.ts

@@ -5,64 +5,82 @@ import React from 'react';
 import Sortable from 'sortablejs';
 import type { FormControlProps } from 'amis-core';
 import type { SchemaApi } from 'amis';
-export type valueType = 'text' | 'boolean' | 'number';
+export type SourceType = 'custom' | 'api' | '';
 export type NavControlItem = {
+    id?: string;
     label: string;
-    to: string;
-    target: string;
-    icon?: string;
-    unfolded?: boolean;
-    active?: boolean;
-    activeOn?: string;
-    overflow?: {
-        enable: boolean;
-        overflowLabel: string;
-        overflowIndicator: string;
-        maxVisibleCount: number;
+    to?: string;
+    target?: string;
+    icon?: string | {
+        id: string;
+        name: string;
+        svg: string;
     };
-    children?: Array<any>;
+    badge?: string;
+    children?: Array<NavControlItem>;
 };
 export interface NavControlProps extends FormControlProps {
 }
-export interface OptionControlState {
+export interface NavControlState {
     links: Array<NavControlItem>;
     api: SchemaApi;
-    source: 'custom' | 'api' | 'apicenter';
+    source: SourceType;
+    showDialog: boolean;
+    isEdit: boolean;
+    modalName: string;
+    modalParent: string;
+    modalIcon: string;
+    modalTarget: string;
+    modalBadge: string;
+    modalUrl: string;
+    currentIndex: string;
+    previousModalParent: string;
 }
-type IconType = {
-    id: string;
-    name: string;
-};
-export default class NavSourceControl extends React.Component<NavControlProps, OptionControlState> {
-    sortable?: Sortable;
+export declare class NavSourceControl extends React.Component<NavControlProps, NavControlState> {
+    sortables: Sortable[];
     drag?: HTMLElement | null;
-    target: HTMLElement | null;
-    $comp: string;
-    internalProps: string[];
     constructor(props: NavControlProps);
+    transformSource(source: SchemaApi): "api" | "custom";
     transformOptions(props: NavControlProps): any;
     /**
-     * 更新options字段的统一出口
+     * 更新统一出口
      */
     onChange(): void;
     /**
      * 切换选项类型
      */
-    handleSourceChange(source: 'custom' | 'api' | 'apicenter'): void;
+    handleSourceChange(source: SourceType): void;
+    dragRef(ref: any): void;
+    initDragging(): void;
+    handleDragging(e: Sortable.SortableEvent): void;
+    getNodePath(pathStr: string): {
+        path: string[];
+        parentPath: string;
+    } | {
+        path: string;
+        parentPath: string;
+    };
+    refreshBindDrag(): void;
+    destroyDragging(destroyRoot?: boolean): void;
     /**
      * 删除选项
      */
-    handleDelete(index: string): void;
-    handleAdd(): void;
-    renderHeader(): JSX.Element;
-    handleEditLabel(index: string, value: string | boolean | IconType, key: string): void;
-    handleAddChildren(index: string, value: boolean): void;
-    renderNav(props: any): JSX.Element;
-    renderOption(props: any): JSX.Element;
+    handleDelete(index: string): Promise<unknown>;
+    handleUpdate(index: string): void;
+    getChildren(): any;
+    handleSubmit(): Promise<void>;
+    handleSetNavId(data: NavControlItem[], index: string): void;
+    handleDeleteNavId(data: NavControlItem[] | NavControlItem): void;
+    handleFilterTreeData(data: NavControlItem[]): void;
+    openModal(): void;
+    closeModal(): void;
+    handleChange(options: any): void;
     handleAPIChange(source: SchemaApi): void;
     renderApiPanel(): any;
-    render(): JSX.Element;
+    renderHeader(): React.JSX.Element;
+    renderNav(dataSource: NavControlItem[], index?: string): React.JSX.Element;
+    renderDialog(): any;
+    render(): React.JSX.Element;
 }
 export declare class NavSourceControlRenderer extends NavSourceControl {
 }
-export {};