amis-editor 4.2.0-beta.0 → 5.2.0-beta.0

package/lib/renderer/RangePartsControl.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @file 组件选项组件的可视化编辑控件
+ */
+import React from 'react';
+import type { FormControlProps } from 'amis-core';
+import type { Option } from 'amis';
+export declare type PartsOptionControlItem = Option & {
+    number: number;
+};
+export declare type MarksOptionControlItem = Option & {
+    number: number;
+    label: any;
+};
+export interface PartsControlProps extends FormControlProps {
+    className?: string;
+}
+export interface PartsControlState {
+    options: Array<PartsOptionControlItem>;
+    source: string;
+    parts: number;
+}
+export interface MarksControlProps extends FormControlProps {
+    className?: string;
+}
+export interface MarksControlState {
+    options: Array<MarksOptionControlItem>;
+    source: string;
+}
+/**
+ * 分块
+ */
+export declare class PartsControl extends React.Component<PartsControlProps, PartsControlState> {
+    constructor(props: PartsControlProps);
+    transformOptionValue(source: string, parts: number | number[]): {
+        number: number;
+    }[];
+    /**
+     * 更新数据
+     */
+    onChange(): void;
+    /**
+     * 切换选项类型
+     */
+    handleSourceChange(source: string): void;
+    /**
+     * 自定义分块数据更新
+     * @param value
+     */
+    handleOptionsChange(value?: {
+        number: number;
+    }[]): void;
+    renderHeader(): JSX.Element;
+    renderContent(source: string): JSX.Element;
+    handlePartsChange(value: number): void;
+    render(): JSX.Element;
+}
+/**
+ * 下标
+ */
+export declare class MarksControl extends React.Component<MarksControlProps, MarksControlState> {
+    constructor(props: MarksControlProps);
+    componentDidUpdate(prevProps: MarksControlProps): void;
+    /**
+     * 配置拿到的marks数据转换为options
+     * @param marks
+     * @returns
+     */
+    transformOptionValue(marks: any): {
+        number: number;
+        label: any;
+    }[];
+    /**
+     * 更新数据
+     */
+    onChange(): void;
+    /**
+     * 不同分块方式 => 不同下标数据
+     */
+    onSynchronismParts(): void;
+    /**
+     * 下标方式变化
+     * @param source
+     */
+    handleSourceChange(source: any): void;
+    renderHeader(): JSX.Element;
+    render(): JSX.Element;
+}
+export declare class PartsControlRenderer extends PartsControl {
+}
+export declare class OptionControlRenderer extends MarksControl {
+}

package/lib/renderer/RangePartsControl.js

