super-page-designer 0.0.2-tmp9 → 1.0.2

package/dist/lib/components/design/views/assemblys/button/button/button-attr-style.vue.js

@@ -0,0 +1,49 @@
+"use strict";
+const vue = require("vue");
+const attrStyle_vue_vue_type_script_setup_true_lang = require("../../form/common/attr-style.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "button-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const blankOption = {
+      showTittleFont: false,
+      // 是否显示标题字体
+      showBackground: false,
+      // 是否显示背景
+      showBorder: true,
+      // 是否显示边框
+      showShadow: true,
+      // 是否显示阴影
+      showCursor: true,
+      // 是否显示鼠标手势
+      showClass: true,
+      // 是否显示class
+      showCustom: true
+      // 是否显示自定义
+    };
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, { style: { "margin-top": "6px" } }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(attrStyle_vue_vue_type_script_setup_true_lang, {
+                blankOption,
+                configure: __props.configure
+              }, null, 8, ["configure"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button/button-attr-style.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttonAttrStyle_vue_vue_type_script_setup_true_lang = require("./button-attr-style.vue.js");
+module.exports = buttonAttrStyle_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button/button-attr.vue.js

@@ -0,0 +1,4 @@
+"use strict";
+const buttonAttr_vue_vue_type_script_setup_true_lang = require("./button-attr.vue2.js");
+;/* empty css                  */
+module.exports = buttonAttr_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button/button-attr.vue2.js

@@ -0,0 +1,79 @@
+"use strict";
+const vue = require("vue");
+const buttonAttrBase_vue_vue_type_script_setup_true_lang = require("./button-attr-base.vue.js");
+const buttonAttrStyle_vue_vue_type_script_setup_true_lang = require("./button-attr-style.vue.js");
+const buttonAttrEvent_vue_vue_type_script_setup_true_lang = require("./button-attr-event.vue.js");
+const buttonAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./button-attr-advanced.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-header" };
+const _hoisted_3 = { class: "amb-design-attr-header-type" };
+const _hoisted_4 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "button-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ title: "Text", props: { type: "input-text" } })
+      // 设置默认值
+    },
+    pageDesign: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    let currentConfigType = vue.ref("base");
+    if (props.configure["isFlow"]) {
+      currentConfigType.value = "advanced";
+    }
+    function changeType(type) {
+      currentConfigType.value = type;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            (__props.configure.isFlow ? false : true) ? (vue.openBlock(), vue.createElementBlock("label", {
+              key: 0,
+              class: vue.normalizeClass({ selected: vue.unref(currentConfigType) === "base" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
+            }, "属性", 2)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ selected: vue.unref(currentConfigType) === "advanced" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => changeType("advanced"))
+            }, "高级", 2),
+            (__props.configure.isFlow ? false : true) ? (vue.openBlock(), vue.createElementBlock("label", {
+              key: 1,
+              class: vue.normalizeClass({ selected: vue.unref(currentConfigType) === "style" }),
+              onClick: _cache[2] || (_cache[2] = ($event) => changeType("style"))
+            }, "样式", 2)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ selected: vue.unref(currentConfigType) === "event" }),
+              onClick: _cache[3] || (_cache[3] = ($event) => changeType("event"))
+            }, "事件", 2)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.withDirectives(vue.createVNode(buttonAttrBase_vue_vue_type_script_setup_true_lang, {
+            configure: __props.configure,
+            pageDesign: __props.pageDesign
+          }, null, 8, ["configure", "pageDesign"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttonAttrAdvanced_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "advanced"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttonAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "style"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttonAttrEvent_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "event"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button/button-design.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttonDesign_vue_vue_type_script_setup_true_lang = require("./button-design.vue2.js");
+module.exports = buttonDesign_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button/button-design.vue2.js

@@ -0,0 +1,98 @@
+"use strict";
+const vue = require("vue");
+const agilebuilderUi = require("agilebuilder-ui");
+const formDesignUtil = require("../../../../utils/form-design-util.js");
+const pagePermissionUtil = require("../../../../utils/page-permission-util.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "button-design",
+  props: {
+    pageDesign: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.runtime) {
+      props.configure.runtime = {};
+    }
+    const designStyle = vue.ref({});
+    const designClass = vue.ref("");
+    const designHeaderStyle = vue.ref({});
+    const designProperty = vue.ref({});
+    function getRestsParameter() {
+      let defineProps = props.configure.props ? props.configure.props : {};
+      const propsBase2 = defineProps.base ? defineProps.base : {};
+      const tempProps = {};
+      if (propsBase2["type"]) {
+        tempProps["type"] = propsBase2["type"];
+      }
+      if (propsBase2["text"]) {
+        tempProps["text"] = true;
+      }
+      if (propsBase2["plain"]) {
+        tempProps["plain"] = true;
+      }
+      if (propsBase2["round"]) {
+        tempProps["round"] = true;
+      }
+      if (propsBase2.iconType && propsBase2.iconValue) {
+        tempProps.iconType = propsBase2.iconType;
+        tempProps.iconValue = propsBase2.iconValue;
+        tempProps.iconPosition = propsBase2.iconPosition;
+      }
+      Object.assign(designProperty.value, tempProps);
+    }
+    vue.watch(props.configure.style, () => {
+      formDesignUtil.caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+      props.configure.runtime.headerStyle = designHeaderStyle.value;
+    }, { immediate: true });
+    const propsBase = props.configure.props && props.configure.props.base ? props.configure.props.base : {};
+    let currentTitle = propsBase.title;
+    vue.watch(props.configure.props, (newVal, hisVal) => {
+      formDesignUtil.caculateComponentProps(props.configure, designProperty);
+      getRestsParameter();
+      if (propsBase.title !== currentTitle && props.pageDesign) {
+        pagePermissionUtil.batchUpdatePermissions(props.configure, props.pageDesign);
+        console.log("newcurrentTitle", currentTitle);
+        currentTitle = propsBase.title;
+      }
+      props.configure.runtime.props = designProperty.value;
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createBlock(_component_el_button, {
+        disabled: designProperty.value.state === "disabled",
+        class: vue.normalizeClass(designClass.value),
+        style: vue.normalizeStyle(designStyle.value),
+        type: designProperty.value.type,
+        size: designProperty.value.size,
+        text: designProperty.value.text,
+        round: designProperty.value.round,
+        plain: designProperty.value.plain
+      }, {
+        default: vue.withCtx(() => [
+          designProperty.value.title && designProperty.value.iconPosition == "right" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createTextVNode(vue.toDisplayString(designProperty.value.title) + " ", 1),
+            designProperty.value.iconValue ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode("   ")
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 64)) : vue.createCommentVNode("", true),
+          designProperty.value.iconType && designProperty.value.iconValue ? (vue.openBlock(), vue.createBlock(vue.unref(agilebuilderUi.SuperIcon), {
+            key: 1,
+            iconType: designProperty.value.iconType,
+            iconValue: designProperty.value.iconValue
+          }, null, 8, ["iconType", "iconValue"])) : vue.createCommentVNode("", true),
+          designProperty.value.title && designProperty.value.iconPosition != "right" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            designProperty.value.iconValue ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createTextVNode("   ")
+            ], 64)) : vue.createCommentVNode("", true),
+            vue.createTextVNode(" " + vue.toDisplayString(designProperty.value.title), 1)
+          ], 64)) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["disabled", "class", "style", "type", "size", "text", "round", "plain"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-advanced.vue.js

@@ -0,0 +1,39 @@
+"use strict";
+const vue = require("vue");
+const commonAdvancedBasic_vue_vue_type_script_setup_true_lang = require("../../common/common-advanced-basic.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-attr-advanced",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = vue.ref(["base"]);
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(commonAdvancedBasic_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-advanced.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttongroupAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-advanced.vue.js");
+module.exports = buttongroupAttrAdvanced_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-base.vue.js

@@ -0,0 +1,91 @@
+"use strict";
+const vue = require("vue");
+const commonFunctionCode_vue_vue_type_script_setup_true_lang = require("../../common/common-function-code.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = vue.ref(["base"]);
+    return (_ctx, _cache) => {
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "base",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "组件类型",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_text, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(vue.toDisplayString(__props.configure.label) + "(" + vue.toDisplayString(__props.configure.name) + ")", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.uuid,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.uuid = $event),
+                          readonly: "",
+                          title: __props.configure.uuid
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonFunctionCode_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-base.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttongroupAttrBase_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-base.vue.js");
+module.exports = buttongroupAttrBase_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-event.vue.js

@@ -0,0 +1,29 @@
+"use strict";
+const vue = require("vue");
+const attrEvent = require("../../form/common/attr-event.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-attr-event",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(attrEvent, {
+            configure: __props.configure,
+            events: vue.unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-event.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttongroupAttrEvent_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-event.vue.js");
+module.exports = buttongroupAttrEvent_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-style.vue.js

@@ -0,0 +1,49 @@
+"use strict";
+const vue = require("vue");
+const attrStyle_vue_vue_type_script_setup_true_lang = require("../../form/common/attr-style.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const blankOption = {
+      showTittleFont: false,
+      // 是否显示标题字体
+      showBackground: false,
+      // 是否显示背景
+      showBorder: true,
+      // 是否显示边框
+      showShadow: true,
+      // 是否显示阴影
+      showCursor: true,
+      // 是否显示鼠标手势
+      showClass: true,
+      // 是否显示class
+      showCustom: true
+      // 是否显示自定义
+    };
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, { style: { "margin-top": "6px" } }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(attrStyle_vue_vue_type_script_setup_true_lang, {
+                blankOption,
+                configure: __props.configure
+              }, null, 8, ["configure"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr-style.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttongroupAttrStyle_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-style.vue.js");
+module.exports = buttongroupAttrStyle_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr.vue.js

@@ -0,0 +1,4 @@
+"use strict";
+const buttongroupAttr_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr.vue2.js");
+;/* empty css                       */
+module.exports = buttongroupAttr_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-attr.vue2.js

@@ -0,0 +1,45 @@
+"use strict";
+const vue = require("vue");
+const buttongroupAttrBase_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-base.vue.js");
+const buttongroupAttrStyle_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-style.vue.js");
+const attrHeader = require("../../form/common/attr-header.vue.js");
+const buttongroupAttrEvent_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-event.vue.js");
+const buttongroupAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./buttongroup-attr-advanced.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ title: "Text", props: { type: "input-text" } })
+      // 设置默认值
+    }
+  },
+  setup(__props) {
+    let currentConfigType = vue.ref("base");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(attrHeader, {
+          modelValue: vue.unref(currentConfigType),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(currentConfigType) ? currentConfigType.value = $event : currentConfigType = $event)
+        }, null, 8, ["modelValue"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.withDirectives(vue.createVNode(buttongroupAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttongroupAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "style"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttongroupAttrEvent_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "event"]
+          ]),
+          vue.withDirectives(vue.createVNode(buttongroupAttrAdvanced_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-design.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const buttongroupDesign_vue_vue_type_script_setup_true_lang = require("./buttongroup-design.vue2.js");
+module.exports = buttongroupDesign_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/button/button-group/buttongroup-design.vue2.js

@@ -0,0 +1,109 @@
+"use strict";
+const vue = require("vue");
+const objectDesign_vue_vue_type_script_setup_true_lang = require("../../object-design.vue.js");
+const formDesignUtil = require("../../../../utils/form-design-util.js");
+const vueDraggablePlus = require("vue-draggable-plus");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "buttongroup-design",
+  props: {
+    pageDesign: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
+  },
+  emits: ["onSelectWidget"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    if (props.configure.items == void 0 || props.configure.items == null) {
+      props.configure.items = [];
+    }
+    const btnItems = props.configure.items;
+    if (!props.configure.runtime) {
+      props.configure.runtime = {};
+    }
+    const designStyle = vue.ref({});
+    const designClass = vue.ref("");
+    const designHeaderStyle = vue.ref({});
+    const designProperty = vue.ref({});
+    function getRestsParameter() {
+      let defineProps = props.configure.props ? props.configure.props : {};
+      defineProps.base ? defineProps.base : {};
+      const tempProps = {};
+      Object.assign(designProperty.value, tempProps);
+    }
+    vue.watch(props.configure.style, () => {
+      formDesignUtil.caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+      props.configure.runtime.headerStyle = designHeaderStyle.value;
+    }, { immediate: true });
+    vue.watch(props.configure.props, () => {
+      formDesignUtil.caculateComponentProps(props.configure, designProperty);
+      getRestsParameter();
+      props.configure.runtime.props = designProperty.value;
+    }, { immediate: true });
+    const thisRef = vue.ref(null);
+    vueDraggablePlus.useDraggable(thisRef, btnItems, {
+      group: "amb-assembly-item",
+      animation: 300,
+      ghostClass: "amb-item-ghost",
+      forceFallback: true,
+      onAdd(event) {
+        console.log("btnItems", btnItems);
+      }
+    });
+    const $emits = __emit;
+    function onSelectWidget(selIndex, selConfigure) {
+      $emits("onSelectWidget", selIndex, selConfigure);
+    }
+    function copyItem(sourceItem) {
+      let items = btnItems;
+      const index = items.indexOf(sourceItem);
+      if (index == -1) {
+        alert("无可复制对象!");
+        return;
+      }
+      const copyObj = reactive(deepCopy(sourceItem));
+      copyObj.uuid = getUuidv4();
+      items.splice(index, 0, copyObj);
+    }
+    function deleteItem(sourceItem) {
+      let items = btnItems;
+      if (sourceItem.items && sourceItem.items.length > 0) {
+        if (!confirm("还有子元素，确定要删除吗?")) {
+          return;
+        }
+      }
+      const index = items.indexOf(sourceItem);
+      if (index > -1) {
+        items.splice(index, 1);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button_group = vue.resolveComponent("el-button-group");
+      return vue.openBlock(), vue.createBlock(_component_el_button_group, {
+        ref_key: "thisRef",
+        ref: thisRef,
+        style: vue.normalizeStyle([{ "min-width": "100px", "padding-right": "40px", "min-height": "40px", "display": "flex" }, designStyle.value]),
+        class: vue.normalizeClass([designClass.value, "amb-design-item-default"])
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(btnItems), (element, itemIndex) => {
+            return vue.openBlock(), vue.createBlock(objectDesign_vue_vue_type_script_setup_true_lang, {
+              key: element,
+              pageDesign: _ctx.pageDesign,
+              configure: element,
+              selectWidget: _ctx.selectWidget,
+              indexObj: _ctx.indexObj,
+              onOnSelectWidget: onSelectWidget,
+              onOnCopy: copyItem,
+              onOnDelete: deleteItem
+            }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;