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.
- package/dist/index.css +350 -350
- package/dist/index.js +19322 -40604
- package/dist/index.umd.cjs +2430 -0
- package/dist/types/components/BpmnModeler/index.d.ts.map +1 -1
- package/dist/types/hooks/useAutoLayout.d.ts +6 -0
- package/dist/types/hooks/useAutoLayout.d.ts.map +1 -0
- package/dist/types/hooks/useBpmn.d.ts.map +1 -1
- package/dist/types/hooks/useColorPickerListener.d.ts +7 -0
- package/dist/types/hooks/useColorPickerListener.d.ts.map +1 -0
- package/dist/types/hooks/useDualContainer.d.ts +18 -0
- package/dist/types/hooks/useDualContainer.d.ts.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/utils/fitToView.d.ts +9 -0
- package/dist/types/utils/fitToView.d.ts.map +1 -0
- package/package.json +53 -53
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/BpmnModeler/index.tsx"],"names":[],"mappings":"
|
|
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 @@
|
|
|
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;
|
|
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"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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;
|
|
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 @@
|
|
|
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.
|
|
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
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"bpmn-
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
"react": "^19.2.
|
|
42
|
-
"react-dom": "^19.2.
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
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
|
+
}
|