chore: update deps

Author: buqiyuan

.github/workflows/deploy.yml

@@ -13,7 +13,7 @@ jobs:
       - name: Setup Node.js v14.x
         uses: actions/setup-node@v1
         with:
-          node-version: "14.x"
+          node-version: '14.x'
 
       - name: Install
         run: npm install
@@ -27,3 +27,4 @@ jobs:
           publish_dir: ./dist
           personal_token: ${{ secrets.PERSONAL_TOKEN }}
           commit_message: Update ghPages
+          force_orphan: true

package.json

@@ -43,8 +43,8 @@
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
     "@types/node": "^15.12.2",
-    "@typescript-eslint/eslint-plugin": "^4.26.1",
-    "@typescript-eslint/parser": "^4.26.1",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
     "@vitejs/plugin-legacy": "^1.4.1",
     "@vitejs/plugin-vue": "^1.2.3",
     "@vitejs/plugin-vue-jsx": "^1.1.5",
@@ -57,12 +57,12 @@
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-vue": "^7.11.1",
-    "gh-pages": "^3.2.0",
+    "gh-pages": "^3.2.1",
     "husky": "^6.0.0",
     "lint-staged": "^11.0.0",
     "prettier": "^2.3.1",
     "pretty-quick": "^3.1.0",
-    "sass": "1.34.1",
+    "sass": "1.35.0",
     "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^22.0.0",

src/packages/base-widgets/swipe/index.tsx

@@ -1,9 +1,9 @@
 /*
  * @Author: 卜启缘
  * @Date: 2021-06-14 12:24:12
- * @LastEditTime: 2021-06-14 18:48:44
+ * @LastEditTime: 2021-06-14 21:19:28
  * @LastEditors: 卜启缘
- * @Description:
+ * @Description: 轮播图组件
  * @FilePath: \vite-vue3-lowcode\src\packages\base-widgets\swipe\index.tsx
  */
 import { Swipe, SwipeItem } from 'vant'
@@ -33,7 +33,11 @@ export default {
     const { registerRef } = useGlobalProperties()
 
     return (
-      <Swipe ref={(el) => registerRef(el, block._vid)} {...props}>
+      <Swipe
+        ref={(el) => registerRef(el, block._vid)}
+        {...props}
+        style={{ height: `${props.height}px` }}
+      >
         {props.images?.map((item) => (
           <>
             <SwipeItem key={item}>

src/packages/base-widgets/switch/index.tsx

@@ -17,6 +17,7 @@ export default {
     return (
       <Field
         {...props}
+        modelValue={''}
         style={{
           width: size.width ? `${size.width}px` : null
         }}

src/visual-editor/components/header/index.vue

@@ -62,9 +62,7 @@
     </el-col>
     <!--    右侧工具栏 end-->
   </el-row>
-  <template v-if="isShowH5Preview">
-    <preview v-model:visible="isShowH5Preview" />
-  </template>
+  <preview v-model:visible="isShowH5Preview" />
 </template>
 
 <script lang="ts">

src/visual-editor/components/header/preview.vue

@@ -1,7 +1,8 @@
 <template>
   <el-dialog v-model="dialogVisible" custom-class="h5-preview" :show-close="false" width="360px">
     <iframe
-      style="width: 360px; height: 640px"
+      v-if="dialogVisible"
+      :style="{ width: '360px', height: '640px' }"
       :src="previewUrl"
       frameborder="0"
       scrolling="auto"
@@ -45,14 +46,18 @@ export default defineComponent({
 <style lang="scss">
 .h5-preview {
   overflow: hidden;
+
   .el-dialog__body {
     padding: 0;
   }
+
   .el-dialog__header {
     display: none;
   }
+
   .simulator {
     padding-right: 0;
+
     &::-webkit-scrollbar {
       width: 0;
     }

src/visual-editor/components/right-attribute-panel/components/cross-sortable-options/cross-sortable-options.tsx src/visual-editor/components/right-attribute-panel/components/cross-sortable-options-editor/cross-sortable-options-editor.tsx

@@ -1,7 +1,7 @@
 /*
  * @Author: 卜启缘
  * @Date: 2021-06-12 22:18:48
- * @LastEditTime: 2021-06-14 16:58:34
+ * @LastEditTime: 2021-06-14 18:53:02
  * @LastEditors: 卜启缘
  * @Description:
  * @FilePath: \vite-vue3-lowcode\src\visual-editor\components\right-attribute-panel\components\index.ts
@@ -10,4 +10,4 @@
 export { TablePropEditor } from './table-prop-editor/table-prop-editor'
 export { AttrEditor } from './attr-editor/AttrEditor'
 export { Animate } from './animate/Animate'
-export { CrossSortableOptionsEditor } from './cross-sortable-options/cross-sortable-options'
+export { CrossSortableOptionsEditor } from './cross-sortable-options-editor/cross-sortable-options-editor'

src/visual-editor/components/right-attribute-panel/components/index.ts

@@ -33,6 +33,7 @@
               :config="visualConfig"
               :on-contextmenu-block="onContextmenuBlock"
               :select-comp="selectComp"
+              :delete-comp="deleteComp"
             />
           </template>
         </comp-render>
@@ -129,6 +130,21 @@ export default defineComponent({
       })
     }
 
+    /**
+     * 删除组件
+     */
+    const deleteComp = (block: VisualEditorBlockData, parentBlocks = currentPage.value.blocks) => {
+      console.log(block, 'block')
+      const index = parentBlocks.findIndex((item) => item._vid == block._vid)
+      if (index != -1) {
+        delete globalProperties.$$refs[parentBlocks[index]._vid]
+        const delTarget = parentBlocks.splice(index, 1)[0]
+        if (delTarget.focus) {
+          setCurrentBlock({} as VisualEditorBlockData)
+        }
+      }
+    }
+
     const onContextmenuBlock = (
       e: MouseEvent,
       block: VisualEditorBlockData,
@@ -168,16 +184,7 @@ export default defineComponent({
               label="删除节点"
               icon="el-icon-delete"
               {...{
-                onClick: () => {
-                  const index = parentBlocks.findIndex((item) => item._vid == block._vid)
-                  if (index != -1) {
-                    delete globalProperties.$$refs[parentBlocks[index]._vid]
-                    const delTarget = parentBlocks.splice(index, 1)[0]
-                    if (delTarget.focus) {
-                      setCurrentBlock({} as VisualEditorBlockData)
-                    }
-                  }
-                }
+                onClick: () => deleteComp(block, parentBlocks)
               }}
             />
           </>
@@ -189,6 +196,7 @@ export default defineComponent({
       ...toRefs(state),
       currentPage,
       visualConfig,
+      deleteComp,
       selectComp,
       onContextmenuBlock
     }

src/visual-editor/components/simulator-editor/simulator-editor.vue

@@ -1,11 +1,11 @@
 .dropdown-service {
   position: fixed;
-  padding: 8px 0;
   z-index: 99;
-  box-shadow: 0 2px 5px 1px #ddd;
+  padding: 8px 0;
+  pointer-events: none;
   background-color: white;
   opacity: 0;
-  pointer-events: none;
+  box-shadow: 0 2px 5px 1px #ddd;
   transition: opacity 200ms linear;
 
   .dropdown-option {
@@ -17,13 +17,13 @@
     }
 
     &:hover {
-      background-color: #efefef;
       cursor: pointer;
+      background-color: #efefef;
     }
   }
 
   &.dropdown-service-show {
-    opacity: 1;
     pointer-events: auto;
+    opacity: 1;
   }
-}
+}