@kokoccc/vuetify 1.0.1 → 1.0.3

package/lib/components/VDataTable/MobileRow.js

@@ -0,0 +1,59 @@
+import { defineComponent, h } from 'vue';
+import { getObjectValueByPath } from '../../util/helpers';
+export default defineComponent({
+  name: 'row',
+  functional: true,
+  props: {
+    headers: Array,
+    hideDefaultHeader: Boolean,
+    index: Number,
+    item: Object,
+    rtl: Boolean
+  },
+
+  render() {
+    const props = this.$props;
+    const data = this.$attrs;
+    const computedSlots = this.$slots;
+    const columns = props.headers.map(header => {
+      const classes = {
+        'v-data-table__mobile-row': true
+      };
+      const children = [];
+      const value = getObjectValueByPath(props.item, header.value);
+      const slotName = header.value;
+      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName];
+
+      if (regularSlot) {
+        children.push(regularSlot({
+          item: props.item,
+          isMobile: true,
+          header,
+          index: props.index,
+          value
+        }));
+      } else {
+        children.push(value == null ? value : String(value));
+      }
+
+      const mobileRowChildren = [h('div', {
+        class: 'v-data-table__mobile-row__cell'
+      }, children)];
+
+      if (header.value !== 'dataTableSelect' && !props.hideDefaultHeader) {
+        mobileRowChildren.unshift(h('div', {
+          class: 'v-data-table__mobile-row__header'
+        }, [header.text]));
+      }
+
+      return h('td', {
+        class: classes
+      }, mobileRowChildren);
+    });
+    return h('tr', { ...data,
+      class: 'v-data-table__mobile-table-row'
+    }, columns);
+  }
+
+});
+//# sourceMappingURL=MobileRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataTable/MobileRow.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,EAA2C,CAA3C,QAAoD,KAApD;AACA,SAAS,oBAAT,QAAqC,oBAArC;AAGA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,KADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,KADJ;AAEL,IAAA,iBAAiB,EAAE,OAFd;AAGL,IAAA,KAAK,EAAE,MAHF;AAIL,IAAA,IAAI,EAAE,MAJD;AAKL,IAAA,GAAG,EAAE;AALA,GALsB;;AAa7B,EAAA,MAAM,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;AACA,UAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,UAAM,aAAa,GAAG,KAAK,MAA3B;AAEA,UAAM,OAAO,GAAY,KAAK,CAAC,OAAN,CAAc,GAAd,CAAmB,MAAD,IAA4B;AACrE,YAAM,OAAO,GAAG;AACd,oCAA4B;AADd,OAAhB;AAIA,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAP,EAAa,MAAM,CAAC,KAApB,CAAlC;AAEA,YAAM,QAAQ,GAAG,MAAM,CAAC,KAAxB;AACA,YAAM,WAAW,GAAG,aAAa,CAAC,cAAd,CAA6B,QAA7B,KAA0C,aAAa,CAAC,QAAD,CAA3E;;AAEA,UAAI,WAAJ,EAAiB;AACf,QAAA,QAAQ,CAAC,IAAT,CAAc,WAAW,CAAC;AACxB,UAAA,IAAI,EAAE,KAAK,CAAC,IADY;AAExB,UAAA,QAAQ,EAAE,IAFc;AAGxB,UAAA,MAHwB;AAIxB,UAAA,KAAK,EAAE,KAAK,CAAC,KAJW;AAKxB,UAAA;AALwB,SAAD,CAAzB;AAOD,OARD,MAQO;AACL,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,IAAI,IAAT,GAAgB,KAAhB,GAAwB,MAAM,CAAC,KAAD,CAA5C;AACD;;AAED,YAAM,iBAAiB,GAAG,CACxB,CAAC,CAAC,KAAD,EAAQ;AACP,QAAA,KAAK,EAAE;AADA,OAAR,EAEE,QAFF,CADuB,CAA1B;;AAMA,UAAI,MAAM,CAAC,KAAP,KAAiB,iBAAjB,IAAsC,CAAC,KAAK,CAAC,iBAAjD,EAAoE;AAClE,QAAA,iBAAiB,CAAC,OAAlB,CACE,CAAC,CAAC,KAAD,EAAQ;AACP,UAAA,KAAK,EAAE;AADA,SAAR,EAEE,CAAC,MAAM,CAAC,IAAR,CAFF,CADH;AAKD;;AAED,aAAO,CAAC,CAAC,IAAD,EAAO;AAAE,QAAA,KAAK,EAAE;AAAT,OAAP,EAA2B,iBAA3B,CAAR;AACD,KAtCwB,CAAzB;AAwCA,WAAO,CAAC,CAAC,IAAD,EAAO,EAAE,GAAG,IAAL;AAAW,MAAA,KAAK,EAAE;AAAlB,KAAP,EAA6D,OAA7D,CAAR;AACD;;AA5D4B,CAAD,CAA9B","sourcesContent":["import { defineComponent, VNode, PropType, h } from 'vue'\nimport { getObjectValueByPath } from '../../util/helpers'\nimport { DataTableHeader } from 'vuetify/types'\n\nexport default defineComponent({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    hideDefaultHeader: Boolean,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n\n    const computedSlots = this.$slots\n\n    const columns: VNode[] = props.headers.map((header: DataTableHeader) => {\n      const classes = {\n        'v-data-table__mobile-row': true,\n      }\n\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const regularSlot = computedSlots.hasOwnProperty(slotName) && computedSlots[slotName]\n\n      if (regularSlot) {\n        children.push(regularSlot({\n          item: props.item,\n          isMobile: true,\n          header,\n          index: props.index,\n          value,\n        }))\n      } else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const mobileRowChildren = [\n        h('div', {\n          class: 'v-data-table__mobile-row__cell',\n        }, children),\n      ]\n\n      if (header.value !== 'dataTableSelect' && !props.hideDefaultHeader) {\n        mobileRowChildren.unshift(\n          h('div', {\n            class: 'v-data-table__mobile-row__header',\n          }, [header.text])\n        )\n      }\n\n      return h('td', { class: classes }, mobileRowChildren)\n    })\n\n    return h('tr', { ...data, class: 'v-data-table__mobile-table-row' }, columns)\n  },\n})\n"],"sourceRoot":"","file":"MobileRow.js"}

