@evance/evance-ui 1.0.19 → 1.0.21

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-UJ0JnkuR.cjs

@@ -1,73 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.19 | MIT License */
-const vue = require("vue");
-const component = require("./component-DBZnuH5_.cjs");
-const tag = require("./tag-e7prp88v.cjs");
-const props = require("./props-D-eDJwTQ.cjs");
-const display = require("./display-B-K4tzJV.cjs");
-const isFunctions = require("./is-functions-wLPKe_5h.cjs");
-const makeEvContainerProps = props.propsFactory(
-  {
-    fluid: {
-      type: Boolean,
-      default: false
-    },
-    fill: Boolean,
-    hidden: [Boolean, String, Array],
-    height: [String, Number, Object],
-    width: [String, Number, Object],
-    ...component.makeComponentProps(),
-    ...tag.makeTagProps()
-  },
-  "EvContainer"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvContainer",
-  props: {
-    ...makeEvContainerProps()
-  },
-  setup(__props) {
-    const props2 = __props;
-    const hiddenClasses = display.useDisplayRuleClasses(props2, "hidden", "hidden");
-    const hiddenAttribute = vue.computed(() => {
-      return isFunctions.isBoolean(props2.hidden) && props2.hidden;
-    });
-    const heightStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.height);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return { height: value + " !important" };
-    });
-    const widthStyles = vue.computed(() => {
-      const value = display.calculateDisplayRuleValue(props2.width);
-      if (isFunctions.isEmpty(value)) {
-        return void 0;
-      }
-      return value === "grow" ? { width: "100%" } : { width: value };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
-        class: vue.normalizeClass([
-          "ev-container",
-          {
-            "is-fluid": props2.fluid,
-            "fill-height": props2.fill
-          },
-          ...vue.unref(hiddenClasses),
-          props2.class
-        ]),
-        style: vue.normalizeStyle([props2.style, widthStyles.value, heightStyles.value]),
-        hidden: hiddenAttribute.value
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style", "hidden"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvContainerProps = makeEvContainerProps;
-//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-UJ0JnkuR.cjs.map

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-UJ0JnkuR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-UJ0JnkuR.cjs","sources":["../../src/components/EvGrid/EvContainer/EvContainer.ts","../../src/components/EvGrid/EvContainer/EvContainer.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { PropType } from \"vue\";\nimport { DisplayRuleProp, VisibilityRuleProp } from \"@/composables/display\";\n\n/**\n * # makeEvContainerProps\n */\nexport const makeEvContainerProps = propsFactory(\n    {\n        fluid: {\n            type: Boolean,\n            default: false,\n        },\n        fill: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvContainer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvContainer.scss\";\nimport { makeEvContainerProps } from \"./EvContainer\";\nimport {\n    calculateDisplayRuleValue,\n    useDisplayRuleClasses,\n} from \"@/composables/display\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvContainerProps(),\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value + \" !important\" };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\" ? { width: \"100%\" } : { width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-container',\n            {\n                'is-fluid': props.fluid,\n                'fill-height': props.fill,\n            },\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","useDisplayRuleClasses","props","computed","isBoolean","calculateDisplayRuleValue","isEmpty"],"mappings":";;;;;;;;AASO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgBC,QAAA,sBAAsBC,QAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AACnC,aAAOC,YAAU,UAAAF,OAAM,MAAM,KAAKA,OAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAeC,IAAAA,SAAS,MAAM;AAC1B,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,MAAM;AAChD,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,QAAQ,cAAc;AAAA,IAAA,CAC1C;AAKK,UAAA,cAAcH,IAAAA,SAAS,MAAM;AACzB,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,KAAK;AAC/C,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO,MAAM;AAAA,IAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDataTable.vue_vue_type_script_setup_true_lang-ijmZSyiv.cjs

@@ -1,365 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.19 | MIT License */
-const vue = require("vue");
-const component = require("./component-DBZnuH5_.cjs");
-const EvVirtualScrollItem_vue_vue_type_script_setup_true_lang = require("./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-CsbCLnbl.cjs");
-const dimensions = require("./dimensions-D04vsQ2R.cjs");
-const props = require("./props-D-eDJwTQ.cjs");
-const helpers = require("./helpers-BDF23Mo9.cjs");
-const EvDataTableRow_vue_vue_type_script_setup_true_lang = require("./EvDataTableRow.vue_vue_type_script_setup_true_lang-CczeLP46.cjs");
-const select = require("./select-DLuAOLDe.cjs");
-const EvDataTableSearch_vue_vue_type_script_setup_true_lang = require("./EvDataTableSearch.vue_vue_type_script_setup_true_lang-BWjOXX2V.cjs");
-const modelProxy = require("./modelProxy-Df-Rb6Ln.cjs");
-const EvInfiniteScroll_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-B4m1OTEY.cjs");
-const EvDataTableCell_vue_vue_type_script_setup_true_lang = require("./EvDataTableCell.vue_vue_type_script_setup_true_lang-6XMtRPeJ.cjs");
-const display = require("./display-B-K4tzJV.cjs");
-const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-Uc7e2Kas.cjs");
-const locale = require("./locale-A5VJhhZx.cjs");
-const units = require("./units-C_8_xzb3.cjs");
-const makeDataTableItemsProps = props.propsFactory(
-  {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    itemValue: {
-      type: [String, Array, Function],
-      default: "id"
-    },
-    itemSelectable: {
-      type: [String, Array, Function],
-      default: null
-    },
-    returnObject: Boolean
-  },
-  "data-table-items"
-);
-function transformItem(props2, item, index, columns) {
-  const value = props2.returnObject ? item : helpers.getPropertyValue(item, props2.itemValue);
-  const selectable = helpers.getPropertyValue(item, props2.itemSelectable, true);
-  const itemColumns = columns.reduce(
-    (obj, column) => {
-      if (column.key != null) {
-        obj[column.key] = helpers.getPropertyValue(item, column.value);
-        return obj;
-      }
-    },
-    {}
-  );
-  return {
-    key: props2.returnObject ? helpers.getPropertyValue(item, props2.itemValue) : value,
-    index,
-    value,
-    selectable,
-    columns: itemColumns,
-    raw: item
-  };
-}
-function transformItems(props2, items, columns) {
-  return items.map(
-    (item, index) => transformItem(props2, item, index, columns)
-  );
-}
-function useDataTableItems(items, props2, columns) {
-  const internalItems = vue.computed(
-    () => transformItems(props2, items.value, columns.value)
-  );
-  return { items: internalItems };
-}
-const makeEvDataTableProps = props.propsFactory(
-  {
-    loading: Boolean,
-    page: { type: Number, default: 1 },
-    itemsPerPage: { type: Number, default: 50 },
-    showHeaders: Boolean,
-    ...EvDataTableSearch_vue_vue_type_script_setup_true_lang.makeEvDataTableSearchProps(),
-    ...EvDataTableRow_vue_vue_type_script_setup_true_lang.makeDataTableHeaderProps(),
-    ...makeDataTableItemsProps(),
-    ...select.makeDataTableSelectProps(),
-    ...dimensions.makeDimensionsProps(),
-    ...EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.makeVirtualProps(),
-    ...component.makeComponentProps()
-  },
-  "EvDataTable"
-);
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-data-table--empty"
-};
-const _hoisted_2 = { class: "ev-data-table--native" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = {
-  key: 0,
-  class: "ev-data-table--thead",
-  role: "rowgroup"
-};
-const _hoisted_5 = {
-  class: "ev-data-table--tbody",
-  role: "rowgroup"
-};
-const _hoisted_6 = ["colspan"];
-const _hoisted_7 = ["colspan"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDataTable",
-  props: { ...makeEvDataTableProps() },
-  emits: ["load", "update:modelValue", "update:page", "update:search", "update:sort"],
-  setup(__props, { expose: __expose, emit }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const isLoading = modelProxy.useModelProxy(props2, "loading");
-    const itemsModel = modelProxy.useModelProxy(props2, "items");
-    const pageModel = modelProxy.useModelProxy(props2, "page");
-    const dimensions$1 = dimensions.useDimensions(props2);
-    const { columns, headers } = EvDataTableRow_vue_vue_type_script_setup_true_lang.createHeaders(props2);
-    const { items } = useDataTableItems(itemsModel, props2, columns);
-    const { allSelected, selectAll, showSelectAll, someSelected } = select.provideSelection(props2, {
-      allItems: items,
-      currentPage: items
-    });
-    const {
-      containerRef,
-      markerRef,
-      paddingTop,
-      paddingBottom,
-      computedItems,
-      handleItemResize,
-      handleScroll,
-      handleScrollend
-    } = EvVirtualScrollItem_vue_vue_type_script_setup_true_lang.useVirtual(props2, items);
-    const totalColumns = vue.computed(() => {
-      return columns.value.length + (props2.showSelect ? 1 : 0);
-    });
-    const { t } = locale.useLocaleFunctions();
-    const sortModel = modelProxy.useModelProxy(props2, "sort");
-    const searchModel = modelProxy.useModelProxy(props2, "search");
-    const infiniteScrollRef = vue.ref();
-    const infiniteScrollDisabled = vue.computed(() => isLoading.value);
-    const isEmpty = vue.computed(() => {
-      var _a;
-      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
-    });
-    const searchProps = vue.computed(() => {
-      return helpers.omit(helpers.filterComponentProps(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main, props2), [
-        "loading",
-        "search",
-        "sort"
-      ]);
-    });
-    vue.watch(
-      () => {
-        var _a;
-        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
-      },
-      (value) => {
-        containerRef.value = value;
-      }
-    );
-    vue.watch(
-      () => props2.filters,
-      () => {
-        onChange();
-      },
-      { deep: true }
-    );
-    function onChange() {
-      isLoading.value = true;
-      const nextPage = 1;
-      function next(results) {
-        itemsModel.value = results;
-        pageModel.value = nextPage;
-        isLoading.value = false;
-        resetScroll(results.length < props2.itemsPerPage ? "finished" : "ok");
-      }
-      emit("load", { next, page: nextPage });
-    }
-    function onInfiniteScrollLoad(options) {
-      const nextPage = pageModel.value + 1;
-      function next(results) {
-        itemsModel.value.push(...results);
-        pageModel.value = nextPage;
-        results.length < props2.itemsPerPage ? options.done() : options.next();
-      }
-      emit("load", { next, page: nextPage });
-    }
-    function resetScroll(status = "ok") {
-      var _a;
-      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
-    }
-    function colStyle(column) {
-      return {
-        width: display.calculateDisplayRuleValue(column.width),
-        minWidth: display.calculateDisplayRuleValue(column.minWidth),
-        maxWidth: display.calculateDisplayRuleValue(column.maxWidth)
-      };
-    }
-    __expose({
-      resetScroll,
-      reload: onChange
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["ev-data-table", props2.class]),
-        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
-      }, [
-        vue.createVNode(vue.unref(EvDataTableSearch_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps(searchProps.value, {
-          search: vue.unref(searchModel),
-          "onUpdate:search": [
-            _cache[0] || (_cache[0] = ($event) => vue.isRef(searchModel) ? searchModel.value = $event : null),
-            onChange
-          ],
-          sort: vue.unref(sortModel),
-          "onUpdate:sort": [
-            _cache[1] || (_cache[1] = ($event) => vue.isRef(sortModel) ? sortModel.value = $event : null),
-            onChange
-          ],
-          loading: vue.unref(isLoading),
-          "hide-select-all": props2.showHeaders,
-          filters: props2.filters
-        }), vue.createSlots({ _: 2 }, [
-          vue.unref(slots)["select-actions"] ? {
-            name: "select-actions",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "select-actions")
-            ]),
-            key: "0"
-          } : void 0,
-          vue.unref(slots).filters ? {
-            name: "filters",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "filters")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-        isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("table.empty")), 1)
-          ])
-        ])) : (vue.openBlock(), vue.createBlock(vue.unref(EvInfiniteScroll_vue_vue_type_script_setup_true_lang._sfc_main), {
-          key: 1,
-          ref_key: "infiniteScrollRef",
-          ref: infiniteScrollRef,
-          class: "ev-data-table--wrapper",
-          disabled: infiniteScrollDisabled.value,
-          onLoad: onInfiniteScrollLoad,
-          onScrollPassive: vue.unref(handleScroll),
-          onScrollend: vue.unref(handleScrollend)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("table", _hoisted_2, [
-              vue.renderSlot(_ctx.$slots, "colgroup", {}, () => [
-                vue.createElementVNode("colgroup", null, [
-                  props2.showSelect ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_3)) : vue.createCommentVNode("", true),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(columns), (column, colIndex) => {
-                    return vue.openBlock(), vue.createElementBlock("col", {
-                      key: colIndex,
-                      style: vue.normalizeStyle(colStyle(column))
-                    }, null, 4);
-                  }), 128))
-                ])
-              ]),
-              props2.showHeaders ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_4, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(headers), (row, rowIndex) => {
-                  return vue.openBlock(), vue.createElementBlock("tr", { key: rowIndex }, [
-                    vue.unref(showSelectAll) && rowIndex === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), {
-                      key: 0,
-                      tag: "th",
-                      colspan: 1,
-                      rowspan: vue.unref(headers).length,
-                      class: "ev-data-table-cell--checkbox"
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(EvCheckbox_vue_vue_type_script_setup_true_lang._sfc_main), {
-                          "model-value": vue.unref(allSelected),
-                          indeterminate: vue.unref(someSelected) && !vue.unref(allSelected),
-                          "onUpdate:modelValue": vue.unref(selectAll)
-                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
-                      ]),
-                      _: 1
-                    }, 8, ["rowspan"])) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (header, headerIndex) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(EvDataTableCell_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
-                        key: headerIndex,
-                        tag: "th"
-                      }, header.headerProps, {
-                        align: header.align,
-                        colspan: header.colspan,
-                        rowspan: header.rowspan
-                      }), {
-                        default: vue.withCtx(() => [
-                          vue.renderSlot(_ctx.$slots, `header.${header.key}`, vue.normalizeProps(vue.guardReactiveProps({ header })), () => [
-                            vue.createTextVNode(vue.toDisplayString(header.title), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, 1040, ["align", "colspan", "rowspan"]);
-                    }), 128))
-                  ]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("tbody", _hoisted_5, [
-                vue.createElementVNode("tr", {
-                  ref_key: "markerRef",
-                  ref: markerRef,
-                  class: "ev-data-table--spacer-above",
-                  style: vue.normalizeStyle({ height: vue.unref(units.toWebUnit)(vue.unref(paddingTop)), border: 0 })
-                }, [
-                  vue.createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_6)
-                ], 4),
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (displayItem) => {
-                  return vue.openBlock(), vue.createBlock(EvVirtualScrollItem_vue_vue_type_script_setup_true_lang._sfc_main, {
-                    key: displayItem.index,
-                    renderless: "",
-                    "onUpdate:height": (h) => vue.unref(handleItemResize)(displayItem.index, h)
-                  }, {
-                    default: vue.withCtx(({ itemRef }) => [
-                      vue.createVNode(vue.unref(EvDataTableRow_vue_vue_type_script_setup_true_lang._sfc_main), vue.normalizeProps(vue.guardReactiveProps({
-                        ref: itemRef,
-                        item: displayItem.raw,
-                        index: displayItem.index
-                      })), vue.createSlots({
-                        default: vue.withCtx((itemProps) => [
-                          vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.guardReactiveProps(itemProps)))
-                        ]),
-                        _: 2
-                      }, [
-                        vue.renderList(vue.unref(columns), (column) => {
-                          return {
-                            name: `item.${column.key}`,
-                            fn: vue.withCtx((cellProps) => [
-                              !vue.unref(slots).item ? vue.renderSlot(_ctx.$slots, `item.${column.key}`, vue.normalizeProps(vue.mergeProps({ key: 0 }, cellProps))) : vue.createCommentVNode("", true)
-                            ])
-                          };
-                        })
-                      ]), 1040)
-                    ]),
-                    _: 2
-                  }, 1032, ["onUpdate:height"]);
-                }), 128)),
-                vue.createElementVNode("tr", {
-                  class: "ev-data-table--spacer-below",
-                  style: vue.normalizeStyle({
-                    height: vue.unref(units.toWebUnit)(vue.unref(paddingBottom)),
-                    border: 0
-                  })
-                }, [
-                  vue.createElementVNode("td", {
-                    colspan: totalColumns.value,
-                    style: { height: 0, border: 0 }
-                  }, null, 8, _hoisted_7)
-                ], 4)
-              ])
-            ])
-          ]),
-          _: 3
-        }, 8, ["disabled", "onScrollPassive", "onScrollend"]))
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvDataTableProps = makeEvDataTableProps;
-//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-ijmZSyiv.cjs.map

