{"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,"search_vec":"'0.1.0':28 '1.7.8':72 '2':6,66,76 '3':83 'ant':11,69 'ant-design-vu':68 'applic':42 'beta':87 'beta.0':29 'bpm':2,41 'bpm-compon':1 'bpmkdfooteroper':24 'bpmupload':22 'break':73 'built':30 'bundl':47 'busi':38 'cadenc':86 'codemirror':57 'compat':80 'compon':3,8 'current':25 'custom':18 'design':12,35,70 'differenti':44 'exclus':78 'framework':50 'heavi':62 'integr':10 'intern':37 'javascript':91 'jsplumb':54 'kd':59 'kd-parser':58 'key':43 'librari':9,53 'low':84 'manag':40 'multipl':48 'parser':60 'pre':46,89 'pre-bundl':45 'pre-releas':88 'process':39 'releas':85,90 'relianc':63 'requir':74 'rollup':34 'ui':7,16,49 'umi':15 'umy-ui':14 'util':52 'version':26 'vue':5,13,56,65,71,75,82 'vue-codemirror':55 'webpack':32 'widget':19 'x':77","created_at":"2026-04-27T16:57:35.635840+00:00","updated_at":"2026-04-27T16:57:35.635840+00:00","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,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/Protagonistss/ui-components-template","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/bpm-component","openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework","crm-productivity"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-17","next_check":"2026-07-26","install_tag":null}}