Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 5c6c932

Browse files
Merge pull request #34 from zhangyxapp/master
fix: 删除自动获取宽度,子级撑开
2 parents 54a12e3 + 0796316 commit 5c6c932

File tree

3 files changed

+2
-31
lines changed

3 files changed

+2
-31
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-visual-modeling",
3-
"version": "1.0.31",
3+
"version": "1.0.32",
44
"description": "一个基于React的数据可视化建模的DAG图,适用于UML,数据库建模,数据仓库建设等业务",
55
"main": "dist/index.js",
66
"pack": "pack/index.js",

‎src/adaptor.js‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,6 @@ import * as _ from 'lodash';
33
import Edge from './canvas/edge';
44
import TableNode from './canvas/node';
55

6-
export const BORDER_WIDTH = 2;
7-
export const OPER_ICON_WIDTH = 86;
8-
9-
export const getWidth = (columns) => {
10-
let width = columns.reduce((cur, pre) => {
11-
cur = cur + pre.width;
12-
return cur;
13-
}, 0);
14-
return width;
15-
}
16-
176
export const transformInitData = (info) => {
187
let {
198
columns, data, config,

‎src/canvas/node.js‎

Lines changed: 1 addition & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,6 @@ import emptyDom from './empty';
77
import Endpoint from './endpoint';
88
import RightMenuGen from './right-menu';
99

10-
import {getWidth, BORDER_WIDTH, OPER_ICON_WIDTH} from '../adaptor'
11-
1210
export default class TableNode extends Node {
1311
constructor(opts) {
1412
super(opts);
@@ -48,15 +46,9 @@ export default class TableNode extends Node {
4846
this._createNodeEndpoint();
4947
// 保持title宽度
5048
if (this.fieldsList.length > 0) {
51-
let columns = _.get(this.options, '_columns', []);
52-
// 获取所有columns的宽度总和 加border
53-
let width = getWidth(columns);
54-
// let width = $(this.fieldsList[0].dom).width();
49+
let width = $(this.fieldsList[0].dom).width();
5550
$(this.dom).find('.title').css('width', width);
5651
} else {
57-
let columns = _.get(this.options, '_columns', []);
58-
// 获取所有columns的宽度总和 加border
59-
let width = getWidth(columns);
6052
$(this.dom).find('.title').css('width', this.options._emptyWidth || width);
6153
}
6254

@@ -109,10 +101,6 @@ export default class TableNode extends Node {
109101
}
110102

111103
_collapse(oldEdges) {
112-
let columns = _.get(this.options, '_columns', []);
113-
// 获取所有columns的宽度总和 加border
114-
let width = getWidth(columns) + BORDER_WIDTH;
115-
116104
if (this.status === 'collapse') {
117105
console.warn(`节点${this.id}已经是收缩状态`)
118106
return;
@@ -121,7 +109,6 @@ export default class TableNode extends Node {
121109
this._createTitleEndpoint();
122110
// 隐藏字段
123111
this.fieldsList.forEach((item) => {
124-
$(item.dom).parent().css('width', width);
125112
$(item.dom).css('display', 'none');
126113
});
127114
// 记录状态
@@ -160,23 +147,18 @@ export default class TableNode extends Node {
160147
let title = _.get(this, 'options.title');
161148
let titleRender = _.get(this, 'options._config.titleRender');
162149
let titleDom = $(`<div class="title"></div>`);
163-
let columns = _.get(this.options, '_columns', []);
164-
// 获取所有columns的宽度 - 操作按钮预留宽度
165-
let width = getWidth(columns) - OPER_ICON_WIDTH;
166150
$(container).append(titleDom);
167151
if (title) {
168152
if (titleRender) {
169153
let titleTextDom = $(`<div class="title-text"></div>`);
170154
$(titleDom).append(titleTextDom);
171-
titleTextDom.css('width', width)
172155
ReactDOM.render(
173156
titleRender(title),
174157
titleTextDom[0]
175158
);
176159
} else {
177160
let titleTextDom = $(`<div class="title-text">${title}</div>`);
178161
$(titleDom).append(titleTextDom);
179-
titleTextDom.css('width', width)
180162
}
181163
}
182164
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /