realgrid-vue2 0.9.4 → 0.9.6

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("realgrid"),r=require("vue");function f(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const m=f(w),C=t=>t.replace(/-./g,e=>e[1].toUpperCase()),$=t=>t.charAt(0).toUpperCase()+t.slice(1),s=(t,e="")=>{const n={};for(let i in t)n[C(e?`${e}-${i}`:i)]=r.toRaw(t[i]);return n},p=(t,e={},n={})=>{t=t||{};const i=["children"];for(const[o,a]of Object.entries(e))if(!i.includes(o))if(!n.hasOwnProperty(o))t[o]=null;else if(Array.isArray(a))(!n[o]||JSON.stringify(a)!=JSON.stringify(n[o]))&&(t[o]=n[o]);else if(a instanceof Object&&!(a instanceof Date||Array.isArray(a)||typeof a=="function"))if(!(n[o]instanceof Object))t[o]=n[o];else{const d=p({},a,n[o]);d&&Object.keys(d).length>0&&(t[o]=d)}else a!==n[o]&&(t[o]=n[o]);for(const[o,a]of Object.entries(n))i.includes(o)||e.hasOwnProperty(o)||(t[o]=a);return t},y=(t,e,n)=>{for(const[i,o]of Object.entries(n))i&&typeof o=="function"&&i.startsWith("on")&&(i==="onRowInserting"?t.onRowInserting=o:i==="onDataRowInserting"?e.onRowInserting=o:(t.hasOwnProperty(i)&&(t[i]=o),e.hasOwnProperty(i)&&(e[i]=o)))},F=()=>r.defineComponent({name:"RealGridBase",props:{disabled:Boolean,gridProps:Object,dataProps:Object,locale:Object,autoGenerateField:Boolean,rows:Array,rowStyleCallback:Function,cellStyleCallback:Function,layout:Array,onInitialized:Function,onDestroy:Function,onCurrentChanging:Function,onCurrentChanged:Function,onCurrentRowChanged:Function,onValidateColumn:Function,onValidateRow:Function,onValidationFail:Function,onColumnCheckedChanged:Function,onMenuItemClicked:Function,onContextMenuPopup:Function,onContextMenuItemClicked:Function,onCellButtonClicked:Function,onScrollToBottom:Function,onTopIndexChanged:Function,onTopIndexChanging:Function,onLeftPosChanged:Function,onRowsDeleting:Function,onRowInserting:Function,onSelectionCleared:Function,onSelectionChanged:Function,onSelectionAdded:Function,onSelectionEnded:Function,onShowEditor:Function,onShowEditCommand:Function,onHideEditor:Function,onEditChange:Function,onGetEditValue:Function,onEditCommit:Function,onEditCanceled:Function,onItemEditCanceled:Function,onItemEditCancel:Function,onEditSearch:Function,onSearchCellButtonClick:Function,onCellEdited:Function,onEditRowChanged:Function,onEditRowPasted:Function,onRowsPasted:Function,onCellPasting:Function,onItemChecked:Function,onItemAllChecked:Function,onErrorClicked:Function,onSorting:Function,onSortingChanged:Function,onFiltering:Function,onFilteringChanged:Function,onWheel:Function,onKeyDown:Function,onKeyPress:Function,onKeyUp:Function,onShowTooltip:Function,onShowHeaderTooltip:Function,onColumnPropertyChanged:Function,onLayoutPropertyChanged:Function,onGridActivated:Function,onCopy:Function,onPaste:Function,onPasted:Function,onItemsChecked:Function,onCellClicked:Function,onCellDblClicked:Function,onCellItemClicked:Function,onCommandStackChanged:Function,onDataLoadComplated:Function,onLayoutExpanding:Function,onLayoutExpanded:Function,onLayoutCollapsing:Function,onLayoutCollapsed:Function},data(){return{$dataProvider:null,$gridView:null,_mountTimer:null,_mountCBs:[]}},mounted(){const t=this.$el,e=s(this.$props);if(this.$listeners){for(const[o,a]of Object.entries(this.$listeners))if(o&&typeof a=="function")if(o==="row-inserting")e.onRowInserting=a;else if(o==="data-row-inserting")e.onDataRowInserting=a;else{const d="on"+$(C(o));e.hasOwnProperty(d)&&(e[d]=a)}}const{grid:n,dataProvider:i}=this._createGrid(t,e);this.$dataProvider=i,this.$gridView=n,this.executeCB(),y(n,i,e),this._applyOptions(e),e.layout&&n.setColumnLayout(e.layout),this._doInitProc(n,e),this._setData(e)},computed:{dataProvider:{get(){return this.$data.$dataProvider},set(t){this.$dataProvider=t}},gridView:{get(){return this.$data.$gridView},set(t){this.$gridView=t}}},unmounted(){const t=s(this.$props),e=s(this.$attrs,"on"),n=t.onDestroy||e.onDestroy;n&&n(this.gridView),this.gridView=this.gridView&&this.gridView.destroy(),this.dataProvider=this.dataProvider&&this.dataProvider.destroy()},destroyed(){const t=s(this.$props),e=s(this.$attrs,"on"),n=t.onDestroy||e.onDestroy;n&&n(this.gridView),this.gridView=this.gridView&&this.gridView.destroy(),this.dataProvider=this.dataProvider&&this.dataProvider.destroy()},watch:{gridProps:{handler(t,e){const n=p({},e,t);this.gridView&&n&&Object.keys(n).length>0&&this.gridView.setOptions(n)},deep:!0},disabled(t,e){this.gridView&&(this.gridView.disabled=t)},dataProps:{handler(t,e){const n=p({},e,t);this.dataProvider&&n&&Object.keys(n).length>0&&this.dataProvider.setOptions(n)},deep:!0},locale:{handler(t,e){t&&m.default.setLocale(t)}},layout:{handler(t,e){this.gridView&&this.gridView.setColumnLayout(t)},deep:!0}},methods:{addCallback(t){this.$data._mountCBs.push(t),clearTimeout(this.$data._mountTimer);const e=this;this.$data._mountTimer=window.setTimeout(function(){e.executeCB()},20)},removeCallback(t){if(this.$data._mountCBs.indexOf(t)>=0){const e=this.$data._mountCBs.indexOf(t);this.$data._mountCBs.splice(e,1)}},executeCB(){const t=this.$gridView,e=this.$dataProvider;if(!!t&&(clearTimeout(this._mountTimer),t&&t._view)){t.beginUpdate();try{e==null||e.beginUpdate();try{const n=this.$data._mountCBs.sort((i,o)=>(i.$mountSeq==null?-1:i.$mountSeq)-(o.$mountSeq==null?-1:o.$mountSeq));for(;n&&n.length;){const i=n.shift();i==null||i.call(this,t)}}finally{e==null||e.endUpdate()}}finally{t.endUpdate(!0),this.$data._mountTimer=null,this.$data._mountCBs=[]}}},_applyOptions(t){const e=this.$gridView,n=this.$dataProvider;if(e)for(let[i,o]of Object.entries(t))switch(i){case"gridProps":o&&e.setOptions(o);break;case"disabled":e&&(e.disabled=!!o);break;case"dataProps":o&&(n==null||n.setOptions(o));break;case"layout":o&&e&&e.setColumnLayout(o);break;case"rowStyleCallback":e.setRowStyleCallback(o);break;case"cellStyleCallback":e.setCellStyleCallback(o);break;case"locale":o&&m.default.setLocale(o);break}this._doApplyOptions(t)},_createGrid(t,e){return{grid:null,dataProvider:null}},_doInitProc(t,e){const n=e.onInitialized;if(n){const i=n.constructor.name;i==="Function"?n(t):i==="AsyncFunction"&&Promise.resolve(n(t))}},_doApplyOptions(t){},_setData(t){}},render(){var a,d;const t=c=>{const l=[];if(Array.isArray(c))for(let h of c)Array.isArray(h.children)?l.push(...t(h.children)):l.push(h);return l},e=[];for(let c of Object.keys(this.$slots)){let l=this.$slots[c];typeof l=="function"&&(l=l()),e.push(...t(l))}let n=0;for(let c=0;c<e.length;c++){const l=e[c];if(l.type instanceof Object&&l.type.hasOwnProperty("name")){const h=l.type.name;h&&/^RG.+Column$/.exec(h)&&(l.props=l.props||{},l.props&&((d=(a=l.props).displayIndex)!=null||(a.displayIndex=n++)))}l.$mountSeq=c}const i=this.$attrs.style?this.$attrs.style:{width:"100%",height:"100%"};return r.h("div",{style:i},e)}}),R=r.defineComponent({name:"RealGridVue",extends:F(),props:{accessibility:Boolean,waiOptions:Object,onPageChanging:Function,onPageChanged:Function,onPageCountChanged:Function,onGrouping:Function,onGrouped:Function,onExpanding:Function,onExpanded:Function,onCollapsing:Function,onCollapsed:Function,onRowCountChanged:Function,onRowUpdating:Function,onRowUpdated:Function,onRowsUpdated:Function,onRowListUpdated:Function,onDataRowInserting:Function,onRowInserted:Function,onRowsInserted:Function,onRowDeleting:Function,onRowDeleted:Function,onRowsDeleted:Function,onRowMoving:Function,onRowMoved:Function,onRowsMoving:Function,onRowsMoved:Function,onRowListMoving:Function,onRowListMoved:Function,onValueChanged:Function,onDataChanged:Function,onRowStateChanged:Function,onRowStatesChanged:Function,onRowStatesCleared:Function,onRestoreRows:Function},data(){return{$dataProvider:null,$gridView:null}},watch:{rows:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setRows(t)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setRows(t)}}},methods:{_createGrid(t,e){var o;const n=new m.default.GridView(t,e==null?void 0:e.accessibility,e==null?void 0:e.waiOptions),i=new m.default.LocalDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){},_setData(t){var e;t.rows&&((e=this.$dataProvider)==null||e.setRows(t.rows))}}}),g=r.defineComponent({name:"RealTreeVue",extends:F(),props:{treeOptions:Object,treeField:String,needSorting:Boolean,childrenField:String,iconField:String,json:Object,rowsProp:String,childrenProp:String,iconProp:String,onTreeItemExpanding:Function,onTreeItemExpanded:Function,onTreeItemCollapsing:Function,onTreeItemCollapsed:Function,onTreeItemChanged:Function,onRowCountChanged:Function,onRowAdding:Function,onRowAdded:Function,onRowsAdded:Function,onRowDeleting:Function,onRowDeleted:Function,onRowsDeleted:Function,onRowUpdating:Function,onRowUpdated:Function,onRowsUpdating:Function,onRowsUpdated:Function,onValueChanged:Function,onDataChanged:Function,onRowStateChanged:Function,onRowStatesChanged:Function,onRowSiblingMoving:Function,onRowSiblingMoved:Function,onRowsSiblingMoving:Function,onRowsSiblingMoved:Function,onRowParentChanging:Function,onRowParentChanged:Function},data(){return{$gridView:null,$dataProvider:null}},computed:{gridView:{get(){return this.$data.$gridView},set(t){this.$gridView=t}},dataProvider:{get(){return this.$data.$dataProvider},set(t){this.$dataProvider=t}}},methods:{_createGrid(t,e){var o;const n=new m.TreeView(t),i=new m.LocalTreeDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){var e;for(const[n,i]of Object.entries(t))switch(n){case"treeOptions":i&&((e=this.$gridView)==null||e.setTreeOptions(i));break}},_setData(t){var e,n;t.rows?(e=this.$dataProvider)==null||e.setRows(t.rows,this.treeField,this.needSorting,this.childrenField,this.iconField):t.json&&((n=this.$dataProvider)==null||n.setObjectRows(t.json,this.rowsProp,this.childrenProp,this.iconProp))}},watch:{rows:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setRows(t,this.treeField,this.needSorting,this.childrenField,this.iconField)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setRows(t,this.treeField,this.needSorting,this.childrenField,this.iconField)}},json:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setObjectRows(t,this.rowsProp,this.childrenProp,this.iconProp)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setObjectRows(t,this.rowsProp,this.childrenProp,this.iconProp)}}}}),u=r.defineComponent({name:"ComponentBase",props:{},data(){return{$model:null,$oldValue:null}},mounted(){const t=this.$parent;t&&(this.$oldValue=s(this.$attrs),this.mountCB.$mountSeq=this._vnode.$mountSeq,t.addCallback(this.mountCB))},unmounted(){const t=this.$parent;t&&(t.removeCallback(this.mountCB),t.addCallback(this.unmountCB))},destroyed(){const t=this.$parent;t&&(t.removeCallback(this.mountCB),t.addCallback(this.unmountCB))},watch:{$attrs:{handler(t,e){var o;const n=s(t),i=p({},s(this.$data.$oldValue),s(t));if(i&&Object.keys(i).length>0){const a=(o=this.$data)==null?void 0:o.$model;a&&a.assignFrom(n),this._doWatchAttrs(i),this.$oldValue=n}},deep:!0}},methods:{mountCB(){},unmountCB(){},_doWatchAttrs(t){}},render(){}}),P=r.defineComponent({name:"RGSeriesColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s((n=this.$parent)==null?void 0:n.$attrs)){const o=s(this.$attrs);t&&(this.$model=t.addColumn({...o,type:"series"},(i=o.displayIndex)!=null?i:-1))}},unmountCB(t){this.$data.$model&&t.removeColumn(this.$model.name)},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),S=r.defineComponent({name:"RGStateBar",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setStateBar(s(this.$attrs)),this.$model=t.stateBar}}}),b=r.defineComponent({name:"RGRowIndicator",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setRowIndicator(s(this.$attrs)),this.$model=t.rowIndicator}}}),G=r.defineComponent({name:"RGHeaderSummaries",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummaries(s(this.$attrs)),this.$model=t.headerSummaries}}}),k=r.defineComponent({name:"RGHeaderSummary",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummary(s(this.$attrs)),this.$model=t.headerSummary}}}),v=r.defineComponent({name:"RGHeader",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeader(s(this.$attrs)),this.$model=t.header}}}),B=r.defineComponent({name:"RGGroupPanel",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setGroupPanel(s(this.$attrs)),this.$model=t.groupPanel}}}),O=r.defineComponent({name:"RGFooter",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFooter(s(this.$attrs)),this.$model=t.footer}}}),V=r.defineComponent({name:"RGFooters",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFooters(s(this.$attrs)),this.$model=t.footer}}}),_=r.defineComponent({name:"RGFilterPanel",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFilterPanel(s(this.$attrs)),this.$model=t.filterPanel}}}),x=r.defineComponent({name:"RGDataField",extends:u,props:{},data(){return{}},methods:{mountCB(t){const e=s(this.$attrs);if(e.fieldName){const n=t.getDataSource();n.fieldByName(e.fieldName)||(this.$model=n.addField(e,!0))}},unmountDB(t){this.$model&&t.getDataSource().removeField(this.$model)}}}),D=r.defineComponent({name:"RGDataColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;const e=s((n=this.$parent)==null?void 0:n.$props);if(e){const o=e.autoGenerateField,a=t==null?void 0:t.getDataSource(),d=s(this.$attrs);let c=d.fieldName;o&&(!c&&d.field&&(c=d.field.fieldName),a&&!a.fieldByName(c)&&a.addField(d.field||c)),t&&(this.$model=t.addColumn({...d,fieldName:c},(i=d.displayIndex)!=null?i:-1))}},unmountCB(t){var n;this.$data.$model&&t.removeColumn(this.$data.$model.name);const e=s((n=this.$parent)==null?void 0:n.$props);if(e){const i=e.autoGenerateField,o=t==null?void 0:t.getDataSource(),a=s(this.$attrs);let d=a.fieldName;i&&(!d&&a.field&&(d=a.field.fieldName),t.columnByField(d)||o.removeField(d))}},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),I=r.defineComponent({name:"RGLiteralColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s((n=this.$parent)==null?void 0:n.$attrs)){const o=s(this.$attrs);t&&(this.$model=t.addColumn({...o,type:"literal"},(i=o.displayIndex)!=null?i:-1))}},unmountCB(t){this.$data.$model&&t.removeColumn(this.$model.name)},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),T=r.defineComponent({name:"RGCheckBar",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setCheckBar(s(this.$attrs)),this.$model=t.checkBar}}});exports.RGCheckBar=T;exports.RGDataColumn=D;exports.RGDataField=x;exports.RGFilterPanel=_;exports.RGFooter=O;exports.RGFooters=V;exports.RGGroupPanel=B;exports.RGHeader=v;exports.RGHeaderSummaries=G;exports.RGHeaderSummary=k;exports.RGLiteralColumn=I;exports.RGRowIndicator=b;exports.RGSeriesColumn=P;exports.RGStateBar=S;exports.RealGridVue=R;exports.RealTreeVue=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("realgrid"),r=require("vue");function f(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const m=f(w),C=t=>t.replace(/-./g,e=>e[1].toUpperCase()),$=t=>t.charAt(0).toUpperCase()+t.slice(1),s=(t,e="")=>{const n={};for(let i in t)n[C(e?`${e}-${i}`:i)]=r.toRaw(t[i]);return n},p=(t,e={},n={})=>{t=t||{};const i=["children"];for(const[o,a]of Object.entries(e))if(!i.includes(o))if(!n.hasOwnProperty(o))t[o]=null;else if(Array.isArray(a))(!n[o]||JSON.stringify(a)!=JSON.stringify(n[o]))&&(t[o]=n[o]);else if(a instanceof Object&&!(a instanceof Date||Array.isArray(a)||typeof a=="function"))if(!(n[o]instanceof Object))t[o]=n[o];else{const d=p({},a,n[o]);d&&Object.keys(d).length>0&&(t[o]=d)}else a!==n[o]&&(t[o]=n[o]);for(const[o,a]of Object.entries(n))i.includes(o)||e.hasOwnProperty(o)||(t[o]=a);return t},y=(t,e,n)=>{for(const[i,o]of Object.entries(n))i&&typeof o=="function"&&i.startsWith("on")&&(i==="onRowInserting"?t.onRowInserting=o:i==="onDataRowInserting"?e.onRowInserting=o:(t.hasOwnProperty(i)&&(t[i]=o),e.hasOwnProperty(i)&&(e[i]=o)))},F=()=>r.defineComponent({name:"RealGridBase",props:{disabled:Boolean,gridProps:Object,dataProps:Object,locale:Object,autoGenerateField:Boolean,rows:Array,rowStyleCallback:Function,cellStyleCallback:Function,layout:Array,onInitialized:Function,onDestroy:Function,onCurrentChanging:Function,onCurrentChanged:Function,onCurrentRowChanged:Function,onValidateColumn:Function,onValidateRow:Function,onValidationFail:Function,onColumnCheckedChanged:Function,onMenuItemClicked:Function,onContextMenuPopup:Function,onContextMenuItemClicked:Function,onCellButtonClicked:Function,onScrollToBottom:Function,onTopIndexChanged:Function,onTopIndexChanging:Function,onLeftPosChanged:Function,onRowsDeleting:Function,onRowInserting:Function,onSelectionCleared:Function,onSelectionChanged:Function,onSelectionAdded:Function,onSelectionEnded:Function,onShowEditor:Function,onShowEditCommand:Function,onHideEditor:Function,onEditChange:Function,onGetEditValue:Function,onEditCommit:Function,onEditCanceled:Function,onItemEditCanceled:Function,onItemEditCancel:Function,onEditSearch:Function,onSearchCellButtonClick:Function,onCellEdited:Function,onEditRowChanged:Function,onEditRowPasted:Function,onRowsPasted:Function,onCellPasting:Function,onItemChecked:Function,onItemAllChecked:Function,onErrorClicked:Function,onSorting:Function,onSortingChanged:Function,onFiltering:Function,onFilteringChanged:Function,onWheel:Function,onKeyDown:Function,onKeyPress:Function,onKeyUp:Function,onShowTooltip:Function,onShowHeaderTooltip:Function,onColumnPropertyChanged:Function,onLayoutPropertyChanged:Function,onGridActivated:Function,onCopy:Function,onPaste:Function,onPasted:Function,onItemsChecked:Function,onCellClicked:Function,onCellDblClicked:Function,onCellItemClicked:Function,onCommandStackChanged:Function,onDataLoadComplated:Function,onLayoutExpanding:Function,onLayoutExpanded:Function,onLayoutCollapsing:Function,onLayoutCollapsed:Function,onGridFocusChanged:Function},data(){return{$dataProvider:null,$gridView:null,_mountTimer:null,_mountCBs:[]}},mounted(){const t=this.$el,e=s(this.$props);if(this.$listeners){for(const[o,a]of Object.entries(this.$listeners))if(o&&typeof a=="function")if(o==="row-inserting")e.onRowInserting=a;else if(o==="data-row-inserting")e.onDataRowInserting=a;else{const d="on"+$(C(o));e.hasOwnProperty(d)&&(e[d]=a)}}const{grid:n,dataProvider:i}=this._createGrid(t,e);this.$dataProvider=i,this.$gridView=n,this.executeCB(),y(n,i,e),this._applyOptions(e),e.layout&&n.setColumnLayout(e.layout),this._doInitProc(n,e),this._setData(e)},computed:{dataProvider:{get(){return this.$data.$dataProvider},set(t){this.$dataProvider=t}},gridView:{get(){return this.$data.$gridView},set(t){this.$gridView=t}}},unmounted(){const t=s(this.$props),e=s(this.$attrs,"on"),n=t.onDestroy||e.onDestroy;n&&n(this.gridView),this.gridView=this.gridView&&this.gridView.destroy(),this.dataProvider=this.dataProvider&&this.dataProvider.destroy()},destroyed(){const t=s(this.$props),e=s(this.$attrs,"on"),n=t.onDestroy||e.onDestroy;n&&n(this.gridView),this.gridView=this.gridView&&this.gridView.destroy(),this.dataProvider=this.dataProvider&&this.dataProvider.destroy()},watch:{gridProps:{handler(t,e){const n=p({},e,t);this.gridView&&n&&Object.keys(n).length>0&&this.gridView.setOptions(n)},deep:!0},disabled(t,e){this.gridView&&(this.gridView.disabled=t)},dataProps:{handler(t,e){const n=p({},e,t);this.dataProvider&&n&&Object.keys(n).length>0&&this.dataProvider.setOptions(n)},deep:!0},locale:{handler(t,e){t&&m.default.setLocale(t)}},layout:{handler(t,e){this.gridView&&this.gridView.setColumnLayout(t)},deep:!0}},methods:{addCallback(t){this.$data._mountCBs.push(t),clearTimeout(this.$data._mountTimer);const e=this;this.$data._mountTimer=window.setTimeout(function(){e.executeCB()},20)},removeCallback(t){if(this.$data._mountCBs.indexOf(t)>=0){const e=this.$data._mountCBs.indexOf(t);this.$data._mountCBs.splice(e,1)}},executeCB(){const t=this.$gridView,e=this.$dataProvider;if(!!t&&(clearTimeout(this._mountTimer),t&&t._view)){t.beginUpdate();try{e==null||e.beginUpdate();try{const n=this.$data._mountCBs.sort((i,o)=>(i.$mountSeq==null?-1:i.$mountSeq)-(o.$mountSeq==null?-1:o.$mountSeq));for(;n&&n.length;){const i=n.shift();i==null||i.call(this,t)}}finally{e==null||e.endUpdate()}}finally{t.endUpdate(!0),this.$data._mountTimer=null,this.$data._mountCBs=[]}}},_applyOptions(t){const e=this.$gridView,n=this.$dataProvider;if(e)for(let[i,o]of Object.entries(t))switch(i){case"gridProps":o&&e.setOptions(o);break;case"disabled":e&&(e.disabled=!!o);break;case"dataProps":o&&(n==null||n.setOptions(o));break;case"layout":o&&e&&e.setColumnLayout(o);break;case"rowStyleCallback":e.setRowStyleCallback(o);break;case"cellStyleCallback":e.setCellStyleCallback(o);break;case"locale":o&&m.default.setLocale(o);break}this._doApplyOptions(t)},_createGrid(t,e){return{grid:null,dataProvider:null}},_doInitProc(t,e){const n=e.onInitialized;if(n){const i=n.constructor.name;i==="Function"?n(t):i==="AsyncFunction"&&Promise.resolve(n(t))}},_doApplyOptions(t){},_setData(t){}},render(){var a,d;const t=c=>{const l=[];if(Array.isArray(c))for(let h of c)Array.isArray(h.children)?l.push(...t(h.children)):l.push(h);return l},e=[];for(let c of Object.keys(this.$slots)){let l=this.$slots[c];typeof l=="function"&&(l=l()),e.push(...t(l))}let n=0;for(let c=0;c<e.length;c++){const l=e[c];if(l.type instanceof Object&&l.type.hasOwnProperty("name")){const h=l.type.name;h&&/^RG.+Column$/.exec(h)&&(l.props=l.props||{},l.props&&((d=(a=l.props).displayIndex)!=null||(a.displayIndex=n++)))}l.$mountSeq=c}const i=this.$attrs.style?this.$attrs.style:{width:"100%",height:"100%"};return r.h("div",{style:i},e)}}),R=r.defineComponent({name:"RealGridVue",extends:F(),props:{accessibility:Boolean,waiOptions:Object,onPageChanging:Function,onPageChanged:Function,onPageCountChanged:Function,onGrouping:Function,onGrouped:Function,onExpanding:Function,onExpanded:Function,onCollapsing:Function,onCollapsed:Function,onRowCountChanged:Function,onRowUpdating:Function,onRowUpdated:Function,onRowsUpdated:Function,onRowListUpdated:Function,onDataRowInserting:Function,onRowInserted:Function,onRowsInserted:Function,onRowDeleting:Function,onRowDeleted:Function,onRowsDeleted:Function,onRowMoving:Function,onRowMoved:Function,onRowsMoving:Function,onRowsMoved:Function,onRowListMoving:Function,onRowListMoved:Function,onValueChanged:Function,onDataChanged:Function,onRowStateChanged:Function,onRowStatesChanged:Function,onRowStatesCleared:Function,onRestoreRows:Function},data(){return{$dataProvider:null,$gridView:null}},watch:{rows:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setRows(t)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setRows(t)}}},methods:{_createGrid(t,e){var o;const n=new m.default.GridView(t,e==null?void 0:e.accessibility,e==null?void 0:e.waiOptions),i=new m.default.LocalDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){},_setData(t){var e;t.rows&&((e=this.$dataProvider)==null||e.setRows(t.rows))}}}),g=r.defineComponent({name:"RealTreeVue",extends:F(),props:{treeOptions:Object,treeField:String,needSorting:Boolean,childrenField:String,iconField:String,json:Object,rowsProp:String,childrenProp:String,iconProp:String,onTreeItemExpanding:Function,onTreeItemExpanded:Function,onTreeItemCollapsing:Function,onTreeItemCollapsed:Function,onTreeItemChanged:Function,onRowCountChanged:Function,onRowAdding:Function,onRowAdded:Function,onRowsAdded:Function,onRowDeleting:Function,onRowDeleted:Function,onRowsDeleted:Function,onRowUpdating:Function,onRowUpdated:Function,onRowsUpdating:Function,onRowsUpdated:Function,onValueChanged:Function,onDataChanged:Function,onRowStateChanged:Function,onRowStatesChanged:Function,onRowSiblingMoving:Function,onRowSiblingMoved:Function,onRowsSiblingMoving:Function,onRowsSiblingMoved:Function,onRowParentChanging:Function,onRowParentChanged:Function},data(){return{$gridView:null,$dataProvider:null}},computed:{gridView:{get(){return this.$data.$gridView},set(t){this.$gridView=t}},dataProvider:{get(){return this.$data.$dataProvider},set(t){this.$dataProvider=t}}},methods:{_createGrid(t,e){var o;const n=new m.TreeView(t),i=new m.LocalTreeDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){var e;for(const[n,i]of Object.entries(t))switch(n){case"treeOptions":i&&((e=this.$gridView)==null||e.setTreeOptions(i));break}},_setData(t){var e,n;t.rows?(e=this.$dataProvider)==null||e.setRows(t.rows,this.treeField,this.needSorting,this.childrenField,this.iconField):t.json&&((n=this.$dataProvider)==null||n.setObjectRows(t.json,this.rowsProp,this.childrenProp,this.iconProp))}},watch:{rows:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setRows(t,this.treeField,this.needSorting,this.childrenField,this.iconField)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setRows(t,this.treeField,this.needSorting,this.childrenField,this.iconField)}},json:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{r.nextTick(()=>{var o;(o=this.$dataProvider)==null||o.setObjectRows(t,this.rowsProp,this.childrenProp,this.iconProp)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.$dataProvider)==null||n.setObjectRows(t,this.rowsProp,this.childrenProp,this.iconProp)}}}}),u=r.defineComponent({name:"ComponentBase",props:{},data(){return{$model:null,$oldValue:null}},mounted(){const t=this.$parent;t&&(this.$oldValue=s(this.$attrs),this.mountCB.$mountSeq=this._vnode.$mountSeq,t.addCallback(this.mountCB))},unmounted(){const t=this.$parent;t&&(t.removeCallback(this.mountCB),t.addCallback(this.unmountCB))},destroyed(){const t=this.$parent;t&&(t.removeCallback(this.mountCB),t.addCallback(this.unmountCB))},watch:{$attrs:{handler(t,e){var o;const n=s(t),i=p({},s(this.$data.$oldValue),s(t));if(i&&Object.keys(i).length>0){const a=(o=this.$data)==null?void 0:o.$model;a&&a.assignFrom(n),this._doWatchAttrs(i),this.$oldValue=n}},deep:!0}},methods:{mountCB(){},unmountCB(){},_doWatchAttrs(t){}},render(){}}),P=r.defineComponent({name:"RGSeriesColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s((n=this.$parent)==null?void 0:n.$attrs)){const o=s(this.$attrs);t&&(this.$model=t.addColumn({...o,type:"series"},(i=o.displayIndex)!=null?i:-1))}},unmountCB(t){this.$data.$model&&t.removeColumn(this.$model.name)},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),S=r.defineComponent({name:"RGStateBar",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setStateBar(s(this.$attrs)),this.$model=t.stateBar}}}),b=r.defineComponent({name:"RGRowIndicator",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setRowIndicator(s(this.$attrs)),this.$model=t.rowIndicator}}}),G=r.defineComponent({name:"RGHeaderSummaries",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummaries(s(this.$attrs)),this.$model=t.headerSummaries}}}),k=r.defineComponent({name:"RGHeaderSummary",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummary(s(this.$attrs)),this.$model=t.headerSummary}}}),v=r.defineComponent({name:"RGHeader",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setHeader(s(this.$attrs)),this.$model=t.header}}}),B=r.defineComponent({name:"RGGroupPanel",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setGroupPanel(s(this.$attrs)),this.$model=t.groupPanel}}}),O=r.defineComponent({name:"RGFooter",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFooter(s(this.$attrs)),this.$model=t.footer}}}),V=r.defineComponent({name:"RGFooters",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFooters(s(this.$attrs)),this.$model=t.footer}}}),_=r.defineComponent({name:"RGFilterPanel",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setFilterPanel(s(this.$attrs)),this.$model=t.filterPanel}}}),x=r.defineComponent({name:"RGDataField",extends:u,props:{},data(){return{}},methods:{mountCB(t){const e=s(this.$attrs);if(e.fieldName){const n=t.getDataSource();n.fieldByName(e.fieldName)||(this.$model=n.addField(e,!0))}},unmountDB(t){this.$model&&t.getDataSource().removeField(this.$model)}}}),D=r.defineComponent({name:"RGDataColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;const e=s((n=this.$parent)==null?void 0:n.$props);if(e){const o=e.autoGenerateField,a=t==null?void 0:t.getDataSource(),d=s(this.$attrs);let c=d.fieldName;o&&(!c&&d.field&&(c=d.field.fieldName),a&&!a.fieldByName(c)&&a.addField(d.field||c)),t&&(this.$model=t.addColumn({...d,fieldName:c},(i=d.displayIndex)!=null?i:-1))}},unmountCB(t){var n;this.$data.$model&&t.removeColumn(this.$data.$model.name);const e=s((n=this.$parent)==null?void 0:n.$props);if(e){const i=e.autoGenerateField,o=t==null?void 0:t.getDataSource(),a=s(this.$attrs);let d=a.fieldName;i&&(!d&&a.field&&(d=a.field.fieldName),t.columnByField(d)||o.removeField(d))}},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),I=r.defineComponent({name:"RGLiteralColumn",extends:u,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s((n=this.$parent)==null?void 0:n.$attrs)){const o=s(this.$attrs);t&&(this.$model=t.addColumn({...o,type:"literal"},(i=o.displayIndex)!=null?i:-1))}},unmountCB(t){this.$data.$model&&t.removeColumn(this.$model.name)},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=this.$data.$model.layout;n&&(n.cellWidth=t.width)}}}}),T=r.defineComponent({name:"RGCheckBar",extends:u,props:{},data(){return{}},methods:{mountCB(t){t.setCheckBar(s(this.$attrs)),this.$model=t.checkBar}}});exports.RGCheckBar=T;exports.RGDataColumn=D;exports.RGDataField=x;exports.RGFilterPanel=_;exports.RGFooter=O;exports.RGFooters=V;exports.RGGroupPanel=B;exports.RGHeader=v;exports.RGHeaderSummaries=G;exports.RGHeaderSummary=k;exports.RGLiteralColumn=I;exports.RGRowIndicator=b;exports.RGSeriesColumn=P;exports.RGStateBar=S;exports.RealGridVue=R;exports.RealTreeVue=g;

package/dist/index.d.ts

@@ -176,8 +176,8 @@ export declare const RealGridVue: DefineComponent<{
     onKeyDown: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => boolean>;
     onKeyPress: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => void>;
     onKeyUp: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => void>;
-    onShowTooltip: PropType<(grid: RealGrid.GridView, index: RealGrid.CellIndex, value: any) => boolean | string>;
-    onShowHeaderTooltip: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem) => string>;
+    onShowTooltip: PropType<(grid: RealGrid.GridView, index: RealGrid.CellIndex, value: any, isEllipsis: boolean) => boolean | string>;
+    onShowHeaderTooltip: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem, isEllipsis: boolean) => string>;
     onColumnPropertyChanged: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, property: string, newValue: any, oldValue: any) => void>;
     onLayoutPropertyChanged: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutItem, property: string, newValue: any, oldValue: any) => void>;
     onGridActivated: PropType<(grid: RealGrid.GridView) => void>;
