aboutsummaryrefslogtreecommitdiff
path: root/node_modules/vue/src/platforms/web/compiler/directives
diff options
context:
space:
mode:
authorruki <waruqi@gmail.com>2018-11-08 00:38:48 +0800
committerruki <waruqi@gmail.com>2018-11-07 21:53:09 +0800
commit26105034da4fcce7ac883c899d781f016559310d (patch)
treec459a5dc4e3aa0972d9919033ece511ce76dd129 /node_modules/vue/src/platforms/web/compiler/directives
parent2c77f00f1a7ecb6c8192f9c16d3b2001b254a107 (diff)
downloadxmake-docs-26105034da4fcce7ac883c899d781f016559310d.tar.gz
xmake-docs-26105034da4fcce7ac883c899d781f016559310d.zip
switch to vuepress
Diffstat (limited to 'node_modules/vue/src/platforms/web/compiler/directives')
-rw-r--r--node_modules/vue/src/platforms/web/compiler/directives/html.js9
-rw-r--r--node_modules/vue/src/platforms/web/compiler/directives/index.js9
-rw-r--r--node_modules/vue/src/platforms/web/compiler/directives/model.js172
-rw-r--r--node_modules/vue/src/platforms/web/compiler/directives/text.js9
4 files changed, 199 insertions, 0 deletions
diff --git a/node_modules/vue/src/platforms/web/compiler/directives/html.js b/node_modules/vue/src/platforms/web/compiler/directives/html.js
new file mode 100644
index 00000000..58569d8e
--- /dev/null
+++ b/node_modules/vue/src/platforms/web/compiler/directives/html.js
@@ -0,0 +1,9 @@
+/* @flow */
+
+import { addProp } from 'compiler/helpers'
+
+export default function html (el: ASTElement, dir: ASTDirective) {
+ if (dir.value) {
+ addProp(el, 'innerHTML', `_s(${dir.value})`)
+ }
+}
diff --git a/node_modules/vue/src/platforms/web/compiler/directives/index.js b/node_modules/vue/src/platforms/web/compiler/directives/index.js
new file mode 100644
index 00000000..0955b51e
--- /dev/null
+++ b/node_modules/vue/src/platforms/web/compiler/directives/index.js
@@ -0,0 +1,9 @@
+import model from './model'
+import text from './text'
+import html from './html'
+
+export default {
+ model,
+ text,
+ html
+}
diff --git a/node_modules/vue/src/platforms/web/compiler/directives/model.js b/node_modules/vue/src/platforms/web/compiler/directives/model.js
new file mode 100644
index 00000000..126f0c7d
--- /dev/null
+++ b/node_modules/vue/src/platforms/web/compiler/directives/model.js
@@ -0,0 +1,172 @@
+/* @flow */
+
+import config from 'core/config'
+import { addHandler, addProp, getBindingAttr } from 'compiler/helpers'
+import { genComponentModel, genAssignmentCode } from 'compiler/directives/model'
+
+let warn
+
+// in some cases, the event used has to be determined at runtime
+// so we used some reserved tokens during compile.
+export const RANGE_TOKEN = '__r'
+export const CHECKBOX_RADIO_TOKEN = '__c'
+
+export default function model (
+ el: ASTElement,
+ dir: ASTDirective,
+ _warn: Function
+): ?boolean {
+ warn = _warn
+ const value = dir.value
+ const modifiers = dir.modifiers
+ const tag = el.tag
+ const type = el.attrsMap.type
+
+ if (process.env.NODE_ENV !== 'production') {
+ // inputs with type="file" are read only and setting the input's
+ // value will throw an error.
+ if (tag === 'input' && type === 'file') {
+ warn(
+ `<${el.tag} v-model="${value}" type="file">:\n` +
+ `File inputs are read only. Use a v-on:change listener instead.`
+ )
+ }
+ }
+
+ if (el.component) {
+ genComponentModel(el, value, modifiers)
+ // component v-model doesn't need extra runtime
+ return false
+ } else if (tag === 'select') {
+ genSelect(el, value, modifiers)
+ } else if (tag === 'input' && type === 'checkbox') {
+ genCheckboxModel(el, value, modifiers)
+ } else if (tag === 'input' && type === 'radio') {
+ genRadioModel(el, value, modifiers)
+ } else if (tag === 'input' || tag === 'textarea') {
+ genDefaultModel(el, value, modifiers)
+ } else if (!config.isReservedTag(tag)) {
+ genComponentModel(el, value, modifiers)
+ // component v-model doesn't need extra runtime
+ return false
+ } else if (process.env.NODE_ENV !== 'production') {
+ warn(
+ `<${el.tag} v-model="${value}">: ` +
+ `v-model is not supported on this element type. ` +
+ 'If you are working with contenteditable, it\'s recommended to ' +
+ 'wrap a library dedicated for that purpose inside a custom component.'
+ )
+ }
+
+ // ensure runtime directive metadata
+ return true
+}
+
+function genCheckboxModel (
+ el: ASTElement,
+ value: string,
+ modifiers: ?ASTModifiers
+) {
+ const number = modifiers && modifiers.number
+ const valueBinding = getBindingAttr(el, 'value') || 'null'
+ const trueValueBinding = getBindingAttr(el, 'true-value') || 'true'
+ const falseValueBinding = getBindingAttr(el, 'false-value') || 'false'
+ addProp(el, 'checked',
+ `Array.isArray(${value})` +
+ `?_i(${value},${valueBinding})>-1` + (
+ trueValueBinding === 'true'
+ ? `:(${value})`
+ : `:_q(${value},${trueValueBinding})`
+ )
+ )
+ addHandler(el, 'change',
+ `var $$a=${value},` +
+ '$$el=$event.target,' +
+ `$$c=$$el.checked?(${trueValueBinding}):(${falseValueBinding});` +
+ 'if(Array.isArray($$a)){' +
+ `var $$v=${number ? '_n(' + valueBinding + ')' : valueBinding},` +
+ '$$i=_i($$a,$$v);' +
+ `if($$el.checked){$$i<0&&(${genAssignmentCode(value, '$$a.concat([$$v])')})}` +
+ `else{$$i>-1&&(${genAssignmentCode(value, '$$a.slice(0,$$i).concat($$a.slice($$i+1))')})}` +
+ `}else{${genAssignmentCode(value, '$$c')}}`,
+ null, true
+ )
+}
+
+function genRadioModel (
+ el: ASTElement,
+ value: string,
+ modifiers: ?ASTModifiers
+) {
+ const number = modifiers && modifiers.number
+ let valueBinding = getBindingAttr(el, 'value') || 'null'
+ valueBinding = number ? `_n(${valueBinding})` : valueBinding
+ addProp(el, 'checked', `_q(${value},${valueBinding})`)
+ addHandler(el, 'change', genAssignmentCode(value, valueBinding), null, true)
+}
+
+function genSelect (
+ el: ASTElement,
+ value: string,
+ modifiers: ?ASTModifiers
+) {
+ const number = modifiers && modifiers.number
+ const selectedVal = `Array.prototype.filter` +
+ `.call($event.target.options,function(o){return o.selected})` +
+ `.map(function(o){var val = "_value" in o ? o._value : o.value;` +
+ `return ${number ? '_n(val)' : 'val'}})`
+
+ const assignment = '$event.target.multiple ? $$selectedVal : $$selectedVal[0]'
+ let code = `var $$selectedVal = ${selectedVal};`
+ code = `${code} ${genAssignmentCode(value, assignment)}`
+ addHandler(el, 'change', code, null, true)
+}
+
+function genDefaultModel (
+ el: ASTElement,
+ value: string,
+ modifiers: ?ASTModifiers
+): ?boolean {
+ const type = el.attrsMap.type
+
+ // warn if v-bind:value conflicts with v-model
+ // except for inputs with v-bind:type
+ if (process.env.NODE_ENV !== 'production') {
+ const value = el.attrsMap['v-bind:value'] || el.attrsMap[':value']
+ const typeBinding = el.attrsMap['v-bind:type'] || el.attrsMap[':type']
+ if (value && !typeBinding) {
+ const binding = el.attrsMap['v-bind:value'] ? 'v-bind:value' : ':value'
+ warn(
+ `${binding}="${value}" conflicts with v-model on the same element ` +
+ 'because the latter already expands to a value binding internally'
+ )
+ }
+ }
+
+ const { lazy, number, trim } = modifiers || {}
+ const needCompositionGuard = !lazy && type !== 'range'
+ const event = lazy
+ ? 'change'
+ : type === 'range'
+ ? RANGE_TOKEN
+ : 'input'
+
+ let valueExpression = '$event.target.value'
+ if (trim) {
+ valueExpression = `$event.target.value.trim()`
+ }
+ if (number) {
+ valueExpression = `_n(${valueExpression})`
+ }
+
+ let code = genAssignmentCode(value, valueExpression)
+ if (needCompositionGuard) {
+ code = `if($event.target.composing)return;${code}`
+ }
+
+ addProp(el, 'value', `(${value})`)
+ addHandler(el, event, code, null, true)
+ if (trim || number) {
+ addHandler(el, 'blur', '$forceUpdate()')
+ }
+}
diff --git a/node_modules/vue/src/platforms/web/compiler/directives/text.js b/node_modules/vue/src/platforms/web/compiler/directives/text.js
new file mode 100644
index 00000000..1af914f8
--- /dev/null
+++ b/node_modules/vue/src/platforms/web/compiler/directives/text.js
@@ -0,0 +1,9 @@
+/* @flow */
+
+import { addProp } from 'compiler/helpers'
+
+export default function text (el: ASTElement, dir: ASTDirective) {
+ if (dir.value) {
+ addProp(el, 'textContent', `_s(${dir.value})`)
+ }
+}