perf: ⚡remove redundant props

2021-07-05 11:51:03 +08:00 · 2021-07-05 11:51:03 +08:00 · c99baf7132
parent f5339844c3
commit c99baf7132
27 changed files with 338 additions and 395 deletions
--- a/package.json
+++ b/package.json
@ -34,7 +34,7 @@
    "nprogress": "^1.0.0-1",
    "qrcode": "^1.4.4",
    "qs": "^6.10.1",
-    "vant": "^3.1.2",
+    "vant": "3.1.2",
    "vue": "3.1.4",
    "vue-router": "^4.0.10",
    "vuedraggable": "^4.0.3",
--- a/preview/views/comp-render.tsx
+++ b/preview/views/comp-render.tsx
@ -1,13 +1,14 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-05-04 05:36:58
- * @LastEditTime: 2021-06-25 08:47:18
+ * @LastEditTime: 2021-07-04 17:21:34
 * @LastEditors: 卜启缘
 * @Description:
 * @FilePath: \vite-vue3-lowcode\preview\views\comp-render.tsx
 */
 import { defineComponent, PropType } from 'vue'
 import type { VisualEditorBlockData, VisualEditorConfig } from '@/visual-editor/visual-editor.utils'
+import { visualConfig } from '@/visual.config'

 export default defineComponent({
  name: 'CompRender',
@ -15,15 +16,11 @@ export default defineComponent({
    element: {
      type: Object as PropType<VisualEditorBlockData>,
      default: () => ({})
-    },
-    config: {
-      type: Object as PropType<VisualEditorConfig>,
-      default: () => ({})
    }
  },
  setup(props) {
    return () =>
-      props.config.componentMap[props.element.componentKey].render({
+      visualConfig.componentMap[props.element.componentKey].render({
        size: {},
        props: props.element.props || {},
        model: {},
--- a/preview/views/preview.vue
+++ b/preview/views/preview.vue
@ -1,21 +1,21 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-01 09:45:21
- * @LastEditTime: 2021-07-04 08:59:57
+ * @LastEditTime: 2021-07-04 17:21:47
 * @LastEditors: 卜启缘
 * @Description:
 * @FilePath: \vite-vue3-lowcode\preview\views\preview.vue
 -->
 <template>
  <template v-for="outItem in blocks" :key="outItem._vid">
-    <slot-item :element="outItem" :models="models" :actions="actions" :config="visualConfig" />
+    <slot-item :element="outItem" :models="models" :actions="actions" />
  </template>
 </template>

 <script lang="ts">
 import { defineComponent, reactive, toRefs, onMounted } from 'vue'
 import { Toast } from 'vant'
-import { visualConfig } from '@/visual.config'
+
 import { CacheEnum } from '@/enums'
 import type { VisualEditorModelValue } from '@/visual-editor/visual-editor.utils'
 import SlotItem from './slot-item.vue'
@ -70,8 +70,7 @@ export default defineComponent({
    return {
      ...toRefs(state),
      actions: jsonData.actions,
-      models: jsonData.models,
-      visualConfig
+      models: jsonData.models
    }
  }
 })
--- a/preview/views/slot-item.vue
+++ b/preview/views/slot-item.vue
@ -1,17 +1,17 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-12 22:18:48
- * @LastEditTime: 2021-07-04 12:59:13
+ * @LastEditTime: 2021-07-05 10:18:22
 * @LastEditors: 卜启缘
 * @Description:
 * @FilePath: \vite-vue3-lowcode\preview\views\slot-item.vue
 -->
 <template>
  <div class="__slot-item">
-    <comp-render :element="element" :config="config" v-on="events">
+    <comp-render :element="element" v-on="events">
      <template v-for="(value, key) in element.props?.slots" :key="key" #[key]>
        <template v-for="item in value?.children" :key="item._vid">
-          <slot-item :element="item" :config="config" :models="models" :actions="actions" />
+          <slot-item :element="item" :models="models" :actions="actions" />
        </template>
      </template>
    </comp-render>
@ -46,10 +46,6 @@ export default defineComponent({
    models: {
      type: Object as PropType<VisualEditorModel[]>,
      default: () => ({})
-    },
-    config: {
-      type: Object,
-      default: () => ({})
    }
  },
  setup(props) {
@ -58,9 +54,10 @@ export default defineComponent({
      prev[curr.event] = async () => {
        for (const handle of curr.handle) {
          const [scopeType, actionType, handleKey] = handle.link
-          if (scopeType == 'global') {
+          if (scopeType === 'global') {
            const apis: FetchApiItem[] = props.actions[actionType].apis
            const { data, options } = apis.find((item) => item.key == handleKey)!
+            const pramsObj = {}
            await request({
              ...options,
              headers: {
@ -71,7 +68,7 @@ export default defineComponent({
                password: '123456'
              }
            })
-          } else if (scopeType == 'component') {
+          } else if (scopeType === 'component') {
          }
        }
      }
--- a/src/packages/base-widgets/datetimePicker/index.tsx
+++ b/src/packages/base-widgets/datetimePicker/index.tsx
@ -9,7 +9,7 @@ import {
  createEditorSelectProp,
  createEditorSwitchProp
 } from '@/visual-editor/visual-editor.props'
-import { reactive } from 'vue'
+import { getCurrentInstance, reactive } from 'vue'
 import { isDate } from '@/visual-editor/utils/is'
 import dayjs from 'dayjs'

@ -24,10 +24,13 @@ const dateType = {
 export default {
  key: 'datetimePicker',
  moduleName: 'baseWidgets',
-  label: '表单项类型 - 选择器',
+  label: '表单项类型 - 时间选择器',
  preview: () => <Field name="datetimePicker" label="时间选择器" placeholder={'点击选择'}></Field>,
  render: ({ size, block, props }) => {
    const { registerRef } = useGlobalProperties()
+
+    const { attrs } = getCurrentInstance()!
+
    const state = reactive({
      showPicker: false,
      text: '',
@ -63,10 +66,11 @@ export default {
              )
          }}
        />
-        <Popup v-model={[state.showPicker, 'show', ['modifier']]} position={'bottom'}>
+        <Popup v-model={[state.showPicker, 'show']} position={'bottom'}>
          <DatetimePicker
            ref={(el) => registerRef(el, block._vid)}
            {...props}
+            {...attrs}
            v-model={state.currentDate}
            onConfirm={onConfirm}
            onCancel={() => (state.showPicker = false)}
--- a/src/packages/base-widgets/picker/index.tsx
+++ b/src/packages/base-widgets/picker/index.tsx
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-01 09:45:21
- * @LastEditTime: 2021-07-04 16:58:50
+ * @LastEditTime: 2021-07-05 10:18:29
 * @LastEditors: 卜启缘
 * @Description: 表单项类型 - 选择器
 * @FilePath: \vite-vue3-lowcode\src\packages\base-widgets\picker\index.tsx
@ -15,7 +15,7 @@ import {
  createEditorInputProp,
  createEditorModelBindProp
 } from '@/visual-editor/visual-editor.props'
-import { reactive } from 'vue'
+import { reactive, getCurrentInstance } from 'vue'

 export default {
  key: 'picker',
@ -24,6 +24,9 @@ export default {
  preview: () => <Field name="picker" label="选择器" placeholder={'点击选择'}></Field>,
  render: ({ size, block, props }) => {
    const { registerRef } = useGlobalProperties()
+
+    const { attrs } = getCurrentInstance()!
+
    const state = reactive({
      showPicker: false,
      text: '',
@ -42,7 +45,6 @@ export default {
    const onConfirm = (value) => {
      props.modelValue = value.value
      state.text = value[props.valueKey || 'text']
-      state.showPicker = false
      console.log(props)
    }

@ -72,6 +74,7 @@ export default {
          <Picker
            ref={(el) => registerRef(el, block._vid)}
            {...props}
+            {...attrs}
            defaultIndex={state.defaultIndex}
            columnsFieldNames={customFieldName}
            onConfirm={onConfirm}
--- a/src/plugins/element-plus.ts
+++ b/src/plugins/element-plus.ts
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-04-22 02:10:31
- * @LastEditTime: 2021-06-27 14:58:03
+ * @LastEditTime: 2021-07-05 11:39:10
 * @LastEditors: 卜启缘
 * @Description: 按需导入element-plus
 * @FilePath: \vite-vue3-lowcode\src\plugins\element-plus.ts
@ -10,7 +10,15 @@ import 'element-plus/packages/theme-chalk/src/base.scss'
 // import 'element-plus/lib/theme-chalk/index.css'
 // import 'element-plus/lib/theme-chalk/el-popper.css'
 import type { App } from 'vue'
-import { ElInfiniteScroll } from 'element-plus'
+
+import { ElInfiniteScroll, locale } from 'element-plus'
+
+import lang from 'element-plus/lib/locale/lang/zh-cn'
+import 'dayjs/locale/zh-cn'
+
+// 设置语言
+import.meta.env.DEV ? locale(lang) : locale.use(lang)
+
 export const setupElementPlus = (app: App) => {
  app.use(ElInfiniteScroll)
 }
--- a/src/visual-editor/components/left-aside/components/base-widgets/index.tsx
+++ b/src/visual-editor/components/left-aside/components/base-widgets/index.tsx
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-01 13:22:14
- * @LastEditTime: 2021-06-23 11:40:10
+ * @LastEditTime: 2021-07-04 21:36:26
 * @LastEditors: 卜启缘
 * @Description: 基础组件
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\components\base-widgets\index.tsx
@ -15,6 +15,9 @@ import DraggableTransitionGroup from '@/visual-editor/components/simulator-edito

 export default defineComponent({
  name: 'BaseWidgets',
+  label: '基本组件',
+  order: 3,
+  icon: 'el-icon-edit',
  setup() {
    const baseWidgets = ref(visualConfig.componentModules.baseWidgets)

--- a/src/visual-editor/components/left-aside/components/container-component/index.tsx
+++ b/src/visual-editor/components/left-aside/components/container-component/index.tsx
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-01 13:22:14
- * @LastEditTime: 2021-06-25 09:10:19
+ * @LastEditTime: 2021-07-04 21:36:46
 * @LastEditors: 卜启缘
 * @Description:
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\components\container-component\index.tsx
@ -16,6 +16,9 @@ import type { VisualEditorComponent } from '@/visual-editor/visual-editor.utils'

 export default defineComponent({
  name: 'ContainerComponent',
+  label: '容器组件',
+  icon: 'el-icon-suitcase',
+  order: 4,
  setup() {
    const log = (evt) => {
      window.console.log(evt)
--- a/src/visual-editor/components/left-aside/components/custom-component/index.vue
+++ b/src/visual-editor/components/left-aside/components/custom-component/index.vue
@ -1,9 +1,12 @@
-<!--自定义组件-->
-<template>自定义组件</template>
+<!--业务组件-->
+<template>业务组件</template>

 <script>
 export default {
-  name: 'CustomComponent'
+  name: 'CustomComponent',
+  label: '业务组件',
+  order: 5,
+  icon: 'el-icon-upload'
 }
 </script>

--- a/src/visual-editor/components/left-aside/components/data-source/data-fetch.vue
+++ b/src/visual-editor/components/left-aside/components/data-source/data-fetch.vue
@ -1,7 +1,7 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-24 18:36:03
- * @LastEditTime: 2021-06-28 10:10:53
+ * @LastEditTime: 2021-07-04 19:48:28
 * @LastEditors: 卜启缘
 * @Description: 接口请求
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\components\data-source\data-fetch.vue
@ -12,14 +12,7 @@
    <el-button type="warning" size="small" @click="showImportSwaggerJsonModal"
      >导入swagger</el-button
    >
-    <el-popconfirm
-      confirm-button-text="确定"
-      cancel-button-text="取消"
-      icon="el-icon-info"
-      icon-color="red"
-      title="确定要删除全部接口吗？"
-      @confirm="updateFetchApi([], true)"
-    >
+    <el-popconfirm title="确定要删除全部接口吗？" @confirm="updateFetchApi([], true)">
      <template #reference>
        <el-button type="danger" size="small">清空</el-button>
      </template>
--- a/src/visual-editor/components/left-aside/components/data-source/data-model.vue
+++ b/src/visual-editor/components/left-aside/components/data-source/data-model.vue
@ -1,7 +1,7 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-24 18:36:03
- * @LastEditTime: 2021-06-27 14:48:53
+ * @LastEditTime: 2021-07-04 19:49:52
 * @LastEditors: 卜启缘
 * @Description: 数据模型管理
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\components\data-source\data-model.vue
@ -12,14 +12,7 @@
    <el-button type="warning" size="small" @click="showImportSwaggerJsonModal"
      >导入swagger</el-button
    >
-    <el-popconfirm
-      confirm-button-text="确定"
-      cancel-button-text="取消"
-      icon="el-icon-info"
-      icon-color="red"
-      title="确定要删除全部模型吗？"
-      @confirm="updateModel([], true)"
-    >
+    <el-popconfirm title="确定要删除全部模型吗？" @confirm="updateModel([], true)">
      <template #reference>
        <el-button type="danger" size="small">清空</el-button>
      </template>
@ -33,14 +26,7 @@
            <span class="truncate w-160px">{{ item.name }}</span>
            <div class="model-actions">
              <i class="el-icon-edit" @click="editModel(item)"></i>
-              <el-popconfirm
-                confirm-button-text="确定"
-                cancel-button-text="取消"
-                icon="el-icon-info"
-                icon-color="red"
-                title="确定要删除该模型吗？"
-                @confirm="deleteModel(item.key)"
-              >
+              <el-popconfirm title="确定要删除该模型吗？" @confirm="deleteModel(item.key)">
                <template #reference>
                  <i class="el-icon-delete"></i>
                </template>
--- a/src/visual-editor/components/left-aside/components/data-source/index.vue
+++ b/src/visual-editor/components/left-aside/components/data-source/index.vue
@ -1,7 +1,7 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-24 18:36:03
- * @LastEditTime: 2021-06-27 14:45:03
+ * @LastEditTime: 2021-07-04 21:36:14
 * @LastEditors: 卜启缘
 * @Description: 数据源管理
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\components\data-source\index.vue
@ -17,7 +17,14 @@
  </el-tabs>
 </template>

-<script setup lang="tsx">
+<script lang="tsx">
+export default {
+  label: '数据源',
+  order: 2,
+  icon: 'el-icon-data-board'
+}
+</script>
+<script setup lang="tsx" name="基本组件">
 import DataModel from './data-model.vue'
 import DataFetch from './data-fetch.vue'
 </script>
--- a/src/visual-editor/components/left-aside/components/page-tree/index.vue
+++ b/src/visual-editor/components/left-aside/components/page-tree/index.vue
@ -82,6 +82,9 @@ const rules = {

 export default defineComponent({
  name: 'PageTree',
+  label: '页面',
+  order: 1,
+  icon: 'el-icon-tickets',
  setup() {
    const router = useRouter()
    const route = useRoute()
--- a/src/visual-editor/components/left-aside/components/page-tree/treeData.ts
+++ b/src/visual-editor/components/left-aside/components/page-tree/treeData.ts
@ -1,7 +0,0 @@
-export const treeData = [
-  {
-    title: '首页',
-    path: '/',
-    isDefault: true
-  }
-]
--- a/src/visual-editor/components/left-aside/index.vue
+++ b/src/visual-editor/components/left-aside/index.vue
@ -1,42 +1,47 @@
 <!--
 * @Author: 卜启缘
 * @Date: 2021-06-24 00:35:17
- * @LastEditTime: 2021-06-27 14:44:35
+ * @LastEditTime: 2021-07-04 21:44:20
 * @LastEditors: 卜启缘
 * @Description: 左侧边栏
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\index.vue
 -->
 <template>
  <el-tabs v-model="activeName" tab-position="left" class="left-aside">
-    <template v-for="tabItem in tabs" :key="tabItem.componentName">
-      <el-tab-pane :name="tabItem.componentName" lazy>
+    <template v-for="tabItem in tabs" :key="tabItem.name">
+      <el-tab-pane :name="tabItem.name" lazy>
        <template #label>
-          <div :ref="(el) => el && (tabItemRef[tabItem.componentName] = el)" class="tab-item">
+          <div class="tab-item">
            <i :class="tabItem.icon"></i>
            {{ tabItem.label }}
          </div>
        </template>
-        <component :is="tabItem.componentName" v-bind="$attrs" />
+        <component :is="tabItem.name" v-bind="$attrs" />
      </el-tab-pane>
    </template>
  </el-tabs>
 </template>

 <script lang="ts">
-import { defineComponent, reactive, toRefs, ComponentInternalInstance } from 'vue'
-import { tabs } from './tabs'
-import components from './components'
-
 /**
 * @description 左侧边栏
 */
+import { defineComponent, reactive, toRefs } from 'vue'
+import components from './components'
+
+const tabs = Object.keys(components)
+  .map((name) => {
+    const { label, icon, order } = components[name]
+    return { label, icon, name, order }
+  })
+  .sort((a, b) => a.order - b.order)
+
 export default defineComponent({
  name: 'LeftAside',
  components,
  setup() {
    const state = reactive({
-      activeName: tabs[0].componentName,
-      tabItemRef: {} as { [prop: string]: ComponentInternalInstance | Element }
+      activeName: tabs[0].name
    })

    return {
--- a/src/visual-editor/components/left-aside/tabs.ts
+++ b/src/visual-editor/components/left-aside/tabs.ts
@ -1,35 +0,0 @@
-/*
- * @Author: 卜启缘
- * @Date: 2021-06-01 09:39:52
- * @LastEditTime: 2021-06-28 17:25:30
- * @LastEditors: 卜启缘
- * @Description:
- * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\left-aside\tabs.ts
- */
-export const tabs = [
-  {
-    icon: 'el-icon-tickets',
-    label: '页面',
-    componentName: 'PageTree'
-  },
-  {
-    icon: 'el-icon-data-board',
-    label: '数据源',
-    componentName: 'data-source'
-  },
-  {
-    icon: 'el-icon-edit',
-    label: '基础控件',
-    componentName: 'BaseWidgets'
-  },
-  {
-    icon: 'el-icon-suitcase',
-    label: '容器组件',
-    componentName: 'ContainerComponent'
-  },
-  {
-    icon: 'el-icon-upload',
-    label: '自定义组件',
-    componentName: 'custom-component'
-  }
-]
--- a/src/visual-editor/components/right-attribute-panel/components/event-action/index.tsx
+++ b/src/visual-editor/components/right-attribute-panel/components/event-action/index.tsx
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-24 11:01:45
- * @LastEditTime: 2021-06-28 18:49:18
+ * @LastEditTime: 2021-07-04 19:44:10
 * @LastEditors: 卜启缘
 * @Description: 事件-动作
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\right-attribute-panel\components\event-action\index.tsx
@ -19,9 +19,9 @@ import {
  ElCascader,
  ElCollapse,
  ElCollapseItem,
-  ElMessage
+  ElPopconfirm
 } from 'element-plus'
-import type { Action, ActionHandle } from '@/visual-editor/visual-editor.utils'
+import type { Action } from '@/visual-editor/visual-editor.utils'
 import { generateUUID } from '@/visual-editor/utils/'
 import { useModal } from '@/visual-editor/hooks/useModal'
 import { cloneDeep } from 'lodash'
@ -288,9 +288,18 @@ export const EventAction = defineComponent({
                <div class={'flex justify-between'}>
                  {actionItem.name}
                  <div>
-                    <ElButton onClick={() => deleteActionItem(index)} type={'danger'} size={'mini'}>
+                    <ElPopconfirm
+                      title={'确定要删除该事件吗？'}
+                      onConfirm={() => deleteActionItem(index)}
+                    >
+                      {{
+                        reference: () => (
+                          <ElButton type={'danger'} size={'mini'}>
                            删除
                          </ElButton>
+                        )
+                      }}
+                    </ElPopconfirm>
                    <ElButton
                      onClick={() => showEditActionModal(actionItem)}
                      type={'primary'}
--- a/src/visual-editor/components/right-attribute-panel/components/form-rule/index.tsx
+++ b/src/visual-editor/components/right-attribute-panel/components/form-rule/index.tsx
@ -0,0 +1,15 @@
+/*
+ * @Author: 卜启缘
+ * @Date: 2021-07-05 10:51:09
+ * @LastEditTime: 2021-07-05 10:52:26
+ * @LastEditors: 卜启缘
+ * @Description: 表单规则
+ * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\right-attribute-panel\components\form-rule\index.tsx
+ */
+import { defineComponent } from 'vue'
+
+export const FormRule = defineComponent({
+  setup() {
+    return () => <>表单规则</>
+  }
+})
--- a/src/visual-editor/components/right-attribute-panel/components/index.ts
+++ b/src/visual-editor/components/right-attribute-panel/components/index.ts
@ -1,7 +1,7 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-12 22:18:48
- * @LastEditTime: 2021-06-24 18:30:44
+ * @LastEditTime: 2021-07-05 10:53:16
 * @LastEditors: 卜启缘
 * @Description: 统一导出组件
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\right-attribute-panel\components\index.ts
@ -11,3 +11,4 @@ export { AttrEditor } from './attr-editor/AttrEditor'
 export { Animate } from './animate/Animate'
 export { PageSetting } from './page-setting/pageSetting'
 export { EventAction } from './event-action/'
+export { FormRule } from './form-rule/'
--- a/src/visual-editor/components/right-attribute-panel/index.tsx
+++ b/src/visual-editor/components/right-attribute-panel/index.tsx
@ -1,19 +1,18 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-06-01 13:22:14
- * @LastEditTime: 2021-06-28 09:25:06
+ * @LastEditTime: 2021-07-05 11:06:49
 * @LastEditors: 卜启缘
 * @Description: 属性编辑器
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\right-attribute-panel\index.tsx
 * RightAttributePanel
 */

-import { defineComponent, reactive } from 'vue'
+import { defineComponent, reactive, watch } from 'vue'
 import styles from './index.module.scss'
 import { ElTabPane, ElTabs } from 'element-plus'
-import MonacoEditor from '../common/monaco-editor/MonacoEditor'
 import { useVisualData } from '@/visual-editor/hooks/useVisualData'
-import { AttrEditor, Animate, PageSetting, EventAction } from './components'
+import { AttrEditor, Animate, PageSetting, EventAction, FormRule } from './components'

 export default defineComponent({
  name: 'RightAttributePanel',
@ -25,14 +24,14 @@ export default defineComponent({
      isOpen: true
    })

-    const handleSchemaChange = (val) => {
-      try {
-        const newObj = JSON.parse(val)
-        Object.assign(currentBlock.value, newObj)
-      } catch (e) {
-        console.log('JSON格式有误：', e)
+    watch(
+      () => currentBlock.value.label,
+      (newLabel) => {
+        if (!newLabel?.startsWith('表单') && state.activeName == 'form-rule') {
+          state.activeName = 'attr'
        }
      }
+    )

    return () => (
      <>
@ -56,15 +55,11 @@ export default defineComponent({
              <ElTabPane label="事件" name="events">
                <EventAction />
              </ElTabPane>
-              <ElTabPane label="JSON" name="json" lazy>
-                <MonacoEditor
-                  code={JSON.stringify(currentBlock.value)}
-                  layout={{ width: 360, height: 800 }}
-                  vid={state.activeName == 'json' ? currentBlock.value._vid : -1}
-                  onChange={handleSchemaChange}
-                  title=""
-                />
+              {currentBlock.value.label?.startsWith('表单') ? (
+                <ElTabPane label="规则" name="form-rule" lazy>
+                  <FormRule />
                </ElTabPane>
+              ) : null}
              <ElTabPane label="页面设置" name="page-setting">
                <PageSetting />
              </ElTabPane>
--- a/src/visual-editor/components/simulator-editor/comp-render.tsx
+++ b/src/visual-editor/components/simulator-editor/comp-render.tsx
@ -1,13 +1,14 @@
 /*
 * @Author: 卜启缘
 * @Date: 2021-05-04 05:36:58
- * @LastEditTime: 2021-06-25 08:52:37
+ * @LastEditTime: 2021-07-04 17:23:02
 * @LastEditors: 卜启缘
 * @Description:
 * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\simulator-editor\comp-render.tsx
 */
 import { defineComponent, PropType } from 'vue'
-import type { VisualEditorBlockData, VisualEditorConfig } from '@/visual-editor/visual-editor.utils'
+import type { VisualEditorBlockData } from '@/visual-editor/visual-editor.utils'
+import { visualConfig } from '@/visual.config'

 export default defineComponent({
  name: 'CompRender',
@ -15,15 +16,11 @@ export default defineComponent({
    element: {
      type: Object as PropType<VisualEditorBlockData>,
      default: () => ({})
-    },
-    config: {
-      type: Object as PropType<VisualEditorConfig>,
-      default: () => ({})
    }
  },
  setup(props) {
    return () =>
-      props.config.componentMap[props.element.componentKey].render({
+      visualConfig.componentMap[props.element.componentKey].render({
        size: {},
        props: props.element.props || {},
        model: {},
--- a/src/visual-editor/components/simulator-editor/func.scss
+++ b/src/visual-editor/components/simulator-editor/func.scss
@ -3,20 +3,70 @@
 */

@mixin showContainerBorder {
-  outline: 2px dashed #b0c1d7;
-  outline-offset: -2px;
+  @include showDashedOutline;

  &::before {
-    position: absolute;
+    @include showCompLabel;
+  }
+}
+
+/**
+* 显示组件边界
+*/
+@mixin showComponentBorder {
+  @include showSoliOutline;
+
+  &::before {
+    @include showCompLabel;
+  }
+}
+
+/**
+* 显示组件标签名称
+*/
+@mixin showCompLabel($direction: left) {
+  @if ($direction == 'left') {
    top: 0;
    left: -3px;
-    padding: 3px;
+    transform: translate(-100%, 0);
+  }
+
+  @if ($direction == 'right') {
+    top: 0;
+    right: -3px;
+    transform: translate(100%, 0);
+  }
+
+  @if ($direction == 'top') {
+    top: 2px;
+    left: 0;
+    transform: translate(0, -100%);
+  }
+
+  position: absolute;
+  padding: 3px 5px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  background-color: #006eff;
  border-radius: 3px;
  content: attr(data-label);
-    transform: translate(-100%, 0);
 }
+
+/**
+* 显示实心外边框线
+*/
+
+@mixin showSoliOutline($width: 2px) {
+  outline: $width solid #006eff;
+  outline-offset: -2px;
+}
+
+/**
+* 显示虚线外边框线
+*/
+
+@mixin showDashedOutline($width: 2px) {
+  outline: $width dashed #b0c1d7;
+  outline-offset: -2px;
 }
--- a/src/visual-editor/components/simulator-editor/simulator-editor.vue
+++ b/src/visual-editor/components/simulator-editor/simulator-editor.vue
@ -22,7 +22,6 @@
            >
              <comp-render
                :key="outElement._vid"
-                :config="visualConfig"
                :element="outElement"
                :style="{
                  pointerEvents: Object.keys(outElement.props?.slots || {}).length ? 'auto' : 'none'
@ -37,7 +36,6 @@
                    v-model:children="value.children"
                    v-model:drag="drag"
                    :slot-key="slotKey"
-                    :config="visualConfig"
                    :on-contextmenu-block="onContextmenuBlock"
                    :select-comp="selectComp"
                    :delete-comp="deleteComp"
@ -59,9 +57,11 @@ import DraggableTransitionGroup from './draggable-transition-group.vue'
 import { $$dropdown, DropdownOption } from '@/visual-editor/utils/dropdown-service'
 import CompRender from './comp-render'
 import SlotItem from './slot-item.vue'
+import MonacoEditor from '@/visual-editor/components/common/monaco-editor/MonacoEditor'
 import { cloneDeep } from 'lodash'
 import { useGlobalProperties } from '@/hooks/useGlobalProperties'
 import { useVisualData } from '@/visual-editor/hooks/useVisualData'
+import { useModal } from '@/visual-editor/hooks/useModal'

 export default defineComponent({
  name: 'SimulatorEditor',
@ -72,7 +72,7 @@ export default defineComponent({
  },
  emits: ['on-selected'],
  setup() {
-    const { currentPage, visualConfig, setCurrentBlock } = useVisualData()
+    const { currentPage, setCurrentBlock } = useVisualData()

    const { globalProperties } = useGlobalProperties()

@ -198,6 +198,27 @@ export default defineComponent({
                }
              }}
            />
+            <DropdownOption
+              label="查看节点"
+              icon="el-icon-view"
+              {...{
+                onClick: () =>
+                  useModal({
+                    title: '节点信息',
+                    footer: null,
+                    props: {
+                      width: 600
+                    },
+                    content: () => (
+                      <MonacoEditor
+                        code={JSON.stringify(block)}
+                        layout={{ width: 530, height: 600 }}
+                        vid={block._vid}
+                      />
+                    )
+                  })
+              }}
+            />
            <DropdownOption
              label="删除节点"
              icon="el-icon-delete"
@ -213,7 +234,6 @@ export default defineComponent({
    return {
      ...toRefs(state),
      currentPage,
-      visualConfig,
      pageStyle,
      deleteComp,
      selectComp,
@ -272,9 +292,7 @@ export default defineComponent({
  }

  &.focus {
-    content: '';
-    outline: 2px solid #006eff;
-    outline-offset: -2px;
+    @include showComponentBorder;
  }

  &.drag::after {
--- a/src/visual-editor/components/simulator-editor/slot-item.vue
+++ b/src/visual-editor/components/simulator-editor/slot-item.vue
@ -16,7 +16,6 @@
        @mousedown.stop="selectComp(innerElement)"
      >
        <comp-render
-          :config="config"
          :element="innerElement"
          :style="{
            pointerEvents: Object.keys(innerElement.props?.slots || {}).length ? 'auto' : 'none'
@ -27,7 +26,6 @@
              v-model:children="value.children"
              v-model:drag="isDrag"
              :slot-key="key"
-              :config="config"
              :on-contextmenu-block="onContextmenuBlock"
              :select-comp="selectComp"
            />
@ -57,10 +55,6 @@ export default defineComponent({
  components: { CompRender, DraggableTransitionGroup },
  props: {
    slotKey: String,
-    config: {
-      type: Object,
-      default: () => ({})
-    },
    drag: {
      type: Boolean,
      default: false
@ -89,6 +83,8 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
+@import './func.scss';
+
 .inner-draggable {
  position: relative;
 }
@ -120,27 +116,22 @@ export default defineComponent({
  transform: translate(0);

  &.focusWithChild {
-    outline: 2px dashed #b0c1d7;
-    outline-offset: -2px;
-  }
-
-  &.focusWithChild::before {
-    position: absolute;
-    top: 0;
-    left: -3px;
-    padding: 3px;
-    font-size: 12px;
-    font-weight: 700;
-    color: white;
-    background-color: #006eff;
-    border-radius: 3px;
-    content: attr(data-label);
-    transform: translate(-100%, 0);
+    @include showContainerBorder;
  }

  &.focus {
-    outline: 2px solid #006eff;
-    outline-offset: -2px;
+    @include showSoliOutline;
+
+    &::after {
+      @include showCompLabel(top);
+
+      opacity: 0;
+      transition: opacity 0.2s;
+    }
+
+    &:hover::after {
+      opacity: 1;
+    }
  }
 }
 </style>
--- a/vite.config.ts
+++ b/vite.config.ts
@ -89,6 +89,7 @@ export default ({ mode }: ConfigEnv): UserConfig => {
      exclude: ['vue-demi']
    },
    server: {
+      host: '0.0.0.0',
      port: 10086, // 设置服务启动端口号
      open: false, // 设置服务启动时是否自动打开浏览器
      cors: true, // 允许跨域
--- a/yarn.lock
+++ b/yarn.lock
@ -681,12 +681,7 @@
  resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.1.tgz#283f669ff76d7b8260df8ab7a4262cc83d988256"
  integrity sha512-fZQQafSREFyuZcdWFAExYjBiCL7AUCdgsk80iO0q4yihYYdcIiH28CcuPTGFgLOCC8RlW49GSQxdHwZP+I7CNg==

-"@types/node@*":
-  version "15.12.4"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-15.12.4.tgz#e1cf817d70a1e118e81922c4ff6683ce9d422e26"
-  integrity sha512-zrNj1+yqYF4WskCMOHwN+w9iuD12+dGm0rQ35HLl9/Ouuq52cEtd0CH9qMgrdNmi5ejC1/V7vKEXYubB+65DkA==
-
-"@types/node@^16.0.0":
+"@types/node@*", "@types/node@^16.0.0":
  version "16.0.0"
  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.0.0.tgz#067a6c49dc7a5c2412a505628e26902ae967bf6f"
  integrity sha512-TmCW5HoZ2o2/z2EYi109jLqIaPIi9y/lc2LmDCWzuCi35bcaQ+OtUh6nwBiFK7SOu25FAU5+YKdqFZUwtqGSdg==
@ -707,9 +702,9 @@
  integrity sha512-5eQEtSCoESnh2FsiLTxE121IiE60hnMqcb435fShf4bpLRjEu1Eoekht23y6zXS9Ts3l+Szu3TARnTsA0GkOkQ==

 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
-  integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ==
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.4.tgz#453e27c6930d66380b4c121e7d5e361c5c2d921b"
+  integrity sha512-zfyYsDTK1HTGYXU3fTiM76+om93HcFtsZd2M0bO/CL4DiETV7mSa/pIVN/6+G3esOqEMdg2An5cHHbK5t+9w+A==

 "@types/vfile-message@*":
  version "2.0.0"
@ -851,13 +846,13 @@
  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-1.2.4.tgz#a7aa6e6a31c556a8b781de730316deeecf7f56f2"
  integrity sha512-D/3H9plevPQGgQGwmV6eecvOnooLTecPR63HPffVVWPEhbfvmtYLWgznzs456NBb2DItiRTCIa1yWxvGqC+I8A==

-"@volar/code-gen@^0.25.22":
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.25.22.tgz#405035eb7e19573f630070677fa91553d79a47bc"
-  integrity sha512-CStz1TMxJtEQgXosaOLIVykxQBg5VFvxsvlcrCUum1ZCzpRsXPldS/3OdPOCgkdyE/i9kVzKOvt8DYChKTCPqw==
+"@volar/code-gen@^0.25.26":
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.25.26.tgz#44294b71451df317be29f26263c9aec6c6132101"
+  integrity sha512-PuUahRMRQForfBZpmlW/f/UdftTBIhGNpV81k9cQtM//nFOPN3Jvq4QUNLjFiO/D/o+0jNItSJKIadp6tkV0Ag==
  dependencies:
-    "@volar/shared" "^0.25.22"
-    "@volar/source-map" "^0.25.22"
+    "@volar/shared" "^0.25.26"
+    "@volar/source-map" "^0.25.26"

 "@volar/html2pug@^0.25.4":
  version "0.25.4"
@ -869,27 +864,27 @@
    htmlparser2 "^6.1.0"
    pug "^3.0.2"

-"@volar/shared@^0.25.22":
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/@volar/shared/-/shared-0.25.22.tgz#0dbf7fcf201b3a0beacc6fd82d407a748729a978"
-  integrity sha512-hZQ4dDy0/MgjVONFhs7P2ECDamajwmpSErFYLaLwFClh7DNn6gXYEsawr5kS5zHYs/HaSfSwNQ4sx5Y2MInCZw==
+"@volar/shared@^0.25.26":
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/@volar/shared/-/shared-0.25.26.tgz#90c8d4549f2512d24d800307dfe4951093148cb6"
+  integrity sha512-jdW2WFwhGoQNnxURMfHlYdXuMoR9TzgnYaG6J17yEqjkVsMbw6MfqLPXp9NOe+lpwi2UM9IMrdWgVpVkD7grjA==
  dependencies:
    upath "^2.0.1"
    vscode-languageserver "^7.1.0-next.4"

-"@volar/source-map@^0.25.22":
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.25.22.tgz#5150401e1950dd35fb11720f79e59799d3885741"
-  integrity sha512-J6xntLQ8I6BMqPBaQZN3JROJPfcFexo/5KecMxGqHkdLC/M/DtVOAp9zkwAXu7XuXA/nF6iGxmL3TYELFRryzw==
+"@volar/source-map@^0.25.26":
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.25.26.tgz#fdf47a407b7d3f7383ebc6ac87c70eafda1648c9"
+  integrity sha512-voPURNnlvbm7aFze0fXTO7GAbjZL0sBH/ioLZ3Wj+GZ9NoDL5vCC3jrddA3FcFHyHH1Yw9tXToPLb2Q11VkIag==
  dependencies:
-    "@volar/shared" "^0.25.22"
+    "@volar/shared" "^0.25.26"

-"@volar/transforms@^0.25.22":
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/@volar/transforms/-/transforms-0.25.22.tgz#7f4c10d63f221f3892e951c857bf828de139a29a"
-  integrity sha512-WcQU2MzAsVILITxbt3urNPUbPlOvsdGuChwCNc9OXV1OgBOTJtJ9sQV63pYr+tb7Yl3Ie2S8Q7lNMy8gS1jvLQ==
+"@volar/transforms@^0.25.26":
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/@volar/transforms/-/transforms-0.25.26.tgz#a23b31e6b06a2195bbaea82392c3b08da08a8ca5"
+  integrity sha512-3rzOabA96s+YmPUIWnRxIlyOqXRk2Pmlk8StMOKAB9o7QEt0jlVFW8jATEXrGJPcUrKyWo/cVXO06RlEETwB8w==
  dependencies:
-    "@volar/shared" "^0.25.22"
+    "@volar/shared" "^0.25.26"

 "@vue/babel-helper-vue-transform-on@^1.0.2":
  version "1.0.2"
@ -911,17 +906,6 @@
    html-tags "^3.1.0"
    svg-tags "^1.0.0"

-"@vue/compiler-core@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.1.2.tgz#31ab1d88e1706a5c7a545faeeb64c31bd0101db0"
-  integrity sha512-nHmq7vLjq/XM2IMbZUcKWoH5sPXa2uR/nIKZtjbK5F3TcbnYE/zKsrSUR9WZJ03unlwotNBX1OyxVt9HbWD7/Q==
-  dependencies:
-    "@babel/parser" "^7.12.0"
-    "@babel/types" "^7.12.0"
-    "@vue/shared" "3.1.2"
-    estree-walker "^2.0.1"
-    source-map "^0.6.1"
-
 "@vue/compiler-core@3.1.4":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.1.4.tgz#a3a74cf52e8f01af386d364ac8a099cbeb260424"
@ -933,15 +917,7 @@
    estree-walker "^2.0.1"
    source-map "^0.6.1"

-"@vue/compiler-dom@3.1.2", "@vue/compiler-dom@^3.0.11":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.1.2.tgz#75a7731bcc5d9718183a3c56c18e992f7c13e7b1"
-  integrity sha512-k2+SWcWH0jL6WQAX7Or2ONqu5MbtTgTO0dJrvebQYzgqaKMXNI90RNeWeCxS4BnNFMDONpHBeFgbwbnDWIkmRg==
-  dependencies:
-    "@vue/compiler-core" "3.1.2"
-    "@vue/shared" "3.1.2"
-
-"@vue/compiler-dom@3.1.4":
+"@vue/compiler-dom@3.1.4", "@vue/compiler-dom@^3.0.11":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.1.4.tgz#bf3795e1449f32c965d38c4ea6d808ca05fdfc97"
  integrity sha512-3tG2ScHkghhUBuFwl9KgyZhrS8CPFZsO7hUDekJgIp5b1OMkROr4AvxHu6rRMl4WkyvYkvidFNBS2VfOnwa6Kw==
@ -949,7 +925,7 @@
    "@vue/compiler-core" "3.1.4"
    "@vue/shared" "3.1.4"

-"@vue/compiler-sfc@3.1.4":
+"@vue/compiler-sfc@3.1.4", "@vue/compiler-sfc@^3.0.11":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.1.4.tgz#93e87db950e0711339c18baa7bb7d28d3522d7bc"
  integrity sha512-4KDQg60Khy3SgnF+V/TB2NZqzmM4TyGRmzsxqG1SebGdMSecCweFDSlI/F1vDYk6dKiCHgmpoT9A1sLxswkJ0A==
@ -972,37 +948,6 @@
    postcss-selector-parser "^6.0.4"
    source-map "^0.6.1"

-"@vue/compiler-sfc@^3.0.11":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.1.2.tgz#23ff1e366d887b964899568bffcb11e3d0511fc4"
-  integrity sha512-SeG/2+DvwejQ7oAiSx8BrDh5qOdqCYHGClPiTvVIHTfSIHiS2JjMbCANdDCjHkTOh/O7WZzo2JhdKm98bRBxTw==
-  dependencies:
-    "@babel/parser" "^7.13.9"
-    "@babel/types" "^7.13.0"
-    "@types/estree" "^0.0.48"
-    "@vue/compiler-core" "3.1.2"
-    "@vue/compiler-dom" "3.1.2"
-    "@vue/compiler-ssr" "3.1.2"
-    "@vue/shared" "3.1.2"
-    consolidate "^0.16.0"
-    estree-walker "^2.0.1"
-    hash-sum "^2.0.0"
-    lru-cache "^5.1.1"
-    magic-string "^0.25.7"
-    merge-source-map "^1.1.0"
-    postcss "^8.1.10"
-    postcss-modules "^4.0.0"
-    postcss-selector-parser "^6.0.4"
-    source-map "^0.6.1"
-
-"@vue/compiler-ssr@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.1.2.tgz#e33ad0876d9b96f0950e22b0e174b94c1b049d2d"
-  integrity sha512-BwXo9LFk5OSWdMyZQ4bX1ELHX0Z/9F+ld/OaVnpUPzAZCHslBYLvyKUVDwv2C/lpLjRffpC2DOUEdl1+RP1aGg==
-  dependencies:
-    "@vue/compiler-dom" "3.1.2"
-    "@vue/shared" "3.1.2"
-
 "@vue/compiler-ssr@3.1.4":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.1.4.tgz#7f6eaac5b1851fc15c82c083e8179eb1216b303c"
@ -1012,24 +957,17 @@
    "@vue/shared" "3.1.4"

 "@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.0.0-beta.14":
-  version "6.0.0-beta.14"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.14.tgz#6ed2d6f8d66a9256c9ad04bfff08309ba87b9723"
-  integrity sha512-44fPrrN1cqcs6bFkT0C+yxTM6PZXLbR+ESh1U1j8UD22yO04gXvxH62HApMjLbS3WqJO/iCNC+CYT+evPQh2EQ==
+  version "6.0.0-beta.15"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.15.tgz#ad7cb384e062f165bcf9c83732125bffbc2ad83d"
+  integrity sha512-quBx4Jjpexo6KDiNUGFr/zF/2A4srKM9S9v2uHgMXSU//hjgq1eGzqkIFql8T9gfX5ZaVOUzYBP3jIdIR3PKIA==

-"@vue/reactivity@3.1.4":
+"@vue/reactivity@3.1.4", "@vue/reactivity@^3.0.11":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.1.4.tgz#d926ed46fb0d48582ccf8665b062d37b5d35ba99"
  integrity sha512-YDlgii2Cr9yAoKVZFzgY4j0mYlVT73986X3e5SPp6ifqckSEoFSUWXZK2Tb53TB/9qO29BEEbspnKD3m3wAwkA==
  dependencies:
    "@vue/shared" "3.1.4"

-"@vue/reactivity@^3.0.11":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.1.2.tgz#66fa530dd726d2fef285ae55d02106a727db463b"
-  integrity sha512-glJzJoN2xE7I2lRvwKM5u1BHRPTd1yc8iaf//Lai/78/uYAvE5DXp5HzWRFOwMlbRvMGJHIQjOqoxj87cDAaag==
-  dependencies:
-    "@vue/shared" "3.1.2"
-
 "@vue/runtime-core@3.1.4":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.1.4.tgz#3e30ae6ecbfff06df5adc9414491143191a375ba"
@ -1047,12 +985,7 @@
    "@vue/shared" "3.1.4"
    csstype "^2.6.8"

-"@vue/shared@3.1.2", "@vue/shared@^3.0.11":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.2.tgz#1069c0bc7d6f4bd15ccf3a5f3be29450aca368f9"
-  integrity sha512-EmH/poaDWBPJaPILXNI/1fvUbArJQmmTyVCwvvyDYDFnkPoTclAbHRAtyIvqfez7jybTDn077HTNILpxlsoWhg==
-
-"@vue/shared@3.1.4":
+"@vue/shared@3.1.4", "@vue/shared@^3.0.11":
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.4.tgz#c14c461ec42ea2c1556e86f60b0354341d91adc3"
  integrity sha512-6O45kZAmkLvzGLToBxEz4lR2W6kXohCtebV2UxjH9GXjd8X9AhEn68FN9eNanFtWNzvgw1hqd6HkPRVQalqf7Q==
@ -1144,9 +1077,9 @@ ajv@^6.10.0, ajv@^6.12.4:
    uri-js "^4.2.2"

 ajv@^8.0.1:
-  version "8.6.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.0.tgz#60cc45d9c46a477d80d92c48076d972c342e5720"
-  integrity sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ==
+  version "8.6.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.1.tgz#ae65764bf1edde8cd861281cda5057852364a295"
+  integrity sha512-42VLtQUOLefAvKFAQIxIZDaThq6om/PrfP0CYk3/vn+y4BMNkKnbli8ON2QCiHov4KkzOSJ/xSoBJdayiiYvVQ==
  dependencies:
    fast-deep-equal "^3.1.1"
    json-schema-traverse "^1.0.0"
@ -1531,9 +1464,9 @@ camelcase@^6.0.0:
  integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==

 caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001219:
-  version "1.0.30001239"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001239.tgz#66e8669985bb2cb84ccb10f68c25ce6dd3e4d2b8"
-  integrity sha512-cyBkXJDMeI4wthy8xJ2FvDU6+0dtcZSJW3voUF8+e9f1bBeuvyZfc3PNbkOETyhbR+dGCPzn9E7MA3iwzusOhQ==
+  version "1.0.30001242"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001242.tgz#04201627abcd60dc89211f22cbe2347306cda46b"
+  integrity sha512-KvNuZ/duufelMB3w2xtf9gEWCSxJwUgoxOx5b6ScLXC4kPc9xsczUVCPrQU26j5kOsHM4pSUL54tAZt5THQKug==

 capital-case@^1.0.4:
  version "1.0.4"
@ -1894,9 +1827,9 @@ cookie@^0.4.0:
  integrity sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==

 core-js@^3.15.1:
-  version "3.15.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.15.1.tgz#6c08ab88abdf56545045ccf5fd81f47f407e7f1a"
-  integrity sha512-h8VbZYnc9pDzueiS2610IULDkpFFPunHwIpl8yRwFahAEEdSpHlTy3h3z3rKq5h11CaUdBEeRViu9AYvbxiMeg==
+  version "3.15.2"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.15.2.tgz#740660d2ff55ef34ce664d7e2455119c5bdd3d61"
+  integrity sha512-tKs41J7NJVuaya8DxIOCnl8QuPHx5/ZVbFo1oKgVl1qHFBBrDctzQGtuLjPpRdNTWmKPH6oEvgN/MUID+l485Q==

 core-util-is@~1.0.0:
  version "1.0.2"
@ -2032,14 +1965,7 @@ debug@^3.1.0, debug@^3.2.7:
  dependencies:
    ms "^2.1.1"

-debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
-  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
-  dependencies:
-    ms "2.1.2"
-
-debug@^4.3.2:
+debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2:
  version "4.3.2"
  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
@ -2230,9 +2156,9 @@ editor@1.0.0:
  integrity sha1-YMf4e9YrzGqJT6jM1q+3gjok90I=

 electron-to-chromium@^1.3.723:
-  version "1.3.755"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.755.tgz#4b6101f13de910cf3f0a1789ddc57328133b9332"
-  integrity sha512-BJ1s/kuUuOeo1bF/EM2E4yqW9te0Hpof3wgwBx40AWJE18zsD1Tqo0kr7ijnOc+lRsrlrqKPauJAHqaxOItoUA==
+  version "1.3.766"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.766.tgz#2fd14a4e54f77665872f4e23fcf4968e83638220"
+  integrity sha512-u2quJ862q9reRKh/je3GXis3w38+RoXH1J9N3XjtsS6NzmUAosNsyZgUVFZPN/ZlJ3v6T0rTyZR3q/J5c6Sy5w==

 element-plus@1.0.2-beta.54:
  version "1.0.2-beta.54"
@ -2356,9 +2282,9 @@ es6-promisify@^5.0.0:
    es6-promise "^4.0.3"

 esbuild@^0.12.8:
-  version "0.12.9"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.9.tgz#bed4e7087c286cd81d975631f77d47feb1660070"
-  integrity sha512-MWRhAbMOJ9RJygCrt778rz/qNYgA4ZVj6aXnNPxFjs7PmIpb0fuB9Gmg5uWrr6n++XKwwm/RmSz6RR5JL2Ocsw==
+  version "0.12.14"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.14.tgz#43157dbd0b36d939247d4eb4909a4886ac40f82e"
+  integrity sha512-z8p+6FGiplR7a3pPonXREbm+8IeXjBGvDpVidZmGB/AJMsJSfGCU+n7KOMCazA9AwvagadRWBhiKorC0w9WJvw==

 escalade@^3.1.1:
  version "3.1.1"
@ -2434,7 +2360,7 @@ eslint-plugin-vue@^7.12.1:
    semver "^7.3.2"
    vue-eslint-parser "^7.6.0"

-eslint-scope@^5.0.0, eslint-scope@^5.1.1:
+eslint-scope@^5.1.1:
  version "5.1.1"
  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@ -2650,19 +2576,7 @@ fast-diff@^1.1.2:
  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==

-fast-glob@^3.1.1, fast-glob@^3.2.5:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.5.tgz#7939af2a656de79a4f1901903ee8adcaa7cb9661"
-  integrity sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.0"
-    merge2 "^1.3.0"
-    micromatch "^4.0.2"
-    picomatch "^2.2.1"
-
-fast-glob@^3.2.6:
+fast-glob@^3.1.1, fast-glob@^3.2.5, fast-glob@^3.2.6:
  version "3.2.6"
  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.6.tgz#434dd9529845176ea049acc9343e8282765c6e1a"
  integrity sha512-GnLuqj/pvQ7pX8/L4J84nijv6sAnlwvSDpMkJi9i7nPmPxGtRPkBSStfvDW5l6nMdX9VWe+pkKWFTgD+vF2QSQ==
@ -2689,9 +2603,9 @@ fastest-levenshtein@^1.0.12:
  integrity sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==

 fastq@^1.6.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.0.tgz#bb9fb955a07130a918eb63c1f5161cc32a5d0858"
-  integrity sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g==
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.1.tgz#5d8175aae17db61947f8b162cfc7f63264d22807"
+  integrity sha512-HOnr8Mc60eNYl1gzwp6r5RoUyAn5/glBolUzP/Ez6IFVPMPirxn/9phgL6zhOtaTy7ISwPvQ+wT+hfcRZh/bzw==
  dependencies:
    reusify "^1.0.4"

@ -2815,9 +2729,9 @@ flat-cache@^3.0.4:
    rimraf "^3.0.2"

 flatted@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469"
-  integrity sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.0.tgz#da07fb8808050aba6fdeac2294542e5043583f05"
+  integrity sha512-XprP7lDrVT+kE2c2YlfiV+IfS9zxukiIOvNamPNsImNhXadSsQEbosItdL9bUQlCZXR13SvPk20BjWSWLA7m4A==

 fn-name@^2.0.1:
  version "2.0.1"
@ -2825,9 +2739,9 @@ fn-name@^2.0.1:
  integrity sha1-UhTXU3pNBqSjAcDMJi/rhBiAAuc=

 focus-trap@^6.4.0:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-6.5.1.tgz#2d2bb91198f17e8bc52070f1fb48ac36be4230b5"
-  integrity sha512-q57JebeQXVThn9DWvWLP2rUwuArvk8w3PyqZLSddto0thmVmklFzYJQO97Aq3pUcWkTXjflUa88fT0CrASsaHQ==
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/focus-trap/-/focus-trap-6.6.0.tgz#7fb37679926ec1bd762d0748b056c68a64a9e8cf"
+  integrity sha512-2hWVR3XbBejn5v8wDW9DFzLWXcxMNaSJ/CtE3E+FJjjBCLwIYbZJwjUi2RDBfQPM58gHEt5hck0jrJgHR9/s+A==
  dependencies:
    tabbable "^5.2.0"

@ -2964,7 +2878,7 @@ git-raw-commits@^2.0.0:
    split2 "^3.0.0"
    through2 "^4.0.0"

-glob-parent@^5.1.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
  version "5.1.2"
  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@ -5347,9 +5261,9 @@ rimraf@~2.6.2:
    glob "^7.1.3"

 rollup@^2.38.5:
-  version "2.52.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.52.2.tgz#a7e90d10ddae3e8472c2857bd9f44b09ef34a47a"
-  integrity sha512-4RlFC3k2BIHlUsJ9mGd8OO+9Lm2eDF5P7+6DNQOp5sx+7N/1tFM01kELfbxlMX3MxT6owvLB1ln4S3QvvQlbUA==
+  version "2.52.7"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.52.7.tgz#e15a8bf734f6e4c204b7cdf33521151310250cb2"
+  integrity sha512-55cSH4CCU6MaPr9TAOyrIC+7qFCHscL7tkNsm1MBfIJRRqRbCEY0mmeFn4Wg8FKsHtEH8r389Fz38r/o+kgXLg==
  optionalDependencies:
    fsevents "~2.3.2"

@ -5864,9 +5778,9 @@ svg-tags@^1.0.0:
  integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=

 systemjs@^6.10.1:
-  version "6.10.1"
-  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-6.10.1.tgz#4a42a9f4ee8dc740c29dc9af631da819ae736c69"
-  integrity sha512-i2HiBOTIsm4GpjpiDHqTscZ/78htyTtdhpcbY2XPbIpsaNDIBA9vtxwIl8kSSnIRO0Zn7SHqvvILu3cMoXQuYw==
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-6.10.2.tgz#c9870217bddf9cfd25d12d4fcd1989541ef1207c"
+  integrity sha512-PwaC0Z6Y1E6gFekY2u38EC5+5w2M65jYVrD1aAcOptpHVhCwPIwPFJvYJyryQKUyeuQ5bKKI3PBHWNjdE9aizg==

 tabbable@^5.2.0:
  version "5.2.0"
@ -6326,7 +6240,7 @@ validate-npm-package-license@^3.0.1:
    spdx-correct "^3.0.0"
    spdx-expression-parse "^3.0.0"

-vant@^3.1.2:
+vant@3.1.2:
  version "3.1.2"
  resolved "https://registry.yarnpkg.com/vant/-/vant-3.1.2.tgz#8777290f38c4b042d22612343e72dcab95b044ed"
  integrity sha512-uw+ZKZTD44L2YojenZjRuF/rETR28rnuI7cQ4tFtEJBLKc1TNxsxl3PYmoGbYt7jd5rMrHYST8SkBsbB5i4kNA==
@ -6462,9 +6376,9 @@ void-elements@^3.1.0:
  integrity sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=

 vscode-css-languageservice@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/vscode-css-languageservice/-/vscode-css-languageservice-5.1.3.tgz#a7b2f21ed48842af5d9a98223bcae09e33d707d5"
-  integrity sha512-c8xiUhrDBNG6iS92FEE+K3IWOHAqVvzsqjjLSaXHyF5Qdn/6VhUweGNjtZ2CBSfs+Vkmz7pJzLQ7Io1x5deumA==
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/vscode-css-languageservice/-/vscode-css-languageservice-5.1.4.tgz#07e4c63f1c3bb06e6f3f329c32b490d20a601bab"
+  integrity sha512-fIJZJMXbaBsK0ifBb2RmSiLtzwn6NrZnKn7O+0ziIjwAY+rPvSK9St2qqQXFU3reZVRAt/I4GBp40dC/THcUDA==
  dependencies:
    vscode-languageserver-textdocument "^1.0.1"
    vscode-languageserver-types "^3.16.0"
@ -6484,9 +6398,9 @@ vscode-emmet-helper@^2.6.4:
    vscode-uri "^2.1.2"

 vscode-html-languageservice@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/vscode-html-languageservice/-/vscode-html-languageservice-4.0.5.tgz#4f3657200a0613f2b83d47542c80ca0328868885"
-  integrity sha512-9ZKp7nfR6ObUA+K65GfgDPdOmXaPH8MOWxE2RwWF3tVnVMq2w+COKjDNHMvv+uNxtmaRT7/skls7CD/HzrW99w==
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/vscode-html-languageservice/-/vscode-html-languageservice-4.0.6.tgz#c0a538077eb491730f49a47ab13ed7991bd8a45a"
+  integrity sha512-p1VK0+7JLzBFfbUrENm3QcBNbDzJUVhVnXOxHdC9XmgcubQBUINyzNeYio93srOafjRMQcJmzugB4vfmUnbCQg==
  dependencies:
    vscode-languageserver-textdocument "^1.0.1"
    vscode-languageserver-types "^3.16.0"
@ -6494,9 +6408,9 @@ vscode-html-languageservice@^4.0.4:
    vscode-uri "^3.0.2"

 vscode-json-languageservice@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-4.1.4.tgz#c83d3d812f8f17ab525724c611d8ff5e8834fc84"
-  integrity sha512-/UqaE58BVFdePM9l971L6xPRLlCLNk01aovf1Pp9hB/8pytmd2s9ZNEnS1JqYyQEJ1k5/fEBsWOdhQlNo4H7VA==
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-4.1.5.tgz#e429987d9e4693d8cd88338fa3c96616772b6e8c"
+  integrity sha512-oRVPj2UY6BQ8PQ1LIz/FigUEZQVqsB9msNCFlxRBHE9sSEIJkCbYG6aCB2n7WR17VIisYQdO3MDheuoyI48G2w==
  dependencies:
    jsonc-parser "^3.0.0"
    minimatch "^3.0.4"
@ -6550,26 +6464,26 @@ vscode-nls@^5.0.0:
  resolved "https://registry.yarnpkg.com/vscode-nls/-/vscode-nls-5.0.0.tgz#99f0da0bd9ea7cda44e565a74c54b1f2bc257840"
  integrity sha512-u0Lw+IYlgbEJFF6/qAqG2d1jQmJl0eyAGJHoAJqr2HT4M2BNuQYSEiSE75f52pXHSJm8AlTjnLLbBFPrdz2hpA==

-vscode-pug-languageservice@^0.25.22:
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/vscode-pug-languageservice/-/vscode-pug-languageservice-0.25.22.tgz#4920f26a395e835e10e99861dd3b9481161e8194"
-  integrity sha512-1v1ljcqMuyaITCbby3eMsMiAVJXtVxGu+oMwJ8STOeDsMgkOTv3IrfoZjwsps96Qj3pf0d8XJPzSZkGoTrBiOA==
+vscode-pug-languageservice@^0.25.26:
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/vscode-pug-languageservice/-/vscode-pug-languageservice-0.25.26.tgz#cbe9b702637b94ee6ab90eac450adda5ae13b4c8"
+  integrity sha512-5916Fu1ZQyLcUAvTnqk3BRwbIdlasHwhjdl9ln6686ZldhoXBBW7NRNlJ//N7tJcVJ3q03W7SPPfhDTiPk4ZRQ==
  dependencies:
-    "@volar/code-gen" "^0.25.22"
-    "@volar/shared" "^0.25.22"
-    "@volar/source-map" "^0.25.22"
-    "@volar/transforms" "^0.25.22"
+    "@volar/code-gen" "^0.25.26"
+    "@volar/shared" "^0.25.26"
+    "@volar/source-map" "^0.25.26"
+    "@volar/transforms" "^0.25.26"
    pug-beautify "^0.1.1"
    pug-lexer "^5.0.1"
    pug-parser "^6.0.0"
    vscode-languageserver "^7.1.0-next.4"

-vscode-typescript-languageservice@^0.25.22:
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/vscode-typescript-languageservice/-/vscode-typescript-languageservice-0.25.22.tgz#ac642a96e71fbbe8ddef27965b56fc15dd8eac14"
-  integrity sha512-Fb6i9RsAOTZUqtkQiOv6THkBofWedPtxXiXGGkoIEkkgEoP16wQtw9ctYGsazOO127kjgYLRN8TdsudvqcFtEw==
+vscode-typescript-languageservice@^0.25.26:
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/vscode-typescript-languageservice/-/vscode-typescript-languageservice-0.25.26.tgz#c9976a2df48431a133d66e518a8a4473a7cc63e8"
+  integrity sha512-+lLUGWq0mAZooeZfE6PRhlvKb7O3p7ouwQGEwXVy0DbIZIAb5rRmYNCbh+qHk632CJiS7ZIrMZBmFYiEg4Bqow==
  dependencies:
-    "@volar/shared" "^0.25.22"
+    "@volar/shared" "^0.25.26"
    typescript-vscode-sh-plugin "^0.6.14"
    upath "^2.0.1"
    vscode-languageserver "^7.1.0-next.4"
@ -6586,16 +6500,16 @@ vscode-uri@^3.0.2:
  integrity sha512-jkjy6pjU1fxUvI51P+gCsxg1u2n8LSt0W6KrCNQceaziKzff74GoWmjVG46KieVzybO1sttPQmYfrwSHey7GUA==

 vscode-vue-languageservice@^0.25.22:
-  version "0.25.22"
-  resolved "https://registry.yarnpkg.com/vscode-vue-languageservice/-/vscode-vue-languageservice-0.25.22.tgz#e7ac55bbf8dc2d4529c0603e833a59afaa1ad49b"
-  integrity sha512-g9AipU1T7AON/rAJ5+pyYmWZD/V+0CTSqRSPMaK/eRaYxLNfrXXLgankoNhqP5XyHFQsYbxMJ6mAg3d0Vy3WZw==
+  version "0.25.26"
+  resolved "https://registry.yarnpkg.com/vscode-vue-languageservice/-/vscode-vue-languageservice-0.25.26.tgz#eeb8fbe992b9a41e0c9e65f53cfcbc669e35758e"
+  integrity sha512-CrqsAANPZFiOoPD7fmWrr2+yJMisLIdlm43MHzXk2IgN/0K5AwPj93n3LgNeNVRI96rvZXhvWC+H9XFZvJDHnw==
  dependencies:
    "@starptech/prettyhtml" "^0.10.0"
-    "@volar/code-gen" "^0.25.22"
+    "@volar/code-gen" "^0.25.26"
    "@volar/html2pug" "^0.25.4"
-    "@volar/shared" "^0.25.22"
-    "@volar/source-map" "^0.25.22"
-    "@volar/transforms" "^0.25.22"
+    "@volar/shared" "^0.25.26"
+    "@volar/source-map" "^0.25.26"
+    "@volar/transforms" "^0.25.26"
    "@vue/compiler-dom" "^3.0.11"
    "@vue/compiler-sfc" "^3.0.11"
    "@vue/reactivity" "^3.0.11"
@ -6610,27 +6524,15 @@ vscode-vue-languageservice@^0.25.22:
    vscode-json-languageservice "^4.1.4"
    vscode-languageserver "^7.1.0-next.4"
    vscode-languageserver-textdocument "^1.0.1"
-    vscode-pug-languageservice "^0.25.22"
-    vscode-typescript-languageservice "^0.25.22"
+    vscode-pug-languageservice "^0.25.26"
+    vscode-typescript-languageservice "^0.25.26"

 vue-demi@*:
  version "0.9.1"
  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.9.1.tgz#25d6e1ebd4d4010757ff3571e2bf6a1d7bf3de82"
  integrity sha512-7s1lufRD2l369eFWPjgLvhqCRk0XzGWJsQc7K4q+0mZtixyGIvsK1Cg88P4NcaRIEiBuuN4q1NN4SZKFKwQswA==

-vue-eslint-parser@^7.6.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz#01ea1a2932f581ff244336565d712801f8f72561"
-  integrity sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==
-  dependencies:
-    debug "^4.1.1"
-    eslint-scope "^5.0.0"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.2.1"
-    esquery "^1.4.0"
-    lodash "^4.17.15"
-
-vue-eslint-parser@^7.7.2:
+vue-eslint-parser@^7.6.0, vue-eslint-parser@^7.7.2:
  version "7.7.2"
  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.7.2.tgz#a723080b29c27fa0b3737bedceaeebe30fd0f359"
  integrity sha512-zkfxSttpwBW9SQEa+rLR+j6sFHGGhanVH3VuzHQwybCQWJsg/Yi1W619gXOW01U/zekN4D+J4/S4Zufd1sClZg==
@ -6717,12 +6619,7 @@ widest-line@^2.0.0:
  dependencies:
    string-width "^2.1.1"

-windicss@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/windicss/-/windicss-3.1.3.tgz#a4b80af48bdd5d4be13520f700b497af455df700"
-  integrity sha512-l7fpoba2LY9AYRy4UgcuOpbPsed8UsbpEQYUVWRR1wdAwiKxK6bGIMfpiKJtjPAPdh0GOGUqr6KJar0EDZSxzg==
-
-windicss@^3.1.4:
+windicss@^3.1.3, windicss@^3.1.4:
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/windicss/-/windicss-3.1.4.tgz#557eaf8e3c08064a309ccb5d887c82c4bce25069"
  integrity sha512-3RBcANxdOy/n4dLVT8+0X409sGI+piO06ARbQ8RncxGuYgdw5Ip3hrhGIYajH67lV+tHc7xNVGxj73amOC9N0g==