@@ -194,6 +194,7 @@ export declare const RealGridVue: DefineComponent<{
     onLayoutExpanded: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => void>;
     onLayoutCollapsing: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => boolean>;
     onLayoutCollapsed: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => void>;
+    onGridFocusChanged: PropType<(grid: RealGrid.GridView, focused: boolean, event: Event) => void>;
 }, {}, {
     $dataProvider: RealGrid.DataProviderBase | null;
     $gridView: RealGrid.GridBase | null;
@@ -280,8 +281,8 @@ export declare const RealGridVue: DefineComponent<{
     onKeyDown: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => boolean>;
     onKeyPress: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => void>;
     onKeyUp: PropType<(grid: RealGrid.GridView, event: KeyboardEvent) => void>;
-    onShowTooltip: PropType<(grid: RealGrid.GridView, index: RealGrid.CellIndex, value: any) => boolean | string>;
-    onShowHeaderTooltip: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem) => string>;
+    onShowTooltip: PropType<(grid: RealGrid.GridView, index: RealGrid.CellIndex, value: any, isEllipsis: boolean) => boolean | string>;
+    onShowHeaderTooltip: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem, isEllipsis: boolean) => string>;
     onColumnPropertyChanged: PropType<(grid: RealGrid.GridView, column: RealGrid.GridColumn, property: string, newValue: any, oldValue: any) => void>;
     onLayoutPropertyChanged: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutItem, property: string, newValue: any, oldValue: any) => void>;
     onGridActivated: PropType<(grid: RealGrid.GridView) => void>;
