amis-editor 4.1.0-beta.4 → 5.2.0-beta.1

package/lib/tpl/api.js

@@ -0,0 +1,378 @@
+/**
+ * amis-editor v5.2.0-beta.1
+ * Copyright 2018-2022 @fex
+ */
+
+'use strict';
+
+var tslib = require('tslib');
+var AMisCodeEditor = require('amis-editor-core');
+var React = require('react');
+var amis = require('amis');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+AMisCodeEditor.setSchemaTpl('api', function (patch) {
+    if (patch === void 0) { patch = {}; }
+    var name = patch.name, label = patch.label, value = patch.value, description = patch.description, sampleBuilder = patch.sampleBuilder, rest = tslib.__rest(patch, ["name", "label", "value", "description", "sampleBuilder"]);
+    return tslib.__assign({ type: 'container', body: [
+            {
+                type: 'checkbox',
+                label: label || 'API',
+                labelRemark: sampleBuilder
+                    ? {
+                        icon: '',
+                        label: '示例',
+                        title: '接口返回示例',
+                        tooltipClassName: 'ae-ApiSample-tooltip',
+                        render: function (data) { return (React__default["default"].createElement(amis.Html, { className: "ae-ApiSample", inline: false, html: "\n                  <pre><code>".concat(sampleBuilder(data), "</code></pre>\n                  ") })); },
+                        trigger: 'click',
+                        className: 'm-l-xs',
+                        rootClose: true,
+                        placement: 'left'
+                    }
+                    : undefined,
+                option: "\u9AD8\u7EA7\u914D\u7F6E",
+                name: name || 'api',
+                mode: 'inline',
+                className: 'w-full m-b-sm',
+                inputClassName: 'pull-right text-sm m-t-sm p-t-none',
+                onChange: function () { },
+                pipeIn: function (value) { return value && typeof value !== 'string'; },
+                pipeOut: function (value, originValue) {
+                    var api = amis.buildApi(originValue);
+                    return value
+                        ? {
+                            method: api.method,
+                            url: api.url
+                        }
+                        : api.url
+                            ? "".concat(api.method ? "".concat(api.method, ":") : '').concat(api.url)
+                            : '';
+                }
+            },
+            {
+                name: name || 'api',
+                type: 'input-text',
+                value: value,
+                placeholder: 'http://',
+                description: description,
+                visibleOn: "!this.".concat(name || 'api', " || typeof this.").concat(name || 'api', " === 'string'"),
+                className: 'm-b-none',
+                labelRemark: {}
+                // disabledOn: `data.${name || 'api'} && data.${name || 'api'}.data && Object.keys(data.${name || 'api'}.data).length || data.${name || 'api'} && data.${name || 'api'}.sendOn`,
+            },
+            {
+                type: 'combo',
+                name: name || 'api',
+                description: description,
+                syncDefaultValue: false,
+                multiLine: true,
+                visibleOn: "this.".concat(name || 'api', " && typeof this.").concat(name || 'api', " !== 'string'"),
+                className: 'm-b-none',
+                messages: {
+                    validateFailed: '接口配置中存在错误，请仔细检查'
+                },
+                pipeIn: function (value) {
+                    if (typeof value === 'string') {
+                        var url = value;
+                        var method = 'get';
+                        var m = /^(raw:|external:)?(get|post|put|patch|delete):(.*)$/.exec(url);
+                        if (m) {
+                            url = m[1] + m[3];
+                            method = m[2];
+                        }
+                        return {
+                            method: method,
+                            url: url
+                        };
+                    }
+                    return value;
+                },
+                items: [
+                    {
+                        label: '发送方式',
+                        name: 'method',
+                        value: 'get',
+                        type: 'select',
+                        mode: 'horizontal',
+                        horizontal: {
+                            leftFixed: 'sm'
+                        },
+                        options: [
+                            {
+                                value: 'get',
+                                label: 'GET'
+                            },
+                            {
+                                value: 'post',
+                                label: 'POST'
+                            },
+                            {
+                                value: 'put',
+                                label: 'PUT'
+                            },
+                            {
+                                value: 'patch',
+                                label: 'PATCH'
+                            },
+                            {
+                                value: 'delete',
+                                label: 'DELETE'
+                            }
+                        ]
+                    },
+                    {
+                        label: '接口地址',
+                        type: 'input-text',
+                        name: 'url',
+                        placeholder: 'http://',
+                        required: true
+                    },
+                    {
+                        type: 'switch',
+                        label: '数据映射',
+                        name: 'data',
+                        className: 'w-full m-b-xs',
+                        pipeIn: function (value) { return !!value; },
+                        pipeOut: function (value) { return (value ? { '&': '$$' } : null); }
+                    },
+                    {
+                        type: 'tpl',
+                        visibleOn: '!this.data',
+                        inline: false,
+                        className: 'text-sm text-muted m-b',
+                        tpl: '当没开启数据映射时，发送 API 的时候会发送尽可能多的数据，如果你想自己控制发送的数据，或者需要额外的数据处理，请开启此选项'
+                    },
+                    {
+                        type: 'ae-DataMappingControl',
+                        syncDefaultValue: false,
+                        name: 'data',
+                        mode: 'normal',
+                        renderLabel: false,
+                        visibleOn: 'this.data',
+                        descriptionClassName: 'help-block text-xs m-b-none',
+                        description: '<p>当没开启数据映射时，发送数据自动切成白名单模式，配置啥发送啥，请绑定数据。如：<code>{"a": "\\${a}", "b": 2}</code></p><p>如果希望在默认的基础上定制，请先添加一个 Key 为 `&` Value 为 `\\$$` 作为第一行。</p><div>当值为 <code>__undefined</code>时，表示删除对应的字段，可以结合<code>{"&": "\\$$"}</code>来达到黑名单效果。</div>'
+                    },
+                    // {
+                    //   type: 'input-kv',
+                    //   syncDefaultValue: false,
+                    //   name: 'data',
+                    //   visibleOn: 'this.data',
+                    //   descriptionClassName: 'help-block text-xs m-b-none',
+                    //   description:
+                    //     '<p>当没开启数据映射时，发送数据自动切成白名单模式，配置啥发送啥，请绑定数据。如：<code>{"a": "\\${a}", "b": 2}</code></p><p>如果希望在默认的基础上定制，请先添加一个 Key 为 `&` Value 为 `\\$$` 作为第一行。</p><div>当值为 <code>__undefined</code>时，表示删除对应的字段，可以结合<code>{"&": "\\$$"}</code>来达到黑名单效果。</div>'
+                    // },
+                    {
+                        label: '发送条件',
+                        type: 'input-text',
+                        name: 'sendOn',
+                        placeholder: '如：this.type == "123"',
+                        description: '用表达式来设置该请求的发送条件'
+                    },
+                    {
+                        type: 'switch',
+                        label: '是否设置缓存',
+                        name: 'cache',
+                        className: 'w-full m-b-xs',
+                        description: '设置该请求缓存的有效时间',
+                        pipeIn: function (value) { return !!value; },
+                        pipeOut: function (value) { return (value ? 3000 : undefined); }
+                    },
+                    {
+                        type: 'input-number',
+                        name: 'cache',
+                        mode: 'inline',
+                        min: 0,
+                        step: 500,
+                        visibleOn: 'this.cache',
+                        pipeIn: function (value) { return (typeof value === 'number' ? value : 0); }
+                    },
+                    {
+                        type: 'switch',
+                        label: '文件下载',
+                        name: 'responseType',
+                        pipeIn: function (value) { return value === 'blob'; },
+                        pipeOut: function (value) { return (value ? 'blob' : undefined); },
+                        description: '当接口为二进制文件下载时请勾选，并设置 Content-Disposition'
+                    },
+                    {
+                        label: '数据格式',
+                        type: 'button-group-select',
+                        name: 'dataType',
+                        description: '发送体格式为：<%= data.dataType === "json" ? "application/json" : data.dataType === "form-data" ? "multipart/form-data" : data.dataType === "form" ? "application/x-www-form-urlencoded" : "" %>，当发送内容中存在文件时会自动使用 form-data 格式。',
+                        size: 'sm',
+                        className: 'block',
+                        mode: 'inline',
+                        options: [
+                            {
+                                label: 'JSON',
+                                value: 'json'
+                            },
+                            {
+                                label: 'FormData',
+                                value: 'form-data'
+                            },
+                            {
+                                label: 'Form',
+                                value: 'form'
+                            }
+                        ]
+                    },
+                    {
+                        type: 'switch',
+                        label: '数据替换',
+                        name: 'replaceData',
+                        description: '默认数据都是追加方式，开启这个后是完全替换'
+                    },
+                    {
+                        type: 'switch',
+                        label: '返回结果映射',
+                        name: 'responseData',
+                        className: 'w-full m-b-xs',
+                        pipeIn: function (value) { return !!value; },
+                        pipeOut: function (value) { return (value ? { '&': '$$' } : null); }
+                    },
+                    {
+                        type: 'tpl',
+                        visibleOn: '!this.responseData',
+                        inline: false,
+                        className: 'text-sm text-muted m-b',
+                        tpl: '如果需要对返回结果做额外的数据处理，请开启此选项'
+                    },
+                    {
+                        type: 'input-kv',
+                        syncDefaultValue: false,
+                        name: 'responseData',
+                        visibleOn: 'this.responseData',
+                        descriptionClassName: 'help-block text-xs m-b-none'
+                    },
+                    {
+                        title: '自定义适配器',
+                        type: 'fieldSet',
+                        className: 'm-b-none',
+                        size: 'sm',
+                        collapsable: false,
+                        collapsedOn: '!this.requestAdaptor && !this.adaptor',
+                        body: [
+                            {
+                                name: 'requestAdaptor',
+                                type: 'js-editor',
+                                allowFullscreen: true,
+                                label: '发送适配器',
+                                description: '函数签名：(api) => api， 数据在 api.data 中，修改后返回 api 对象。'
+                            },
+                            {
+                                name: 'adaptor',
+                                type: 'js-editor',
+                                allowFullscreen: true,
+                                label: '接收适配器',
+                                description: '函数签名: (payload, response, api) => payload'
+                            }
+                        ]
+                    }
+                ]
+            }
+        ] }, rest);
+});
+AMisCodeEditor.setSchemaTpl('source', function (patch) {
+    if (patch === void 0) { patch = {}; }
+    return AMisCodeEditor.getSchemaTpl('api', tslib.__assign({ name: 'source', label: '获取选项接口', description: '可以通过接口获取动态选项，一次拉取全部。', sampleBuilder: function (schema) {
+            return JSON.stringify({
+                status: 0,
+                msg: '',
+                data: {
+                    options: [
+                        {
+                            label: '选项A',
+                            value: 'a'
+                        },
+                        {
+                            label: '选项B',
+                            value: 'b'
+                        }
+                    ]
+                }
+            }, null, 2);
+        } }, patch));
+});
+AMisCodeEditor.setSchemaTpl('apiString', {
+    name: 'api',
+    type: 'input-text',
+    placeholder: 'http://'
+});
+AMisCodeEditor.setSchemaTpl('initFetch', {
+    type: 'group',
+    label: '是否初始加载',
+    visibleOn: 'this.initApi',
+    direction: 'vertical',
+    className: 'm-b-none',
+    labelRemark: {
+        trigger: 'click',
+        rootClose: true,
+        className: 'm-l-xs',
+        content: '当配置初始化接口后，组件初始就会拉取接口数据，可以通过以下配置修改。',
+        placement: 'left'
+    },
+    body: [
+        {
+            name: 'initFetch',
+            type: 'radios',
+            inline: true,
+            onChange: function () { },
+            // pipeIn: (value:any) => typeof value === 'boolean' ? value : '1'
+            options: [
+                {
+                    label: '是',
+                    value: true
+                },
+                {
+                    label: '否',
+                    value: false
+                },
+                {
+                    label: '表达式',
+                    value: ''
+                }
+            ]
+        },
+        {
+            name: 'initFetchOn',
+            autoComplete: false,
+            visibleOn: 'typeof this.initFetch !== "boolean"',
+            type: 'input-text',
+            placeholder: '如：this.id 表示有 id 值时初始加载',
+            className: 'm-t-n-sm'
+        }
+    ]
+});
+AMisCodeEditor.setSchemaTpl('proxy', {
+    type: 'switch',
+    label: '后端代理',
+    name: 'proxy',
+    mode: 'horizontal',
+    horizontal: {
+        justify: true,
+        left: 8
+    },
+    inputClassName: 'is-inline'
+});
+AMisCodeEditor.setSchemaTpl('apiControl', function (patch) {
+    if (patch === void 0) { patch = {}; }
+    var name = patch.name, label = patch.label; patch.value; var description = patch.description, sampleBuilder = patch.sampleBuilder, rest = tslib.__rest(patch, ["name", "label", "value", "description", "sampleBuilder"]);
+    return tslib.__assign({ type: 'ae-apiControl', label: label, name: name, description: description, mode: 'normal', labelRemark: sampleBuilder
+            ? {
+                icon: '',
+                label: '示例',
+                title: '接口返回示例',
+                tooltipClassName: 'ae-ApiSample-tooltip',
+                render: function (data) { return (React__default["default"].createElement(amis.Html, { className: "ae-ApiSample", inline: false, html: "\n                  <pre><code>".concat(sampleBuilder(data), "</code></pre>\n                  ") })); },
+                trigger: 'click',
+                className: 'm-l-xs',
+                rootClose: true,
+                placement: 'left'
+            }
+            : undefined }, rest);
+});

package/lib/tpl/common.d.ts

@@ -0,0 +1 @@
+export {};