origam 0.3.6 → 0.3.8

package/dist/src/components/PageBuilder/OrigamEditWrapper.vue

@@ -1,57 +0,0 @@
-<template>
-	<div
-			:class="editWrapperClasses"
-			:style="editWrapperStyles"
-	>
-		<div class="origam-edit-wrapper__wrapper">
-			<slot name="default"/>
-		</div>
-	</div>
-</template>
-
-<script setup>
-import { computed, ref, StyleValue, useSlots, watch } from "vue";
-import { useProps } from "../../composables";
-import { scanForAutoProps } from "../../utils";
-const props = defineProps({
-  slotName: { type: String, required: false, default: "default" },
-  autoDetectProps: { type: Boolean, required: false, default: true },
-  id: { type: String, required: false },
-  class: { type: [String, Array, Object], required: false },
-  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true }
-});
-const { filterProps } = useProps(props);
-const slots = useSlots();
-const vnodes = ref([]);
-watch(() => props, () => {
-  if (typeof slots[props.slotName] !== "undefined") {
-    vnodes.value = slots[props.slotName]();
-  }
-  if (slots[props.slotName] && props.autoDetectProps && vnodes) {
-    const _propsTypes = scanForAutoProps(vnodes.value);
-    console.log(_propsTypes);
-  }
-}, {
-  immediate: true
-});
-const editWrapperStyles = computed(() => {
-  return [
-    props.style
-  ];
-});
-const editWrapperClasses = computed(() => {
-  return [
-    "origam-edit-wrapper",
-    props.class
-  ];
-});
-defineExpose({
-  filterProps
-});
-</script>
-
-<style>
-	:root {
-
-	}
-</style>

package/dist/src/components/PageBuilder/OrigamPageBuilder.vue

@@ -1,34 +0,0 @@
-<template>
-	<origam-layout
-			ref="pageBuilderRef"
-			:class="pageBuilderClasses"
-			:style="pageBuilderStyles"
-	>
-		<template #default>
-			<slot name="default"/>
-		</template>
-	</origam-layout>
-</template>
-
-<script setup>
-import { computed, StyleValue } from "vue";
-import { OrigamLayout } from "../../components";
-import { useProps } from "../../composables";
-const props = defineProps({
-  overlaps: { type: Array, required: false },
-  fullHeight: { type: Boolean, required: false, default: true },
-  id: { type: String, required: false },
-  class: { type: [String, Array, Object], required: false },
-  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true }
-});
-const { filterProps } = useProps(props);
-const pageBuilderStyles = computed(() => {
-  return [props.style];
-});
-const pageBuilderClasses = computed(() => {
-  return ["origam-page-builder", props.class];
-});
-defineExpose({
-  filterProps
-});
-</script>

