@g1cloud/page-builder-editor 1.0.0-alpha.1 → 1.0.0-alpha.3

package/README.md

@@ -1,8 +1,21 @@
 # Page Builder
 
-## Editor
+## Viewer
+
+Install packages
+
+```bash
+$ cd packages/viewer
+$ pnpm install
+```
+
+Build
+
+```bash
+$ pnpm build --watch
+```
 
-### Setup
+## Editor
 
 Install packages
 
@@ -11,13 +24,25 @@ $ cd packages/editor
 $ pnpm install
 ```
 
-### Run
+Build
 
-Start server
+```bash
+$ pnpm build --watch
+```
+
+## Demo
+
+Install packages
 
 ```bash
-$ cd packages/editor
-$ pnpm run dev
+$ cd packages/demo
+$ pnpm install
+```
+
+Run
+
+```bash
+$ pnpm dev
 ```
 
 Open browser : http://localhost:5173/

package/css/canvas.scss

@@ -18,6 +18,7 @@ html, body {
 body {
   background-color: white;
   height: 100%;
+  margin: 0;
 }
 
 .pb-canvas-wrapper {

package/css/page-builder-editor.scss

@@ -14,9 +14,7 @@
   width: 100%;
 
   .pb-toolbar {
-    padding: 0 8px;
-    margin: 6px 0;
-
+    margin: 0 -8px;
 
     .pb-tool-button-group {
       &::after {
@@ -41,17 +39,40 @@
   }
 }
 
+.editor-wrapper {
+  height: 100%;
+}
+
+.pb-editor {
+  height: 100%;
+}
+
+.pb-editor-body {
+  padding: 8px 0 0;
+  gap: 8px;
+  height: 1px;
+
+  .bs-tab-sheet {
+    .tab-bar {
+      .tabs {
+        padding-top: 0;
+      }
+    }
+  }
+}
+
 .pb-navigator {
   width: 200px;
-  height: 100%;
-  overflow: auto;
-  border-right: 1px solid $color-border-light;
+  height: 1px;
+  overflow-y: auto;
+  padding: 8px 0;
+  flex-grow: 1;
 }
 
 .pb-sidebar {
   width: 300px;
   overflow: auto;
-  border-left: 1px solid $color-border-light;
+  border: 1px solid $color-border-light;
 
   .pb-sidebar-properties {
     padding: 4px 0;

package/dist/PageBuilderEditor.vue.d.ts

@@ -3,7 +3,9 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     title?: string | undefined;
     editMode?: string | undefined;
     pageContent?: any;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {
+    getLocalDesignPartContent: () => any[] | undefined;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     instanceId?: string | undefined;
     title?: string | undefined;
     editMode?: string | undefined;

package/dist/{PbPropertyEditorImage-BFIqG-bL.js → PbPropertyEditorImage-B4sYTAHu.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-BtILenNo.js";
+import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-DSV66_zQ.js";
 const _hoisted_1 = { class: "property-editor property-editor-image flex-align-center" };
 const _hoisted_2 = { class: "label" };
 const _hoisted_3 = ["textContent"];

package/dist/{PbPropertyEditorProduct--cf9LI2Z.js → PbPropertyEditorProduct-qHnu5dvM.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { useModal } from "@g1cloud/bluesea";
-import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-BtILenNo.js";
+import { u as usePageBuilderEditor, P as PageBuilderEditorEvent } from "./index-DSV66_zQ.js";
 const _hoisted_1 = { class: "property-editor property-editor-product flex-align-center" };
 const _hoisted_2 = { class: "label" };
 const _hoisted_3 = ["textContent"];