amis 2.0.0-rc.9 → 2.0.2

package/esm/renderers/Form/InputTree.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import { OptionsControlProps, ActionObject } from 'amis-core';
+import { FormOptionsSchema, SchemaApi } from '../../Schema';
+/**
+ * Tree 下拉选择框。
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/tree
+ */
+export interface TreeControlSchema extends FormOptionsSchema {
+    type: 'input-tree';
+    /**
+     * 是否隐藏顶级
+     */
+    hideRoot?: boolean;
+    /**
+     * 顶级选项的名称
+     */
+    rootLabel?: string;
+    /**
+     * 顶级选项的值
+     */
+    rootValue?: any;
+    /**
+     * 显示图标
+     */
+    showIcon?: boolean;
+    /**
+     * ui级联关系，true代表级联选中，false代表不级联，默认为true
+     */
+    autoCheckChildren?: boolean;
+    /**
+     * 该属性代表数据级联关系，autoCheckChildren为true时生效，默认为false，具体数据级联关系如下：
+     * 1.casacde为false，ui行为为级联选中子节点，子节点禁用；值只包含父节点的值
+     * 2.cascade为false，withChildren为true，ui行为为级联选中子节点，子节点禁用；值包含父子节点的值
+     * 3.cascade为true，ui行为级联选中子节点，子节点可反选，值包含父子节点的值，此时withChildren属性失效
+     * 4.cascade不论为true还是false，onlyChildren为true，ui行为级联选中子节点，子节点可反选，值只包含子节点的值
+     */
+    cascade?: boolean;
+    /**
+     * 选父级的时候是否把子节点的值也包含在内。
+     */
+    withChildren?: boolean;
+    /**
+     * 选父级的时候，是否只把子节点的值包含在内
+     */
+    onlyChildren?: boolean;
+    /**
+     * 单选时，只运行选择叶子节点
+     */
+    onlyLeaf?: boolean;
+    /**
+     * 顶级节点是否可以创建子节点
+     */
+    rootCreatable?: boolean;
+    /**
+     * 是否开启节点路径模式
+     */
+    enableNodePath?: boolean;
+    /**
+     * 开启节点路径模式后，节点路径的分隔符
+     */
+    pathSeparator?: string;
+    /**
+     * 是否显示展开线
+     */
+    showOutline?: boolean;
+    deferApi?: SchemaApi;
+    /**
+     * 需要高亮的字符串
+     */
+    highlightTxt?: string;
+}
+export interface TreeProps extends OptionsControlProps, Omit<TreeControlSchema, 'type' | 'options' | 'className' | 'inputClassName' | 'descriptionClassName'> {
+    enableNodePath?: boolean;
+    pathSeparator?: string;
+}
+export default class TreeControl extends React.Component<TreeProps> {
+    static defaultProps: Partial<TreeProps>;
+    treeRef: any;
+    reload(): void;
+    doAction(action: ActionObject, data: any, throwErrors: boolean): void;
+    handleChange(value: any): Promise<void>;
+    domRef(ref: any): void;
+    render(): JSX.Element;
+}
+export declare class TreeControlRenderer extends TreeControl {
+}

package/esm/renderers/Form/InputTree.js

