ninegrid2 6.324.0 → 6.326.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 +25 -15
  2. package/dist/bundle.cjs.js +26 -15
  3. package/dist/bundle.esm.js +26 -15
  4. package/package.json +1 -1
  5. package/src/ai/aiMessage.js +25 -15
package/dist/ai/aiMessage.js CHANGED
@@ -19,7 +19,7 @@ class aiMessage extends HTMLElement
19
19
  </style>
20
20
 
21
21
  <div class="chat-message">
22
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
22
+ <span title="${this.#message}" class="message">
23
23
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
24
  </span>
25
25
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -42,34 +42,44 @@ class aiMessage extends HTMLElement
42
42
  return ;
43
43
  }
44
44
  set data(v) {
45
- console.log(v);;
45
+ const grd = this.shadowRoot.querySelector("nine-grid");
46
+ grd.data.source = 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);
package/dist/bundle.cjs.js CHANGED
@@ -27317,7 +27317,7 @@ class aiMessage extends HTMLElement
27317
27317
  </style>
27318
27318
 
27319
27319
  <div class="chat-message">
27320
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27320
+ <span title="${this.#message}" class="message">
27321
27321
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27322
27322
  </span>
27323
27323
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -27340,33 +27340,44 @@ class aiMessage extends HTMLElement
27340
27340
  return ;
27341
27341
  }
27342
27342
  set data(v) {
27343
- console.log(v); }
27343
+ const grd = this.shadowRoot.querySelector("nine-grid");
27344
+ grd.data.source = 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);
package/dist/bundle.esm.js CHANGED
@@ -27315,7 +27315,7 @@ class aiMessage extends HTMLElement
27315
27315
  </style>
27316
27316
 
27317
27317
  <div class="chat-message">
27318
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
27318
+ <span title="${this.#message}" class="message">
27319
27319
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
27320
27320
  </span>
27321
27321
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -27338,33 +27338,44 @@ class aiMessage extends HTMLElement
27338
27338
  return ;
27339
27339
  }
27340
27340
  set data(v) {
27341
- console.log(v); }
27341
+ const grd = this.shadowRoot.querySelector("nine-grid");
27342
+ grd.data.source = 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);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ninegrid2",
3
3
  "type": "module",
4
- "version": "6.324.0",
4
+ "version": "6.326.0",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
7
7
  "import": "./dist/index.js",
package/src/ai/aiMessage.js CHANGED
@@ -19,7 +19,7 @@ class aiMessage extends HTMLElement
19
19
  </style>
20
20
 
21
21
  <div class="chat-message">
22
- <span title="${this.#message.replaceAll("\n", "<br/>")}" class="message">
22
+ <span title="${this.#message}" class="message">
23
23
  ${this.#message.replaceAll("\n\n", "<br/>").replaceAll("\n", "<br/>")}
24
24
  </span>
25
25
  <span class="more" style="position:relative;"><a href="#">more</a></span>
@@ -42,34 +42,44 @@ class aiMessage extends HTMLElement
42
42
  return ;
43
43
  }
44
44
  set data(v) {
45
- console.log(v);;
45
+ const grd = this.shadowRoot.querySelector("nine-grid");
46
+ grd.data.source = 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);