@g1cloud / bpmn-modeler-next

BPMN 3 . [qh]2015-10-16 16:51:20 [qh] i / i / i / i / i / i / i / i / i / i / i / i / i / i■■■■■■■■

• * * *： @g1cloud/bpmn-modeler-next
• 스택： TypeScript·Vue 3·Vite（库模式）·Vitest 4（浏览器模式）·캔 [qh
• 상태： beta (5.0.0-beta.*）

개요

BPMN：大黄蜂entity-modeler-next / ui-modeler-next) [qh bluework4-tool 【中文翻译】：【中文翻译 -大黄蜂。

■■■■■■■

• [qh - value 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 createBpmnEditorController + BpmnModelerView + op。
• 大黄蜂/大黄蜂 - - - - - - - - - - -describeProcess)applyBpmnOpBatch)。读，读，写，写createHeadlessBpmnModeler)大黄蜂：大黄蜂

拉大拉大

• BPMN 2.0 XML。 【翻译】：【翻译】：【翻译】：【翻译 뷰（ir·json）。* * * * * * * * * * * * * * * * * * * * * * * * *。
• 2。 LLM SDK。http://www.tingclass.com/, http://www.tingclass.com/ resolver bpmn-js modeling API / API / API / API / API / API / API
• Ai：大黄蜂，大黄蜂，大黄蜂。 신규초안은하이브리드배치(프로세스내부자동레이아웃+풀골격·메시지플로우·주석凤凰社),부분편집은기존배치를보존한다。
• 【翻译】 “”“”“”“”“”“”“”“”“”“”“”“ extensionElements（bwl [qh] [qh]소실되어도휴리스틱으로재생성가능한파생정보이며,어휘진화는additive-only다。
• [qh] [qh]baseVersion [qh]BPMN은단일저작자·소규모문서가일반적이라元素단위CAS는두지않는다-시블링의파트단위CAS와의도적으로다른선택이다。

[qh] [qh]

■■■■■■■■■■■■■■■■ BpmnModelerLike 大黄蜂：大黄蜂：大黄蜂헤드리스산출DI는캔버스와도형바운즈0오차·외부라벨±2 px로등가가고정되어있다(회귀게이트2종)。

설치

pnpm add @g1cloud/bpmn-modeler-next

同行的依赖:

{
  "vue": "^3.5.0"
}

bpmn-js·diagram-js·bpmn-moddle계열은이패키지의依赖性로함께설치된다。

（bpmn-js） （bpmn-js캔） * * * * * * * * * *）。

import '@g1cloud/bpmn-modeler-next/style.css'

[qh

<template>
  <BpmnModelerView ref="view" :xml="initialXml" @ready="onReady" />
</template>

<script setup lang="ts">
import { provide, ref } from 'vue'
import { BpmnModelerView, createBpmnEditorController, EDITOR } from '@g1cloud/bpmn-modeler-next'

const view = ref<InstanceType<typeof BpmnModelerView>>()
const controller = createBpmnEditorController()

// 뷰 컴포넌트·패널이 inject 로 소비
provide(EDITOR, controller)

// 캔버스가 마운트되면 modeler 를 컨트롤러에 붙인다(컨트롤러는 bpmn-js 생성을 소유하지 않는다)
function onReady() {
  controller.attach(view.value!.getModeler()!)
}
</script>

[qh importXml/saveXml/dirty [qh]applyAgentBatch·setEditable·agentBusy) 1 . a：뷰는 imported·····import-error 【翻译】

【翻译

import {
  describeProcess,            // moddle definitions → IrDefinition + hints + omitted (파생 뷰)
  describeProcessXml,         // XML 입력 래퍼 — 순수, 서버 실행 가능
  buildBpmnOpBatch,           // SymbolicOp[] → BpmnOpBatch (baseVersion·origin·멱등 키)
  applyBpmnOps,               // op 배치 하강 (사전 전수 검증 + 실패 시 단일 undo 되감기)
  applyBpmnOpBatch,           // CAS 포함 배치 적용 → ApplyBatchOutcome
  createHeadlessBpmnModeler,  // 에디터 없는 하강용 modeler (Node + jsdom)
  APPLY_BPMN_OPS_SCHEMA,      // applyOps 도구 input_schema (op 어휘의 JSON Schema 단일 출처)
  SYMBOLIC_OP_KINDS,          // op 종류 17
  IR_FLOW_NODE_TYPES,         // describe 가 내는 노드 타입 12 (read)
  ADDABLE_FLOW_NODE_TYPES,    // op 로 만들 수 있는 노드 타입 10 (write · read 의 부분집합)
  IR_EVENT_DEFINITIONS,       // 이벤트 정의 — 'timer' (intermediateCatchEvent 전용)
  BWL_SIDES,                  // 주석 방위 8
} from '@g1cloud/bpmn-modeler-next'

• 【翻译】 ApplyBatchOutcome 은 applied / conflict / rejected ■■■■■■■ issues * * * * * * * * * * * * * * * * *。
• 【qh】/ / / / / / / / / rejected ◆◆◆◆◆
• 匙匙。匙匙。匙匙。匙匙。匙匙。匙匙。匙匙。匙匙。匙匙。匙匙。匙匙 - BPMN n / n / n / n / n / n / n / n / n / n / n / n / n / n / n / n / n / n / n / n[qh src/index.test.ts [qh]

[qh] [qh] [qh][qh canvas 【翻译 dom: { textMeasurement: 'native' } 全无。

const modeler = createHeadlessBpmnModeler()
await modeler.importXML(xml)
const outcome = await applyBpmnOpBatch(modeler, batch, { currentVersion })

API

개발

pnpm dev          # 데모 하네스 (src/dev)
pnpm test         # Vitest — unit(jsdom) + browser(chromium) 2계층
pnpm typecheck    # vue-tsc --noEmit
pnpm build        # 라이브러리 빌드 → dist/

• 节点 >= 24.10.0
• [qh] [qh]* * * *； bpmn- 1k*.browser.test.ts（铬） 2. 1 .我想要的是：1 .我想要的是：1 .我想要的是：* * * * * * * * * * * *

[qh]

LicenseRef-LICENSE - - - - - - - - - license [qh]