package/dist/src/components/PageBuilder/index.cjs

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "OrigamCssBox", {
-  enumerable: true,
-  get: function () {
-    return _OrigamCssBox.default;
-  }
-});
-Object.defineProperty(exports, "OrigamEditWrapper", {
-  enumerable: true,
-  get: function () {
-    return _OrigamEditWrapper.default;
-  }
-});
-Object.defineProperty(exports, "OrigamPageBuilder", {
-  enumerable: true,
-  get: function () {
-    return _OrigamPageBuilder.default;
-  }
-});
-var _OrigamPageBuilder = _interopRequireDefault(require("./OrigamPageBuilder.vue"));
-var _OrigamCssBox = _interopRequireDefault(require("./OrigamCssBox.vue"));
-var _OrigamEditWrapper = _interopRequireDefault(require("./OrigamEditWrapper.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/components/PageBuilder/index.d.ts

@@ -1,3 +0,0 @@
-export { default as OrigamPageBuilder } from './OrigamPageBuilder.vue';
-export { default as OrigamCssBox } from './OrigamCssBox.vue';
-export { default as OrigamEditWrapper } from './OrigamEditWrapper.vue';

package/dist/src/components/PageBuilder/index.js

@@ -1,3 +0,0 @@
-export { default as OrigamPageBuilder } from "./OrigamPageBuilder.vue";
-export { default as OrigamCssBox } from "./OrigamCssBox.vue";
-export { default as OrigamEditWrapper } from "./OrigamEditWrapper.vue";

package/dist/src/composables/PageBuilder/editor.composable.cjs

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEditor = createEditor;
-exports.useEditor = useEditor;
-var _vue = require("vue");
-var _composables = require("../../composables/index.cjs");
-var _consts = require("../../consts/index.cjs");
-var _utils = require("../../utils/index.cjs");
-function createEditor(props, name = (0, _utils.getCurrentInstanceName)()) {
-  const children = (0, _vue.ref)(/* @__PURE__ */new Map());
-  const parents = (0, _vue.ref)(/* @__PURE__ */new Map());
-  const edit = (0, _composables.useVModel)(props, "edit", props.edit, v => new Set(v), v => [...v.values()]);
-  const lock = (0, _composables.useVModel)(props, "lock", props.lock, v => new Set(v), v => [...v.values()]);
-  const editor = {
-    id: (0, _vue.ref)(name),
-    root: {
-      edit,
-      lock,
-      children,
-      parents
-    }
-  };
-  (0, _vue.provide)(_consts.ORIGAM_EDIT_KEY, editor);
-  return editor.root;
-}
-function useEditor(props) {
-  const parent = (0, _vue.inject)(_consts.ORIGAM_EDIT_KEY, _consts.EMPTY_EDIT);
-  const uidSymbol = Symbol((0, _utils.getUid)());
-  const computedId = (0, _vue.computed)(() => uidSymbol);
-  return {
-    ...parent,
-    id: computedId,
-    props,
-    isEdited: (0, _vue.computed)(() => parent.root.edit.value.has(computedId.value)),
-    isLocked: (0, _vue.computed)(() => parent.root.lock.value.has(computedId.value))
-  };
-}

package/dist/src/composables/PageBuilder/editor.composable.d.ts

@@ -1,18 +0,0 @@
-export declare function createEditor(props: any, name?: string): {
-    children: import("vue").Ref<Map<unknown, Array<unknown>>>;
-    parents: import("vue").Ref<Map<unknown, unknown>>;
-    edit: import("vue").Ref<Set<unknown>>;
-    lock: import("vue").Ref<Set<unknown>>;
-};
-export declare function useEditor(props: any): {
-    id: import("vue").ComputedRef<symbol>;
-    props: any;
-    isEdited: import("vue").ComputedRef<boolean>;
-    isLocked: import("vue").ComputedRef<boolean>;
-    root: {
-        children: import("vue").Ref<Map<unknown, Array<unknown>>>;
-        parents: import("vue").Ref<Map<unknown, unknown>>;
-        edit: import("vue").Ref<Set<unknown>>;
-        lock: import("vue").Ref<Set<unknown>>;
-    };
-};

package/dist/src/composables/PageBuilder/editor.composable.js

@@ -1,33 +0,0 @@
-import { computed, inject, provide, ref } from "vue";
-import { useVModel } from "../../composables/index.js";
-import { EMPTY_EDIT, ORIGAM_EDIT_KEY } from "../../consts/index.js";
-import { getCurrentInstanceName, getUid } from "../../utils/index.js";
-export function createEditor(props, name = getCurrentInstanceName()) {
-  const children = ref(/* @__PURE__ */ new Map());
-  const parents = ref(/* @__PURE__ */ new Map());
-  const edit = useVModel(props, "edit", props.edit, (v) => new Set(v), (v) => [...v.values()]);
-  const lock = useVModel(props, "lock", props.lock, (v) => new Set(v), (v) => [...v.values()]);
-  const editor = {
-    id: ref(name),
-    root: {
-      edit,
-      lock,
-      children,
-      parents
-    }
-  };
-  provide(ORIGAM_EDIT_KEY, editor);
-  return editor.root;
-}
-export function useEditor(props) {
-  const parent = inject(ORIGAM_EDIT_KEY, EMPTY_EDIT);
-  const uidSymbol = Symbol(getUid());
-  const computedId = computed(() => uidSymbol);
-  return {
-    ...parent,
-    id: computedId,
-    props,
-    isEdited: computed(() => parent.root.edit.value.has(computedId.value)),
-    isLocked: computed(() => parent.root.lock.value.has(computedId.value))
-  };
-}

package/dist/src/consts/PageBuilder/edit.const.cjs

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ORIGAM_EDIT_KEY = exports.EMPTY_EDIT = void 0;
-var _vue = require("vue");
-const ORIGAM_EDIT_KEY = exports.ORIGAM_EDIT_KEY = Symbol.for("origam:editor");
-const EMPTY_EDIT = exports.EMPTY_EDIT = {
-  id: (0, _vue.shallowRef)(),
-  root: {
-    parents: (0, _vue.ref)(/* @__PURE__ */new Map()),
-    children: (0, _vue.ref)(/* @__PURE__ */new Map()),
-    edit: (0, _vue.ref)(/* @__PURE__ */new Set()),
-    lock: (0, _vue.ref)(/* @__PURE__ */new Set())
-  }
-};

package/dist/src/consts/PageBuilder/edit.const.d.ts

@@ -1,4 +0,0 @@
-import type { InjectionKey } from 'vue';
-import type { TEditorProvide } from '../../types';
-export declare const ORIGAM_EDIT_KEY: InjectionKey<TEditorProvide>;
-export declare const EMPTY_EDIT: TEditorProvide;

package/dist/src/consts/PageBuilder/edit.const.js

@@ -1,11 +0,0 @@
-import { ref, shallowRef } from "vue";
-export const ORIGAM_EDIT_KEY = Symbol.for("origam:editor");
-export const EMPTY_EDIT = {
-  id: shallowRef(),
-  root: {
-    parents: ref(/* @__PURE__ */ new Map()),
-    children: ref(/* @__PURE__ */ new Map()),
-    edit: ref(/* @__PURE__ */ new Set()),
-    lock: ref(/* @__PURE__ */ new Set())
-  }
-};

package/dist/src/interfaces/PageBuilder/cssBox.interface.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/src/interfaces/PageBuilder/cssBox.interface.d.ts

@@ -1,3 +0,0 @@
-import type { IBorderProps, IMarginProps, IPaddingProps } from '../../interfaces';
-export interface ICssBoxProps extends IPaddingProps, IMarginProps, IBorderProps {
-}

package/dist/src/interfaces/PageBuilder/editWrapper.interface.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/src/interfaces/PageBuilder/editWrapper.interface.d.ts

@@ -1,16 +0,0 @@
-import type { ICommonsComponentProps } from '../../interfaces';
-export interface IEditWrapperProps extends ICommonsComponentProps {
-    slotName?: string;
-    autoDetectProps?: boolean;
-}
-export interface IAutoPropComponentDefinition {
-    name: string;
-    index: number;
-    props: Array<IPropDefinition>;
-}
-export interface IPropDefinition {
-    name: string;
-    types?: string[];
-    required?: boolean;
-    default?: any;
-}

package/dist/src/types/PageBuilder/editor.type.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/src/types/PageBuilder/editor.type.d.ts

@@ -1,10 +0,0 @@
-import { Ref } from 'vue';
-export type TEditorProvide = {
-    id: Ref<unknown>;
-    root: {
-        children: Ref<Map<unknown, Array<unknown>>>;
-        parents: Ref<Map<unknown, unknown>>;
-        edit: Ref<Set<unknown>>;
-        lock: Ref<Set<unknown>>;
-    };
-};

package/dist/src/utils/PageBuilder/editor.util.cjs

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getNameFromFile = getNameFromFile;
-exports.getTagName = getTagName;
-exports.scanForAutoProps = scanForAutoProps;
-var _changeCase = require("change-case");
-function getNameFromFile(file) {
-  const parts = /([^/]+)\.vue$/.exec(file);
-  if (parts) {
-    return (0, _changeCase.pascalCase)(parts[1]);
-  }
-  return "Anonymous";
-}
-function getTagName(vnode) {
-  if (typeof vnode.type === "string") {
-    return vnode.type;
-  } else if (vnode.type?.__asyncResolved) {
-    const asyncComp = vnode.type?.__asyncResolved;
-    return asyncComp.name ?? getNameFromFile(asyncComp.__file);
-  } else if (vnode.type?.name) {
-    return vnode.type.name;
-  } else if (vnode.type?.__file) {
-    return getNameFromFile(vnode.type.__file);
-  }
-  return "Anonymous";
-}
-function scanForAutoProps(vnodes) {
-  const result = [];
-  let index = 0;
-  for (const vnode of vnodes) {
-    if (typeof vnode.type === "object") {
-      const propDefs = [];
-      for (const key in vnode.type.props) {
-        const prop = vnode.type.props[key];
-        let types;
-        let defaultValue;
-        if (prop) {
-          const rawTypes = Array.isArray(prop.type) ? prop.type : typeof prop === "function" ? [prop] : [prop.type];
-          types = rawTypes.map(t => {
-            switch (t) {
-              case String:
-                return "string";
-              case Number:
-                return "number";
-              case Boolean:
-                return "boolean";
-              case Object:
-                return "object";
-              case Array:
-                return "array";
-              default:
-                return "unknown";
-            }
-          });
-          defaultValue = typeof prop.default === "function" ? prop.default.toString() : prop.default;
-        }
-        propDefs.push({
-          name: key,
-          types,
-          required: prop?.required,
-          default: defaultValue
-        });
-      }
-      result.push({
-        name: getTagName(vnode),
-        index,
-        props: propDefs
-      });
-      index++;
-    }
-    if (Array.isArray(vnode.children)) {
-      result.push(...scanForAutoProps(vnode.children));
-    }
-  }
-  return result.filter(def => def.props.length);
-}

package/dist/src/utils/PageBuilder/editor.util.d.ts

@@ -1,4 +0,0 @@
-import { VNode } from 'vue';
-export declare function getNameFromFile(file: string): string;
-export declare function getTagName(vnode: VNode): any;
-export declare function scanForAutoProps(vnodes: Array<any>): any[];

package/dist/src/utils/PageBuilder/editor.util.js

@@ -1,71 +0,0 @@
-import { pascalCase } from "change-case";
-export function getNameFromFile(file) {
-  const parts = /([^/]+)\.vue$/.exec(file);
-  if (parts) {
-    return pascalCase(parts[1]);
-  }
-  return "Anonymous";
-}
-export function getTagName(vnode) {
-  if (typeof vnode.type === "string") {
-    return vnode.type;
-  } else if (vnode.type?.__asyncResolved) {
-    const asyncComp = vnode.type?.__asyncResolved;
-    return asyncComp.name ?? getNameFromFile(asyncComp.__file);
-  } else if (vnode.type?.name) {
-    return vnode.type.name;
-  } else if (vnode.type?.__file) {
-    return getNameFromFile(vnode.type.__file);
-  }
-  return "Anonymous";
-}
-export function scanForAutoProps(vnodes) {
-  const result = [];
-  let index = 0;
-  for (const vnode of vnodes) {
-    if (typeof vnode.type === "object") {
-      const propDefs = [];
-      for (const key in vnode.type.props) {
-        const prop = vnode.type.props[key];
-        let types;
-        let defaultValue;
-        if (prop) {
-          const rawTypes = Array.isArray(prop.type) ? prop.type : typeof prop === "function" ? [prop] : [prop.type];
-          types = rawTypes.map((t) => {
-            switch (t) {
-              case String:
-                return "string";
-              case Number:
-                return "number";
-              case Boolean:
-                return "boolean";
-              case Object:
-                return "object";
-              case Array:
-                return "array";
-              default:
-                return "unknown";
-            }
-          });
-          defaultValue = typeof prop.default === "function" ? prop.default.toString() : prop.default;
-        }
-        propDefs.push({
-          name: key,
-          types,
-          required: prop?.required,
-          default: defaultValue
-        });
-      }
-      result.push({
-        name: getTagName(vnode),
-        index,
-        props: propDefs
-      });
-      index++;
-    }
-    if (Array.isArray(vnode.children)) {
-      result.push(...scanForAutoProps(vnode.children));
-    }
-  }
-  return result.filter((def) => def.props.length);
-}