cnhis-design-vue 3.1.13-beta.2 → 3.1.13-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/packages/big-table/src/BigTable.vue.d.ts +8 -5
- package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js +26 -18
- package/es/packages/big-table/src/utils.js +2 -1
- package/es/packages/big-table/style/index.css +5 -0
- package/es/packages/bpmn-workflow/src/BpmnWorkflow.d.ts +5 -0
- package/es/packages/bpmn-workflow/types/BpmnViewer.d.ts +1 -0
- package/es/packages/bpmn-workflow/types/ModelingModule.d.ts +1 -0
- package/es/packages/bpmn-workflow/types/MoveCanvasModule.d.ts +1 -0
- package/es/packages/fabric-chart/src/hooks/useCenter.js +58 -2
- package/es/packages/fabric-chart/src/hooks/useDraw.d.ts +1 -1
- package/es/packages/fabric-chart/src/hooks/useDraw.js +59 -6
- package/es/packages/fabric-chart/src/hooks/useOther.js +3 -2
- package/es/packages/fabric-chart/src/interface.d.ts +1 -0
- package/es/packages/fabric-chart/src/utils/index.d.ts +6823 -2
- package/es/packages/form-render/index.d.ts +9 -0
- package/es/packages/form-render/src/FormRender.vue.d.ts +9 -0
- package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.js +2 -1
- package/es/packages/form-render/src/components/renderer/formItem.d.ts +8 -293
- package/es/packages/form-render/src/components/renderer/formItem.js +135 -2
- package/es/packages/form-render/src/components/renderer/input.js +3 -3
- package/es/packages/form-render/src/components/renderer/simpleComponent.js +2 -15
- package/es/packages/form-render/src/constants/index.d.ts +2 -1
- package/es/packages/form-render/src/constants/index.js +2 -1
- package/es/packages/form-render/src/hooks/useFieldListAdaptor.js +3 -1
- package/es/packages/form-render/src/hooks/useFormContext.d.ts +2 -1
- package/es/packages/form-render/src/hooks/useFormContext.js +13 -2
- package/es/packages/form-render/src/utils/index.d.ts +5 -2
- package/es/packages/form-render/src/utils/index.js +16 -2
- package/es/packages/form-render/style/index.css +23 -0
- package/es/packages/index.css +39 -0
- package/es/packages/index.d.ts +4 -1
- package/es/packages/index.js +9 -1
- package/es/packages/scale-view/src/hooks/scaleview-init.js +1 -5
- package/es/packages/scale-view/src/hooks/scaleview-submit.js +1 -6
- package/es/packages/scale-view/src/hooks/scaleview-validate.js +0 -3
- package/es/packages/shortcut-provider/index.d.ts +17 -0
- package/es/packages/shortcut-provider/index.js +13 -0
- package/es/packages/shortcut-provider/src/ShortcutProvider.js +4 -0
- package/es/packages/shortcut-provider/src/ShortcutProvider.vue.d.ts +15 -0
- package/es/packages/shortcut-provider/src/ShortcutProvider.vue_vue_type_script_setup_true_lang.js +32 -0
- package/es/packages/shortcut-provider/src/constants/index.d.ts +7 -0
- package/es/packages/shortcut-provider/src/constants/index.js +8 -0
- package/es/packages/shortcut-provider/src/hooks/index.d.ts +2 -0
- package/es/packages/shortcut-provider/src/hooks/index.js +2 -0
- package/es/packages/shortcut-provider/src/hooks/useShortcutSignature.d.ts +4 -0
- package/es/packages/shortcut-provider/src/hooks/useShortcutSignature.js +12 -0
- package/es/packages/shortcut-provider/src/hooks/useShortcuts.d.ts +30 -0
- package/es/packages/shortcut-provider/src/hooks/useShortcuts.js +157 -0
- package/es/packages/shortcut-provider/src/types/index.d.ts +30 -0
- package/es/packages/shortcut-provider/src/types/index.js +1 -0
- package/es/packages/shortcut-provider/src/utils/index.d.ts +7 -0
- package/es/packages/shortcut-provider/src/utils/index.js +49 -0
- package/es/packages/shortcut-provider/style/index.css +3 -0
- package/es/packages/shortcut-setter/constant/index.d.ts +4 -0
- package/es/packages/shortcut-setter/constant/index.js +7 -0
- package/es/packages/shortcut-setter/index.d.ts +4258 -0
- package/es/packages/shortcut-setter/index.js +11 -0
- package/es/packages/shortcut-setter/src/ShortcutSetter.js +4 -0
- package/es/packages/shortcut-setter/src/ShortcutSetter.vue.d.ts +4258 -0
- package/es/packages/shortcut-setter/src/ShortcutSetter.vue_vue_type_script_setup_true_lang.js +38 -0
- package/es/packages/shortcut-setter/src/ShortcutSetterItem.js +4 -0
- package/es/packages/shortcut-setter/src/ShortcutSetterItem.vue.d.ts +4238 -0
- package/es/packages/shortcut-setter/src/ShortcutSetterItem.vue_vue_type_script_setup_true_lang.js +125 -0
- package/es/packages/shortcut-setter/style/index.css +8 -0
- package/es/src/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/test.ts +0 -326
|
@@ -1173,17 +1173,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1173
1173
|
}, any>>;
|
|
1174
1174
|
readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Button", {
|
|
1175
1175
|
heightTiny: string;
|
|
1176
|
-
heightSmall: string;
|
|
1177
|
-
* 单个form提交失败
|
|
1178
|
-
* @param {*} obj
|
|
1179
|
-
*/
|
|
1176
|
+
heightSmall: string;
|
|
1180
1177
|
heightMedium: string;
|
|
1181
1178
|
heightLarge: string;
|
|
1182
1179
|
borderRadiusTiny: string;
|
|
1183
1180
|
borderRadiusSmall: string;
|
|
1184
1181
|
borderRadiusMedium: string;
|
|
1185
1182
|
borderRadiusLarge: string;
|
|
1186
|
-
fontSizeTiny: string;
|
|
1183
|
+
fontSizeTiny: string; /**
|
|
1184
|
+
* 单个form提交失败
|
|
1185
|
+
* @param {*} obj
|
|
1186
|
+
*/
|
|
1187
1187
|
fontSizeSmall: string;
|
|
1188
1188
|
fontSizeMedium: string;
|
|
1189
1189
|
fontSizeLarge: string;
|
|
@@ -1217,6 +1217,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1217
1217
|
textColorTextFocus: string;
|
|
1218
1218
|
textColorTextDisabled: string;
|
|
1219
1219
|
textColorGhost: string;
|
|
1220
|
+
/**
|
|
1221
|
+
* tsx渲染表格
|
|
1222
|
+
*/
|
|
1220
1223
|
textColorGhostHover: string;
|
|
1221
1224
|
textColorGhostPressed: string;
|
|
1222
1225
|
textColorGhostFocus: string;
|
|
@@ -423,9 +423,16 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
423
423
|
};
|
|
424
424
|
}
|
|
425
425
|
const currentColumns = fieldList.map((item, index) => {
|
|
426
|
-
var _a2, _b2, _c, _d;
|
|
427
|
-
let filterField =
|
|
428
|
-
let
|
|
426
|
+
var _a2, _b2, _c, _d, _e;
|
|
427
|
+
let filterField = false;
|
|
428
|
+
let filterItems = [];
|
|
429
|
+
try {
|
|
430
|
+
const fieldSetting = JSON.parse(item.fieldSetting);
|
|
431
|
+
filterField = ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
|
|
432
|
+
filterItems = (_c = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c.map((item2) => item2.value[0]);
|
|
433
|
+
} catch (e) {
|
|
434
|
+
}
|
|
435
|
+
let notParticipatingSort = ((_d = item == null ? void 0 : item.fieldSetting) == null ? void 0 : _d.notParticipatingSort) || "";
|
|
429
436
|
let fixed = isAboutNestTable.value ? "" : item.isFixed ? item.isFixed == 1 ? "left" : "right" : "";
|
|
430
437
|
let sortable = props.isNestTable ? false : !filterField && item.isSort == 1 && notParticipatingSort != 1 && item.isMerge != 1;
|
|
431
438
|
let treeNode = props.isNestTable ? false : state.isTree != 0 ? index === 0 : false;
|
|
@@ -484,7 +491,8 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
484
491
|
checkAll: false,
|
|
485
492
|
searchFilterText: "",
|
|
486
493
|
searchFilterCONVERT: [],
|
|
487
|
-
filterSort: ""
|
|
494
|
+
filterSort: "",
|
|
495
|
+
filterItems
|
|
488
496
|
});
|
|
489
497
|
let field = state.filterFields[item.columnName];
|
|
490
498
|
handlerInitSearchItem([field]);
|
|
@@ -495,7 +503,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
495
503
|
if (!isScanMultiTable2) {
|
|
496
504
|
col.slots.footer = "tooltip_footer";
|
|
497
505
|
}
|
|
498
|
-
if (props.showNestTable && state.isTree == 0 && ((
|
|
506
|
+
if (props.showNestTable && state.isTree == 0 && ((_e = props.curNestColumnConfig) == null ? void 0 : _e.isTree) == 0) {
|
|
499
507
|
col.slots.content = "nest_table_content";
|
|
500
508
|
}
|
|
501
509
|
return col;
|
|
@@ -734,7 +742,7 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
734
742
|
"class": "filter-header-icon vxe-filter--btn vxe-icon--funnel"
|
|
735
743
|
}, null), createVNode("span", {
|
|
736
744
|
"class": "filter-header-text"
|
|
737
|
-
}, [createTextVNode("\u7B5B\u9009")])]), field.
|
|
745
|
+
}, [createTextVNode("\u7B5B\u9009")])]), field.filterItems.length > 5 ? createVNode("div", {
|
|
738
746
|
"class": "checkbox-wrap checkbox-wrap--search"
|
|
739
747
|
}, [createVNode("div", {
|
|
740
748
|
"class": "check-search-wrap"
|
|
@@ -763,10 +771,10 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
763
771
|
}, {
|
|
764
772
|
default: () => [createVNode(NSpace, {
|
|
765
773
|
"item-style": "display: flex;"
|
|
766
|
-
}, _isSlot(_slot = field.
|
|
774
|
+
}, _isSlot(_slot = field.filterItems.map((item2) => {
|
|
767
775
|
return createVNode(NCheckbox, {
|
|
768
776
|
"value": item2.value,
|
|
769
|
-
"label": item2.
|
|
777
|
+
"label": item2.key
|
|
770
778
|
}, null);
|
|
771
779
|
})) ? _slot : {
|
|
772
780
|
default: () => [_slot]
|
|
@@ -777,15 +785,15 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
777
785
|
}, {
|
|
778
786
|
default: () => [createVNode(NSpace, {
|
|
779
787
|
"item-style": "display: flex;"
|
|
780
|
-
}, _isSlot(_slot2 = field.
|
|
788
|
+
}, _isSlot(_slot2 = field.filterItems.filter((item2) => {
|
|
781
789
|
if (!field.searchFilterText)
|
|
782
790
|
return item2;
|
|
783
791
|
let reg = new RegExp(field.searchFilterText);
|
|
784
|
-
return reg.test(item2.
|
|
792
|
+
return reg.test(item2.key);
|
|
785
793
|
}).map((item2) => {
|
|
786
794
|
return createVNode(NCheckbox, {
|
|
787
795
|
"value": item2.value,
|
|
788
|
-
"label": item2.
|
|
796
|
+
"label": item2.key
|
|
789
797
|
}, null);
|
|
790
798
|
})) ? _slot2 : {
|
|
791
799
|
default: () => [_slot2]
|
|
@@ -835,12 +843,12 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
835
843
|
const handleFilterSeach = (val, field) => {
|
|
836
844
|
field.searchFilterText = val;
|
|
837
845
|
if (val === "") {
|
|
838
|
-
field.checkAll = field.CONVERT.length === field.
|
|
839
|
-
field.indeterminate = !!field.CONVERT.length && field.CONVERT.length !== field.
|
|
846
|
+
field.checkAll = field.CONVERT.length === field.filterItems.length;
|
|
847
|
+
field.indeterminate = !!field.CONVERT.length && field.CONVERT.length !== field.filterItems.length;
|
|
840
848
|
return;
|
|
841
849
|
}
|
|
842
|
-
field.searchFilterCONVERT = field.
|
|
843
|
-
return field.searchFilterText === item.
|
|
850
|
+
field.searchFilterCONVERT = field.filterItems.filter((item) => {
|
|
851
|
+
return field.searchFilterText === item.key && field.CONVERT.includes(item.value);
|
|
844
852
|
}).map((item) => item.value);
|
|
845
853
|
_beforeSearchConvert = field.searchFilterCONVERT;
|
|
846
854
|
};
|
|
@@ -849,15 +857,15 @@ var script = /* @__PURE__ */ defineComponent({
|
|
|
849
857
|
let checked = val;
|
|
850
858
|
field.indeterminate = false;
|
|
851
859
|
field.checkAll = checked;
|
|
852
|
-
state.filterFields[field.columnName].CONVERT = checked ? field.
|
|
860
|
+
state.filterFields[field.columnName].CONVERT = checked ? field.filterItems.map((item) => {
|
|
853
861
|
return item.value;
|
|
854
862
|
}) : [];
|
|
855
863
|
};
|
|
856
864
|
const handleFilterChange = (value, name, field) => {
|
|
857
865
|
reScrollFilterWrap();
|
|
858
866
|
state.filterFields[name].CONVERT = value;
|
|
859
|
-
field.checkAll = value.length === field.
|
|
860
|
-
field.indeterminate = !!value.length && value.length !== field.
|
|
867
|
+
field.checkAll = value.length === field.filterItems.length;
|
|
868
|
+
field.indeterminate = !!value.length && value.length !== field.filterItems.length;
|
|
861
869
|
};
|
|
862
870
|
const handleFilterSearchChange = (value, columnName, field) => {
|
|
863
871
|
reScrollFilterWrap();
|
|
@@ -207,6 +207,7 @@ const handlerInitSearchItem = (arr) => {
|
|
|
207
207
|
if (!Array.isArray(arr))
|
|
208
208
|
return;
|
|
209
209
|
arr.forEach((el) => {
|
|
210
|
+
var _a;
|
|
210
211
|
if (el.setting) {
|
|
211
212
|
el.setting = typeof el.setting == "string" ? JSON.parse(el.setting) : el.setting;
|
|
212
213
|
if (!vexutils.isEmpty(el.setting.wordbook)) {
|
|
@@ -224,7 +225,7 @@ const handlerInitSearchItem = (arr) => {
|
|
|
224
225
|
return;
|
|
225
226
|
}
|
|
226
227
|
}
|
|
227
|
-
if (el.fieldType.includes("DATE")) {
|
|
228
|
+
if ((_a = el.fieldType) == null ? void 0 : _a.includes("DATE")) {
|
|
228
229
|
if (el.settingObj && el.settingObj.attr == "BIRTHDAY") {
|
|
229
230
|
el["con"] = "BIRTHDAY";
|
|
230
231
|
el["showDate"] = false;
|
|
@@ -249,6 +249,11 @@ body > .vxe-table--tooltip-wrapper {
|
|
|
249
249
|
height: 100%;
|
|
250
250
|
line-height: unset;
|
|
251
251
|
width: 100%;
|
|
252
|
+
display: inline-flex;
|
|
253
|
+
}
|
|
254
|
+
.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title,
|
|
255
|
+
.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title {
|
|
256
|
+
display: inline-block;
|
|
252
257
|
}
|
|
253
258
|
.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
|
|
254
259
|
.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'bpmn-js/lib/Viewer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'bpmn-js/lib/features/modeling';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'diagram-js/lib/navigation/movecanvas';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { reactive, onMounted, nextTick } from 'vue';
|
|
2
2
|
import { fabric } from '../utils/index.js';
|
|
3
|
-
import { defaultStyle,
|
|
3
|
+
import { defaultStyle, drawPoint, drawLine, defaultTextStyle } from './useDraw.js';
|
|
4
4
|
import useGrid from './useGrid.js';
|
|
5
5
|
import { useShadow } from './useShadow.js';
|
|
6
6
|
import { TEMPERATURE_MENU, PAIN_MENU } from './constant.js';
|
|
@@ -36,6 +36,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
36
36
|
target: null
|
|
37
37
|
});
|
|
38
38
|
const shadowLinesCache = /* @__PURE__ */ new Set();
|
|
39
|
+
const maiboPoints = /* @__PURE__ */ new Set();
|
|
40
|
+
const otherPoints = /* @__PURE__ */ new Set();
|
|
39
41
|
onMounted(() => {
|
|
40
42
|
nextTick(() => {
|
|
41
43
|
init();
|
|
@@ -43,11 +45,14 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
43
45
|
});
|
|
44
46
|
function init() {
|
|
45
47
|
drawShaDow();
|
|
48
|
+
maiboPoints.clear();
|
|
49
|
+
otherPoints.clear();
|
|
46
50
|
left.yScaleValue.forEach((scaleValue) => {
|
|
47
51
|
scaleValue.dataList.forEach((item, dataIndex) => {
|
|
48
52
|
drawPolyLine(item, dataIndex, scaleValue);
|
|
49
53
|
});
|
|
50
54
|
});
|
|
55
|
+
drawOverlapPoint();
|
|
51
56
|
setCanvasEvent();
|
|
52
57
|
}
|
|
53
58
|
function drawShaDow(target) {
|
|
@@ -145,6 +150,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
145
150
|
pointMenuProps.point = { x, y };
|
|
146
151
|
pointMenuProps.show = true;
|
|
147
152
|
const { type } = ((_a = event.target) == null ? void 0 : _a.origin) || {};
|
|
153
|
+
console.log(999, type);
|
|
148
154
|
if (event.target && (type === "temperature" || type === "pain")) {
|
|
149
155
|
if (type === "temperature") {
|
|
150
156
|
pointMenuProps.list = [...TEMPERATURE_MENU];
|
|
@@ -181,13 +187,57 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
181
187
|
}
|
|
182
188
|
function getEqualXTypes(pointX) {
|
|
183
189
|
const types = [];
|
|
190
|
+
const left2 = cumputedX(getXValue(pointX));
|
|
184
191
|
canvas.value.forEachObject((obj) => {
|
|
185
|
-
if (obj.origin &&
|
|
192
|
+
if (obj.origin && left2 === obj.left) {
|
|
186
193
|
types.push(obj.origin.type);
|
|
187
194
|
}
|
|
188
195
|
});
|
|
189
196
|
return [...new Set(types)];
|
|
190
197
|
}
|
|
198
|
+
function drawOverlapPoint() {
|
|
199
|
+
var _a;
|
|
200
|
+
const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
|
|
201
|
+
if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
|
|
202
|
+
return;
|
|
203
|
+
if (!pulseObj.dataList.some((item) => item.title.includes("\u8109\u640F")))
|
|
204
|
+
return;
|
|
205
|
+
const overlap = left.overlap || {};
|
|
206
|
+
const points = [];
|
|
207
|
+
maiboPoints.size && [...maiboPoints].forEach((item) => {
|
|
208
|
+
[...otherPoints].forEach((obj) => {
|
|
209
|
+
if (obj.origin && item.left === obj.left && item.top === obj.top) {
|
|
210
|
+
const key = obj.origin.key;
|
|
211
|
+
if (key) {
|
|
212
|
+
const pointer = {
|
|
213
|
+
left: obj.left,
|
|
214
|
+
top: obj.top,
|
|
215
|
+
...defaultStyle,
|
|
216
|
+
hoverCursor: "default"
|
|
217
|
+
};
|
|
218
|
+
let type = "koumai";
|
|
219
|
+
if (key === "yemai") {
|
|
220
|
+
type = key;
|
|
221
|
+
}
|
|
222
|
+
if (key === "humai") {
|
|
223
|
+
type = "circle";
|
|
224
|
+
}
|
|
225
|
+
points.push(drawPoint(type, {
|
|
226
|
+
...overlap[key] || {},
|
|
227
|
+
...pointer
|
|
228
|
+
}));
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
});
|
|
232
|
+
});
|
|
233
|
+
setTimeout(() => {
|
|
234
|
+
canvas.value.add(...points);
|
|
235
|
+
points.forEach((v) => {
|
|
236
|
+
v == null ? void 0 : v.bringToFront();
|
|
237
|
+
});
|
|
238
|
+
canvas.value.renderAll();
|
|
239
|
+
});
|
|
240
|
+
}
|
|
191
241
|
function drawPolyLine(item, dataIndex, scaleValue) {
|
|
192
242
|
const {
|
|
193
243
|
pointAttr = {},
|
|
@@ -290,6 +340,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
290
340
|
origin: {
|
|
291
341
|
data: v,
|
|
292
342
|
title: item.title,
|
|
343
|
+
key: item.key || "",
|
|
293
344
|
unit: scaleValue.unit,
|
|
294
345
|
type: scaleValue.type,
|
|
295
346
|
dataIndex,
|
|
@@ -323,6 +374,11 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
|
|
|
323
374
|
}
|
|
324
375
|
lineList.push(line);
|
|
325
376
|
if (point) {
|
|
377
|
+
if (item.title.includes("\u8109\u640F")) {
|
|
378
|
+
maiboPoints.add(point);
|
|
379
|
+
} else {
|
|
380
|
+
otherPoints.add(point);
|
|
381
|
+
}
|
|
326
382
|
setPointEvent(point);
|
|
327
383
|
pointList.push(point);
|
|
328
384
|
}
|
|
@@ -39,4 +39,4 @@ export declare const defaultTextStyle: {
|
|
|
39
39
|
};
|
|
40
40
|
export declare function drawLine(points: number[], style: Partial<ILineOptions>): fabric.Line;
|
|
41
41
|
export declare function drawTextGroup(rectStyle: Partial<fabric.IRectOptions>, fontStyle: Partial<ITextOptions>, groupStyle: Partial<fabric.IGroupOptions>): fabric.Group;
|
|
42
|
-
export declare function drawPoint(type: string | undefined, style: any): fabric.
|
|
42
|
+
export declare function drawPoint(type: string | undefined, style: any): fabric.Object;
|
|
@@ -57,7 +57,6 @@ function drawTextGroup(rectStyle, fontStyle, groupStyle) {
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
function drawPoint(type = "circle", style) {
|
|
60
|
-
let point = null;
|
|
61
60
|
const newStyle = {
|
|
62
61
|
originX: "center",
|
|
63
62
|
originY: "center",
|
|
@@ -65,27 +64,81 @@ function drawPoint(type = "circle", style) {
|
|
|
65
64
|
hasBorders: false,
|
|
66
65
|
...style
|
|
67
66
|
};
|
|
67
|
+
const createCircleBorder = () => {
|
|
68
|
+
return new fabric.Circle({
|
|
69
|
+
objectCaching: false,
|
|
70
|
+
strokeWidth: style.strokeWidth || 1,
|
|
71
|
+
stroke: style.stroke || "red",
|
|
72
|
+
radius: style.radius || 5,
|
|
73
|
+
fill: "#fff"
|
|
74
|
+
});
|
|
75
|
+
};
|
|
68
76
|
switch (type) {
|
|
69
77
|
case "triangle":
|
|
70
|
-
|
|
78
|
+
return new fabric.Triangle({
|
|
71
79
|
width: 20,
|
|
72
80
|
height: 20,
|
|
73
81
|
strokeWidth: 1,
|
|
74
82
|
scale: 1,
|
|
75
83
|
...newStyle
|
|
76
84
|
});
|
|
77
|
-
break;
|
|
78
85
|
case "circle":
|
|
79
|
-
|
|
86
|
+
return new fabric.Circle({
|
|
80
87
|
objectCaching: false,
|
|
81
88
|
strokeWidth: 1,
|
|
82
89
|
radius: 5,
|
|
83
90
|
scale: 1,
|
|
84
91
|
...newStyle
|
|
85
92
|
});
|
|
86
|
-
|
|
93
|
+
case "image":
|
|
94
|
+
if (style == null ? void 0 : style.url) ; else {
|
|
95
|
+
return new fabric.Image(style.element, {
|
|
96
|
+
...newStyle,
|
|
97
|
+
scale: 1
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
case "yemai":
|
|
101
|
+
const createAdd = () => {
|
|
102
|
+
const width = ((style.radius || 5) + (style.strokeWidth || 1)) * 2;
|
|
103
|
+
const subLineStyle = {
|
|
104
|
+
stroke: style.strokeX || "blue",
|
|
105
|
+
strokeWidth: style.strokeWidthX || 1,
|
|
106
|
+
originX: "center",
|
|
107
|
+
originY: "center"
|
|
108
|
+
};
|
|
109
|
+
const line1 = new fabric.Line([0, width / 2, width, width / 2], subLineStyle);
|
|
110
|
+
const line2 = new fabric.Line([width / 2, 0, width / 2, width], subLineStyle);
|
|
111
|
+
return new fabric.Group([line1, line2]);
|
|
112
|
+
};
|
|
113
|
+
return new fabric.Group([createCircleBorder(), createAdd()], {
|
|
114
|
+
scale: 1,
|
|
115
|
+
...newStyle
|
|
116
|
+
});
|
|
117
|
+
case "koumai":
|
|
118
|
+
const left = (style.radius || 5) + (style.strokeWidth || 1);
|
|
119
|
+
const circle = new fabric.Circle({
|
|
120
|
+
objectCaching: false,
|
|
121
|
+
radius: style.radiusCircle || 2,
|
|
122
|
+
fill: style.fillCircle || "#000",
|
|
123
|
+
originX: "center",
|
|
124
|
+
originY: "center",
|
|
125
|
+
left,
|
|
126
|
+
top: left
|
|
127
|
+
});
|
|
128
|
+
return new fabric.Group([createCircleBorder(), circle], {
|
|
129
|
+
scale: 1,
|
|
130
|
+
...newStyle
|
|
131
|
+
});
|
|
132
|
+
default:
|
|
133
|
+
style && Reflect.deleteProperty(style, "stroke");
|
|
134
|
+
return new fabric.Text(String(type), {
|
|
135
|
+
fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
136
|
+
scale: 1,
|
|
137
|
+
fontSize: 14,
|
|
138
|
+
fill: "#000",
|
|
139
|
+
...newStyle
|
|
140
|
+
});
|
|
87
141
|
}
|
|
88
|
-
return point;
|
|
89
142
|
}
|
|
90
143
|
|
|
91
144
|
export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawLine, drawPoint, drawTextGroup };
|
|
@@ -9,13 +9,14 @@ function useOther(canvas, propItems, cumputedX) {
|
|
|
9
9
|
return false;
|
|
10
10
|
const list = [];
|
|
11
11
|
other.list.forEach((v, i) => {
|
|
12
|
+
var _a;
|
|
12
13
|
const text = new fabric.Text(String(v.value.toString().split("").join("\n")), {
|
|
13
14
|
originX: "center",
|
|
14
|
-
top: vitalSignsOriginY.originY,
|
|
15
|
+
top: (((_a = v.style) == null ? void 0 : _a.baseTop) || 0) + vitalSignsOriginY.originY,
|
|
15
16
|
left: cumputedX(v.time),
|
|
16
17
|
textAlign: "center",
|
|
17
18
|
...defaultStyle,
|
|
18
|
-
...
|
|
19
|
+
...v.style || {}
|
|
19
20
|
});
|
|
20
21
|
list.push(text);
|
|
21
22
|
});
|