test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 03:58:07 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #3 from baidu/master

Browse Source 
merge upstream
This commit is contained in:
charescape 2020-09-25 09:01:27 +08:00 committed by GitHub
commit 18c0a56508
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/renderers/Json.tsx
View File

@ -1,10 +1,10 @@
import React from 'react';
import {Renderer, RendererProps} from '../factory';
import { Renderer, RendererProps } from '../factory';
import JSONTree from 'react-json-tree';
import {autobind} from '../utils/helper';
import {BaseSchema} from '../Schema';
import { autobind } from '../utils/helper';
import { BaseSchema } from '../Schema';
import { resolveVariableAndFilter, isPureVariable } from '../utils/tpl-builtin';
/**
* JSON 数据展示控件。
* 文档：https://baidu.gitee.io/amis/docs/components/json
@ -19,6 +19,16 @@ export interface JsonSchema extends BaseSchema {
* 默认展开的级别
*/
levelExpand?: number;
/**
* 是否隐藏根节点
*/
hideRoot?: boolean;
/**
* 支持从数据链取值
*/
source?: string;
}
export interface JSONProps extends RendererProps, JsonSchema {
@ -26,6 +36,8 @@ export interface JSONProps extends RendererProps, JsonSchema {
className?: string;
placeholder?: string;
jsonTheme: string;
hideRoot?: boolean;
source?: string;
}
const twilight = {
@ -109,7 +121,9 @@ export class JSONField extends React.Component<JSONProps, object> {
static defaultProps: Partial<JSONProps> = {
placeholder: '-',
levelExpand: 1,
jsonTheme: 'twilight'
jsonTheme: 'twilight',
hideRoot: false,
source: ''
};
@autobind
@ -130,16 +144,17 @@ export class JSONField extends React.Component<JSONProps, object> {
}
shouldExpandNode = (keyName: any, data: any, level: any) => {
const {levelExpand} = this.props;
const { levelExpand } = this.props;
return level < levelExpand;
};
render() {
const {className, value, jsonTheme, classnames: cx} = this.props;
const { className, value, jsonTheme, classnames: cx, hideRoot, source } = this.props;
let data = value;
if (typeof value === 'string') {
if (source !== undefined && isPureVariable(source)) {
data = resolveVariableAndFilter(source, this.props.data, '| raw')
} else if (typeof value === 'string') {
try {
data = JSON.parse(value);
} catch (e) {
@ -158,6 +173,7 @@ export class JSONField extends React.Component<JSONProps, object> {
theme={theme}
shouldExpandNode={this.shouldExpandNode}
valueRenderer={this.valueRenderer}
hideRoot={hideRoot}
/>
</div>
);
@ -168,4 +184,4 @@ export class JSONField extends React.Component<JSONProps, object> {
test: /(^|\/)json$/,
name: 'json'
})
export class JSONFieldRenderer extends JSONField {}
export class JSONFieldRenderer extends JSONField { }