amis-editor 5.2.0 → 5.2.1-beta.19

package/esm/renderer/StatusControl.js

@@ -0,0 +1,212 @@
+/**
+ * amis-editor v5.2.1-beta.19
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import cx from 'classnames';
+import { Switch, FormItem } from 'amis';
+import { autobind } from 'amis-editor-core';
+import { i18n } from 'i18n-runtime';
+
+/**
+ * @file 状态配置组件
+ */
+var StatusControl = /** @class */function (_super) {
+  __extends(StatusControl, _super);
+  function StatusControl(props) {
+    var _this = _super.call(this, props) || this;
+    _this.state = _this.initState();
+    return _this;
+  }
+  Object.defineProperty(StatusControl.prototype, "initState", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _a = this.props,
+        _b = _a.data,
+        ctx = _b === void 0 ? {} : _b,
+        expressionName = _a.expressionName,
+        name = _a.name,
+        trueValue = _a.trueValue;
+      var formData = {
+        statusType: 1,
+        expression: ''
+      };
+      if (ctx[expressionName] || ctx[expressionName] === '') {
+        formData.statusType = 2;
+        formData.expression = ctx[expressionName];
+      }
+      return {
+        checked: ctx[name] == trueValue || typeof ctx[expressionName] === 'string',
+        formData: formData
+      };
+    }
+  });
+  Object.defineProperty(StatusControl.prototype, "shouldComponentUpdate", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (nextProps, nextState) {
+      return nextState.checked !== this.state.checked;
+    }
+  });
+  Object.defineProperty(StatusControl.prototype, "handleSwitch", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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,
+          expressionName = _b.expressionName,
+          name = _b.name;
+        onBulkChange && onBulkChange((_a = {}, _a[name] = value == trueValue ? trueValue : falseValue, _a[expressionName] = undefined, _a));
+      });
+    }
+  });
+  Object.defineProperty(StatusControl.prototype, "handleFormSubmit", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function (values) {
+      var _a;
+      var _b = this.props,
+        onBulkChange = _b.onBulkChange,
+        name = _b.name,
+        expressionName = _b.expressionName;
+      var data = (_a = {}, _a[name] = undefined, _a[expressionName] = undefined, _a);
+      this.setState({
+        formData: values
+      });
+      switch (values.statusType) {
+        case 1:
+          data[name] = true;
+          break;
+        case 2:
+          data[expressionName] = values.expression;
+          break;
+      }
+      onBulkChange && onBulkChange(data);
+    }
+  });
+  Object.defineProperty(StatusControl.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: 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.createElement("div", {
+        className: cx('ae-StatusControl', className)
+      }, React__default.createElement("header", {
+        className: cx('ae-StatusControl-switch')
+      }, React__default.createElement("div", null, React__default.createElement(Switch, {
+        className: "ae-BaseSwitch",
+        size: "md",
+        trueValue: trueValue,
+        falseValue: falseValue,
+        checked: checked,
+        onChange: this.handleSwitch
+      }))), checked ? this.renderContent() : null);
+    }
+  });
+  Object.defineProperty(StatusControl.prototype, "renderContent", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      var _a = this.props,
+        render = _a.render,
+        label = _a.label;
+        _a.data;
+        _a.name;
+        _a.expressionName;
+        var options = _a.options;
+        _a.children;
+        var messages = _a.messages;
+      var formData = this.state.formData;
+      return React__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: [{
+          type: 'select',
+          label: i18n("69fbb2e5fc9eb3ba06096cbedbf5a622"),
+          name: 'statusType',
+          options: options || [{
+            label: i18n("8baf21fa26d6d24b4faa872953275d8d"),
+            value: 1
+          }, {
+            label: i18n("a9400c408441f1f7f6d6954deb05ae9a"),
+            value: 2
+          }]
+        }, {
+          type: 'ae-expressionFormulaControl',
+          label: i18n("a9400c408441f1f7f6d6954deb05ae9a"),
+          name: 'expression',
+          placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u6761\u4EF6"),
+          visibleOn: 'this.statusType === 2',
+          onChange: function (value) {}
+        }]
+      }, {
+        data: formData,
+        onSubmit: this.handleFormSubmit
+      }));
+    }
+  });
+  Object.defineProperty(StatusControl, "defaultProps", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+      trueValue: true,
+      falseValue: false
+    }
+  });
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Boolean]), __metadata("design:returntype", void 0)], StatusControl.prototype, "handleSwitch", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], StatusControl.prototype, "handleFormSubmit", null);
+  return StatusControl;
+}(React__default.Component);
+/** @class */(function (_super) {
+  __extends(StatusControlRenderer, _super);
+  function StatusControlRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  StatusControlRenderer = __decorate([FormItem({
+    type: 'ae-statusControl'
+  })], StatusControlRenderer);
+  return StatusControlRenderer;
+})(StatusControl);
+
+export { StatusControl };

