diff --git a/docs/renderers/Tpl.md b/docs/renderers/Tpl.md index 12f1784bd..5f0f3a0d4 100644 --- a/docs/renderers/Tpl.md +++ b/docs/renderers/Tpl.md @@ -94,6 +94,7 @@ tpl 类型的渲染器支持用 JS 模板引擎来组织输出,采用的 lodas - `upperCase` 转大写 - `base64Encode` base64 转码 - `base64Decode` base64 解码 +- `filter` 过滤数组,操作对象为数组,当目标对象不是数组时将无效。使用语法 ${xxx | filter: 参与过滤的字段集合:指令:取值变量名}。比如: `${xxx|filter:readonly:isTrue}` 将xxx 数组中 readonly 为 true 的成员提取出来。再来个栗子:`${xxx|filter:a,b:match:keywords}` 将 xxx 数组中成员变量 a 或者 b 的值与环境中 keywords 的值相匹配的提取出来。如果不需要取变量,也可以写固定值如:`${xxx|filter:a,b:match:'123'}` 组合使用。 diff --git a/docs/renderers/Types.md b/docs/renderers/Types.md index d7325ed45..0f0f57f65 100644 --- a/docs/renderers/Types.md +++ b/docs/renderers/Types.md @@ -61,6 +61,7 @@ Api 类型可以是字符串或者对象。API 中可以直接设置数据发送 - `method` 可以是:`get`、`post`、`put`或者`delete` - `data` 数据体, 数据对象。 - `dataType` 数据体格式,默认为 `json` 可以配置成 `form` 或者 `form-data`。当 data 中包含文件时,自动会采用 `form-data`(multipart/form-data) 格式。当配置为 `form` 时为 `application/x-www-form-urlencoded` 格式。 + - `qsOptions` 当 dataType 为 `form` 或者 `form-data` 的时候有用。具体参数请参考这: https://github.com/ljharb/qs 默认设置为 `{arrayFormat: 'indices', encodeValuesOnly: true}` - `headers` 头部,配置方式和 data 配置一样,下面不详讲。如果要使用,请前往群组系统配置中,添加允许。 - `sendOn` 可以配置发送条件比如: `this.id` 表示当存在 id 值时才发送这个请求。 - `cache` 通过配置此属性开启缓存,单位是 ms,比如设置 3000 的话,当前接口在3s内请求,只要传参一致就会走缓存。 diff --git a/src/utils/api.ts b/src/utils/api.ts index 7857a76e8..bd1932f78 100644 --- a/src/utils/api.ts +++ b/src/utils/api.ts @@ -146,7 +146,7 @@ export function wrapFetcher( if (api.data && (hasFile(api.data) || api.dataType === 'form-data')) { api.data = object2formData(api.data, api.qsOptions); } else if (api.data && api.dataType === 'form') { - api.data = qsstringify(api.data) as any; + api.data = qsstringify(api.data, api.qsOptions) as any; api.headers = api.headers || (api.headers = {}); api.headers['Content-Type'] = 'application/x-www-form-urlencoded'; } diff --git a/src/utils/tpl-builtin.ts b/src/utils/tpl-builtin.ts index 54bbdc2f3..1ff143bfe 100644 --- a/src/utils/tpl-builtin.ts +++ b/src/utils/tpl-builtin.ts @@ -212,22 +212,31 @@ export const filters: { return input ? filterDate(input, this, inputFormat).format(outputFormat) : ''; }, asArray: input => (input ? [input] : input), - filter: function(input, keys, exp) { - let keywords: string; - if (!Array.isArray(input) || !keys || !exp || !(keywords = resolveVariable(exp, this as any))) { + filter: function(input, keys, expOrDirective, arg1) { + if (!Array.isArray(input) || !keys || !expOrDirective) { return input; } - keywords = keywords.toLowerCase(); + let directive = expOrDirective; + let fn: (value: any, key: string, item: any) => boolean = () => true; + + if (directive === 'isTrue') { + fn = value => !!value; + } else if (directive === 'isFalse') { + fn = value => !value; + } else if (directive === 'isExists') { + fn = value => typeof value !== 'undefined'; + } else { + if (directive !== 'match') { + directive = 'match'; + arg1 = expOrDirective; + } + arg1 = arg1 ? (/^('|")(.*)\1$/.test(arg1) ? RegExp.$2 : resolveVariable(arg1, this as any)) : ''; + fn = value => !!~String(value.toLowerCase()).indexOf(arg1); + } + keys = keys.split(/\s*,\s*/); - return input.filter((item: any) => - keys.some( - (key: string) => - ~String(resolveVariable(key, item)) - .toLowerCase() - .indexOf(keywords) - ) - ); + return input.filter((item: any) => keys.some((key: string) => fn(resolveVariable(key, item), key, item))); }, base64Encode(str) { return btoa(