package/dist/cjs/EvDataTable.vue_vue_type_script_setup_true_lang-ijmZSyiv.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-ijmZSyiv.cjs","sources":["../../src/components/EvDataTable/composables/items.ts","../../src/components/EvDataTable/EvDataTable.ts","../../src/components/EvDataTable/EvDataTable.vue"],"sourcesContent":["import { getPropertyValue, GetterPropertyKey, propsFactory } from \"@/util\";\r\nimport { computed, PropType, Ref } from \"vue\";\r\nimport {\r\n    DataTableItem,\r\n    InternalDataTableHeader,\r\n} from \"@/components/EvDataTable/composables/types.ts\";\r\n\r\nexport interface DataTableItemProps {\r\n    items: any[];\r\n    itemValue: GetterPropertyKey;\r\n    itemSelectable?: GetterPropertyKey;\r\n    returnObject: boolean;\r\n}\r\n\r\nexport const makeDataTableItemsProps = propsFactory(\r\n    {\r\n        items: {\r\n            type: Array as PropType<DataTableItemProps[\"items\"]>,\r\n            default: () => [],\r\n        },\r\n        itemValue: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: \"id\",\r\n        },\r\n        itemSelectable: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: null,\r\n        },\r\n        returnObject: Boolean,\r\n    },\r\n    \"data-table-items\",\r\n);\r\n\r\nexport function transformItem(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    item: any,\r\n    index: number,\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem {\r\n    const value = props.returnObject\r\n        ? item\r\n        : getPropertyValue(item, props.itemValue);\r\n    const selectable = getPropertyValue(item, props.itemSelectable, true);\r\n    const itemColumns = columns.reduce(\r\n        (obj, column) => {\r\n            if (column.key != null) {\r\n                obj[column.key] = getPropertyValue(item, column.value);\r\n                return obj;\r\n            }\r\n        },\r\n        {} as Record<string, unknown>,\r\n    );\r\n    return {\r\n        key: props.returnObject\r\n            ? getPropertyValue(item, props.itemValue)\r\n            : value,\r\n        index,\r\n        value,\r\n        selectable,\r\n        columns: itemColumns,\r\n        raw: item,\r\n    };\r\n}\r\n\r\nexport function transformItems(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    items: DataTableItemProps[\"items\"],\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem[] {\r\n    return items.map((item, index) =>\r\n        transformItem(props, item, index, columns),\r\n    );\r\n}\r\n\r\nexport function useDataTableItems(\r\n    items,\r\n    props: DataTableItemProps,\r\n    columns: Ref<InternalDataTableHeader[]>,\r\n) {\r\n    const internalItems = computed(() =>\r\n        transformItems(props, items.value, columns.value),\r\n    );\r\n    return { items: internalItems };\r\n}\r\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeDataTableItemsProps } from \"./composables/items\";\nimport { makeDataTableHeaderProps } from \"./composables/headers\";\nimport { makeDataTableSelectProps } from \"./composables/select\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\n\nexport const makeEvDataTableProps = propsFactory(\n    {\n        loading: Boolean,\n        page: { type: Number, default: 1 },\n        itemsPerPage: { type: Number, default: 50 },\n        showHeaders: Boolean,\n\n        ...makeEvDataTableSearchProps(),\n        ...makeDataTableHeaderProps(),\n        ...makeDataTableItemsProps(),\n        ...makeDataTableSelectProps(),\n        ...makeDimensionsProps(),\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTable\",\n);\n","<script setup lang=\"ts\">\r\nimport \"./EvDataTable.scss\";\r\nimport { makeEvDataTableProps } from \"./EvDataTable\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { computed, ref, watch } from \"vue\";\r\nimport { useVirtual } from \"@/composables/virtual\";\r\nimport { filterComponentProps, omit, toWebUnit } from \"@/util\";\r\nimport { DataTableItemProps, useDataTableItems } from \"./composables/items\";\r\nimport EvVirtualScrollItem from \"@/components/EvVirtualScroll/EvVirtualScrollItem.vue\";\r\nimport { createHeaders } from \"@/components/EvDataTable/composables/headers\";\r\nimport { EvDataTableRow } from \"@/components/EvDataTable/EvDataTableRow\";\r\nimport { provideSelection } from \"@/components/EvDataTable/composables/select\";\r\nimport { EvDataTableSearch } from \"@/components/EvDataTable/EvDataTableSearch\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    DataTableHeader,\r\n    ItemSlot,\r\n} from \"@/components/EvDataTable/composables/types\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport {\r\n    EvInfiniteScroll,\r\n    InfiniteScrollStatus,\r\n} from \"@/components/EvInfiniteScroll\";\r\nimport { ComponentExposed } from \"vue-component-type-helpers\";\r\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\r\nimport { calculateDisplayRuleValue } from \"@/composables/display\";\r\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\r\n\r\nconst props = defineProps({ ...makeEvDataTableProps() });\r\nconst slots = defineSlots<{\r\n    colgroup(): never;\r\n    default(): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    item(props: ItemSlot): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (\r\n        e: \"load\",\r\n        options: {\r\n            next: (nextItems: DataTableItemProps[\"items\"]) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:modelValue\", value: unknown[]): void;\r\n    (e: \"update:page\", value: number): void;\r\n    (e: \"update:search\", value: string): void;\r\n    (e: \"update:sort\", value: string[]): void;\r\n}>();\r\n\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst itemsModel = useModelProxy(props, \"items\");\r\nconst pageModel = useModelProxy(props, \"page\");\r\nconst dimensions = useDimensions(props);\r\nconst { columns, headers } = createHeaders(props);\r\nconst { items } = useDataTableItems(itemsModel, props, columns);\r\n\r\nconst { allSelected, selectAll, showSelectAll, someSelected } =\r\n    provideSelection(props, {\r\n        allItems: items,\r\n        currentPage: items,\r\n    });\r\n\r\nconst {\r\n    containerRef,\r\n    markerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    computedItems,\r\n    handleItemResize,\r\n    handleScroll,\r\n    handleScrollend,\r\n} = useVirtual(props, items);\r\n\r\nconst totalColumns = computed(() => {\r\n    return columns.value.length + (props.showSelect ? 1 : 0);\r\n});\r\n\r\nconst { t } = useLocaleFunctions();\r\nconst sortModel = useModelProxy(props, \"sort\");\r\nconst searchModel = useModelProxy(props, \"search\");\r\nconst infiniteScrollRef = ref<ComponentExposed<typeof EvInfiniteScroll>>();\r\nconst infiniteScrollDisabled = computed(() => isLoading.value);\r\nconst isEmpty = computed(() => !itemsModel.value?.length);\r\nconst searchProps = computed(() => {\r\n    return omit(filterComponentProps(EvDataTableSearch, props), [\r\n        \"loading\",\r\n        \"search\",\r\n        \"sort\",\r\n    ]);\r\n});\r\n\r\nwatch(\r\n    () => infiniteScrollRef.value?.rootElement,\r\n    (value) => {\r\n        containerRef.value = value;\r\n    },\r\n);\r\n\r\nwatch(\r\n    () => props.filters,\r\n    () => {\r\n        onChange();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction onChange() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        isLoading.value = false;\r\n        resetScroll(results.length < props.itemsPerPage ? \"finished\" : \"ok\");\r\n    }\r\n    emit(\"load\", { next, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function next(results: DataTableItemProps[\"items\"]) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage ? options.done() : options.next();\r\n    }\r\n    emit(\"load\", { next, page: nextPage });\r\n}\r\n\r\nfunction resetScroll(status: InfiniteScrollStatus = \"ok\") {\r\n    infiniteScrollRef.value?.reset(status);\r\n}\r\n\r\nfunction colStyle(column: DataTableHeader) {\r\n    return {\r\n        width: calculateDisplayRuleValue(column.width),\r\n        minWidth: calculateDisplayRuleValue(column.minWidth),\r\n        maxWidth: calculateDisplayRuleValue(column.maxWidth),\r\n    };\r\n}\r\n\r\ndefineExpose({\r\n    resetScroll,\r\n    reload: onChange,\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-data-table', props.class]\"\r\n        :style=\"[dimensions, props.style]\">\r\n        <ev-data-table-search\r\n            v-bind=\"searchProps\"\r\n            v-model:search=\"searchModel\"\r\n            v-model:sort=\"sortModel\"\r\n            :loading=\"isLoading\"\r\n            :hide-select-all=\"props.showHeaders\"\r\n            :filters=\"props.filters\"\r\n            @update:sort=\"onChange\"\r\n            @update:search=\"onChange\">\r\n            <template v-if=\"slots['select-actions']\" #select-actions>\r\n                <slot name=\"select-actions\" />\r\n            </template>\r\n            <template v-if=\"slots.filters\" #filters>\r\n                <slot name=\"filters\" />\r\n            </template>\r\n        </ev-data-table-search>\r\n        <div v-if=\"isEmpty\" class=\"ev-data-table--empty\">\r\n            <slot name=\"empty\">{{ t(\"table.empty\") }}</slot>\r\n        </div>\r\n        <ev-infinite-scroll\r\n            v-else\r\n            ref=\"infiniteScrollRef\"\r\n            class=\"ev-data-table--wrapper\"\r\n            :disabled=\"infiniteScrollDisabled\"\r\n            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\r\n            <table class=\"ev-data-table--native\">\r\n                <slot name=\"colgroup\">\r\n                    <colgroup>\r\n                        <col v-if=\"props.showSelect\" />\r\n                        <col\r\n                            v-for=\"(column, colIndex) of columns\"\r\n                            :key=\"colIndex\"\r\n                            :style=\"colStyle(column)\" />\r\n                    </colgroup>\r\n                </slot>\r\n                <thead\r\n                    v-if=\"props.showHeaders\"\r\n                    class=\"ev-data-table--thead\"\r\n                    role=\"rowgroup\">\r\n                    <tr v-for=\"(row, rowIndex) of headers\" :key=\"rowIndex\">\r\n                        <ev-data-table-cell\r\n                            v-if=\"showSelectAll && rowIndex === 0\"\r\n                            tag=\"th\"\r\n                            :colspan=\"1\"\r\n                            :rowspan=\"headers.length\"\r\n                            class=\"ev-data-table-cell--checkbox\">\r\n                            <ev-checkbox\r\n                                :model-value=\"allSelected\"\r\n                                :indeterminate=\"someSelected && !allSelected\"\r\n                                @update:model-value=\"selectAll\" />\r\n                        </ev-data-table-cell>\r\n                        <ev-data-table-cell\r\n                            v-for=\"(header, headerIndex) of row\"\r\n                            :key=\"headerIndex\"\r\n                            tag=\"th\"\r\n                            v-bind=\"header.headerProps\"\r\n                            :align=\"header.align\"\r\n                            :colspan=\"header.colspan\"\r\n                            :rowspan=\"header.rowspan\">\r\n                            <slot\r\n                                :name=\"`header.${header.key}`\"\r\n                                v-bind=\"{ header }\">\r\n                                {{ header.title }}\r\n                            </slot>\r\n                        </ev-data-table-cell>\r\n                    </tr>\r\n                </thead>\r\n                <tbody class=\"ev-data-table--tbody\" role=\"rowgroup\">\r\n                    <tr\r\n                        ref=\"markerRef\"\r\n                        class=\"ev-data-table--spacer-above\"\r\n                        :style=\"{ height: toWebUnit(paddingTop), border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                    <ev-virtual-scroll-item\r\n                        v-for=\"displayItem of computedItems\"\r\n                        :key=\"displayItem.index\"\r\n                        renderless\r\n                        @update:height=\"\r\n                            (h) => handleItemResize(displayItem.index, h)\r\n                        \">\r\n                        <template #default=\"{ itemRef }\">\r\n                            <ev-data-table-row\r\n                                v-bind=\"{\r\n                                    ref: itemRef,\r\n                                    item: displayItem.raw,\r\n                                    index: displayItem.index,\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"item\" v-bind=\"itemProps\" />\r\n                                </template>\r\n                                <template\r\n                                    v-for=\"column in columns\"\r\n                                    :key=\"`item-${displayItem.index}-${column.key}`\"\r\n                                    #[`item.${column.key}`]=\"cellProps\">\r\n                                    <slot\r\n                                        v-if=\"!slots.item\"\r\n                                        :name=\"`item.${column.key}`\"\r\n                                        v-bind=\"cellProps\" />\r\n                                </template>\r\n                            </ev-data-table-row>\r\n                        </template>\r\n                    </ev-virtual-scroll-item>\r\n                    <tr\r\n                        class=\"ev-data-table--spacer-below\"\r\n                        :style=\"{\r\n                            height: toWebUnit(paddingBottom),\r\n                            border: 0,\r\n                        }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </ev-infinite-scroll>\r\n    </div>\r\n</template>\r\n"],"names":["propsFactory","props","getPropertyValue","computed","makeEvDataTableSearchProps","makeDataTableHeaderProps","makeDataTableSelectProps","makeDimensionsProps","makeVirtualProps","makeComponentProps","_useSlots","useModelProxy","dimensions","useDimensions","createHeaders","provideSelection","useVirtual","useLocaleFunctions","ref","omit","filterComponentProps","EvDataTableSearch","watch","calculateDisplayRuleValue"],"mappings":"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"}

