@operato/data-grist 0.2.28 → 0.2.34
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 +58 -0
- package/custom-elements.json +200 -186
- package/dist/src/configure/column-builder.d.ts +1 -1
- package/dist/src/configure/column-builder.js.map +1 -1
- package/dist/src/configure/config-builder.d.ts +1 -1
- package/dist/src/configure/config-builder.js.map +1 -1
- package/dist/src/configure/imex-option-builder.d.ts +1 -1
- package/dist/src/configure/imex-option-builder.js.map +1 -1
- package/dist/src/configure/list-option-builder.d.ts +1 -1
- package/dist/src/configure/list-option-builder.js +1 -1
- package/dist/src/configure/list-option-builder.js.map +1 -1
- package/dist/src/configure/rows-option-builder.d.ts +1 -1
- package/dist/src/configure/rows-option-builder.js.map +1 -1
- package/dist/src/configure/zero-config.d.ts +21 -0
- package/dist/src/configure/{config-types.js → zero-config.js} +1 -1
- package/dist/src/configure/zero-config.js.map +1 -0
- package/dist/src/data-card/data-card-field.d.ts +1 -1
- package/dist/src/data-card/data-card-field.js +2 -2
- package/dist/src/data-card/data-card-field.js.map +1 -1
- package/dist/src/data-card/data-card-gutter-menu.js +1 -1
- package/dist/src/data-card/data-card-gutter-menu.js.map +1 -1
- package/dist/src/data-card/data-card-gutter.js +2 -2
- package/dist/src/data-card/data-card-gutter.js.map +1 -1
- package/dist/src/data-card/data-card.d.ts +1 -1
- package/dist/src/data-card/data-card.js +2 -2
- package/dist/src/data-card/data-card.js.map +1 -1
- package/dist/src/data-card/event-handlers/record-card-click-handler.js.map +1 -1
- package/dist/src/data-card/event-handlers/record-card-dblclick-handler.js.map +1 -1
- package/dist/src/data-card/record-card.d.ts +1 -1
- package/dist/src/data-card/record-card.js +2 -2
- package/dist/src/data-card/record-card.js.map +1 -1
- package/dist/src/data-consumer.d.ts +1 -1
- package/dist/src/data-consumer.js.map +1 -1
- package/dist/src/data-grid/data-grid-body.d.ts +1 -1
- package/dist/src/data-grid/data-grid-body.js +5 -5
- package/dist/src/data-grid/data-grid-body.js.map +1 -1
- package/dist/src/data-grid/data-grid-field.d.ts +1 -1
- package/dist/src/data-grid/data-grid-field.js +2 -2
- package/dist/src/data-grid/data-grid-field.js.map +1 -1
- package/dist/src/data-grid/data-grid-footer.d.ts +1 -1
- package/dist/src/data-grid/data-grid-footer.js +2 -2
- package/dist/src/data-grid/data-grid-footer.js.map +1 -1
- package/dist/src/data-grid/data-grid-header.d.ts +1 -1
- package/dist/src/data-grid/data-grid-header.js +2 -2
- package/dist/src/data-grid/data-grid-header.js.map +1 -1
- package/dist/src/data-grid/data-grid.d.ts +1 -1
- package/dist/src/data-grid/data-grid.js +1 -1
- package/dist/src/data-grid/data-grid.js.map +1 -1
- package/dist/src/data-grist.d.ts +2 -2
- package/dist/src/data-grist.js +6 -6
- package/dist/src/data-grist.js.map +1 -1
- package/dist/src/data-list/data-list-field.d.ts +1 -1
- package/dist/src/data-list/data-list-field.js +2 -2
- package/dist/src/data-list/data-list-field.js.map +1 -1
- package/dist/src/data-list/data-list-gutter.js +2 -2
- package/dist/src/data-list/data-list-gutter.js.map +1 -1
- package/dist/src/data-list/data-list.d.ts +1 -1
- package/dist/src/data-list/data-list.js +1 -1
- package/dist/src/data-list/data-list.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-click-handler.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-dblclick-handler.js.map +1 -1
- package/dist/src/data-list/event-handlers/record-partial-long-press-handler.js.map +1 -1
- package/dist/src/data-list/record-partial.d.ts +1 -1
- package/dist/src/data-list/record-partial.js +2 -2
- package/dist/src/data-list/record-partial.js.map +1 -1
- package/dist/src/data-provider.d.ts +1 -1
- package/dist/src/data-provider.js +1 -1
- package/dist/src/data-provider.js.map +1 -1
- package/dist/src/data-report/data-report-body.d.ts +1 -1
- package/dist/src/data-report/data-report-body.js +3 -3
- package/dist/src/data-report/data-report-body.js.map +1 -1
- package/dist/src/data-report/data-report-component.d.ts +1 -1
- package/dist/src/data-report/data-report-component.js +1 -1
- package/dist/src/data-report/data-report-component.js.map +1 -1
- package/dist/src/data-report/data-report-field.d.ts +1 -1
- package/dist/src/data-report/data-report-field.js +2 -2
- package/dist/src/data-report/data-report-field.js.map +1 -1
- package/dist/src/data-report/data-report-header.js +3 -3
- package/dist/src/data-report/data-report-header.js.map +1 -1
- package/dist/src/data-report.d.ts +1 -1
- package/dist/src/data-report.js +1 -1
- package/dist/src/data-report.js.map +1 -1
- package/dist/src/editors/input-editors.d.ts +1 -1
- package/dist/src/editors/input-editors.js +2 -2
- package/dist/src/editors/input-editors.js.map +1 -1
- package/dist/src/editors/registry.d.ts +1 -1
- package/dist/src/editors/registry.js.map +1 -1
- package/dist/src/gutters/gutter-button.js.map +1 -1
- package/dist/src/gutters/gutter-dirty.d.ts +1 -1
- package/dist/src/gutters/gutter-dirty.js +1 -1
- package/dist/src/gutters/gutter-dirty.js.map +1 -1
- package/dist/src/gutters/gutter-row-selector.js.map +1 -1
- package/dist/src/gutters/gutter-sequence.js.map +1 -1
- package/dist/src/gutters/registry.d.ts +1 -1
- package/dist/src/gutters/registry.js.map +1 -1
- package/dist/src/handlers/record-view-handler.d.ts +1 -1
- package/dist/src/handlers/record-view-handler.js.map +1 -1
- package/dist/src/handlers/registry.d.ts +1 -1
- package/dist/src/handlers/registry.js.map +1 -1
- package/dist/src/handlers/select-row-toggle.d.ts +1 -1
- package/dist/src/handlers/select-row-toggle.js.map +1 -1
- package/dist/src/handlers/select-row.d.ts +1 -1
- package/dist/src/handlers/select-row.js.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/record-view/record-view-body.d.ts +1 -1
- package/dist/src/record-view/record-view-body.js +2 -2
- package/dist/src/record-view/record-view-body.js.map +1 -1
- package/dist/src/record-view/record-view.d.ts +1 -1
- package/dist/src/record-view/record-view.js +2 -2
- package/dist/src/record-view/record-view.js.map +1 -1
- package/dist/src/renderers/boolean-renderer.d.ts +1 -1
- package/dist/src/renderers/boolean-renderer.js.map +1 -1
- package/dist/src/renderers/color-renderer.d.ts +1 -1
- package/dist/src/renderers/color-renderer.js.map +1 -1
- package/dist/src/renderers/date-renderer.d.ts +1 -1
- package/dist/src/renderers/date-renderer.js.map +1 -1
- package/dist/src/renderers/image-renderer.d.ts +1 -1
- package/dist/src/renderers/image-renderer.js.map +1 -1
- package/dist/src/renderers/json5-renderer.d.ts +1 -1
- package/dist/src/renderers/json5-renderer.js.map +1 -1
- package/dist/src/renderers/link-renderer.d.ts +1 -1
- package/dist/src/renderers/link-renderer.js.map +1 -1
- package/dist/src/renderers/password-renderer.d.ts +1 -1
- package/dist/src/renderers/password-renderer.js.map +1 -1
- package/dist/src/renderers/progress-renderer.d.ts +1 -1
- package/dist/src/renderers/progress-renderer.js +1 -1
- package/dist/src/renderers/progress-renderer.js.map +1 -1
- package/dist/src/renderers/registry.d.ts +1 -1
- package/dist/src/renderers/registry.js.map +1 -1
- package/dist/src/renderers/select-renderer.d.ts +1 -1
- package/dist/src/renderers/select-renderer.js.map +1 -1
- package/dist/src/renderers/text-renderer.d.ts +1 -1
- package/dist/src/renderers/text-renderer.js.map +1 -1
- package/dist/src/{configure/config-types.d.ts → types.d.ts} +0 -20
- package/dist/src/types.js +2 -0
- package/dist/src/types.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -7
- package/src/configure/column-builder.ts +1 -1
- package/src/configure/config-builder.ts +1 -1
- package/src/configure/imex-option-builder.ts +1 -1
- package/src/configure/list-option-builder.ts +2 -1
- package/src/configure/rows-option-builder.ts +1 -1
- package/src/configure/zero-config.ts +75 -0
- package/src/data-card/data-card-field.ts +3 -3
- package/src/data-card/data-card-gutter-menu.ts +2 -3
- package/src/data-card/data-card-gutter.ts +3 -3
- package/src/data-card/data-card.ts +3 -2
- package/src/data-card/event-handlers/record-card-click-handler.ts +2 -1
- package/src/data-card/event-handlers/record-card-dblclick-handler.ts +2 -1
- package/src/data-card/record-card.ts +3 -2
- package/src/data-consumer.ts +1 -1
- package/src/data-grid/data-grid-body.ts +6 -5
- package/src/data-grid/data-grid-field.ts +3 -2
- package/src/data-grid/data-grid-footer.ts +3 -3
- package/src/data-grid/data-grid-header.ts +4 -11
- package/src/data-grid/data-grid.ts +2 -9
- package/src/data-grist.ts +10 -10
- package/src/data-list/data-list-field.ts +3 -3
- package/src/data-list/data-list-gutter.ts +3 -3
- package/src/data-list/data-list.ts +2 -1
- package/src/data-list/event-handlers/record-partial-click-handler.ts +2 -1
- package/src/data-list/event-handlers/record-partial-dblclick-handler.ts +2 -1
- package/src/data-list/event-handlers/record-partial-long-press-handler.ts +2 -1
- package/src/data-list/record-partial.ts +3 -2
- package/src/data-provider.ts +2 -3
- package/src/data-report/data-report-body.ts +4 -3
- package/src/data-report/data-report-component.ts +2 -1
- package/src/data-report/data-report-field.ts +3 -3
- package/src/data-report/data-report-header.ts +4 -3
- package/src/data-report.ts +2 -9
- package/src/editors/input-editors.ts +3 -2
- package/src/editors/registry.ts +1 -1
- package/src/gutters/gutter-button.ts +1 -1
- package/src/gutters/gutter-dirty.ts +2 -3
- package/src/gutters/gutter-row-selector.ts +1 -1
- package/src/gutters/gutter-sequence.ts +1 -1
- package/src/gutters/registry.ts +1 -1
- package/src/handlers/record-view-handler.ts +2 -2
- package/src/handlers/registry.ts +1 -1
- package/src/handlers/select-row-toggle.ts +2 -1
- package/src/handlers/select-row.ts +2 -1
- package/src/index.ts +1 -0
- package/src/record-view/record-view-body.ts +3 -2
- package/src/record-view/record-view.ts +3 -2
- package/src/renderers/boolean-renderer.ts +1 -1
- package/src/renderers/color-renderer.ts +1 -1
- package/src/renderers/date-renderer.ts +1 -1
- package/src/renderers/image-renderer.ts +1 -1
- package/src/renderers/json5-renderer.ts +1 -1
- package/src/renderers/link-renderer.ts +1 -1
- package/src/renderers/password-renderer.ts +1 -1
- package/src/renderers/progress-renderer.ts +2 -2
- package/src/renderers/registry.ts +1 -1
- package/src/renderers/select-renderer.ts +1 -1
- package/src/renderers/text-renderer.ts +1 -1
- package/src/{configure/config-types.ts → types.ts} +0 -62
- package/dist/src/configure/config-types.js.map +0 -1
package/src/data-grist.ts
CHANGED
|
@@ -3,22 +3,22 @@ import './data-list/data-list'
|
|
|
3
3
|
import './data-card/data-card'
|
|
4
4
|
import './empty-note'
|
|
5
5
|
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import isEmpty from 'lodash-es/isEmpty'
|
|
9
|
-
import isEqual from 'lodash-es/isEqual'
|
|
10
|
-
|
|
11
|
-
import Headroom from '@operato/headroom'
|
|
12
|
-
import { pulltorefresh } from '@operato/pull-to-refresh'
|
|
6
|
+
import { DataConsumer, FetchHandler } from './data-consumer'
|
|
7
|
+
import { GristConfig, GristData, GristRecord } from './types'
|
|
13
8
|
import { HeadroomStyles, ScrollbarStyles, SpinnerStyles } from '@operato/styles'
|
|
9
|
+
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
10
|
+
import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config'
|
|
11
|
+
import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
|
|
14
12
|
|
|
15
|
-
import { buildConfig } from './configure/config-builder'
|
|
16
|
-
import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/config-types'
|
|
17
13
|
import { DataCard } from './data-card/data-card'
|
|
18
|
-
import { DataConsumer, FetchHandler } from './data-consumer'
|
|
19
14
|
import { DataGrid } from './data-grid/data-grid'
|
|
20
15
|
import { DataList } from './data-list/data-list'
|
|
21
16
|
import { DataProvider } from './data-provider'
|
|
17
|
+
import Headroom from '@operato/headroom'
|
|
18
|
+
import { buildConfig } from './configure/config-builder'
|
|
19
|
+
import isEmpty from 'lodash-es/isEmpty'
|
|
20
|
+
import isEqual from 'lodash-es/isEqual'
|
|
21
|
+
import { pulltorefresh } from '@operato/pull-to-refresh'
|
|
22
22
|
|
|
23
23
|
@customElement('ox-grist')
|
|
24
24
|
export class DataGrist extends LitElement implements DataConsumer {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
2
|
+
import { LitElement, css, html } from 'lit'
|
|
3
|
+
import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
|
|
2
4
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
5
|
|
|
4
|
-
import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
|
|
5
|
-
|
|
6
6
|
@customElement('ox-list-field')
|
|
7
7
|
export class DataListField extends LitElement {
|
|
8
8
|
static styles = [
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
2
|
+
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
3
|
+
import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
|
|
2
4
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
5
|
|
|
4
|
-
import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
|
|
5
|
-
|
|
6
6
|
const DEFAULT_TEXT_ALIGN = 'left'
|
|
7
7
|
|
|
8
8
|
@customElement('ox-list-gutter')
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
import './record-partial'
|
|
3
3
|
|
|
4
|
-
import { ColumnConfig, GristConfig, GristData, GristRecord
|
|
4
|
+
import { ColumnConfig, GristConfig, GristData, GristRecord } from '../types'
|
|
5
5
|
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
6
|
+
import { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'
|
|
6
7
|
import { customElement, property } from 'lit/decorators.js'
|
|
7
8
|
|
|
8
9
|
import { dataListClickHandler } from './event-handlers/data-list-click-handler'
|
|
@@ -4,10 +4,11 @@ import './data-list-gutter'
|
|
|
4
4
|
import './data-list-field'
|
|
5
5
|
import '../record-view'
|
|
6
6
|
|
|
7
|
-
import {
|
|
7
|
+
import { GristConfig, GristData, GristRecord } from '../types'
|
|
8
|
+
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
9
|
+
import { ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/zero-config'
|
|
8
10
|
import { customElement, property } from 'lit/decorators.js'
|
|
9
11
|
|
|
10
|
-
import { GristConfig, GristData, GristRecord, ZERO_CONFIG, ZERO_DATA, ZERO_RECORD } from '../configure/config-types'
|
|
11
12
|
import { recordPartialClickHandler } from './event-handlers/record-partial-click-handler'
|
|
12
13
|
import { recordPartialDblClickHandler } from './event-handlers/record-partial-dblclick-handler'
|
|
13
14
|
|
package/src/data-provider.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { DataConsumer, FetchHandler } from './data-consumer'
|
|
2
|
-
import { GristRecord, SorterConfig
|
|
2
|
+
import { GristRecord, SorterConfig } from './types'
|
|
3
3
|
|
|
4
|
-
import
|
|
5
|
-
import isEqual from 'lodash-es/isEqual'
|
|
4
|
+
import { ZERO_RECORDS } from './configure/zero-config'
|
|
6
5
|
|
|
7
6
|
function EMPTY_FETCHHANDLER() {
|
|
8
7
|
return {
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import './data-report-field'
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { ColumnConfig, GristConfig, GristData } from '../types'
|
|
4
|
+
import { LitElement, PropertyValues, html } from 'lit'
|
|
5
|
+
import { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'
|
|
4
6
|
import { customElement, property } from 'lit/decorators.js'
|
|
5
7
|
|
|
6
|
-
import { ColumnConfig, GristConfig, GristData, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
|
|
7
|
-
import { dataReportBodyStyle } from './data-report-body-style'
|
|
8
8
|
import { dataReportBodyClickHandler } from './event-handlers/data-report-body-click-handler'
|
|
9
9
|
import { dataReportBodyDblclickHandler } from './event-handlers/data-report-body-dblclick-handler'
|
|
10
10
|
import { dataReportBodyKeydownHandler } from './event-handlers/data-report-body-keydown-handler'
|
|
11
|
+
import { dataReportBodyStyle } from './data-report-body-style'
|
|
11
12
|
|
|
12
13
|
function calcScrollPos(parent: DataReportBody, child: Element) {
|
|
13
14
|
/* getBoundingClientRect는 safari에서 스크롤 상태에서 다른 브라우저와는 다른 값을 리턴함 - 사파리는 약간 이상 작동함. */
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import './data-report-header'
|
|
2
2
|
import './data-report-body'
|
|
3
3
|
|
|
4
|
-
import { ColumnConfig, GristConfig, GristData
|
|
4
|
+
import { ColumnConfig, GristConfig, GristData } from '../types'
|
|
5
5
|
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
6
|
+
import { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'
|
|
6
7
|
import { customElement, property, query } from 'lit/decorators.js'
|
|
7
8
|
|
|
8
9
|
import { ScrollbarStyles } from '@operato/styles'
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
2
|
+
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
3
|
+
import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
|
|
2
4
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
5
|
|
|
4
|
-
import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
|
|
5
|
-
|
|
6
6
|
const DEFAULT_TEXT_ALIGN = 'left'
|
|
7
7
|
|
|
8
8
|
@customElement('ox-report-field')
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnConfig, GristConfig, GristData, SortersConfig } from '../types'
|
|
2
|
+
import { LitElement, css, html } from 'lit'
|
|
3
|
+
import { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'
|
|
2
4
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
|
-
import throttle from 'lodash-es/throttle'
|
|
4
5
|
|
|
5
|
-
import { ColumnConfig, GristConfig, GristData, SortersConfig, ZERO_CONFIG, ZERO_DATA } from '../configure/config-types'
|
|
6
6
|
import { supportsPassive } from '../utils'
|
|
7
|
+
import throttle from 'lodash-es/throttle'
|
|
7
8
|
|
|
8
9
|
@customElement('ox-report-header')
|
|
9
10
|
class DataReportHeader extends LitElement {
|
package/src/data-report.ts
CHANGED
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import './data-report/data-report-component'
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
GristConfig,
|
|
5
|
-
GristData,
|
|
6
|
-
GristRecord,
|
|
7
|
-
GroupConfig,
|
|
8
|
-
ZERO_CONFIG,
|
|
9
|
-
ZERO_DATA,
|
|
10
|
-
ZERO_PAGINATION
|
|
11
|
-
} from './configure/config-types'
|
|
3
|
+
import { GristConfig, GristData, GristRecord, GroupConfig } from './types'
|
|
12
4
|
import { LitElement, PropertyValues, css, html } from 'lit'
|
|
13
5
|
import { ScrollbarStyles, SpinnerStyles } from '@operato/styles'
|
|
6
|
+
import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config'
|
|
14
7
|
import { customElement, property, query, queryAsync, state } from 'lit/decorators.js'
|
|
15
8
|
|
|
16
9
|
import { DataConsumer } from './data-consumer'
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
2
|
+
import { LitElement, css, html } from 'lit'
|
|
3
|
+
import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
|
|
2
4
|
import { customElement, property, query } from 'lit/decorators.js'
|
|
3
5
|
|
|
4
|
-
import { ColumnConfig, GristRecord, ZERO_COLUMN, ZERO_RECORD } from '../configure/config-types'
|
|
5
6
|
import { DataGridField } from '../data-grid/data-grid-field'
|
|
6
7
|
|
|
7
8
|
const STYLE = css`
|
package/src/editors/registry.ts
CHANGED
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
TimeInput,
|
|
16
16
|
WeekInput
|
|
17
17
|
} from './input-editors'
|
|
18
|
-
import { ColumnConfig, FieldEditor, GristRecord } from '../
|
|
18
|
+
import { ColumnConfig, FieldEditor, GristRecord } from '../types'
|
|
19
19
|
|
|
20
20
|
import { DataGridField } from '../data-grid/data-grid-field'
|
|
21
21
|
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { ColumnConfig, FieldRenderer } from '../types'
|
|
4
|
+
import { LitElement, css, html } from 'lit'
|
|
4
5
|
import { customElement, property } from 'lit/decorators.js'
|
|
5
6
|
|
|
6
|
-
import { ColumnConfig, FieldRenderer } from '../configure/config-types'
|
|
7
|
-
|
|
8
7
|
@customElement('ox-gutter-dirty-element')
|
|
9
8
|
class GutterDirtyElement extends LitElement {
|
|
10
9
|
static styles = css`
|
package/src/gutters/registry.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../record-view/record-view'
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { ColumnConfig, GristData, GristRecord } from '../types'
|
|
4
4
|
|
|
5
|
-
import { ColumnConfig, GristData, GristRecord } from '../configure/config-types'
|
|
6
5
|
import { DataGridField } from '../data-grid/data-grid-field'
|
|
6
|
+
import { html } from 'lit'
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
9
|
* handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,
|
package/src/handlers/registry.ts
CHANGED
package/src/index.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
import '../data-grid/data-grid-field'
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
5
|
+
import { LitElement, css, html } from 'lit'
|
|
5
6
|
import { customElement, property } from 'lit/decorators.js'
|
|
6
7
|
|
|
7
|
-
import { ColumnConfig, GristRecord, ZERO_RECORD } from '../configure/config-types'
|
|
8
8
|
import { DataGridField } from '../data-grid/data-grid-field'
|
|
9
|
+
import { ZERO_RECORD } from '../configure/zero-config'
|
|
9
10
|
|
|
10
11
|
const KEY_ENTER = 13
|
|
11
12
|
const KEY_ESC = 27
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import '@material/mwc-icon'
|
|
2
2
|
import './record-view-body'
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { ColumnConfig, GristRecord } from '../types'
|
|
5
|
+
import { LitElement, css, html } from 'lit'
|
|
5
6
|
import { customElement, property } from 'lit/decorators.js'
|
|
6
7
|
|
|
7
|
-
import {
|
|
8
|
+
import { ZERO_RECORD } from '../configure/zero-config'
|
|
8
9
|
|
|
9
10
|
@customElement('ox-record-view')
|
|
10
11
|
export class RecordView extends LitElement {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { css, html
|
|
1
|
+
import { LitElement, css, html } from 'lit'
|
|
2
2
|
import { customElement, property } from 'lit/decorators.js'
|
|
3
3
|
|
|
4
|
-
import { FieldRenderer } from '../
|
|
4
|
+
import { FieldRenderer } from '../types'
|
|
5
5
|
|
|
6
6
|
@customElement('ox-grist-progress-renderer')
|
|
7
7
|
class DataGristProgressRenderer extends LitElement {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BooleanRenderer } from './boolean-renderer'
|
|
2
2
|
import { ColorRenderer } from './color-renderer'
|
|
3
3
|
import { DateRenderer } from './date-renderer'
|
|
4
|
-
import { FieldRenderer } from '../
|
|
4
|
+
import { FieldRenderer } from '../types'
|
|
5
5
|
import { ImageRenderer } from './image-renderer'
|
|
6
6
|
import { Json5Renderer } from './json5-renderer'
|
|
7
7
|
import { LinkRenderer } from './link-renderer'
|
|
@@ -1,65 +1,3 @@
|
|
|
1
|
-
export const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}
|
|
2
|
-
export const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}
|
|
3
|
-
export const ZERO_THUMBNAIL_TEMPLATE = function (record: GristRecord, rowIndex: number) {}
|
|
4
|
-
|
|
5
|
-
export const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {
|
|
6
|
-
click: undefined,
|
|
7
|
-
dblclick: undefined
|
|
8
|
-
}
|
|
9
|
-
export const ZERO_COLUMNS: ColumnConfig[] = []
|
|
10
|
-
export const ZERO_GROUPS: GroupConfig[] = []
|
|
11
|
-
export const ZERO_TOTALS: [] = []
|
|
12
|
-
export const ZERO_LABEL: LabelConfig = false
|
|
13
|
-
|
|
14
|
-
export const ZERO_COLUMN: ColumnConfig = {
|
|
15
|
-
type: '',
|
|
16
|
-
name: '',
|
|
17
|
-
header: {
|
|
18
|
-
renderer: column => {}
|
|
19
|
-
},
|
|
20
|
-
record: {
|
|
21
|
-
renderer: ZERO_FIELD_RENDERER,
|
|
22
|
-
classifier: ZERO_CLASSIFIER,
|
|
23
|
-
options: {}
|
|
24
|
-
},
|
|
25
|
-
handlers: ZERO_EVENTHANDLERSET,
|
|
26
|
-
label: ZERO_LABEL
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export const ZERO_ROWS: RowsConfig = {
|
|
30
|
-
appendable: false,
|
|
31
|
-
insertable: false,
|
|
32
|
-
groups: ZERO_GROUPS,
|
|
33
|
-
totals: ZERO_TOTALS,
|
|
34
|
-
classifier: ZERO_CLASSIFIER,
|
|
35
|
-
handlers: ZERO_EVENTHANDLERSET
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export const ZERO_LIST: ListConfig = {
|
|
39
|
-
thumbnail: ZERO_THUMBNAIL_TEMPLATE,
|
|
40
|
-
fields: ['name', 'description', 'updatedAt'],
|
|
41
|
-
details: []
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export const ZERO_CONFIG: GristConfig = {
|
|
45
|
-
columns: ZERO_COLUMNS,
|
|
46
|
-
rows: ZERO_ROWS,
|
|
47
|
-
list: ZERO_LIST
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export const ZERO_RECORD: GristRecord = {}
|
|
51
|
-
export const ZERO_RECORDS: GristRecord[] = []
|
|
52
|
-
|
|
53
|
-
export const ZERO_DATA: GristData = {
|
|
54
|
-
records: ZERO_RECORDS
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export const ZERO_PAGINATION = {
|
|
58
|
-
page: 1,
|
|
59
|
-
limit: 20,
|
|
60
|
-
total: 0
|
|
61
|
-
}
|
|
62
|
-
|
|
63
1
|
export type GristConfig = {
|
|
64
2
|
columns: ColumnConfig[]
|
|
65
3
|
rows: RowsConfig
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config-types.js","sourceRoot":"","sources":["../../../src/configure/config-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAA;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAE,CAAC,CAAA;AAChG,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,MAAmB,EAAE,QAAgB,IAAG,CAAC,CAAA;AAE1F,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;CACpB,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAmB,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAkB,EAAE,CAAA;AAC5C,MAAM,CAAC,MAAM,WAAW,GAAO,EAAE,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAgB,KAAK,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,oBAAoB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,SAAS,EAAE,uBAAuB;IAClC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC;IAC5C,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB,EAAE,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAkB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;CACT,CAAA","sourcesContent":["export const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}\nexport const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}\nexport const ZERO_THUMBNAIL_TEMPLATE = function (record: GristRecord, rowIndex: number) {}\n\nexport const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {\n click: undefined,\n dblclick: undefined\n}\nexport const ZERO_COLUMNS: ColumnConfig[] = []\nexport const ZERO_GROUPS: GroupConfig[] = []\nexport const ZERO_TOTALS: [] = []\nexport const ZERO_LABEL: LabelConfig = false\n\nexport const ZERO_COLUMN: ColumnConfig = {\n type: '',\n name: '',\n header: {\n renderer: column => {}\n },\n record: {\n renderer: ZERO_FIELD_RENDERER,\n classifier: ZERO_CLASSIFIER,\n options: {}\n },\n handlers: ZERO_EVENTHANDLERSET,\n label: ZERO_LABEL\n}\n\nexport const ZERO_ROWS: RowsConfig = {\n appendable: false,\n insertable: false,\n groups: ZERO_GROUPS,\n totals: ZERO_TOTALS,\n classifier: ZERO_CLASSIFIER,\n handlers: ZERO_EVENTHANDLERSET\n}\n\nexport const ZERO_LIST: ListConfig = {\n thumbnail: ZERO_THUMBNAIL_TEMPLATE,\n fields: ['name', 'description', 'updatedAt'],\n details: []\n}\n\nexport const ZERO_CONFIG: GristConfig = {\n columns: ZERO_COLUMNS,\n rows: ZERO_ROWS,\n list: ZERO_LIST\n}\n\nexport const ZERO_RECORD: GristRecord = {}\nexport const ZERO_RECORDS: GristRecord[] = []\n\nexport const ZERO_DATA: GristData = {\n records: ZERO_RECORDS\n}\n\nexport const ZERO_PAGINATION = {\n page: 1,\n limit: 20,\n total: 0\n}\n\nexport type GristConfig = {\n columns: ColumnConfig[]\n rows: RowsConfig\n list: ListConfig\n pagination?: PaginationConfig\n sorters?: SortersConfig\n}\n\nexport type SorterConfig = { name: string; desc?: boolean }\nexport type SortersConfig = SorterConfig[]\n\nexport type PaginationConfig = {\n page?: number\n limit?: number\n pages: number[]\n infinite?: boolean\n}\n\nexport type GristEventHandler = (\n columns: ColumnConfig[],\n data?: GristData,\n column?: ColumnConfig,\n record?: GristRecord,\n rowIndex?: number,\n target?: any\n) => void\n\nexport type ColumnConfig = {\n type: string\n name: string\n gutterName?: string\n header: HeaderConfig\n record: RecordConfig\n handlers: GristEventHandlerSet\n label: LabelConfig\n hidden?: boolean\n sortable?: boolean\n resizable?: boolean\n width?: number | string | ColumnWidthCallback\n forList?: boolean\n validation?: ValidationCallback\n imex?: ImexConfig\n multiple?: boolean\n}\n\nexport type ValidationCallback = (after: any, before: any, record: GristRecord, column: ColumnConfig) => boolean\n\nexport type LabelConfig =\n | string\n | boolean\n | {\n renderer: LabelRenderer\n }\n\nexport type LabelRenderer = () => void\n\nexport type ColumnWidthCallback = (column: ColumnConfig) => string\n\nexport type HeaderConfig = {\n renderer: HeaderRenderer\n}\nexport type HeaderRenderer = (column: ColumnConfig) => any\n\nexport type RecordConfig = {\n renderer: FieldRenderer\n editor?: FieldEditor\n editable?: boolean\n classifier: GristClassifier\n align?: 'left' | 'right' | 'center'\n options: { [key: string]: any }\n rowOptionField?: string\n}\n\nexport type FieldRenderer = (value: any, column: ColumnConfig, record: GristRecord, rowIndex: number, owner: any) => any\nexport type FieldEditor = (value: any, column: ColumnConfig, record: GristRecord, rowIndex: number, owner: any) => any\nexport type FieldThumbnailRenderer = (record: GristRecord, rowIndex: number) => any\n\nexport type GristEventHandlerSet = {\n click?: GristEventHandler\n dblclick?: GristEventHandler\n}\n\nexport type ListConfig = {\n thumbnail: FieldThumbnailRenderer\n fields: string[]\n details: string[]\n}\n\nexport type ImexConfig = {\n header: string\n key: string\n width: number\n type: string\n}\n\nexport type RowsConfig = {\n appendable: boolean\n insertable: boolean\n selectable?: RowSelectableConfig\n groups: GroupConfig[]\n totals: string[]\n classifier: GristClassifier\n handlers: GristEventHandlerSet\n}\n\nexport type GristClassifier = (\n record: GristRecord,\n rowIndex: number\n) => { emphasized?: boolean | string | string[]; [key: string]: any } | void\n\nexport type GroupConfig = {\n align: string\n titleColumn?: ColumnConfig\n title: string\n value?: string\n groupName?: string\n row?: number\n column: string | number\n rowspan: number\n colspan?: number\n}\n\nexport type RowSelectableConfig = {\n multiple?: boolean\n}\n\nexport type GristRecord = {\n id?: string\n name?: string\n __seq__?: number\n __dirty__?: string\n __selected__?: boolean\n __changes__?: object[]\n __dirtyfields__?: { [key: string]: any }\n __origin__?: any\n [key: string]: any\n}\n\nexport type GristData = {\n page?: number\n total?: number\n limit?: number\n records: GristRecord[]\n}\n"]}
|