@@ -298,6 +299,7 @@ export declare const RealGridVue: DefineComponent<{
     onLayoutExpanded: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => void>;
     onLayoutCollapsing: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => boolean>;
     onLayoutCollapsed: PropType<(grid: RealGrid.GridView, layout: RealGrid.CellLayoutGroupItem) => void>;
+    onGridFocusChanged: PropType<(grid: RealGrid.GridView, focused: boolean, event: Event) => void>;
 }>>, {
     disabled: boolean;
     autoGenerateField: boolean;
@@ -461,8 +463,8 @@ export declare const RealTreeVue: DefineComponent<{
     onKeyDown: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => boolean>;
     onKeyPress: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => void>;
     onKeyUp: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => void>;
-    onShowTooltip: PropType<(grid: RealGrid.TreeView, index: RealGrid.CellIndex, value: any) => boolean | string>;
-    onShowHeaderTooltip: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem) => string>;
+    onShowTooltip: PropType<(grid: RealGrid.TreeView, index: RealGrid.CellIndex, value: any, isEllipsis: boolean) => boolean | string>;
+    onShowHeaderTooltip: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem, isEllipsis: boolean) => string>;
     onColumnPropertyChanged: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, property: string, newValue: any, oldValue: any) => void>;
     onLayoutPropertyChanged: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutItem, property: string, newValue: any, oldValue: any) => void>;
     onGridActivated: PropType<(grid: RealGrid.TreeView) => void>;
