@operato/app 0.4.3 → 1.0.0-alpha.3
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/CHANGELOG.md +25 -0
- package/dist/src/grist/code-editor.d.ts +6 -0
- package/dist/src/grist/code-editor.js +50 -0
- package/dist/src/grist/code-editor.js.map +1 -0
- package/dist/src/grist/id-selector.js +1 -1
- package/dist/src/grist/id-selector.js.map +1 -1
- package/dist/src/grist/index.js +2 -0
- package/dist/src/grist/index.js.map +1 -1
- package/dist/src/grist/object-editor.d.ts +18 -0
- package/dist/src/grist/object-editor.js +152 -0
- package/dist/src/grist/object-editor.js.map +1 -0
- package/dist/src/grist/object-selector.d.ts +38 -0
- package/dist/src/grist/object-selector.js +338 -0
- package/dist/src/grist/object-selector.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +16 -11
- package/src/grist/code-editor.ts +78 -0
- package/src/grist/id-selector.ts +2 -10
- package/src/grist/index.ts +2 -0
- package/src/grist/object-editor.ts +154 -0
- package/src/grist/object-selector.ts +346 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,31 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @operato/app
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2022-03-10)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @operato/app
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [1.0.0-alpha.1](https://github.com/hatiolab/operato/compare/v0.4.3...v1.0.0-alpha.1) (2022-03-09)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### :rocket: New Features
|
|
26
|
+
|
|
27
|
+
* 1.0-alpha ([42f87cf](https://github.com/hatiolab/operato/commit/42f87cf6a3cef0381db91ecb1179e63c64c01370))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
6
31
|
### [0.4.3](https://github.com/hatiolab/operato/compare/v0.4.2...v0.4.3) (2022-03-06)
|
|
7
32
|
|
|
8
33
|
**Note:** Version bump only for package @operato/app
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import '@material/mwc-icon';
|
|
2
|
+
import { InputEditor } from '@operato/data-grist';
|
|
3
|
+
import { client, gqlContext } from '@operato/graphql';
|
|
4
|
+
import gql from 'graphql-tag';
|
|
5
|
+
import { html } from 'lit';
|
|
6
|
+
const FETCH_COMMON_CODE_GQL = (codeName) => gql `
|
|
7
|
+
{
|
|
8
|
+
commonCode(name: "${codeName}") {
|
|
9
|
+
details {
|
|
10
|
+
name
|
|
11
|
+
description
|
|
12
|
+
rank
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
`;
|
|
17
|
+
export class CodeEditor extends InputEditor {
|
|
18
|
+
async firstUpdated() {
|
|
19
|
+
super.firstUpdated();
|
|
20
|
+
var { codeName, codes } = this.column.record || {};
|
|
21
|
+
if (!codes && codeName) {
|
|
22
|
+
/* codeName으로 fetch 해와서, this.column.record.codes에 보관한다. */
|
|
23
|
+
var response = await client.query({
|
|
24
|
+
query: FETCH_COMMON_CODE_GQL(codeName),
|
|
25
|
+
context: gqlContext()
|
|
26
|
+
});
|
|
27
|
+
var commonCode = response && response.data && response.data.commonCode;
|
|
28
|
+
if (commonCode) {
|
|
29
|
+
this.column.record.codes = [{ name: '', description: '' }].concat(commonCode.details.sort(function (a, b) {
|
|
30
|
+
return a.rank - b.rank;
|
|
31
|
+
}));
|
|
32
|
+
this.requestUpdate();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
get editorTemplate() {
|
|
37
|
+
var { codes } = this.column.record || {};
|
|
38
|
+
return html `
|
|
39
|
+
<select>
|
|
40
|
+
${(codes || ['']).map((code) => html `
|
|
41
|
+
<option ?selected=${code.name == this.value} value=${code.name}>
|
|
42
|
+
${code.name}${code.description ? ` - ${code.description}` : ''}
|
|
43
|
+
</option>
|
|
44
|
+
`)}
|
|
45
|
+
</select>
|
|
46
|
+
`;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
customElements.define('code-editor', CodeEditor);
|
|
50
|
+
//# sourceMappingURL=code-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/grist/code-editor.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAG3B,OAAO,EAAE,WAAW,EAAgB,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAErD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAc1B,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;;sBAEjC,QAAQ;;;;;;;;CAQ7B,CAAA;AAED,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;QAEpB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAElD,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YACtB,2DAA2D;YAC3D,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAChC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC;gBACtC,OAAO,EAAE,UAAU,EAAE;aACtB,CAAC,CAAA;YAEF,IAAI,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAA;YAEtE,IAAI,UAAU,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAC/D,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAmB,EAAE,CAAmB;oBACxE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA;gBACxB,CAAC,CAAC,CACH,CAAA;gBAED,IAAI,CAAC,aAAa,EAAE,CAAA;aACrB;SACF;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAExC,OAAO,IAAI,CAAA;;UAEL,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CACnB,CAAC,IAAgB,EAAE,EAAE,CAAC,IAAI,CAAA;gCACJ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,UAAU,IAAI,CAAC,IAAI;gBAC1D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;WAEjE,CACF;;KAEJ,CAAA;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA","sourcesContent":["import '@material/mwc-icon'\nimport {} from '@operato/shell'\n\nimport { InputEditor, RecordConfig } from '@operato/data-grist'\nimport { client, gqlContext } from '@operato/graphql'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\ntype CommonCodeDetail = {\n name: string\n description: string\n rank: number\n}\n\ntype CommonCode = {\n name: string\n description: string\n details: CommonCodeDetail[]\n}\n\nconst FETCH_COMMON_CODE_GQL = (codeName: string) => gql`\n{\n commonCode(name: \"${codeName}\") {\n details {\n name\n description\n rank\n }\n }\n}\n`\n\nexport class CodeEditor extends InputEditor {\n async firstUpdated() {\n super.firstUpdated()\n\n var { codeName, codes } = this.column.record || {}\n\n if (!codes && codeName) {\n /* codeName으로 fetch 해와서, this.column.record.codes에 보관한다. */\n var response = await client.query({\n query: FETCH_COMMON_CODE_GQL(codeName),\n context: gqlContext()\n })\n\n var commonCode = response && response.data && response.data.commonCode\n\n if (commonCode) {\n this.column.record.codes = [{ name: '', description: '' }].concat(\n commonCode.details.sort(function (a: CommonCodeDetail, b: CommonCodeDetail) {\n return a.rank - b.rank\n })\n )\n\n this.requestUpdate()\n }\n }\n }\n\n get editorTemplate() {\n var { codes } = this.column.record || {}\n\n return html`\n <select>\n ${(codes || ['']).map(\n (code: CommonCode) => html`\n <option ?selected=${code.name == this.value} value=${code.name}>\n ${code.name}${code.description ? ` - ${code.description}` : ''}\n </option>\n `\n )}\n </select>\n `\n }\n}\n\ncustomElements.define('code-editor', CodeEditor)\n"]}
|
|
@@ -21,7 +21,7 @@ let IdSelector = class IdSelector extends LitElement {
|
|
|
21
21
|
.fetchHandler=${this.fetchHandler.bind(this)}
|
|
22
22
|
.selectedRecords=${this.selectedRecords}
|
|
23
23
|
>
|
|
24
|
-
<div id="filters" slot="
|
|
24
|
+
<div id="filters" slot="headroom">
|
|
25
25
|
<ox-filters-form></ox-filters-form>
|
|
26
26
|
</div>
|
|
27
27
|
</ox-grist>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"id-selector.js","sourceRoot":"","sources":["../../../src/grist/id-selector.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,
|
|
1
|
+
{"version":3,"file":"id-selector.js","sourceRoot":"","sources":["../../../src/grist/id-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport { DataGrist, FetchOption, GristData, GristRecord, ZERO_DATA } from '@operato/data-grist'\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\n\n@customElement('ox-id-selector')\nexport class IdSelector extends LitElement {\n static styles = css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n\n #filters {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n #filters > * {\n padding: var(--padding-default) var(--padding-wide);\n }\n\n .button-container {\n display: flex;\n margin-left: auto;\n }\n `\n\n @property({ type: String }) value?: string\n @property({ type: Object }) config: any\n @property({ type: Object }) data: GristData = ZERO_DATA\n @property({ type: String }) queryName!: string\n @property({ type: Object }) basicArgs: any\n @property({ type: Object }) confirmCallback?: (record: GristRecord | undefined) => void\n @property({ type: Array }) selectedRecords: GristRecord[] = []\n\n @query('ox-grist') grist!: DataGrist\n\n render() {\n return html`\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.config}\n .fetchHandler=${this.fetchHandler.bind(this)}\n .selectedRecords=${this.selectedRecords}\n >\n <div id=\"filters\" slot=\"headroom\">\n <ox-filters-form></ox-filters-form>\n </div>\n </ox-grist>\n\n <div class=\"button-container\">\n <mwc-button @click=${this.oncancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n <mwc-button @click=${this.onconfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n </div>\n `\n }\n\n oncancel() {\n history.back()\n }\n\n onconfirm() {\n this.confirmCallback && this.confirmCallback(this.selected)\n history.back()\n }\n\n async firstUpdated() {\n this.config = {\n columns: [\n {\n type: 'gutter',\n gutterName: 'sequence'\n },\n {\n type: 'gutter',\n gutterName: 'row-selector',\n multiple: false\n },\n {\n type: 'string',\n name: 'id',\n header: i18next.t('field.id'),\n hidden: true\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: {\n align: 'left'\n },\n filter: 'search',\n sortable: true,\n width: 160\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: {\n align: 'left'\n },\n filter: 'search',\n sortable: true,\n width: 300\n }\n ],\n rows: {\n selectable: {\n multiple: false\n },\n handlers: {\n click: 'select-row'\n }\n },\n pagination: {\n infinite: true\n }\n }\n\n await this.updateComplete\n\n /* TODO config가 설정될 때, fetch() 가 동작하므로, fetch 완료 이벤트를 받아서, selected를 설정해주는 것이 좋겠다. \n 현재는 fetch() 가 두번 일어난다.\n */\n await this.grist.fetch()\n\n var selected = this.grist.data.records.find(item => this.value == item.id)\n if (selected) {\n this.selectedRecords = [selected]\n }\n /* TODO config가 설정될 때, fetch() 가 동작하므로, fetch 완료 이벤트를 받아서, selected를 설정해주는 것이 좋겠다. */\n\n await this.updateComplete\n this.grist.focus()\n }\n\n async fetchHandler({ page = 1, limit = 100, sorters = [], filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n q: ${this.queryName}(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n description\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings: sorters\n }\n })\n\n return {\n total: response.data.q.total || 0,\n records: response.data.q.items || []\n }\n }\n\n get selected() {\n var grist = this.renderRoot.querySelector('ox-grist') as DataGrist\n\n var selected = grist.selected\n\n return selected && selected.length > 0 ? selected[0] : undefined\n }\n}\n"]}
|
package/dist/src/grist/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { registerEditor, registerRenderer } from '@operato/data-grist';
|
|
2
|
+
import { CodeEditor } from './code-editor';
|
|
2
3
|
import { IdInput } from './id-input.js';
|
|
3
4
|
import { IdRenderer } from './id-renderer.js';
|
|
4
5
|
/* register grist renderer/editor for id */
|
|
5
6
|
registerEditor('id', IdInput);
|
|
7
|
+
registerEditor('code', CodeEditor);
|
|
6
8
|
registerRenderer('id', IdRenderer);
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,2CAA2C;AAC3C,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,2CAA2C;AAC3C,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AAC7B,cAAc,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAElC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA","sourcesContent":["import { registerEditor, registerRenderer } from '@operato/data-grist'\n\nimport { CodeEditor } from './code-editor'\nimport { IdInput } from './id-input.js'\nimport { IdRenderer } from './id-renderer.js'\n\n/* register grist renderer/editor for id */\nregisterEditor('id', IdInput)\nregisterEditor('code', CodeEditor)\n\nregisterRenderer('id', IdRenderer)\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import '@material/mwc-icon';
|
|
2
|
+
import '../../elements/object-selector';
|
|
3
|
+
import { ColumnConfig, GristRecord } from '@operato/data-grist';
|
|
4
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
5
|
+
export declare class ObjectEditor extends LitElement {
|
|
6
|
+
static styles: import("lit").CSSResult;
|
|
7
|
+
value: {
|
|
8
|
+
[prop: string]: any;
|
|
9
|
+
};
|
|
10
|
+
column: ColumnConfig;
|
|
11
|
+
record: GristRecord;
|
|
12
|
+
row?: number;
|
|
13
|
+
private popup?;
|
|
14
|
+
private template?;
|
|
15
|
+
render(): TemplateResult<1>;
|
|
16
|
+
firstUpdated(): Promise<void>;
|
|
17
|
+
openSelector(): void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import '@material/mwc-icon';
|
|
3
|
+
import '../../elements/object-selector';
|
|
4
|
+
import { ZERO_COLUMN, ZERO_RECORD } from '@operato/data-grist';
|
|
5
|
+
import { LitElement, css, html } from 'lit';
|
|
6
|
+
import { openPopup } from '@operato/layout';
|
|
7
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
8
|
+
import { i18next } from '@operato/i18n';
|
|
9
|
+
let ObjectEditor = class ObjectEditor extends LitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.value = {};
|
|
13
|
+
this.column = ZERO_COLUMN;
|
|
14
|
+
this.record = ZERO_RECORD;
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
var value = this.value || {};
|
|
18
|
+
var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
|
|
19
|
+
var name, description;
|
|
20
|
+
if (typeof nameField === 'function') {
|
|
21
|
+
name = nameField(value);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
name = value[nameField];
|
|
25
|
+
}
|
|
26
|
+
if (typeof descriptionField === 'function') {
|
|
27
|
+
description = descriptionField(value);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
description = value[descriptionField] && `(${value[descriptionField]})`;
|
|
31
|
+
}
|
|
32
|
+
return html `
|
|
33
|
+
${!value ? html `` : html ` <span>${name || ''}${description || ''}</span> `}
|
|
34
|
+
<mwc-icon>arrow_drop_down</mwc-icon>
|
|
35
|
+
`;
|
|
36
|
+
}
|
|
37
|
+
async firstUpdated() {
|
|
38
|
+
this.value = this.record[this.column.name];
|
|
39
|
+
this.template = ((this.column.record || {}).options || {}).template;
|
|
40
|
+
await this.updateComplete;
|
|
41
|
+
this.renderRoot.addEventListener('click', e => {
|
|
42
|
+
e.stopPropagation();
|
|
43
|
+
this.openSelector();
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
openSelector() {
|
|
47
|
+
if (this.popup) {
|
|
48
|
+
delete this.popup;
|
|
49
|
+
}
|
|
50
|
+
const confirmCallback = (selected) => {
|
|
51
|
+
var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
|
|
52
|
+
this.dispatchEvent(new CustomEvent('field-change', {
|
|
53
|
+
bubbles: true,
|
|
54
|
+
composed: true,
|
|
55
|
+
detail: {
|
|
56
|
+
before: this.value,
|
|
57
|
+
after: {
|
|
58
|
+
...(this.column.record.options.select || [])
|
|
59
|
+
.map((field) => field.name)
|
|
60
|
+
.reduce((obj, fieldName) => {
|
|
61
|
+
return (obj = {
|
|
62
|
+
...obj,
|
|
63
|
+
[fieldName]: selected[fieldName]
|
|
64
|
+
});
|
|
65
|
+
}, {}),
|
|
66
|
+
[idField]: selected[idField],
|
|
67
|
+
[nameField]: selected[nameField],
|
|
68
|
+
[descriptionField]: selected[descriptionField]
|
|
69
|
+
},
|
|
70
|
+
record: this.record,
|
|
71
|
+
column: this.column,
|
|
72
|
+
row: this.row
|
|
73
|
+
}
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
var value = this.value || {};
|
|
77
|
+
var valueField = this.column.record.options.valueField || 'id';
|
|
78
|
+
var actualValue;
|
|
79
|
+
if (typeof valueField === 'function') {
|
|
80
|
+
actualValue = valueField(value);
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
actualValue = value[valueField];
|
|
84
|
+
}
|
|
85
|
+
var template = this.template ||
|
|
86
|
+
html `
|
|
87
|
+
<object-selector
|
|
88
|
+
.value=${actualValue}
|
|
89
|
+
.confirmCallback=${confirmCallback.bind(this)}
|
|
90
|
+
.queryName=${this.column.record.options.queryName}
|
|
91
|
+
.select=${this.column.record.options.select}
|
|
92
|
+
.list=${this.column.record.options.list}
|
|
93
|
+
.basicArgs=${this.column.record.options.basicArgs}
|
|
94
|
+
.valueField=${this.column.record.options.valueField}
|
|
95
|
+
></object-selector>
|
|
96
|
+
`;
|
|
97
|
+
this.popup = openPopup(template, {
|
|
98
|
+
backdrop: true,
|
|
99
|
+
size: 'large',
|
|
100
|
+
title: i18next.t('title.select_item')
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
ObjectEditor.styles = css `
|
|
105
|
+
:host {
|
|
106
|
+
display: flex;
|
|
107
|
+
flex-flow: row nowrap;
|
|
108
|
+
|
|
109
|
+
padding: 7px 0px;
|
|
110
|
+
box-sizing: border-box;
|
|
111
|
+
|
|
112
|
+
width: 100%;
|
|
113
|
+
height: 100%;
|
|
114
|
+
|
|
115
|
+
border: 0;
|
|
116
|
+
background-color: transparent;
|
|
117
|
+
|
|
118
|
+
font: var(--grist-object-editor-font);
|
|
119
|
+
color: var(--grist-object-editor-color);
|
|
120
|
+
justify-content: inherit;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
span {
|
|
124
|
+
display: flex;
|
|
125
|
+
flex: auto;
|
|
126
|
+
|
|
127
|
+
justify-content: inherit;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
mwc-icon {
|
|
131
|
+
width: 20px;
|
|
132
|
+
font-size: 1.5em;
|
|
133
|
+
margin-left: auto;
|
|
134
|
+
}
|
|
135
|
+
`;
|
|
136
|
+
__decorate([
|
|
137
|
+
property({ type: Object })
|
|
138
|
+
], ObjectEditor.prototype, "value", void 0);
|
|
139
|
+
__decorate([
|
|
140
|
+
property({ type: Object })
|
|
141
|
+
], ObjectEditor.prototype, "column", void 0);
|
|
142
|
+
__decorate([
|
|
143
|
+
property({ type: Object })
|
|
144
|
+
], ObjectEditor.prototype, "record", void 0);
|
|
145
|
+
__decorate([
|
|
146
|
+
property({ type: Number })
|
|
147
|
+
], ObjectEditor.prototype, "row", void 0);
|
|
148
|
+
ObjectEditor = __decorate([
|
|
149
|
+
customElement('ox-object-editor')
|
|
150
|
+
], ObjectEditor);
|
|
151
|
+
export { ObjectEditor };
|
|
152
|
+
//# sourceMappingURL=object-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"object-editor.js","sourceRoot":"","sources":["../../../src/grist/object-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '../../elements/object-selector'\n\nimport { ColumnConfig, GristData, GristRecord, ZERO_COLUMN, ZERO_CONFIG, ZERO_RECORD } from '@operato/data-grist'\nimport { LitElement, TemplateResult, css, html } from 'lit'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-object-editor')\nexport class ObjectEditor extends LitElement {\n static styles = css`\n :host {\n display: flex;\n flex-flow: row nowrap;\n\n padding: 7px 0px;\n box-sizing: border-box;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background-color: transparent;\n\n font: var(--grist-object-editor-font);\n color: var(--grist-object-editor-color);\n justify-content: inherit;\n }\n\n span {\n display: flex;\n flex: auto;\n\n justify-content: inherit;\n }\n\n mwc-icon {\n width: 20px;\n font-size: 1.5em;\n margin-left: auto;\n }\n `\n\n @property({ type: Object }) value: { [prop: string]: any } = {}\n @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n @property({ type: Object }) record: GristRecord = ZERO_RECORD\n @property({ type: Number }) row?: number\n\n private popup?: PopupHandle\n private template?: TemplateResult\n\n render() {\n var value = this.value || {}\n\n var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n var name, description\n if (typeof nameField === 'function') {\n name = nameField(value)\n } else {\n name = value[nameField]\n }\n\n if (typeof descriptionField === 'function') {\n description = descriptionField(value)\n } else {\n description = value[descriptionField] && `(${value[descriptionField]})`\n }\n\n return html`\n ${!value ? html`` : html` <span>${name || ''}${description || ''}</span> `}\n <mwc-icon>arrow_drop_down</mwc-icon>\n `\n }\n\n async firstUpdated() {\n this.value = this.record[this.column.name]\n this.template = ((this.column.record || {}).options || {}).template\n\n await this.updateComplete\n\n this.renderRoot.addEventListener('click', e => {\n e.stopPropagation()\n\n this.openSelector()\n })\n }\n\n openSelector() {\n if (this.popup) {\n delete this.popup\n }\n\n const confirmCallback = (selected: { [field: string]: any }) => {\n var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n\n this.dispatchEvent(\n new CustomEvent('field-change', {\n bubbles: true,\n composed: true,\n detail: {\n before: this.value,\n after: {\n ...(this.column.record.options.select || [])\n .map((field: any) => field.name)\n .reduce((obj: { [field: string]: any }, fieldName: string) => {\n return (obj = {\n ...obj,\n [fieldName]: selected[fieldName]\n })\n }, {} as { [field: string]: any }),\n [idField]: selected[idField],\n [nameField]: selected[nameField],\n [descriptionField]: selected[descriptionField]\n },\n record: this.record,\n column: this.column,\n row: this.row\n }\n })\n )\n }\n\n var value = this.value || {}\n var valueField: string | ((item: any) => any) = this.column.record.options.valueField || 'id'\n var actualValue\n if (typeof valueField === 'function') {\n actualValue = valueField(value)\n } else {\n actualValue = value[valueField]\n }\n\n var template =\n this.template ||\n html`\n <object-selector\n .value=${actualValue}\n .confirmCallback=${confirmCallback.bind(this)}\n .queryName=${this.column.record.options.queryName}\n .select=${this.column.record.options.select}\n .list=${this.column.record.options.list}\n .basicArgs=${this.column.record.options.basicArgs}\n .valueField=${this.column.record.options.valueField}\n ></object-selector>\n `\n\n this.popup = openPopup(template, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.select_item')\n })\n }\n}\n"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import '@operato/data-grist';
|
|
2
|
+
import '@operato/form/ox-search-form.js';
|
|
3
|
+
import { DataGrist, FetchHandler, FetchOption, GristData, GristRecord } from '@operato/data-grist';
|
|
4
|
+
import { LitElement } from 'lit';
|
|
5
|
+
import { SearchForm } from '@operato/form';
|
|
6
|
+
export declare class ObjectSelector extends LitElement {
|
|
7
|
+
static styles: import("lit").CSSResult[];
|
|
8
|
+
value?: string;
|
|
9
|
+
config: any;
|
|
10
|
+
data: GristData;
|
|
11
|
+
queryName: string;
|
|
12
|
+
basicArgs: any;
|
|
13
|
+
confirmCallback?: (record: GristRecord | undefined) => void;
|
|
14
|
+
selectedRecords: GristRecord[];
|
|
15
|
+
searchFields: any;
|
|
16
|
+
select: {
|
|
17
|
+
type: string;
|
|
18
|
+
name: string;
|
|
19
|
+
header: string;
|
|
20
|
+
subFields?: string[];
|
|
21
|
+
hidden: boolean;
|
|
22
|
+
ignoreCondition: boolean;
|
|
23
|
+
queryName: string;
|
|
24
|
+
width: number;
|
|
25
|
+
}[];
|
|
26
|
+
list: any;
|
|
27
|
+
valueField: string | ((item: any) => any);
|
|
28
|
+
grist: DataGrist;
|
|
29
|
+
searchForm: SearchForm;
|
|
30
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
31
|
+
oncancel(): void;
|
|
32
|
+
onconfirm(): void;
|
|
33
|
+
fetchHandler: FetchHandler;
|
|
34
|
+
firstUpdated(): Promise<void>;
|
|
35
|
+
getSelectFields(): string;
|
|
36
|
+
_buildConditions({ filters, page, limit, sorters }: FetchOption): Promise<any>;
|
|
37
|
+
get selected(): GristRecord | undefined;
|
|
38
|
+
}
|