aboutsummaryrefslogtreecommitdiff
path: root/src/components/checkbox/checkbox.js
diff options
context:
space:
mode:
authortaehoon <th.dev91@gmail.com>2019-04-06 15:35:23 -0400
committertaehoon <th.dev91@gmail.com>2019-05-03 11:40:06 -0400
commitddc7c870f401a1cb7e59cd5144b6acff65a01e7e (patch)
treef469ef9760d48aaee12a2a2d9bba77c1b06031b2 /src/components/checkbox/checkbox.js
parent58a420f2b3935bffe950497672f60c19f86bd2ed (diff)
rewrite checkbox component
Diffstat (limited to 'src/components/checkbox/checkbox.js')
-rw-r--r--src/components/checkbox/checkbox.js44
1 files changed, 0 insertions, 44 deletions
diff --git a/src/components/checkbox/checkbox.js b/src/components/checkbox/checkbox.js
deleted file mode 100644
index 76e7e4f4..00000000
--- a/src/components/checkbox/checkbox.js
+++ /dev/null
@@ -1,44 +0,0 @@
-// TODO: Template-based functional component is supported in vue-loader 13.3.0+.
-// Also, somehow, props are not provided through 'context' even though they are defined.
-// Need to upgrade vue-loader
-
-import './checkbox.scss'
-
-export default {
- functional: true,
- name: 'Checkbox',
- model: {
- prop: 'checked',
- event: 'change'
- },
- render (createElement, { data, children }) {
- const { props = {}, attrs = {}, on = {}, ...rest } = data
- const { name, checked, disabled, readonly, ...restAttrs } = attrs
- const { change, ...restListeners } = on
- const wrapperProps = {
- attrs: restAttrs,
- on: restListeners,
- ...rest
- }
- const inputProps = {
- attrs: {
- name,
- checked,
- disabled,
- readonly,
- ...props
- },
- on: {}
- }
- if (change) {
- inputProps.on.change = e => change(e.target.checked)
- }
- return (
- <label class="checkbox" {...wrapperProps}>
- <input type="checkbox" {...inputProps} />
- <i class="checkbox-indicator" />
- {children && <span>{children}</span>}
- </label>
- )
- }
-}