@stonecrop/atable 0.4.11 → 0.4.12
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/dist/assets/index.css +1 -1
- package/dist/atable.d.ts +14 -8
- package/dist/atable.js +548 -547
- package/dist/atable.js.map +1 -1
- package/dist/atable.umd.cjs +2 -2
- package/dist/atable.umd.cjs.map +1 -1
- package/dist/src/stores/table.d.ts +10 -7
- package/dist/src/stores/table.d.ts.map +1 -1
- package/dist/src/types/index.d.ts +4 -1
- package/dist/src/types/index.d.ts.map +1 -1
- package/dist/stores/table.js +6 -0
- package/package.json +3 -3
- package/src/components/AGanttCell.vue +2 -2
- package/src/components/ATable.vue +6 -9
- package/src/stores/table.ts +7 -0
- package/src/types/index.ts +5 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch;border-top:1px solid var(--sc-row-border-color)}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.cell-modified{font-weight:700;font-style:italic}.cell-modified-highlight{background-color:var(--sc-cell-changed-color)}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height)}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.expandable-row.changed-row-gradient[data-v-5ad4bb41]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.aganttcell[data-v-4fb5a483]{background-color:#f9f9f9;width:100%;padding:0;height:100%}.gantt-handler[data-v-4fb5a483]{position:relative;height:100%;background-color:#f0f0f0;border-radius:4px;overflow:visible}.gantt-bar[data-v-4fb5a483]{position:absolute;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:grab;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);transition:left .1s ease-out,width .1s ease-out}.gantt-bar[data-v-4fb5a483]:active{cursor:grabbing}.gantt-bar.is-dragging[data-v-4fb5a483]{z-index:10}.gantt-label[data-v-4fb5a483]{flex:1;text-align:center;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;-webkit-user-select:none;user-select:none}.gantt-handle[data-v-4fb5a483]{position:relative;width:12px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:0;background:#00000040}.left-handle[data-v-4fb5a483]{border-right:1px solid rgba(0,0,0,.5)}.right-handle[data-v-4fb5a483]{border-left:1px solid rgba(0,0,0,.5)}.handle-grip[data-v-4fb5a483]{width:4px;height:12px;border-radius:2px;background:#000c}.gantt-handle[data-v-4fb5a483]:hover{background-color:#ffffff80}.vertical-indicator[data-v-4fb5a483]{position:absolute;width:2px;opacity:0;pointer-events:none;transition:opacity .2s ease;top:-100vh;height:100vh;z-index:5;background-color:var(--eda8e56e)}.left-indicator[data-v-4fb5a483]{left:50%;transform:translate(-50%)}.right-indicator[data-v-4fb5a483]{right:50%;transform:translate(50%)}.gantt-handle.is-dragging .vertical-indicator[data-v-4fb5a483]{opacity:.7}.gantt-handler[data-v-4fb5a483]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:calc(100% / var(--411e94c1)) 100%;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px);pointer-events:none;z-index:1}.atable-row{background-color:#fff}.atable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-row:has(td.cell-modified)>td.sticky-column,.atable-row:has(td.cell-modified)>th.sticky-column,.atable-row:has(td.cell-modified)>td.sticky-index,.atable-row:has(td.cell-modified)>th.sticky-index{background:var(--sc-cell-changed-color)}.atable-row.changed-row-gradient[data-v-4cb4f254]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:absolute;background-color:var(--sc-row-color-zebra-dark);z-index:5}.sticky-index{position:sticky;left:0;z-index:10;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:10;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color)}[data-v-7af486de]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-7af486de]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto;overflow:clip;height:1px}.atable th[data-v-7af486de]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-7af486de]:focus{outline:none}.atable[data-v-7af486de]:tbody{overflow:hidden;position:relative}.atable[data-v-7af486de]:tbody:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:transparent;z-index:100}.aloading[data-v-a930a25b]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-a930a25b]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:gradient-a930a25b infinite 2s;z-index:0}.aloading-header[data-v-a930a25b]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-a930a25b]:after{content:"...";animation:ellipse-a930a25b 2s;animation-iteration-count:infinite}@keyframes gradient-a930a25b{0%{left:-100%}to{left:100%}}@keyframes ellipse-a930a25b{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aloading[data-v-e1165876]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-e1165876]{width:50%;height:3px;position:absolute;left:-100%;bottom:0;background:var(--sc-row-border-color);animation:bar-left-e1165876 infinite 2s;z-index:0}.aloading-header[data-v-e1165876]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-e1165876]:after{content:"...";animation:ellipse-e1165876 2s;animation-iteration-count:infinite}@keyframes bar-left-e1165876{0%{left:-50%}to{left:100%}}@keyframes ellipse-e1165876{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch;border-top:1px solid var(--sc-row-border-color)}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.cell-modified{font-weight:700;font-style:italic}.cell-modified-highlight{background-color:var(--sc-cell-changed-color)}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height)}.expandable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-left:2px solid var(--sc-row-border-color)}.expandable-row:last-child{border-bottom:1px solid var(--sc-row-border-color)}.expanded-row-content{border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.expandable-row.changed-row-gradient[data-v-5ad4bb41]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.aganttcell[data-v-630a49bb]{background-color:#f9f9f9;width:100%;padding:0;height:100%}.gantt-handler[data-v-630a49bb]{position:relative;height:100%;background-color:#f0f0f0;border-radius:4px;overflow:visible}.gantt-bar[data-v-630a49bb]{position:absolute;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:grab;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);transition:left .1s ease-out,width .1s ease-out}.gantt-bar[data-v-630a49bb]:active{cursor:grabbing}.gantt-bar.is-dragging[data-v-630a49bb]{z-index:10}.gantt-label[data-v-630a49bb]{flex:1;text-align:center;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;-webkit-user-select:none;user-select:none}.gantt-handle[data-v-630a49bb]{position:relative;width:12px;height:100%;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:0;background:#00000040}.left-handle[data-v-630a49bb]{border-right:1px solid rgba(0,0,0,.5)}.right-handle[data-v-630a49bb]{border-left:1px solid rgba(0,0,0,.5)}.handle-grip[data-v-630a49bb]{width:4px;height:12px;border-radius:2px;background:#000c}.gantt-handle[data-v-630a49bb]:hover{background-color:#ffffff80}.vertical-indicator[data-v-630a49bb]{position:absolute;width:2px;opacity:0;pointer-events:none;transition:opacity .2s ease;top:-100vh;height:100vh;z-index:5;background-color:var(--00252b09)}.left-indicator[data-v-630a49bb]{left:50%;transform:translate(-50%)}.right-indicator[data-v-630a49bb]{right:50%;transform:translate(50%)}.gantt-handle.is-dragging .vertical-indicator[data-v-630a49bb]{opacity:.7}.gantt-handler[data-v-630a49bb]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:calc(100% / var(--9d36bafe)) 100%;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px);pointer-events:none;z-index:1}.atable-row{background-color:#fff}.atable-row>td:first-child{border-left:4px solid var(--sc-row-border-color)}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-row:has(td.cell-modified)>td.sticky-column,.atable-row:has(td.cell-modified)>th.sticky-column,.atable-row:has(td.cell-modified)>td.sticky-index,.atable-row:has(td.cell-modified)>th.sticky-index{background:var(--sc-cell-changed-color)}.atable-row.changed-row-gradient[data-v-4cb4f254]:has(td.cell-modified){--cell-color-start: color-mix(in srgb, var(--sc-cell-changed-color), #fff 20%);--cell-color-end: color-mix(in srgb, var(--sc-cell-changed-color), #fff 60%);background:linear-gradient(90deg,var(--cell-color-start),var(--cell-color-end))}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:absolute;background-color:var(--sc-row-color-zebra-dark);z-index:5}.sticky-index{position:sticky;left:0;z-index:10;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:10;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color)}[data-v-8ce56718]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-changed-color: #d8edff;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: .125rem;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-table-loading-color: 204, 204, 204;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-8ce56718]{position:relative;font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto;overflow:clip;height:1px}.atable th[data-v-8ce56718]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-8ce56718]:focus{outline:none}.atable[data-v-8ce56718]:tbody{overflow:hidden;position:relative}.atable[data-v-8ce56718]:tbody:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:transparent;z-index:100}.aloading[data-v-a930a25b]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-a930a25b]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:gradient-a930a25b infinite 2s;z-index:0}.aloading-header[data-v-a930a25b]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-a930a25b]:after{content:"...";animation:ellipse-a930a25b 2s;animation-iteration-count:infinite}@keyframes gradient-a930a25b{0%{left:-100%}to{left:100%}}@keyframes ellipse-a930a25b{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.aloading[data-v-e1165876]{width:100%;border-top:1px solid var(--sc-row-border-color);border-bottom:1px solid var(--sc-row-border-color);display:flex;background-color:#fff;border-left:4px solid var(--sc-row-border-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);align-items:center;box-sizing:border-box;background:var(--sc-focus-cell-background);overflow:hidden;position:relative}.aloading-bar[data-v-e1165876]{width:50%;height:3px;position:absolute;left:-100%;bottom:0;background:var(--sc-row-border-color);animation:bar-left-e1165876 infinite 2s;z-index:0}.aloading-header[data-v-e1165876]{color:var(--sc-cell-text-color);font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);padding:0;margin:0;font-weight:400;z-index:1}.aloading-header[data-v-e1165876]:after{content:"...";animation:ellipse-e1165876 2s;animation-iteration-count:infinite}@keyframes bar-left-e1165876{0%{left:-50%}to{left:100%}}@keyframes ellipse-e1165876{0%{content:""}20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}
|
package/dist/atable.d.ts
CHANGED
|
@@ -69,7 +69,6 @@ label?: string | undefined;
|
|
|
69
69
|
type?: string | undefined;
|
|
70
70
|
width?: string | undefined;
|
|
71
71
|
pinned?: boolean | undefined;
|
|
72
|
-
color?: string | undefined;
|
|
73
72
|
colspan?: number | undefined;
|
|
74
73
|
ganttComponent?: string | undefined;
|
|
75
74
|
isGantt?: boolean | undefined;
|
|
@@ -88,7 +87,6 @@ label?: string | undefined;
|
|
|
88
87
|
type?: string | undefined;
|
|
89
88
|
width?: string | undefined;
|
|
90
89
|
pinned?: boolean | undefined;
|
|
91
|
-
color?: string | undefined;
|
|
92
90
|
colspan?: number | undefined;
|
|
93
91
|
ganttComponent?: string | undefined;
|
|
94
92
|
isGantt?: boolean | undefined;
|
|
@@ -157,10 +155,12 @@ rows: Ref< {
|
|
|
157
155
|
[x: string]: any;
|
|
158
156
|
indent?: number | undefined;
|
|
159
157
|
parent?: number | undefined;
|
|
158
|
+
gantt_color?: string | undefined;
|
|
160
159
|
}[], TableRow[] | {
|
|
161
160
|
[x: string]: any;
|
|
162
161
|
indent?: number | undefined;
|
|
163
162
|
parent?: number | undefined;
|
|
163
|
+
gantt_color?: string | undefined;
|
|
164
164
|
}[]>;
|
|
165
165
|
table: Ref< {}, {}>;
|
|
166
166
|
updates: Ref<Record<string, string>, Record<string, string>>;
|
|
@@ -174,6 +174,7 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
|
174
174
|
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
175
175
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
176
176
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
177
|
+
isRowGantt: (rowIndex: number) => boolean;
|
|
177
178
|
isRowVisible: (rowIndex: number) => boolean | undefined;
|
|
178
179
|
setCellData: (colIndex: number, rowIndex: number, value: any) => void;
|
|
179
180
|
setCellText: (colIndex: number, rowIndex: number, value: string) => void;
|
|
@@ -187,7 +188,6 @@ label?: string | undefined;
|
|
|
187
188
|
type?: string | undefined;
|
|
188
189
|
width?: string | undefined;
|
|
189
190
|
pinned?: boolean | undefined;
|
|
190
|
-
color?: string | undefined;
|
|
191
191
|
colspan?: number | undefined;
|
|
192
192
|
ganttComponent?: string | undefined;
|
|
193
193
|
isGantt?: boolean | undefined;
|
|
@@ -206,7 +206,6 @@ label?: string | undefined;
|
|
|
206
206
|
type?: string | undefined;
|
|
207
207
|
width?: string | undefined;
|
|
208
208
|
pinned?: boolean | undefined;
|
|
209
|
-
color?: string | undefined;
|
|
210
209
|
colspan?: number | undefined;
|
|
211
210
|
ganttComponent?: string | undefined;
|
|
212
211
|
isGantt?: boolean | undefined;
|
|
@@ -275,10 +274,12 @@ rows: Ref< {
|
|
|
275
274
|
[x: string]: any;
|
|
276
275
|
indent?: number | undefined;
|
|
277
276
|
parent?: number | undefined;
|
|
277
|
+
gantt_color?: string | undefined;
|
|
278
278
|
}[], TableRow[] | {
|
|
279
279
|
[x: string]: any;
|
|
280
280
|
indent?: number | undefined;
|
|
281
281
|
parent?: number | undefined;
|
|
282
|
+
gantt_color?: string | undefined;
|
|
282
283
|
}[]>;
|
|
283
284
|
table: Ref< {}, {}>;
|
|
284
285
|
updates: Ref<Record<string, string>, Record<string, string>>;
|
|
@@ -292,6 +293,7 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
|
292
293
|
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
293
294
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
294
295
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
296
|
+
isRowGantt: (rowIndex: number) => boolean;
|
|
295
297
|
isRowVisible: (rowIndex: number) => boolean | undefined;
|
|
296
298
|
setCellData: (colIndex: number, rowIndex: number, value: any) => void;
|
|
297
299
|
setCellText: (colIndex: number, rowIndex: number, value: string) => void;
|
|
@@ -305,7 +307,6 @@ label?: string | undefined;
|
|
|
305
307
|
type?: string | undefined;
|
|
306
308
|
width?: string | undefined;
|
|
307
309
|
pinned?: boolean | undefined;
|
|
308
|
-
color?: string | undefined;
|
|
309
310
|
colspan?: number | undefined;
|
|
310
311
|
ganttComponent?: string | undefined;
|
|
311
312
|
isGantt?: boolean | undefined;
|
|
@@ -324,7 +325,6 @@ label?: string | undefined;
|
|
|
324
325
|
type?: string | undefined;
|
|
325
326
|
width?: string | undefined;
|
|
326
327
|
pinned?: boolean | undefined;
|
|
327
|
-
color?: string | undefined;
|
|
328
328
|
colspan?: number | undefined;
|
|
329
329
|
ganttComponent?: string | undefined;
|
|
330
330
|
isGantt?: boolean | undefined;
|
|
@@ -393,10 +393,12 @@ rows: Ref< {
|
|
|
393
393
|
[x: string]: any;
|
|
394
394
|
indent?: number | undefined;
|
|
395
395
|
parent?: number | undefined;
|
|
396
|
+
gantt_color?: string | undefined;
|
|
396
397
|
}[], TableRow[] | {
|
|
397
398
|
[x: string]: any;
|
|
398
399
|
indent?: number | undefined;
|
|
399
400
|
parent?: number | undefined;
|
|
401
|
+
gantt_color?: string | undefined;
|
|
400
402
|
}[]>;
|
|
401
403
|
table: Ref< {}, {}>;
|
|
402
404
|
updates: Ref<Record<string, string>, Record<string, string>>;
|
|
@@ -410,11 +412,12 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
|
|
|
410
412
|
getHeaderCellStyle: (column: TableColumn) => CSSProperties;
|
|
411
413
|
getIndent: (colIndex: number, indentLevel?: number) => string;
|
|
412
414
|
getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
|
|
415
|
+
isRowGantt: (rowIndex: number) => boolean;
|
|
413
416
|
isRowVisible: (rowIndex: number) => boolean | undefined;
|
|
414
417
|
setCellData: (colIndex: number, rowIndex: number, value: any) => void;
|
|
415
418
|
setCellText: (colIndex: number, rowIndex: number, value: string) => void;
|
|
416
419
|
toggleRowExpand: (rowIndex: number) => void;
|
|
417
|
-
}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "setCellText" | "toggleRowExpand">>;
|
|
420
|
+
}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowGantt" | "isRowVisible" | "setCellData" | "setCellText" | "toggleRowExpand">>;
|
|
418
421
|
|
|
419
422
|
/**
|
|
420
423
|
* Install all ATable components
|
|
@@ -435,7 +438,6 @@ export declare type TableColumn = {
|
|
|
435
438
|
type?: string;
|
|
436
439
|
width?: string;
|
|
437
440
|
pinned?: boolean;
|
|
438
|
-
color?: string;
|
|
439
441
|
colspan?: number;
|
|
440
442
|
ganttComponent?: string;
|
|
441
443
|
isGantt?: boolean;
|
|
@@ -531,6 +533,10 @@ export declare type TableRow = {
|
|
|
531
533
|
[key: string]: any;
|
|
532
534
|
indent?: number;
|
|
533
535
|
parent?: number;
|
|
536
|
+
/**
|
|
537
|
+
* When a table is being viewed as a Gantt chart, this colour would be applied to the row's gantt bar, if one exists.
|
|
538
|
+
*/
|
|
539
|
+
gantt_color?: string;
|
|
534
540
|
};
|
|
535
541
|
|
|
536
542
|
export { }
|