ninegrid2 6.325.0 → 6.327.0

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.
Files changed (5) hide show
  1. package/dist/ai/aiMessage.js +31 -17
  2. package/dist/bundle.cjs.js +32 -17
  3. package/dist/bundle.esm.js +32 -17
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +31 -17
package/dist/ai/aiMessage.js CHANGED
@@ -3,6 +3,7 @@ import ninegrid from "../index.js";
3
3
  class aiMessage extends HTMLElement
4
4
  {
5
5
  #message;
6
+ #data;
6
7
 
7
8
  constructor() {
8
9
  super();
@@ -19,7 +20,7 @@ class aiMessage extends HTMLElement
19
20
  </style>
20
21
 
21
22
  <div class="chat-message">
22
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
23
+ <span title="${this.#message}" class="message">
23
24
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
25
  </span>
25
26
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -39,37 +40,46 @@ class aiMessage extends HTMLElement
39
40
  };
40
41
 
41
42
  get data() {
42
- return ;
43
+ return this.#data;
43
44
  }
44
45
  set data(v) {
45
- console.log(v);;
46
+ this.#data = v;
46
47
  }
47
48
 
48
49
  #init = () => {
49
50
 
50
51
  const html = `
51
- <nine-grid>
52
+ <nine-grid display-row-count="5" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
52
53
  <table>
54
+ <caption>Sheet1</caption>
53
55
  <thead>
54
- <th>col_id</th>
55
- <th>col_nm</th>
56
- <thead>
57
- <tbody>
58
- <td data-bind="col_id"></td>
59
- <td data-bind="col_nm"></td>
56
+ <tr>
57
+ <th>No.</th>
58
+ <th>문서 ID</th>
59
+ <th>문서명</th>
60
+ <th>매출액</th>
61
+ <th>관련 문서</th>
62
+ <th>수정자</th>
63
+ <th>수정일</th>
64
+ </tr>
65
+ </thead>
60
66
  <tbody>
67
+ <tr>
68
+ <th><ng-row-indicator/></th>
69
+ <td data-bind="doc_id"></td>
70
+ <td data-bind="doc_nm"></td>
71
+ <td data-bind="amt"></td>
72
+ <td data-bind="file_id"></td>
73
+ <td data-bind="update_user" text-align="center"></td>
74
+ <td data-bind="update_dt" text-align="center"></td>
75
+ </tr>
76
+ </tbody>
61
77
  </table>
62
78
  </nine-grid>
63
79
  `;
64
80
 
65
81
  this.shadowRoot.querySelector(".grid").innerHTML = html;
66
82
 
67
- const grd = this.shadowRoot.querySelector("nine-grid");
68
- //console.log(grd);
69
- setTimeout(() => {
70
- grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
71
- }, 500);
72
-
73
83
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
74
84
  const grid = document.querySelector("nine-grid");
75
85
  grid.filtering.set(data);
@@ -89,8 +99,12 @@ class aiMessage extends HTMLElement
89
99
  else {
90
100
  elMore.style.display = "none";
91
101
  }
92
-
93
102
  });
103
+
104
+ setTimeout(() => {
105
+ const grd = this.shadowRoot.querySelector("nine-grid");
106
+ grd.data.source = v;
107
+ }, 300);
94
108
  };
95
109
  }
96
110
 
package/dist/bundle.cjs.js CHANGED
@@ -27301,6 +27301,7 @@ customElements.define("nx-ai-settings", aiSettings);
27301
27301
  class aiMessage extends HTMLElement
27302
27302
  {
27303
27303
  #message;
27304
+ #data;
27304
27305
 
27305
27306
  constructor() {
27306
27307
  super();
@@ -27317,7 +27318,7 @@ class aiMessage extends HTMLElement
27317
27318
  </style>
27318
27319
 
27319
27320
  <div class="chat-message">
27320
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27321
+ <span title="${this.#message}" class="message">
27321
27322
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27322
27323
  </span>
27323
27324
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -27337,36 +27338,46 @@ class aiMessage extends HTMLElement
27337
27338
  };
27338
27339
 
27339
27340
  get data() {
27340
- return ;
27341
+ return this.#data;
27341
27342
  }
27342
27343
  set data(v) {
27343
- console.log(v); }
27344
+ this.#data = v;
27345
+ }
27344
27346
 
27345
27347
  #init = () => {
27346
27348
 
27347
27349
  const html = `
27348
- <nine-grid>
27350
+ <nine-grid display-row-count="5" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27349
27351
  <table>
27352
+ <caption>Sheet1</caption>
27350
27353
  <thead>
27351
- <th>col_id</th>
27352
- <th>col_nm</th>
27353
- <thead>
27354
- <tbody>
27355
- <td data-bind="col_id"></td>
27356
- <td data-bind="col_nm"></td>
27354
+ <tr>
27355
+ <th>No.</th>
27356
+ <th>문서 ID</th>
27357
+ <th>문서명</th>
27358
+ <th>매출액</th>
27359
+ <th>관련 문서</th>
27360
+ <th>수정자</th>
27361
+ <th>수정일</th>
27362
+ </tr>
27363
+ </thead>
27357
27364
  <tbody>
27365
+ <tr>
27366
+ <th><ng-row-indicator/></th>
27367
+ <td data-bind="doc_id"></td>
27368
+ <td data-bind="doc_nm"></td>
27369
+ <td data-bind="amt"></td>
27370
+ <td data-bind="file_id"></td>
27371
+ <td data-bind="update_user" text-align="center"></td>
27372
+ <td data-bind="update_dt" text-align="center"></td>
27373
+ </tr>
27374
+ </tbody>
27358
27375
  </table>
27359
27376
  </nine-grid>
27360
27377
  `;
27361
27378
 
27362
27379
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27363
27380
 
27364
- const grd = this.shadowRoot.querySelector("nine-grid");
27365
- //console.log(grd);
27366
- setTimeout(() => {
27367
- grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
27368
- }, 500);
27369
-
27370
27381
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27371
27382
  const grid = document.querySelector("nine-grid");
27372
27383
  grid.filtering.set(data);
@@ -27386,8 +27397,12 @@ class aiMessage extends HTMLElement
27386
27397
  else {
27387
27398
  elMore.style.display = "none";
27388
27399
  }
27389
-
27390
27400
  });
27401
+
27402
+ setTimeout(() => {
27403
+ const grd = this.shadowRoot.querySelector("nine-grid");
27404
+ grd.data.source = v;
27405
+ }, 300);
27391
27406
  };
27392
27407
  }
27393
27408
 
package/dist/bundle.esm.js CHANGED
@@ -27299,6 +27299,7 @@ customElements.define("nx-ai-settings", aiSettings);
27299
27299
  class aiMessage extends HTMLElement
27300
27300
  {
27301
27301
  #message;
27302
+ #data;
27302
27303
 
27303
27304
  constructor() {
27304
27305
  super();
@@ -27315,7 +27316,7 @@ class aiMessage extends HTMLElement
27315
27316
  </style>
27316
27317
 
27317
27318
  <div class="chat-message">
27318
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27319
+ <span title="${this.#message}" class="message">
27319
27320
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27320
27321
  </span>
27321
27322
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -27335,36 +27336,46 @@ class aiMessage extends HTMLElement
27335
27336
  };
27336
27337
 
27337
27338
  get data() {
27338
- return ;
27339
+ return this.#data;
27339
27340
  }
27340
27341
  set data(v) {
27341
- console.log(v); }
27342
+ this.#data = v;
27343
+ }
27342
27344
 
27343
27345
  #init = () => {
27344
27346
 
27345
27347
  const html = `
27346
- <nine-grid>
27348
+ <nine-grid display-row-count="5" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
27347
27349
  <table>
27350
+ <caption>Sheet1</caption>
27348
27351
  <thead>
27349
- <th>col_id</th>
27350
- <th>col_nm</th>
27351
- <thead>
27352
- <tbody>
27353
- <td data-bind="col_id"></td>
27354
- <td data-bind="col_nm"></td>
27352
+ <tr>
27353
+ <th>No.</th>
27354
+ <th>문서 ID</th>
27355
+ <th>문서명</th>
27356
+ <th>매출액</th>
27357
+ <th>관련 문서</th>
27358
+ <th>수정자</th>
27359
+ <th>수정일</th>
27360
+ </tr>
27361
+ </thead>
27355
27362
  <tbody>
27363
+ <tr>
27364
+ <th><ng-row-indicator/></th>
27365
+ <td data-bind="doc_id"></td>
27366
+ <td data-bind="doc_nm"></td>
27367
+ <td data-bind="amt"></td>
27368
+ <td data-bind="file_id"></td>
27369
+ <td data-bind="update_user" text-align="center"></td>
27370
+ <td data-bind="update_dt" text-align="center"></td>
27371
+ </tr>
27372
+ </tbody>
27356
27373
  </table>
27357
27374
  </nine-grid>
27358
27375
  `;
