UNPKG

oda-framework

Version:

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

128 lines (124 loc) 4.76 kB
Свойство **accuracy** определяет точность выводимого результата. Например, ``` javascript _run_line_edit_loadoda_[my-component.js]_h=260_eh=260_ import '/components/tools/calculator/calculator.js'; ODA({ is: 'my-component', template: ` <label>Точность вычислений<input type="number" ::value="accuracy"><label> <oda-calculator :accuracy :data></oda-calculator> `, props: { accuracy: 2, data: { cols: { science: { rows: { 1: { buttons: { "x!": {command: "calcFactorial"}, "sin": {name: "sin(", expr: "Math.sin(", hint: ')'}, "ln": {name: "ln(", expr: "Math.log(", hint: ')'}, }, }, 2: { buttons: { "π": {expr: '3.14159265359'}, "cos": {name: "cos(", expr: "Math.cos(", hint: ')'}, "log": {name: "log(", expr: "Math.log10(", hint: ')'}, }, }, 3: { buttons: { "e": {expr: "2.71828182846"}, "tan": {name: "tan(", expr: "Math.tan(", hint: ')'}, "√": {name: "√(", expr: "Math.sqrt(", hint: ')'}, }, }, 4: { buttons: { "Ans": {command: 'getAnswer'}, "EXP": {name: "E", expr: "*10**"}, "XY": {key:"<div>X<sup>y</sup></div>", name: "^", expr: "**"}, }, }, }, props: { class: "layout", style: 'flex-shrink: 10000000', }, }, numpad: { rows: { 1: { buttons: { "(": {hint: ')', expr: '('}, ")": {}, }, }, 2: { buttons: { 7: {}, 8: {}, 9: {}, }, }, 3: { buttons: { 4: {}, 5: {}, 6: {}, }, }, 4: { buttons:{ 1: {}, 2: {}, 3: {}, }, }, 5: { buttons: { 0: {}, "00": {}, ".": {}, }, } }, }, sign:{ rows:{ 1: { buttons:{ "AC": {command: 'clear'}, "⟵": {command: 'back'}, }, }, 2: { buttons: { "÷": {name: ' ÷ ', expr: '/'}, "%": {expr: "*0.01"}, }, }, 3:{ buttons: { "X": {name: ' × ', expr: '*'}, "-": {name: ' - ', expr: '-'}, }, }, 4: { props:{ style: 'flex-grow: 1000000', }, buttons:{ "+": {name: ' + ', expr: '+'}, "=": {command: 'calc'}, }, } }, }, }, }, } }); ```