@operato/data-grist 7.1.28 → 7.1.30

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@operato/data-grist",
3
- "version": "7.1.28",
3
+ "version": "7.1.30",
4
4
  "description": "User interface for grid (desktop) and list (mobile)",
5
5
  "author": "heartyoh",
6
6
  "main": "dist/index.js",
@@ -63,9 +63,9 @@
63
63
  "dependencies": {
64
64
  "@material/web": "^2.0.0",
65
65
  "@operato/headroom": "^7.1.1",
66
- "@operato/input": "^7.1.27",
67
- "@operato/p13n": "^7.1.27",
68
- "@operato/popup": "^7.1.27",
66
+ "@operato/input": "^7.1.30",
67
+ "@operato/p13n": "^7.1.30",
68
+ "@operato/popup": "^7.1.30",
69
69
  "@operato/pull-to-refresh": "^7.1.1",
70
70
  "@operato/styles": "^7.1.27",
71
71
  "@operato/time-calculator": "^7.1.1",
@@ -108,5 +108,5 @@
108
108
  "prettier --write"
109
109
  ]
110
110
  },
111
- "gitHead": "948ee8dd56704f8aed966d7b85b8025999b94e7f"
111
+ "gitHead": "863eb4937334eb66a3cd0e5dbea5c77bc1afc472"
112
112
  }
@@ -17,6 +17,20 @@ export const dataGridBodyStyle = css`
17
17
  background-color: var(--grid-record-odd-background-color);
18
18
  }
19
19
 
20
+ ox-grid-field[disabled] {
21
+ background-color: var(--grid-record-disabled-background-color, #eee);
22
+ color: var(--grid-record-disabled-color, var(--grid-record-color));
23
+ opacity: var(--grid-record-disabled-opacity, 1);
24
+ }
25
+ ox-grid-field[odd][disabled] {
26
+ background-color: var(
27
+ --grid-odd-record-disabled-background-color,
28
+ var(--grid-record-disabled-background-color, #eee)
29
+ );
30
+ color: var(--grid-odd-record-disabled-color, var(--grid-record-disabled-color, var(--grid-record-color)));
31
+ opacity: var(--grid-odd-record-disabled-opacity, var(--grid-record-disabled-opacity, 1));
32
+ }
33
+
20
34
  ox-grid-field[selected-row] {
21
35
  background-color: var(--grid-record-selected-background-color);
22
36
  color: var(--grid-record-selected-color);
@@ -203,6 +203,15 @@ export class DataGridField extends LitElement {
203
203
  }
204
204
  }
205
205
 
206
+ const disabled = this.column.record.disabled || false
207
+ if (!!disabled) {
208
+ // 비황성화 여부 표시
209
+ this.setAttribute('disabled', '')
210
+ } else {
211
+ // 비황성화 여부 제거
212
+ this.removeAttribute('disabled')
213
+ }
214
+
206
215
  const emphasized =
207
216
  this.column.record.classifier.call(this, this.record, this.rowIndex)?.emphasized || this.emphasized
208
217
 
package/src/types.ts CHANGED
@@ -509,6 +509,7 @@ export type RecordConfig = {
509
509
  editor?: FieldEditor
510
510
  editable?: boolean | Function
511
511
  mandatory?: boolean
512
+ disabled?: boolean
512
513
  classifier: GristClassifier
513
514
  align?: 'left' | 'right' | 'center'
514
515
  options: any
@@ -810,4 +811,3 @@ export enum ValidationReason {
810
811
  RANGE = 'RANGE',
811
812
  UNIQUE = 'UNIQUE'
812
813
  }
813
-
@@ -141,7 +141,8 @@ const config = {
141
141
  editable: true,
142
142
  defaultValue: {
143
143
  name: 'now'
144
- }
144
+ },
145
+ disabled: true
145
146
  },
146
147
  filter: 'between',
147
148
  sortable: true,