@kokoccc/vuetify 1.0.2 → 1.0.3

package/lib/components/VDataTable/VVirtualTable.js

@@ -0,0 +1,153 @@
+import { h } from 'vue';
+import "../../../src/components/VDataTable/VVirtualTable.sass"; // Components
+
+import VSimpleTable from './VSimpleTable';
+import mixins from '../../util/mixins'; // Utiltiies
+
+import { convertToUnit, debounce, getSlot } from '../../util/helpers'; // Types
+
+const baseMixins = mixins(VSimpleTable);
+export default baseMixins.extend({
+  name: 'v-virtual-table',
+  props: {
+    chunkSize: {
+      type: Number,
+      default: 25
+    },
+    headerHeight: {
+      type: Number,
+      default: 48
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    rowHeight: {
+      type: Number,
+      default: 48
+    }
+  },
+  data: () => ({
+    scrollTop: 0,
+    oldChunk: 0,
+    scrollDebounce: null,
+    invalidateCache: false
+  }),
+  computed: {
+    itemsLength() {
+      return this.items.length;
+    },
+
+    totalHeight() {
+      return this.itemsLength * this.rowHeight + this.headerHeight;
+    },
+
+    topIndex() {
+      return Math.floor(this.scrollTop / this.rowHeight);
+    },
+
+    chunkIndex() {
+      return Math.floor(this.topIndex / this.chunkSize);
+    },
+
+    startIndex() {
+      return Math.max(0, this.chunkIndex * this.chunkSize - this.chunkSize);
+    },
+
+    offsetTop() {
+      return Math.max(0, this.startIndex * this.rowHeight);
+    },
+
+    stopIndex() {
+      return Math.min(this.startIndex + this.chunkSize * 3, this.itemsLength);
+    },
+
+    offsetBottom() {
+      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight);
+    }
+
+  },
+  watch: {
+    chunkIndex(newValue, oldValue) {
+      this.oldChunk = oldValue;
+    },
+
+    items() {
+      this.cachedItems = null;
+      this.$refs.table.scrollTop = 0;
+    }
+
+  },
+
+  created() {
+    this.cachedItems = null;
+  },
+
+  mounted() {
+    this.scrollDebounce = debounce(this.onScroll, 50);
+    this.$refs.table.addEventListener('scroll', this.scrollDebounce, {
+      passive: true
+    });
+  },
+
+  beforeUnmount() {
+    this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
+  },
+
+  methods: {
+    createStyleHeight(height) {
+      return {
+        height: `${height}px`
+      };
+    },
+
+    genBody() {
+      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {
+        this.cachedItems = this.genItems();
+        this.oldChunk = this.chunkIndex;
+      }
+
+      return h('tbody', [h('tr', {
+        style: this.createStyleHeight(this.offsetTop)
+      }), this.cachedItems, h('tr', {
+        style: this.createStyleHeight(this.offsetBottom)
+      })]);
+    },
+
+    genItems() {
+      return this.$slots.items({
+        items: this.items.slice(this.startIndex, this.stopIndex)
+      });
+    },
+
+    onScroll(e) {
+      const target = e.target;
+      this.scrollTop = target.scrollTop;
+    },
+
+    genTable() {
+      return h('div', {
+        ref: 'table',
+        class: 'v-virtual-table__table'
+      }, [h('table', [this.$slots['body.before'], this.genBody(), this.$slots['body.after']])]);
+    },
+
+    genWrapper() {
+      return h('div', {
+        class: 'v-virtual-table__wrapper',
+        style: {
+          height: convertToUnit(this.height)
+        }
+      }, [this.genTable()]);
+    }
+
+  },
+
+  render() {
+    return h('div', {
+      class: ['v-data-table', 'v-virtual-table', this.classes]
+    }, [getSlot(this, 'top'), this.genWrapper(), getSlot(this, 'bottom')]);
+  }
+
+});
+//# sourceMappingURL=VVirtualTable.js.map