@@ -0,0 +1,108 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import cx from 'classnames';
+import { Spinner, Tree } from 'amis-ui';
+import { createObject, isPureVariable, resolveVariableAndFilter, autobind, OptionsControl } from 'amis-core';
+
+var TreeControl = /** @class */ (function (_super) {
+    __extends(TreeControl, _super);
+    function TreeControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TreeControl.prototype.reload = function () {
+        var reload = this.props.reloadOptions;
+        reload && reload();
+    };
+    TreeControl.prototype.doAction = function (action, data, throwErrors) {
+        var _a;
+        var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        var _b = this.props, resetValue = _b.resetValue, onChange = _b.onChange;
+        if (actionType === 'clear') {
+            onChange === null || onChange === void 0 ? void 0 : onChange('');
+        }
+        else if (actionType === 'reset') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+        }
+        else if (action.actionType === 'expand') {
+            this.treeRef.syncUnFolded(this.props, (_a = action.args) === null || _a === void 0 ? void 0 : _a.openLevel);
+        }
+        else if (action.actionType === 'collapse') {
+            this.treeRef.syncUnFolded(this.props, 1);
+        }
+    };
+    TreeControl.prototype.handleChange = function (value) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, onChange, dispatchEvent, data, rendererEvent;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this.props, onChange = _a.onChange, dispatchEvent = _a.dispatchEvent, data = _a.data;
+                        return [4 /*yield*/, dispatchEvent('change', createObject(data, {
+                                value: value
+                            }))];
+                    case 1:
+                        rendererEvent = _b.sent();
+                        if (rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) {
+                            return [2 /*return*/];
+                        }
+                        onChange && onChange(value);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    TreeControl.prototype.domRef = function (ref) {
+        this.treeRef = ref;
+    };
+    TreeControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, treeContainerClassName = _a.treeContainerClassName, ns = _a.classPrefix, value = _a.value, enableNodePath = _a.enableNodePath, _b = _a.pathSeparator, pathSeparator = _b === void 0 ? '/' : _b, disabled = _a.disabled, joinValues = _a.joinValues, extractValue = _a.extractValue, delimiter = _a.delimiter, placeholder = _a.placeholder, options = _a.options, multiple = _a.multiple, valueField = _a.valueField, initiallyOpen = _a.initiallyOpen, unfoldedLevel = _a.unfoldedLevel, withChildren = _a.withChildren, onlyChildren = _a.onlyChildren, onlyLeaf = _a.onlyLeaf, loading = _a.loading, hideRoot = _a.hideRoot, rootLabel = _a.rootLabel, autoCheckChildren = _a.autoCheckChildren, cascade = _a.cascade, rootValue = _a.rootValue, showIcon = _a.showIcon, showRadio = _a.showRadio, showOutline = _a.showOutline, onAdd = _a.onAdd, creatable = _a.creatable, createTip = _a.createTip, addControls = _a.addControls, onEdit = _a.onEdit, editable = _a.editable, editTip = _a.editTip, editControls = _a.editControls, removable = _a.removable, removeTip = _a.removeTip, onDelete = _a.onDelete, rootCreatable = _a.rootCreatable, rootCreateTip = _a.rootCreateTip, labelField = _a.labelField, iconField = _a.iconField, nodePath = _a.nodePath, deferLoad = _a.deferLoad, expandTreeOptions = _a.expandTreeOptions, __ = _a.translate, data = _a.data;
+        var highlightTxt = this.props.highlightTxt;
+        if (isPureVariable(highlightTxt)) {
+            highlightTxt = resolveVariableAndFilter(highlightTxt, data);
+        }
+        return (React.createElement("div", { className: cx("".concat(ns, "TreeControl"), className, treeContainerClassName) },
+            React.createElement(Spinner, { size: "sm", key: "info", show: loading }),
+            loading ? null : (React.createElement(Tree, { classPrefix: ns, onRef: this.domRef, labelField: labelField, valueField: valueField, iconField: iconField, disabled: disabled, onChange: this.handleChange, joinValues: joinValues, extractValue: extractValue, delimiter: delimiter, placeholder: __(placeholder), options: options, highlightTxt: highlightTxt, multiple: multiple, initiallyOpen: initiallyOpen, unfoldedLevel: unfoldedLevel, withChildren: withChildren, onlyChildren: onlyChildren, onlyLeaf: onlyLeaf, hideRoot: hideRoot, rootLabel: __(rootLabel), rootValue: rootValue, showIcon: showIcon, showRadio: showRadio, showOutline: showOutline, autoCheckChildren: autoCheckChildren, cascade: cascade, foldedField: "collapsed", value: value || '', nodePath: nodePath, enableNodePath: enableNodePath, pathSeparator: pathSeparator, selfDisabledAffectChildren: false, onAdd: onAdd, creatable: creatable, createTip: createTip, rootCreatable: rootCreatable, rootCreateTip: rootCreateTip, onEdit: onEdit, editable: editable, editTip: editTip, removable: removable, removeTip: removeTip, onDelete: onDelete, bultinCUD: !addControls && !editControls, onDeferLoad: deferLoad, onExpandTree: expandTreeOptions }))));
+    };
+    TreeControl.defaultProps = {
+        placeholder: 'loading',
+        multiple: false,
+        rootLabel: 'Tree.root',
+        rootValue: '',
+        showIcon: true,
+        enableNodePath: false,
+        pathSeparator: '/'
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Promise)
+    ], TreeControl.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], TreeControl.prototype, "domRef", null);
+    return TreeControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(TreeControlRenderer, _super);
+    function TreeControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TreeControlRenderer = __decorate([
+        OptionsControl({
+            type: 'input-tree'
+        })
+    ], TreeControlRenderer);
+    return TreeControlRenderer;
+})(TreeControl));
+
+export { TreeControl as default };

