more size tweaks

Author: yyx990803

src/app.ts

@@ -4,7 +4,7 @@ import { Directive } from './directives'
 import { createContext } from './walk'
 import { toDisplayString } from './directives/text'
 
-export function createApp(initialData?: any) {
+export const createApp = (initialData?: any) => {
   // root context
   const ctx = createContext()
   if (initialData) {

src/directives/bind.ts

@@ -45,12 +45,12 @@ export const bind: Directive<Element & { _class?: string }> = ({
   })
 }
 
-function setProp(
+const setProp = (
   el: Element & { _class?: string },
   key: string,
   value: any,
   prevValue?: any
-) {
+) => {
   if (key === 'class') {
     el.setAttribute(
       'class',
@@ -101,11 +101,11 @@ function setProp(
 
 const importantRE = /\s*!important$/
 
-function setStyle(
+const setStyle = (
   style: CSSStyleDeclaration,
   name: string,
   val: string | string[]
-) {
+) => {
   if (isArray(val)) {
     val.forEach((v) => setStyle(style, name, v))
   } else {

src/directives/for.ts

@@ -2,7 +2,7 @@ import { isArray, isObject } from '@vue/shared'
 import { Block } from '../block'
 import { evaluate } from '../eval'
 import { Context } from '../walk'
-import { createScopedContext } from './data'
+import { createScopedContext } from './scope'
 
 const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/
 const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/
@@ -58,15 +58,17 @@ export const _for = (el: Element, exp: string, ctx: Context) => {
   let scopes: ChildScope[]
   let keyToIndexMap: Map<any, number>
 
-  function createChildScopes(source: unknown): [ChildScope[], KeyToIndexMap] {
+  const createChildScopes = (
+    source: unknown
+  ): [ChildScope[], KeyToIndexMap] => {
     const map: KeyToIndexMap = new Map()
     const scopes: ChildScope[] = []
 
-    function createScope(
+    const createScope = (
       value: any,
       index: number,
       objKey?: string
-    ): ChildScope {
+    ): ChildScope => {
       // TODO destructure
       const data = { [valueExp]: value }
       if (objKey) {
@@ -102,7 +104,7 @@ export const _for = (el: Element, exp: string, ctx: Context) => {
     return [scopes, map]
   }
 
-  function mountBlock({ ctx, key }: ChildScope, ref: Node) {
+  const mountBlock = ({ ctx, key }: ChildScope, ref: Node) => {
     const block = new Block(el, ctx)
     block.key = key
     block.insert(parent, ref)

src/directives/if.ts

@@ -45,7 +45,7 @@ export const _if = (el: Element, exp: string, ctx: Context) => {
 
   let block: Block | undefined
 
-  function removeActiveBlock() {
+  const removeActiveBlock = () => {
     if (block) {
       parent.insertBefore(anchor, block.el)
       block.remove()

src/directives/data.ts renamed to src/directives/scope.ts

@@ -2,7 +2,7 @@ import { reactive } from '@vue/reactivity'
 import { isObject } from '@vue/shared'
 import { Context } from '../walk'
 
-export function createScopedContext(ctx: Context, data: object): Context {
+export const createScopedContext = (ctx: Context, data: object): Context => {
   if (isObject(data)) {
     const parentScope = ctx.scope
     const mergedScope = Object.assign(Object.create(parentScope), data)

src/eval.ts

@@ -1,6 +1,6 @@
 const evalCache: Record<string, Function> = Object.create(null)
 
-export function evaluate(scope: any, exp: string, el?: Node) {
+export const evaluate = (scope: any, exp: string, el?: Node) => {
   const fn = evalCache[exp] || (evalCache[exp] = toFunction(exp))
   try {
     return fn(scope, el)
@@ -9,7 +9,7 @@ export function evaluate(scope: any, exp: string, el?: Node) {
   }
 }
 
-function toFunction(exp: string): Function {
+const toFunction = (exp: string): Function => {
   try {
     return new Function(`$data`, `$el`, `with ($data) { return (${exp}) }`)
   } catch (e) {

src/scheduler.ts

@@ -2,15 +2,15 @@ let queued = false
 const queue: Function[] = []
 const p = Promise.resolve()
 
-export function queueJob(job: Function) {
+export const queueJob = (job: Function) => {
   if (!queue.includes(job)) queue.push(job)
   if (!queued) {
     queued = true
     p.then(flushJobs)
   }
 }
 
-export function flushJobs() {
+const flushJobs = () => {
   for (let i = 0; i < queue.length; i++) {
     queue[i]()
   }

src/walk.ts

@@ -2,7 +2,7 @@ import { builtInDirectives, Directive } from './directives'
 import { _if } from './directives/if'
 import { _for } from './directives/for'
 import { bind } from './directives/bind'
-import { createScopedContext } from './directives/data'
+import { createScopedContext } from './directives/scope'
 import { on } from './directives/on'
 import { text } from './directives/text'
 import { evaluate } from './eval'
@@ -20,7 +20,7 @@ export interface Context {
   cleanups: (() => void)[]
 }
 
-export function createContext(parent?: Context): Context {
+export const createContext = (parent?: Context): Context => {
   const ctx: Context = {
     ...parent,
     scope: parent ? parent.scope : reactive({}),
@@ -43,7 +43,7 @@ const dirRE = /^(?:v-|:|@)/
 const modifierRE = /\.([\w-]+)/g
 const interpolationRE = /\{\{([^]+?)\}\}/g
 
-export function walk(node: Node, ctx: Context): ChildNode | null | void {
+export const walk = (node: Node, ctx: Context): ChildNode | null | void => {
   const type = node.nodeType
   if (type === 1) {
     // Element
@@ -114,7 +114,12 @@ export function walk(node: Node, ctx: Context): ChildNode | null | void {
   }
 }
 
-function processDirective(el: Element, raw: string, exp: string, ctx: Context) {
+const processDirective = (
+  el: Element,
+  raw: string,
+  exp: string,
+  ctx: Context
+) => {
   let dir: Directive
   let arg: string | undefined
   let modifiers: Record<string, true> | undefined
@@ -146,14 +151,14 @@ function processDirective(el: Element, raw: string, exp: string, ctx: Context) {
   }
 }
 
-function applyDirective(
+const applyDirective = (
   el: Node,
   dir: Directive<any>,
   exp: string,
   ctx: Context,
   arg?: string,
   modifiers?: Record<string, true>
-) {
+) => {
   const get = (e = exp) => evaluate(ctx.scope, e, el)
   const cleanup = dir({ el, get, effect: ctx.effect, ctx, exp, arg, modifiers })
   if (cleanup) {