deleted: AddObjectForm.svelte
deleted: App.svelte deleted: CustomGlobalConnectRules.ts deleted: CustomGlobalConnectRulesModule.ts deleted: CustomOutlineModule.ts deleted: CustomPaletteModule.ts deleted: CustomShapeRendererModule.ts deleted: Diagram.svelte deleted: ManhattanConnectionModule.ts deleted: StyleModule.ts deleted: editor.ts deleted: index.html deleted: main.ts deleted: package-lock.json deleted: package.json modified: src/AddObjectForm.svelte modified: src/CustomOutlineModule.ts modified: src/CustomShapeRendererModule.ts deleted: style.css deleted: tsconfig.json deleted: vite-env.d.ts deleted: vite.config.ts
This commit is contained in:
parent
95f656c849
commit
aa6b5e4575
24 changed files with 43 additions and 2500 deletions
|
|
@ -1,10 +1,9 @@
|
|||
<script lang="ts">
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
import {
|
||||
create as svgCreate,
|
||||
append as svgAppend
|
||||
} from 'tiny-svg';
|
||||
import Choices from 'choices.js';
|
||||
import { writable } from 'svelte/store';
|
||||
|
||||
let типОбъекта: 'Прибор' | 'ИсполнительныйМеханизм' = 'Прибор';
|
||||
let фиксация: 'НаМесте' | 'НаЩите' = 'НаМесте';
|
||||
|
|
@ -49,32 +48,11 @@ let являетсяПаз = false;
|
|||
let ручной = false;
|
||||
let направление: 'Открывается' | 'Закрывается' | 'ОстаётсяНаМесте' | null = null
|
||||
|
||||
function handleSubmit() {
|
||||
const data =
|
||||
типОбъекта === 'Прибор'
|
||||
? {
|
||||
Прибор: {
|
||||
фиксация,
|
||||
тип_прибора: {
|
||||
[типПрибора]: {
|
||||
величина,
|
||||
уточнение,
|
||||
функции: функции.map((функция) => ({
|
||||
[функция.тип]: функция.значение
|
||||
}))
|
||||
}
|
||||
},
|
||||
является_паз: являетсяПаз
|
||||
}
|
||||
}
|
||||
: {
|
||||
ИсполнительныйМеханизм: {
|
||||
имеет_ручной: ручной,
|
||||
направление
|
||||
}
|
||||
};
|
||||
export const data = writable({ value: svgCreate('g') });
|
||||
|
||||
console.log(to_svg(0,0));
|
||||
|
||||
function handleSubmit() {
|
||||
data.update((_) => ({value: to_svg(0,0)}));
|
||||
}
|
||||
|
||||
export function to_svg(x, y):SVGElement {
|
||||
|
|
@ -137,22 +115,10 @@ export function to_svg(x, y):SVGElement {
|
|||
|
||||
}
|
||||
|
||||
var toText = величина ; // TODO + что-то ещё
|
||||
|
||||
return r;
|
||||
}
|
||||
|
||||
|
||||
const element = document.getElementById('choices-select');
|
||||
console.log(element);
|
||||
if (element !== null) {
|
||||
const choices = new Choices(element, {
|
||||
searchEnabled: true, // Включить поиск
|
||||
shouldSort: false, // Отключить сортировку (по умолчанию элементы остаются в заданном порядке)
|
||||
placeholder: true, // Включить плейсхолдер (если нужен)
|
||||
placeholderValue: 'Выберите величину', // Текст плейсхолдера
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -29,8 +29,6 @@ CustomOutlineProvider.prototype.getOutline = function(element:Element) {
|
|||
r: 60,
|
||||
fill: "none",
|
||||
});
|
||||
|
||||
console.log(outline);
|
||||
return outline;
|
||||
}
|
||||
}
|
||||
|
|
@ -48,7 +46,6 @@ CustomOutlineProvider.prototype.updateOutline = function(element: Element, outli
|
|||
fill: "none",
|
||||
});
|
||||
}
|
||||
console.log(outline);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,11 @@
|
|||
import BaseRenderer from 'diagram-js/lib/draw/BaseRenderer';
|
||||
import DefaultRenderer from 'diagram-js/lib/draw/DefaultRenderer';
|
||||
import { Shape } from 'diagram-js/lib/model';
|
||||
import { assign } from 'min-dash';
|
||||
import {
|
||||
append as svgAppend,
|
||||
attr as svgAttr,
|
||||
create as svgCreate
|
||||
} from 'tiny-svg';
|
||||
import to_svg from "./AddObjectForm.svelte"
|
||||
import data from './AddObjectForm.svelte';
|
||||
|
||||
|
||||
|
||||
|
|
@ -29,38 +27,36 @@ class CustomShapeRenderer extends BaseRenderer {
|
|||
|
||||
|
||||
drawShape(visuals, element, attrs): SVGElement {
|
||||
// var circle = svgCreate('circle');
|
||||
console.log(data.value);
|
||||
|
||||
// svgAttr(circle, {
|
||||
// cx: `${element.width / 2}`,
|
||||
// cy: `${element.height / 2 - 52}`,
|
||||
// r: '2.5mm',
|
||||
// fill: "none",
|
||||
// stroke: "CanvasText",
|
||||
// });
|
||||
var circle = svgCreate('circle');
|
||||
|
||||
// var line = svgCreate('line');
|
||||
// svgAttr(line, {
|
||||
// x1: element.width / 2,
|
||||
// x2: element.width / 2,
|
||||
// y1: element.height/2,
|
||||
// y2: element.height/2 - 40 - 2,
|
||||
// stroke: "CanvasText",
|
||||
svgAttr(circle, {
|
||||
cx: `${element.width / 2}`,
|
||||
cy: `${element.height / 2 - 52}`,
|
||||
r: '2.5mm',
|
||||
fill: "none",
|
||||
stroke: "CanvasText",
|
||||
});
|
||||
|
||||
var line = svgCreate('line');
|
||||
svgAttr(line, {
|
||||
x1: element.width / 2,
|
||||
x2: element.width / 2,
|
||||
y1: element.height/2,
|
||||
y2: element.height/2 - 40 - 2,
|
||||
stroke: "CanvasText",
|
||||
|
||||
// })
|
||||
})
|
||||
|
||||
// var g = svgCreate('g');
|
||||
// svgAppend(g, circle);
|
||||
// svgAppend(g, line);
|
||||
var g = svgCreate('g');
|
||||
svgAppend(g, circle);
|
||||
svgAppend(g, line);
|
||||
|
||||
// svgAttr(g, assign({}, this.SHAPE_STYLE, attrs || {}));
|
||||
// svgAppend(visuals, g);
|
||||
svgAttr(g, assign({}, this.SHAPE_STYLE, attrs || {}));
|
||||
svgAppend(visuals, g);
|
||||
|
||||
return to_svg(element.x, element.y);
|
||||
|
||||
//console.log(visuals);
|
||||
|
||||
// return g;
|
||||
return g;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue