@fangzhongya/page 0.0.34 → 0.0.36

package/dist/config/util.js

@@ -1,143 +1,145 @@
-import { icons, vues, basics, routers } from "./basics.js";
+import { enums } from "../config.js";
+import { basics, icons, routers, vues } from "./basics.js";
 import { elements } from "./elements.js";
 import { fangs } from "./fangs.js";
 import { templates } from "./template.js";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
-import { toJSONSStringify, toJSONSParse } from "@fangzhongya/utils/basic/string/toJsons";
-import { enums } from "../config.js";
 import { getComponControl } from "../utils/support.js";
-import { ref, computed } from "vue";
-const rtemplates = ref({});
-const storageGenerated = ref({});
-const rcustom = ref({});
+import { computed, ref } from "vue";
+import { toJSONSParse, toJSONSStringify } from "@fangzhongya/utils/basic/string/toJsons";
+import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+//#region packages/config/util.ts
+var rtemplates = ref({});
+var storageGenerated = ref({});
+var rcustom = ref({});
+/**
+* 左侧的对象
+* @returns
+*/
 function getLeftList(obj) {
-  const list = [];
-  const rc = { ...basics, ...vues, ...icons };
-  list.push({
-    name: "VUE控件",
-    list: Object.values(vues)
-  });
-  list.push({
-    name: "基础控件",
-    list: Object.values(basics)
-  });
-  if (obj.router) {
-    list.push({
-      name: "路由控件",
-      list: Object.values(routers)
-    });
-    Object.assign(rc, routers);
-  }
-  if (obj.element) {
-    list.push({
-      name: "Element控件",
-      list: Object.values(elements)
-    });
-    Object.assign(rc, elements);
-  }
-  if (obj.fang) {
-    list.push({
-      name: "fangui控件",
-      list: Object.values(fangs)
-    });
-    Object.assign(rc, fangs);
-  }
-  if (obj.custom) {
-    const ls = [];
-    if (Array.isArray(obj.custom)) {
-      list.push(...obj.custom);
-      ls.push(...obj.custom);
-    } else {
-      list.push(obj.custom);
-      ls.push(obj.custom);
-    }
-    ls.forEach((key) => {
-      const list2 = obj[key].list || [];
-      list2.forEach((v) => {
-        const key2 = lineToLargeHump(v.name);
-        rc[key2] = v;
-      });
-    });
-  }
-  rcustom.value = rc;
-  return list;
+	const list = [];
+	const rc = {
+		...basics,
+		...vues,
+		...icons
+	};
+	list.push({
+		name: "VUE控件",
+		list: Object.values(vues)
+	});
+	list.push({
+		name: "基础控件",
+		list: Object.values(basics)
+	});
+	if (obj.router) {
+		list.push({
+			name: "路由控件",
+			list: Object.values(routers)
+		});
+		Object.assign(rc, routers);
+	}
+	if (obj.element) {
+		list.push({
+			name: "Element控件",
+			list: Object.values(elements)
+		});
+		Object.assign(rc, elements);
+	}
+	if (obj.fang) {
+		list.push({
+			name: "fangui控件",
+			list: Object.values(fangs)
+		});
+		Object.assign(rc, fangs);
+	}
+	if (obj.custom) {
+		const ls = [];
+		if (Array.isArray(obj.custom)) {
+			list.push(...obj.custom);
+			ls.push(...obj.custom);
+		} else {
+			list.push(obj.custom);
+			ls.push(obj.custom);
+		}
+		ls.forEach((key) => {
+			(obj[key].list || []).forEach((v) => {
+				const key = lineToLargeHump(v.name);
+				rc[key] = v;
+			});
+		});
+	}
+	rcustom.value = rc;
+	return list;
 }
-const componConfig = computed(() => {
-  const v = {
-    ...rcustom.value
-  };
-  const t = rtemplates.value;
-  const g = getGenerated().value;
-  const m = { ...t, ...g };
-  Object.keys(m).forEach((key) => {
-    const obj = m[key];
-    if (obj) {
-      v[key] = getComponControl(obj);
-    }
-  });
-  return v;
+/**
+* 组件的支持的配置属性
+*/
+var componConfig = computed(() => {
+	const v = { ...rcustom.value };
+	const t = rtemplates.value;
+	const g = getGenerated().value;
+	const m = {
+		...t,
+		...g
+	};
+	Object.keys(m).forEach((key) => {
+		const obj = m[key];
+		if (obj) v[key] = getComponControl(obj);
+	});
+	return v;
 });
 function getComponConfig() {
-  return componConfig;
+	return componConfig;
 }
+/**
+* 获取对应配置
+* @param right
+* @returns
+*/
 function getComponSupport(right) {
-  const obj = getComponObj(right);
-  if (obj && obj.support) {
-    return obj.support;
-  } else {
-    return {};
-  }
+	const obj = getComponObj(right);
+	if (obj && obj.support) return obj.support;
+	else return {};
 }
 function getComponObj(right) {
-  return componConfig.value[lineToLargeHump(right.name)] || right;
+	return componConfig.value[lineToLargeHump(right.name)] || right;
 }
 function getTemplates(tos = {}, is = true) {
-  if (is) {
-    rtemplates.value = { ...templates, ...tos };
-  } else {
-    rtemplates.value = { ...tos };
-  }
-  return rtemplates;
+	if (is) rtemplates.value = {
+		...templates,
+		...tos
+	};
+	else rtemplates.value = { ...tos };
+	return rtemplates;
 }
 function stoageGenerated() {
-  localStorage.setItem(
-    enums.generatedkey,
-    toJSONSStringify(storageGenerated.value)
-  );
+	localStorage.setItem(enums.generatedkey, toJSONSStringify(storageGenerated.value));
 }
 function deleteGenerated(name) {
-  delete storageGenerated.value[name];
-  stoageGenerated();
+	delete storageGenerated.value[name];
+	stoageGenerated();
 }
 function getGenerated() {
-  if (Object.keys(storageGenerated.value).length === 0) {
-    const str = localStorage.getItem(enums.generatedkey);
-    if (str) {
-      storageGenerated.value = toJSONSParse(str);
-    }
-  }
-  return storageGenerated;
+	if (Object.keys(storageGenerated.value).length === 0) {
+		const str = localStorage.getItem(enums.generatedkey);
+		if (str) storageGenerated.value = toJSONSParse(str);
+	}
+	return storageGenerated;
 }
 function unGenerated(obj) {
-  getGenerated();
-  storageGenerated.value[obj.name] = obj;
-  stoageGenerated();
+	getGenerated();
+	storageGenerated.value[obj.name] = obj;
+	stoageGenerated();
 }
+/**
+* 获取不能设置的组件名称
+* @returns
+*/
 function getTemplateNuam() {
-  return [
-    ...Object.keys(basics),
-    ...Object.keys(vues),
-    ...Object.keys(routers)
-  ];
+	return [
+		...Object.keys(basics),
+		...Object.keys(vues),
+		...Object.keys(routers)
+	];
 }
-export {
-  deleteGenerated,
-  getComponConfig,
-  getComponObj,
-  getComponSupport,
-  getGenerated,
-  getLeftList,
-  getTemplateNuam,
-  getTemplates,
-  unGenerated
-};
+//#endregion
+export { deleteGenerated, getComponConfig, getComponObj, getComponSupport, getGenerated, getLeftList, getTemplateNuam, getTemplates, unGenerated };

package/dist/config.cjs

@@ -1,21 +1,13 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const mergeObject = require("@fangzhongya/utils/basic/object/mergeObject");
-const enums = {
-  position: "positions",
-  generatedkey: "fang-page-generated"
-};
-const config = {
-  // 样式名称
-  classhead: "fang-page"
-  // 是否支持多级拖动
+let _fangzhongya_utils_basic_object_mergeObject = require("@fangzhongya/utils/basic/object/mergeObject");
+//#region packages/config.ts
+var enums = {
+	position: "positions",
+	generatedkey: "fang-page-generated"
 };
+var config = { classhead: "fang-page" };
 function setConfig(obj) {
-  mergeObject.mergeObject(config, obj || {}, 100);
-}
-function getConfig() {
-  return config;
+	(0, _fangzhongya_utils_basic_object_mergeObject.mergeObject)(config, obj || {}, 100);
 }
+//#endregion
 exports.enums = enums;
-exports.getConfig = getConfig;
 exports.setConfig = setConfig;

package/dist/config.js

@@ -1,21 +1,12 @@
 import { mergeObject } from "@fangzhongya/utils/basic/object/mergeObject";
-const enums = {
-  position: "positions",
-  generatedkey: "fang-page-generated"
-};
-const config = {
-  // 样式名称
-  classhead: "fang-page"
-  // 是否支持多级拖动
+//#region packages/config.ts
+var enums = {
+	position: "positions",
+	generatedkey: "fang-page-generated"
 };
+var config = { classhead: "fang-page" };
 function setConfig(obj) {
-  mergeObject(config, obj || {}, 100);
-}
-function getConfig() {
-  return config;
+	mergeObject(config, obj || {}, 100);
 }
-export {
-  enums,
-  getConfig,
-  setConfig
-};
+//#endregion
+export { enums, setConfig };

package/dist/css/style.css

@@ -989,6 +989,7 @@
 .fang-page-tree-level-slot-name {
   padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding) - 5px);
   font-size: 14px;
+  white-space: nowrap;
 }
 .fang-page-generated-box {
   width: 100%;

package/dist/css/style6.css

@@ -1,5 +1,60 @@
-
-.vue-grid-layout {
-		position: relative;
-		transition: height 0.2s ease;
-}
+.vue-grid-item {
+  box-sizing: border-box;
+  touch-action: none;
+  transition: all 0.2s ease;
+  transition-property: left, top, right;
+}
+.vue-grid-item.no-touch {
+  touch-action: none;
+}
+.vue-grid-item.css-transforms {
+  right: auto;
+  left: 0;
+  transition-property: transform;
+}
+.vue-grid-item.resizing {
+  z-index: 3;
+  opacity: 0.6;
+}
+.vue-grid-item.vue-draggable-dragging {
+  z-index: 3;
+  transition: none;
+}
+.vue-grid-item.vue-grid-placeholder {
+  z-index: 2;
+  user-select: none;
+  background: red;
+  opacity: 0.2;
+  transition-duration: 0.1s;
+}
+.vue-grid-item > .vue-resizable-handle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  cursor: se-resize;
+}
+.vue-grid-item > .vue-resizable-handle:hover .corner-handle {
+  opacity: 1;
+}
+.vue-grid-item > .vue-resizable-handle:active .corner-handle {
+  transform: scale(120%);
+}
+.vue-grid-item > .vue-resizable-handle .corner-handle {
+  width: 4px;
+  height: 4px;
+  background-color: gray;
+  border-radius: 999px;
+  opacity: 0.5;
+  transition: 0.2s;
+  transition-property: opacity, transform;
+}
+.vue-grid-item.disable-user-select {
+  user-select: none;
+}

package/dist/css/style7.css

@@ -1,60 +1,5 @@
-.vue-grid-item {
-  box-sizing: border-box;
-  touch-action: none;
-  transition: all 0.2s ease;
-  transition-property: left, top, right;
-}
-.vue-grid-item.no-touch {
-  touch-action: none;
-}
-.vue-grid-item.css-transforms {
-  right: auto;
-  left: 0;
-  transition-property: transform;
-}
-.vue-grid-item.resizing {
-  z-index: 3;
-  opacity: 0.6;
-}
-.vue-grid-item.vue-draggable-dragging {
-  z-index: 3;
-  transition: none;
-}
-.vue-grid-item.vue-grid-placeholder {
-  z-index: 2;
-  user-select: none;
-  background: red;
-  opacity: 0.2;
-  transition-duration: 0.1s;
-}
-.vue-grid-item > .vue-resizable-handle {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  z-index: 20;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1rem;
-  height: 1rem;
-  cursor: se-resize;
-}
-.vue-grid-item > .vue-resizable-handle:hover .corner-handle {
-  opacity: 1;
-}
-.vue-grid-item > .vue-resizable-handle:active .corner-handle {
-  transform: scale(120%);
-}
-.vue-grid-item > .vue-resizable-handle .corner-handle {
-  width: 4px;
-  height: 4px;
-  background-color: gray;
-  border-radius: 999px;
-  opacity: 0.5;
-  transition: 0.2s;
-  transition-property: opacity, transform;
-}
-.vue-grid-item.disable-user-select {
-  user-select: none;
-}
+
+.vue-grid-layout {
+		position: relative;
+		transition: height 0.2s ease;
+}

package/dist/css/style8.css

@@ -0,0 +1,5 @@
+
+.editor-container[data-v-26a82175] {
+		width: 100%;
+		height: 400px; /* 设置一个默认高度，或通过props传入 */
+}

package/dist/design/design.cjs

@@ -1,53 +1,45 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
-const vue = require("vue");
-const design = require("../components/control/design.cjs");
-const config = require("../render/config.cjs");
+const require_config = require("../render/config.cjs");
+const require_design = require("../components/control/design.cjs");
+let vue = require("vue");
+let _fangzhongya_utils_name_lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
+//#region packages/design/design.ts
 function createDesign(obj, imports = {}, components = {}) {
-  const name = obj.name ? obj.name : "name-" + Date.now();
-  const props = config.getObjProps(obj);
-  return vue.defineComponent({
-    name: lineToLargeHump.lineToLargeHump(name),
-    props,
-    emits: obj.emits || [],
-    expose: obj.expose || [],
-    components,
-    setup(prs, ctx) {
-      const data = vue.reactive(obj.config?.data || {});
-      const temps = [];
-      const params = {
-        ...imports,
-        name,
-        ...ctx,
-        props: prs,
-        param: obj.config?.param || {},
-        data
-      };
-      config.setCodes(params, obj.list, obj.config?.codes);
-      vue.onMounted(() => {
-        if (obj.config?.mounted) {
-          config.runCodeBlock(obj.config.mounted, params);
-        }
-      });
-      vue.onActivated(() => {
-        if (obj.config?.activated) {
-          config.runCodeBlock(obj.config.activated, params);
-        }
-      });
-      vue.onDeactivated(() => {
-        if (obj.config?.deactivated) {
-          config.runCodeBlock(obj.config.deactivated, params);
-        }
-      });
-      vue.onUnmounted(() => {
-        if (obj.config?.unmounted) {
-          config.runCodeBlock(obj.config.unmounted, params);
-        }
-      });
-      vue.inject("params").value = params;
-      return () => design.getRender(params, obj.list, temps);
-    }
-  });
+	const name = obj.name ? obj.name : "name-" + Date.now();
+	const props = require_config.getObjProps(obj);
+	return (0, vue.defineComponent)({
+		name: (0, _fangzhongya_utils_name_lineToLargeHump.lineToLargeHump)(name),
+		props,
+		emits: obj.emits || [],
+		expose: obj.expose || [],
+		components,
+		setup(prs, ctx) {
+			const data = (0, vue.reactive)(obj.config?.data || {});
+			const temps = [];
+			const params = {
+				...imports,
+				name,
+				...ctx,
+				props: prs,
+				param: obj.config?.param || {},
+				data
+			};
+			require_config.setCodes(params, obj.list, obj.config?.codes);
+			(0, vue.onMounted)(() => {
+				if (obj.config?.mounted) require_config.runCodeBlock(obj.config.mounted, params);
+			});
+			(0, vue.onActivated)(() => {
+				if (obj.config?.activated) require_config.runCodeBlock(obj.config.activated, params);
+			});
+			(0, vue.onDeactivated)(() => {
+				if (obj.config?.deactivated) require_config.runCodeBlock(obj.config.deactivated, params);
+			});
+			(0, vue.onUnmounted)(() => {
+				if (obj.config?.unmounted) require_config.runCodeBlock(obj.config.unmounted, params);
+			});
+			(0, vue.inject)("params").value = params;
+			return () => require_design.getRender(params, obj.list, temps);
+		}
+	});
 }
+//#endregion
 exports.createDesign = createDesign;

package/dist/design/design.d.ts

@@ -1,7 +1,7 @@
-export declare function createDesign(obj: DesignCompon, imports?: ObjAny, components?: {}): import('vue').DefineComponent<{}, () => string | globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function createDesign(obj: DesignCompon, imports?: ObjAny, components?: {}): import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<{}, () => string | globalThis.VNode<import('../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../vue/dist/vue.esm-bundler.js').RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}>, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, string[], string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<{}> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
     [x: string]: any;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;