{"_id":"@caikan/vue-3d-picker","_rev":"1-06fc07373141b2a4860f9441ba0f9b31","name":"@caikan/vue-3d-picker","description":"The picker component based on vue.js.","dist-tags":{"latest":"2.1.1"},"versions":{"2.1.1":{"name":"@caikan/vue-3d-picker","version":"2.1.1","description":"The picker component based on vue.js.","main":"src/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"raf.js":"^0.0.4","vue-touch":"next"},"repository":{"type":"git","url":"git+https://github.com/caikan/vue-picker.git"},"keywords":["vue","picker","vue-picker","vue-3d-picker"],"author":{"name":"谢成刚","email":"xiecg53@163.com"},"license":"ISC","bugs":{"url":"https://github.com/caikan/vue-picker/issues"},"homepage":"https://github.com/caikan/vue-picker#readme","gitHead":"2aa5847ec4a9a29a6d7723e0af24980ddccf1503","_id":"@caikan/vue-3d-picker@2.1.1","_npmVersion":"5.4.2","_nodeVersion":"8.0.0","_npmUser":{"name":"caikan","email":"caikanxp@gmail.com"},"dist":{"integrity":"sha512-XevqcoWABbeGNaVA3E5JAqvDuG+lc49JtwONEsVa9R5CN0oWmRjDeuduFYf9oDu89vUYqzRnJhQNq4u70v1Jtg==","shasum":"9bad0ad53757f8fa44270a5355ed8f7ef1f9f704","tarball":"https://registry.npmjs.org/@caikan/vue-3d-picker/-/vue-3d-picker-2.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGO1jC+++5XH8VXSF+6HbtCiFLPozM2MfBkGrlHFeeOkAiAzuDX7Fjsrgqv5Ne7BkbL/ZIH20C5LXmOrDes7eJI5jQ=="}]},"maintainers":[{"name":"caikan","email":"caikanxp@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-3d-picker-2.1.1.tgz_1508843106532_0.4935631277039647"}}},"readme":"[postcss-salad]: https://github.com/ElemeFE/postcss-salad\n[Picker]: https://xiecg.github.io/2016/10/23/vue-picker/\n[vue-picker]: https://xiecg.github.io/other/vue-picker/#/date\n\n# Overview\n\nThe picker component based on vue.js\n\n# DEMO\n\n[vue-picker]\n\n# Install\n\n```Bash\nnpm install vue-3d-picker --save\n```\n\n```JavaScript\nimport picker from 'vue-3d-picker';\n```\n\nRegister component:\n```JavaScript\nVue.component(picker.name, picker);\n```\n\n# Base Usage\n```HTML\n<picker v-model=\"visible\" :data-items=\"items\" @change=\"onValuesChange\">\n\t<div class=\"top-content\" slot=\"top-content\">Top of the content.</div>\n\t<div class=\"bottom-content\" slot=\"bottom-content\">Bottom of the content.</div>\n</picker>\n```\n\n```JavaScript\nexport default {\n  methods: {\n    onValuesChange(result1, result2, ... ) {\n      console.log(result1, result2)\n    }\n  },\n  data() {\n    return {\n      visible: true,\n      items: [\n        {\n          values: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007'],\n        }, {\n          values: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],\n        }\n      ]\n    }\n  }\n}\n```\n\n# Options\n\nPicker Options:\n\n| Option | Description |\n| ----- | ----- |\n| v-model | Boolean(default: false) Picker show and hide. |\n| :data-items | Array(default: []) The configuration on the items. |\n| @change | Function() Listening when data changes. |\n\n\nPicker Items Options:\n\n| Option | Description | Type | Default |\n| ----- | ----- | ----- | ----- |\n| index | item default index position. | Number | 0 | \n| values | values of this item. | Array | [] |\n| width | The width of the item. The unit is %.| String | 'flex' |\n| name | If values is an object. set the displayed key.| String | 'value' |\n| maxScrollValue | The maximum value for scrolling.| Number | values.length |\n\n# example\n\n```Bash\n\nnpm install\n\nnpm run dev\n\n```\n\n# prompt\n\nNeed [postcss-salad] support\n\n# 中文\n\n[Picker]\n","maintainers":[{"name":"caikan","email":"caikanxp@gmail.com"}],"time":{"modified":"2022-04-04T21:30:59.165Z","created":"2017-10-24T11:05:06.607Z","2.1.1":"2017-10-24T11:05:06.607Z"},"homepage":"https://github.com/caikan/vue-picker#readme","keywords":["vue","picker","vue-picker","vue-3d-picker"],"repository":{"type":"git","url":"git+https://github.com/caikan/vue-picker.git"},"author":{"name":"谢成刚","email":"xiecg53@163.com"},"bugs":{"url":"https://github.com/caikan/vue-picker/issues"},"license":"ISC","readmeFilename":"README.md"}