Merge pull request #3 from peakchen90/dev

Dev

Author: peakchen90

.eslintignore

@@ -1,5 +1,5 @@
 node_modules
 test/coverage
 test/unit/fixtures
-lib
+runtime
 *.d.ts

.travis.yml

@@ -1,16 +1,42 @@
 language: node_js
 
+os:
+  - linux
+
 node_js:
-  - "8.6.0"
+  - "11"
+  - "12"
+  - "13"
 
 install:
   - npm install
   - npm run test:install
   - npm install -g codecov
 
-script:
-  - npm run test
-  - codecov
+stages:
+  - test
+  - name: deploy
+    if: branch = master
+
+jobs:
+  include:
+    - stage: test
+      name: "Run test scripts"
+      node_js: "8.6.0"
+      script:
+        - npm run test
+        - codecov
+
+    - stage: deploy
+      name: "Release npm package"
+      node_js: "8.6.0"
+      script: echo "Deploying to npm ..."
+      deploy:
+        provider: npm
+        email: [email protected]
+        api_key: "$NPM_TOKEN"
+        on:
+          branch: master
 
 notifications:
   email: false

lib/runtime.js

@@ -41,20 +41,24 @@
     "babel-plugin",
     "react-directive",
     "jsx-directive",
+    "jsx-plus",
     "directive",
     "react",
     "vue",
     "x-if",
-    "v-if"
+    "x-for",
+    "v-if",
+    "v-for"
   ],
   "engines": {
     "node": ">=8.6.0"
   },
   "dependencies": {
     "@babel/code-frame": "^7.5.5",
     "@babel/generator": "^7.6.4",
-    "@babel/template": "^7.6.0",
     "@babel/types": "^7.6.1",
+    "ajv": "^6.10.2",
+    "ajv-errors": "^1.0.1",
     "chalk": "^2.4.2",
     "semver": "^6.3.0"
   },

package-lock.json

@@ -0,0 +1,37 @@
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+var hasOwn = {}.hasOwnProperty;
+
+function classNames () {
+  var classes = [];
+
+  for (var i = 0; i < arguments.length; i++) {
+    var arg = arguments[i];
+    if (!arg) continue;
+
+    var argType = typeof arg;
+
+    if (argType === 'string' || argType === 'number') {
+      classes.push(arg);
+    } else if (Array.isArray(arg) && arg.length) {
+      var inner = classNames.apply(null, arg);
+      if (inner) {
+        classes.push(inner);
+      }
+    } else if (argType === 'object') {
+      for (var key in arg) {
+        if (hasOwn.call(arg, key) && arg[key]) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+
+  return classes.join(' ');
+}
+
+module.exports = classNames;

package.json

@@ -0,0 +1,11 @@
+var mergeProps = require('./merge-props.js');
+
+function invokeOnchange(args, items) {
+  var onChange = mergeProps('onChange', items);
+
+  if (typeof onChange === 'function') {
+    onChange.apply(this, args);
+  }
+}
+
+module.exports = invokeOnchange;

runtime/classnames.js

@@ -0,0 +1,12 @@
+function mergeProps(prop, items) {
+  var result;
+  for (var i = 0; i < items.length; i++) {
+    var item = items[i];
+    if (item && typeof item === 'object' && (prop in item)) {
+      result = item[prop];
+    }
+  }
+  return result;
+}
+
+module.exports = mergeProps;

runtime/invoke-onchange.js

@@ -0,0 +1,7 @@
+function resolveValue(args) {
+  return args[0] && args[0].target && typeof args[0].target === 'object'
+    ? args[0].target.value
+    : args[0];
+}
+
+module.exports = resolveValue;

runtime/merge-props.js

@@ -0,0 +1,84 @@
+const t = require('@babel/types');
+const { DIRECTIVES } = require('../shared');
+const attrUtil = require('../utils/attribute');
+const elemUtil = require('../utils/element');
+const builder = require('../utils/builder');
+const { codeFrameWarn } = require('../utils/util');
+
+/**
+ * 转换className
+ * @param path
+ */
+function transformClass(path) {
+  const attrPath = elemUtil(path).findAttrPath(DIRECTIVES.CLASS);
+  if (!attrPath) {
+    return;
+  }
+
+  const bindingValue = attrUtil(attrPath).valueExpr();
+
+  /* istanbul ignore next: print warn info */
+  if (!bindingValue) {
+    codeFrameWarn(
+      attrPath,
+      `\`${DIRECTIVES.CLASS}\` used on element <${elemUtil(path).name()}> without binding value`
+    );
+    attrPath.remove();
+    return;
+  }
+
+  // 设置 `className` prop
+  elemUtil(path).mergeProps({
+    prop: 'className',
+
+    directivePath: attrPath,
+
+    find(attr, setValue) {
+      const attrName = attrUtil(attr).name();
+      const valueExpr = attrUtil(attr).valueExpr();
+
+      if (attrName === 'className') {
+        setValue(t.objectExpression([
+          t.objectProperty(
+            t.identifier('className'),
+            valueExpr
+          )
+        ]));
+
+        return true;
+      }
+
+      return false;
+    },
+
+    getResult(mergeItems) {
+      if (mergeItems.length > 0) {
+        return builder.buildCallRuntimeExpression(
+          'classnames.js',
+          [
+            t.arrayExpression([
+              mergeItems.length > 0 && builder.buildCallRuntimeExpression(
+                'merge-props.js',
+                [
+                  t.stringLiteral('className'),
+                  t.arrayExpression(mergeItems)
+                ],
+                t.thisExpression()
+              ),
+              bindingValue
+            ].filter(Boolean))
+          ]
+        );
+      }
+
+      return builder.buildCallRuntimeExpression(
+        'classnames.js',
+        [bindingValue]
+      );
+    },
+  });
+
+  attrPath.remove();
+}
+
+module.exports = transformClass;