package/esm/renderers/Form/InputYearRange.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import InputDateRange, { DateRangeControlSchema } from './InputDateRange';
+/**
+ * YearRange 年份范围控件
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/input-year-range
+ */
+export interface YearRangeControlSchema extends Omit<DateRangeControlSchema, 'type'> {
+    type: 'input-year-range';
+}
+export default class YearRangeControl extends InputDateRange {
+    render(): JSX.Element;
+}
+export declare class YearRangeControlRenderer extends YearRangeControl {
+    static defaultProps: {
+        format: string;
+        inputFormat: string;
+        joinValues: boolean;
+        delimiter: string;
+        timeFormat: string;
+        ranges: string;
+    };
+}

package/esm/renderers/Form/InputYearRange.js

@@ -0,0 +1,46 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { filterDate, parseDuration, FormItem } from 'amis-core';
+import cx from 'classnames';
+import DateRangeControl from './InputDateRange.js';
+import { DateRangePicker } from 'amis-ui';
+
+var YearRangeControl = /** @class */ (function (_super) {
+    __extends(YearRangeControl, _super);
+    function YearRangeControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    YearRangeControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, ns = _a.classPrefix, minDate = _a.minDate, maxDate = _a.maxDate, minDuration = _a.minDuration, maxDuration = _a.maxDuration, data = _a.data, format = _a.format; _a.env; var rest = __rest(_a, ["className", "classPrefix", "minDate", "maxDate", "minDuration", "maxDuration", "data", "format", "env"]);
+        return (React.createElement("div", { className: cx("".concat(ns, "DateRangeControl"), className) },
+            React.createElement(DateRangePicker, __assign({ viewMode: "years", format: format, classPrefix: ns, data: data }, rest, { minDate: minDate ? filterDate(minDate, data, format) : undefined, maxDate: maxDate ? filterDate(maxDate, data, format) : undefined, minDuration: minDuration ? parseDuration(minDuration) : undefined, maxDuration: maxDuration ? parseDuration(maxDuration) : undefined, onChange: this.handleChange, onFocus: this.dispatchEvent, onBlur: this.dispatchEvent }))));
+    };
+    return YearRangeControl;
+}(DateRangeControl));
+/** @class */ ((function (_super) {
+    __extends(YearRangeControlRenderer, _super);
+    function YearRangeControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    YearRangeControlRenderer.defaultProps = {
+        format: 'X',
+        inputFormat: 'YYYY',
+        joinValues: true,
+        delimiter: ',',
+        timeFormat: '',
+        ranges: 'thisyear,prevyear'
+    };
+    YearRangeControlRenderer = __decorate([
+        FormItem({
+            type: 'input-year-range'
+        })
+    ], YearRangeControlRenderer);
+    return YearRangeControlRenderer;
+})(YearRangeControl));
+
+export { YearRangeControl as default };

package/esm/renderers/Form/JSONSchema.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import { FormBaseControlSchema } from '../../Schema';
+/**
+ * JSON Schema
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/json-schema
+ */
+export interface JSONSchemaControlSchema extends FormBaseControlSchema {
+    /**
+     * 指定为 JSON Schema
+     */
+    type: 'json-schema';
+    /**
+     * json-schema 详情，支持关联上下文数据
+     */
+    schema?: any;
+}
+export interface JSONSchemaProps extends FormControlProps, Omit<JSONSchemaControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+}
+export default class JSONSchemaControl extends React.PureComponent<JSONSchemaProps> {
+    render(): JSX.Element;
+}
+export declare class JSONSchemaRenderer extends JSONSchemaControl {
+}

package/esm/renderers/Form/JSONSchema.js