package/dist/cjs/EvDataTableCell.vue_vue_type_script_setup_true_lang-6XMtRPeJ.cjs

@@ -1,52 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.19 | MIT License */
-const vue = require("vue");
-const component = require("./component-DBZnuH5_.cjs");
-const dimensions = require("./dimensions-D04vsQ2R.cjs");
-const props = require("./props-D-eDJwTQ.cjs");
-const makeEvDataTableCellProps = props.propsFactory(
-  {
-    align: String,
-    colspan: Number,
-    noPadding: Boolean,
-    tag: {
-      type: String,
-      default: "td"
-    },
-    ...dimensions.makeDimensionsProps(),
-    ...component.makeComponentProps()
-  },
-  "EvDataTableCell"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvDataTableCell",
-  props: { ...makeEvDataTableCellProps() },
-  setup(__props) {
-    const props2 = __props;
-    vue.useSlots();
-    const alignClass = vue.computed(() => {
-      return props2.align ? `text-${props2.align}` : void 0;
-    });
-    const dimensions$1 = dimensions.useDimensions(props2);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
-        class: vue.normalizeClass([
-          "ev-data-table-cell",
-          { "pa-0": props2.noPadding },
-          alignClass.value,
-          props2.class
-        ]),
-        colspan: props2.colspan,
-        style: vue.normalizeStyle([vue.unref(dimensions$1), props2.style])
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "colspan", "style"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvDataTableCellProps = makeEvDataTableCellProps;
-//# sourceMappingURL=EvDataTableCell.vue_vue_type_script_setup_true_lang-6XMtRPeJ.cjs.map

package/dist/cjs/EvDataTableCell.vue_vue_type_script_setup_true_lang-6XMtRPeJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-6XMtRPeJ.cjs","sources":["../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts","../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport const makeEvDataTableCellProps = propsFactory(\n    {\n        align: String as PropType<\"start\" | \"center\" | \"end\">,\n        colspan: Number,\n        noPadding: Boolean,\n        tag: {\n            type: String as PropType<\"td\" | \"th\">,\n            default: \"td\",\n        },\n        ...makeDimensionsProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTableCell\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDataTableCell.scss\";\nimport { makeEvDataTableCellProps } from \"./EvDataTableCell\";\nimport { computed } from \"vue\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({ ...makeEvDataTableCellProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst alignClass = computed(() => {\n    return props.align ? `text-${props.align}` : undefined;\n});\n\nconst dimensions = useDimensions(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-data-table-cell',\n            { 'pa-0': props.noPadding },\n            alignClass,\n            props.class,\n        ]\"\n        :colspan=\"props.colspan\"\n        :style=\"[dimensions, props.style]\">\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["propsFactory","makeDimensionsProps","makeComponentProps","_useSlots","computed","props","dimensions","useDimensions"],"mappings":";;;;;;AAKO,MAAM,2BAA2BA,MAAA;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACXcC;AAIR,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,aAAOC,OAAM,QAAQ,QAAQA,OAAM,KAAK,KAAK;AAAA,IAAA,CAChD;AAEK,UAAAC,eAAaC,yBAAcF,MAAK;;;;;;;;;;;;;;;;;;;;;;"}