@@ -479,6 +481,7 @@ export declare const RealTreeVue: DefineComponent<{
     onLayoutExpanded: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => void>;
     onLayoutCollapsing: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => boolean>;
     onLayoutCollapsed: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => void>;
+    onGridFocusChanged: PropType<(grid: RealGrid.TreeView, focused: boolean, event: Event) => void>;
 }, {}, {
     $dataProvider: RealGrid.DataProviderBase | null;
     $gridView: RealGrid.GridBase | null;
@@ -565,8 +568,8 @@ export declare const RealTreeVue: DefineComponent<{
     onKeyDown: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => boolean>;
     onKeyPress: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => void>;
     onKeyUp: PropType<(grid: RealGrid.TreeView, event: KeyboardEvent) => void>;
-    onShowTooltip: PropType<(grid: RealGrid.TreeView, index: RealGrid.CellIndex, value: any) => boolean | string>;
-    onShowHeaderTooltip: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem) => string>;
+    onShowTooltip: PropType<(grid: RealGrid.TreeView, index: RealGrid.CellIndex, value: any, isEllipsis: boolean) => boolean | string>;
+    onShowHeaderTooltip: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem, isEllipsis: boolean) => string>;
     onColumnPropertyChanged: PropType<(grid: RealGrid.TreeView, column: RealGrid.GridColumn, property: string, newValue: any, oldValue: any) => void>;
     onLayoutPropertyChanged: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutItem, property: string, newValue: any, oldValue: any) => void>;
     onGridActivated: PropType<(grid: RealGrid.TreeView) => void>;
@@ -583,6 +586,7 @@ export declare const RealTreeVue: DefineComponent<{
     onLayoutExpanded: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => void>;
     onLayoutCollapsing: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => boolean>;
     onLayoutCollapsed: PropType<(grid: RealGrid.TreeView, layout: RealGrid.CellLayoutGroupItem) => void>;
+    onGridFocusChanged: PropType<(grid: RealGrid.TreeView, focused: boolean, event: Event) => void>;
 }>>, {
     disabled: boolean;
     autoGenerateField: boolean;

package/dist/index.es.js

@@ -108,7 +108,8 @@ const C = (t) => t.replace(/-./g, (e) => e[1].toUpperCase()), f = (t) => t.charA
     onLayoutExpanding: Function,
     onLayoutExpanded: Function,
     onLayoutCollapsing: Function,
-    onLayoutCollapsed: Function
+    onLayoutCollapsed: Function,
+    onGridFocusChanged: Function
   },
   data() {
     return {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "realgrid-vue2",
     "private": false,
-    "version": "0.9.4",
+    "version": "0.9.6",
     "description": "RealGrid2 wrapping Component for Vue2",
     "author": {
         "name": "WooriTech",