Code Monkey home page Code Monkey logo

Comments (11)

miyuesc avatar miyuesc commented on May 22, 2024

Thank you for your recognition!
However, could you provide an example diagram for this issue?

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

let me explain more.
I wanna change the connector between two elements like a start event and a gateway, when I click on the connector(the sequence flow) the setting icon which u called CHANGE TYPE I want to add a new connector there beside default flow and conditional flow...and connectors changes after selecting the custom connector

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

vite

from vite-vue-bpmn-process.

miyuesc avatar miyuesc commented on May 22, 2024

So, you mean you want to add a custom type of sequence flow and add it to the 'Change Element' menu, right?
And then, when you click it, the selected sequence flow should switch to the custom one.

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

Yes yesss exactly, is it possible?

from vite-vue-bpmn-process.

miyuesc avatar miyuesc commented on May 22, 2024

Sure, its possible.

First, you need to add a JSON schema for your custom shape. Then, you should inherit the BpmnRenderer.js to write an SVG node creation method for this shape. Lastly, you need to modify the original BpmnReplaceOptions.js and BpmnReplace.js .

The JSON schema, you can reference my SQL Node.

from vite-vue-bpmn-process.

miyuesc avatar miyuesc commented on May 22, 2024

As for BpmnReplaceOptions and BpmnReplace, you can just inherit from BpmnReplace and implement a new replacement module that overwrites the original module when you use it.

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

thanks so muchhhh for your attention, time, and explanation
I go for it now and check it out to see what can I do after ur explanations
thanks a lot...I'll be in touch with you and share the result...

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

I cannot find your JSON schema template in your code and don't know how to add the new custom shape to the change element...
would you please give me a directory of your project or describe it crystal-clear to me...
I like to make it English and other languages and make pull requests for ur project to appreciate you

from vite-vue-bpmn-process.

miyuesc avatar miyuesc commented on May 22, 2024

Emmm... I think you can find the answer here bpmn-js-examples/custom-meta-model

from vite-vue-bpmn-process.

TaheriSohrab avatar TaheriSohrab commented on May 22, 2024

thanks so much I'm reading and checking it...I'll be in touch with you..
anyway your response and attention are so valuable to me

from vite-vue-bpmn-process.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.