@fangzhongya/page 0.0.28 → 0.0.30

package/dist/components/index2.cjs

@@ -1,15 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const __unplugin_directives_0 = require("@fangzhongya/fang-ui/directives/adjustment/index");
-const index$7 = require("@fangzhongya/fang-ui/components/window/index");
-require("@fangzhongya/fang-ui/components/window/style/index2.scss");
-const index$6 = require("@fangzhongya/fang-ui/components/retract/index");
+const index$2 = require("@fangzhongya/fang-ui/components/retract/index");
 require("@fangzhongya/fang-ui/components/retract/style/index2.scss");
-const index$5 = require("@fangzhongya/fang-ui/components/history/index");
-require("@fangzhongya/fang-ui/components/history/style/index2.scss");
-const index$4 = require("@fangzhongya/fang-ui/components/button/index");
-require("@fangzhongya/fang-ui/components/button/style/index2.scss");
 const vue = require("vue");
+require("./top/index.cjs");
+require("./set/index.cjs");
 require("../design/index.cjs");
 require("../design/render.cjs");
 require("../effect/index.cjs");
@@ -17,33 +13,20 @@ require("../viewer/index.cjs");
 require("./operate/right-key.cjs");
 require("./left/index.cjs");
 require("./right/index.cjs");
-require("./editor/view.cjs");
-require("./editor/look-over.cjs");
 require("./tree/index.cjs");
-const index$1 = require("@fangzhongya/fang-ui/hooks/full-screen/index");
-require("./output/gener.cjs");
-require("./generated/index.cjs");
-const index$3 = require("@fangzhongya/fang-ui/components/box-fun/index");
-require("@fangzhongya/fang-ui/components/box-fun/style/index2.scss");
-const toJsons = require("@fangzhongya/utils/basic/string/toJsons");
-const copy = require("../utils/copy.cjs");
 const index = require("../utils/index.cjs");
