{"_id":"@171h/handsontable-vue3","name":"@171h/handsontable-vue3","dist-tags":{"latest":"12.3.4"},"versions":{"12.3.4":{"name":"@171h/handsontable-vue3","version":"12.3.4","description":"Best Data Grid for Vue with Spreadsheet Look and Feel.","author":{"name":"Handsoncode","email":"hello@handsoncode.net","url":"https://handsoncode.net"},"homepage":"https://handsontable.com","license":"SEE LICENSE IN LICENSE.txt","main":"./commonjs/vue-handsontable.js","module":"./es/vue-handsontable.mjs","jsdelivr":"./dist/vue-handsontable.min.js","unpkg":"./dist/vue-handsontable.min.js","types":"./index.d.ts","exports":{"./dist/vue-handsontable.js":"./dist/vue-handsontable.js","./dist/vue-handsontable.min.js":"./dist/vue-handsontable.min.js",".":{"import":"./es/vue-handsontable.mjs","require":"./commonjs/vue-handsontable.js"}},"keywords":["handsontable","component","data","table","grid","data table","data grid","spreadsheet","sheet","excel","vue","vue.js","vuejs","vue 3","vue component","vue grid","wrapper","enterprise","sort","formulas","filter","search","conditional formatting","csv"],"repository":{"type":"git","url":"git+https://github.com/handsontable/handsontable.git"},"bugs":{"url":"https://github.com/handsontable/handsontable/issues"},"peerDependencies":{"handsontable":">=12.0.0","vue":"next"},"devDependencies":{"@babel/cli":"^7.11.0","@babel/core":"^7.11.0","@babel/plugin-transform-runtime":"^7.11.0","@babel/polyfill":"^7.8.3","@babel/preset-env":"^7.11.0","@babel/preset-typescript":"^7.11.0","@babel/runtime":"^7.11.0","@typescript-eslint/eslint-plugin":"^5.4.0","@typescript-eslint/parser":"^5.4.0","@vue/compiler-sfc":"^3.2.12","@vue/eslint-config-typescript":"^9.0.1","@vue/test-utils":"2.0.0-rc.16","babel-core":"^7.0.0-bridge.0","cross-env":"^7.0.3","eslint-plugin-vue":"^8.0.3","handsontable":"^12.0.0","jest":"^26.6.3","rimraf":"^3.0.2","rollup-plugin-babel":"^4.3.2","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-json":"^4.0.0","rollup-plugin-node-resolve":"^5.0.2","rollup-plugin-replace":"^2.2.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.21.1","rollup-plugin-vue":"^6.0.0","rollup":"^2.0.0","ts-jest":"^26.5.6","typescript":"^4.0.0","vue-eslint-parser":"^8.0.1","vue":"^3.2.22","vue-jest":"5.0.0-alpha.10"},"scripts":{"lint":"eslint --ext .js,.ts,.vue src test","build":"npm run clean && npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:min","build:commonjs":"cross-env NODE_ENV=cjs rollup -c","build:umd":"cross-env NODE_ENV=umd rollup -c","build:es":"cross-env NODE_ENV=es rollup -c","build:min":"cross-env NODE_ENV=min rollup -c","build:esDts":"cross-env NODE_ENV=esDts rollup -c && rimraf ./buildTemp/","watch:commonjs":"cross-env NODE_ENV=cjs rollup -c --watch","watch:es":"cross-env NODE_ENV=es rollup -c --watch","watch:umd":"cross-env NODE_ENV=umd rollup -c --watch","clean":"rimraf ./es/ && rimraf ./commonjs/ && rimraf ./dist/ && rimraf ./*.d.ts","publish-package":"npm publish","test":"jest"},"gitHead":"8d3d78cb83b8ce95b068ee2506edcfb72ad58aba","_id":"@171h/handsontable-vue3@12.3.4","_nodeVersion":"16.19.0","_npmVersion":"9.6.6","dist":{"integrity":"sha512-Y3UzMPu8q+Vz/IDf9ObG7E/hC4SEDD+vqgPL2E42T5haXK/0oVODTf7kJrqDQ4EjFlRmeFIzyhz6og82tk+sfQ==","shasum":"831330e502942ad51f1aaf019492bda8d9ece70d","tarball":"https://registry.npmjs.org/@171h/handsontable-vue3/-/handsontable-vue3-12.3.4.tgz","fileCount":26,"unpackedSize":349849,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6etbehq0jqLNARFArspTSx90MtP3K8pN5WxOAB7ZsxAiAtOVpGxmcY5u5fne5/hwlIK88x5XLOxXEV4OvtRsG6rg=="}]},"_npmUser":{"name":"171h","email":"1091088708@qq.com"},"directories":{},"maintainers":[{"name":"171h","email":"1091088708@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/handsontable-vue3_12.3.4_1684829683909_0.45306861532244413"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-23T08:14:43.857Z","12.3.4":"2023-05-23T08:14:44.124Z","modified":"2023-05-23T08:14:44.332Z"},"maintainers":[{"name":"171h","email":"1091088708@qq.com"}],"description":"Best Data Grid for Vue with Spreadsheet Look and Feel.","homepage":"https://handsontable.com","keywords":["handsontable","component","data","table","grid","data table","data grid","spreadsheet","sheet","excel","vue","vue.js","vuejs","vue 3","vue component","vue grid","wrapper","enterprise","sort","formulas","filter","search","conditional formatting","csv"],"repository":{"type":"git","url":"git+https://github.com/handsontable/handsontable.git"},"author":{"name":"Handsoncode","email":"hello@handsoncode.net","url":"https://handsoncode.net"},"bugs":{"url":"https://github.com/handsontable/handsontable/issues"},"license":"SEE LICENSE IN LICENSE.txt","readme":"<div align=\"center\">\n\n<a href=\"https://handsontable.com\" rel=\"nofollow\"><img src=\"https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-logo-blue.svg\" alt=\"Handsontable - data grid for Vue 3\" width=\"300\"></a>\n\n# Data Grid for Vue 3<img src=\"https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/icons/vue-icon.svg\" width=\"22\" height=\"22\">\n\nHandsontable's wrapper for Vue 3 combines data grid features with spreadsheet-like UX. <br>\nIt provides data binding, data validation, filtering, sorting, and CRUD operations.\n\n[![npm](https://img.shields.io/npm/dt/@handsontable/vue3.svg)](https://npmjs.com/package/@handsontable/vue3)\n[![npm](https://img.shields.io/npm/dm/@handsontable/vue3.svg)](https://npmjs.com/package/@handsontable/vue3)\n[![CI status](https://github.com/handsontable/handsontable/actions/workflows/test.yml/badge.svg?branch=master)](https://github.com/handsontable/handsontable/actions/workflows/test.yml?query=branch%3Amaster)\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fhandsontable%2Fhandsontable?ref=badge_shield)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=handsontable_handsontable&metric=alert_status)](https://sonarcloud.io/dashboard?id=handsontable_handsontable)\n\n---\n\n<a href=\"https://handsontable.com/demo\"><img src=\"https://raw.githubusercontent.com/handsontable/handsontable/develop/resources/handsontable-github-preview.png\" alt=\"Handsontable data grid for Vue 3\" width=\"805\"/></a>\n\n</div>\n\n---\n## Special Version\nThis is a special version compared to  the official v12.3.3\n1. merge [Fix \"TypeError: Converting circular structure to JSON\" when passing hyperformulaInstance to hotSettings](https://github.com/handsontable/handsontable/pull/10186)\n\n## Features\n\nThe most popular features of Handsontable for Vue 3:\n\n&nbsp;&nbsp;✓&nbsp; Multiple column sorting <br>\n&nbsp;&nbsp;✓&nbsp; Non-contiguous selection <br>\n&nbsp;&nbsp;✓&nbsp; Filtering data <br>\n&nbsp;&nbsp;✓&nbsp; Export to file <br>\n&nbsp;&nbsp;✓&nbsp; Validating data <br>\n&nbsp;&nbsp;✓&nbsp; Conditional formatting <br>\n&nbsp;&nbsp;✓&nbsp; Merging cells <br>\n&nbsp;&nbsp;✓&nbsp; Freezing rows/columns <br>\n&nbsp;&nbsp;✓&nbsp; Moving rows/columns <br>\n&nbsp;&nbsp;✓&nbsp; Resizing rows/columns <br>\n&nbsp;&nbsp;✓&nbsp; Hiding rows/columns <br>\n&nbsp;&nbsp;✓&nbsp; Context menu <br>\n&nbsp;&nbsp;✓&nbsp; Comments <br>\n\n## Documentation\n\n- [Developer guides](https://handsontable.com/docs/vue3-installation/)\n- [API Reference](https://handsontable.com/docs/api/core/)\n- [Changelog](https://handsontable.com/docs/release-notes/)\n- [Demo](https://handsontable.com/demo)\n\n<div id=\"installation\"></div>\n\n## Get Started\n### Install with npm\n\nRun the following command in your terminal\n```\nnpm install handsontable @handsontable/vue3\n```\n\nYou can load it directly from [jsDelivr](https:jsdelivr.com/package/npm/@handsontable/vue3) as well.\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/@handsontable/vue3/dist/vue-handsontable.min.js\"></script>\n\n<link href=\"https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css\" rel=\"stylesheet\">\n```\n\nThe component will be available as `Handsontable.vue.HotTable`.\n\n### Usage\n\nUse this data grid as you would any other component in your application. [Options](https://handsontable.com/docs/api/options/) can be set as `HotTable` props.\n\n**Styles**\n```css\n@import '~handsontable/dist/handsontable.full.css';\n```\n\n**Vue 3 Component**\n```vue\n<template>\n  <hot-table :data=\"data\" :rowHeaders=\"true\" :colHeaders=\"true\"></hot-table>\n</template>\n\n<script>\n  import { defineComponent } from 'vue';\n  import { HotTable } from '@handsontable/vue3';\n  import { registerAllModules } from 'handsontable/registry';\n\n  // register Handsontable's modules\n  registerAllModules();\n\n  export default defineComponent({\n    data() {\n      return {\n        data: [\n          ['', 'Ford', 'Volvo', 'Toyota', 'Honda'],\n          ['2016', 10, 11, 12, 13],\n          ['2017', 20, 11, 14, 13],\n          ['2018', 30, 15, 12, 13]\n        ],\n      };\n    },\n    components: {\n      HotTable,\n    }\n  });\n</script>\n\n<style src=\"handsontable/dist/handsontable.full.css\"></style>\n```\n\n### [View live demo](https://handsontable.com/docs/vue3-simple-example/)\n\n## Support\n\nWe provide support for developers working with commercial version via [contact form](https://handsontable.com/contact?category=technical_support)</a> or at support@handsontable.com.\n\nIf you use a non-commercial version then please ask your tagged question on [StackOverflow](https://stackoverflow.com/questions/tagged/handsontable).\n\n## License\n\nHandsontable is a commercial software with two licenses available:\n\n- Free for non-commercial purposes such as teaching, academic research, and evaluation. [Read it here](https://github.com/handsontable/handsontable/blob/master/handsontable-non-commercial-license.pdf).\n- Commercial license with support and maintenance included. See [pricing plans](https://handsontable.com/pricing).\n\n## License key\n\nIf you use Handsontable for Vue 3 in a project that supports your commercial activity, then you must purchase the license key at [handsontable.com](https://handsontable.com/pricing).\n\nIf you use the free for non-commercial license of Handsontable, then pass the phrase `'non-commercial-and-evaluation'`, as described in [this documentation](https://handsontable.com/docs/license-key/).\n\n<br>\n<br>\n\nProudly created and maintained by the [Handsontable Team](https://handsontable.com/team).\n","readmeFilename":"README.md"}