npm - @revolist/vue-datagrid - Versions diffs - 4.11.13 → 4.11.14 - Mend

@revolist/vue-datagrid 4.11.13 → 4.11.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,128 @@
+import { AutoSizeColumnConfig } from '@revolist/revogrid';
+import { BasePlugin } from '@revolist/revogrid';
+import { ColumnDataSchemaModel } from '@revolist/revogrid';
+import { ColumnFilterConfig } from '@revolist/revogrid';
+import { ColumnGrouping } from '@revolist/revogrid';
+import { ColumnRegular } from '@revolist/revogrid';
+import { ColumnTemplateProp } from '@revolist/revogrid';
+import { ColumnType } from '@revolist/revogrid';
+import { Components } from '@revolist/revogrid';
+import { DataType } from '@revolist/revogrid';
+import { default as default_2 } from '../vue/dist/vue.esm.js';
+import { EditCell } from '@revolist/revogrid';
+import { EditorCtr } from '@revolist/revogrid';
+import { Editors } from '@revolist/revogrid';
+import { ExtendedVue } from '../vue/dist/vue.esm.js/types/vue';
+import { ExtraNodeFuncConfig } from '@revolist/revogrid';
+import { FocusTemplateFunc } from '@revolist/revogrid';
+import { GroupingOptions } from '@revolist/revogrid';
+import { HyperFunc } from '@revolist/revogrid';
+import { RowDefinition } from '@revolist/revogrid';
+import { RowHeaders } from '@revolist/revogrid';
+import { SortingConfig } from '@revolist/revogrid';
+import { VNode } from '@revolist/revogrid';
+import { VueConstructor } from '../vue/dist/vue.esm.js';
+/**
+ * Create editor constructor.
+ * This function creates editor constructor by wrapping it with VueEditorAdapter
+ * which is responsible for connecting editor with Vue lifecycle events
+ */
+declare const Editor: (vueConstructor: VueConstructor) => EditorCtr;
+export { Editor }
+export { Editor as VGridVueEditor }
+/**
+ * Data passed to editor
+ */
+export declare type EditorType = {
+    column: ColumnDataSchemaModel;
+    save: (value: any, preventFocus?: boolean) => void;
+    close: (focusNext?: boolean) => void;
+} & Partial<EditCell>;
+/**
+ * Vue template wrapper for virtual nodes
+ */
+declare const Template: (cntr: VueConstructor, customProps?: any) => (h: HyperFunc<VNode>, p: ColumnDataSchemaModel | ColumnTemplateProp, addition?: any) => VNode;
+export { Template }
+export { Template as VGridVueTemplate }
+declare const VGrid: () => Promise<ExtendedVue<default_2, unknown, {
+refresh: Components.RevoGrid["refresh"];
+setDataAt: Components.RevoGrid["setDataAt"];
+scrollToRow: Components.RevoGrid["scrollToRow"];
+scrollToColumnIndex: Components.RevoGrid["scrollToColumnIndex"];
+scrollToColumnProp: Components.RevoGrid["scrollToColumnProp"];
+updateColumns: Components.RevoGrid["updateColumns"];
+addTrimmed: Components.RevoGrid["addTrimmed"];
+scrollToCoordinate: Components.RevoGrid["scrollToCoordinate"];
+setCellEdit: Components.RevoGrid["setCellEdit"];
+setCellsFocus: Components.RevoGrid["setCellsFocus"];
+getSource: Components.RevoGrid["getSource"];
+getVisibleSource: Components.RevoGrid["getVisibleSource"];
+getSourceStore: Components.RevoGrid["getSourceStore"];
+getColumnStore: Components.RevoGrid["getColumnStore"];
+updateColumnSorting: Components.RevoGrid["updateColumnSorting"];
+clearSorting: Components.RevoGrid["clearSorting"];
+getColumns: Components.RevoGrid["getColumns"];
+clearFocus: Components.RevoGrid["clearFocus"];
+getPlugins: Components.RevoGrid["getPlugins"];
+getFocused: Components.RevoGrid["getFocused"];
+getContentSize: Components.RevoGrid["getContentSize"];
+getSelectedRange: Components.RevoGrid["getSelectedRange"];
+refreshExtraElements: Components.RevoGrid["refreshExtraElements"];
+}, unknown, {
+rowHeaders: boolean | RowHeaders;
+frameSize: number;
+rowSize: number;
+colSize: number;
+range: boolean;
+readonly: boolean;
+resize: boolean;
+canFocus: boolean;
+useClipboard: boolean;
+columns: (ColumnRegular | ColumnGrouping)[];
+source: DataType[];
+pinnedTopSource: DataType[];
+pinnedBottomSource: DataType[];
+rowDefinitions: RowDefinition[];
+editors: Editors;
+applyOnClose: boolean;
+plugins: BasePlugin[];
+columnTypes: {
+[name: string]: ColumnType;
+};
+theme: string;
+rowClass: string;
+autoSizeColumn: boolean | AutoSizeColumnConfig;
+filter: boolean | ColumnFilterConfig;
+sorting: SortingConfig | undefined;
+focusTemplate: FocusTemplateFunc;
+canMoveColumns: boolean;
+trimmedRows: Record<number, boolean>;
+exporting: boolean;
+grouping: GroupingOptions;
+stretch: string | boolean;
+additionalData: any;
+disableVirtualX: boolean;
+disableVirtualY: boolean;
+hideAttribution: boolean;
+jobsBeforeRender: Promise<any>[];
+registerVNode: (VNode | ((c: ExtraNodeFuncConfig) => VNode))[];
+accessible: boolean;
+}>>;
+export { VGrid }
+export default VGrid;
+/**
+ * Vue adapter to convert vue component into VNode
+ */
+export declare const VGridVueTemplateConstructor: (vueCtr: VueConstructor, e?: HTMLElement, p?: Record<string, any>, addition?: {
+    vue: default_2;
+}) => default_2 | null | undefined;
+export * from "@revolist/revogrid";
+export { }

