amis 2.0.0-rc.10 → 2.0.0-rc.16

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormControlProps, Schema } from 'amis-core';
+import { FormBaseControlSchema, SchemaApi, SchemaTokenizeableString } from '../../Schema';
+import { ConditionBuilderFields, ConditionBuilderFuncs, ConditionBuilderConfig } from 'amis-ui';
+import { IconSchema } from '../Icon';
+/**
+ * 条件组合控件
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/condition-builder
+ */
+export interface ConditionBuilderControlSchema extends FormBaseControlSchema {
+    /**
+     * 指定为
+     */
+    type: 'condition-builder';
+    /**
+     * 内嵌模式，默认为 true
+     */
+    embed?: boolean;
+    /**
+     * 非内嵌模式时 弹窗触发icon
+     */
+    pickerIcon?: IconSchema;
+    /**
+     * 函数集合
+     */
+    funcs?: ConditionBuilderFuncs;
+    /**
+     * 字段集合
+     */
+    fields: ConditionBuilderFields;
+    /**
+     * 其他配置
+     */
+    config?: ConditionBuilderConfig;
+    /**
+     * 通过远程拉取配置项
+     */
+    source?: SchemaApi | SchemaTokenizeableString;
+    /**
+     * 展现模式
+     */
+    builderMode?: 'simple' | 'full';
+    /**
+     * 是否显示并或切换键按钮，只在简单模式下有用
+     */
+    showANDOR?: boolean;
+}
+export interface ConditionBuilderProps extends FormControlProps, Omit<ConditionBuilderControlSchema, 'type' | 'className' | 'descriptionClassName' | 'inputClassName'> {
+}
+export default class ConditionBuilderControl extends React.PureComponent<ConditionBuilderProps> {
+    renderEtrValue(schema: Schema, data: any): JSX.Element;
+    renderPickerIcon(): JSX.Element | undefined;
+    render(): JSX.Element;
+}
+export declare class ConditionBuilderRenderer extends ConditionBuilderControl {
+}

package/esm/renderers/Form/ConditionBuilder.js

@@ -0,0 +1,69 @@
+/**
+ * amis v2.0.0-rc.16
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { isPureVariable, resolveVariableAndFilter, autobind, FormItem } from 'amis-core';
+import { withRemoteConfig, ConditionBuilder } from 'amis-ui';
+
+var ConditionBuilderControl = /** @class */ (function (_super) {
+    __extends(ConditionBuilderControl, _super);
+    function ConditionBuilderControl() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ConditionBuilderControl.prototype.renderEtrValue = function (schema, data) {
+        return this.props.render('inline', Object.assign(schema, { label: false }), data);
+    };
+    ConditionBuilderControl.prototype.renderPickerIcon = function () {
+        var _a = this.props, render = _a.render, pickerIcon = _a.pickerIcon;
+        return pickerIcon ? render('picker-icon', pickerIcon) : undefined;
+    };
+    ConditionBuilderControl.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames; _a.pickerIcon; var rest = __rest(_a, ["className", "classnames", "pickerIcon"]);
+        // 处理一下formula类型值的变量列表
+        var formula = this.props.formula ? __assign({}, this.props.formula) : undefined;
+        if (formula && formula.variables && isPureVariable(formula.variables)) {
+            // 如果 variables 是 ${xxx} 这种形式，将其处理成实际的值
+            formula.variables = resolveVariableAndFilter(formula.variables, this.props.data, '| raw');
+        }
+        return (React.createElement("div", { className: cx("ConditionBuilderControl", className) },
+            React.createElement(ConditionBuilderWithRemoteOptions, __assign({ renderEtrValue: this.renderEtrValue, pickerIcon: this.renderPickerIcon() }, rest, { formula: formula }))));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], ConditionBuilderControl.prototype, "renderEtrValue", null);
+    return ConditionBuilderControl;
+}(React.PureComponent));
+var ConditionBuilderWithRemoteOptions = withRemoteConfig({
+    adaptor: function (data) { return data.fields || data; }
+})(/** @class */ (function (_super) {
+    __extends(class_1, _super);
+    function class_1() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    class_1.prototype.render = function () {
+        var _a = this.props, loading = _a.loading, config = _a.config; _a.deferLoad; var disabled = _a.disabled, renderEtrValue = _a.renderEtrValue, rest = __rest(_a, ["loading", "config", "deferLoad", "disabled", "renderEtrValue"]);
+        return (React.createElement(ConditionBuilder, __assign({}, rest, { fields: config || rest.fields || [], disabled: disabled || loading, renderEtrValue: renderEtrValue })));
+    };
+    return class_1;
+}(React.Component)));
+/** @class */ ((function (_super) {
+    __extends(ConditionBuilderRenderer, _super);
+    function ConditionBuilderRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ConditionBuilderRenderer = __decorate([
+        FormItem({
+            type: 'condition-builder',
+            strictMode: false
+        })
+    ], ConditionBuilderRenderer);
+    return ConditionBuilderRenderer;
+})(ConditionBuilderControl));
+
+export { ConditionBuilderControl as default };

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { FormBaseControlSchema, SchemaCollection } from '../../Schema';
+/**
+ * Group 表单集合渲染器，能让多个表单在一行显示
+ * 文档：https://baidu.gitee.io/amis/docs/components/form/group
+ */
+export interface FormControlSchema extends FormBaseControlSchema {
+    type: 'control';
+    /**
+     * FormItem 内容
+     */
+    body: SchemaCollection;
+}
+export declare class ControlRenderer extends React.Component<RendererProps> {
+    renderInput(): JSX.Element;
+    render(): JSX.Element;
+}

package/esm/renderers/Form/Control.js

@@ -0,0 +1,38 @@
+/**
+ * amis v2.0.0-rc.16
+ * Copyright 2018-2022 baidu
+ */
+
+import { __extends, __rest, __assign, __decorate, __metadata } from 'tslib';
+import React from 'react';
+import { resolveVariable, FormItemWrap, autobind, Renderer } from 'amis-core';
+
+/** @class */ ((function (_super) {
+    __extends(ControlRenderer, _super);
+    function ControlRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ControlRenderer.prototype.renderInput = function () {
+        var _a = this.props, render = _a.render, body = _a.body, name = _a.name, data = _a.data;
+        return render('inner', body, {
+            value: typeof name === 'string' ? resolveVariable(name, data) : undefined
+        });
+    };
+    ControlRenderer.prototype.render = function () {
+        var _a;
+        var _b = this.props, render = _b.render, label = _b.label; _b.control; var rest = __rest(_b, ["render", "label", "control"]);
+        return (React.createElement(FormItemWrap, __assign({}, rest, { formMode: (_a = rest.mode) !== null && _a !== void 0 ? _a : rest.formMode, render: render, sizeMutable: false, label: label, renderControl: this.renderInput })));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], ControlRenderer.prototype, "renderInput", null);
+    ControlRenderer = __decorate([
+        Renderer({
+            type: 'control'
+        })
+    ], ControlRenderer);
+    return ControlRenderer;
+})(React.Component));