realgrid-vue 0.9.0
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.
- package/README.md +94 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.d.ts +874 -0
- package/dist/index.es.js +1117 -0
- package/license.txt +3 -0
- package/package.json +32 -0
package/README.md
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
# RealGrid-Vue
|
|
2
|
+
|
|
3
|
+
## Overview
|
|
4
|
+
|
|
5
|
+
`realgrid-vue` is a Vue component for integrating RealGrid into your Vue applications. It provides a seamless way to add powerful grid functionalities to your project.
|
|
6
|
+
|
|
7
|
+
[RealGrid](https://www.npmjs.com/package/realgrid) Vue Wrapper
|
|
8
|
+
|
|
9
|
+
## Table of Contents
|
|
10
|
+
|
|
11
|
+
- [Install](#install)
|
|
12
|
+
- [License](#license)
|
|
13
|
+
- [Usage](#usage)
|
|
14
|
+
- [Styles](#styles)
|
|
15
|
+
- [Library Target](#library-target)
|
|
16
|
+
- [Example](#example)
|
|
17
|
+
- [Support](#support)
|
|
18
|
+
|
|
19
|
+
## Installation
|
|
20
|
+
|
|
21
|
+
To install the `realgrid-vue` component, use npm or yarn:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm install realgrid-vue
|
|
25
|
+
# or
|
|
26
|
+
yarn add realgrid-vue
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### License
|
|
30
|
+
|
|
31
|
+
> The License file is required for proper use. More information, visit: http://service.realgrid.com/start
|
|
32
|
+
|
|
33
|
+
## Usage
|
|
34
|
+
|
|
35
|
+
### basic example
|
|
36
|
+
|
|
37
|
+
Here's a basic example of how to use realgrid-vue in your project:
|
|
38
|
+
|
|
39
|
+
```vue
|
|
40
|
+
<script setup lang="ts">
|
|
41
|
+
import { onMounted, ref } from 'vue'
|
|
42
|
+
import { RealGridVue, RGDataColumn } from 'realgrid-vue'
|
|
43
|
+
import RealGrid, { ValueType, GridBase, GridCell, IndicatorValue, SyncGridHeight } from 'realgrid'
|
|
44
|
+
import '../../node_modules/realgrid/dist/realgrid-style.css'
|
|
45
|
+
|
|
46
|
+
const grid1 = ref<RealGridVue>()
|
|
47
|
+
const gridData = ref()
|
|
48
|
+
|
|
49
|
+
const data = [
|
|
50
|
+
{ id: 1, name: 'John Doe', age: 30 },
|
|
51
|
+
{ id: 2, name: 'Jane Smith', age: 27 },
|
|
52
|
+
{ id: 3, name: 'Alice Johnson', age: 35 },
|
|
53
|
+
{ id: 4, name: 'Bob Brown', age: 22 },
|
|
54
|
+
{ id: 5, name: 'Charlie Davis', age: 28 },
|
|
55
|
+
{ id: 6, name: 'Dana White', age: 33 }
|
|
56
|
+
]
|
|
57
|
+
RealGrid.setLicenseKey('Your LicenseKey')
|
|
58
|
+
|
|
59
|
+
</script>
|
|
60
|
+
|
|
61
|
+
<template>
|
|
62
|
+
<div style={{ width: '100%', height: '550px' }}>
|
|
63
|
+
<RealGridVue ref={grid} rows={data} autoGenerateField={true}>
|
|
64
|
+
<RGDataColumn name='id' fieldName='id' />
|
|
65
|
+
<RGDataColumn name='name' fieldName='name' />
|
|
66
|
+
<RGDataColumn name='age' fieldName='age' />
|
|
67
|
+
</RealGridVue>
|
|
68
|
+
</div>
|
|
69
|
+
</template>
|
|
70
|
+
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
### styles
|
|
74
|
+
|
|
75
|
+
- The themes are located in './dist'
|
|
76
|
+
|
|
77
|
+
```jsx
|
|
78
|
+
import '../node_modules/realgrid/dist/realgrid-style.css'
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
### Library Target
|
|
82
|
+
|
|
83
|
+
- index.es.js for ES
|
|
84
|
+
- index.cjs.js for commonjs
|
|
85
|
+
|
|
86
|
+
### Example
|
|
87
|
+
|
|
88
|
+
> visit: https://github.com/realgrid/realgrid2-examples
|
|
89
|
+
|
|
90
|
+
### Support
|
|
91
|
+
|
|
92
|
+
If you encounter any issues or have questions,
|
|
93
|
+
please open an issue on GitHub or contact our support team at support@realgrid.com
|
|
94
|
+
or visit https://docs.realgrid.com/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var x=require("realgrid"),a=require("vue");function I(t){if(t&&t.__esModule)return t;var e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return t&&Object.keys(t).forEach(function(n){if(n!=="default"){var i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,Object.freeze(e)}var $=I(x);const F=()=>a.version.split(".")[0]==="2",l=t=>F()?t:a.toRaw(t),k=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[k(e?`${e}-${i}`:i)]=a.toRaw(t[i]);return n},b=(t,e={},n={})=>{t=t||{};const i=["children"];for(const[o,r]of Object.entries(e))if(!i.includes(o))if(!n.hasOwnProperty(o))t[o]=null;else if(Array.isArray(r))(!n[o]||JSON.stringify(r)!=JSON.stringify(n[o]))&&(t[o]=n[o]);else if(r instanceof Object&&!(r instanceof Date||Array.isArray(r)||typeof r=="function"))if(!(n[o]instanceof Object))t[o]=n[o];else{const d=b({},r,n[o]);d&&Object.keys(d).length>0&&(t[o]=d)}else r!==n[o]&&(t[o]=n[o]);for(const[o,r]of Object.entries(n))i.includes(o)||e.hasOwnProperty(o)||(t[o]=r);return t},D=(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)))};var v={exports:{}},c=v.exports={},p,w;function S(){throw new Error("setTimeout has not been defined")}function G(){throw new Error("clearTimeout has not been defined")}(function(){try{typeof setTimeout=="function"?p=setTimeout:p=S}catch{p=S}try{typeof clearTimeout=="function"?w=clearTimeout:w=G}catch{w=G}})();function B(t){if(p===setTimeout)return setTimeout(t,0);if((p===S||!p)&&setTimeout)return p=setTimeout,setTimeout(t,0);try{return p(t,0)}catch{try{return p.call(null,t,0)}catch{return p.call(this,t,0)}}}function A(t){if(w===clearTimeout)return clearTimeout(t);if((w===G||!w)&&clearTimeout)return w=clearTimeout,clearTimeout(t);try{return w(t)}catch{try{return w.call(null,t)}catch{return w.call(this,t)}}}var f=[],g=!1,R,P=-1;function j(){!g||!R||(g=!1,R.length?f=R.concat(f):P=-1,f.length&&O())}function O(){if(!g){var t=B(j);g=!0;for(var e=f.length;e;){for(R=f,f=[];++P<e;)R&&R[P].run();P=-1,e=f.length}R=null,g=!1,A(t)}}c.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];f.push(new T(t,e)),f.length===1&&!g&&B(O)};function T(t,e){this.fun=t,this.array=e}T.prototype.run=function(){this.fun.apply(null,this.array)};c.title="browser";c.browser=!0;c.env={};c.argv=[];c.version="";c.versions={};function C(){}c.on=C;c.addListener=C;c.once=C;c.off=C;c.removeListener=C;c.removeAllListeners=C;c.emit=C;c.prependListener=C;c.prependOnceListener=C;c.listeners=function(t){return[]};c.binding=function(t){throw new Error("process.binding is not supported")};c.cwd=function(){return"/"};c.chdir=function(t){throw new Error("process.chdir is not supported")};c.umask=function(){return 0};const V=()=>a.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(l(this.$props));if(this.$listeners){for(const[o,r]of Object.entries(this.$listeners))if(o&&typeof r=="function")if(o==="row-inserting")e.onRowInserting=r;else if(o==="data-row-inserting")e.onDataRowInserting=r;else{const d="on"+_(k(o));e.hasOwnProperty(d)&&(e[d]=r)}}const{grid:n,dataProvider:i}=this._createGrid(t,e);this.dataProvider=i,this.gridView=n,this.executeCB(),D(n,i,e),this._applyOptions(e),e.layout&&n.setColumnLayout(e.layout),this._doInitProc(n,e)},computed:{dataProvider:{get(){return l(this.$data.$dataProvider)},set(t){this.$dataProvider=t}},gridView:{get(){return l(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=b({},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=b({},e,t);this.dataProvider&&n&&Object.keys(n).length>0&&this.dataProvider.setOptions(n)},deep:!0},locale:{handler(t,e){t&&$.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=F()?this.$gridView:this.gridView,e=F()?this.$dataProvider: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=F()?this.$gridView:this.gridView,n=F()?this.$dataProvider: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&&$.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){}},render(){var r,d;const t=h=>{const u=[];if(Array.isArray(h))for(let y of h)Array.isArray(y.children)?u.push(...t(y.children)):u.push(y);return u},e=[];for(let h of Object.keys(this.$slots)){let u=this.$slots[h];typeof u=="function"&&(u=u()),e.push(...t(u))}let n=0;for(let h=0;h<e.length;h++){const u=e[h];if(u.type instanceof Object&&u.type.hasOwnProperty("name")){const y=u.type.name;y&&/^RG.+Column$/.exec(y)&&(u.props=u.props||{},u.props&&((d=(r=u.props).displayIndex)!=null||(r.displayIndex=n++)))}u.$mountSeq=h}const i=this.$attrs.style?this.$attrs.style:{width:"100%",height:"100%"};return a.h("div",{style:i},e)}}),E=a.defineComponent({name:"RealGridVue",extends:V(),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=()=>{v.exports.nextTick(()=>{var o;(o=this.dataProvider)==null||o.setRows(l(t))})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.dataProvider)==null||n.setRows(l(t))}}},methods:{_createGrid(t,e){var o;const n=new $.default.GridView(t,e==null?void 0:e.accessibility,e==null?void 0:e.waiOptions),i=new $.default.LocalDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){for(const[e,n]of Object.entries(t))switch(e){case"rows":const i=F()?this.$dataProvider:this.dataProvider;i==null||i.setRows(l(n));break}}}}),L=a.defineComponent({name:"RealTreeVue",extends:V(),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 l(this.$data.$gridView)},set(t){this.$gridView=t}},dataProvider:{get(){return l(this.$data.$dataProvider)},set(t){this.$dataProvider=t}}},methods:{_createGrid(t,e){var o;const n=new $.TreeView(t),i=new $.LocalTreeDataProvider((o=e.dataProps)==null?void 0:o.undoable);return n.setDataSource(i),{grid:n,dataProvider:i}},_doApplyOptions(t){var e,n,i;for(const[o,r]of Object.entries(t))switch(o){case"treeOptions":r&&((e=this.gridView)==null||e.setTreeOptions(l(r)));break;case"rows":(n=this.dataProvider)==null||n.setRows(l(r),this.treeField,this.needSorting,this.childrenField,this.iconField);break;case"json":(i=this.dataProvider)==null||i.setObjectRows(l(r),this.rowsProp,this.childrenProp,this.iconProp);break}}},watch:{rows:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{v.exports.nextTick(()=>{var o;(o=this.dataProvider)==null||o.setRows(l(t),this.treeField,this.needSorting,this.childrenField,this.iconField)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.dataProvider)==null||n.setRows(l(t),this.treeField,this.needSorting,this.childrenField,this.iconField)}},json:{handler(t,e){var n;if(this.$data._mountTimer!=null){const i=()=>{v.exports.nextTick(()=>{var o;(o=this.dataProvider)==null||o.setObjectRows(l(t),this.rowsProp,this.childrenProp,this.iconProp)})};i.$mountSeq=1/0,this.addCallback(i)}else(n=this.dataProvider)==null||n.setObjectRows(l(t),this.rowsProp,this.childrenProp,this.iconProp)}}}}),m=a.defineComponent({name:"ComponentBase",props:{},data(){return{$model:null,$oldValue:null}},mounted(){const t=l(this.$parent);t&&(this.$oldValue=s(l(this.$attrs)),this.mountCB.$mountSeq=F()?this._vnode.$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(l(t)),i=b({},s(l(this.$data.$oldValue)),s(l(t)));if(i&&Object.keys(i).length>0){const r=l((o=this.$data)==null?void 0:o.$model);r&&r.assignFrom(n),this._doWatchAttrs(i),this.$oldValue=n}},deep:!0}},methods:{mountCB(){},unmountCB(){},_doWatchAttrs(t){}},render(){}}),N=a.defineComponent({name:"RGSeriesColumn",extends:m,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s(a.toRaw((n=this.$parent)==null?void 0:n.$attrs))){const o=s(a.toRaw(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=a.toRaw(this.$data.$model).layout;n&&(n.cellWidth=t.width)}}}}),M=a.defineComponent({name:"RGStateBar",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setStateBar(s(a.toRaw(this.$attrs))),this.$model=t.stateBar}}}),U=a.defineComponent({name:"RGRowIndicator",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setRowIndicator(s(a.toRaw(this.$attrs))),this.$model=t.rowIndicator}}}),q=a.defineComponent({name:"RGHeaderSummaries",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummaries(s(a.toRaw(this.$attrs))),this.$model=t.headerSummaries}}}),H=a.defineComponent({name:"RGHeaderSummary",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setHeaderSummary(s(a.toRaw(this.$attrs))),this.$model=t.headerSummary}}}),W=a.defineComponent({name:"RGHeader",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setHeader(s(a.toRaw(this.$attrs))),this.$model=t.header}}}),z=a.defineComponent({name:"RGGroupPanel",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setGroupPanel(s(a.toRaw(this.$attrs))),this.$model=t.groupPanel}}}),K=a.defineComponent({name:"RGFooter",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setFooter(s(a.toRaw(this.$attrs))),this.$model=t.footer}}}),J=a.defineComponent({name:"RGFooters",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setFooters(s(a.toRaw(this.$attrs))),this.$model=t.footer}}}),Q=a.defineComponent({name:"RGFilterPanel",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setFilterPanel(s(a.toRaw(this.$attrs))),this.$model=t.filterPanel}}}),X=a.defineComponent({name:"RGDataField",extends:m,props:{},data(){return{}},methods:{mountCB(t){const e=s(a.toRaw(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)}}}),Y=a.defineComponent({name:"RGDataColumn",extends:m,data(){return{}},props:{},methods:{mountCB(t){var n,i;const e=s(a.toRaw((n=this.$parent)==null?void 0:n.$props));if(e){const o=e.autoGenerateField,r=t==null?void 0:t.getDataSource(),d=s(a.toRaw(this.$attrs));let h=d.fieldName;o&&(!h&&d.field&&(h=d.field.fieldName),r&&!r.fieldByName(h)&&r.addField(d.field||h)),t&&(this.$model=t.addColumn({...d,fieldName:h},(i=d.displayIndex)!=null?i:-1))}},unmountCB(t){var n;this.$data.$model&&t.removeColumn(this.$data.$model.name);const e=s(a.toRaw((n=this.$parent)==null?void 0:n.$props));if(e){const i=e.autoGenerateField,o=t==null?void 0:t.getDataSource(),r=s(a.toRaw(this.$attrs));let d=r.fieldName;i&&(!d&&r.field&&(d=r.field.fieldName),t.columnByField(d)||o.removeField(d))}},_doWatchAttrs(t){if(t.hasOwnProperty("width")&&!isNaN(t.width)){const n=a.toRaw(this.$data.$model).layout;n&&(n.cellWidth=t.width)}}}}),Z=a.defineComponent({name:"RGLiteralColumn",extends:m,data(){return{}},props:{},methods:{mountCB(t){var n,i;if(s(a.toRaw((n=this.$parent)==null?void 0:n.$attrs))){const o=s(a.toRaw(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=a.toRaw(this.$data.$model).layout;n&&(n.cellWidth=t.width)}}}}),tt=a.defineComponent({name:"RGCheckBar",extends:m,props:{},data(){return{}},methods:{mountCB(t){t.setCheckBar(s(a.toRaw(this.$attrs))),this.$model=t.checkBar}}});exports.RGCheckBar=tt;exports.RGDataColumn=Y;exports.RGDataField=X;exports.RGFilterPanel=Q;exports.RGFooter=K;exports.RGFooters=J;exports.RGGroupPanel=z;exports.RGHeader=W;exports.RGHeaderSummaries=q;exports.RGHeaderSummary=H;exports.RGLiteralColumn=Z;exports.RGRowIndicator=U;exports.RGSeriesColumn=N;exports.RGStateBar=M;exports.RealGridVue=E;exports.RealTreeVue=L;
|