@@ -0,0 +1,392 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('classnames');
+var amis = require('amis');
+var AMisCodeEditor = require('amis-editor-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+/**
+ * @file 组件选项组件的可视化编辑控件
+ */
+var PartsSourceEnum = {
+    NO_BLOCK: 'NO_BLOCK',
+    AVERAGE: 'AVERAGE',
+    STEPS: 'STEPS',
+    CUSTOM: 'CUSTOM'
+};
+var MarksSourceEnum = {
+    PARKS: 'PARKS',
+    CUSTOM: 'CUSTOM'
+};
+var PartsSourceOptions = [
+    { label: '不分块', value: PartsSourceEnum.NO_BLOCK },
+    { label: '平均分', value: PartsSourceEnum.AVERAGE },
+    { label: '按步长分', value: PartsSourceEnum.STEPS },
+    { label: '自定义', value: PartsSourceEnum.CUSTOM }
+];
+var MarksSourceOptions = [
+    { label: '与分块保持一致', value: MarksSourceEnum.PARKS },
+    { label: '自定义', value: MarksSourceEnum.CUSTOM }
+];
+/**
+ * 分块
+ */
+var PartsControl = /** @class */ (function (_super) {
+    tslib.__extends(PartsControl, _super);
+    function PartsControl(props) {
+        var _this = _super.call(this, props) || this;
+        var _a = props.data, _b = _a.partsSource, partsSource = _b === void 0 ? PartsSourceEnum.NO_BLOCK : _b, _c = _a.parts, parts = _c === void 0 ? 1 : _c;
+        _this.state = {
+            options: _this.transformOptionValue(partsSource, parts),
+            source: partsSource,
+            parts: parts
+        };
+        return _this;
+    }
+    PartsControl.prototype.transformOptionValue = function (source, parts) {
+        if (source === PartsSourceEnum.CUSTOM && Array.isArray(parts)) {
+            return parts.map(function (value) { return ({
+                number: Number(value)
+            }); });
+        }
+        return [];
+    };
+    /**
+     * 更新数据
+     */
+    PartsControl.prototype.onChange = function () {
+        var _a = this.state, source = _a.source, parts = _a.parts, options = _a.options;
+        var onBulkChange = this.props.onBulkChange;
+        var data = {
+            partsSource: source,
+            parts: parts,
+            showSteps: false
+        };
+        switch (source) {
+            case PartsSourceEnum.NO_BLOCK:
+                data.parts = 1;
+                break;
+            case PartsSourceEnum.AVERAGE:
+                data.parts = parts;
+                break;
+            case PartsSourceEnum.STEPS:
+                data.parts = 1;
+                data.showSteps = true;
+                break;
+            case PartsSourceEnum.CUSTOM:
+                data.parts = [];
+                if (options && !!options.length) {
+                    options.forEach(function (item) {
+                        data.parts.push(item.number);
+                    });
+                }
+        }
+        onBulkChange && onBulkChange(data);
+        return;
+    };
+    /**
+     * 切换选项类型
+     */
+    PartsControl.prototype.handleSourceChange = function (source) {
+        this.setState({ source: source }, this.onChange);
+    };
+    /**
+     * 自定义分块数据更新
+     * @param value
+     */
+    PartsControl.prototype.handleOptionsChange = function (value) {
+        if (value === void 0) { value = []; }
+        this.setState({ options: value }, this.onChange);
+    };
+    PartsControl.prototype.renderHeader = function () {
+        var _a;
+        var env = this.props.env;
+        var source = this.state.source;
+        var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify")) },
+            React__default["default"].createElement("label", { className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4")) }, "\u5206\u5757"),
+            React__default["default"].createElement("div", { className: cx__default["default"]("".concat(classPrefix, "Form-value")) }, amis.render({
+                type: 'select',
+                name: 'optionSourceList',
+                options: PartsSourceOptions,
+                value: source,
+                onChange: this.handleSourceChange
+            }))));
+    };
+    PartsControl.prototype.renderContent = function (source) {
+        var _this = this;
+        var classPrefix = this.props.classPrefix;
+        var _a = this.state, parts = _a.parts, options = _a.options;
+        if (source === PartsSourceEnum.AVERAGE) {
+            return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-ExtendMore', "".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify")) },
+                React__default["default"].createElement("label", { className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4")) }, "\u5757\u6570"),
+                React__default["default"].createElement("div", { className: cx__default["default"]("".concat(classPrefix, "Form-value")) },
+                    React__default["default"].createElement(amis.NumberInput, { value: parts, onChange: this.handlePartsChange }))));
+        }
+        else if (source === PartsSourceEnum.CUSTOM) {
+            return (React__default["default"].createElement("div", { className: "ae-OptionControl-wrapper" }, amis.render(AMisCodeEditor.getSchemaTpl('combo-container', {
+                type: 'combo',
+                label: false,
+                name: 'texts',
+                items: [
+                    {
+                        type: 'input-number',
+                        name: 'number',
+                        require: true
+                    }
+                ],
+                draggable: false,
+                multiple: true,
+                value: options,
+                onChange: function (value) {
+                    return _this.setState({ options: value }, _this.onChange);
+                },
+                addButtonText: '新增分块'
+            }))));
+        }
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
+    };
+    PartsControl.prototype.handlePartsChange = function (value) {
+        this.setState({ parts: value }, this.onChange);
+    };
+    PartsControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, partsSource = _a.data.partsSource;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-OptionControl', className) },
+            this.renderHeader(),
+            this.renderContent(partsSource)));
+    };
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [String, Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], PartsControl.prototype, "transformOptionValue", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [String]),
+        tslib.__metadata("design:returntype", void 0)
+    ], PartsControl.prototype, "handleSourceChange", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Array]),
+        tslib.__metadata("design:returntype", void 0)
+    ], PartsControl.prototype, "handleOptionsChange", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Number]),
+        tslib.__metadata("design:returntype", void 0)
+    ], PartsControl.prototype, "handlePartsChange", null);
+    return PartsControl;
+}(React__default["default"].Component));
+/**
+ * 下标
+ */
+var MarksControl = /** @class */ (function (_super) {
+    tslib.__extends(MarksControl, _super);
+    function MarksControl(props) {
+        var _this = _super.call(this, props) || this;
+        var _a = props.data, _b = _a.marks, marks = _b === void 0 ? [] : _b, _c = _a.marksSource, marksSource = _c === void 0 ? MarksSourceEnum.PARKS : _c;
+        _this.state = {
+            options: _this.transformOptionValue(marks),
+            source: marksSource
+        };
+        return _this;
+    }
+    MarksControl.prototype.componentDidUpdate = function (prevProps) {
+        var _a = prevProps.data, parts = _a.parts, partsSource = _a.partsSource, unit = _a.unit;
+        var _b = this.props.data, nextParts = _b.parts, nextPartsSource = _b.partsSource, nextUnit = _b.unit;
+        var source = this.state.source;
+        if (parts !== nextParts ||
+            partsSource !== nextPartsSource ||
+            unit !== nextUnit) {
+            // 与分块保持一致，当分块、单位发生变换同步时，同步下标
+            source === MarksSourceEnum.PARKS && this.onSynchronismParts();
+        }
+    };
+    /**
+     * 配置拿到的marks数据转换为options
+     * @param marks
+     * @returns
+     */
+    MarksControl.prototype.transformOptionValue = function (marks) {
+        return Object.keys(marks).map(function (number) { return ({
+            number: +number,
+            label: marks[number]
+        }); });
+    };
+    /**
+     * 更新数据
+     */
+    MarksControl.prototype.onChange = function () {
+        var _a = this.state, options = _a.options, source = _a.source;
+        var onBulkChange = this.props.onBulkChange;
+        var data = {
+            marks: {},
+            marksSource: source
+        };
+        if (options && !!options.length) {
+            options.forEach(function (item) {
+                data.marks[item.number] = item.label || item.number;
+            });
+        }
+        onBulkChange && onBulkChange(data);
+    };
+    /**
+     * 不同分块方式 => 不同下标数据
+     */
+    MarksControl.prototype.onSynchronismParts = function () {
+        var _a = this.props.data, parts = _a.parts, partsSource = _a.partsSource, max = _a.max, min = _a.min, _b = _a.step, step = _b === void 0 ? 1 : _b, _c = _a.unit, unit = _c === void 0 ? '' : _c;
+        var options = [];
+        switch (partsSource) {
+            case PartsSourceEnum.AVERAGE:
+                var len = (max - min) / parts;
+                for (var i = 0; i <= parts; i++) {
+                    options.push({
+                        number: i * len + min,
+                        label: i * len + min + unit
+                    });
+                }
+                break;
+            case PartsSourceEnum.STEPS:
+                var length_1 = (max - min) / step;
+                for (var i = 0; i <= length_1; i++) {
+                    options.push({
+                        number: i * step + min,
+                        label: i * step + min + unit
+                    });
+                }
+                break;
+            case PartsSourceEnum.CUSTOM:
+                if (Array.isArray(parts)) {
+                    parts.forEach(function (number) {
+                        (!!number || number === 0) &&
+                            options.push({
+                                number: number,
+                                label: number + unit
+                            });
+                    });
+                }
+                break;
+        }
+        this.setState({ options: options }, this.onChange);
+    };
+    /**
+     * 下标方式变化
+     * @param source
+     */
+    MarksControl.prototype.handleSourceChange = function (source) {
+        this.setState({ source: source });
+        if (source === MarksSourceEnum.PARKS) {
+            this.onSynchronismParts();
+        }
+    };
+    MarksControl.prototype.renderHeader = function () {
+        var _a;
+        var env = this.props.env;
+        var source = this.state.source;
+        var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(classPrefix, "Form-item"), "".concat(classPrefix, "Form-item--horizontal"), "".concat(classPrefix, "Form-item--horizontal-justify")) },
+            React__default["default"].createElement("label", { className: cx__default["default"]("".concat(classPrefix, "Form-label"), "".concat(classPrefix, "Form-itemColumn--4")) }, "\u4E0B\u6807"),
+            React__default["default"].createElement("div", { className: cx__default["default"]("".concat(classPrefix, "Form-value")) }, amis.render({
+                type: 'select',
+                name: 'optionSourceList',
+                options: MarksSourceOptions,
+                value: source,
+                onChange: this.handleSourceChange
+            }))));
+    };
+    MarksControl.prototype.render = function () {
+        var _this = this;
+        var className = this.props.className;
+        var _a = this.state, source = _a.source, options = _a.options;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-OptionControl', className) },
+            this.renderHeader(),
+            source === MarksSourceEnum.CUSTOM &&
+                amis.render(AMisCodeEditor.getSchemaTpl('combo-container', {
+                    type: 'combo',
+                    label: false,
+                    name: 'texts',
+                    draggable: false,
+                    multiple: true,
+                    items: [
+                        { type: 'input-number', name: 'number', required: true },
+                        { type: 'input-text', name: 'label', required: true }
+                    ],
+                    addButtonText: '新增下标',
+                    value: options,
+                    onChange: function (value) {
+                        _this.setState({ options: value }, _this.onChange);
+                    }
+                }))));
+    };
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], MarksControl.prototype, "transformOptionValue", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], MarksControl.prototype, "onChange", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", []),
+        tslib.__metadata("design:returntype", void 0)
+    ], MarksControl.prototype, "onSynchronismParts", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], MarksControl.prototype, "handleSourceChange", null);
+    return MarksControl;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(PartsControlRenderer, _super);
+    function PartsControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PartsControlRenderer = tslib.__decorate([
+        amis.FormItem({
+            type: 'ae-partsControl',
+            renderLabel: false
+        })
+    ], PartsControlRenderer);
+    return PartsControlRenderer;
+})(PartsControl));
+/** @class */ ((function (_super) {
+    tslib.__extends(OptionControlRenderer, _super);
+    function OptionControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    OptionControlRenderer = tslib.__decorate([
+        amis.FormItem({
+            type: 'ae-marksControl',
+            renderLabel: false
+        })
+    ], OptionControlRenderer);
+    return OptionControlRenderer;
+})(MarksControl));
+
+exports.MarksControl = MarksControl;
+exports.PartsControl = PartsControl;