package/esm/renderer/SwitchMoreControl.d.ts

@@ -0,0 +1,254 @@
+/**
+ * @file 开关 + 更多编辑组合控件
+ * 使用时需关注所有的配置项是一个object还是整个data中，可使用bulk来区分
+ *
+ */
+import React from 'react';
+import type { Action } from 'amis';
+import type { SchemaCollection } from 'amis/lib/Schema';
+import type { IScopedContext } from 'amis-core';
+import type { FormSchema } from 'amis/lib/schema';
+import type { FormControlProps } from 'amis-core';
+export interface SwitchMoreProps extends FormControlProps {
+    className?: string;
+    form?: Omit<FormSchema, 'type'>;
+    formType: 'extend' | 'dialog' | 'pop';
+    body?: SchemaCollection;
+    rootClose?: boolean;
+    autoFocus?: boolean;
+    overlay?: boolean;
+    container?: React.ReactNode | Function;
+    target?: React.ReactNode | Function;
+    trueValue?: any;
+    falseValue?: any;
+    removable?: boolean;
+    hiddenOnDefault?: boolean;
+    bulk?: boolean;
+    onRemove?: (e: React.UIEvent<any> | void) => void;
+    onClose: (e: React.UIEvent<any> | void) => void;
+    defaultData?: any;
+}
+interface SwitchMoreState {
+    /**
+     * 是否展示更多编辑内容
+     */
+    show: boolean;
+    /**
+     * 是否开启编辑
+     */
+    checked: boolean;
+}
+export default class SwitchMore extends React.Component<SwitchMoreProps, SwitchMoreState> {
+    static defaultProps: Pick<SwitchMoreProps, 'container' | 'autoFocus' | 'overlay' | 'rootClose' | 'trueValue' | 'falseValue' | 'formType' | 'bulk'>;
+    overlay: HTMLElement | null;
+    formNames: null | Array<string>;
+    constructor(props: SwitchMoreProps);
+    initState(): {
+        checked: boolean;
+        show: boolean;
+    };
+    getFormItemNames(): any[];
+    overlayRef(ref: any): void;
+    openPopover(): void;
+    toogleExtend(): void;
+    closePopover(): void;
+    handleDelete(e: React.UIEvent<any> | void): void;
+    handleSwitchChange(checked: boolean): void;
+    handleSubmit(values: any): void;
+    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors?: boolean, delegate?: IScopedContext): void;
+    renderActions(): JSX.Element[] | null;
+    renderPopover(): JSX.Element;
+    renderExtend(): JSX.Element | null;
+    renderDialogMore(): {
+        type: string;
+        btnLabel: string;
+        className: string;
+        itemClassName: string;
+        icon: string;
+        form: {
+            data: any;
+            className?: import("amis").SchemaClassName | undefined;
+            onEvent?: {
+                [propName: string]: {
+                    weight?: number | undefined;
+                    actions: import("amis").ListenerAction[];
+                };
+            } | undefined;
+            body?: SchemaCollection | undefined;
+            title: any;
+            name?: string | undefined;
+            disabled?: boolean | undefined;
+            horizontal: import("amis").FormHorizontal;
+            tabs?: any;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            api?: string | import("amis").BaseApiObject | undefined;
+            hidden?: boolean | undefined;
+            static?: boolean | undefined;
+            reload?: string | undefined;
+            mode: string;
+            id?: string | undefined;
+            target?: string | undefined;
+            feedback?: any;
+            visibleOn?: string | undefined;
+            staticClassName?: import("amis").SchemaClassName | undefined;
+            hiddenOn?: string | undefined;
+            disabledOn?: string | undefined;
+            staticOn?: string | undefined;
+            visible?: boolean | undefined;
+            persistData?: string | undefined;
+            rules?: {
+                rule: string;
+                message: string;
+                name?: string | string[] | undefined;
+            }[] | undefined;
+            messages?: {
+                validateFailed?: string | undefined;
+            } | undefined;
+            labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+            labelWidth?: string | number | undefined;
+            $ref?: string | undefined;
+            staticPlaceholder?: string | undefined;
+            staticLabelClassName?: import("amis").SchemaClassName | undefined;
+            staticInputClassName?: import("amis").SchemaClassName | undefined;
+            staticSchema?: any;
+            primaryField?: string | undefined;
+            fieldSet?: any;
+            submitOnChange: boolean;
+            initFetchOn?: string | undefined;
+            initFetch?: boolean | undefined;
+            interval?: number | undefined;
+            silentPolling?: boolean | undefined;
+            stopAutoRefreshWhen?: string | undefined;
+            initApi?: string | import("amis").BaseApiObject | undefined;
+            redirect?: string | undefined;
+            affixFooter?: boolean | undefined;
+            debug?: boolean | undefined;
+            debugConfig?: {
+                levelExpand?: number | undefined;
+                enableClipboard?: boolean | undefined;
+                iconStyle?: "circle" | "square" | "triangle" | undefined;
+                quotesOnKeys?: boolean | undefined;
+                sortKeys?: boolean | undefined;
+                ellipsisThreshold?: number | false | undefined;
+            } | undefined;
+            initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+            initFinishedField?: string | undefined;
+            initCheckInterval?: number | undefined;
+            persistDataKeys?: string[] | undefined;
+            clearPersistDataAfterSubmit?: boolean | undefined;
+            asyncApi?: string | import("amis").BaseApiObject | undefined;
+            checkInterval?: number | undefined;
+            finishedField?: string | undefined;
+            resetAfterSubmit?: boolean | undefined;
+            clearAfterSubmit?: boolean | undefined;
+            columnCount?: number | undefined;
+            autoFocus: boolean | undefined;
+            panelClassName: import("amis").ClassName;
+            submitOnInit?: boolean | undefined;
+            submitText?: string | undefined;
+            wrapWithPanel: boolean;
+            promptPageLeave?: boolean | undefined;
+            promptPageLeaveMessage?: string | undefined;
+            preventEnterSubmit: boolean;
+            type: string;
+            actionsClassName: string;
+            wrapperComponent: string;
+            formLazyChange: boolean;
+        };
+    };
+    renderForm(): {
+        data: any;
+        className?: import("amis").SchemaClassName | undefined;
+        onEvent?: {
+            [propName: string]: {
+                weight?: number | undefined;
+                actions: import("amis").ListenerAction[];
+            };
+        } | undefined;
+        body?: SchemaCollection | undefined;
+        title?: string | undefined;
+        name?: string | undefined;
+        disabled?: boolean | undefined;
+        horizontal: import("amis").FormHorizontal;
+        tabs?: any;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        api?: string | import("amis").BaseApiObject | undefined;
+        hidden?: boolean | undefined;
+        static?: boolean | undefined;
+        reload?: string | undefined;
+        mode: string;
+        id?: string | undefined;
+        target?: string | undefined;
+        feedback?: any;
+        visibleOn?: string | undefined;
+        staticClassName?: import("amis").SchemaClassName | undefined;
+        hiddenOn?: string | undefined;
+        disabledOn?: string | undefined;
+        staticOn?: string | undefined;
+        visible?: boolean | undefined;
+        persistData?: string | undefined;
+        rules?: {
+            rule: string;
+            message: string;
+            name?: string | string[] | undefined;
+        }[] | undefined;
+        messages?: {
+            validateFailed?: string | undefined;
+        } | undefined;
+        labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+        labelWidth?: string | number | undefined;
+        $ref?: string | undefined;
+        staticPlaceholder?: string | undefined;
+        staticLabelClassName?: import("amis").SchemaClassName | undefined;
+        staticInputClassName?: import("amis").SchemaClassName | undefined;
+        staticSchema?: any;
+        primaryField?: string | undefined;
+        fieldSet?: any;
+        submitOnChange: boolean;
+        initFetchOn?: string | undefined;
+        initFetch?: boolean | undefined;
+        interval?: number | undefined;
+        silentPolling?: boolean | undefined;
+        stopAutoRefreshWhen?: string | undefined;
+        initApi?: string | import("amis").BaseApiObject | undefined;
+        redirect?: string | undefined;
+        affixFooter?: boolean | undefined;
+        debug?: boolean | undefined;
+        debugConfig?: {
+            levelExpand?: number | undefined;
+            enableClipboard?: boolean | undefined;
+            iconStyle?: "circle" | "square" | "triangle" | undefined;
+            quotesOnKeys?: boolean | undefined;
+            sortKeys?: boolean | undefined;
+            ellipsisThreshold?: number | false | undefined;
+        } | undefined;
+        initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+        initFinishedField?: string | undefined;
+        initCheckInterval?: number | undefined;
+        persistDataKeys?: string[] | undefined;
+        clearPersistDataAfterSubmit?: boolean | undefined;
+        asyncApi?: string | import("amis").BaseApiObject | undefined;
+        checkInterval?: number | undefined;
+        finishedField?: string | undefined;
+        resetAfterSubmit?: boolean | undefined;
+        clearAfterSubmit?: boolean | undefined;
+        columnCount?: number | undefined;
+        autoFocus: boolean | undefined;
+        panelClassName: import("amis").ClassName;
+        submitOnInit?: boolean | undefined;
+        submitText?: string | undefined;
+        wrapWithPanel: boolean;
+        promptPageLeave?: boolean | undefined;
+        promptPageLeaveMessage?: string | undefined;
+        preventEnterSubmit: boolean;
+        type: string;
+        actionsClassName: string;
+        wrapperComponent: string;
+        formLazyChange: boolean;
+    };
+    renderMoreSection(): JSX.Element | null;
+    render(): JSX.Element | null;
+}
+export declare class SwitchMoreRenderer extends SwitchMore {
+}
+export {};