package/dist/vue-datagrid.js ADDED Viewed

@@ -0,0 +1,159 @@
+import a from "vue";
+import { defineCustomElements as f } from "@revolist/revogrid/loader";
+export * from "@revolist/revogrid";
+const m = (o, e = []) => function(n) {
+  const r = this, s = e.reduce((l, c) => ({
+    ...l,
+    [c]: (u) => {
+      r.$emit(c, u);
+    }
+  }), r.$listeners), i = r.$props ? Object.keys(r.$props).reduce((l, c) => (l[p(c)] = r.$props[c], l[c] = r.$props[c], l), {}) : {};
+  return n(
+    o,
+    {
+      ref: "wc",
+      domProps: i,
+      on: s,
+      attrs: { "data-testid": o }
+    },
+    [r.$slots.default]
+  );
+}, t = (o) => function(...e) {
+  this.$refs.wc[o](...e);
+}, g = (o) => o.toLowerCase(), p = (o) => g(
+  o.replace(/([A-Z0-9])/g, (e) => " " + e[0]).trim().replace(/ /g, "-")
+), h = [
+  "revo-grid"
+];
+a.config.ignoredElements = [...a.config.ignoredElements, ...h];
+const C = /* @__PURE__ */ a.extend({
+  props: {
+    rowHeaders: {},
+    frameSize: {},
+    rowSize: {},
+    colSize: {},
+    range: {},
+    readonly: {},
+    resize: {},
+    canFocus: {},
+    useClipboard: {},
+    columns: {},
+    source: {},
+    pinnedTopSource: {},
+    pinnedBottomSource: {},
+    rowDefinitions: {},
+    editors: {},
+    applyOnClose: {},
+    plugins: {},
+    columnTypes: {},
+    theme: {},
+    rowClass: {},
+    autoSizeColumn: {},
+    filter: {},
+    sorting: {},
+    focusTemplate: {},
+    canMoveColumns: {},
+    trimmedRows: {},
+    exporting: {},
+    grouping: {},
+    stretch: {},
+    additionalData: {},
+    disableVirtualX: {},
+    disableVirtualY: {},
+    hideAttribution: {},
+    jobsBeforeRender: {},
+    registerVNode: {},
+    accessible: {}
+  },
+  methods: {
+    refresh: t("refresh"),
+    setDataAt: t("setDataAt"),
+    scrollToRow: t("scrollToRow"),
+    scrollToColumnIndex: t("scrollToColumnIndex"),
+    scrollToColumnProp: t("scrollToColumnProp"),
+    updateColumns: t("updateColumns"),
+    addTrimmed: t("addTrimmed"),
+    scrollToCoordinate: t("scrollToCoordinate"),
+    setCellEdit: t("setCellEdit"),
+    setCellsFocus: t("setCellsFocus"),
+    getSource: t("getSource"),
+    getVisibleSource: t("getVisibleSource"),
+    getSourceStore: t("getSourceStore"),
+    getColumnStore: t("getColumnStore"),
+    updateColumnSorting: t("updateColumnSorting"),
+    clearSorting: t("clearSorting"),
+    getColumns: t("getColumns"),
+    clearFocus: t("clearFocus"),
+    getPlugins: t("getPlugins"),
+    getFocused: t("getFocused"),
+    getContentSize: t("getContentSize"),
+    getSelectedRange: t("getSelectedRange"),
+    refreshExtraElements: t("refreshExtraElements")
+  },
+  render: m("revo-grid", ["contentsizechanged", "beforeedit", "beforerangeedit", "afteredit", "beforeautofill", "beforerange", "afterfocus", "roworderchanged", "beforesorting", "beforesourcesortingapply", "beforesortingapply", "rowdragstart", "headerclick", "beforecellfocus", "beforefocuslost", "beforesourceset", "beforeanysource", "aftersourceset", "afteranysource", "beforecolumnsset", "beforecolumnapplied", "aftercolumnsset", "beforefilterapply", "beforefiltertrimmed", "beforetrimmed", "aftertrimmed", "viewportscroll", "beforeexport", "beforeeditstart", "aftercolumnresize", "beforerowdefinition", "filterconfigchanged", "sortingconfigchanged", "rowheaderschanged", "beforegridrender", "aftergridrender", "aftergridinit", "additionaldatachanged", "afterthemechanged", "created"])
+}), d = (o, e, n, r) => {
+  if (!e)
+    return null;
+  let s;
+  if (e != null && e.childNodes.length && (s = e.childNodes[0]), !s)
+    return s = document.createElement("span"), e.appendChild(s), typeof o == "object" && (o = a.extend(o)), new o({ el: s, propsData: n, parent: r == null ? void 0 : r.vue });
+  let i = s.__vue__;
+  if (i && n)
+    for (const l in n)
+      i.$props[l] = n[l];
+  return i;
+}, E = (o, e) => (n, r, s) => {
+  const i = e ? { ...e, ...r } : r;
+  return n("span", {
+    key: `${i.key}-${i.rowIndex || 0}`,
+    ref: (c) => d(o, c, i, s)
+  });
+};
+class b {
+  constructor(e, n, r, s) {
+    this.VueEditorConstructor = e, this.column = n, this.save = r, this.close = s, this.element = null;
+  }
+  // optional, called after editor rendered
+  componentDidRender() {
+  }
+  // optional, called after editor destroyed
+  disconnectedCallback() {
+    var e;
+    (e = this.vueEl) == null || e.$destroy(), this.vueEl = void 0;
+  }
+  render(e, n) {
+    var r;
+    return e("span", {
+      key: `${this.column.prop}-${((r = this.editCell) == null ? void 0 : r.rowIndex) || 0}`,
+      ref: (s) => this.renderAdapter(s, n)
+    });
+  }
+  renderAdapter(e, n) {
+    if (!e)
+      return;
+    const r = {
+      ...this.editCell,
+      column: this.column,
+      save: this.save,
+      close: this.close
+    }, s = d(
+      this.VueEditorConstructor,
+      e,
+      r,
+      n
+    );
+    s && (this.vueEl = s);
+  }
+}
+const T = (o) => function(e, n, r) {
+  return new b(o, e, n, r);
+}, V = async () => (await f(), C);
+export {
+  T as Editor,
+  E as Template,
+  V as VGrid,
+  T as VGridVueEditor,
+  E as VGridVueTemplate,
+  d as VGridVueTemplateConstructor,
+  V as default
+};

package/dist/vue-datagrid.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/vue-datagrid",
-  "version": "4.11.13",
+  "version": "4.11.14",
   "description": "Vue 2 DataGrid Spreadsheet component with native Vue 2 render support",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -61,7 +61,7 @@
   "homepage": "https://github.com/revolist/revogrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "4.11.12"
+    "@revolist/revogrid": "4.11.14"
   },
   "devDependencies": {
     "@stencil/core": "^4.24.0",