@milaboratories/graph-maker 1.1.150 → 1.1.151
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/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.d.ts +3 -10
- package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.d.ts.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.js +42 -83
- package/dist/GraphMaker/components/DragAndDrop/DnDBasketChip.vue.js.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts +1 -5
- package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.d.ts.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.js +43 -85
- package/dist/GraphMaker/components/DragAndDrop/DnDRangeChip.vue.js.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts +1 -3
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.d.ts.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.js +73 -85
- package/dist/GraphMaker/components/DragAndDrop/DndBasket.vue.js.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts +1 -5
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.d.ts.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js +51 -91
- package/dist/GraphMaker/components/DragAndDrop/DndDoubleChip.vue.js.map +1 -1
- package/dist/GraphMaker/components/DragAndDrop/types.d.ts +0 -19
- package/dist/GraphMaker/components/DragAndDrop/types.d.ts.map +1 -1
- package/dist/GraphMaker/constantsCommon.d.ts +0 -1
- package/dist/GraphMaker/constantsCommon.d.ts.map +1 -1
- package/dist/GraphMaker/constantsCommon.js +45 -46
- package/dist/GraphMaker/constantsCommon.js.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/DendroForm.vue.d.ts.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/DendroForm.vue.js +115 -145
- package/dist/GraphMaker/forms/DataMappingForm/DendroForm.vue.js.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/useBaskets.d.ts.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/useBaskets.js +95 -125
- package/dist/GraphMaker/forms/DataMappingForm/useBaskets.js.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/utils.d.ts.map +1 -1
- package/dist/GraphMaker/forms/DataMappingForm/utils.js +77 -153
- package/dist/GraphMaker/forms/DataMappingForm/utils.js.map +1 -1
- package/dist/GraphMaker/store.d.ts.map +1 -1
- package/dist/GraphMaker/store.js +41 -43
- package/dist/GraphMaker/store.js.map +1 -1
- package/dist/GraphMaker/utils/loadDefaultSources.d.ts +1 -2
- package/dist/GraphMaker/utils/loadDefaultSources.d.ts.map +1 -1
- package/dist/GraphMaker/utils/loadDefaultSources.js +43 -47
- package/dist/GraphMaker/utils/loadDefaultSources.js.map +1 -1
- package/dist/GraphMaker/utils/loadUniqueValuesToSave.d.ts.map +1 -1
- package/dist/GraphMaker/utils/loadUniqueValuesToSave.js +34 -36
- package/dist/GraphMaker/utils/loadUniqueValuesToSave.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/constants.js +6 -5
- package/dist/node_modules/@milaboratories/pf-plots/dist/constants.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/ComponentController.js +146 -149
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/ComponentController.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/ControllerBase.js +165 -218
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/ControllerBase.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/bubble.js +95 -102
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/bubble.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/dendro.js +145 -156
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/dendro.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/discrete.js +68 -75
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/discrete.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/heatmap.js +154 -159
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/heatmap.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/histogram.js +48 -55
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/histogram.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/scatterplot-umap.js +114 -122
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/scatterplot-umap.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/scatterplot.js +111 -119
- package/dist/node_modules/@milaboratories/pf-plots/dist/controllers/controllersByChartType/scatterplot.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/index.js +4 -4
- package/dist/node_modules/@milaboratories/pf-plots/dist/pframe/ColumnsProvider.js +70 -69
- package/dist/node_modules/@milaboratories/pf-plots/dist/pframe/ColumnsProvider.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/spec.js +2 -2
- package/dist/node_modules/@milaboratories/pf-plots/dist/spec.js.map +1 -1
- package/dist/node_modules/@milaboratories/pf-plots/dist/utils.js +183 -187
- package/dist/node_modules/@milaboratories/pf-plots/dist/utils.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ListOption } from '@platforma-sdk/ui-vue';
|
|
2
|
-
import { ChipInfo
|
|
2
|
+
import { ChipInfo } from './types.ts';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
error: boolean;
|
|
5
5
|
info: ChipInfo;
|
|
@@ -8,16 +8,9 @@ type __VLS_Props = {
|
|
|
8
8
|
searchOptions: (sourceId: string, searchStr: string) => Promise<ListOption<string>[]>;
|
|
9
9
|
loadOptions: (sourceId: string) => Promise<ListOption<string>[] | null>;
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
modelValue?: Record<string, FixedAxisData>;
|
|
13
|
-
} & __VLS_Props;
|
|
14
|
-
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
-
"update:modelValue": (value: Record<string, FixedAxisData>) => any;
|
|
16
|
-
} & {
|
|
17
|
-
"update:modelValue": (item: Record<string, FixedAxisData>) => any;
|
|
11
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
18
12
|
"close-chip": (item: string) => any;
|
|
19
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
20
|
-
"onUpdate:modelValue"?: ((value: Record<string, FixedAxisData>) => any) | undefined;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
14
|
"onClose-chip"?: ((item: string) => any) | undefined;
|
|
22
15
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
23
16
|
chipRoot: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DnDBasketChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DnDBasketChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"names":[],"mappings":"AAsEA,OAAO,EAAE,UAAU,EAAY,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;CACxE,CAAC;;;;;;;;AA4IF,wBASG"}
|
|
@@ -1,117 +1,76 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { PlIcon16 as
|
|
3
|
-
import { useStore as
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as b, ref as c, computed as v, onMounted as C, createElementBlock as s, openBlock as o, createElementVNode as t, normalizeClass as r, createCommentVNode as d, createVNode as g, createBlock as p, unref as i, toDisplayString as u } from "vue";
|
|
2
|
+
import { PlIcon16 as l } from "@platforma-sdk/ui-vue";
|
|
3
|
+
import { useStore as B } from "../../store.js";
|
|
4
|
+
import F from "../../assets/drag-and-drop/img/chip-close.svg.js";
|
|
5
|
+
const M = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "dnd-basket-chip__handler"
|
|
8
|
-
},
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "dnd-basket-chip__fixed-axes-block"
|
|
11
|
-
}, Q = /* @__PURE__ */ w({
|
|
8
|
+
}, O = { class: "dnd-basket-chip__title-wrapper" }, S = ["title"], V = ["title"], w = ["innerHTML"], I = /* @__PURE__ */ b({
|
|
12
9
|
__name: "DnDBasketChip",
|
|
13
|
-
props:
|
|
10
|
+
props: {
|
|
14
11
|
error: { type: Boolean },
|
|
15
12
|
info: {},
|
|
16
13
|
sortable: { type: Boolean },
|
|
17
14
|
searchModel: { type: Function },
|
|
18
15
|
searchOptions: { type: Function },
|
|
19
16
|
loadOptions: { type: Function }
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
() => t.info.uniqueValues.join("/")
|
|
17
|
+
},
|
|
18
|
+
emits: ["close-chip"],
|
|
19
|
+
setup(m, { emit: h }) {
|
|
20
|
+
const n = m;
|
|
21
|
+
B();
|
|
22
|
+
const f = h, _ = c(), a = v(
|
|
23
|
+
() => n.info.uniqueValues.join("/")
|
|
28
24
|
);
|
|
29
|
-
function
|
|
30
|
-
|
|
25
|
+
function k() {
|
|
26
|
+
f("close-chip", n.info.id);
|
|
31
27
|
}
|
|
32
|
-
const
|
|
33
|
-
return
|
|
34
|
-
|
|
35
|
-
}),
|
|
36
|
-
if (!Object.values(r.value).every((a) => a !== void 0) && t.info.axesToBeFixed.every((a) => e.axesToBeFixedSet.has(a))) {
|
|
37
|
-
const a = await Promise.all(t.info.axesToBeFixed.map((o) => t.loadOptions(o)));
|
|
38
|
-
r.value = t.info.axesToBeFixed.reduce((o, l, O) => (o[l] = a[O], o), {});
|
|
39
|
-
}
|
|
40
|
-
}, { immediate: !0 }), b(() => r.value, async (e) => {
|
|
41
|
-
for (let a = 0; a < t.info.axesToBeFixed.length; a++) {
|
|
42
|
-
const o = t.info.axesToBeFixed[a];
|
|
43
|
-
if (n.value[o].axisValue !== void 0 || e[o] === void 0)
|
|
44
|
-
continue;
|
|
45
|
-
let l = e[o];
|
|
46
|
-
e[o] === null && (l = await t.searchOptions(o, "")), l != null && l.length && (n.value[o].axisValue = l[0].value), V("update:modelValue", n.value);
|
|
47
|
-
}
|
|
48
|
-
}, { immediate: !0 }), (e, a) => (i(), s("div", {
|
|
28
|
+
const y = c();
|
|
29
|
+
return C(async () => {
|
|
30
|
+
y.value = await n.loadOptions(n.info.id);
|
|
31
|
+
}), (e, D) => (o(), s("div", {
|
|
49
32
|
ref_key: "chipRoot",
|
|
50
|
-
ref:
|
|
33
|
+
ref: _,
|
|
51
34
|
class: "dnd-basket-chip__group"
|
|
52
35
|
}, [
|
|
53
|
-
|
|
54
|
-
class:
|
|
36
|
+
t("div", {
|
|
37
|
+
class: r([{ error: e.error, sortable: e.sortable }, "dnd-basket-chip"])
|
|
55
38
|
}, [
|
|
56
|
-
|
|
57
|
-
class:
|
|
39
|
+
t("div", {
|
|
40
|
+
class: r(["dnd-basket-chip__icon", { error: e.error }])
|
|
58
41
|
}, [
|
|
59
|
-
e.error ? (
|
|
42
|
+
e.error ? (o(), p(i(l), {
|
|
60
43
|
key: 0,
|
|
61
44
|
name: "warning",
|
|
62
|
-
class:
|
|
63
|
-
}, null, 8, ["class"])) : (
|
|
45
|
+
class: r({ error: e.error })
|
|
46
|
+
}, null, 8, ["class"])) : (o(), p(i(l), {
|
|
64
47
|
key: 1,
|
|
65
48
|
name: e.info.isSubsetFilter ? "cell-type-subset" : e.info.type === "String" ? "cell-type-txt" : "cell-type-num"
|
|
66
49
|
}, null, 8, ["name"]))
|
|
67
50
|
], 2),
|
|
68
|
-
e.sortable ? (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
51
|
+
e.sortable ? (o(), s("div", M)) : d("", !0),
|
|
52
|
+
g(i(l), { name: "drag-dots" }),
|
|
53
|
+
t("div", O, [
|
|
54
|
+
t("div", {
|
|
72
55
|
class: "dnd-basket-chip__title",
|
|
73
56
|
title: e.info.title
|
|
74
|
-
},
|
|
75
|
-
e.info.nonHomogenous ? (
|
|
57
|
+
}, u(e.info.title), 9, S),
|
|
58
|
+
e.info.nonHomogenous ? (o(), s("div", {
|
|
76
59
|
key: 0,
|
|
77
60
|
class: "dnd-basket-chip__sub-title",
|
|
78
|
-
title:
|
|
79
|
-
},
|
|
61
|
+
title: a.value
|
|
62
|
+
}, u(a.value), 9, V)) : d("", !0)
|
|
80
63
|
]),
|
|
81
|
-
|
|
82
|
-
innerHTML:
|
|
64
|
+
t("div", {
|
|
65
|
+
innerHTML: i(F),
|
|
83
66
|
class: "dnd-basket-chip__icon-close",
|
|
84
|
-
onClick:
|
|
85
|
-
}, null, 8,
|
|
86
|
-
], 2)
|
|
87
|
-
e.info.axesToBeFixed.length > 0 ? (i(), s("div", q, [
|
|
88
|
-
(i(!0), s(B, null, P(e.info.axesToBeFixed, (o) => (i(), s(B, { key: o }, [
|
|
89
|
-
n.value[o] && r.value[o] !== null ? (i(), c(d(U), {
|
|
90
|
-
key: 0,
|
|
91
|
-
modelValue: n.value[o].axisValue,
|
|
92
|
-
"onUpdate:modelValue": [
|
|
93
|
-
(l) => n.value[o].axisValue = l,
|
|
94
|
-
a[0] || (a[0] = (l) => e.$emit("update:modelValue", n.value))
|
|
95
|
-
],
|
|
96
|
-
options: r.value[o],
|
|
97
|
-
label: e.info.axesToBeFixedInfo[o].title
|
|
98
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options", "label"])) : n.value[o] ? (i(), c(d($), {
|
|
99
|
-
key: 1,
|
|
100
|
-
modelValue: n.value[o].axisValue,
|
|
101
|
-
"onUpdate:modelValue": [
|
|
102
|
-
(l) => n.value[o].axisValue = l,
|
|
103
|
-
a[1] || (a[1] = (l) => e.$emit("update:modelValue", n.value))
|
|
104
|
-
],
|
|
105
|
-
"options-search": (l) => e.searchOptions(o, l),
|
|
106
|
-
"model-search": (l) => e.searchModel(o, l),
|
|
107
|
-
label: e.info.axesToBeFixedInfo[o].title
|
|
108
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options-search", "model-search", "label"])) : p("", !0)
|
|
109
|
-
], 64))), 128))
|
|
110
|
-
])) : p("", !0)
|
|
67
|
+
onClick: k
|
|
68
|
+
}, null, 8, w)
|
|
69
|
+
], 2)
|
|
111
70
|
], 512));
|
|
112
71
|
}
|
|
113
72
|
});
|
|
114
73
|
export {
|
|
115
|
-
|
|
74
|
+
I as default
|
|
116
75
|
};
|
|
117
76
|
//# sourceMappingURL=DnDBasketChip.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DnDBasketChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ListOption,
|
|
1
|
+
{"version":3,"file":"DnDBasketChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDBasketChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ListOption, PlIcon16 } from '@platforma-sdk/ui-vue';\nimport { computed, onMounted, ref } from 'vue';\nimport { ChipInfo } from './types.ts';\nimport { useStore } from '../../store';\nimport CloseChipIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\n\nconst props = defineProps<{\n error: boolean;\n info: ChipInfo;\n sortable?: boolean;\n searchModel: (sourceId:string, selectedValue:string) => Promise<ListOption<string>>;\n searchOptions: (sourceId:string, searchStr:string) => Promise<ListOption<string>[]>;\n loadOptions: (sourceId:string) => Promise<ListOption<string>[] | null>;\n}>();\n\nconst store = useStore();\n\n\nconst emit = defineEmits<{\n (e: 'close-chip', item: ChipInfo['id']): void;\n}>();\n\nconst chipRoot = ref<HTMLElement>();\n\nconst dimensionsTitle = computed(() =>\n props.info.uniqueValues.join('/')\n);\n\nfunction closeChip() {\n emit('close-chip', props.info['id']);\n}\n\nconst preloadedOptions = ref<ListOption[]|null|undefined>();\nonMounted(async () => {\n preloadedOptions.value = await props.loadOptions(props.info.id);\n});\n\n</script>\n<template>\n <div ref=\"chipRoot\" class=\"dnd-basket-chip__group\">\n <div :class=\"{ error, sortable }\" class=\"dnd-basket-chip\">\n <div class=\"dnd-basket-chip__icon\" :class=\"{error}\">\n <PlIcon16 v-if=\"error\" name=\"warning\" :class=\"{error}\" />\n <PlIcon16 v-else :name=\"info.isSubsetFilter ? 'cell-type-subset' : info.type === 'String' ? 'cell-type-txt' : 'cell-type-num'\"/>\n </div>\n <div v-if=\"sortable\" class=\"dnd-basket-chip__handler\"></div>\n <PlIcon16 name=\"drag-dots\" />\n <div class=\"dnd-basket-chip__title-wrapper\">\n <div class=\"dnd-basket-chip__title\" :title=\"info.title\">\n {{ info.title }}\n </div>\n <div\n v-if=\"info.nonHomogenous\"\n class=\"dnd-basket-chip__sub-title\"\n :title=\"dimensionsTitle\"\n >\n {{ dimensionsTitle }}\n </div>\n </div>\n <div\n v-html=\"CloseChipIcon\"\n class=\"dnd-basket-chip__icon-close\"\n @click=\"closeChip\"\n />\n </div>\n </div>\n</template>\n"],"names":["props","__props","useStore","emit","__emit","chipRoot","ref","dimensionsTitle","computed","closeChip","preloadedOptions","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC;AASA,IAAAC,EAAA;AAGd,UAAMC,IAAOC,GAIPC,IAAWC,EAAA,GAEXC,IAAkBC;AAAA,MAAS,MAC/BR,EAAM,KAAK,aAAa,KAAK,GAAG;AAAA,IAAA;AAGlC,aAASS,IAAY;AACnB,MAAAN,EAAK,cAAcH,EAAM,KAAK,EAAK;AAAA,IACrC;AAEA,UAAMU,IAAmBJ,EAAA;AACzB,WAAAK,EAAU,YAAY;AACpB,MAAAD,EAAiB,QAAQ,MAAMV,EAAM,YAAYA,EAAM,KAAK,EAAE;AAAA,IAChE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChipInfo
|
|
1
|
+
import { ChipInfo } from './types.ts';
|
|
2
2
|
import { ListOption } from '@platforma-sdk/ui-vue';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
info: ChipInfo;
|
|
@@ -9,18 +9,14 @@ type __VLS_Props = {
|
|
|
9
9
|
};
|
|
10
10
|
type __VLS_PublicProps = {
|
|
11
11
|
'filter': any;
|
|
12
|
-
'fixedAxes': Record<string, FixedAxisData>;
|
|
13
12
|
} & __VLS_Props;
|
|
14
13
|
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
14
|
"update:filter": (value: any) => any;
|
|
16
|
-
"update:fixedAxes": (value: Record<string, FixedAxisData>) => any;
|
|
17
15
|
} & {
|
|
18
16
|
"close-chip": (id: string) => any;
|
|
19
|
-
"update:fixedAxes": (id: Record<string, FixedAxisData>) => any;
|
|
20
17
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
21
18
|
"onClose-chip"?: ((id: string) => any) | undefined;
|
|
22
19
|
"onUpdate:filter"?: ((value: any) => any) | undefined;
|
|
23
|
-
"onUpdate:fixedAxes"?: ((value: Record<string, FixedAxisData>) => any) | undefined;
|
|
24
20
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
25
21
|
chipRoot: HTMLDivElement;
|
|
26
22
|
}, HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DnDRangeChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DnDRangeChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"names":[],"mappings":"AA4EA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAY,UAAU,EAAiB,MAAM,uBAAuB,CAAC;AAG5E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,aAAa,EAAE,CAAC,QAAQ,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAC,MAAM,KAAK,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;CACxE,CAAC;AA0BF,KAAK,iBAAiB,GAAG;IACzB,QAAQ,EAAE,GAAG,CAAC;CACb,GAAG,WAAW,CAAC;;;;;;;;;;;AA0HhB,wBASG"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import { PlIcon16 as
|
|
4
|
-
import { useStore as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as _, mergeModels as u, useModel as f, reactive as h, watch as b, createElementBlock as v, openBlock as M, createElementVNode as e, normalizeClass as g, createVNode as s, unref as l, toDisplayString as O } from "vue";
|
|
2
|
+
import V from "../../assets/drag-and-drop/img/chip-close.svg.js";
|
|
3
|
+
import { PlIcon16 as C, PlNumberField as p } from "@platforma-sdk/ui-vue";
|
|
4
|
+
import { useStore as y } from "../../store.js";
|
|
5
|
+
const k = {
|
|
6
6
|
ref: "chipRoot",
|
|
7
7
|
class: "dnd-double-chip__group"
|
|
8
|
-
},
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "dnd-basket-chip__fixed-axes-block"
|
|
11
|
-
}, Z = /* @__PURE__ */ M({
|
|
8
|
+
}, B = { class: "dnd-double-chip__top" }, w = { class: "dnd-double-chip__icon" }, E = ["title"], F = { class: "dnd-double-chip__title" }, I = ["innerHTML"], D = { class: "dnd-double-chip__bottom-range" }, N = { class: "dnd-double-chip__bottom-range-row" }, x = { class: "dnd-double-chip__bottom-range-row" }, T = /* @__PURE__ */ _({
|
|
12
9
|
__name: "DnDRangeChip",
|
|
13
|
-
props: /* @__PURE__ */
|
|
10
|
+
props: /* @__PURE__ */ u({
|
|
14
11
|
info: {},
|
|
15
12
|
error: { type: Boolean },
|
|
16
13
|
searchModel: { type: Function },
|
|
@@ -18,107 +15,68 @@ const L = {
|
|
|
18
15
|
loadOptions: { type: Function }
|
|
19
16
|
}, {
|
|
20
17
|
filter: { required: !0 },
|
|
21
|
-
filterModifiers: {}
|
|
22
|
-
fixedAxes: { required: !0 },
|
|
23
|
-
fixedAxesModifiers: {}
|
|
18
|
+
filterModifiers: {}
|
|
24
19
|
}),
|
|
25
|
-
emits: /* @__PURE__ */
|
|
26
|
-
setup(
|
|
27
|
-
var
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
emits: /* @__PURE__ */ u(["close-chip"], ["update:filter"]),
|
|
21
|
+
setup(r, { emit: H }) {
|
|
22
|
+
var a, c;
|
|
23
|
+
const m = r;
|
|
24
|
+
y();
|
|
25
|
+
const d = f(r, "filter"), n = h({
|
|
26
|
+
min: (a = d.value) == null ? void 0 : a[0],
|
|
27
|
+
max: (c = d.value) == null ? void 0 : c[1]
|
|
31
28
|
});
|
|
32
|
-
|
|
33
|
-
() =>
|
|
29
|
+
return b(
|
|
30
|
+
() => n,
|
|
34
31
|
(o) => {
|
|
35
|
-
|
|
32
|
+
d.value = o;
|
|
36
33
|
},
|
|
37
34
|
{ deep: !0 }
|
|
38
|
-
)
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
if (!Object.values(r.value).every((l) => l !== void 0) && n.info.axesToBeFixed.every((l) => o.axesToBeFixedSet.has(l))) {
|
|
42
|
-
const l = await Promise.all(n.info.axesToBeFixed.map((e) => n.loadOptions(e)));
|
|
43
|
-
r.value = n.info.axesToBeFixed.reduce((e, t, k) => (e[t] = l[k], e), {});
|
|
44
|
-
}
|
|
45
|
-
}, { immediate: !0 }), f(() => r.value, async (o) => {
|
|
46
|
-
for (let l = 0; l < n.info.axesToBeFixed.length; l++) {
|
|
47
|
-
const e = n.info.axesToBeFixed[l];
|
|
48
|
-
if (i.value[e].axisValue !== void 0 || o[e] === void 0)
|
|
49
|
-
continue;
|
|
50
|
-
let t = o[e];
|
|
51
|
-
o[e] === null && (t = await n.searchOptions(e, "")), t != null && t.length && (i.value[e].axisValue = t[0].value), g("update:fixedAxes", i.value);
|
|
52
|
-
}
|
|
53
|
-
}, { immediate: !0 }), (o, l) => (d(), m("div", L, [
|
|
54
|
-
a("div", {
|
|
55
|
-
class: w([{ error: o.error }, "dnd-double-chip"])
|
|
35
|
+
), (o, t) => (M(), v("div", k, [
|
|
36
|
+
e("div", {
|
|
37
|
+
class: g([{ error: o.error }, "dnd-double-chip"])
|
|
56
38
|
}, [
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
e("div", B, [
|
|
40
|
+
e("div", w, [
|
|
41
|
+
s(l(C), { name: "cell-type-num" })
|
|
60
42
|
]),
|
|
61
|
-
|
|
43
|
+
e("div", {
|
|
62
44
|
class: "dnd-double-chip__title-wrapper",
|
|
63
45
|
title: o.info.title
|
|
64
46
|
}, [
|
|
65
|
-
|
|
66
|
-
], 8,
|
|
67
|
-
|
|
68
|
-
innerHTML:
|
|
47
|
+
e("div", F, O(o.info.title), 1)
|
|
48
|
+
], 8, E),
|
|
49
|
+
e("div", {
|
|
50
|
+
innerHTML: l(V),
|
|
69
51
|
class: "dnd-double-chip__icon-close",
|
|
70
|
-
onClick:
|
|
71
|
-
}, null, 8,
|
|
52
|
+
onClick: t[0] || (t[0] = (i) => o.$emit("close-chip", m.info.id))
|
|
53
|
+
}, null, 8, I)
|
|
72
54
|
]),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
55
|
+
e("div", D, [
|
|
56
|
+
e("div", N, [
|
|
57
|
+
s(l(p), {
|
|
76
58
|
label: "Min",
|
|
77
|
-
modelValue:
|
|
78
|
-
"onUpdate:modelValue":
|
|
59
|
+
modelValue: n.min,
|
|
60
|
+
"onUpdate:modelValue": t[1] || (t[1] = (i) => n.min = i),
|
|
79
61
|
updateOnEnterOrClickOutside: !0,
|
|
80
62
|
useIncrementButtons: !1
|
|
81
63
|
}, null, 8, ["modelValue"])
|
|
82
64
|
]),
|
|
83
|
-
|
|
84
|
-
|
|
65
|
+
e("div", x, [
|
|
66
|
+
s(l(p), {
|
|
85
67
|
label: "Max",
|
|
86
|
-
modelValue:
|
|
87
|
-
"onUpdate:modelValue":
|
|
68
|
+
modelValue: n.max,
|
|
69
|
+
"onUpdate:modelValue": t[2] || (t[2] = (i) => n.max = i),
|
|
88
70
|
updateOnEnterOrClickOutside: !0,
|
|
89
71
|
useIncrementButtons: !1
|
|
90
72
|
}, null, 8, ["modelValue"])
|
|
91
73
|
])
|
|
92
74
|
])
|
|
93
|
-
], 2)
|
|
94
|
-
o.info.axesToBeFixed.length > 0 ? (d(), m("div", K, [
|
|
95
|
-
(d(!0), m(B, null, U(o.info.axesToBeFixed, (e) => (d(), m(B, { key: e }, [
|
|
96
|
-
i.value[e] && r.value[e] !== null ? (d(), F(s(D), {
|
|
97
|
-
key: 0,
|
|
98
|
-
modelValue: i.value[e].axisValue,
|
|
99
|
-
"onUpdate:modelValue": [
|
|
100
|
-
(t) => i.value[e].axisValue = t,
|
|
101
|
-
l[3] || (l[3] = (t) => o.$emit("update:fixedAxes", i.value))
|
|
102
|
-
],
|
|
103
|
-
options: r.value[e],
|
|
104
|
-
label: o.info.axesToBeFixedInfo[e].title
|
|
105
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options", "label"])) : i.value[e] ? (d(), F(s(E), {
|
|
106
|
-
key: 1,
|
|
107
|
-
modelValue: i.value[e].axisValue,
|
|
108
|
-
"onUpdate:modelValue": [
|
|
109
|
-
(t) => i.value[e].axisValue = t,
|
|
110
|
-
l[4] || (l[4] = (t) => o.$emit("update:fixedAxes", i.value))
|
|
111
|
-
],
|
|
112
|
-
"options-search": (t) => o.searchOptions(e, t),
|
|
113
|
-
"model-search": (t) => o.searchModel(e, t),
|
|
114
|
-
label: o.info.axesToBeFixedInfo[e].title
|
|
115
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "options-search", "model-search", "label"])) : _("", !0)
|
|
116
|
-
], 64))), 128))
|
|
117
|
-
])) : _("", !0)
|
|
75
|
+
], 2)
|
|
118
76
|
], 512));
|
|
119
77
|
}
|
|
120
78
|
});
|
|
121
79
|
export {
|
|
122
|
-
|
|
80
|
+
T as default
|
|
123
81
|
};
|
|
124
82
|
//# sourceMappingURL=DnDRangeChip.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DnDRangeChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChipInfo
|
|
1
|
+
{"version":3,"file":"DnDRangeChip.vue.js","sources":["../../../../src/GraphMaker/components/DragAndDrop/DnDRangeChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChipInfo } from './types.ts';\nimport CloseIcon from '../../assets/drag-and-drop/img/chip-close.svg?raw';\nimport { reactive, watch, ref } from 'vue';\nimport { PlIcon16, ListOption, PlNumberField } from '@platforma-sdk/ui-vue';\nimport { useStore } from '../../store';\n\nconst props = defineProps<{\n info: ChipInfo;\n error: boolean;\n searchModel: (sourceId:string, selectedValue:string) => Promise<ListOption<string>>;\n searchOptions: (sourceId:string, searchStr:string) => Promise<ListOption<string>[]>;\n loadOptions: (sourceId:string) => Promise<ListOption<string>[] | null>;\n}>();\n\nconst store = useStore();\n\nconst emit = defineEmits<{\n (e: 'close-chip', id: ChipInfo['id']): void;\n}>();\n\nconst filterModel = defineModel('filter', { required: true });\n\nconst range = reactive({\n min: (filterModel.value as number[])?.[0] as number | undefined,\n max: (filterModel.value as number[])?.[1] as number | undefined\n});\n\nwatch(() => range, (rangeValue) => {\n filterModel.value = rangeValue;\n }, { deep: true }\n);\n\n</script>\n\n<template>\n <div ref=\"chipRoot\" class=\"dnd-double-chip__group\">\n <div :class=\"{ error }\" class=\"dnd-double-chip\">\n <div class=\"dnd-double-chip__top\">\n <div class=\"dnd-double-chip__icon\">\n <PlIcon16 name=\"cell-type-num\" />\n </div>\n <div class=\"dnd-double-chip__title-wrapper\" :title=\"info.title\">\n <div class=\"dnd-double-chip__title\">\n {{ info.title }}\n </div>\n </div>\n <div\n v-html=\"CloseIcon\"\n class=\"dnd-double-chip__icon-close\"\n @click=\"$emit('close-chip', props.info.id)\"\n />\n </div>\n <div class=\"dnd-double-chip__bottom-range\">\n <div class=\"dnd-double-chip__bottom-range-row\">\n <PlNumberField\n label=\"Min\"\n v-model=\"range.min\"\n :updateOnEnterOrClickOutside=\"true\"\n :useIncrementButtons=\"false\"\n />\n </div>\n <div class=\"dnd-double-chip__bottom-range-row\">\n <PlNumberField\n label=\"Max\"\n v-model=\"range.max\"\n :updateOnEnterOrClickOutside=\"true\"\n :useIncrementButtons=\"false\"\n />\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"names":["props","__props","useStore","filterModel","_useModel","range","reactive","_a","_b","watch","rangeValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC;AAQA,IAAAC,EAAA;AAMd,UAAMC,IAAcC,EAAWH,GAAC,QAA4B,GAEtDI,IAAQC,EAAS;AAAA,MACrB,MAAMC,IAAAJ,EAAY,UAAZ,gBAAAI,EAAiC;AAAA,MACvC,MAAMC,IAAAL,EAAY,UAAZ,gBAAAK,EAAiC;AAAA,IAAC,CACzC;AAED,WAAAC;AAAA,MAAM,MAAMJ;AAAA,MAAO,CAACK,MAAe;AAC/B,QAAAP,EAAY,QAAQO;AAAA,MACtB;AAAA,MAAG,EAAE,MAAM,GAAA;AAAA,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import { DndBasketProps, SelectFilterValueEvent
|
|
1
|
+
import { DndBasketProps, SelectFilterValueEvent } from './types';
|
|
2
2
|
type __VLS_Props = DndBasketProps;
|
|
3
3
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
4
4
|
"drop-item": (data: import('./types').DropItemEvent<any>) => any;
|
|
5
5
|
"remove-item": (data: import('./types').RemoveItemEvent<any>) => any;
|
|
6
6
|
"select-filter-value": (data: SelectFilterValueEvent) => any;
|
|
7
7
|
"select-filter-range": (data: SelectFilterValueEvent) => any;
|
|
8
|
-
"select-fixed-axis-value": (data: SelectFixedAxisValueEvent) => any;
|
|
9
8
|
reorder: (data: string[]) => any;
|
|
10
9
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
11
10
|
"onDrop-item"?: ((data: import('./types').DropItemEvent<any>) => any) | undefined;
|
|
12
11
|
"onRemove-item"?: ((data: import('./types').RemoveItemEvent<any>) => any) | undefined;
|
|
13
12
|
"onSelect-filter-value"?: ((data: SelectFilterValueEvent) => any) | undefined;
|
|
14
13
|
"onSelect-filter-range"?: ((data: SelectFilterValueEvent) => any) | undefined;
|
|
15
|
-
"onSelect-fixed-axis-value"?: ((data: SelectFixedAxisValueEvent) => any) | undefined;
|
|
16
14
|
onReorder?: ((data: string[]) => any) | undefined;
|
|
17
15
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
18
16
|
basketRoot: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DndBasket.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndBasket.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DndBasket.vue.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/components/DragAndDrop/DndBasket.vue"],"names":[],"mappings":"AA+LA,OAAO,EAEL,cAAc,EACd,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,cAAc,CAAC;;;;;;;;;;;;;;;;;AAwTlC,wBASG"}
|