@fangzhongya/page 0.0.27 → 0.0.29

package/dist/components/index2.js

@@ -7,15 +7,17 @@ import { History } from "@fangzhongya/fang-ui/components/history/index";
 import "@fangzhongya/fang-ui/components/history/style/index2.scss";
 import { Button } from "@fangzhongya/fang-ui/components/button/index";
 import "@fangzhongya/fang-ui/components/button/style/index2.scss";
-import { defineComponent, computed, ref, provide, nextTick, h, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode, isRef, toDisplayString, withDirectives, vShow, mergeProps } from "vue";
+import { defineComponent, computed, ref, provide, watch, reactive, h, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode, isRef, toDisplayString, withDirectives, vShow, mergeProps } from "vue";
 import "../design/index.js";
 import "../design/render.js";
+import "../effect/index.js";
+import "../viewer/index.js";
+import "./operate/right-key.js";
 import "./left/index.js";
 import "./right/index.js";
 import "./editor/view.js";
 import "./editor/look-over.js";
 import "./tree/index.js";
-import "./editor/editor.js";
 import { useFullscreen } from "@fangzhongya/fang-ui/hooks/full-screen/index";
 import "./output/gener.js";
 import "./generated/index.js";
@@ -32,13 +34,15 @@ import "element-plus/es/components/message/style/css";
 import _sfc_main$1 from "./editor/view2.js";
 import _sfc_main$2 from "./left/index2.js";
 import _sfc_main$3 from "./tree/index2.js";
-import _sfc_main$4 from "../design/index2.js";
-import _sfc_main$5 from "../design/render2.js";
-import _sfc_main$6 from "./right/index2.js";
-import _sfc_main$7 from "./editor/editor2.js";
-import _sfc_main$8 from "./editor/look-over2.js";
-import _sfc_main$9 from "./output/gener2.js";
-import _sfc_main$a from "./generated/index2.js";
+import _sfc_main$4 from "../viewer/index2.js";
+import _sfc_main$5 from "../effect/index2.js";
+import _sfc_main$6 from "../design/render2.js";
+import _sfc_main$7 from "../design/index2.js";
+import _sfc_main$8 from "./right/index2.js";
+import _sfc_main$9 from "./editor/look-over2.js";
+import _sfc_main$a from "./output/gener2.js";
+import _sfc_main$b from "./generated/index2.js";
+import _sfc_main$c from "./operate/right-key2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -50,28 +54,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       default() {
         return {};
       }
