49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
/*
|
|
* This file is part of the kernelstudio package.
|
|
*
|
|
* (c) 2014-2025 zlin <admin@kernelstudio.com>
|
|
*
|
|
* For the full copyright and license information, please view the LICENSE file
|
|
* that was distributed with this source code.
|
|
*/
|
|
|
|
/*
|
|
* This file is part of the kernelstudio package.
|
|
*
|
|
* (c) 2014-2025 zlin <admin@kernelstudio.com>
|
|
*
|
|
* For the full copyright and license information, please view the LICENSE file
|
|
* that was distributed with this source code.
|
|
*/
|
|
import { register } from '@antv/x6-vue-shape';
|
|
import ModelElement from './node.vue';
|
|
|
|
export const registerNodeElement = () => {
|
|
console.info('registerNodeElement');
|
|
register({
|
|
shape: 'task',
|
|
component: ModelElement,
|
|
width: 120,
|
|
attrs: {
|
|
body: {
|
|
stroke: 'transparent',
|
|
strokeWidth: 0,
|
|
fill: 'transparent',
|
|
rx: 4,
|
|
ry: 4,
|
|
},
|
|
},
|
|
dragging: {
|
|
enabled: true,
|
|
},
|
|
// 配置端口识别规则,
|
|
portMarkup: [
|
|
{
|
|
tagName: 'div',
|
|
selector: 'port-body',
|
|
},
|
|
],
|
|
// 告诉 X6 如何识别 Vue 组件内的端口
|
|
portAttribute: 'data-port',
|
|
});
|
|
}; |