diff --git a/.gitignore b/.gitignore
index cb0bb47b..f3005e4b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ node_modules
.vscode
*.log
.DS_Store
+.history
package-lock.json
packages/varlet-vue2-cli/lib/commands
diff --git a/packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx b/packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx
index 14f03922..84197cbb 100644
--- a/packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx
+++ b/packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx
@@ -33,7 +33,7 @@ export default defineComponent({
},
transfer() {
- const container = this.disabled ? this.$refs.teleport : document.querySelector(this.to)
+ const container = this.disabled ? this.$refs.teleport : (typeof this.to === 'string'? document.querySelector(this.to): this.to)
const parentNode = this.el.parentNode
if (parentNode === container) {
diff --git a/packages/varlet-vue2-cli/site/components/teleport/props.ts b/packages/varlet-vue2-cli/site/components/teleport/props.ts
index 223b7c3a..5ae710b0 100644
--- a/packages/varlet-vue2-cli/site/components/teleport/props.ts
+++ b/packages/varlet-vue2-cli/site/components/teleport/props.ts
@@ -1,6 +1,5 @@
export const props = {
to: {
- type: String,
required: true,
},
disabled: {
diff --git a/packages/varlet-vue2-cli/site/index.html b/packages/varlet-vue2-cli/site/index.html
index 8f3a609c..aea64950 100644
--- a/packages/varlet-vue2-cli/site/index.html
+++ b/packages/varlet-vue2-cli/site/index.html
@@ -20,6 +20,14 @@
font-style: normal;
font-display: swap;
}
+ body {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0px;
+ font-family: 'Roboto', sans-serif;
+ background: var(--site-config-color-body);
+ color: var(--site-config-color-text);
+ }
-
-
diff --git a/packages/varlet-vue2-cli/site/pc/Layout.vue b/packages/varlet-vue2-cli/site/pc/Layout.vue
new file mode 100644
index 00000000..da8d3601
--- /dev/null
+++ b/packages/varlet-vue2-cli/site/pc/Layout.vue
@@ -0,0 +1,381 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/varlet-vue2-cli/site/pc/components/AnimationBox.vue b/packages/varlet-vue2-cli/site/pc/components/AnimationBox.vue
new file mode 100644
index 00000000..24888962
--- /dev/null
+++ b/packages/varlet-vue2-cli/site/pc/components/AnimationBox.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
diff --git a/packages/varlet-vue2-cli/site/pc/components/AppHeader.vue b/packages/varlet-vue2-cli/site/pc/components/AppHeader.vue
index 7aca544e..7455f292 100644
--- a/packages/varlet-vue2-cli/site/pc/components/AppHeader.vue
+++ b/packages/varlet-vue2-cli/site/pc/components/AppHeader.vue
@@ -1,7 +1,7 @@