@stonecrop/atable 0.2.47 → 0.2.49

package/dist/assets/index.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";: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-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-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: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform{flex-direction:column}}.aform__form-element{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field{outline:1px solid transparent;border:1px solid var(--sc-input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--sc-cell-text-color)}.aform__field-label{color:var(--sc-input-label-color);display:inline-block;position:absolute;padding:0 .25rem;margin:0rem;z-index:2;font-size:.7rem;font-weight:300;letter-spacing:.05rem;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--sc-brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--sc-input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input{width:auto}.aform__checkbox-container:hover+.aform__field-label{color:var(--sc-input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr:focus{background-color:#add8e6;outline:auto}.aform__form-btn{padding:.5rem 2rem;width:auto;border:1px solid var(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--sc-gray-5)}.aform__file-attach{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--sc-input-border-color);width:100%}@media screen and (max-width: 400px){.aform__file-attach>.aform__form-btn{width:100%}}.aform__file-attach-feedback{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li{list-style:none;font-style:italic}.aform__file-attach-feedback>p{margin-top:0}.atable{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}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.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}.atable__cell span{overflow:hidden;text-overflow:ellipsis}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row{display:flex}.atable th{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}#header-index{box-sizing:content-box}.atable th:focus{outline:none}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-font-family)}.account-container{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container{display:grid;gap:.5rem}.login-form-element{display:grid;margin:.5rem 0;position:relative}.login-field{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{background-color:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn:hover{background-color:var(--sc-btn-hover)}.btn:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled{opacity:.5}.loading-icon{animation:spin 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-2896bed9]: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-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-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: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform[data-v-2896bed9]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-2896bed9]{flex-direction:column}}.aform__form-element[data-v-2896bed9]{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field[data-v-2896bed9]{outline:1px solid transparent;border:1px solid var(--sc-input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--sc-cell-text-color)}.aform__field-label[data-v-2896bed9]{color:var(--sc-input-label-color);display:inline-block;position:absolute;padding:0 .25rem;margin:0rem;z-index:2;font-size:.7rem;font-weight:300;letter-spacing:.05rem;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-2896bed9]{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--sc-brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field[data-v-2896bed9]:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform__checkbox[data-v-2896bed9]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-2896bed9]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container[data-v-2896bed9]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-2896bed9]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform-primary-action[data-v-2896bed9]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action[data-v-2896bed9]:hover,.aform-primary-action[data-v-2896bed9]:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-2896bed9]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-2896bed9]{padding:.5rem 2rem;width:auto;border:1px solid var(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn[data-v-2896bed9]:disabled{background-color:var(--sc-gray-5)}.aform__file-attach[data-v-2896bed9]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--sc-input-border-color);width:100%}@media screen and (max-width: 400px){.aform__file-attach>.aform__form-btn[data-v-2896bed9]{width:100%}}.aform__file-attach-feedback[data-v-2896bed9]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-2896bed9]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-2896bed9]{margin-top:0}.atable[data-v-2896bed9]{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}.row-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell[data-v-2896bed9]{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}.atable__cell span[data-v-2896bed9]{overflow:hidden;text-overflow:ellipsis}.atable__cell[data-v-2896bed9]:focus,.atable__cell[data-v-2896bed9]:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-2896bed9]{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row[data-v-2896bed9]{display:flex}.atable th[data-v-2896bed9]{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}#header-index[data-v-2896bed9]{box-sizing:content-box}.atable th[data-v-2896bed9]:focus{outline:none}.amodal[data-v-2896bed9]{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index[data-v-2896bed9]{position:sticky;left:0;z-index:1;order:0}.sticky-column[data-v-2896bed9],th.sticky-column[data-v-2896bed9],td.sticky-column[data-v-2896bed9],th.sticky-index[data-v-2896bed9],td.sticky-index[data-v-2896bed9]{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge[data-v-2896bed9],.atable th.sticky-column-edge[data-v-2896bed9]{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container[data-v-2896bed9]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-font-family)}.account-container[data-v-2896bed9]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2896bed9]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2896bed9]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2896bed9]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2896bed9]{display:grid;gap:.5rem}.login-form-element[data-v-2896bed9]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2896bed9]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2896bed9]:focus{border:1px solid black}.btn[data-v-2896bed9]{background-color:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-2896bed9]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2896bed9]:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled[data-v-2896bed9]{opacity:.5}.loading-icon[data-v-2896bed9]{animation:spin-2896bed9 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2896bed9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/atable.js

@@ -1,4 +1,4 @@
-var Ge = Object.defineProperty;
+import './assets/index.css';var Ge = Object.defineProperty;
 var Ue = (e, t, n) => t in e ? Ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var T = (e, t, n) => Ue(e, typeof t != "symbol" ? t + "" : t, n);
 import { onMounted as z, ref as y, watch as k, onBeforeUnmount as qe, computed as b, unref as m, getCurrentScope as le, onScopeDispose as se, getCurrentInstance as ie, nextTick as Te, defineComponent as D, inject as Q, useTemplateRef as Z, openBlock as w, createElementBlock as g, normalizeClass as j, createBlock as U, resolveDynamicComponent as Re, mergeProps as re, toDisplayString as N, Fragment as X, createElementVNode as P, renderSlot as S, createCommentVNode as J, withDirectives as te, vShow as De, toRef as Ye, readonly as Xe, customRef as Je, reactive as L, renderList as ne, normalizeStyle as q, createTextVNode as Qe, provide as Ze, createVNode as ye, withCtx as be } from "vue";
@@ -1026,7 +1026,7 @@ const zt = {
           columns: m(o).columns,
           tableid: m(o).id
         }, null, 8, ["columns", "tableid"])
-      ]),
+      ], !0),
       P("tbody", null, [
         S(r.$slots, "body", { data: m(o) }, () => [
           (w(!0), g(X, null, ne(m(o).rows, (u, p) => (w(), U(He, {
@@ -1054,9 +1054,9 @@ const zt = {
             ]),
             _: 2
           }, 1032, ["row", "rowIndex", "tableid"]))), 128))
-        ])
+        ], !0)
       ]),
-      S(r.$slots, "footer", { data: m(o) }),
+      S(r.$slots, "footer", { data: m(o) }, void 0, !0),
       S(r.$slots, "modal", { data: m(o) }, () => [
         te(ye(Fe, {
           colIndex: m(o).modal.colIndex,
@@ -1080,23 +1080,28 @@ const zt = {
         }, 8, ["colIndex", "rowIndex", "tableid", "style"]), [
           [De, m(o).modal.visible]
         ])
-      ])
+      ], !0)
     ], 4)), [
       [m(Ht), i]
     ]);
   }
-});
-function Xt(e) {
-  e.component("ACell", We), e.component("AExpansionRow", Rt), e.component("ARow", He), e.component("ATable", Gt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
+}), Ut = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, s] of t)
+    n[l] = s;
+  return n;
+}, qt = /* @__PURE__ */ Ut(Gt, [["__scopeId", "data-v-2896bed9"]]);
+function Qt(e) {
+  e.component("ACell", We), e.component("AExpansionRow", Rt), e.component("ARow", He), e.component("ATable", qt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
 }
 export {
   We as ACell,
   Rt as AExpansionRow,
   He as ARow,
-  Gt as ATable,
+  qt as ATable,
   ze as ATableHeader,
   Fe as ATableModal,
   Vt as TableDataStore,
-  Xt as install
+  Qt as install
 };
 //# sourceMappingURL=atable.js.map