-const index$2 = require("@fangzhongya/fang-ui/hooks/model/index");
-const es = require("element-plus/es");
-require("element-plus/es/components/base/style/css");
-require("element-plus/es/components/input/style/css");
-require("element-plus/es/components/message/style/css");
-const view_vue_vue_type_script_setup_true_lang = require("./editor/view2.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./left/index2.cjs");
-const index_vue_vue_type_script_setup_true_lang$1 = require("./tree/index2.cjs");
-const index_vue_vue_type_script_setup_true_lang$2 = require("../viewer/index2.cjs");
-const index_vue_vue_type_script_setup_true_lang$3 = require("../effect/index2.cjs");
+const copy = require("../utils/copy.cjs");
+const index$1 = require("@fangzhongya/fang-ui/hooks/model/index");
+const util = require("./set/util.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./top/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$1 = require("./left/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$2 = require("./tree/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$3 = require("../viewer/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$4 = require("../effect/index2.cjs");
 const render_vue_vue_type_script_setup_true_lang = require("../design/render2.cjs");
-const index_vue_vue_type_script_setup_true_lang$4 = require("../design/index2.cjs");
-const index_vue_vue_type_script_setup_true_lang$5 = require("./right/index2.cjs");
-const lookOver_vue_vue_type_script_setup_true_lang = require("./editor/look-over2.cjs");
-const gener_vue_vue_type_script_setup_true_lang = require("./output/gener2.cjs");
-const index_vue_vue_type_script_setup_true_lang$6 = require("./generated/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$5 = require("../design/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$6 = require("./right/index2.cjs");
+const index_vue_vue_type_script_setup_true_lang$7 = require("./set/index2.cjs");
 const rightKey_vue_vue_type_script_setup_true_lang = require("./operate/right-key2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -87,47 +70,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const cs = index.getClass("page");
-    const config = vue.computed(() => {
-      return props.config || {};
+    const setObj = vue.ref(util.getSetObjValue());
+    const setSetObj = vue.computed(() => {
+      return util.getStyleSetObj(setObj.value);
     });
-    const { isFullscreen, toggle } = index$1.useFullscreen();
-    const isTree = vue.ref(false);
-    const isLeft = vue.ref(config.value.left || false);
-    const isRight = vue.ref(config.value.right || false);
-    const isGenerated = vue.ref(false);
-    const refDom = vue.ref();
-    const refDomRender = vue.ref();
     const rkey = vue.ref(0);
     vue.provide("rkey", rkey);
-    const layout = index$2.useModel(props, emit, () => getLayout());
-    vue.watch([() => layout.value], () => {
-      onRefresh();
-      setHistory();
-    });
-    vue.watch(
-      [() => layout.value],
-      () => {
-        setHistory();
-      },
-      {
-        deep: true
-      }
-    );
-    const ispreview = vue.ref(false);
-    const isSwitch = vue.ref(false);
-    const isoutput = vue.ref(false);
-    const record = vue.ref(0);
-    const right = index$2.useModel(
+    const layout = index$1.useModel(props, emit, () => getLayout());
+    const right = index$1.useModel(
       props,
       emit,
       void 0,
       "right"
     );
-    vue.watch([() => right.value], () => {
-      if (right.value && isRight.value) {
-        isRight.value = false;
-      }
-      emit("change", right.value);
+    const config = vue.computed(() => {
+      return props.config || {};
+    });
+    const states = vue.reactive({
+      set: false,
+      tree: config.value.tree || false,
+      left: config.value.left || false,
+      right: config.value.right || false
     });
     vue.provide("config", config);
     vue.provide("right", right);
@@ -147,319 +110,69 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       box: false
     });
     vue.provide("operateRightKey", operateRightKey);
-    const lookOver = vue.ref({
-      // 弹框名称
-      title: "",
-      // 头展示
-      top: "",
-      // 是否展示弹框
-      box: false,
-      // 输入的值
-      value: ""
-    });
-    vue.provide("lookOver", lookOver.value);
-    const isHistory = vue.ref(true);
-    let timer;
-    function setHistory() {
-      if (isHistory.value) {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          record.value++;
-        }, 400);
-      }
-    }
-    function onHistory() {
-      onRefresh();
-      isHistory.value = false;
-      setTimeout(() => {
-        isHistory.value = true;
-      }, 200);
-    }
-    function onTree() {
-      isTree.value = !isTree.value;
-    }
-    function onLeft() {
-      isLeft.value = !isLeft.value;
-    }
-    function onRight() {
-      isRight.value = !isRight.value;
-    }
-    function onInput() {
-      const value = vue.ref("");
-      index$3.BoxFun(
-        () => vue.h("div", {}, [
-          vue.h("div", {}, [
-            vue.h(es.ElInput, {
-              type: "textarea",
-              placeholder: "请输入内容",
-              modelValue: value.value,
-              ["onUpdate:modelValue"]: (v) => {
-                value.value = v;
-              }
-            })
-          ])
-        ]),
-        {
-          title: "输入内容"
-        },
-        () => {
-          if (value.value) {
-            const obj = toJsons.toJSONSParse(value.value);
-            if (obj && typeof obj === "object") {
-              return true;
-            } else {
-              es.ElMessage.error("输入的不是对象");
-            }
-          }
-          return false;
-        }
-      ).then(() => {
-        const obj = toJsons.toJSONSParse(value.value);
-        if (obj && typeof obj === "object") {
-          layout.value = toJsons.toJSONSParse(value.value) || {};
-          rkey.value++;
-        }
-      }).catch(() => {
-      });
-    }
-    function onGenerated() {
-      isGenerated.value = !isGenerated.value;
-    }
     function onGeneratedSubmit(obj) {
       emit("component", obj);
     }
     function onSave() {
       emit("save", layout.value);
     }
-    function onPreview() {
-      ispreview.value = true;
-    }
-    function onOutput() {
-      isoutput.value = true;
-    }
-    function onEmpty() {
-      layout.value = getLayout();
+    function onMould(item) {
+      layout.value = item;
       right.value = void 0;
       onRefresh();
     }
-    function onMould(item) {
-      layout.value = item;
+    function onEmpty() {
+      layout.value = getLayout();
       right.value = void 0;
       onRefresh();
     }
     function getData() {
       return layout.value;
     }
-    function onSwitch() {
-      isSwitch.value = !isSwitch.value;
-    }
-    function onFullscreen() {
-      if (isSwitch.value) {
-        toggle(refDomRender.value);
-      } else {
-        toggle(refDom.value);
-      }
-    }
     function onRefresh() {
       rkey.value++;
     }
-    vue.onMounted(() => {
-      setHistory();
+    vue.watch([() => right.value], () => {
+      if (right.value && states.right) {
+        states.right = false;
+      }
+      emit("change", right.value);
     });
     __expose({
       getData,
       onRefresh
     });
     return (_ctx, _cache) => {
-      const _component_Button = index$4.Button;
-      const _component_History = index$5.History;
-      const _component_Retract = index$6.Retract;
-      const _component_window = index$7.Window;
+      const _component_Retract = index$2.Retract;
       const _directive_adjustment = __unplugin_directives_0;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs)()),
-        ref_key: "refDom",
-        ref: refDom
+        style: vue.normalizeStyle(vue.unref(setSetObj))
       }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(cs)("top"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(cs)("top-left"))
-          }, [
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onLeft
-            }, {
-              default: vue.withCtx(() => [..._cache[9] || (_cache[9] = [
-                vue.createTextVNode(" 组件 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onTree
-            }, {
-              default: vue.withCtx(() => [..._cache[10] || (_cache[10] = [
-                vue.createTextVNode(" 目录 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onRight
-            }, {
-              default: vue.withCtx(() => [..._cache[11] || (_cache[11] = [
-                vue.createTextVNode(" 配置 ", -1)
-              ])]),
-              _: 1
-            }),
-            !vue.unref(config).input ? (vue.openBlock(), vue.createBlock(_component_Button, {
-              key: 0,
-              text: "",
-              onClick: onInput
-            }, {
-              default: vue.withCtx(() => [..._cache[12] || (_cache[12] = [
-                vue.createTextVNode(" 输入 ", -1)
-              ])]),
-              _: 1
-            })) : vue.createCommentVNode("", true),
-            !vue.unref(config).save ? (vue.openBlock(), vue.createBlock(_component_Button, {
-              key: 1,
-              text: "",
-              onClick: onSave
-            }, {
-              default: vue.withCtx(() => [..._cache[13] || (_cache[13] = [
-                vue.createTextVNode(" 保存 ", -1)
-              ])]),
-              _: 1
-            })) : vue.createCommentVNode("", true),
-            vue.createVNode(_component_History, {
-              onChange: onHistory,
-              isCur: false,
-              isModel: "",
-              record: record.value,
-              copyFilter: (key) => !key.startsWith("__"),
-              modelValue: vue.unref(layout),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(layout) ? layout.value = $event : null)
-            }, null, 8, ["record", "copyFilter", "modelValue"])
-          ], 2),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(cs)("top-right"))
-          }, [
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onSwitch
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(isSwitch.value ? "设计" : "效果"), 1)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onRefresh
-            }, {
-              default: vue.withCtx(() => [..._cache[14] || (_cache[14] = [
-                vue.createTextVNode(" 刷新 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              class: "close",
-              text: "",
-              onClick: onEmpty
-            }, {
-              default: vue.withCtx(() => [..._cache[15] || (_cache[15] = [
-                vue.createTextVNode(" 清空 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onPreview
-            }, {
-              default: vue.withCtx(() => [..._cache[16] || (_cache[16] = [
-                vue.createTextVNode(" 预览 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onOutput
-            }, {
-              default: vue.withCtx(() => [..._cache[17] || (_cache[17] = [
-                vue.createTextVNode(" 生成 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onGenerated
-            }, {
-              default: vue.withCtx(() => [..._cache[18] || (_cache[18] = [
-                vue.createTextVNode(" 组件 ", -1)
-              ])]),
-              _: 1
-            }),
-            vue.createVNode(_component_Button, {
-              text: "",
-              onClick: onFullscreen
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(isFullscreen) ? "取消全屏" : "全屏"), 1)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(view_vue_vue_type_script_setup_true_lang.default, {
-              top: "设置数据",
-              modelValue: vue.unref(layout),
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(layout) ? layout.value = $event : null)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_Button, { text: "" }, {
-                  default: vue.withCtx(() => [..._cache[19] || (_cache[19] = [
-                    vue.createTextVNode(" 查看 ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            vue.createVNode(view_vue_vue_type_script_setup_true_lang.default, {
-              type: "9",
-              top: "最小数据",
-              modelValue: vue.unref(layout),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(layout) ? layout.value = $event : null)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_Button, { text: "" }, {
-                  default: vue.withCtx(() => [..._cache[20] || (_cache[20] = [
-                    vue.createTextVNode(" 最小 ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ], 2)
-        ], 2),
+        vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, {
+          onRefresh,
+          onSave,
+          onComponent: onGeneratedSubmit,
+          onEmpty,
+          states: vue.unref(states),
+          value: setObj.value
+        }, null, 8, ["states", "value"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(vue.unref(cs)("grid"))
         }, [
           vue.createVNode(_component_Retract, {
-            modelValue: isLeft.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isLeft.value = $event),
+            modelValue: vue.unref(states).left,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(states).left = $event),
             isAdjust: "",
             direction: "right"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, { onMould })
+              vue.createVNode(index_vue_vue_type_script_setup_true_lang$1.default, { onMould })
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          vue.withDirectives(vue.createVNode(index_vue_vue_type_script_setup_true_lang$1.default, null, null, 512), [
-            [vue.vShow, isTree.value],
+          vue.withDirectives(vue.createVNode(index_vue_vue_type_script_setup_true_lang$2.default, null, null, 512), [
+            [vue.vShow, vue.unref(states).tree],
             [_directive_adjustment, {
               right: {
                 interval: 8
@@ -469,94 +182,40 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(cs)("grid-design"))
           }, [
-            vue.withDirectives(vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(cs)("grid-design-tis"))
-            }, " 请从左边拖动控件放置滑块中 ", 2), [
-              [vue.vShow, !isSwitch.value]
-            ]),
-            vue.unref(config).type == "3" ? vue.withDirectives((vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$2.default, {
+            setObj.value.type == "3" ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$3.default, {
               key: rkey.value,
               value: vue.unref(layout)
-            }, null, 8, ["value"])), [
-              [vue.vShow, !isSwitch.value]
-            ]) : vue.unref(config).type == "2" ? vue.withDirectives((vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$3.default, {
+            }, null, 8, ["value"])) : setObj.value.type == "2" ? (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$4.default, {
               key: rkey.value,
               value: vue.unref(layout)
-            }, null, 8, ["value"])), [
-              [vue.vShow, !isSwitch.value]
-            ]) : vue.unref(config).type == "4" ? vue.withDirectives((vue.openBlock(), vue.createBlock(render_vue_vue_type_script_setup_true_lang.default, {
+            }, null, 8, ["value"])) : setObj.value.type == "4" ? (vue.openBlock(), vue.createBlock(render_vue_vue_type_script_setup_true_lang.default, {
               key: rkey.value,
               value: vue.unref(layout)
-            }, null, 8, ["value"])), [
-              [vue.vShow, !isSwitch.value]
-            ]) : vue.withDirectives((vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$4.default, {
+            }, null, 8, ["value"])) : (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang$5.default, {
               key: rkey.value,
               value: vue.unref(layout)
-            }, null, 8, ["value"])), [
-              [vue.vShow, !isSwitch.value]
-            ]),
-            vue.createElementVNode("div", {
-              ref_key: "refDomRender",
-              ref: refDomRender,
-              class: vue.normalizeClass(vue.unref(cs)("grid-design-render"))
-            }, [
-              isSwitch.value ? (vue.openBlock(), vue.createBlock(render_vue_vue_type_script_setup_true_lang.default, {
-                key: rkey.value,
-                value: vue.unref(layout)
-              }, null, 8, ["value"])) : vue.createCommentVNode("", true)
-            ], 2)
+            }, null, 8, ["value"]))
           ], 2),
           vue.createVNode(_component_Retract, {
-            modelValue: isRight.value,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRight.value = $event),
+            modelValue: vue.unref(states).right,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(states).right = $event),
             isAdjust: "",
             direction: "left"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(index_vue_vue_type_script_setup_true_lang$5.default)
+              vue.createVNode(index_vue_vue_type_script_setup_true_lang$6.default)
             ]),
             _: 1
           }, 8, ["modelValue"])
         ], 2),
-        vue.createVNode(lookOver_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(lookOver.value, {
-          modelValue: lookOver.value.box,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => lookOver.value.box = $event)
-        }), null, 16, ["modelValue"]),
-        vue.createVNode(_component_window, {
-          isMin: "",
-          max: "",
-          title: "预览",
-          modelValue: ispreview.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => ispreview.value = $event)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(render_vue_vue_type_script_setup_true_lang.default, { value: vue.unref(layout) }, null, 8, ["value"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        vue.createVNode(_component_window, {
-          isMin: "",
-          max: "",
-          title: "生成组件代码",
-          modelValue: isoutput.value,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isoutput.value = $event)
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(gener_vue_vue_type_script_setup_true_lang.default, {
-              key: isoutput.value + "",
-              value: vue.unref(layout)
-            }, null, 8, ["value"]))
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        vue.createVNode(index_vue_vue_type_script_setup_true_lang$6.default, {
-          modelValue: isGenerated.value,
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isGenerated.value = $event),
-          onSubmit: onGeneratedSubmit,
-          value: vue.unref(layout)
-        }, null, 8, ["modelValue", "value"]),
+        vue.createVNode(index_vue_vue_type_script_setup_true_lang$7.default, {
+          value: setObj.value,
+          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => setObj.value = $event),
+          modelValue: vue.unref(states).set,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(states).set = $event)
+        }, null, 8, ["value", "modelValue"]),
         vue.createVNode(rightKey_vue_vue_type_script_setup_true_lang.default)
-      ], 2);
+      ], 6);
     };
   }
 });