/*
 * 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',
  });
};