@things-factory/meta-ui 9.1.19 → 9.2.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/dist-client/component/grist/editor/grist-editor-meta-object-selector.d.ts +1 -0
- package/dist-client/component/grist/editor/grist-editor-meta-object-selector.js +21 -17
- package/dist-client/component/grist/editor/grist-editor-meta-object-selector.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
|
@@ -17,10 +17,15 @@ export class GristEditorMetaObjectSelector extends OxGristEditor {
|
|
|
17
17
|
get editorTemplate() {
|
|
18
18
|
let text = '';
|
|
19
19
|
if (this.value && this.column.record.options) {
|
|
20
|
-
let fields = this.column.record.options.nameField.split(
|
|
20
|
+
let fields = this.column.record.options.nameField.split(',');
|
|
21
21
|
text = this.value[fields[0]];
|
|
22
22
|
if (fields.length > 1) {
|
|
23
|
-
text += `(${fields
|
|
23
|
+
text += `(${fields
|
|
24
|
+
.splice(1)
|
|
25
|
+
.map(field => {
|
|
26
|
+
return this.value[field];
|
|
27
|
+
})
|
|
28
|
+
.join(',')})`;
|
|
24
29
|
}
|
|
25
30
|
}
|
|
26
31
|
return html `
|
|
@@ -34,7 +39,6 @@ export class GristEditorMetaObjectSelector extends OxGristEditor {
|
|
|
34
39
|
}
|
|
35
40
|
_onclick(e) {
|
|
36
41
|
e.stopPropagation();
|
|
37
|
-
this.openSelector();
|
|
38
42
|
}
|
|
39
43
|
_onkeydown(e) {
|
|
40
44
|
const key = e.key;
|
|
@@ -43,21 +47,23 @@ export class GristEditorMetaObjectSelector extends OxGristEditor {
|
|
|
43
47
|
this.openSelector();
|
|
44
48
|
}
|
|
45
49
|
}
|
|
50
|
+
_ondblclick(e) {
|
|
51
|
+
e.stopPropagation();
|
|
52
|
+
this.openSelector();
|
|
53
|
+
}
|
|
46
54
|
openSelector() {
|
|
47
55
|
if (this.popup) {
|
|
48
56
|
delete this.popup;
|
|
49
57
|
}
|
|
50
58
|
var { selectorName = TermsUtil.tTitle('select_item') } = this.column.record.options || {};
|
|
51
|
-
const confirmCallback =
|
|
59
|
+
const confirmCallback = selected => {
|
|
52
60
|
let fieldMap = this.column.record.options.fieldMap || {};
|
|
53
61
|
this.dispatchEvent(new CustomEvent('field-change', {
|
|
54
62
|
bubbles: true,
|
|
55
63
|
composed: true,
|
|
56
64
|
detail: {
|
|
57
65
|
before: this.value,
|
|
58
|
-
after: selected
|
|
59
|
-
? selected
|
|
60
|
-
: null,
|
|
66
|
+
after: selected ? selected : null,
|
|
61
67
|
record: this.record,
|
|
62
68
|
column: this.column,
|
|
63
69
|
row: this.row
|
|
@@ -69,9 +75,7 @@ export class GristEditorMetaObjectSelector extends OxGristEditor {
|
|
|
69
75
|
composed: true,
|
|
70
76
|
detail: {
|
|
71
77
|
before: this.record[fieldMap[key]],
|
|
72
|
-
after: selected
|
|
73
|
-
? selected[key]
|
|
74
|
-
: null,
|
|
78
|
+
after: selected ? selected[key] : null,
|
|
75
79
|
record: this.record,
|
|
76
80
|
column: { name: fieldMap[key] },
|
|
77
81
|
row: this.row
|
|
@@ -80,13 +84,13 @@ export class GristEditorMetaObjectSelector extends OxGristEditor {
|
|
|
80
84
|
});
|
|
81
85
|
};
|
|
82
86
|
var template = html `
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
<meta-object-selector-popup
|
|
88
|
+
.value=${this.value}
|
|
89
|
+
.options=${this.column.record.options}
|
|
90
|
+
.record=${this.record}
|
|
91
|
+
.confirmCallback=${confirmCallback.bind(this)}
|
|
92
|
+
></meta-object-selector-popup>
|
|
93
|
+
`;
|
|
90
94
|
this.popup = openPopup(template, {
|
|
91
95
|
backdrop: true,
|
|
92
96
|
size: 'large',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grist-editor-meta-object-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/editor/grist-editor-meta-object-selector.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"grist-editor-meta-object-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/editor/grist-editor-meta-object-selector.js"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from '../../../utils/terms-util'\n\nimport '../../popup/meta-object-selector-popup'\n\nexport class GristEditorMetaObjectSelector extends OxGristEditor {\n static get properties() {\n return {\n value: Object,\n column: Object,\n record: Object,\n rowIndex: Number,\n field: Object,\n popup: Object\n }\n }\n\n get editorTemplate() {\n let text = ''\n\n if (this.value && this.column.record.options) {\n let fields = this.column.record.options.nameField.split(',')\n text = this.value[fields[0]]\n\n if (fields.length > 1) {\n text += `(${fields\n .splice(1)\n .map(field => {\n return this.value[field]\n })\n .join(',')})`\n }\n }\n\n return html`\n ${!this.value\n ? html`<span tabindex=\"0\">${text}</span>`\n : html` <span tabindex=\"0\" style=\"flex:1\">${text}</span> `}\n `\n }\n\n async firstUpdated() {\n super.firstUpdated()\n }\n\n _onclick(e) {\n e.stopPropagation()\n }\n\n _onkeydown(e) {\n const key = e.key\n if (key == 'Enter') {\n e.stopPropagation()\n this.openSelector()\n }\n }\n\n _ondblclick(e) {\n e.stopPropagation()\n this.openSelector()\n }\n\n openSelector() {\n if (this.popup) {\n delete this.popup\n }\n\n var { selectorName = TermsUtil.tTitle('select_item') } = this.column.record.options || {}\n\n const confirmCallback = selected => {\n let fieldMap = this.column.record.options.fieldMap || {}\n\n this.dispatchEvent(\n new CustomEvent('field-change', {\n bubbles: true,\n composed: true,\n detail: {\n before: this.value,\n after: selected ? selected : null,\n record: this.record,\n column: this.column,\n row: this.row\n }\n })\n )\n\n Object.keys(fieldMap).forEach(key => {\n this.dispatchEvent(\n new CustomEvent('field-change', {\n bubbles: true,\n composed: true,\n detail: {\n before: this.record[fieldMap[key]],\n after: selected ? selected[key] : null,\n record: this.record,\n column: { name: fieldMap[key] },\n row: this.row\n }\n })\n )\n })\n }\n\n var template = html`\n <meta-object-selector-popup\n .value=${this.value}\n .options=${this.column.record.options}\n .record=${this.record}\n .confirmCallback=${confirmCallback.bind(this)}\n ></meta-object-selector-popup>\n `\n\n this.popup = openPopup(template, {\n backdrop: true,\n size: 'large',\n title: TermsUtil.tMenu(selectorName)\n })\n }\n}\n\ncustomElements.define('grist-editor-meta-object-selector', GristEditorMetaObjectSelector)\n"]}
|