package/lib/components/VDataTable/Row.js

@@ -0,0 +1,54 @@
+// Types
+import { defineComponent, h } from 'vue'; // Utils
+
+import { getObjectValueByPath, wrapInArray } from '../../util/helpers';
+
+function needsTd(slot) {
+  var _a;
+
+  return slot.length !== 1 || !['td', 'th'].includes((_a = slot[0]) === null || _a === void 0 ? void 0 : _a.tag);
+}
+
+export default defineComponent({
+  name: 'row',
+  functional: true,
+  props: {
+    headers: Array,
+    index: Number,
+    item: Object,
+    rtl: Boolean
+  },
+
+  render() {
+    const props = this.$props;
+    const data = this.$attrs;
+    const columns = props.headers.map(header => {
+      const children = [];
+      const value = getObjectValueByPath(props.item, header.value);
+      const slotName = header.value;
+      const scopedSlot = this.$slots.hasOwnProperty(slotName) && this.$slots[slotName];
+
+      if (scopedSlot) {
+        children.push(...wrapInArray(scopedSlot({
+          item: props.item,
+          isMobile: false,
+          header,
+          index: props.index,
+          value
+        })));
+      } else {
+        children.push(value == null ? value : String(value));
+      }
+
+      const textAlign = `text-${header.align || 'start'}`;
+      return needsTd(children) ? h('td', {
+        class: [textAlign, header.cellClass, {
+          'v-data-table__divider': header.divider
+        }]
+      }, children) : children;
+    });
+    return h('tr', data, columns);
+  }
+
+});
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataTable/Row.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,eAAT,EAA2C,CAA3C,QAAoD,KAApD,C,CAGA;;AACA,SAAS,oBAAT,EAA+B,WAA/B,QAAkD,oBAAlD;;AAEA,SAAS,OAAT,CAAkB,IAAlB,EAA2C;;;AACzC,SAAO,IAAK,CAAC,MAAN,KAAiB,CAAjB,IACL,CAAC,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,CAAsB,CAAA,EAAA,GAAA,IAAK,CAAC,CAAD,CAAL,MAAQ,IAAR,IAAQ,EAAA,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAQ,EAAA,CAAE,GAAhC,CADH;AAED;;AAED,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,KADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,KADJ;AAEL,IAAA,KAAK,EAAE,MAFF;AAGL,IAAA,IAAI,EAAE,MAHD;AAIL,IAAA,GAAG,EAAE;AAJA,GALsB;;AAY7B,EAAA,MAAM,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;AACA,UAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,UAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,GAAd,CAAmB,MAAD,IAA4B;AAC5D,YAAM,QAAQ,GAAG,EAAjB;AACA,YAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAP,EAAa,MAAM,CAAC,KAApB,CAAlC;AAEA,YAAM,QAAQ,GAAG,MAAM,CAAC,KAAxB;AACA,YAAM,UAAU,GAAG,KAAK,MAAL,CAAY,cAAZ,CAA2B,QAA3B,KAAwC,KAAK,MAAL,CAAY,QAAZ,CAA3D;;AAEA,UAAI,UAAJ,EAAgB;AACd,QAAA,QAAQ,CAAC,IAAT,CAAc,GAAG,WAAW,CAAC,UAAU,CAAC;AACtC,UAAA,IAAI,EAAE,KAAK,CAAC,IAD0B;AAEtC,UAAA,QAAQ,EAAE,KAF4B;AAGtC,UAAA,MAHsC;AAItC,UAAA,KAAK,EAAE,KAAK,CAAC,KAJyB;AAKtC,UAAA;AALsC,SAAD,CAAX,CAA5B;AAOD,OARD,MASK;AACH,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,IAAI,IAAT,GAAgB,KAAhB,GAAwB,MAAM,CAAC,KAAD,CAA5C;AACD;;AAED,YAAM,SAAS,GAAG,QAAQ,MAAM,CAAC,KAAP,IAAgB,OAAO,EAAjD;AAEA,aAAO,OAAO,CAAC,QAAD,CAAP,GACH,CAAC,CAAC,IAAD,EAAO;AACR,QAAA,KAAK,EAAE,CACL,SADK,EAEL,MAAM,CAAC,SAFF,EAGL;AACE,mCAAyB,MAAM,CAAC;AADlC,SAHK;AADC,OAAP,EAQA,QARA,CADE,GAUH,QAVJ;AAWD,KAjCe,CAAhB;AAmCA,WAAO,CAAC,CAAC,IAAD,EAAO,IAAP,EAAa,OAAb,CAAR;AACD;;AApD4B,CAAD,CAA9B","sourcesContent":["// Types\nimport { defineComponent, VNode, PropType, h } from 'vue'\nimport { DataTableHeader } from 'vuetify/types'\n\n// Utils\nimport { getObjectValueByPath, wrapInArray } from '../../util/helpers'\n\nfunction needsTd (slot: VNode[] | undefined) {\n  return slot!.length !== 1 ||\n    !['td', 'th'].includes(slot![0]?.tag!)\n}\n\nexport default defineComponent({\n  name: 'row',\n\n  functional: true,\n\n  props: {\n    headers: Array as PropType<DataTableHeader[]>,\n    index: Number,\n    item: Object,\n    rtl: Boolean,\n  },\n\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n\n    const columns = props.headers.map((header: DataTableHeader) => {\n      const children = []\n      const value = getObjectValueByPath(props.item, header.value)\n\n      const slotName = header.value\n      const scopedSlot = this.$slots.hasOwnProperty(slotName) && this.$slots[slotName]\n\n      if (scopedSlot) {\n        children.push(...wrapInArray(scopedSlot({\n          item: props.item,\n          isMobile: false,\n          header,\n          index: props.index,\n          value,\n        })))\n      }\n      else {\n        children.push(value == null ? value : String(value))\n      }\n\n      const textAlign = `text-${header.align || 'start'}`\n\n      return needsTd(children)\n        ? h('td', {\n          class: [\n            textAlign,\n            header.cellClass,\n            {\n              'v-data-table__divider': header.divider,\n            },\n          ],\n        }, children)\n        : children\n    })\n\n    return h('tr', data, columns)\n  },\n})\n"],"sourceRoot":"","file":"Row.js"}