package/lib/components/VDataTable/VVirtualTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataTable/VVirtualTable.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\nimport './VVirtualTable.sass'\n\n// Components\nimport VSimpleTable from './VSimpleTable'\n\n// Types\nimport { VNode, VNodeChildren } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../util/mixins'\n\n// Utiltiies\nimport { convertToUnit, debounce, getSlot } from '../../util/helpers'\n\n// Types\nconst baseMixins = mixins(VSimpleTable)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    table: HTMLElement\n  }\n  cachedItems: VNodeChildren\n}\n\nexport default baseMixins.extend({\n  name: 'v-virtual-table',\n\n  props: {\n    chunkSize: {\n      type: Number,\n      default: 25,\n    },\n    headerHeight: {\n      type: Number,\n      default: 48,\n    },\n    items: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<any[]>,\n    rowHeight: {\n      type: Number,\n      default: 48,\n    },\n  },\n\n  data: () => ({\n    scrollTop: 0,\n    oldChunk: 0,\n    scrollDebounce: null as any,\n    invalidateCache: false,\n  }),\n\n  computed: {\n    itemsLength (): number {\n      return this.items.length\n    },\n    totalHeight (): number {\n      return (this.itemsLength * this.rowHeight) + this.headerHeight\n    },\n    topIndex (): number {\n      return Math.floor(this.scrollTop / this.rowHeight)\n    },\n    chunkIndex (): number {\n      return Math.floor(this.topIndex / this.chunkSize)\n    },\n    startIndex (): number {\n      return Math.max(0, (this.chunkIndex * this.chunkSize) - this.chunkSize)\n    },\n    offsetTop (): number {\n      return Math.max(0, this.startIndex * this.rowHeight)\n    },\n    stopIndex (): number {\n      return Math.min(this.startIndex + (this.chunkSize * 3), this.itemsLength)\n    },\n    offsetBottom (): number {\n      return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight)\n    },\n  },\n\n  watch: {\n    chunkIndex (newValue, oldValue) {\n      this.oldChunk = oldValue\n    },\n    items () {\n      this.cachedItems = null\n      this.$refs.table.scrollTop = 0\n    },\n  },\n\n  created () {\n    this.cachedItems = null\n  },\n\n  mounted () {\n    this.scrollDebounce = debounce(this.onScroll, 50)\n\n    this.$refs.table.addEventListener('scroll', this.scrollDebounce, { passive: true })\n  },\n\n  beforeUnmount () {\n    this.$refs.table.removeEventListener('scroll', this.scrollDebounce)\n  },\n\n  methods: {\n    createStyleHeight (height: number) {\n      return {\n        height: `${height}px`,\n      }\n    },\n    genBody () {\n      if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {\n        this.cachedItems = this.genItems()\n        this.oldChunk = this.chunkIndex\n      }\n\n      return h('tbody', [\n        h('tr', { style: this.createStyleHeight(this.offsetTop) }),\n        this.cachedItems,\n        h('tr', { style: this.createStyleHeight(this.offsetBottom) }),\n      ])\n    },\n    genItems () {\n      return this.$slots.items!({ items: this.items.slice(this.startIndex, this.stopIndex) })\n    },\n    onScroll (e: Event) {\n      const target = e.target as Element\n      this.scrollTop = target.scrollTop\n    },\n    genTable () {\n      return h('div', {\n        ref: 'table',\n        class: 'v-virtual-table__table',\n      }, [\n        h('table', [\n          this.$slots['body.before'],\n          this.genBody(),\n          this.$slots['body.after'],\n        ]),\n      ])\n    },\n    genWrapper () {\n      return h('div', {\n        class: 'v-virtual-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.genTable(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-data-table', 'v-virtual-table', this.classes],\n    }, [\n      getSlot(this, 'top'),\n      this.genWrapper(),\n      getSlot(this, 'bottom'),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VVirtualTable.js"}

package/lib/components/VDataTable/index.js

@@ -0,0 +1,19 @@
+import { createSimpleFunctional } from '../../util/helpers';
+import VDataTable from './VDataTable';
+import VDataTableHeader from './VDataTableHeader';
+import VEditDialog from './VEditDialog';
+import VSimpleTable from './VSimpleTable';
+import VVirtualTable from './VVirtualTable';
+const VTableOverflow = createSimpleFunctional('v-table__overflow');
+export { VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable };
+export default {
+  $_vuetify_subcomponents: {
+    VDataTable,
+    VDataTableHeader,
+    VEditDialog,
+    VTableOverflow,
+    VSimpleTable,
+    VVirtualTable
+  }
+};
+//# sourceMappingURL=index.js.map

package/lib/components/VDataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataTable/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,MAAM,cAAc,GAAG,sBAAsB,CAAC,mBAAD,CAA7C;AAEA,SAAS,UAAT,EAAqB,WAArB,EAAkC,cAAlC,EAAkD,gBAAlD,EAAoE,YAApE,EAAkF,aAAlF;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,UADuB;AAEvB,IAAA,gBAFuB;AAGvB,IAAA,WAHuB;AAIvB,IAAA,cAJuB;AAKvB,IAAA,YALuB;AAMvB,IAAA;AANuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VDataTable from './VDataTable'\nimport VDataTableHeader from './VDataTableHeader'\nimport VEditDialog from './VEditDialog'\nimport VSimpleTable from './VSimpleTable'\nimport VVirtualTable from './VVirtualTable'\n\nconst VTableOverflow = createSimpleFunctional('v-table__overflow')\n\nexport { VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VDataTable,\n    VDataTableHeader,\n    VEditDialog,\n    VTableOverflow,\n    VSimpleTable,\n    VVirtualTable,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VDataTable/mixins/header.js

@@ -0,0 +1,65 @@
+import VIcon from '../../VIcon';
+import VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox';
+import { h } from 'vue';
+import mixins from '../../../util/mixins';
+export default mixins().extend({
+  props: {
+    headers: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        page: 1,
+        itemsPerPage: 10,
+        sortBy: [],
+        sortDesc: [],
+        groupBy: [],
+        groupDesc: [],
+        multiSort: false,
+        mustSort: false
+      })
+    },
+    checkboxColor: String,
+    sortIcon: {
+      type: String,
+      default: '$sort'
+    },
+    everyItem: Boolean,
+    someItems: Boolean,
+    showGroupBy: Boolean,
+    singleSelect: Boolean,
+    disableSort: Boolean
+  },
+  methods: {
+    genSelectAll() {
+      var _a;
+
+      const data = {
+        modelValue: this.everyItem,
+        indeterminate: !this.everyItem && this.someItems,
+        color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : '',
+        'onUpdate:modelValue': v => this.$emit('toggle-select-all', v)
+      };
+
+      if (this.$slots['data-table-select']) {
+        return this.$slots['data-table-select'](data);
+      }
+
+      return h(VSimpleCheckbox, {
+        class: 'v-data-table__checkbox',
+        ...data
+      });
+    },
+
+    genSortIcon() {
+      return h(VIcon, {
+        class: 'v-data-table-header__icon',
+        size: 18
+      }, () => [this.sortIcon]);
+    }
+
+  }
+});
+//# sourceMappingURL=header.js.map