27359
27376
 
27360
27377
  this.shadowRoot.querySelector(".grid").innerHTML = html;
27361
27378
 
27362
- const grd = this.shadowRoot.querySelector("nine-grid");
27363
- //console.log(grd);
27364
- setTimeout(() => {
27365
- grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
27366
- }, 500);
27367
-
27368
27379
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
27369
27380
  const grid = document.querySelector("nine-grid");
27370
27381
  grid.filtering.set(data);
@@ -27384,8 +27395,12 @@ class aiMessage extends HTMLElement
27384
27395
  else {
27385
27396
  elMore.style.display = "none";
27386
27397
  }
27387
-
27388
27398
  });
27399
+
27400
+ setTimeout(() => {
27401
+ const grd = this.shadowRoot.querySelector("nine-grid");
27402
+ grd.data.source = v;
27403
+ }, 300);
27389
27404
  };
27390
27405
  }
27391
27406
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.325.0",
4
+ "version": "6.327.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -3,6 +3,7 @@ import ninegrid from "../index.js";
3
3
  class aiMessage extends HTMLElement
4
4
  {
5
5
  #message;
6
+ #data;
6
7
 
7
8
  constructor() {
8
9
  super();
@@ -19,7 +20,7 @@ class aiMessage extends HTMLElement
19
20
  </style>
20
21
 
21
22
  <div class="chat-message">
22
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
23
+ <span title="${this.#message}" class="message">
23
24
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
25
  </span>
25
26
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -39,37 +40,46 @@ class aiMessage extends HTMLElement
39
40
  };
40
41
 
41
42
  get data() {
42
- return ;
43
+ return this.#data;
43
44
  }
44
45
  set data(v) {
45
- console.log(v);;
46
+ this.#data = v;
46
47
  }
47
48
 
48
49
  #init = () => {
49
50
 
50
51
  const html = `
51
- <nine-grid>
52
+ <nine-grid display-row-count="5" select-type="row" auto-fit-col="true" show-title-bar="true" show-menu-icon="true" show-status-bar="true" enable-fixed-col="true" row-resizable="false" col-movable="true">
52
53
  <table>
54
+ <caption>Sheet1</caption>
53
55
  <thead>
54
- <th>col_id</th>
55
- <th>col_nm</th>
56
- <thead>
57
- <tbody>
58
- <td data-bind="col_id"></td>
59
- <td data-bind="col_nm"></td>
56
+ <tr>
57
+ <th>No.</th>
58
+ <th>문서 ID</th>
59
+ <th>문서명</th>
60
+ <th>매출액</th>
61
+ <th>관련 문서</th>
62
+ <th>수정자</th>
63
+ <th>수정일</th>
64
+ </tr>
65
+ </thead>
60
66
  <tbody>
67
+ <tr>
68
+ <th><ng-row-indicator/></th>
69
+ <td data-bind="doc_id"></td>
70
+ <td data-bind="doc_nm"></td>
71
+ <td data-bind="amt"></td>
72
+ <td data-bind="file_id"></td>
73
+ <td data-bind="update_user" text-align="center"></td>
74
+ <td data-bind="update_dt" text-align="center"></td>
75
+ </tr>
76
+ </tbody>
61
77
  </table>
62
78
  </nine-grid>
63
79
  `;
64
80
 
65
81
  this.shadowRoot.querySelector(".grid").innerHTML = html;
66
82
 
67
- const grd = this.shadowRoot.querySelector("nine-grid");
68
- //console.log(grd);
69
- setTimeout(() => {
70
- grd.data.source = [ {doc_id: 1, doc_nm : 'aa'}, {doc_id: 1, doc_nm : 'aa'} ];
71
- }, 500);
72
-
73
83
  this.shadowRoot.querySelector(".filter").addEventListener("click", e => {
74
84
  const grid = document.querySelector("nine-grid");
75
85
  grid.filtering.set(data);
@@ -89,8 +99,12 @@ class aiMessage extends HTMLElement
89
99
  else {
90
100
  elMore.style.display = "none";
91
101
  }
92
-
93
102
  });
103
+
104
+ setTimeout(() => {
105
+ const grd = this.shadowRoot.querySelector("nine-grid");
106
+ grd.data.source = v;
107
+ }, 300);
94
108
  };
95
109
  }
96
110