package/lib/components/VDataTable/RowGroup.js

@@ -0,0 +1,64 @@
+import { defineComponent, h, Fragment } from 'vue';
+import { getSlot } from '../../util/helpers';
+import { breaking } from '../../util/console';
+export default defineComponent({
+  name: 'row-group',
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    headerClass: {
+      type: String,
+      default: 'v-row-group__header'
+    },
+    contentClass: String,
+    summaryClass: {
+      type: String,
+      default: 'v-row-group__summary'
+    }
+  },
+
+  created() {
+    const breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  render() {
+    const props = this.$props;
+    const children = [];
+    const columnHeaderSlot = getSlot(this, 'column.header');
+    const rowHeaderSlot = getSlot(this, 'row.header');
+    const rowContentSlot = getSlot(this, 'row.content');
+    const columnSummarySlot = getSlot(this, 'column.summary');
+    const rowSummarySlot = getSlot(this, 'row.summary');
+
+    if (columnHeaderSlot) {
+      children.push(h('tr', {
+        class: props.headerClass
+      }, columnHeaderSlot));
+    } else if (rowHeaderSlot) {
+      children.push(...(Array.isArray(rowHeaderSlot) ? rowHeaderSlot : [rowHeaderSlot]));
+    }
+
+    if (rowContentSlot && props.modelValue) {
+      children.push(...(Array.isArray(rowContentSlot) ? rowContentSlot : [rowContentSlot]));
+    }
+
+    if (columnSummarySlot) {
+      children.push(h('tr', {
+        class: props.summaryClass
+      }, columnSummarySlot));
+    } else if (rowSummarySlot) {
+      children.push(...(Array.isArray(rowSummarySlot) ? rowSummarySlot : [rowSummarySlot]));
+    }
+
+    return h(Fragment, children);
+  }
+
+});
+//# sourceMappingURL=RowGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataTable/RowGroup.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,EAAiC,CAAjC,EAAoC,QAApC,QAAoD,KAApD;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,SAAS,QAAT,QAAyB,oBAAzB;AAEA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,WADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,OADI;AAEV,MAAA,OAAO,EAAE;AAFC,KADP;AAKL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KALR;AASL,IAAA,YAAY,EAAE,MATT;AAUL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,MADM;AAEZ,MAAA,OAAO,EAAE;AAFG;AAVT,GAHsB;;AAmB7B,EAAA,OAAO,GAAA;AACL,UAAM,aAAa,GAAG,CACpB,CAAC,OAAD,EAAU,YAAV,CADoB,CAAtB;AAIA;;AACA,IAAA,aAAa,CAAC,OAAd,CAAsB,CAAC,CAAC,QAAD,EAAW,WAAX,CAAD,KAA4B;AAChD,UAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C,QAAQ,CAAC,QAAD,EAAW,WAAX,EAAwB,IAAxB,CAAR;AAC3C,KAFD;AAGD,GA5B4B;;AA8B7B,EAAA,MAAM,GAAA;AACJ,UAAM,KAAK,GAAG,KAAK,MAAnB;AACA,UAAM,QAAQ,GAAG,EAAjB;AAEA,UAAM,gBAAgB,GAAG,OAAO,CAAC,IAAD,EAAO,eAAP,CAAhC;AACA,UAAM,aAAa,GAAG,OAAO,CAAC,IAAD,EAAO,YAAP,CAA7B;AACA,UAAM,cAAc,GAAG,OAAO,CAAC,IAAD,EAAO,aAAP,CAA9B;AACA,UAAM,iBAAiB,GAAG,OAAO,CAAC,IAAD,EAAO,gBAAP,CAAjC;AACA,UAAM,cAAc,GAAG,OAAO,CAAC,IAAD,EAAO,aAAP,CAA9B;;AAEA,QAAI,gBAAJ,EAAsB;AACpB,MAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC;AADO,OAAP,EAEZ,gBAFY,CAAf;AAGD,KAJD,MAIO,IAAI,aAAJ,EAAmB;AACxB,MAAA,QAAQ,CAAC,IAAT,CAAc,IAAI,KAAK,CAAC,OAAN,CAAc,aAAd,IAA+B,aAA/B,GAA+C,CAAC,aAAD,CAAnD,CAAd;AACD;;AAED,QAAI,cAAc,IAAI,KAAK,CAAC,UAA5B,EAAwC;AACtC,MAAA,QAAQ,CAAC,IAAT,CAAc,IAAI,KAAK,CAAC,OAAN,CAAc,cAAd,IAAgC,cAAhC,GAAiD,CAAC,cAAD,CAArD,CAAd;AACD;;AAED,QAAI,iBAAJ,EAAuB;AACrB,MAAA,QAAQ,CAAC,IAAT,CAAc,CAAC,CAAC,IAAD,EAAO;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC;AADO,OAAP,EAEZ,iBAFY,CAAf;AAGD,KAJD,MAIO,IAAI,cAAJ,EAAoB;AACzB,MAAA,QAAQ,CAAC,IAAT,CAAc,IAAI,KAAK,CAAC,OAAN,CAAc,cAAd,IAAgC,cAAhC,GAAiD,CAAC,cAAD,CAArD,CAAd;AACD;;AAED,WAAO,CAAC,CAAC,QAAD,EAAW,QAAX,CAAR;AACD;;AA7D4B,CAAD,CAA9B","sourcesContent":["import { defineComponent, VNode, h, Fragment } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nexport default defineComponent({\n  name: 'row-group',\n\n  props: {\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    headerClass: {\n      type: String,\n      default: 'v-row-group__header',\n    },\n    contentClass: String,\n    summaryClass: {\n      type: String,\n      default: 'v-row-group__summary',\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  render (): VNode {\n    const props = this.$props\n    const children = []\n\n    const columnHeaderSlot = getSlot(this, 'column.header')\n    const rowHeaderSlot = getSlot(this, 'row.header')\n    const rowContentSlot = getSlot(this, 'row.content')\n    const columnSummarySlot = getSlot(this, 'column.summary')\n    const rowSummarySlot = getSlot(this, 'row.summary')\n\n    if (columnHeaderSlot) {\n      children.push(h('tr', {\n        class: props.headerClass,\n      }, columnHeaderSlot))\n    } else if (rowHeaderSlot) {\n      children.push(...(Array.isArray(rowHeaderSlot) ? rowHeaderSlot : [rowHeaderSlot]))\n    }\n\n    if (rowContentSlot && props.modelValue) {\n      children.push(...(Array.isArray(rowContentSlot) ? rowContentSlot : [rowContentSlot]))\n    }\n\n    if (columnSummarySlot) {\n      children.push(h('tr', {\n        class: props.summaryClass,\n      }, columnSummarySlot))\n    } else if (rowSummarySlot) {\n      children.push(...(Array.isArray(rowSummarySlot) ? rowSummarySlot : [rowSummarySlot]))\n    }\n\n    return h(Fragment, children)\n  },\n})\n"],"sourceRoot":"","file":"RowGroup.js"}