@@ -0,0 +1,45 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { FormItem } from 'amis-core';
+import { withRemoteConfig, InputJSONSchema } from 'amis-ui';
+
+var EnhancedInputJSONSchema = withRemoteConfig({
+    sourceField: 'schema',
+    injectedPropsFilter: function (injectedProps, props) {
+        return {
+            schema: injectedProps.config,
+            loading: injectedProps.loading
+        };
+    }
+})(InputJSONSchema);
+var JSONSchemaControl = /** @class */ (function (_super) {
+    __extends(JSONSchemaControl, _super);
+    function JSONSchemaControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    JSONSchemaControl.prototype.render = function () {
+        var rest = __rest(this.props, []);
+        return React.createElement(EnhancedInputJSONSchema, __assign({}, rest));
+    };
+    return JSONSchemaControl;
+}(React.PureComponent));
+/** @class */ ((function (_super) {
+    __extends(JSONSchemaRenderer, _super);
+    function JSONSchemaRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    JSONSchemaRenderer = __decorate([
+        FormItem({
+            type: 'json-schema',
+            strictMode: false
+        })
+    ], JSONSchemaRenderer);
+    return JSONSchemaRenderer;
+})(JSONSchemaControl));
+
+export { JSONSchemaControl as default };

package/esm/renderers/Form/JSONSchemaEditor.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+import { FormBaseControlSchema } from '../../Schema';
+/**
+ * JSON Schema Editor
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/json-schema-editor
+ */
+export interface JSONSchemaEditorControlSchema extends FormBaseControlSchema {
+    /**
+     * 指定为 JSON Schema Editor
+     */
+    type: 'json-schema-editor';
+    /**
+     * 可以理解为类型模板，方便快速定义复杂类型
+     */
+    definitions?: {
+        [propName: string]: {
+            title: string;
+            type: 'string' | 'number' | 'integer' | 'object' | 'array' | 'boolean' | 'null';
+            [propName: string]: any;
+        };
+    };
+    /**
+     * 顶层是否允许修改类型
+     */
+    rootTypeMutable?: boolean;
+    /**
+     * 顶层类型信息是否隐藏
+     */
+    showRootInfo?: boolean;
+    /**
+     * 禁用类型，默认禁用了 null 类型
+     */
+    disabledTypes?: Array<string>;
+    /**
+     * 开启详情配置
+     */
+    enableAdvancedSetting?: boolean;
+    /**
+     * 自定义详情配置面板如：
+     *
+     * {
+     *   boolean: [
+     *      {type: "input-text", name: "aa", label: "AA" }
+     *   ]
+     * }
+     *
+     * 当配置布尔字段详情时，就会出现以上配置
+     */
+    advancedSettings?: {
+        [propName: string]: any;
+    };
+}
+export interface JSONSchemaEditorProps extends FormControlProps, Omit<JSONSchemaEditorControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+}
+export default class JSONSchemaEditorControl extends React.PureComponent<JSONSchemaEditorProps> {
+    static defaultProps: {
+        enableAdvancedSetting: boolean;
+    };
+    renderModalProps(value: any, onChange: (value: any) => void): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class JSONSchemaEditorRenderer extends JSONSchemaEditorControl {
+}

package/esm/renderers/Form/JSONSchemaEditor.js

@@ -0,0 +1,57 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { autobind, FormItem } from 'amis-core';
+import { JSONSchemaEditor } from 'amis-ui';
+
+var JSONSchemaEditorControl = /** @class */ (function (_super) {
+    __extends(JSONSchemaEditorControl, _super);
+    function JSONSchemaEditorControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    JSONSchemaEditorControl.prototype.renderModalProps = function (value, onChange) {
+        var _a = this.props, render = _a.render, advancedSettings = _a.advancedSettings;
+        var fields = (advancedSettings === null || advancedSettings === void 0 ? void 0 : advancedSettings[value === null || value === void 0 ? void 0 : value.type]) || [];
+        return render("modal", {
+            type: 'form',
+            wrapWithPanel: false,
+            body: fields,
+            submitOnChange: true
+        }, {
+            data: value,
+            onSubmit: function (value) { return onChange(value); }
+        });
+    };
+    JSONSchemaEditorControl.prototype.render = function () {
+        var _a = this.props, enableAdvancedSetting = _a.enableAdvancedSetting, rest = __rest(_a, ["enableAdvancedSetting"]);
+        return (React.createElement(JSONSchemaEditor, __assign({}, rest, { enableAdvancedSetting: enableAdvancedSetting, renderModalProps: this.renderModalProps })));
+    };
+    JSONSchemaEditorControl.defaultProps = {
+        enableAdvancedSetting: false
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Function]),
+        __metadata("design:returntype", void 0)
+    ], JSONSchemaEditorControl.prototype, "renderModalProps", null);
+    return JSONSchemaEditorControl;
+}(React.PureComponent));
+/** @class */ ((function (_super) {
+    __extends(JSONSchemaEditorRenderer, _super);
+    function JSONSchemaEditorRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    JSONSchemaEditorRenderer = __decorate([
+        FormItem({
+            type: 'json-schema-editor'
+        })
+    ], JSONSchemaEditorRenderer);
+    return JSONSchemaEditorRenderer;
+})(JSONSchemaEditorControl));
+
+export { JSONSchemaEditorControl as default };

