Skip to content

Commit 83f2c49

Browse files
selfagencyselfagency
authored
Now with Typescript! (#425)
1 parent 48f7f8a commit 83f2c49

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+8290
-6131
lines changed

‎.browserslistrc

-3
This file was deleted.

‎.dcignore

-4
This file was deleted.

‎.editorconfig

-3
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,3 @@ insert_final_newline = true
88
charset = utf-8
99
indent_style = space
1010
indent_size = 2
11-
12-
[*.cs]
13-
indent_size = 4

‎.eslintrc.js

+1-3
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,14 @@ module.exports = {
22
root: true,
33
env: {
44
browser: true,
5-
node: true
5+
node: false
66
},
77
extends: ['plugin:vue/recommended', 'eslint:recommended', 'plugin:import/errors', 'plugin:import/warnings'],
88
parserOptions: {
99
parser: 'babel-eslint'
1010
},
1111
plugins: ['html'],
1212
rules: {
13-
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
14-
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
1513
'import/no-unresolved': 'warn'
1614
},
1715
overrides: [

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -196,3 +196,4 @@ yarn-error.log
196196
# End of https://www.toptal.com/developers/gitignore/api/linux,macos,node,dotenv,visualstudiocode,vuejs
197197

198198
.dccache
199+
build

‎bili.config.js

+9-20
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,19 @@
1-
module.exports = {
2-
jsCompiler: 'babel',
3-
input: ['src/index.browser.mjs', 'src/index.mjs'],
1+
const config = {
2+
input: 'build/main.js',
43
bundleNodeModules: true,
4+
externals: ['vue'],
55
output: {
66
format: ['cjs', 'esm', 'umd'],
77
minify: true,
88
moduleName: 'Grid',
9-
extractCSS: false
9+
extractCSS: false,
10+
dir: 'dist/'
1011
},
1112
plugins: {
12-
string: {
13-
include: 'node_modules/**/*.css'
14-
},
13+
babel: false,
1514
vue: {
1615
target: 'browser'
17-
},
18-
babel: {
19-
presets: ['vue', ['@babel/preset-env', { useBuiltIns: 'usage', corejs: 3 }]],
20-
plugins: ['@babel/plugin-transform-runtime'],
21-
babelHelpers: 'runtime',
22-
configFile: false
23-
},
24-
'node-resolve': true
25-
},
26-
resolvePlugins: {
27-
string: require('rollup-plugin-string').string
28-
},
29-
external: 'crypto'
16+
}
17+
}
3018
}
19+
export default config

‎docs/using_with_components.md

+3-3

‎examples/advanced/custom-sort.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'CustomSort',

‎examples/advanced/events.mjs

+9-7
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Events',
@@ -20,13 +20,15 @@ export default {
2020
},
2121
mounted() {
2222
this.$nextTick(() => {
23-
this.$refs.myGrid.grid.on('rowClick', (...args) => {
24-
console.log(`row: ${JSON.stringify(args)}`)
25-
})
23+
if (this.$refs.myGrid && this.$refs.myGrid.grid) {
24+
this.$refs.myGrid.grid.on('rowClick', (...args) => {
25+
console.log(`row: ${JSON.stringify(args)}`)
26+
})
2627

27-
this.$refs.myGrid.grid.on('cellClick', (...args) => {
28-
console.log(`cell: ${JSON.stringify(args)}`)
29-
})
28+
this.$refs.myGrid.grid.on('cellClick', (...args) => {
29+
console.log(`cell: ${JSON.stringify(args)}`)
30+
})
31+
}
3032
})
3133
},
3234
template: `

‎examples/advanced/force-render.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ForceRender',

‎examples/advanced/global-event-bus.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import Emittery from 'https://cdn.skypack.dev/emittery'
22
import faker from 'https://cdn.skypack.dev/faker'
3-
import { Grid } from '../../dist/index.esm.js'
3+
import { Grid } from '../../dist/main.esm.js'
44

55
window.emitter = new Emittery()
66

‎examples/advanced/multi-column-sort.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'MultiColumnSort',

‎examples/advanced/nested-header.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'NestedHeader',

‎examples/advanced/stock-market.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import VueChartist from 'https://cdn.skypack.dev/v-chartist'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'StockMarket',

‎examples/advanced/virtual-dom.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'VirtualDom',

‎examples/advanced/vue-events.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33
import TestComponent from '../test-component.mjs'
44

55
export default {

‎examples/basic/auto-update.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'AutoUpdate',

‎examples/basic/fixed-header.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'FixedHeader',

‎examples/basic/from-html-table.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'FromHtmlTable',

‎examples/basic/hello-world.mjs

+2-7
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'HelloWorld',
@@ -31,12 +31,7 @@ export default {
3131
]
3232
}
3333
},
34-
methods: {
35-
log(text) {
36-
console.log(text)
37-
}
38-
},
3934
template: `
40-
<div><grid :columns="columns" :rows="rows" ref="helloWorld" @ready="log('Hi to you too!')"></grid></div>
35+
<div><grid :columns="columns" :rows="rows" ref="helloWorld"></grid></div>
4136
`
4237
}

‎examples/basic/hidden-columns.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'HiddenColumns',

‎examples/basic/loading-state.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'LoadingState',

‎examples/basic/pagination.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Pagination',

‎examples/basic/resizable.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Resizable',

‎examples/basic/search.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Search',

‎examples/basic/sorting.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Sorting',

‎examples/basic/wide-table.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'WideTable',

‎examples/customizing/cell-attributes.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'CellAttributes',

‎examples/customizing/cell-formatting.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'CellFormatting',

‎examples/customizing/html-in-cells.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'HtmlInCells',

‎examples/customizing/html-in-header-cells.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'HtmlInCells',

‎examples/customizing/row-buttons.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33

44
export default {
55
name: 'RowButtons',

‎examples/customizing/vue-component-in-cells.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import faker from 'https://cdn.skypack.dev/faker'
2-
import { Grid } from '../../dist/index.esm.js'
2+
import { Grid } from '../../dist/main.esm.js'
33
import TestComponent from '../test-component.mjs'
44

55
export default {

‎examples/data-source/async-data-import.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'AsyncDataImport',

‎examples/data-source/dynamic-data-import.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'DynamicDataImport',

‎examples/data-source/from-html-table.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'FromHtmlTable',

‎examples/data-source/import-server-side-data.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ImportServerSideData',

‎examples/data-source/json.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Json',

‎examples/data-source/xml.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'Json',

‎examples/server-side/custom-http-client.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'CustomHttpClient',

‎examples/server-side/import-server-side-data.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ImportServerSideData',

‎examples/server-side/server-side-pagination.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ServerSidePagination',

‎examples/server-side/server-side-search.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ServerSideSearch',

‎examples/server-side/server-side-sorting.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Grid } from '../../dist/index.esm.js'
1+
import { Grid } from '../../dist/main.esm.js'
22

33
export default {
44
name: 'ServerSideSorting',

‎examples/styling.html

+7
Original file line numberDiff line numberDiff line change
@@ -40,5 +40,12 @@ <h2>CSS-in-JS</h2>
4040
`
4141
})
4242
</script>
43+
44+
<style>
45+
.gridjs-td.my-custom-td-class {
46+
background-color: blue !important;
47+
color: white !important;
48+
}
49+
</style>
4350
</body>
4451
</html>

0 commit comments

Comments
 (0)