@smilekite/lego-bricks 1.0.3 → 1.0.5

package/dist/bundle.css

@@ -1,4 +1,8 @@
 
+.l-image-component[data-v-1e970aa2] {
+  max-width: 100%;
+}
+
 h2.l-text-component[data-v-6bf95b7a], p.l-text-component[data-v-6bf95b7a] {
   margin-bottom: 0;
 }
@@ -10,7 +14,3 @@ button.l-text-component[data-v-6bf95b7a] {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
-
-.l-image-component[data-v-1e970aa2] {
-  max-width: 100%;
-}

package/dist/components/FinalPage/FinalPage.vue.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+import { ComponentData, PageData } from '../../defaultProps';
+declare const _default: import("vue").DefineComponent<{
+    page: {
+        type: PropType<PageData>;
+    };
+    components: {
+        type: PropType<ComponentData[]>;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    page: {
+        type: PropType<PageData>;
+    };
+    components: {
+        type: PropType<ComponentData[]>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/FinalPage/index.d.ts

@@ -0,0 +1,2 @@
+import FinalPage from './FinalPage.vue';
+export default FinalPage;

package/dist/components/LImage/LImage.vue.d.ts

@@ -1,2 +1,19 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Partial<Readonly<Partial<import("../../defaultProps").CommonComponentProps & {
+        isEditing: boolean;
+    }>>>>;
+    handleClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    isEditing: boolean;
+}, {}>;
 export default _default;

package/dist/components/LShape/LShape.vue.d.ts

@@ -1,2 +1,19 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Partial<Readonly<Partial<import("../../defaultProps").CommonComponentProps & {
+        isEditing: boolean;
+    }>>>>;
+    handleClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    isEditing: boolean;
+}, {}>;
 export default _default;

package/dist/components/LText/LText.vue.d.ts

@@ -1,2 +1,28 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Partial<Readonly<Partial<import("../../defaultProps").CommonComponentProps & {
+        isEditing: boolean;
+    }>>>>;
+    handleClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    isEditing: boolean;
+    tag: string;
+}, {}>;
 export default _default;

package/dist/defaultProps.d.ts

@@ -1,3 +1,33 @@
+export interface ComponentData {
+    props: {
+        [key: string]: any;
+    };
+    id: string;
+    name: string;
+    layerName?: string;
+    isHidden?: boolean;
+    isLocked?: boolean;
+}
+export interface PageData {
+    props: {
+        [key: string]: any;
+    };
+    setting: {
+        [key: string]: any;
+    };
+    id?: number;
+    title?: string;
+    desc?: string;
+    coverImg?: string;
+    uuid?: string;
+    latestPublishAt?: string;
+    updatedAt?: string;
+    isTemplate?: boolean;
+    isHot?: boolean;
+    isNew?: boolean;
+    author?: string;
+    status?: string;
+}
 export interface CommonComponentProps {
     actionType: string;
     url: string;
@@ -32,7 +62,7 @@ export interface TextComponentProps extends CommonComponentProps {
     backgroundColor: string;
 }
 export interface ImageComponentProps extends CommonComponentProps {
-    src: string;
+    imageSrc: string;
 }
 export interface ShapeComponentProps extends CommonComponentProps {
     backgroundColor: string;
@@ -50,4 +80,9 @@ export declare const isEditingProp: {
 export declare const textStylePropNames: string[];
 export declare const imageStylePropsNames: string[];
 export declare const shapeStylePropsNames: string[];
-export declare const transformToComponentProps: <T extends {}>(props: T) => any;
+export declare const transformToComponentProps: <T extends {}>(props: T) => {
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/hooks/useComponentCommon.d.ts

@@ -2,7 +2,9 @@ import { CommonComponentProps } from '../defaultProps';
 declare const useComponentCommon: (props: Readonly<Partial<CommonComponentProps & {
     isEditing: boolean;
 }>>, picks: string[]) => {
-    styleProps: import("vue").ComputedRef<any>;
+    styleProps: import("vue").ComputedRef<Partial<Readonly<Partial<CommonComponentProps & {
+        isEditing: boolean;
+    }>>>>;
     handleClick: () => void;
 };
 export default useComponentCommon;

package/dist/index.d.ts

@@ -3,8 +3,9 @@ export { textDefaultProps, textStylePropNames, TextComponentProps, imageDefaultP
 import LText from './components/LText';
 import LImage from './components/LImage';
 import LShape from './components/LShape';
+import FinalPage from './components/FinalPage';
 declare const install: (app: App) => void;
-export { LText, LImage, LShape, install };
+export { LText, LImage, LShape, install, FinalPage };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/lego-bricks.esm.js

@@ -1,5 +1,5 @@
 import { without, mapValues, pick } from 'lodash-es';
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, createTextVNode, toDisplayString, createElementBlock, withModifiers } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, createTextVNode, toDisplayString, createElementBlock, withModifiers, Fragment, renderList, mergeProps } from 'vue';
 
 const commonDefaultProps = {
     // actions
@@ -41,7 +41,7 @@ const textDefaultProps = {
     ...commonDefaultProps
 };
 const imageDefaultProps = {
-    src: 'test.url',
+    imageSrc: '',
     ...commonDefaultProps
 };
 const shapeDefaultProps = {
@@ -193,13 +193,51 @@ script$2.install = (app) => {
     app.component(script$2.name, script$2);
 };
 
+var script$3 = defineComponent({
+    name: 'final-page',
+    props: {
+        page: {
+            type: Object
+        },
+        components: {
+            type: Array,
+            required: true
+        }
+    }
+});
+
+const _hoisted_1$1 = ["id"];
+
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: "final-page",
+    style: normalizeStyle(_ctx.page && _ctx.page.props)
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.components, (item) => {
+      return (openBlock(), createElementBlock("div", {
+        key: item.id,
+        id: `component-${item.id}`
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(item.name), mergeProps({ ref_for: true }, item.props), null, 16 /* FULL_PROPS */))
+      ], 8 /* PROPS */, _hoisted_1$1))
+    }), 128 /* KEYED_FRAGMENT */))
+  ], 4 /* STYLE */))
+}
+
+script$3.render = render$3;
+script$3.__file = "src/components/FinalPage/FinalPage.vue";
+
+script$3.install = (app) => {
+    app.component(script$3.name, script$3);
+};
+
 const components = [
     script,
     script$1,
     script$2
 ];
 const install = (app) => {
-    components.forEach(component => {
+    components.forEach((component) => {
         app.component(component.name, component);
     });
 };
@@ -208,4 +246,4 @@ var index = {
 };
 
 export default index;
-export { script$1 as LImage, script$2 as LShape, script as LText, imageDefaultProps, imageStylePropsNames, install, shapeDefaultProps, shapeStylePropsNames, textDefaultProps, textStylePropNames };
+export { script$3 as FinalPage, script$1 as LImage, script$2 as LShape, script as LText, imageDefaultProps, imageStylePropsNames, install, shapeDefaultProps, shapeStylePropsNames, textDefaultProps, textStylePropNames };

package/dist/lego-bricks.umd.js

@@ -44,7 +44,7 @@
       ...commonDefaultProps
   };
   const imageDefaultProps = {
-      src: 'test.url',
+      imageSrc: '',
       ...commonDefaultProps
   };
   const shapeDefaultProps = {
@@ -196,13 +196,51 @@
       app.component(script$2.name, script$2);
   };
 
+  var script$3 = vue.defineComponent({
+      name: 'final-page',
+      props: {
+          page: {
+              type: Object
+          },
+          components: {
+              type: Array,
+              required: true
+          }
+      }
+  });
+
+  const _hoisted_1$1 = ["id"];
+
+  function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return (vue.openBlock(), vue.createElementBlock("div", {
+      class: "final-page",
+      style: vue.normalizeStyle(_ctx.page && _ctx.page.props)
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.components, (item) => {
+        return (vue.openBlock(), vue.createElementBlock("div", {
+          key: item.id,
+          id: `component-${item.id}`
+        }, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.mergeProps({ ref_for: true }, item.props), null, 16 /* FULL_PROPS */))
+        ], 8 /* PROPS */, _hoisted_1$1))
+      }), 128 /* KEYED_FRAGMENT */))
+    ], 4 /* STYLE */))
+  }
+
+  script$3.render = render$3;
+  script$3.__file = "src/components/FinalPage/FinalPage.vue";
+
+  script$3.install = (app) => {
+      app.component(script$3.name, script$3);
+  };
+
   const components = [
       script,
       script$1,
       script$2
   ];
   const install = (app) => {
-      components.forEach(component => {
+      components.forEach((component) => {
           app.component(component.name, component);
       });
   };
@@ -210,6 +248,7 @@
       install
   };
 
+  exports.FinalPage = script$3;
   exports.LImage = script$1;
   exports.LShape = script$2;
   exports.LText = script;

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@smilekite/lego-bricks",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "author": "smiley",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "npm run clean && npm run build:esm && npm run build:umd",
     "test:watch": "vue-cli-service test:unit --watch",
     "test": "vue-cli-service test:unit",
-    "lint": "vue-cli-service lint --max-warnings 5",
+    "lint": "vue-cli-service lint",
     "build:esm": "rollup --config build/rollup.esm.config.js",
     "build:umd": "rollup --config build/rollup.umd.config.js",
     "clean": "rimraf ./dist",
-    "prepublishOnly": "npm run lint && npm run test&& npm run build"
+    "prepublishOnly": "npm run lint && npm run test && npm run build"
   },
   "husky": {
     "hooks": {
@@ -50,8 +50,8 @@
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-typescript2": "^0.29.0",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "^3.9.3",
-    "vue": "^3.0.0",
+    "typescript": "^4.3.5",
+    "vue": "~3.4.0",
     "vue-jest": "5.0.0-alpha.9"
   },
   "peerDependencies": {
@@ -73,4 +73,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}