# j-Flow > j-Flow: azonosítók nem tartalmaznak char; NEW onpause {String} egy út a módszer fn(út, ez), akkor fut, amikor a kimeneti / belépési szünet Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: hu Content-SHA256: c1036470f7532f47b814eb4590ab28c197664600fa44c29bf9c8b826c534863b Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e Review: not-recorded - Nem tartalmazhat `__`-t __konfiguráció__: - `width {Number}` a Flow tervező szélessége, alapértelmezett: `6000` - `height {Number}` a Flow tervező magassága, alapértelmezett: `6000` - `grid {Number}` a háttérhálózat mérete, alapértelmezett: `25` - `paddingX {Number}` belső padding, alapértelmezett: `6` - A `curvedlines {Boolean}` lehetővé teszi a forgatott vonalak, alapértelmezett: `false` - `infopath {String}` egy út a változó / módszer, válasz: `{ zoom: Number, selected: Object }` - `undopath {String}` a változóhoz / módszerhez vezető út, a válasz az objektum sorozata - `redopath {String}` a változóhoz / módszerhez vezető út, a válasz az objektum sorozata - `ondrop {String}` Egy út a módszerhez `fn(dropmeta, grid)` - `onmake {String}` Egy út a módszerhez `fn(el, com)`Ez akkor történik, amikor a komponens létrehozása - `ondone {String}` Egy út a módszerhez `fn(el, com)`Ez akkor történik, amikor az összetevő létrehozott - `onmove {String}` Egy út a módszerhez `fn(el, com/group, type)`, akkor fut, amikor a komponens / csoport mozog - `onremove {String}` Egy út a módszerhez `fn(el, com)`Ez akkor történik, amikor a komponens eltávolításra kerül - `onconnect {String}` egy út a módszer `fn(meta)`, akkor fut, amikor a két komponens kapcsolódik - A `ondisconnect {String}` módszerhez vezető út a `fn(meta)` módszerre fut, amikor a két komponens kapcsolódik ki. - __NEW__ `onpause {String}` egy út a módszer `fn(path, is)`, akkor fut, amikor a kimeneti / belépési szünet - `steplines {Boolean}` lehetővé teszi a lépésvonalat (default: `false`) - `animationradius {Number}` animációs sugár pixelekben (default: `5`) - `contextmenu {String}` egy út a `function(e, type, component/meta)` (típus lehet `map`, `component`, `connection`, `group`) - A `dblclick {String}` az út a `function(component)` felé - `outputoffsetX {Number}` egy alapértelmezett X offset a kimeneti pont (default: `10`) - `outputoffsetY {Number}` egy alapértelmezett Y offset a kimeneti pont (default: `12`) - `inputoffsetX {Number}` egy alapértelmezett X offset a belépési pont (default: `10`) - `inputoffsetY {Number}` egy alapértelmezett Y offset a belépési pont (default: `12`) - `snapping {Number}` pixelekben (például `0` = kikapcsolva) - A `multiple {Boolean}` lehetővé teszi a komponens többszörös kiválasztását (default: `true`) - `history {Number}` a lépések számát az undo/redo történetében (default: `100`) - `animationlimit {Number}` a maximális pontszám minden animáció (default: `100`) - `animationlimitconnection {Number}` a legmagasabb pontszámot egy kapcsolat (default: `5`) - `allowpause {Boolean}` lehetővé teszi a kimeneti/bejárati szünetet (default: `true`) - `markers {Boolean}` hozzáadja a lövedékjelzőket a kapcsolathoz (default: `true`) __parancsok__: - `flow.refresh` helyek újraértékelése - A `flow.selected.disconnect` eltávolítja a kiválasztott kapcsolatot - `flow.selected.remove` eltávolítja a kiválasztott komponenseket - `flow.selected.clear` eltávolítja a kiválasztott komponenseket vagy csatlakozást - A `flow.zoom` zoom, az érv: `type` (lehet: `in`, `out`, `reset` vagy `percentage {Number}`), a második opcionális érv a `percentage` - A `flow.undo` lépés - A `flow.redo` kész lépést - `flow.reset` szerkesztő - A `flow.components.add` új összetevőt ad hozzá, az érv: `component_declaration` - `flow.components.find` talál egy összetevőt, érv: `component_id` - A `flow.clean` tisztítja az adatokat és a nem létező kapcsolatokat - `flow.traffic(componentid__outputid, { count: 3, speed: 3, limit: 20, delay: 50, reverse: false })` Animáció - A `reverse` animációt a `_` beadásával lehet engedélyezni, mint a `_componentid__outputid` azonosító induló tankot. - __NEW__ `flow.groups.find` talál egy csoportot, érv: `group_id` - __NEW__ `flow.check` egy új, gyorsabb alternatíva a `flow.refresh` parancshoz - __NEW__ `flow.find` talál egy komponens vagy csoport, érv: `component_id` vagy `group_id` __Új összetevő hozzáadása__: - Az összetevő automatikusan létrehozza az összetevők azonosítóját - `connections` A `{Object}` ```js // Component declaration var component = { x: 100, y: 50, html: 'Component test', outputs: ['1 output name', '2 output name'], // or // outputs: [{ id: 'A', name: 'A output name' }, { id: 'B', name: 'B output name', color: '#FF8E37' }], connections: { '0': [{ id: '0002', index: '2', disabled: false }] }, // Look to the connection object below // or // connections: { 'A': [{ id: '0002', index: 'B', disabled: false }] }, actions: { select: true, move: true, disabled: false, remove: true, connect: true } }; // Appends component CMD('flow.components.add', component); ``` ```js // Connection object // connections: { '0': [CONNECTION_OBJECT1, CONNECTION_OBJECT2, CONNECTION_OBJECT3] } { id: 'TARGET_ID_COMPONENT', index: '0', // An input index or index id, must be string!!! disabled: false // Optional, it's the connection disabled? Disabled connection can't be removed } ``` __Áramlat kiadás__: - Visszaadja a `Object`-t, amely kulcsok a `ID` komponensek ```js { 'F1562743923216': { x: 1, y: 1, connections: [], ... }, 'F1562743965303': { x: 1, y: 1, connections: [], ... }, // Contains paused endpoints paused: { 'input__COMPONENTID__INDEXID': 1, 'output__COMPONENTID__INDEXID': 1 }, // Contains groups groups: [{ id: 'GroupID', name: 'Name', x: 100, y: 100, width: 100, height: 100, background: 'rgba(0,0,0,0.1)', color: '#000', border: 'rgba(0,0,0,0.1)' }, ...]; } ``` __Jó tudni__: - Minden komponens (az áramlásban) tartalmazza a `f-COMPONENTNAME` osztály - `selectable` osztály a komponens elem lehetővé teszi, hogy másolja a szöveget, és megakadályozza a mozgást - `connections` támogatja a `type:"transform"` sávszalagot Használja a ``Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc. ```html example.html
```