package/lib/renderer/StatusControl.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @file 状态配置组件
+ */
+import React from 'react';
+import { Option } from 'amis';
+import type { FormControlProps } from 'amis-core';
+import type { SchemaCollection } from 'amis/lib/Schema';
+import type { FormSchema } from 'amis/lib/schema';
+export interface StatusControlProps extends FormControlProps {
+    name: string;
+    expressioName: string;
+    trueValue?: boolean;
+    falseValue?: boolean;
+    options?: Option[];
+    children?: SchemaCollection;
+    messages?: Pick<FormSchema, 'messages'>;
+}
+interface StatusControlState {
+    checked: boolean;
+}
+export declare class StatusControl extends React.Component<StatusControlProps, StatusControlState> {
+    static defaultProps: {
+        trueValue: boolean;
+        falseValue: boolean;
+    };
+    constructor(props: StatusControlProps);
+    initState(): {
+        checked: boolean;
+    };
+    shouldComponentUpdate(nextProps: StatusControlProps, nextState: StatusControlState): boolean;
+    handleSwitch(value: boolean): void;
+    handleSubmit(values: any): void;
+    handleSelect(value: true | ''): void;
+    render(): JSX.Element;
+    renderContent(): JSX.Element;
+}
+export declare class StatusControlRenderer extends StatusControl {
+}
+export {};