package/esm/renderers/Form/ListSelect.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { OptionsControlProps, Option } from 'amis-core';
+import { ActionObject } from 'amis-core';
+import { FormOptionsSchema, SchemaClassName, SchemaCollection } from '../../Schema';
+/**
+ * List 复选框
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/list
+ */
+export interface ListControlSchema extends FormOptionsSchema {
+    type: 'list-select';
+    /**
+     * 开启双击点选并提交。
+     */
+    submitOnDBClick?: boolean;
+    /**
+     * 图片div类名
+     */
+    imageClassName?: string;
+    /**
+     * 可以自定义展示模板。
+     */
+    itemSchema?: SchemaCollection;
+    /**
+     * 支持配置 list div 的 css 类名。
+     * 比如：flex justify-between
+     */
+    listClassName?: SchemaClassName;
+}
+export interface ListProps extends OptionsControlProps, Omit<ListControlSchema, 'type' | 'options' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+}
+export default class ListControl extends React.Component<ListProps, any> {
+    static propsList: string[];
+    static defaultProps: {
+        clearable: boolean;
+        imageClassName: string;
+        submitOnDBClick: boolean;
+    };
+    doAction(action: ActionObject, data: object, throwErrors: boolean): void;
+    handleDBClick(option: Option, e: React.MouseEvent<HTMLElement>): void;
+    handleClick(option: Option, e: React.MouseEvent<HTMLElement>): void;
+    reload(): void;
+    render(): JSX.Element;
+}
+export declare class ListControlRenderer extends ListControl {
+}

package/esm/renderers/Form/ListSelect.js

