Skip to content

K
kityminder-core
Commit 1fbea29d authored by campaign's avatar campaign
Browse files
Options

Merge remote-tracking branch 'origin/dev' into dev

parents dd8bb74c c1aa09cd
Hide whitespace changes
Inline Side-by-side
Showing with 5400 additions and 4948 deletions
Gruntfile.js
View file @ 1fbea29d
......@@ -27,7 +27,7 @@ module.exports = function (grunt) {
var getPath = function (readFile) {
var sources = require("fs").readFileSync(readFile);
sources = /Array\(([^)]+)\)/.exec(sources);
sources = /paths\s=\s\[([\s\S]*?)\]/ig.exec(sources);
sources = sources[1].replace(/\/\/.*\n/g, '\n').replace(/'|"|\n|\t|\s/g, '');
sources = sources.split(",");
sources.forEach(function (filepath, index) {
......@@ -65,7 +65,6 @@ module.exports = function (grunt) {
files: (function () {
var files = {};
files[distPath + 'kityminder.all.min.js'] = distPath + 'kityminder.all.js';
console.log(files);
return files;
})()
}
......@@ -101,7 +100,7 @@ module.exports = function (grunt) {
overwrite: true,
replacements: [{
from: /kity\/dist\/kity\.js/ig,
to: 'lib/kitygraph.all.min.js'
to: 'lib/kity.min.js'
}, {
from: /import\.js/,
to: 'kityminder.all.min.js'
......@@ -154,13 +153,15 @@ module.exports = function (grunt) {
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-text-replace');
// Build task(s).
grunt.registerTask('default', ['concat', 'uglify', 'copy', 'replace']);
/* [liverload plugin & task ] ------------------------------------*/
grunt.loadNpmTasks('grunt-regarde');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-livereload');
// Build task(s).
grunt.registerTask('default', ['concat', 'uglify', 'copy', 'replace']);
grunt.registerTask('live', ['livereload-start', 'connect', 'regarde']);
};
\ No newline at end of file
dist/README.md
View file @ 1fbea29d
......@@ -2,17 +2,19 @@ Kity Minder
==========
## 简介
KityMinder 是百度 FEX 团队的 f-cube 小组（原UEditor小组）的又一力作。作为一款在线的脑图编辑工具，它有着很多Native编辑工具的交互体验。KM与UE有着一样的宗旨，就是注重最终用户的使用体验。同时，它充分发挥了Web云存储的优势，可以直接将编辑中的脑图同步到云端。此外，借由独创的 “云盘分享”功能，用户可以一键将当前编辑的脑图直接生成在线链接共享给其他用户，实现无缝沟通。
KityMinder 是百度 FEX 团队的 f-cube 小组（原 UEditor 小组）的又一力作。作为一款在线的脑图编辑工具，它有着不亚于 native 脑图工具的交互体验。同时，它充分发挥了 Web 云存储的优势，可以直接将编辑中的脑图同步到云端。此外，借由独创的 “云盘分享”功能，用户可以一键将当前编辑的脑图直接生成在线链接共享给其他用户，实现无缝沟通。
![KityMinder](summary.jpg "KityMinder 界面")
KM是基于SVG技术实现，使用JavaScript+html实现。支持绝大多数的主流浏览器。
支持列表如下
KityMinder 基于 SVG 技术实现，支持绝大多数的主流浏览器，包括：
1. Chrome
2. Firefox
3. Safari
4. IE9+
4. IE9+<sup>*</sup>
*: IE9 不支持部分导出功能。
## 线上版本
......@@ -34,9 +36,9 @@ KM是基于SVG技术实现，使用JavaScript+html实现。支持绝大多数的
## 依赖说明
KityMinder 依赖 Kity 库。刚下载的压缩包或者刚从 github 拉下来的代码会有一个空的 kity 目录。要运行调试，必须加载 Kity 的依赖：
KityMinder 依赖 Kity 库。刚下载的压缩包或者刚从 github 拉下来的代码会有一个空的 Kity 目录。要运行调试，必须加载 Kity 的依赖：
1. 如果你下载的是 KityMinder 的压缩包，那么需要手动下载 [Kity](http://kitygraph.github.io/kityminder/kity/dist/kitygraph.all.js) 库到 kity/dist/kitygraph.all.js
1. 如果你下载的是 KityMinder 的压缩包，那么需要手动下载 [Kity](http://fex.baidu.com/kityminder/kity/dist/kity.js) 库到 kity/dist/kity.js
2. 如果你是从 github 上拉源代码下来的，那么可以更新一下子模块：
......@@ -47,5 +49,6 @@ git submodule update
```
## 联系我们
邮件: kity@baidu.com
邮件组: kity@baidu.com
讨论群: 374918234
dist/dialogs/image/image.js
View file @ 1fbea29d
( function ( utils ) {
(function(utils) {
var content = '<div class="image-content" style="padding:20px;width:360px;">';
content += '<style>';
content += '.kmui-dialog-<%= container %> input{';
......@@ -36,39 +36,39 @@
KM.registerWidget( 'image', {
KM.registerWidget('image', {
tpl: content,
initContent: function ( km ) {
var lang = km.getLang( 'dialogs.image' ),
initContent: function(km) {
var lang = km.getLang('dialogs.image'),
html;
if ( lang ) {
html = $.parseTmpl( this.tpl, utils.extend( {
if (lang) {
html = $.parseTmpl(this.tpl, utils.extend({
'container': 'image'
}, lang ) );
}, lang));
}
this.root().html( html );
this.root().html(html);
},
initEvent: function ( km, $w ) {
$w.find( '#image_insert' ).on( 'click', function () {
km.execCommand( 'image', $w.find( '#image_href' ).val() );
initEvent: function(km, $w) {
$w.find('#image_insert').on('click', function() {
km.execCommand('image', $w.find('#image_href').val());
$w.kmui().hide();
} );
$w.find( '#image_href' ).on( 'keydown', function ( e ) {
if ( e.keyCode === 13 ) {
km.execCommand( 'image', $w.find( '#image_href' ).val() );
});
$w.find('#image_href').on('keydown', function(e) {
if (e.keyCode === 13) {
km.execCommand('image', $w.find('#image_href').val());
$w.kmui().hide();
}
} ).on('input', function() {
$w.find('#image_preview').attr('src', $w.find( '#image_href' ).val());
}).on('input', function() {
$w.find('#image_preview').attr('src', $w.find('#image_href').val());
});
var url = km.queryCommandValue( 'image' );
var $input = $w.find( '#image_href' );
$input.val( url || 'http://' );
if(url) $w.find('#image_preview').attr('src', url);
setTimeout( function () {
var url = km.queryCommandValue('image');
var $input = $w.find('#image_href');
$input.val(url || 'http://');
if (url) $w.find('#image_preview').attr('src', url);
setTimeout(function() {
$input.focus();
} );
});
},
width: 400
} );
} )( KM.Utils );
\ No newline at end of file
});
})(KM.Utils);
\ No newline at end of file
dist/dialogs/resource/resource.js
View file @ 1fbea29d
(function (utils) {
(function(utils) {
KM.registerWidget('resource', {
tpl:
'<div class="resource-container">' +
'<div class="add-resource">' +
'<input type="text" /><button class="button">添加</button>' +
'<ul class="global-resource"></ul>' +
'</div>' +
tpl: '<div class="resource-container">' +
'<div class="add-resource">' +
'<input type="text" /><button class="button">添加</button>' +
'<ul class="global-resource"></ul>' +
'</div>' +
'</div>' +
'<div class="no-selected">未选中节点</div>',
initContent: function (km, $w) {
initContent: function(km, $w) {
var lang = km.getLang('dialogs.resource'),
html = $.parseTmpl(this.tpl, lang);
this.root().html(html);
},
initEvent: function (km, $w) {
initEvent: function(km, $w) {
var $container = $w.find('.resource-container');
var $noSelected = $w.find('.no-selected');
var $current = $w.find('.current-resource').hide();
......@@ -43,7 +42,7 @@
$addInput.val(null);
}
$addInput.on('keydown', function (e) {
$addInput.on('keydown', function(e) {
if (e.keyCode == 13) addResource();
});
......@@ -51,25 +50,25 @@
switchDisplay();
$global.delegate('input[type=checkbox]', 'change', function () {
km.execCommand('resource', $global.find('input[type=checkbox]:checked').map(function (index, chk) {
$global.delegate('input[type=checkbox]', 'change', function() {
km.execCommand('resource', $global.find('input[type=checkbox]:checked').map(function(index, chk) {
return $(chk).data('resource');
}).toArray());
});
km.on('interactchange', function (e) {
km.on('interactchange', function(e) {
var resource = this.queryCommandValue("resource");
var used = this.getUsedResource();
switchDisplay();
$global.empty().append(used.map(function (name) {
$global.empty().append(used.map(function(name) {
var $li = $('<li></li>'),
$label = $('<label></label>').appendTo($li),
$chk = $('<input type="checkbox" />')
.data('resource', name)
.prop('checked', ~resource.indexOf(name))
.appendTo($label);
.data('resource', name)
.prop('checked', ~resource.indexOf(name))
.appendTo($label);
$label.append(name);
var color = km.getResourceColor(name);
return $li.css({
......
dist/index.html
View file @ 1fbea29d
......@@ -7,26 +7,26 @@
<meta name="description" content="百度脑图，便捷的脑图编辑工具。让您在线上直接创建、保存并分享你的思路。">
<script src="lib/jquery-2.1.0.min.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/ZeroClipboard.min.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/jquery-2.1.0.min.js?_=1403688582922" charset="utf-8"></script>
<script src="lib/ZeroClipboard.min.js?_=1403688582922" charset="utf-8"></script>
<script type="text/javascript">
ZeroClipboard.setDefaults( { moviePath: 'lib/ZeroClipboard.swf' } );
</script>
<script src="lib/kitygraph.all.min.js?_=1401256332199" charset="utf-8"></script>
<script src="kityminder.all.min.js?_=1401256332199" charset="utf-8"></script>
<script src="kityminder.config.js?_=1401256332199" charset="utf-8"></script>
<script src="lang/zh-cn/zh-cn.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/kity.min.js?_=1403688582922" charset="utf-8"></script>
<script src="kityminder.all.min.js?_=1403688582922" charset="utf-8"></script>
<script src="kityminder.config.js?_=1403688582922" charset="utf-8"></script>
<script src="lang/zh-cn/zh-cn.js?_=1403688582922" charset="utf-8"></script>
<script src="lib/zip.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/zip.js?_=1403688582922" charset="utf-8"></script>
<script>
zip.inflateJSPath = 'lib/inflate.js';
</script>
<script src="lib/jquery.xml2json.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/baidu-frontia-js-full-1.0.0.js?_=1401256332199" charset="utf-8"></script>
<script src="social/draftmanager.js?_=1401256332199" charset="utf-8"></script>
<script src="social/social.js?_=1401256332199" charset="utf-8"></script>
<script src="lib/jquery.xml2json.js?_=1403688582922" charset="utf-8"></script>
<script src="lib/baidu-frontia-js-full-1.0.0.js?_=1403688582922" charset="utf-8"></script>
<script src="social/draftmanager.js?_=1403688582922" charset="utf-8"></script>
<script src="social/social.js?_=1403688582922" charset="utf-8"></script>
<link href="social/social.css" rel="stylesheet">
<link href="themes/default/css/import.css" type="text/css" rel="stylesheet" />
......@@ -62,8 +62,8 @@
</body>
<script>
// create km instance
window.km = KM.getKityMinder('kityminder');
km = KM.getKityMinder('kityminder');
// New Version Notify
$(function() {
......@@ -75,6 +75,18 @@
localStorage.lastKMVersion = KM.version;
}
});
km.on('unziperror', function(ev){
alert('unziperror');
});
km.on('parseerror', function(ev){
alert('parseerror');
});
km.on('unknownprotocal', function(ev){
alert('unknownprotocal');
});
</script>
<!--Baidu Tongji Code-->
......
dist/kityminder.all.js
View file @ 1fbea29d
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/kityminder.all.min.js
View file @ 1fbea29d
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/kityminder.config.js
View file @ 1fbea29d
(function () {
(function() {
function getKMBasePath(docUrl, confUrl) {
return getBasePath(docUrl || self.document.URL || self.location.href, confUrl || getConfigFilePath());
......@@ -63,7 +63,7 @@
'KITYMINDER_HOME_URL': getKMBasePath(),
//定义工具栏
toolbars: [
'hand | zoom-in zoom zoom-out | collapsenode expandnode | undo redo | bold italic | fontfamily fontsize forecolor | saveto | switchlayout | hyperlink unhyperlink image removeimage | markers resource | node | help'
'hand | zoom-in zoom zoom-out | collapsenode expandnode | undo redo | bold italic | fontfamily fontsize forecolor | saveto | hyperlink unhyperlink image removeimage | markers resource | node | help'
]
//只读模式，默认是false
//readOnly: true
......
dist/lib/kity.js
View file @ 1fbea29d
/*!
* ====================================================
* kity - v2.0.0 - 2014-05-28
* kity - v2.0.0 - 2014-06-23
* https://github.com/fex-team/kity
* GitHub: https://github.com/fex-team/kity.git
* Copyright (c) 2014 Baidu FEX; Licensed BSD
......@@ -170,6 +170,9 @@ define("animate/animator", [ "animate/timeline", "graphic/eventhandler", "animat
}
return this;
},
timeline: function() {
return this._KityAnimateQueue[0].t;
},
stop: function() {
var queue = this._KityAnimateQueue;
if (queue) {
......@@ -462,6 +465,37 @@ define("animate/frame", [], function(require, exports) {
exports.requestFrame = requestFrame;
exports.releaseFrame = releaseFrame;
});
define("animate/motionanimator", [ "animate/animator", "animate/timeline", "animate/easing", "core/class", "graphic/shape", "graphic/geometry", "core/utils", "graphic/point", "graphic/vector", "graphic/matrix", "graphic/path", "graphic/svg" ], function(require) {
var Animator = require("animate/animator");
var g = require("graphic/geometry");
var Path = require("graphic/path");
var MotionAnimator = require("core/class").createClass("MotionAnimator", {
base: Animator,
constructor: function(path) {
var me = this;
this.callBase({
beginValue: 0,
finishValue: 1,
setter: function(target, value) {
var path = me.motionPath instanceof Path ? me.motionPath.getPathData() : me.motionPath;
var point = g.pointAtPath(path, value);
target.setTranslate(point.x, point.y);
target.setRotate(point.tan.getAngle());
}
});
this.updatePath(path);
},
updatePath: function(path) {
this.motionPath = path;
}
});
require("core/class").extendClass(Path, {
motion: function(path, duration, easing, delay, callback) {
return this.animate(new MotionAnimator(path), duration, easing, delay, callback);
}
});
return MotionAnimator;
});
define("animate/opacityanimator", [ "animate/animator", "animate/timeline", "animate/easing", "core/class", "graphic/shape", "graphic/svg", "core/utils", "graphic/eventhandler", "graphic/styled", "graphic/data", "graphic/matrix", "graphic/pen", "graphic/box" ], function(require) {
var Animator = require("animate/animator");
var OpacityAnimator = require("core/class").createClass("OpacityAnimator", {
......@@ -657,6 +691,7 @@ define("animate/timeline", [ "graphic/eventhandler", "core/utils", "graphic/shap
this.finishValue = this.finishValue.call(this.target, this.target);
}
this.time = 0;
this.setValue(this.beginValue);
this.frame = frame.requestFrame(this.nextFrame.bind(this));
break;
......@@ -1070,11 +1105,7 @@ define("core/utils", [], function() {
* @return {Number|Object|Array}
*/
paralle: function(v1, v2, op) {
var Class, field, index, value;
// 是否数字
if (false === isNaN(parseFloat(v1))) {
return op(v1, v2);
}
var Class, field, index, name, value;
// 数组
if (v1 instanceof Array) {
value = [];
......@@ -1085,24 +1116,27 @@ define("core/utils", [], function() {
}
// 对象
if (v1 instanceof Object) {
value = {};
// 如果值是一个支持原始表示的实例，获取其原始表示
Class = v1.getClass && v1.getClass();
if (Class && Class.parse) {
v1 = v1.valueOf();
v2 = v2.valueOf();
}
for (field in v1) {
if (v1.hasOwnProperty(field) && v2.hasOwnProperty(field)) {
value[field] = utils.paralle(v1[field], v2[field], op);
}
}
// 如果值是一个支持原始表示的实例，用其原始表示的结果重新封箱
if (Class && Class.parse) {
value = utils.paralle(v1, v2, op);
value = Class.parse(value);
} else {
value = {};
for (name in v1) {
if (v1.hasOwnProperty(name) && v2.hasOwnProperty(name)) {
value[name] = utils.paralle(v1[name], v2[name], op);
}
}
}
return value;
}
// 是否数字
if (false === isNaN(parseFloat(v1))) {
return op(v1, v2);
}
return value;
},
/**
......@@ -1613,31 +1647,25 @@ define("graphic/box", [ "core/class" ], function(require, exports, module) {
if (height < 0) {
y -= height = -height;
}
this.x = x;
this.y = y;
this.width = width;
this.height = height;
},
getLeft: function() {
return this.x;
},
getRight: function() {
return this.x + this.width;
},
getTop: function() {
return this.y;
},
getBottom: function() {
return this.y + this.height;
this.x = x || 0;
this.y = y || 0;
this.width = width || 0;
this.height = height || 0;
this.left = x;
this.right = this.x + this.width;
this.top = this.y;
this.bottom = this.y + this.height;
this.cx = x + this.width / 2;
this.cy = y + this.height / 2;
},
getRangeX: function() {
return [ this.x, this.x + this.width ];
return [ this.left, this.right ];
},
getRangeY: function() {
return [ this.y, this.y + this.height ];
return [ this.left, this.right ];
},
merge: function(another) {
var xMin = Math.min(this.x, another.x), xMax = Math.max(this.x + this.width, another.x + another.width), yMin = Math.min(this.y, another.y), yMax = Math.max(this.y + this.height, another.y + another.height);
var xMin = Math.min(this.x, another.x), xMax = Math.max(this.right, another.right), yMin = Math.min(this.y, another.y), yMax = Math.max(this.bottom, another.bottom);
return new Box(xMin, yMin, xMax - xMin, yMax - yMin);
},
valueOf: function() {
......@@ -3105,8 +3133,12 @@ define("graphic/geometry", [ "core/utils", "graphic/point", "core/class", "graph
*/
g.pointAtBezier = function(bezierArray, t) {
var b2t = cutBezier(bezierArray, t)[0];
var p = Point.parse(b2t.slice(6)), c = Point.parse(b2t.slice(4, 2));
p.tan = Vector.fromPoints(c, p).normalize();
var p = Point.parse(b2t.slice(6)), c = Point.parse(b2t.slice(4, 2)), v = Vector.fromPoints(c, p);
if (t === 0) {
p.tan = g.pointAtBezier(bezierArray, .01).tan;
} else {
p.tan = v.normalize();
}
return p;
};
/**
......@@ -3122,7 +3154,7 @@ define("graphic/geometry", [ "core/utils", "graphic/point", "core/class", "graph
*/
g.bezierLength = cacher(function bezierLength(bezierArray, tolerate) {
// 切割成多少段来计算
tolerate = Math.max(tolerate || .1, 1e-9);
tolerate = Math.max(tolerate || .001, 1e-9);
function len(p, q) {
var dx = p[0] - q[0], dy = p[1] - q[1];
return Math.sqrt(dx * dx + dy * dy);
......@@ -3138,7 +3170,7 @@ define("graphic/geometry", [ "core/utils", "graphic/point", "core/class", "graph
return bezierLength(cutted[0], tolerate / 2) + bezierLength(cutted[1], tolerate / 3);
});
// 计算一个 pathSegment 中每一段的在整体中所占的长度范围，以及总长度
// 改方法要求每一段都是贝塞尔曲线
// 方法要求每一段都是贝塞尔曲线
var getBezierPathSegmentRanges = cacher(function(pathSegment) {
var i, ii, segment, position, bezierLength, segmentRanges, totalLength;
segmentRanges = [];
......@@ -3424,8 +3456,8 @@ define("graphic/geometry", [ "core/utils", "graphic/point", "core/class", "graph
* 补间的结果
*/
g.pathTween = function(path1, path2, t) {
//if (t === 0) return path1;
//if (t === 1) return path2;
if (t === 0) return path1;
if (t === 1) return path2;
var aligned = alignCurve(path1, path2);
var result = [], seg, i, j;
path1 = aligned[0];
......@@ -3725,14 +3757,14 @@ define("graphic/marker", [ "graphic/point", "core/class", "graphic/resource", "g
});
var Path = require("graphic/path");
require("core/class").extendClass(Path, {
setMarkerStart: function(marker) {
this.node.setAttribute("marker-start", marker.toString());
},
setMarkerMid: function(marker) {
this.node.setAttribute("marker-mid", marker.toString());
},
setMarkerEnd: function(marker) {
this.node.setAttribute("marker-end", marker.toString());
setMarker: function(marker, pos) {
pos = pos || "end";
if (!marker) {
this.node.removeAttribute("marker-" + pos);
} else {
this.node.setAttribute("marker-" + pos, marker.toString());
}
return this;
}
});
return Marker;
......@@ -3896,6 +3928,10 @@ define("graphic/matrix", [ "core/utils", "graphic/box", "core/class", "graphic/p
var m = this.m;
return [ m.a, m.b, m.c, m.d, m.e, m.f ];
},
equals: function(matrix) {
var m1 = this.m, m2 = matrix.m;
return m1.a == m2.a && m1.b == m2.b && m1.c == m2.c && m1.d == m2.d && m1.e == m2.e && m1.f == m2.f;
},
transformPoint: function() {
return Matrix.transformPoint.apply(null, [].slice.call(arguments).concat([ this.m ]));
},
......@@ -3906,6 +3942,16 @@ define("graphic/matrix", [ "core/utils", "graphic/box", "core/class", "graphic/p
Matrix.parse = function(str) {
var match;
var f = parseFloat;
if (str instanceof Array) {
return new Matrix({
a: str[0],
b: str[1],
c: str[2],
d: str[3],
e: str[4],
f: str[5]
});
}
if (match = mPattern.exec(str)) {
var values = match[1].split(",");
if (values.length != 6) {
......@@ -3949,11 +3995,7 @@ define("graphic/matrix", [ "core/utils", "graphic/box", "core/class", "graphic/p
height: yMax - yMin
});
utils.extend(box, {
closurePoints: rps,
left: xMin,
right: xMax,
top: yMin,
bottom: yMax
closurePoints: rps
});
return box;
};
......@@ -4002,7 +4044,7 @@ define("graphic/matrix", [ "core/utils", "graphic/box", "core/class", "graphic/p
ctm = target.node.getTransformToElement(refer.shapeNode || refer.node);
}
}
return new Matrix(ctm.a, ctm.b, ctm.c, ctm.d, ctm.e, ctm.f);
return ctm ? new Matrix(ctm.a, ctm.b, ctm.c, ctm.d, ctm.e, ctm.f) : new Matrix();
};
return Matrix;
});
......@@ -4369,9 +4411,7 @@ define("graphic/path", [ "core/utils", "core/class", "graphic/shape", "graphic/s
this.node.setAttribute("stroke", svg.defaults.stroke);
},
setPathData: function(data) {
if (!data) {
return;
}
data = data || "M0,0";
this.pathdata = g.pathToString(data);
this.node.setAttribute("d", this.pathdata);
this.trigger("shapeupdate", {
......@@ -4542,6 +4582,9 @@ define("graphic/point", [ "core/class" ], function(require, exports, module) {
},
toString: function() {
return this.valueOf().join(" ");
},
spof: function() {
return new Point((this.x | 0) + .5, (this.y | 0) + .5);
}
});
Point.fromPolar = function(radius, angle, unit) {
......@@ -4705,8 +4748,8 @@ define("graphic/radialgradientbrush", [ "graphic/gradientbrush", "graphic/svg",
}
});
});
define("graphic/rect", [ "core/utils", "graphic/point", "core/class", "graphic/path", "graphic/shape", "graphic/svg", "graphic/geometry" ], function(require, exports, module) {
var RectUtils = {}, Utils = require("core/utils"), Point = require("graphic/point");
define("graphic/rect", [ "core/utils", "graphic/point", "core/class", "graphic/box", "graphic/path", "graphic/shape", "graphic/svg", "graphic/geometry" ], function(require, exports, module) {
var RectUtils = {}, Utils = require("core/utils"), Point = require("graphic/point"), Box = require("graphic/box");
Utils.extend(RectUtils, {
//根据传递进来的width、height和radius属性，
//获取最适合的radius值
......@@ -4767,6 +4810,16 @@ define("graphic/rect", [ "core/utils", "graphic/point", "core/class", "graphic/p
this.height = height;
return this.update();
},
setBox: function(box) {
this.x = box.x;
this.y = box.y;
this.width = box.width;
this.height = box.height;
return this.update();
},
getBox: function() {
return new Box(this.x, this.y, this.width, this.height);
},
getRadius: function() {
return this.radius;
},
......@@ -5058,18 +5111,25 @@ define("graphic/shape", [ "graphic/svg", "core/utils", "graphic/eventhandler", "
stroke: function(pen, width) {
if (pen && pen.stroke) {
pen.stroke(this);
} else {
} else if (pen) {
// 字符串或重写了 toString 的对象
this.node.setAttribute("stroke", pen.toString());
if (width) {
this.node.setAttribute("stroke-width", width);
}
} else if (pen === null) {
this.node.removeAttribute("stroe");
}
return this;
},
fill: function(brush) {
// 字符串或重写了 toString 的对象
this.node.setAttribute("fill", brush.toString());
if (brush) {
this.node.setAttribute("fill", brush.toString());
}
if (brush === null) {
this.node.removeAttribute("fill");
}
return this;
},
setAttr: function(a, v) {
......@@ -5685,6 +5745,11 @@ define("graphic/sweep", [ "graphic/point", "core/class", "graphic/path", "core/u
},
drawSection: function(from, to) {
var angleLength = this.angle && (this.angle % 360 ? this.angle % 360 : 360), angleStart = this.angleOffset, angleHalf = angleStart + angleLength / 2, angleEnd = angleStart + angleLength, drawer = this.getDrawer();
drawer.redraw();
if (angleLength === 0) {
drawer.done();
return;
}
drawer.moveTo(Point.fromPolar(from, angleStart));
drawer.lineTo(Point.fromPolar(to, angleStart));
if (to) {
......@@ -5697,6 +5762,7 @@ define("graphic/sweep", [ "graphic/point", "core/class", "graphic/path", "core/u
drawer.carcTo(from, 0, 1, Point.fromPolar(from, angleStart));
}
drawer.close();
drawer.done();
}
});
});
......@@ -5711,8 +5777,11 @@ define("graphic/text", [ "graphic/textcontent", "graphic/shape", "core/class", "
if (offsetHash[font]) {
return offsetHash[font];
}
var textContent = text.getContent();
text.setContent("test");
var bbox = text.getBoundaryBox(), y = text.getY() + +text.node.getAttribute("dy");
var topOffset = y - bbox.y, bottomOffset = topOffset - bbox.height;
text.setContent(textContent);
return offsetHash[font] = {
top: topOffset,
bottom: bottomOffset,
......@@ -5805,7 +5874,7 @@ define("graphic/text", [ "graphic/textcontent", "graphic/shape", "core/class", "
this.node.appendChild(textpath);
}
textpath.setAttributeNS(svg.xlink, "xlink:href", "#" + path.node.id);
this.setAnchor(this.getAnchor());
this.setTextAnchor(this.getTextAnchor());
return this;
}
});
......@@ -5860,18 +5929,14 @@ define("graphic/textcontent", [ "graphic/shape", "graphic/svg", "core/utils", "g
});
},
setFont: function(font) {
if (font.family) {
this.node.setAttribute("font-family", font.family);
}
if (font.size) {
this.node.setAttribute("font-size", font.size);
}
if (font.weight) {
this.node.setAttribute("font-weight", font.weight);
}
if (font.style) {
this.node.setAttribute("font-style", font.style);
}
var node = this.node;
[ "family", "size", "weight", "style" ].forEach(function(section) {
if (font[section] === null) {
node.removeAttribute("font-" + section);
} else if (font[section]) {
node.setAttribute("font-" + section, font[section]);
}
});
return this;
},
getExtentOfChar: function(index) {
......@@ -5979,7 +6044,13 @@ define("graphic/vector", [ "graphic/point", "core/class", "graphic/matrix", "cor
reverse: function() {
return this.multipy(-1);
},
getAngle: function() {}
getAngle: function() {
var length = this.length();
if (length === 0) return 0;
var rad = Math.acos(this.x / length);
var sign = this.y > 0 ? 1 : -1;
return sign * 180 * rad / Math.PI;
}
});
Vector.fromPoints = function(p1, p2) {
return new Vector(p2.x - p1.x, p2.y - p1.y);
......@@ -6033,7 +6104,7 @@ define("graphic/viewbox", [ "core/class" ], function(require, exports, module) {
}
});
});
define("kity", [ "core/utils", "core/class", "core/browser", "graphic/bezier", "graphic/pointcontainer", "graphic/path", "graphic/bezierpoint", "graphic/shapepoint", "graphic/vector", "graphic/circle", "graphic/ellipse", "graphic/clip", "graphic/shape", "graphic/shapecontainer", "graphic/color", "graphic/standardcolor", "graphic/container", "graphic/curve", "graphic/point", "graphic/gradientbrush", "graphic/svg", "graphic/defbrush", "graphic/group", "graphic/hyperlink", "graphic/image", "graphic/line", "graphic/lineargradientbrush", "graphic/mask", "graphic/matrix", "graphic/box", "graphic/marker", "graphic/resource", "graphic/viewbox", "graphic/palette", "graphic/paper", "graphic/eventhandler", "graphic/styled", "graphic/geometry", "graphic/patternbrush", "graphic/pen", "graphic/polygon", "graphic/poly", "graphic/polyline", "graphic/pie", "graphic/sweep", "graphic/radialgradientbrush", "graphic/rect", "graphic/regularpolygon", "graphic/ring", "graphic/data", "graphic/star", "graphic/text", "graphic/textcontent", "graphic/textspan", "graphic/use", "animate/animator", "animate/timeline", "animate/easing", "animate/opacityanimator", "animate/rotateanimator", "animate/scaleanimator", "animate/frame", "animate/translateanimator", "filter/filter", "filter/effectcontainer", "filter/gaussianblurfilter", "filter/effect/gaussianblureffect", "filter/projectionfilter", "filter/effect/effect", "filter/effect/colormatrixeffect", "filter/effect/compositeeffect", "filter/effect/offseteffect", "filter/effect/convolvematrixeffect" ], function(require, exports, module) {
define("kity", [ "core/utils", "core/class", "core/browser", "graphic/box", "graphic/bezier", "graphic/pointcontainer", "graphic/path", "graphic/bezierpoint", "graphic/shapepoint", "graphic/vector", "graphic/circle", "graphic/ellipse", "graphic/clip", "graphic/shape", "graphic/shapecontainer", "graphic/color", "graphic/standardcolor", "graphic/container", "graphic/curve", "graphic/point", "graphic/gradientbrush", "graphic/svg", "graphic/defbrush", "graphic/group", "graphic/hyperlink", "graphic/image", "graphic/line", "graphic/lineargradientbrush", "graphic/mask", "graphic/matrix", "graphic/marker", "graphic/resource", "graphic/viewbox", "graphic/palette", "graphic/paper", "graphic/eventhandler", "graphic/styled", "graphic/geometry", "graphic/patternbrush", "graphic/pen", "graphic/polygon", "graphic/poly", "graphic/polyline", "graphic/pie", "graphic/sweep", "graphic/radialgradientbrush", "graphic/rect", "graphic/regularpolygon", "graphic/ring", "graphic/data", "graphic/star", "graphic/text", "graphic/textcontent", "graphic/textspan", "graphic/use", "animate/animator", "animate/timeline", "animate/easing", "animate/opacityanimator", "animate/rotateanimator", "animate/scaleanimator", "animate/frame", "animate/translateanimator", "animate/pathanimator", "animate/motionanimator", "filter/filter", "filter/effectcontainer", "filter/gaussianblurfilter", "filter/effect/gaussianblureffect", "filter/projectionfilter", "filter/effect/effect", "filter/effect/colormatrixeffect", "filter/effect/compositeeffect", "filter/effect/offseteffect", "filter/effect/convolvematrixeffect" ], function(require, exports, module) {
var kity = {}, utils = require("core/utils");
kity.version = "2.0.0";
utils.extend(kity, {
......@@ -6043,6 +6114,7 @@ define("kity", [ "core/utils", "core/class", "core/browser", "graphic/bezier", "
Utils: utils,
Browser: require("core/browser"),
// shape
Box: require("graphic/box"),
Bezier: require("graphic/bezier"),
BezierPoint: require("graphic/bezierpoint"),
Circle: require("graphic/circle"),
......@@ -6091,6 +6163,8 @@ define("kity", [ "core/utils", "core/class", "core/browser", "graphic/bezier", "
ScaleAnimator: require("animate/scaleanimator"),
Timeline: require("animate/timeline"),
TranslateAnimator: require("animate/translateanimator"),
PathAnimator: require("animate/pathanimator"),
MotionAnimator: require("animate/motionanimator"),
// filter
Filter: require("filter/filter"),
GaussianblurFilter: require("filter/gaussianblurfilter"),
......@@ -6106,19 +6180,18 @@ define("kity", [ "core/utils", "core/class", "core/browser", "graphic/bezier", "
return window.kity = kity;
});
/*global use:true*/
/* global use, inc: true */
/**
* 模块暴露
*/
(function(global) {
(function() {
define('export', function(require) {
return require('kity');
});
// build 环境中才含有use
if (use) use('export');
try {
inc.use('kity');
} catch (e) {
use('kity');
}
})(this);})();
})();})();
dist/lib/kity.min.js
View file @ 1fbea29d
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/lib/zip.js
View file @ 1fbea29d
......@@ -716,11 +716,17 @@
function seekEOCDR(offset, entriesCallback) {
reader.readUint8Array(reader.size - offset, offset, function(bytes) {
var dataView = getDataHelper(bytes.length, bytes).view;
if (dataView.getUint32(0) != 0x504b0506) {
seekEOCDR(offset + 1, entriesCallback);
} else {
entriesCallback(dataView);
try{
if (dataView.getUint32(0) != 0x504b0506) {
seekEOCDR(offset + 1, entriesCallback);
} else {
entriesCallback(dataView);
}
}catch(e){
console.log(e);
onerror(ERR_READ);
}
}, function() {
onerror(ERR_READ);
});
......
package.json
View file @ 1fbea29d
......@@ -2,7 +2,7 @@
"name": "kityminder",
"title": "kityminder",
"description": "Kity Minder",
"version": "1.1.3.1",
"version": "1.1.3",
"homepage": "https://github.com/fex-team/kityminder",
"author": {
"name": "f-cube @ FEX",
......
src/core/layout.js
View file @ 1fbea29d
......@@ -42,6 +42,10 @@ kity.extendClass(MinderNode, {
return this.getLayoutInstance().getOrderHint(this);
},
getExpandPosition: function() {
return this.getLayoutInstance().getExpandPosition();
},
getLayoutInstance: function() {
var LayoutClass = KityMinder._layout[this.getLayout()];
var layout = new LayoutClass();
......@@ -128,30 +132,19 @@ kity.extendClass(MinderNode, {
}
}
this.getMinder().layout(this, duration);
this.getMinder().layout(duration);
return this;
},
getLayoutContextPoints: function() {
return this.getLayoutInstance().getLayoutContextPoints(this);
}
});
kity.extendClass(Minder, {
layout: function(root, duration) {
if (+root === root) {
duration = root;
root = null;
}
root = root || this.getRoot();
layout: function(duration) {
// traverse without root
root.traverse(function(node) {
this.getRoot().traverse(function(node) {
node.setLayoutTransform(null);
}, true);
});
function layoutNode(node) {
......@@ -167,17 +160,24 @@ kity.extendClass(Minder, {
layout.doLayout(node);
}
layoutNode(root);
layoutNode(this.getRoot());
this.applyLayoutResult(root, duration);
this.applyLayoutResult(this.getRoot(), duration);
return this.fire('layout');
},
refresh: function(duration) {
this.getRoot().preTraverse(function(node) { node.render(); });
return this.layout(duration);
},
applyLayoutResult: function(root, duration) {
root = root || this.getRoot();
var me = this;
if (root.getComplex() > 100) duration = 0;
function apply(node, pMatrix) {
var matrix = node.getLayoutTransform().merge(pMatrix);
var lastMatrix = node._lastLayoutTransform || new kity.Matrix();
......
src/core/node.js
View file @ 1fbea29d
......@@ -37,6 +37,13 @@ var MinderNode = KityMinder.MinderNode = kity.createClass('MinderNode', {
return this.root === this;
},
/**
* 判断节点是否叶子
*/
isLeaf: function() {
return this.children.length === 0;
},
/**
* 获取节点的根节点
*/
......@@ -65,11 +72,14 @@ var MinderNode = KityMinder.MinderNode = kity.createClass('MinderNode', {
},
/**
* 获得节点的复杂度
* @return {[type]} [description]
* 获得节点的复杂度（即子树中节点的数量）
*/
getComplex: function() {
var complex = 0;
this.traverse(function() {
complex++;
});
return complex;
},
/**
......
src/layout/bottom.js
View file @ 1fbea29d
......@@ -33,6 +33,7 @@ KityMinder.registerLayout('bottom', kity.createClass({
return box;
});
var nodeContentBox = node.getContentBox();
node.setLayoutVector(new kity.Vector(nodeContentBox.cx - 5, nodeContentBox.bottom));
var i, x, y, child, childTreeBox, childContentBox;
var transform = new kity.Matrix();
x = -totalTreeWidth / 2;
......@@ -50,7 +51,6 @@ KityMinder.registerLayout('bottom', kity.createClass({
y = nodeContentBox.height + node.getStyle('margin-bottom') + children[i].getStyle('margin-top');
children[i].setLayoutTransform(new kity.Matrix().translate(x, y));
x += childTreeBox.width / 2 + children[i].getStyle('margin-right');
child.setLayoutVector(new kity.Vector(childContentBox.cx - 5, childContentBox.bottom));
}
}
}
......@@ -64,6 +64,5 @@ KityMinder.registerConnectProvider('bottom', function(node, parent, connection)
pathData.push('L', new kity.Point(pBox.cx, pBox.bottom + parent.getStyle('margin-bottom')));
pathData.push('L', new kity.Point(box.cx, pBox.bottom + parent.getStyle('margin-bottom')));
pathData.push('L', new kity.Point(box.cx, box.top));
console.log(pathData);
connection.setPathData(pathData);
});
\ No newline at end of file
src/layout/default.connect.js
View file @ 1fbea29d
......@@ -14,7 +14,7 @@ KityMinder.registerConnectProvider('default', function(node, parent, connection,
var start, end, vector;
var abs = Math.abs;
var pathData = [];
var side = node.getLayoutVector().x > 0 ? 'right' : 'left';
var side = box.x > pBox.x ? 'right' : 'left';
node.getMinder().getPaper().addResource(connectMarker);
......
src/layout/default.js
View file @ 1fbea29d
......@@ -66,6 +66,12 @@ KityMinder.registerLayout('default', kity.createClass({
y = -totalTreeHeight / 2;
if (side != 'left') {
parent.setLayoutVector(new kity.Vector(nodeContentBox.right, nodeContentBox.cy));
} else {
parent.setLayoutVector(new kity.Vector(nodeContentBox.left, nodeContentBox.cy));
}
for (i = 0; i < children.length; i++) {
child = children[i];
childTreeBox = childTreeBoxes[i];
......@@ -77,15 +83,9 @@ KityMinder.registerLayout('default', kity.createClass({
if (side == 'right') {
x = nodeContentBox.right - childContentBox.left;
x += parent.getStyle('margin-right') + child.getStyle('margin-left');
// 设置布局矢量
child.setLayoutVector(new kity.Vector(childContentBox.right, childContentBox.cy));
} else {
x = nodeContentBox.left - childContentBox.right;
x -= parent.getStyle('margin-left') + child.getStyle('margin-right');
// 设置布局矢量
child.setLayoutVector(new kity.Vector(childContentBox.left, childContentBox.cy));
}
// 竖直方向上的布局
......
src/layout/filetree.js
View file @ 1fbea29d
......@@ -28,6 +28,7 @@ KityMinder.registerLayout('filetree', kity.createClass({
return box;
});
var nodeContentBox = node.getContentBox();
node.setLayoutVector(new kity.Vector(nodeContentBox.left + 6, nodeContentBox.bottom));
var i, x, y, child, childTreeBox, childContentBox;
var transform = new kity.Matrix();
y = nodeContentBox.bottom + node.getStyle('margin-bottom');
......@@ -41,7 +42,6 @@ KityMinder.registerLayout('filetree', kity.createClass({
y += child.getStyle('margin-top');
child.setLayoutTransform(new kity.Matrix().translate(x, y));
y += childTreeBox.height + children[i].getStyle('margin-bottom');
child.setLayoutVector(new kity.Vector(childContentBox.left + 10, childContentBox.bottom));
}
}
},
......
src/module/expand.js
View file @ 1fbea29d
......@@ -75,7 +75,7 @@ KityMinder.registerModule('Expand', function() {
node.traverse(function(node) {
node.render();
});
node.getMinder().layout(null, 200);
node.getMinder().layout(200);
}
// 将展开的操作和状态读取接口拓展到 MinderNode 上
......
src/module/outline.js
View file @ 1fbea29d
/* global Renderer: true */
var wireframe = /wire/.test(window.location.href);
var OutlineRenderer = kity.createClass('OutlineRenderer', {
base: Renderer,
create: function(node) {
var group = new kity.Group();
var outline = this.outline = new kity.Rect()
var outline = new kity.Rect()
.setId(KityMinder.uuid('node_outline'));
var shadow = this.shadow = new kity.Rect()
.setId(KityMinder.uuid('node_shadow'));
group.addShapes([shadow, outline]);
if (wireframe) {
var oxy = this.oxy = new kity.Path()
.stroke('#f6f')
.setPathData('M0,-50L0,50M-50,0L50,0');
var box = this.wireframe = new kity.Rect()
.stroke('lightgreen');
group.addShapes([oxy, box]);
}
this.bringToBack = true;
return group;
return outline;
},
update: function(created, node) {
var contentBox = node.getContentBox();
update: function(outline, node, box) {
var paddingLeft = node.getStyle('padding-left'),
paddingRight = node.getStyle('padding-right'),
......@@ -40,51 +22,78 @@ var OutlineRenderer = kity.createClass('OutlineRenderer', {
paddingBottom = node.getStyle('padding-bottom');
var outlineBox = {
x: contentBox.x - paddingLeft,
y: contentBox.y - paddingTop,
width: contentBox.width + paddingLeft + paddingRight,
height: contentBox.height + paddingTop + paddingBottom
x: box.x - paddingLeft,
y: box.y - paddingTop,
width: box.width + paddingLeft + paddingRight,
height: box.height + paddingTop + paddingBottom
};
this.outline
.setPosition(outlineBox.x, outlineBox.y)
.setSize(outlineBox.width, outlineBox.height)
.setRadius(node.getStyle('radius'));
var prefix = node.isSelected() ? 'selected-' : '';
this.outline.fill(node.getStyle(prefix + 'background'));
this.outline.stroke(node.getStyle(prefix + 'stroke'),
node.getStyle(prefix + 'stroke-width'));
if (node.getStyle('shadow')) {
this.shadow
.setVisible(true)
.setPosition(outlineBox.x + 4, outlineBox.y + 5)
.setSize(outlineBox.width, outlineBox.height)
.fill(node.getStyle('shadow'))
.setRadius(node.getStyle('radius'));
} else {
this.shadow.setVisible(false);
}
outline
.setPosition(outlineBox.x, outlineBox.y)
.setSize(outlineBox.width, outlineBox.height)
.setRadius(node.getStyle('radius'))
.fill(node.getStyle(prefix + 'background'))
.stroke(node.getStyle(prefix + 'stroke'),
node.getStyle(prefix + 'stroke-width'));
if (wireframe) {
this.wireframe
.setPosition(outlineBox.x, outlineBox.y)
.setSize(outlineBox.width, outlineBox.height);
}
return outlineBox;
}
});
var ShadowRenderer = kity.createClass('ShadowRenderer', {
base: Renderer,
create: function(node) {
this.bringToBack = true;
return new kity.Rect();
},
shouldRender: function(node) {
return node.getStyle('shadow');
},
update: function(shadow, node, box) {
shadow.setPosition(box.x + 4, box.y + 5)
.setSize(box.width, box.height)
.fill(node.getStyle('shadow'))
.setRadius(node.getStyle('radius'));
}
});
var wireframeOption = /wire/.test(window.location.href);
var WireframeRenderer = kity.createClass('WireframeRenderer', {
base: Renderer,
create: function() {
var wireframe = new kity.Group();
var oxy = this.oxy = new kity.Path()
.stroke('#f6f')
.setPathData('M0,-50L0,50M-50,0L50,0');
var box = this.wireframe = new kity.Rect()
.stroke('lightgreen');
return wireframe.addShapes([oxy, box]);
},
shouldRender: function() {
return wireframeOption;
},
update: function(created, node, box) {
this.wireframe
.setPosition(box.x, box.y)
.setSize(box.width, box.height);
}
});
KityMinder.registerModule('OutlineModule', function() {
return {
renderers: {
outline: OutlineRenderer
outline: OutlineRenderer,
outside: [ShadowRenderer, WireframeRenderer]
}
};
});
\ No newline at end of file
src/module/select.js
View file @ 1fbea29d
......@@ -26,7 +26,7 @@ KityMinder.registerModule('Select', function() {
return this.selectEnd();
}
startPosition = g.snapToSharp(e.getPosition());
startPosition = g.snapToSharp(e.getPosition('paper'));
},
selectMove: function(e) {
if (minder.getStatus() == 'textedit') {
......@@ -35,7 +35,9 @@ KityMinder.registerModule('Select', function() {
if (!startPosition) return;
var p1 = startPosition,
p2 = e.getPosition();
p2 = e.getPosition('paper');
console.log(e.kityEvent.targetShape);
// 检测是否要进入选区模式
if (!marqueeMode) {
......
src/theme/bottom.js
View file @ 1fbea29d
......@@ -14,7 +14,7 @@ KityMinder.registerTheme('bottom', {
'main-font-size': 16,
'main-padding': [6, 20],
'main-margin': [30, 0, 10, 0],
'main-radius': 10,
'main-radius': 5,
'main-space': 5,
'sub-color': 'white',
......
src/theme/filetree.js
View file @ 1fbea29d
......@@ -13,8 +13,8 @@ KityMinder.registerTheme('filetree', {
'main-stroke': 'none',
'main-font-size': 16,
'main-padding': [6, 20],
'main-margin': [30, 0, 10, 0],
'main-radius': 10,
'main-margin': [15, 15, 15, 10],
'main-radius': 0,
'main-space': 5,
'sub-color': 'black',
......@@ -22,8 +22,8 @@ KityMinder.registerTheme('filetree', {
'sub-stroke': 'none',
'sub-font-size': 12,
'sub-padding': [5, 10],
'sub-margin': [5, 15, 10, 5],
'sub-radius': 5,
'sub-margin': [15, 15, 15, 10],
'sub-radius': 0,
'sub-space': 5,
'connect-color': 'white',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment