{"id":21008,"library":"bpm-component","title":"bpm-component","description":"A Vue 2 UI components library integrating Ant Design Vue, umy-ui, and custom widgets such as BpmUpload and BpmKdFooterOperator. Current version is 0.1.0-beta.0, built with webpack and rollup. Designed for internal business process management (BPM) applications. Key differentiator: pre-bundles multiple UI frameworks and utility libraries (jsplumb, vue-codemirror, kd-parser) with heavy reliance on vue@2 and ant-design-vue@1.7.8. Breaking: requires Vue 2.x exclusively; not compatible with Vue 3. Low release cadence (beta pre-release).","status":"active","version":"0.1.0-beta.0","language":"javascript","source_language":"en","source_url":"https://github.com/Protagonistss/ui-components-template","tags":["javascript"],"install":[{"cmd":"npm install bpm-component","lang":"bash","label":"npm"},{"cmd":"yarn add bpm-component","lang":"bash","label":"yarn"},{"cmd":"pnpm add bpm-component","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency - core framework version 2.6.12 required","package":"vue","optional":false},{"reason":"peer dependency - UI library version ^1.7.8","package":"ant-design-vue","optional":false},{"reason":"peer dependency - HTTP client for API calls","package":"axios","optional":true},{"reason":"peer dependency - flowchart connectivity version 2.15.6","package":"jsplumb","optional":true}],"imports":[{"note":"Named export for each component.","wrong":"import BpmUpload from 'bpm-component'","symbol":"BpmUpload","correct":"import { BpmUpload } from 'bpm-component'"},{"note":"Named export from package root.","wrong":"import BpmKdFooterOperator from 'bpm-component'","symbol":"BpmKdFooterOperator","correct":"import { BpmKdFooterOperator } from 'bpm-component'"},{"note":"Default export is the entire library object, not a component.","wrong":"import { default } from 'bpm-component'","symbol":"default","correct":"import BpmComponent from 'bpm-component'"}],"quickstart":{"code":"import Vue from 'vue';\nimport { BpmUpload } from 'bpm-component';\nimport 'bpm-component/dist/bpm-component.css';\n\nexport default {\n  name: 'App',\n  components: { BpmUpload },\n  template: `<BpmUpload :action=\"uploadUrl\" />`,\n  data() {\n    return {\n      uploadUrl: process.env.VUE_APP_UPLOAD_URL ?? 'https://api.example.com/upload'\n    };\n  }\n};","lang":"javascript","description":"Shows how to import and use a single component (BpmUpload) from the library in a Vue 2 project, including the required CSS import."},"warnings":[{"fix":"Use Vue 2 and ensure vue@^2.6.12 is installed.","message":"Requires Vue 2.6.12+; not compatible with Vue 3.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Pin exact version and test thoroughly.","message":"This package is a pre-release (beta 0.1.0). APIs may change without notice.","severity":"deprecated","affected_versions":"0.1.0-beta.0"},{"fix":"Install ant-design-vue@1.7.8.","message":"Peer dependency ant-design-vue@^1.7.8 must be installed; version 2.x incompatible.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Install jsplumb@2.15.6 (note: npm package name is 'jsplumb', not 'jsPlumb').","message":"Peer dependency jsplumb@^2.15.6 required for flowchart components.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"npm install ant-design-vue@^1.7.8","cause":"Missing peer dependency ant-design-vue.","error":"Module not found: Error: Can't resolve 'ant-design-vue' in '...'"},{"fix":"npm install vue@^2.6.12","cause":"Vue 2 not installed.","error":"Cannot find module 'vue'"},{"fix":"import { BpmUpload } from 'bpm-component' and add to components option.","cause":"Component not imported and registered locally or globally.","error":"Unknown custom element: <BpmUpload> - did you register the component correctly?"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}