{this.props.isAuthenticated ?
;
}
};
}
yapi-undefined/client/components/Breadcrumb/ 0000775 0000000 0000000 00000000000 13412045625 0021472 5 ustar 00root root 0000000 0000000 yapi-undefined/client/components/Breadcrumb/Breadcrumb.js 0000775 0000000 0000000 00000002003 13412045625 0024074 0 ustar 00root root 0000000 0000000 import './Breadcrumb.scss';
import { withRouter } from 'react-router-dom';
import { Breadcrumb } from 'antd';
import PropTypes from 'prop-types';
import React, { PureComponent as Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
@connect(state => {
return {
breadcrumb: state.user.breadcrumb
};
})
@withRouter
export default class BreadcrumbNavigation extends Component {
constructor(props) {
super(props);
}
static propTypes = {
breadcrumb: PropTypes.array
};
render() {
const getItem = this.props.breadcrumb.map((item, index) => {
if (item.href) {
return (
{this.props.envList.length > 0 && (
{this.props.envList.map(item => {
return (
{item.name}
);
})}
)}
{container.map((item, index) => {
if (React.isValidElement(item)) {
return React.cloneElement(item, {
draggable: onlyChild ? false : true,
ref: 'x' + index,
'data-ref': 'x' + index,
onDragStart: function() {
curDragIndex = index;
},
/**
* 控制 dom 是否可拖动
* @param {*} e
*/
onMouseDown(e) {
if (!onlyChild) {
return;
}
let el = e.target,
target = e.target;
if (!isDom(el)) {
return;
}
do {
if (el && isDom(el) && el.getAttribute(onlyChild)) {
target = el;
}
if (el && el.tagName == 'DIV' && el.getAttribute('data-ref')) {
break;
}
} while ((el = el.parentNode));
if (!el) {
return;
}
let ref = that.refs[el.getAttribute('data-ref')];
let dom = ReactDOM.findDOMNode(ref);
if (dom) {
dom.draggable = target.getAttribute(onlyChild) ? true : false;
}
},
onDragEnter: function() {
onChange(curDragIndex, index);
curDragIndex = index;
},
onDragEnd: function() {
curDragIndex = null;
if (typeof props.onDragEnd === 'function') {
props.onDragEnd();
}
}
});
}
return item;
})}
);
}
}
function arrMove(arr, fromIndex, toIndex) {
arr = [].concat(arr);
let item = arr.splice(fromIndex, 1)[0];
arr.splice(toIndex, 0, item);
return arr;
}
yapi-undefined/client/components/ErrMsg/ 0000775 0000000 0000000 00000000000 13412045625 0020623 5 ustar 00root root 0000000 0000000 yapi-undefined/client/components/ErrMsg/ErrMsg.js 0000775 0000000 0000000 00000004645 13412045625 0022374 0 ustar 00root root 0000000 0000000 import React, { PureComponent as Component } from 'react';
import PropTypes from 'prop-types';
import { Icon } from 'antd';
import './ErrMsg.scss';
import { withRouter } from 'react-router';
/**
* 错误信息提示
*
* @component ErrMsg
* @examplelanguage js
*
* * 错误信息提示组件
* * 错误信息提示组件
*
*
*/
/**
* 标题
* 一般用于描述错误信息名称
* @property title
* @type string
* @description 一般用于描述错误信息名称
* @returns {object}
*/
@withRouter
class ErrMsg extends Component {
constructor(props) {
super(props);
}
static propTypes = {
type: PropTypes.string,
history: PropTypes.object,
title: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
desc: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
opration: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
};
render() {
let { type, title, desc, opration } = this.props;
let icon = 'frown-o';
if (type) {
switch (type) {
case 'noFollow':
title = '你还没有关注项目呢';
desc = (
先去 this.props.history.push('/group')}>“项目广场” 逛逛吧,
那里可以添加关注。
);
break;
case 'noInterface':
title = '该项目还没有接口呢';
desc = '在左侧 “接口列表” 中添加接口';
break;
case 'noMemberInProject':
title = '该项目还没有成员呢';
break;
case 'noMemberInGroup':
title = '该分组还没有成员呢';
break;
case 'noProject':
title = '该分组还没有项目呢';
desc = 请点击右上角添加项目按钮新建项目;
break;
case 'noData':
title = '暂无数据';
desc = '先去别处逛逛吧';
break;
case 'noChange':
title = '没有改动';
desc = '该操作未改动 Api 数据';
icon = 'meh-o';
break;
default:
console.log('default');
}
}
return (
{title}
{desc}
{opration}
{this.props.iconType ?
{this.props.linkList.map(function(item, i) {
return (
);
})}
);
}
}
Footer.defaultProps = {
footList: [
{
title: 'GitHub',
iconType: 'github',
linkList: [
{
itemTitle: 'YApi 源码仓库',
itemLink: 'https://github.com/YMFE/yapi'
}
]
},
{
title: '团队',
iconType: 'team',
linkList: [
{
itemTitle: 'YMFE',
itemLink: 'https://ymfe.org'
}
]
},
{
title: '反馈',
iconType: 'aliwangwang-o',
linkList: [
{
itemTitle: 'Github Issues',
itemLink: 'https://github.com/YMFE/yapi/issues'
},
{
itemTitle: 'Github Pull Requests',
itemLink: 'https://github.com/YMFE/yapi/pulls'
}
]
},
{
title: 'Copyright © 2018 YMFE',
linkList: [
{
itemTitle: `版本: ${version} `,
itemLink: 'https://github.com/YMFE/yapi/blob/master/CHANGELOG.md'
},
{
itemTitle: '使用文档',
itemLink: 'https://yapi.ymfe.org'
}
]
}
]
};
export default Footer;
yapi-undefined/client/components/Footer/Footer.scss 0000775 0000000 0000000 00000002072 13412045625 0023021 0 ustar 00root root 0000000 0000000 @import '../../styles/common.scss';
@import '../../styles/mixin.scss';
.footer-wrapper{
height: 2.4rem;
width: 100%;
background-color: $color-bg-dark;
overflow: hidden;
position: relative;
z-index: 0;
}
.footer-container{
margin: 0 auto !important;
padding: .48rem .24rem;
max-width: 12.2rem;
.icon {
font-size: .16rem;
margin-right: .08rem;
}
.title {
color: #8898aa;
font-size: .14rem;
margin-bottom: .08rem;
}
.link {
font-size: .14rem;
font-weight: 200;
color: #8898aa;
line-height: .3rem;
transition: color .2s;
&:hover {
color: $color-bg-gray;
}
}
}
.footItem{
padding: 24px 2%;
width: 25%;
float: left;
div{
margin: 6px 0;
}
a{
font-weight: 200;
color: #b3bdc1;
&:hover{
color: white;
}
}
}
.copyRight{
padding: 24px 2%;
width: 25%;
float: left;
font-size: 13px;
text-indent: 1em;
h4{
font-size: 14px;
margin: 0 auto 13px;
font-weight: 500;
position: relative;
text-indent: 0;
}
}
yapi-undefined/client/components/GuideBtns/ 0000775 0000000 0000000 00000000000 13412045625 0021310 5 ustar 00root root 0000000 0000000 yapi-undefined/client/components/GuideBtns/GuideBtns.js 0000664 0000000 0000000 00000002137 13412045625 0023535 0 ustar 00root root 0000000 0000000 import React, { PureComponent as Component } from 'react';
import PropTypes from 'prop-types';
import { Button } from 'antd';
import { connect } from 'react-redux';
import { changeStudyTip, finishStudy } from '../../reducer/modules/user.js';
@connect(
null,
{
changeStudyTip,
finishStudy
}
)
class GuideBtns extends Component {
constructor(props) {
super(props);
}
static propTypes = {
changeStudyTip: PropTypes.func,
finishStudy: PropTypes.func,
isLast: PropTypes.bool
};
// 点击下一步
nextStep = () => {
this.props.changeStudyTip();
if (this.props.isLast) {
this.props.finishStudy();
}
};
// 点击退出指引
exitGuide = () => {
this.props.finishStudy();
};
render() {
return (
这里是你的专属收藏夹，便于你找到自己的项目
在任何页面都可以快速新建项目
使用文档 推荐!
初次使用 YApi，强烈建议你阅读{' '} 使用文档 ，我们为你提供了通俗易懂的快速入门教程，更有详细的使用说明，欢迎阅读！{' '}
-
-
-
-
-
} > {/*props.imageUrl?
: */}
0 ? 3 : 1 }}
>
{login ? (
{props.title}
{props.des}
{intro.title}
{intro.des}
-
{intro.detail.map(function(item, i) {
return (
{this.props.desc && (
);
}
}
yapi-undefined/client/components/Label/Label.scss 0000664 0000000 0000000 00000000674 13412045625 0022366 0 ustar 00root root 0000000 0000000 .component-label {
p {
padding: 3px 7px;
&:hover {
.interface-delete-icon {
display: inline-block;
}
}
.interface-delete-icon {
display: none;
}
}
.interface-delete-icon {
&:hover {
color: #2395f1;
cursor: pointer;
}
}
.label-input-wrapper {
input {
width: 30%;
}
.interface-delete-icon {
font-size: 1.4em;
margin-left: 10px;
}
}
}
yapi-undefined/client/components/Loading/ 0000775 0000000 0000000 00000000000 13412045625 0021001 5 ustar 00root root 0000000 0000000 yapi-undefined/client/components/Loading/Loading.js 0000775 0000000 0000000 00000001467 13412045625 0022727 0 ustar 00root root 0000000 0000000 import React from 'react';
import PropTypes from 'prop-types';
import './Loading.scss';
export default class Loading extends React.PureComponent {
static defaultProps = {
visible: false
};
static propTypes = {
visible: PropTypes.bool
};
constructor(props) {
super(props);
this.state = { show: props.visible };
}
componentWillReceiveProps(nextProps) {
this.setState({ show: nextProps.visible });
}
render() {
return (
{!this.state.inputShow ? (
) : (
{
this.props.onChange(this.state.inputValue);
this.toggle();
}}
type="check"
/>
)}
)}
{this.props.desc}
{htmlData.map(function(item, i) {
{
/*//类型：Object 必有字段 备注：qwqwqw*/
}
if (item.mes) {
var mes = [];
item.mes.type
? mes.push(
{' '}
/ /类型：{item.mes.type}
)
: '';
item.mes.required
? mes.push(
必有字段
)
: '';
item.mes.desc
? mes.push(
备注：{item.mes.desc}
)
: '';
}
return (
);
}
}
MockDoc.defaultProps = {
mock: {
ersrcode: '@integer',
'data|9-19': [
'123',
{
name: '@name',
name1: [
{
name3: '1'
}
]
}
],
data1: '123',
data3: {
err: 'errCode',
arr: [1, 2]
}
},
doc: [
{ type: 'strisng', key: 'ersrcode', required: true, desc: '错误编码' },
{ type: 'number', key: 'data[]', required: true, desc: '返回数据' },
{ type: 'object', key: 'data[].name', required: true, desc: '数据名' },
{ type: 'object', key: 'data[].name1[].name3', required: true, desc: '数据名1' },
{ type: 'object', key: 'data1', required: true, desc: '数据名1' },
{ type: 'object', key: 'data3.err', required: true, desc: '数据名1' },
{ type: 'object', key: 'data3', required: true, desc: '数据名1' },
{ type: 'object', key: 'data3.arr[]', required: true, desc: '数据名1' }
]
};
function produceSpace(count) {
var space = [];
for (var i = 0; i < count; i++) {
space.push();
}
return space;
}
function setStrToHtml(str) {
return ;
}
function arrToHtml(mockArr, mock) {
for (var i in mockArr) {
for (var item in mock) {
// if(mockArr[i].key){
// console.log(mockArr[i].key,mock[item].key)
// }
if (mockArr[i].key && mockArr[i].key === mock[item].key) {
mockArr[i].mes = mock[item];
}
}
}
return mockArr;
}
function mockToArr(mock, html, space, key) {
html = html || [];
space = space || 0;
key = key || [];
if (typeof mock === 'object' && space === 0) {
if (mock.constructor === Array) {
html.push({
space: space,
str: '['
});
space++;
} else {
html.push({
space: space,
str: '{'
});
space++;
}
}
for (var i in mock) {
if (!mock.hasOwnProperty(i)) {
continue;
}
var index = i;
if (/^\w+(\|\w+)?/.test(i)) {
index = i.split('|')[0];
}
if (typeof mock[i] === 'object') {
if (mock[i].constructor === Array) {
// shuzu
if (mock.constructor != Array) {
if (key.length) {
key.push('.' + index + '[]');
} else {
key.push(index + '[]');
}
} else {
key.push('[]');
}
html.push({
space: space,
str: index + ' : [',
key: key.join('')
});
} else {
// object
if (mock.constructor != Array) {
if (key.length) {
key.push('.' + index);
} else {
key.push(index);
}
html.push({
space: space,
str: index + ' : {'
});
} else {
html.push({
space: space,
str: '{'
});
}
}
space++;
mockToArr(mock[i], html, space, key);
key.pop();
space--;
} else {
if (mock.constructor === Array) {
// html.push(produceSpace(space) + mock[i]+ ",");
html.push({
space: space,
str: `${mock[i]}` + ','
});
} else {
// html.push(produceSpace(space) + index + ":" + mock[i] + ",");
if (mock.constructor != Array) {
if (key.length) {
// doc.push(key+"."+index);
html.push({
space: space,
str: index + ' : ' + `${mock[i]}` + ',',
key: key.join('') + '.' + index
});
} else {
// doc.push(key + index);
html.push({
space: space,
str: index + ' : ' + `${mock[i]}` + ',',
key: key.join('') + index
});
}
} else {
html.push({
space: space,
str: index + ' : ' + `${mock[i]}` + ',',
key: key.join('')
});
}
}
}
}
if (typeof mock === 'object') {
html[html.length - 1].str = html[html.length - 1].str.substr(
0,
html[html.length - 1].str.length - 1
);
if (mock.constructor === Array) {
space--;
// html.push(produceSpace(space)+"]");
html.push({
space: space,
str: ']'
});
} else {
space--;
// html.push(produceSpace(space)+"}");
html.push({
space: space,
str: '}'
});
}
}
if (space != 0) {
html[html.length - 1].str = html[html.length - 1].str + ',';
}
return html;
}
export default MockDoc;
yapi-undefined/client/components/MockDoc/MockDoc.scss 0000775 0000000 0000000 00000001107 13412045625 0023161 0 ustar 00root root 0000000 0000000 .MockDoc{
background-color: #F6F6F6;
// padding: 16px;
border:16px solid #F6F6F6;
overflow: auto;
width: 500px;
height: 500px;
word-break:keep-all; /* 不换行 */
white-space:nowrap;
.jsonItem{
font-size: 14px;
width: auto;
}
.jsonitemNum{
margin-right: 16px;
display: inline-block;
width: 25px;
border-right: 1px solid gray;
}
.valueLight{
color: #108ee9;
}
}
.spaces{
display: inline-block;
width: 30px;
}
.keymes{
margin-left: 20px;
} yapi-undefined/client/components/ModalPostman/ 0000775 0000000 0000000 00000000000 13412045625 0022022 5 ustar 00root root 0000000 0000000 yapi-undefined/client/components/ModalPostman/MethodsList.js 0000664 0000000 0000000 00000012603 13412045625 0024621 0 ustar 00root root 0000000 0000000 import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Row, Icon, Input, Select, Tooltip } from 'antd';
import _ from 'underscore';
const Option = Select.Option;
// 深拷贝
function deepEqual(state) {
return JSON.parse(JSON.stringify(state));
}
const METHODS_LIST = [
{ name: 'md5', type: false, params: [], desc: 'md5加密' },
{ name: 'lower', type: false, params: [], desc: '所有字母变成小写' },
{ name: 'length', type: false, params: [], desc: '数据长度' },
{ name: 'substr', type: true, component: 'doubleInput', params: [], desc: '截取部分字符串' },
{ name: 'sha', type: true, component: 'select', params: ['sha1'], desc: 'sha加密' },
{ name: 'base64', type: false, params: [], desc: 'base64加密' },
{ name: 'unbase64', type: false, params: [], desc: 'base64解密' },
{ name: 'concat', type: true, component: 'input', params: [], desc: '连接字符串' },
{ name: 'lconcat', type: true, component: 'input', params: [], desc: '左连接' },
{ name: 'upper', type: false, desc: '所有字母变成大写' },
{ name: 'number', type: false, desc: '字符串转换为数字类型' }
];
class MethodsList extends Component {
static propTypes = {
show: PropTypes.bool,
click: PropTypes.func,
clickValue: PropTypes.string,
paramsInput: PropTypes.func,
clickIndex: PropTypes.number,
params: PropTypes.array
};
constructor(props) {
super(props);
this.state = {
list: METHODS_LIST,
moreFlag: true
};
}
showMore = () => {
this.setState({
moreFlag: false
});
};
componentDidMount() {
var index = _.findIndex(METHODS_LIST, { name: this.props.clickValue });
let moreFlag = index > 3 ? false : true;
this.setState({
moreFlag
});
}
inputComponent = props => {
let clickIndex = props.clickIndex;
let paramsIndex = props.paramsIndex;
let params = props.params;
return (
this.handleParamsChange(e.target.value, clickIndex, paramsIndex, 0)}
/>
);
};
doubleInputComponent = props => {
let clickIndex = props.clickIndex;
let paramsIndex = props.paramsIndex;
let params = props.params;
return (
{{i + 1}.}
{produceSpace(item.space)}
{setStrToHtml(item.str)}
{mes}
);
})}
this.handleParamsChange(e.target.value, clickIndex, paramsIndex, 0)}
/>
this.handleParamsChange(e.target.value, clickIndex, paramsIndex, 1)}
/>
);
};
selectComponent = props => {
const subname = ['sha1', 'sha224', 'sha256', 'sha384', 'sha512'];
let clickIndex = props.clickIndex;
let paramsIndex = props.paramsIndex;
let params = props.params;
return (
);
};
// 处理参数输入
handleParamsChange(value, clickIndex, paramsIndex, index) {
let newList = deepEqual(this.state.list);
newList[paramsIndex].params[index] = value;
this.setState({
list: newList
});
this.props.paramsInput(value, clickIndex, index);
}
// 组件选择
handleComponent(item, clickIndex, index, params) {
let query = {
clickIndex: clickIndex,
paramsIndex: index,
params
};
switch (item.component) {
case 'select':
return this.selectComponent(query);
case 'input':
return this.inputComponent(query);
case 'doubleInput':
return this.doubleInputComponent(query);
default:
break;
}
}
render() {
const { list, moreFlag } = this.state;
const { click, clickValue, clickIndex, params } = this.props;
let showList = moreFlag ? list.slice(0, 4) : list;
return (
方法
{showList.map((item, index) => { return (表达式
预览
{this.handleValue(outputParams()) || (outputParams() && this.handleError())}
{this.props.msg}
{isShow && (
当前版本是：{this.state.version} 可升级到: {this.state.newVersion}
版本详情
}
banner
closable
type="info"
/>
)}