iop-bpmn-react 0.0.2 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/BpmnModeler/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,uDAAuD,CAAA;AAC9D,OAAO,aAAa,CAAA;AAEpB;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAkB,EAClB,OAAe,EACf,OAAe,EACf,MAAa,EACb,MAAM,GACP,EAAE,gBAAgB,+BA8NlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/BpmnModeler/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,uDAAuD,CAAA;AAC9D,OAAO,aAAa,CAAA;AA4BpB;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAkB,EAClB,OAAe,EACf,OAAe,EACf,MAAa,EACb,MAAM,GACP,EAAE,gBAAgB,+BA6GlB"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * 根据 autoLayout 选项处理 XML
3
+ * autoLayout 为 true 时,为缺少 DI 信息的 XML 生成坐标
4
+ */
5
+ export declare function resolveXml(xml: string, autoLayout: boolean): Promise<string>;
6
+ //# sourceMappingURL=useAutoLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAutoLayout.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useAutoLayout.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAE5E"}
@@ -1 +1 @@
1
- {"version":3,"file":"useBpmn.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useBpmn.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,WAAW,MAAM,qBAAqB,CAAA;AAElD,KAAK,YAAY,GAAG,UAAU,GAAG,WAAW,CAAA;AAE5C,UAAU,cAAc,CAAC,CAAC,SAAS,YAAY;IAC7C,qBAAqB;IACrB,mBAAmB,EAAE,KAAK,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAChE,eAAe;IACf,GAAG,EAAE,MAAM,CAAA;IACX,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,YAAY,EAAE,EAC9C,mBAAmB,EACnB,GAAG,EACH,UAAU,EACV,UAAkB,EAClB,MAAM,GACP,EAAE,cAAc,CAAC,CAAC,CAAC;wBAOT,cAAc,GAAG,IAAI;;;EA8C/B"}
1
+ {"version":3,"file":"useBpmn.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useBpmn.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,WAAW,MAAM,qBAAqB,CAAA;AAElD,KAAK,YAAY,GAAG,UAAU,GAAG,WAAW,CAAA;AAE5C,UAAU,cAAc,CAAC,CAAC,SAAS,YAAY;IAC7C,qBAAqB;IACrB,mBAAmB,EAAE,KAAK,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAChE,eAAe;IACf,GAAG,EAAE,MAAM,CAAA;IACX,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,YAAY,EAAE,EAC9C,mBAAmB,EACnB,GAAG,EACH,UAAU,EACV,UAAkB,EAClB,MAAM,GACP,EAAE,cAAc,CAAC,CAAC,CAAC;wBAqCT,cAAc,GAAG,IAAI;;;EAkC/B"}
@@ -0,0 +1,7 @@
1
+ import { default as Modeler } from 'bpmn-js/lib/Modeler';
2
+ /**
3
+ * 管理颜色选择器事件监听
4
+ * 监听自定义的 iop-color-picker:apply 事件,将颜色应用到选中的元素
5
+ */
6
+ export declare function useColorPickerListener(modelerRef: React.RefObject<InstanceType<typeof Modeler> | null>, active: boolean): void;
7
+ //# sourceMappingURL=useColorPickerListener.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorPickerListener.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useColorPickerListener.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAE9C;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC,EAChE,MAAM,EAAE,OAAO,QAwChB"}
@@ -0,0 +1,18 @@
1
+ interface UseDualContainerOptions<T> {
2
+ /** 当两个容器都就绪时调用,返回实例 */
3
+ onReady: (a: HTMLDivElement, b: HTMLDivElement) => T;
4
+ /** 销毁实例时调用 */
5
+ onDestroy?: (instance: T) => void;
6
+ }
7
+ /**
8
+ * 管理两个容器的 callback ref 协调
9
+ * 当两个容器都挂载后调用 onReady,卸载时调用 onDestroy
10
+ */
11
+ export declare function useDualContainer<T>({ onReady, onDestroy, }: UseDualContainerOptions<T>): {
12
+ callbackRefA: (node: HTMLDivElement | null) => void;
13
+ callbackRefB: (node: HTMLDivElement | null) => void;
14
+ instanceRef: import('react').RefObject<T | null>;
15
+ destroy: () => void;
16
+ };
17
+ export {};
18
+ //# sourceMappingURL=useDualContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDualContainer.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useDualContainer.ts"],"names":[],"mappings":"AAEA,UAAU,uBAAuB,CAAC,CAAC;IACjC,uBAAuB;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,cAAc,KAAK,CAAC,CAAA;IACpD,cAAc;IACd,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAA;CAClC;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,OAAO,EACP,SAAS,GACV,EAAE,uBAAuB,CAAC,CAAC,CAAC;yBAiBlB,cAAc,GAAG,IAAI;yBAcrB,cAAc,GAAG,IAAI;;;EAY/B"}
@@ -5,5 +5,6 @@ export { LanguageProvider, useLanguage, getTranslation, getTranslations, SUPPORT
5
5
  export type { Locale, LanguageConfig } from './i18n';
6
6
  export { default as TokenSimulationModule } from 'bpmn-js-token-simulation';
7
7
  export { layoutProcess } from 'bpmn-auto-layout';
8
+ export { fitToView } from './utils/fitToView';
8
9
  export type { BpmnViewerProps, BpmnModelerProps } from './types';
9
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AAC5G,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAGpD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,oCAAoC,CAAA;AAC3C,OAAO,iCAAiC,CAAA;AACxC,OAAO,qDAAqD,CAAA;AAG5D,OAAO,uDAAuD,CAAA;AAG9D,OAAO,kEAAkE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAA;AAC5G,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAGpD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,oCAAoC,CAAA;AAC3C,OAAO,iCAAiC,CAAA;AACxC,OAAO,qDAAqD,CAAA;AAG5D,OAAO,uDAAuD,CAAA;AAG9D,OAAO,kEAAkE,CAAA"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * 将流程图缩放并居中到视口
3
+ * @param instance bpmn-js 实例(Viewer 或 Modeler)
4
+ * @param padding 边距像素,默认 50
5
+ */
6
+ export declare function fitToView(instance: {
7
+ get: (name: string) => any;
8
+ }, padding?: number): void;
9
+ //# sourceMappingURL=fitToView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fitToView.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/fitToView.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,QAAQ,EAAE;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE,EAAE,OAAO,SAAK,QAoC/E"}
package/package.json CHANGED
@@ -1,53 +1,53 @@
1
- {
2
- "name": "iop-bpmn-react",
3
- "version": "0.0.2",
4
- "type": "module",
5
- "description": "智能运维与IT工作台前端BPMN流程插件 - React wrapper for bpmn.js",
6
- "main": "./dist/index.js",
7
- "module": "./dist/index.js",
8
- "types": "./dist/types/index.d.ts",
9
- "exports": {
10
- ".": {
11
- "import": "./dist/index.js",
12
- "types": "./dist/types/index.d.ts"
13
- },
14
- "./style.css": "./dist/index.css"
15
- },
16
- "files": [
17
- "dist"
18
- ],
19
- "dependencies": {
20
- "bpmn-auto-layout": "^1.3.0",
21
- "bpmn-js": "^18.25.1",
22
- "bpmn-js-color-picker": "^0.7.2",
23
- "bpmn-js-i18n": "^2.4.0",
24
- "bpmn-js-properties-panel": "^5.65.0",
25
- "bpmn-js-sketchy": "^0.8.0",
26
- "bpmn-js-token-simulation": "^0.40.0",
27
- "react-colorful": "^5.8.0"
28
- },
29
- "peerDependencies": {
30
- "react": ">=18",
31
- "react-dom": ">=18"
32
- },
33
- "devDependencies": {
34
- "@types/node": "^24.13.3",
35
- "@types/react": "^19.2.18",
36
- "@types/react-dom": "^19.2.4",
37
- "@vitejs/plugin-react": "^6.1.0",
38
- "bpmn-js-bpmnlint": "^0.24.0",
39
- "bpmnlint": "^11.13.0",
40
- "oxlint": "^1.79.0",
41
- "react": "^19.2.8",
42
- "react-dom": "^19.2.8",
43
- "typescript": "~6.0.2",
44
- "vite": "^8.2.2",
45
- "vite-plugin-dts": "^5.0.3"
46
- },
47
- "scripts": {
48
- "dev": "vite",
49
- "build": "tsc -b && vite build && node -e \"const fs=require('fs');const f='dist/index.css';const c=fs.readFileSync(f,'utf8').replace(/\\/\\*\\$vite\\$:\\d+\\*\\//g,'');fs.writeFileSync(f,c)\"",
50
- "lint": "oxlint",
51
- "preview": "vite preview"
52
- }
53
- }
1
+ {
2
+ "name": "iop-bpmn-react",
3
+ "version": "0.0.5",
4
+ "type": "module",
5
+ "description": "智能运维与IT工作台前端BPMN流程插件 - React wrapper for bpmn.js",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./dist/index.js",
12
+ "types": "./dist/types/index.d.ts"
13
+ },
14
+ "./style.css": "./dist/index.css"
15
+ },
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "scripts": {
20
+ "dev": "vite",
21
+ "build": "tsc -b && vite build && node -e \"const fs=require('fs');const f='dist/index.css';const c=fs.readFileSync(f,'utf8').replace(/\\/\\*\\$vite\\$:\\d+\\*\\//g,'');fs.writeFileSync(f,c)\"",
22
+ "lint": "oxlint",
23
+ "preview": "vite preview"
24
+ },
25
+ "dependencies": {
26
+ "bpmn-auto-layout": "^1.3.0",
27
+ "bpmn-js": "^18.25.1",
28
+ "bpmn-js-color-picker": "^0.7.2",
29
+ "bpmn-js-i18n": "^2.4.0",
30
+ "bpmn-js-properties-panel": "^5.65.0",
31
+ "bpmn-js-sketchy": "^0.8.0",
32
+ "bpmn-js-token-simulation": "^0.40.0",
33
+ "react-colorful": "^5.8.0"
34
+ },
35
+ "peerDependencies": {
36
+ "react": ">=18",
37
+ "react-dom": ">=18"
38
+ },
39
+ "devDependencies": {
40
+ "@types/node": "^24.13.3",
41
+ "@types/react": "^19.2.18",
42
+ "@types/react-dom": "^19.2.4",
43
+ "@vitejs/plugin-react": "^6.1.0",
44
+ "bpmn-js-bpmnlint": "^0.24.0",
45
+ "bpmnlint": "^11.13.0",
46
+ "oxlint": "^1.79.0",
47
+ "react": "^19.2.8",
48
+ "react-dom": "^19.2.8",
49
+ "typescript": "~6.0.2",
50
+ "vite": "^8.2.2",
51
+ "vite-plugin-dts": "^5.0.3"
52
+ }
53
+ }