@@ -0,0 +1,89 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __decorate } from 'tslib';
+import React from 'react';
+import { createObject, OptionsControl } from 'amis-core';
+
+var ListControl = /** @class */ (function (_super) {
+    __extends(ListControl, _super);
+    function ListControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ListControl.prototype.doAction = function (action, data, throwErrors) {
+        var _a = this.props, resetValue = _a.resetValue, onChange = _a.onChange;
+        var actionType = action === null || action === void 0 ? void 0 : action.actionType;
+        if (actionType === 'clear') {
+            onChange === null || onChange === void 0 ? void 0 : onChange('');
+        }
+        else if (actionType === 'reset') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(resetValue !== null && resetValue !== void 0 ? resetValue : '');
+        }
+    };
+    ListControl.prototype.handleDBClick = function (option, e) {
+        this.props.onToggle(option, false, true);
+        this.props.onAction(null, {
+            type: 'submit'
+        });
+    };
+    ListControl.prototype.handleClick = function (option, e) {
+        if (e.target && e.target.closest('a,button')) {
+            return;
+        }
+        var onToggle = this.props.onToggle;
+        onToggle(option);
+    };
+    ListControl.prototype.reload = function () {
+        var reload = this.props.reloadOptions;
+        reload && reload();
+    };
+    ListControl.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, render = _a.render, itemClassName = _a.itemClassName, cx = _a.classnames, className = _a.className, disabled = _a.disabled, options = _a.options, placeholder = _a.placeholder, selectedOptions = _a.selectedOptions, imageClassName = _a.imageClassName, submitOnDBClick = _a.submitOnDBClick, itemSchema = _a.itemSchema, data = _a.data, labelField = _a.labelField, listClassName = _a.listClassName, __ = _a.translate;
+        var body = null;
+        if (options && options.length) {
+            body = (React.createElement("div", { className: cx('ListControl-items', listClassName) }, options.map(function (option, key) { return (React.createElement("div", { key: key, className: cx("ListControl-item", itemClassName, {
+                    'is-active': ~selectedOptions.indexOf(option),
+                    'is-disabled': option.disabled || disabled
+                }), onClick: _this.handleClick.bind(_this, option), onDoubleClick: submitOnDBClick
+                    ? _this.handleDBClick.bind(_this, option)
+                    : undefined }, itemSchema
+                ? render("".concat(key, "/body"), itemSchema, {
+                    data: createObject(data, option)
+                })
+                : option.body
+                    ? render("".concat(key, "/body"), option.body)
+                    : [
+                        option.image ? (React.createElement("div", { key: "image", className: cx('ListControl-itemImage', imageClassName) },
+                            React.createElement("img", { src: option.image, alt: option[labelField || 'label'] }))) : null,
+                        option[labelField || 'label'] ? (React.createElement("div", { key: "label", className: cx('ListControl-itemLabel') }, String(option[labelField || 'label']))) : null
+                        // {/* {option.tip ? (<div className={`${ns}ListControl-tip`}>{option.tip}</div>) : null} */}
+                    ])); })));
+        }
+        return (React.createElement("div", { className: cx('ListControl', className) }, body ? (body) : (React.createElement("span", { className: cx('ListControl-placeholder') }, __(placeholder)))));
+    };
+    ListControl.propsList = ['itemSchema', 'value', 'renderFormItems'];
+    ListControl.defaultProps = {
+        clearable: false,
+        imageClassName: '',
+        submitOnDBClick: false
+    };
+    return ListControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(ListControlRenderer, _super);
+    function ListControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ListControlRenderer = __decorate([
+        OptionsControl({
+            type: 'list-select',
+            sizeMutable: false
+        })
+    ], ListControlRenderer);
+    return ListControlRenderer;
+})(ListControl));
+
+export { ListControl as default };

package/esm/renderers/Form/LocationPicker.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ThemeProps } from 'amis-core';
+import { FormControlProps } from 'amis-core';
+import { FormBaseControlSchema } from '../../Schema';
+/**
+ * Location 选点组件
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/location
+ */
+export interface LocationControlSchema extends FormBaseControlSchema {
+    type: 'location-picker';
+    /**
+     * 选择地图类型
+     */
+    vendor?: 'baidu' | 'gaode' | 'tenxun';
+    /**
+     * 有的地图需要设置 ak 信息
+     */
+    ak?: string;
+}
+export interface LocationControlProps extends FormControlProps, Omit<ThemeProps, 'className'>, Omit<LocationControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+    value: any;
+    onChange: (value: any) => void;
+    vendor: 'baidu' | 'gaode' | 'tenxun';
+    ak: string;
+    coordinatesType: 'bd09' | 'gcj02';
+}
+export declare class LocationControl extends React.Component<LocationControlProps> {
+    static defaultProps: {
+        vendor: string;
+        coordinatesType: string;
+    };
+    render(): JSX.Element;
+}
+export declare class LocationRenderer extends LocationControl {
+}

package/esm/renderers/Form/LocationPicker.js

@@ -0,0 +1,39 @@
+/**
+ * amis v2.0.2
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __assign, __decorate } from 'tslib';
+import React from 'react';
+import { filter, FormItem } from 'amis-core';
+import { LocationPicker } from 'amis-ui';
+
+var LocationControl = /** @class */ (function (_super) {
+    __extends(LocationControl, _super);
+    function LocationControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocationControl.prototype.render = function () {
+        return (React.createElement("div", { className: this.props.classnames('LocationControl') },
+            React.createElement(LocationPicker, __assign({}, this.props, { ak: filter(this.props.ak, this.props.data) }))));
+    };
+    LocationControl.defaultProps = {
+        vendor: 'baidu',
+        coordinatesType: 'bd09'
+    };
+    return LocationControl;
+}(React.Component));
+/** @class */ ((function (_super) {
+    __extends(LocationRenderer, _super);
+    function LocationRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LocationRenderer = __decorate([
+        FormItem({
+            type: 'location-picker'
+        })
+    ], LocationRenderer);
+    return LocationRenderer;
+})(LocationControl));
+
+export { LocationControl };