package/lib/renderer/StatusControl.js

@@ -0,0 +1,171 @@
+/**
+ * amis-editor v5.2.0-beta.0
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('classnames');
+var amis = require('amis');
+var AMisCodeEditor = require('amis-editor-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+/**
+ * @file 状态配置组件
+ */
+var StatusControl = /** @class */ (function (_super) {
+    tslib.__extends(StatusControl, _super);
+    function StatusControl(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = _this.initState();
+        return _this;
+    }
+    StatusControl.prototype.initState = function () {
+        var _a = this.props, _b = _a.data, ctx = _b === void 0 ? {} : _b, expressioName = _a.expressioName, name = _a.name, trueValue = _a.trueValue;
+        return {
+            checked: ctx[name] == trueValue || typeof ctx[expressioName] === 'string'
+        };
+    };
+    StatusControl.prototype.shouldComponentUpdate = function (nextProps, nextState) {
+        return nextState.checked !== this.state.checked;
+    };
+    StatusControl.prototype.handleSwitch = function (value) {
+        var _this = this;
+        var _a = this.props, trueValue = _a.trueValue, falseValue = _a.falseValue;
+        this.setState({ checked: value == trueValue ? true : false }, function () {
+            var _a;
+            var _b = _this.props, onBulkChange = _b.onBulkChange, expressioName = _b.expressioName, name = _b.name;
+            onBulkChange &&
+                onBulkChange((_a = {},
+                    _a[name] = value == trueValue ? trueValue : falseValue,
+                    _a[expressioName] = undefined,
+                    _a));
+        });
+    };
+    StatusControl.prototype.handleSubmit = function (values) {
+        var _a = this.props, onBulkChange = _a.onBulkChange, name = _a.name, expressioName = _a.expressioName;
+        values[name] = !values[name] ? undefined : values[name];
+        values[expressioName] = !values[expressioName]
+            ? undefined
+            : values[expressioName];
+        onBulkChange && onBulkChange(values);
+    };
+    StatusControl.prototype.handleSelect = function (value) {
+        var _a;
+        var _b = this.props, onBulkChange = _b.onBulkChange, name = _b.name, expressioName = _b.expressioName;
+        onBulkChange &&
+            onBulkChange((_a = {},
+                _a[value ? expressioName : name] = undefined,
+                _a[(!value && expressioName) || ''] = '',
+                _a));
+    };
+    StatusControl.prototype.render = function () {
+        var _a = this.props, className = _a.className; _a.data; var trueValue = _a.trueValue, falseValue = _a.falseValue; _a.env;
+        var checked = this.state.checked;
+        return (React__default["default"].createElement("div", { className: cx__default["default"]('ae-StatusControl', className) },
+            React__default["default"].createElement("header", { className: cx__default["default"]('ae-StatusControl-switch') },
+                React__default["default"].createElement("div", null,
+                    React__default["default"].createElement(amis.Switch, { className: "ae-BaseSwitch", size: "md", trueValue: trueValue, falseValue: falseValue, checked: checked, onChange: this.handleSwitch }))),
+            checked ? this.renderContent() : null));
+    };
+    StatusControl.prototype.renderContent = function () {
+        var _a = this.props, render = _a.render, label = _a.label; _a.data; var name = _a.name, expressioName = _a.expressioName, options = _a.options, children = _a.children, messages = _a.messages;
+        return (React__default["default"].createElement("div", { className: "ae-StatusControl-content" }, render('status-control-form', {
+            type: 'form',
+            title: '',
+            panelClassName: 'border-none shadow-none mb-0',
+            bodyClassName: 'p-none',
+            actionsClassName: 'border-none mt-2.5',
+            wrapperComponent: 'div',
+            submitOnChange: true,
+            autoFocus: true,
+            formLazyChange: true,
+            footerWrapClassName: 'hidden',
+            preventEnterSubmit: true,
+            messages: messages,
+            mode: 'horizontal',
+            horizontal: {
+                justify: true,
+                left: 3
+            },
+            body: tslib.__spreadArray([
+                {
+                    type: 'select',
+                    label: '条件',
+                    name: name,
+                    value: "typeof this.".concat(expressioName, " === \"string\" ? 2 : 1"),
+                    options: options || [
+                        {
+                            label: '静态',
+                            value: 1
+                        },
+                        {
+                            label: '表达式',
+                            value: 2
+                        }
+                    ],
+                    pipeIn: function (value) { return (typeof value === 'boolean' ? 1 : 2); },
+                    pipeOut: function (value) { return (value === 1 ? true : ''); },
+                    onChange: this.handleSelect
+                }
+            ], (Array.isArray(children)
+                ? children
+                : [
+                    children || {
+                        type: 'ae-formulaControl',
+                        name: expressioName,
+                        label: '表达式',
+                        placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u6761\u4EF6"),
+                        visibleOn: "typeof this.".concat(name, " !== \"boolean\"")
+                    }
+                ]), true)
+        }, {
+            onSubmit: this.handleSubmit
+        })));
+    };
+    StatusControl.defaultProps = {
+        trueValue: true,
+        falseValue: false
+    };
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Boolean]),
+        tslib.__metadata("design:returntype", void 0)
+    ], StatusControl.prototype, "handleSwitch", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], StatusControl.prototype, "handleSubmit", null);
+    tslib.__decorate([
+        AMisCodeEditor.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], StatusControl.prototype, "handleSelect", null);
+    return StatusControl;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(StatusControlRenderer, _super);
+    function StatusControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StatusControlRenderer = tslib.__decorate([
+        amis.FormItem({
+            type: 'ae-statusControl'
+        })
+    ], StatusControlRenderer);
+    return StatusControlRenderer;
+})(StatusControl));
+
+exports.StatusControl = StatusControl;