package/lib/components/VDataTable/mixins/header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/VDataTable/mixins/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAP,MAAkB,aAAlB;AACA,OAAO,eAAP,MAA4B,iCAA5B;AAGA,SAA0B,CAA1B,QAAmC,KAAnC;AAEA,OAAO,MAAP,MAAmB,sBAAnB;AASA,eAAe,MAAM,GAAkB,MAAxB,CAA+B;AAE5C,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,KADC;AAEP,MAAA,OAAO,EAAE,MAAO;AAFT,KADJ;AAKL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,CADQ;AAEd,QAAA,YAAY,EAAE,EAFA;AAGd,QAAA,MAAM,EAAE,EAHM;AAId,QAAA,QAAQ,EAAE,EAJI;AAKd,QAAA,OAAO,EAAE,EALK;AAMd,QAAA,SAAS,EAAE,EANG;AAOd,QAAA,SAAS,EAAE,KAPG;AAQd,QAAA,QAAQ,EAAE;AARI,OAAP;AAFF,KALJ;AAkBL,IAAA,aAAa,EAAE,MAlBV;AAmBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAnBL;AAuBL,IAAA,SAAS,EAAE,OAvBN;AAwBL,IAAA,SAAS,EAAE,OAxBN;AAyBL,IAAA,WAAW,EAAE,OAzBR;AA0BL,IAAA,YAAY,EAAE,OA1BT;AA2BL,IAAA,WAAW,EAAE;AA3BR,GAFqC;AAgC5C,EAAA,OAAO,EAAE;AACP,IAAA,YAAY,GAAA;;;AACV,YAAM,IAAI,GAAG;AACX,QAAA,UAAU,EAAE,KAAK,SADN;AAEX,QAAA,aAAa,EAAE,CAAC,KAAK,SAAN,IAAmB,KAAK,SAF5B;AAGX,QAAA,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,aAAL,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,EAAlB,GAAsB,EAHlB;AAIX,+BAAwB,CAAD,IAAgB,KAAK,KAAL,CAAW,mBAAX,EAAgC,CAAhC;AAJ5B,OAAb;;AAOA,UAAI,KAAK,MAAL,CAAY,mBAAZ,CAAJ,EAAsC;AACpC,eAAO,KAAK,MAAL,CAAY,mBAAZ,EAAkC,IAAlC,CAAP;AACD;;AAED,aAAO,CAAC,CAAC,eAAD,EAAkB;AACxB,QAAA,KAAK,EAAE,wBADiB;AAExB,WAAG;AAFqB,OAAlB,CAAR;AAID,KAjBM;;AAkBP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,2BADO;AAEd,QAAA,IAAI,EAAE;AAFQ,OAAR,EAGL,MAAM,CAAC,KAAK,QAAN,CAHD,CAAR;AAID;;AAvBM;AAhCmC,CAA/B,CAAf","sourcesContent":["import { VDataTable } from '../'\nimport VIcon from '../../VIcon'\nimport VSimpleCheckbox from '../../VCheckbox/VSimpleCheckbox'\nimport ripple from '../../../directives/ripple'\n\nimport { defineComponent, h } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport mixins from '../../../util/mixins'\nimport { DataOptions, DataTableHeader } from 'vuetify/types'\n\ntype VDataTableInstance = InstanceType<typeof VDataTable>\n\ninterface HeaderOptions {\n  dataTable: VDataTableInstance\n}\n\nexport default mixins<HeaderOptions>().extend({\n\n  props: {\n    headers: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<DataTableHeader[]>,\n    options: {\n      type: Object,\n      default: () => ({\n        page: 1,\n        itemsPerPage: 10,\n        sortBy: [],\n        sortDesc: [],\n        groupBy: [],\n        groupDesc: [],\n        multiSort: false,\n        mustSort: false,\n      }),\n    } as PropValidator<DataOptions>,\n    checkboxColor: String,\n    sortIcon: {\n      type: String,\n      default: '$sort',\n    },\n    everyItem: Boolean,\n    someItems: Boolean,\n    showGroupBy: Boolean,\n    singleSelect: Boolean,\n    disableSort: Boolean,\n  },\n\n  methods: {\n    genSelectAll () {\n      const data = {\n        modelValue: this.everyItem,\n        indeterminate: !this.everyItem && this.someItems,\n        color: this.checkboxColor ?? '',\n        'onUpdate:modelValue': (v: boolean) => this.$emit('toggle-select-all', v)\n      }\n\n      if (this.$slots['data-table-select']) {\n        return this.$slots['data-table-select']!(data)\n      }\n\n      return h(VSimpleCheckbox, {\n        class: 'v-data-table__checkbox',\n        ...data,\n      })\n    },\n    genSortIcon () {\n      return h(VIcon, {\n        class: 'v-data-table-header__icon',\n        size: 18,\n      }, () => [this.sortIcon])\n    },\n  },\n})\n"],"sourceRoot":"","file":"header.js"}