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

package/esm/renderer/StatusControl.js

@@ -0,0 +1,203 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * 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;
+  }
+
+  StatusControl.prototype.initState = 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
+    };
+  };
+
+  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,
+          expressionName = _b.expressionName,
+          name = _b.name;
+      onBulkChange && onBulkChange((_a = {}, _a[name] = value == trueValue ? trueValue : falseValue, _a[expressionName] = undefined, _a));
+    });
+  };
+
+  StatusControl.prototype.handleFormSubmit = 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);
+  };
+
+  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.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);
+  };
+
+  StatusControl.prototype.renderContent = 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-formulaControl',
+        name: 'expression',
+        label: i18n("a9400c408441f1f7f6d6954deb05ae9a"),
+        placeholder: "\u8BF7\u8F93\u5165".concat(label, "\u6761\u4EF6"),
+        visibleOn: 'this.statusType === 2'
+      }]
+    }, {
+      data: formData,
+      onSubmit: this.handleFormSubmit
+    }));
+  };
+
+  StatusControl.defaultProps = {
+    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,238 @@
+/**
+ * @file 开关 + 更多编辑组合控件
+ * 使用时需关注所有的配置项是一个object还是整个data中，可使用bulk来区分
+ *
+ */
+import React from 'react';
+import type { Action } from 'amis/lib/types';
+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;
+            tabs?: any;
+            horizontal: import("amis").FormHorizontal;
+            mode: string;
+            actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+            api?: string | import("amis").BaseApiObject | undefined;
+            hidden?: boolean | undefined;
+            reload?: string | undefined;
+            id?: string | undefined;
+            target?: string | undefined;
+            visibleOn?: string | undefined;
+            feedback?: any;
+            autoFocus: boolean | undefined;
+            $ref?: string | undefined;
+            disabledOn?: string | undefined;
+            hiddenOn?: string | undefined;
+            visible?: boolean | undefined;
+            primaryField?: string | undefined;
+            messages?: {
+                validateFailed?: string | undefined;
+            } | undefined;
+            fieldSet?: any;
+            labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+            labelWidth?: string | number | undefined;
+            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" | "triangle" | "square" | undefined;
+                quotesOnKeys?: boolean | undefined;
+                sortKeys?: boolean | undefined;
+                ellipsisThreshold?: number | false | undefined;
+            } | undefined;
+            initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+            initFinishedField?: string | undefined;
+            initCheckInterval?: number | undefined;
+            persistData?: 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;
+            panelClassName: import("amis").ClassName;
+            submitOnInit?: boolean | undefined;
+            submitText?: string | undefined;
+            wrapWithPanel: boolean;
+            promptPageLeave?: boolean | undefined;
+            promptPageLeaveMessage?: string | undefined;
+            rules?: {
+                rule: string;
+                message: string;
+                name?: string | string[] | undefined;
+            }[] | 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;
+        tabs?: any;
+        horizontal: import("amis").FormHorizontal;
+        mode: string;
+        actions?: import("amis/lib/renderers/Action").ActionSchema[] | undefined;
+        api?: string | import("amis").BaseApiObject | undefined;
+        hidden?: boolean | undefined;
+        reload?: string | undefined;
+        id?: string | undefined;
+        target?: string | undefined;
+        visibleOn?: string | undefined;
+        feedback?: any;
+        autoFocus: boolean | undefined;
+        $ref?: string | undefined;
+        disabledOn?: string | undefined;
+        hiddenOn?: string | undefined;
+        visible?: boolean | undefined;
+        primaryField?: string | undefined;
+        messages?: {
+            validateFailed?: string | undefined;
+        } | undefined;
+        fieldSet?: any;
+        labelAlign?: import("amis-core/lib/renderers/Item").LabelAlign | undefined;
+        labelWidth?: string | number | undefined;
+        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" | "triangle" | "square" | undefined;
+            quotesOnKeys?: boolean | undefined;
+            sortKeys?: boolean | undefined;
+            ellipsisThreshold?: number | false | undefined;
+        } | undefined;
+        initAsyncApi?: string | import("amis").BaseApiObject | undefined;
+        initFinishedField?: string | undefined;
+        initCheckInterval?: number | undefined;
+        persistData?: 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;
+        panelClassName: import("amis").ClassName;
+        submitOnInit?: boolean | undefined;
+        submitText?: string | undefined;
+        wrapWithPanel: boolean;
+        promptPageLeave?: boolean | undefined;
+        promptPageLeaveMessage?: string | undefined;
+        rules?: {
+            rule: string;
+            message: string;
+            name?: string | string[] | undefined;
+        }[] | 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 {};