fix: unwrapRefProxy native objects handling

package.json

@@ -25,7 +25,7 @@
     "dist"
   ],
   "scripts": {
-    "start": "cross-env TARGET=es rollup -c -w",
+    "start": "concurrently \"tsc --emitDeclarationOnly -w\" \"cross-env TARGET=es rollup -c -w\"",
     "build": "rimraf dist typings && tsc --emitDeclarationOnly && rollup -c",
     "lint": "prettier --write --parser typescript \"{src,test,test-dts}/*.ts?(x)\" && prettier --write \"{src,test}/*.js\"",
     "test": "yarn test-dts && yarn test-unit",
@@ -47,6 +47,7 @@
     "@rollup/plugin-replace": "^2.3.2",
     "@types/jest": "^25.2.3",
     "@types/node": "^14.0.6",
+    "concurrently": "^5.2.0",
     "conventional-changelog-cli": "^2.0.31",
     "conventional-github-releaser": "^3.1.3",
     "cross-env": "^7.0.2",

rollup.config.js

@@ -87,7 +87,7 @@ function genConfig({ outFile, format, mode }) {
 let buildConfig
 
 if (process.env.TARGET) {
-  buildConfig = genConfig(builds[process.env.TARGET])
+  buildConfig = [genConfig(builds[process.env.TARGET])]
 } else {
   buildConfig = getAllBuilds()
 }

src/reactivity/unwrap.ts

@@ -1,29 +1,16 @@
 import { isRef } from './ref'
-import { proxy, isFunction, isObject, isArray } from '../utils'
+import { proxy, isFunction, isPlainObject, isArray } from '../utils'
 import { isReactive } from './reactive'
 
 export function unwrapRefProxy(value: any) {
-  if (isFunction(value)) {
-    return value
-  }
-
-  if (isRef(value)) {
-    return value
-  }
-
-  if (isArray(value)) {
-    return value
-  }
-
-  if (isReactive(value)) {
-    return value
-  }
-
-  if (!isObject(value)) {
-    return value
-  }
-
-  if (!Object.isExtensible(value)) {
+  if (
+    isFunction(value) ||
+    isRef(value) ||
+    isArray(value) ||
+    isReactive(value) ||
+    !isPlainObject(value) ||
+    !Object.isExtensible(value)
+  ) {
     return value
   }
 

test/setup.spec.js

@@ -568,6 +568,60 @@ describe('setup', () => {
     ).toMatchObject([{ value: 1 }])
   })
 
+  it('should not unwrap built-in objects on the template', () => {
+    const date = new Date('2020-01-01')
+    const regex = /a(b).*/
+    const dateString = date.toString()
+    const regexString = regex.toString()
+    const mathString = Math.toString()
+
+    const vm = new Vue({
+      setup() {
+        return {
+          raw_date: date,
+          nested_date: {
+            a: date,
+            b: date,
+          },
+          raw_regex: regex,
+          nested_regex: {
+            a: regex,
+            b: regex,
+          },
+          math: Math,
+        }
+      },
+      template: `<div>
+        <p id="raw_date">{{raw_date}}</p>
+        <p id="nested_date">{{nested_date}}</p>
+        <p id="raw_regex">{{raw_regex}}</p>
+        <p id="nested_regex_a">{{nested_regex.a}}</p>
+        <p id="nested_regex_b">{{nested_regex.b}}</p>
+        <p id="math">{{math}}</p>
+      </div>`,
+    }).$mount()
+
+    expect(vm.$el.querySelector('#raw_date').textContent).toBe(dateString)
+    expect(
+      JSON.parse(vm.$el.querySelector('#nested_date').textContent)
+    ).toMatchObject(
+      JSON.parse(
+        JSON.stringify({
+          a: date,
+          b: date,
+        })
+      )
+    )
+    expect(vm.$el.querySelector('#raw_regex').textContent).toBe(regexString)
+    expect(vm.$el.querySelector('#nested_regex_a').textContent).toBe(
+      regexString
+    )
+    expect(vm.$el.querySelector('#nested_regex_b').textContent).toBe(
+      regexString
+    )
+    expect(vm.$el.querySelector('#math').textContent).toBe(mathString)
+  })
+
   describe('Methods', () => {
     it('binds methods when calling with parenthesis', async () => {
       let context = null