@@ -49,12 +49,12 @@
+
diff --git a/packages/vue-generator/test/testcases/sfc/accessor/schema.json b/packages/vue-generator/test/testcases/sfc/accessor/schema.json
new file mode 100644
index 0000000000..27a6c664dd
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/accessor/schema.json
@@ -0,0 +1,101 @@
+{
+ "componentName": "Page",
+ "fileName": "Accessor",
+ "css": "",
+ "props": {},
+ "children": [
+ {
+ "componentName": "Text",
+ "props": {
+ "className": "page-header",
+ "text": "测试 state accessor 出码场景"
+ }
+ }
+ ],
+ "state": {
+ "firstName": "Opentiny",
+ "lastName": "TinyEngine",
+ "nullValue": {
+ "defaultValue": null,
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.nullValue = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "numberValue": {
+ "defaultValue": 0,
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.numberValue = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "emptyStr": {
+ "defaultValue": "",
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.emptyStr = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "strVal": {
+ "defaultValue": "i am str.",
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.strVal = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "trueVal": {
+ "defaultValue": true,
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.trueVal = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "falseVal": {
+ "defaultValue": false,
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.falseVal = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "arrVal": {
+ "defaultValue": [1, "2", { "aaa": "aaa" }, [3, 4], true, false],
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.arrVal = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ },
+ "objVal": {
+ "defaultValue": {
+ "aaa": "aaa",
+ "arr": [1, "2", true, false, 0],
+ "ccc": { "bbb": "bbb" },
+ "d": 32432,
+ "e": "",
+ "f": null,
+ "g": false
+ },
+ "accessor": {
+ "getter": {
+ "type": "JSFunction",
+ "value": "function() { this.state.objVal = `${this.state.firstName} ${this.state.lastName}` }"
+ }
+ }
+ }
+ },
+ "lifeCycles": {},
+ "methods": {}
+}
diff --git a/packages/vue-generator/test/testcases/sfc/slotParams/block.schema.json b/packages/vue-generator/test/testcases/sfc/slotParams/block.schema.json
new file mode 100644
index 0000000000..df79707482
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/slotParams/block.schema.json
@@ -0,0 +1,47 @@
+{
+ "state": {
+ "personData": {
+ "name": "李华",
+ "age": "20",
+ "address": "china"
+ }
+ },
+ "methods": {},
+ "componentName": "Block",
+ "css": "",
+ "props": {},
+ "lifeCycles": {},
+ "children": [
+ {
+ "componentName": "Text",
+ "id": "52535213",
+ "props": {
+ "text": "请开启插槽"
+ }
+ },
+ {
+ "id": "42562b66",
+ "componentName": "div",
+ "props": {},
+ "children": [
+ {
+ "componentName": "Slot",
+ "id": "6153675d",
+ "props": {
+ "name": "test",
+ "params": [
+ {
+ "name": "testData",
+ "value": {
+ "type": "JSExpression",
+ "value": "this.state.personData"
+ }
+ }
+ ]
+ }
+ }
+ ]
+ }
+ ],
+ "fileName": "BlockSlotParams"
+}
diff --git a/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsBlock.vue b/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsBlock.vue
new file mode 100644
index 0000000000..d86979f72f
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsBlock.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
diff --git a/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsPage.vue b/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsPage.vue
new file mode 100644
index 0000000000..bfa219de2d
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/slotParams/expected/slotParamsPage.vue
@@ -0,0 +1,27 @@
+
+
+
+
+ {{ testData.name }}
+
+
+
+
+
diff --git a/packages/vue-generator/test/testcases/sfc/slotParams/page.schema.json b/packages/vue-generator/test/testcases/sfc/slotParams/page.schema.json
new file mode 100644
index 0000000000..316f5d6f14
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/slotParams/page.schema.json
@@ -0,0 +1,41 @@
+{
+ "state": {},
+ "methods": {},
+ "componentName": "Page",
+ "css": "",
+ "props": {},
+ "lifeCycles": {},
+ "children": [
+ {
+ "componentName": "BlockSlotParams",
+ "props": {},
+ "id": "63623253",
+ "componentType": "Block",
+ "children": [
+ {
+ "id": "54396632",
+ "componentName": "Template",
+ "props": {
+ "slot": {
+ "name": "test",
+ "params": ["testData"]
+ }
+ },
+ "children": [
+ {
+ "id": "5242615f",
+ "componentName": "Text",
+ "props": {
+ "text": {
+ "type": "JSExpression",
+ "value": "testData.name"
+ }
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ],
+ "fileName": "slotParamsTest"
+}
diff --git a/packages/vue-generator/test/testcases/sfc/slotParams/slotParams.test.js b/packages/vue-generator/test/testcases/sfc/slotParams/slotParams.test.js
new file mode 100644
index 0000000000..9d7efa124a
--- /dev/null
+++ b/packages/vue-generator/test/testcases/sfc/slotParams/slotParams.test.js
@@ -0,0 +1,19 @@
+import { expect, test } from 'vitest'
+import { genSFCWithDefaultPlugin } from '@/generator/vue/sfc'
+import blockSchema from './block.schema.json'
+import pageSchema from './page.schema.json'
+import { formatCode } from '@/utils/formatCode'
+
+test('should generate slot and pass testData params', async () => {
+ const res = genSFCWithDefaultPlugin(blockSchema, [])
+ const formattedCode = formatCode(res, 'vue')
+
+ await expect(formattedCode).toMatchFileSnapshot('./expected/slotParamsBlock.vue')
+})
+
+test('should generate slot params', async () => {
+ const res = genSFCWithDefaultPlugin(pageSchema, [])
+ const formattedCode = formatCode(res, 'vue')
+
+ await expect(formattedCode).toMatchFileSnapshot('./expected/slotParamsPage.vue')
+})
diff --git a/packages/webcomponent/package.json b/packages/webcomponent/package.json
index feb146b7bb..2e25249ae7 100644
--- a/packages/webcomponent/package.json
+++ b/packages/webcomponent/package.json
@@ -1,6 +1,6 @@
{
"name": "@opentiny/tiny-engine-webcomponent-core",
- "version": "2.0.0-rc.4",
+ "version": "2.1.0",
"publishConfig": {
"access": "public"
},