+    },
+    right: {
+      type: Object
     }
   },
   emits: [
     "save",
     "component",
     "update:modelValue",
+    "update:right",
     "change"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const cs = getClass("page");
-    const config = computed(() => {
-      return props.config || {};
-    });
-    const { isFullscreen, toggle } = useFullscreen();
-    const isTree = ref(false);
-    const isLeft = ref(config.value.left || false);
-    const isRight = ref(config.value.right || false);
-    const isGenerated = ref(false);
-    const refDom = ref();
-    const refDomRender = ref();
     const layoutObj = {
       name: "Create",
       title: "",
@@ -87,30 +82,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getLayout = () => {
       return deepCopy(layoutObj);
     };
+    const props = __props;
+    const emit = __emit;
+    const cs = getClass("page");
+    const config = computed(() => {
+      return props.config || {};
+    });
+    const { isFullscreen, toggle } = useFullscreen();
+    const isTree = ref(false);
+    const isLeft = ref(config.value.left || false);
+    const isRight = ref(config.value.right || false);
+    const isGenerated = ref(false);
+    const refDom = ref();
+    const refDomRender = ref();
     const rkey = ref(0);
     provide("rkey", rkey);
-    const defaultValue = getLayout();
-    const layout = useModel(props, emit, defaultValue);
-    const setLayout = () => {
-      if (layout.value && layout.value !== defaultValue) {
-        Object.keys(layoutObj).forEach((key) => {
-          if (layout.value[key] === void 0) {
-            layout.value[key] = deepCopy(layoutObj[key]);
-          }
-        });
-      } else {
-        layout.value = getLayout();
-        nextTick(() => {
-          onRefresh();
-        });
+    const layout = useModel(props, emit, () => getLayout());
+    watch([() => layout.value], () => {
+      onRefresh();
+      setHistory();
+    });
+    watch(
+      [() => layout.value],
+      () => {
+        setHistory();
+      },
+      {
+        deep: true
       }
-    };
-    setLayout();
+    );
     const ispreview = ref(false);
     const isSwitch = ref(false);
     const isoutput = ref(false);
     const record = ref(0);
-    const right = ref();
+    const right = useModel(
+      props,
+      emit,
+      void 0,
+      "right"
+    );
+    watch([() => right.value], () => {
+      if (right.value && isRight.value) {
+        isRight.value = false;
+      }
+      emit("change", right.value);
+    });
     provide("config", config);
     provide("right", right);
     provide("layout", layout);
@@ -118,17 +134,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide("params", params);
     const replication = ref();
     provide("replication", replication);
-    const editorObj = ref({
-      title: "",
-      type: "",
-      top: "",
-      prop: "",
-      config: {},
-      value: "",
-      box: false,
-      submit() {
-      }
+    const operateRightKey = reactive({
+      options: [],
+      position: {
+        x: 0,
+        y: 0
+      },
+      onClickRight(v) {
+      },
+      box: false
     });
+    provide("operateRightKey", operateRightKey);
     const lookOver = ref({
       // 弹框名称
       title: "",
@@ -139,7 +155,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // 输入的值
       value: ""
     });
-    provide("editor", editorObj.value);
     provide("lookOver", lookOver.value);
     const isHistory = ref(true);
     let timer;
@@ -246,27 +261,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onRefresh() {
       rkey.value++;
     }
-    watch([() => right.value], () => {
-      if (right.value && isRight.value) {
-        isRight.value = false;
-      }
-      emit("change", right.value);
-    });
-    watch(
-      [() => layout.value],
-      () => {
-        setLayout();
-        setHistory();
-      },
-      {
-        deep: true
-      }
-    );
     onMounted(() => {
       setHistory();
     });
     __expose({
-      getData
+      getData,
+      onRefresh
     });
     return (_ctx, _cache) => {
       const _component_Button = Button;
@@ -289,7 +289,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onLeft
             }, {
-              default: withCtx(() => [..._cache[10] || (_cache[10] = [
+              default: withCtx(() => [..._cache[9] || (_cache[9] = [
                 createTextVNode(" 组件 ", -1)
               ])]),
               _: 1
@@ -298,7 +298,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onTree
             }, {
-              default: withCtx(() => [..._cache[11] || (_cache[11] = [
+              default: withCtx(() => [..._cache[10] || (_cache[10] = [
                 createTextVNode(" 目录 ", -1)
               ])]),
               _: 1
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onRight
             }, {
-              default: withCtx(() => [..._cache[12] || (_cache[12] = [
+              default: withCtx(() => [..._cache[11] || (_cache[11] = [
                 createTextVNode(" 配置 ", -1)
               ])]),
               _: 1
@@ -317,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onInput
             }, {
-              default: withCtx(() => [..._cache[13] || (_cache[13] = [
+              default: withCtx(() => [..._cache[12] || (_cache[12] = [
                 createTextVNode(" 输入 ", -1)
               ])]),
               _: 1
@@ -327,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onSave
             }, {
-              default: withCtx(() => [..._cache[14] || (_cache[14] = [
+              default: withCtx(() => [..._cache[13] || (_cache[13] = [
                 createTextVNode(" 保存 ", -1)
               ])]),
               _: 1
@@ -358,7 +358,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onRefresh
             }, {
-              default: withCtx(() => [..._cache[15] || (_cache[15] = [
+              default: withCtx(() => [..._cache[14] || (_cache[14] = [
                 createTextVNode(" 刷新 ", -1)
               ])]),
               _: 1
@@ -368,7 +368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onEmpty
             }, {
-              default: withCtx(() => [..._cache[16] || (_cache[16] = [
+              default: withCtx(() => [..._cache[15] || (_cache[15] = [
                 createTextVNode(" 清空 ", -1)
               ])]),
               _: 1
@@ -377,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onPreview
             }, {
-              default: withCtx(() => [..._cache[17] || (_cache[17] = [
+              default: withCtx(() => [..._cache[16] || (_cache[16] = [
                 createTextVNode(" 预览 ", -1)
               ])]),
               _: 1
@@ -386,7 +386,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onOutput
             }, {
-              default: withCtx(() => [..._cache[18] || (_cache[18] = [
+              default: withCtx(() => [..._cache[17] || (_cache[17] = [
                 createTextVNode(" 生成 ", -1)
               ])]),
               _: 1
@@ -395,7 +395,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               text: "",
               onClick: onGenerated
             }, {
-              default: withCtx(() => [..._cache[19] || (_cache[19] = [
+              default: withCtx(() => [..._cache[18] || (_cache[18] = [
                 createTextVNode(" 组件 ", -1)
               ])]),
               _: 1
@@ -416,7 +416,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(_component_Button, { text: "" }, {
-                  default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                  default: withCtx(() => [..._cache[19] || (_cache[19] = [
                     createTextVNode(" 查看 ", -1)
                   ])]),
                   _: 1
@@ -432,7 +432,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(_component_Button, { text: "" }, {
-                  default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                  default: withCtx(() => [..._cache[20] || (_cache[20] = [
                     createTextVNode(" 最小 ", -1)
                   ])]),
                   _: 1
@@ -472,7 +472,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, " 请从左边拖动控件放置滑块中 ", 2), [
               [vShow, !isSwitch.value]
             ]),
-            withDirectives((openBlock(), createBlock(_sfc_main$4, {
+            unref(config).type == "3" ? withDirectives((openBlock(), createBlock(_sfc_main$4, {
+              key: rkey.value,
+              value: unref(layout)
+            }, null, 8, ["value"])), [
+              [vShow, !isSwitch.value]
+            ]) : unref(config).type == "2" ? withDirectives((openBlock(), createBlock(_sfc_main$5, {
+              key: rkey.value,
+              value: unref(layout)
+            }, null, 8, ["value"])), [
+              [vShow, !isSwitch.value]
+            ]) : unref(config).type == "4" ? withDirectives((openBlock(), createBlock(_sfc_main$6, {
+              key: rkey.value,
+              value: unref(layout)
+            }, null, 8, ["value"])), [
+              [vShow, !isSwitch.value]
+            ]) : withDirectives((openBlock(), createBlock(_sfc_main$7, {
               key: rkey.value,
               value: unref(layout)
             }, null, 8, ["value"])), [
@@ -483,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: refDomRender,
               class: normalizeClass(unref(cs)("grid-design-render"))
             }, [
-              isSwitch.value ? (openBlock(), createBlock(_sfc_main$5, {
+              isSwitch.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: rkey.value,
                 value: unref(layout)
               }, null, 8, ["value"])) : createCommentVNode("", true)
@@ -496,29 +511,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             direction: "left"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$6)
+              createVNode(_sfc_main$8)
             ]),
             _: 1
           }, 8, ["modelValue"])
         ], 2),
-        createVNode(_sfc_main$7, mergeProps(editorObj.value, {
-          onSubmit: editorObj.value.submit,
-          modelValue: editorObj.value.box,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => editorObj.value.box = $event)
-        }), null, 16, ["onSubmit", "modelValue"]),
-        createVNode(_sfc_main$8, mergeProps(lookOver.value, {
+        createVNode(_sfc_main$9, mergeProps(lookOver.value, {
           modelValue: lookOver.value.box,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => lookOver.value.box = $event)
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => lookOver.value.box = $event)
         }), null, 16, ["modelValue"]),
         createVNode(_component_window, {
           isMin: "",
           max: "",
           title: "预览",
           modelValue: ispreview.value,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => ispreview.value = $event)
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => ispreview.value = $event)
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$5, { value: unref(layout) }, null, 8, ["value"])
+            createVNode(_sfc_main$6, { value: unref(layout) }, null, 8, ["value"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
@@ -527,22 +537,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           max: "",
           title: "生成组件代码",
           modelValue: isoutput.value,
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isoutput.value = $event)
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isoutput.value = $event)
         }, {
           default: withCtx(() => [
-            (openBlock(), createBlock(_sfc_main$9, {
+            (openBlock(), createBlock(_sfc_main$a, {
               key: isoutput.value + "",
               value: unref(layout)
             }, null, 8, ["value"]))
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$b, {
           modelValue: isGenerated.value,
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isGenerated.value = $event),
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isGenerated.value = $event),
           onSubmit: onGeneratedSubmit,
           value: unref(layout)
-        }, null, 8, ["modelValue", "value"])
+        }, null, 8, ["modelValue", "value"]),
+        createVNode(_sfc_main$c)
       ], 2);
     };
   }

package/dist/components/left/custom2.cjs

@@ -4,11 +4,11 @@ const es = require("element-plus/es");
 require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/collapse/style/css");
 require("element-plus/es/components/collapse-item/style/css");
-require("element-plus/es/components/tooltip/style/css");
 const vue = require("vue");
 const Draggable = require("vuedraggable");
 const util = require("../../config/util.cjs");
 const index = require("../../utils/index.cjs");
+const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "custom",
   setup(__props) {
@@ -20,7 +20,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return util.getDesigns(obj);
     }
     return (_ctx, _cache) => {
-      const _component_el_tooltip = es.ElTooltip;
       const _component_ElCollapseItem = es.ElCollapseItem;
       const _component_ElCollapse = es.ElCollapse;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -53,20 +52,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }, {
                     item: vue.withCtx(({ element }) => [
                       vue.createElementVNode("div", null, [
-                        vue.createVNode(_component_el_tooltip, {
-                          effect: "dark",
-                          content: element.name,
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass(vue.unref(cs)("item"))
-                            }, [
-                              vue.createElementVNode("span", null, vue.toDisplayString(element.title || element.name), 1)
-                            ], 2)
-                          ]),
-                          _: 2
-                        }, 1032, ["content"])
+                        vue.createElementVNode("div", {
+                          title: element.name,
+                          class: vue.normalizeClass(vue.unref(cs)("item"))
+                        }, [
+                          vue.createElementVNode("span", null, vue.toDisplayString(element.title || element.name), 1)
+                        ], 10, _hoisted_1)
                       ])
                     ]),
                     _: 1

package/dist/components/left/custom2.js

@@ -1,12 +1,12 @@
-import { ElTooltip, ElCollapseItem, ElCollapse } from "element-plus/es";
+import { ElCollapseItem, ElCollapse } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/collapse/style/css";
 import "element-plus/es/components/collapse-item/style/css";
-import "element-plus/es/components/tooltip/style/css";
 import { defineComponent, ref, inject, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import Draggable from "vuedraggable";
 import { getLeftList, getDesigns } from "../../config/util.js";
 import { getClass } from "../../utils/index.js";
+const _hoisted_1 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "custom",
   setup(__props) {
@@ -18,7 +18,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return getDesigns(obj);
     }
     return (_ctx, _cache) => {
-      const _component_el_tooltip = ElTooltip;
       const _component_ElCollapseItem = ElCollapseItem;
       const _component_ElCollapse = ElCollapse;
       return openBlock(), createElementBlock("div", {
@@ -51,20 +50,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, {
                     item: withCtx(({ element }) => [
                       createElementVNode("div", null, [
-                        createVNode(_component_el_tooltip, {
-                          effect: "dark",
-                          content: element.name,
-                          placement: "top"
-                        }, {
-                          default: withCtx(() => [
-                            createElementVNode("div", {
-                              class: normalizeClass(unref(cs)("item"))
-                            }, [
-                              createElementVNode("span", null, toDisplayString(element.title || element.name), 1)
-                            ], 2)
-                          ]),
-                          _: 2
-                        }, 1032, ["content"])
+                        createElementVNode("div", {
+                          title: element.name,
+                          class: normalizeClass(unref(cs)("item"))
+                        }, [
+                          createElementVNode("span", null, toDisplayString(element.title || element.name), 1)
+                        ], 10, _hoisted_1)
                       ])
                     ]),
                     _: 1

package/dist/components/left/icons2.cjs

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/tooltip/style/css");
 const vue = require("vue");
 const Draggable = require("vuedraggable");
 const name = require("@fangzhongya/icons/name");
 const index = require("../../utils/index.cjs");
 const util = require("../../config/util.cjs");
 const basics = require("../../config/basics.cjs");
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "icons",
   setup(__props) {
@@ -20,20 +19,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return [...iconnames, ...cs2];
     });
     function cloneDog(obj) {
-      const config2 = util.getDesigns(obj);
-      return config2;
+      return util.getDesigns(obj);
     }
     function cloneIconDog(name2) {
       return util.getDesigns({
         name: name2,
         status: {
-          inline: true
+          // inline: true,
+          icon: true
         }
       });
     }
     const list = [...Object.values(basics.icons)];
     return (_ctx, _cache) => {
-      const _component_el_tooltip = es.ElTooltip;
       const _component_FangIcon = vue.resolveComponent("FangIcon");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs)())
@@ -54,20 +52,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, {
             item: vue.withCtx(({ element }) => [
               vue.createElementVNode("div", null, [
-                vue.createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: element.name,
-                  placement: "top"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(cs)("top-item"))
-                    }, [
-                      vue.createElementVNode("span", null, vue.toDisplayString(element.title || element.name), 1)
-                    ], 2)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
+                vue.createElementVNode("div", {
+                  title: element.name,
+                  class: vue.normalizeClass(vue.unref(cs)("top-item"))
+                }, [
+                  vue.createElementVNode("span", null, vue.toDisplayString(element.title || element.name), 1)
+                ], 10, _hoisted_1)
               ])
             ]),
             _: 1
@@ -89,23 +79,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, {
             item: vue.withCtx(({ element }) => [
               vue.createElementVNode("div", null, [
-                vue.createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: element,
-                  placement: "top"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(cs)("list-item"))
-                    }, [
-                      vue.createVNode(_component_FangIcon, {
-                        size: "100%",
-                        name: element
-                      }, null, 8, ["name"])
-                    ], 2)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
+                vue.createElementVNode("div", {
+                  title: element,
+                  class: vue.normalizeClass(vue.unref(cs)("list-item"))
+                }, [
+                  vue.createVNode(_component_FangIcon, {
+                    size: "100%",
+                    name: element
+                  }, null, 8, ["name"])
+                ], 10, _hoisted_2)
               ])
             ]),
             _: 1