super-page-designer 2.0.34 → 2.0.37

package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js

@@ -1,4 +1,5 @@
-import { defineComponent, ref, reactive, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, Fragment, renderList, normalizeClass, createElementVNode, createCommentVNode, normalizeStyle, createTextVNode, nextTick } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, reactive, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, Fragment, renderList, normalizeClass, createElementVNode, createCommentVNode, normalizeStyle, createTextVNode, nextTick } from "vue";
+import { ElMessage } from "element-plus";
 import { CircleClose, Check, Search, Plus } from "@element-plus/icons-vue";
 import { EnableStates } from "../../../utils/interfaces/page-design-types.js";
 import http from "agilebuilder-ui/src/utils/request";
@@ -30,6 +31,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const props = __props;
     const showPopoverFlag = ref(false);
+    const inputRef = ref(null);
+    const popoverRef = ref();
+    const contentRef = ref(null);
+    const popoverVisible = ref(false);
+    const inputCode = ref("");
+    const tableRef = ref();
+    onMounted(() => {
+      window.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", handleClickOutside);
+    });
+    let lastTarget = null;
+    function handleClickOutside(event) {
+      let popoverDom = null;
+      if (contentRef.value) {
+        popoverDom = contentRef.value.$el.parentNode;
+      }
+      if (!event.target || !popoverDom) {
+        return;
+      }
+      if (event.target === lastTarget) {
+        console.log("与最后的点击一致");
+        return;
+      }
+      const inputDom = inputRef.value ? inputRef.value.input : null;
+      if (inputDom && (event.target === inputDom || inputDom.contains(event.target))) {
+        console.log("click contains input");
+        return;
+      }
+      if (event.target === popoverDom || popoverDom.contains(event.target)) {
+        console.log("click contains");
+        lastTarget = event.target;
+      } else {
+        if (contentRef.value.$el) {
+          console.log("contentRef.value.$el.contains", contentRef.value.$el.contains(event.target));
+        }
+        console.log("click contains--------not");
+        if (popoverVisible.value) {
+          closePopover(true);
+        }
+      }
+    }
+    let popoverTimeout = null;
+    function closePopover(immediate) {
+      clearTimeout(popoverTimeout);
+      if (immediate) {
+        popoverVisible.value = false;
+      } else {
+        popoverTimeout = setTimeout(() => {
+          popoverVisible.value = false;
+        }, 2e3);
+      }
+    }
+    function openPopover() {
+      clearTimeout(popoverTimeout);
+      popoverVisible.value = true;
+    }
     const typeOptions = [
       {
         value: "service",
@@ -58,16 +117,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       set(value) {
       },
       get() {
-        return props.rowObj.name ? props.rowObj.name : props.rowObj.simpleCode;
+        return props.rowObj.simpleCode;
       }
     });
     const searchModel = reactive({
       systemCode: "",
       searchValue: ""
     });
-    const popoverRef = ref();
-    const inputCode = ref("");
-    const tableRef = ref();
     const allSystems = ref([
       {
         value: "",
@@ -75,14 +131,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: ""
       }
     ]);
-    function selectClick(evt) {
-      if (evt) {
-        evt.preventDefault();
-        evt.stopPropagation();
-      }
-      return false;
-    }
-    const inputRef = ref(null);
     const tableDatas = ref([]);
     watch(searchModel, () => {
       if (window.serviceSearchTimeout) {
@@ -197,13 +245,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return height;
     });
-    computed(() => {
-      const style = {};
-      if (codeType.value == "service") {
-        style.width = "100px";
-      }
-      return style;
-    });
     function paramTypeChange(selParamType) {
       if (selParamType) {
         if (Array.isArray(selParamType)) {
@@ -212,6 +253,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
       }
+      if (!selParamType) {
+        selParamType = "service";
+      }
       codeType.value = selParamType;
       if (codeType.value == "service") {
         if (hisCustomSearchValue == searchModel.searchValue) {
@@ -225,25 +269,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       codeType.value = "";
       thisValue.value = "";
       emits("update:modelValue", "", "", "");
-      popoverRef.value.hide();
+      closePopover(true);
     }
     function selectRow(row) {
       thisValue.value = row.code;
       emits("update:modelValue", codeType.value, thisValue.value, row.name, row.id);
-      popoverRef.value.hide();
+      closePopover(true);
     }
     function addCustom() {
       if (!inputCode.value) {
-        alert("请输入权限编码!");
+        ElMessage.error("请输入权限编码!");
         return;
       }
       thisValue.value = inputCode.value;
       emits("update:modelValue", codeType.value, thisValue.value, "");
-      popoverRef.value.hide();
+      closePopover(true);
     }
     console.log("init", props.value, props.type);
     function showPopover() {
-      showPopoverFlag.value = true;
+      openPopover();
       nextTick(() => {
         paramTypeChange(codeType.value);
         {
@@ -273,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => showPopoverFlag.value = $event),
         ref_key: "popoverRef",
         ref: popoverRef,
-        trigger: "click",
+        visible: popoverVisible.value,
         width: 400
       }, {
         reference: withCtx(() => [
@@ -305,7 +349,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["title", "modelValue"])
         ]),
         default: withCtx(() => [
-          createVNode(_component_el_row, null, {
+          createVNode(_component_el_row, {
+            ref_key: "contentRef",
+            ref: contentRef
+          }, {
             default: withCtx(() => [
               !__props.onlyService ? (openBlock(), createBlock(_component_el_col, {
                 key: 0,
@@ -371,8 +418,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             return openBlock(), createBlock(_component_el_option, {
                               key: item.value,
                               label: item.label,
-                              value: item.value,
-                              onClick: withModifiers(selectClick, ["stop"])
+                              value: item.value
                             }, null, 8, ["label", "value"]);
                           }), 128))
                         ]),
@@ -499,10 +545,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["span"]))
             ]),
             _: 1
-          })
+          }, 512)
         ]),
         _: 1
-      }, 8, ["modelValue"]));
+      }, 8, ["modelValue", "visible"]));
     };
   }
 });

package/dist/es/components/design/views/assemblys/container/card/card-attr-style.vue.js

@@ -17,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js

@@ -34,25 +34,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.configure.runtime.class = designClass.value;
       props.configure.runtime.headerStyle = designHeaderStyle.value;
     }
-    const contentClass = ref("");
+    const conentStyle = ref({});
     if (props.configure.props == void 0) {
       props.configure.props = {};
     }
-    caculateContentClass();
     watch(props.configure.props, () => {
       caculateContentClass();
-    });
+    }, { immediate: true });
     function caculateContentClass() {
       const thisProps = props.configure.props;
+      const tempStyle = {};
       if (thisProps.isFlex) {
-        contentClass.value = "el-row";
+        tempStyle.display = "flex";
+        tempStyle["flex-wrap"] = "wrap";
+        tempStyle["align-content"] = "flex-start";
         if (thisProps.flexJustify) {
-          contentClass.value += " is-justify-" + thisProps.flexJustify;
+          tempStyle["justify-content"] = thisProps.flexJustify;
         }
-      } else {
-        contentClass.value = "";
       }
-      props.configure.runtime.contentClass = contentClass.value;
+      conentStyle.value = tempStyle;
+      props.configure.runtime.contentStyle = tempStyle;
     }
     const ambDragParent = ref(null);
     useDraggable(ambDragParent, props.configure.items, {
@@ -96,8 +97,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "ambDragParent",
             ref: ambDragParent,
-            class: normalizeClass(["amb-design-item-default", contentClass.value]),
-            style: { "padding-bottom": "40px" }
+            class: "amb-design-item-default",
+            style: normalizeStyle([{ "padding-bottom": "40px" }, conentStyle.value])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (element, itemIndex) => {
               return openBlock(), createBlock(_sfc_main$1, {
@@ -112,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onOnDelete: deleteItem
               }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]);
             }), 128))
-          ], 2)
+          ], 4)
         ]),
         _: 2
       }, [

package/dist/es/components/design/views/assemblys/container/collapse/collapse-attr-style.vue.js

@@ -15,7 +15,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/container/container-attr-style.vue.js

@@ -16,7 +16,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-style.vue.js

@@ -17,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/flex/flex-design.vue2.js

@@ -51,13 +51,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function caculateThisStyle() {
       caculateComponentStyle(props.configure, designStyle, designClass, null);
+      updateFlexStyle();
       props.configure.runtime.style = designStyle.value;
       props.configure.runtime.class = designClass.value;
     }
-    watch(props.configure.props, () => {
-      getRestsParameter();
-      props.configure.runtime.props = designProperty.value;
-    }, { immediate: true });
+    function updateFlexStyle() {
+      if (!designProperty.value || !designStyle.value) {
+        return;
+      }
+      const alignItems = designProperty.value.alignItems;
+      if (alignItems) {
+        let alignContent = "center";
+        if (alignItems === "top") {
+          alignContent = "flex-start";
+        } else if (alignItems === "bottom") {
+          alignContent = "flex-end";
+        }
+        designStyle.value["align-content"] = alignContent;
+      }
+    }
+    watch(
+      props.configure.props,
+      () => {
+        getRestsParameter();
+        updateFlexStyle();
+        props.configure.runtime.props = designProperty.value;
+      },
+      { immediate: true }
+    );
     const ambDragParent = ref(null);
     useDraggable(ambDragParent, props.configure.items, {
       group: {
@@ -88,15 +109,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function deleteItem(sourceItem) {
       let items = props.configure.items;
       if (sourceItem.items && sourceItem.items.length > 0) {
-        ElMessageBox.confirm(
-          "还有子元素，确定要删除吗?",
-          "删除",
-          {
-            confirmButtonText: "确认",
-            cancelButtonText: "取消",
-            type: "warning"
-          }
-        ).then(() => {
+        ElMessageBox.confirm("还有子元素，确定要删除吗?", "删除", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
           const index = items.indexOf(sourceItem);
           if (index > -1) {
             items.splice(index, 1);
@@ -114,7 +131,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: ambDragParent,
         style: normalizeStyle([{ "min-height": "40px", "padding-bottom": "20px" }, designStyle.value]),
         justify: designProperty.value.flexJustify,
-        gutter: designProperty.value.flexGutter,
         align: designProperty.value.alignItems,
         class: normalizeClass([designClass.value, "amb-design-item-default"])
       }, {
@@ -134,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 8, ["justify", "gutter", "align", "style", "class"]);
+      }, 8, ["justify", "align", "style", "class"]);
     };
   }
 });

package/dist/es/components/design/views/assemblys/container/form/form-attr-base.vue.js

@@ -143,8 +143,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
-                          modelValue: __props.configure.props.formTittle,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.formTittle = $event)
+                          modelValue: __props.configure.props.formTitle,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.formTitle = $event)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1

package/dist/es/components/design/views/assemblys/container/form/form-attr-style.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, withDirectives, createElementVNode, vShow } from "vue";
 import _sfc_main$1 from "../../common/common-style-font.vue.js";
 import _sfc_main$2 from "../../common/common-style-background.vue.js";
 import _sfc_main$3 from "../../common/common-style-margin.vue.js";
@@ -20,7 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form = resolveComponent("el-form");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
       const _component_el_collapse = resolveComponent("el-collapse");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
@@ -28,15 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$7, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_component_el_collapse_item, {
-                title: "表单标题样式",
+              withDirectives(createVNode(_component_el_collapse_item, {
+                title: "标题",
                 name: "formTittleStyle",
                 class: "amb-design-attr-group-header"
               }, {
@@ -44,14 +40,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_1, [
                     createVNode(_component_el_form, { "label-position": "top" }, {
                       default: withCtx(() => [
-                        createVNode(_component_el_form_item, { label: "表单标题  style" }, {
+                        createVNode(_component_el_form_item, { style: { "margin-bottom": "0px" } }, {
                           default: withCtx(() => [
                             createVNode(_component_el_input, {
-                              modelValue: __props.configure.style.formTittleStyle,
-                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.formTittleStyle = $event),
+                              modelValue: __props.configure.style.formTitleStyle,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.formTitleStyle = $event),
                               rows: 5,
                               type: "textarea",
-                              placeholder: ""
+                              placeholder: "font-size:18px;"
                             }, null, 8, ["modelValue"])
                           ]),
                           _: 1
@@ -62,7 +58,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
-              })
+              }, 512), [
+                [vShow, __props.configure.props.formTitle]
+              ]),
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$7, { configure: __props.configure }, null, 8, ["configure"])
             ]),
             _: 1
           }, 8, ["modelValue"])

package/dist/es/components/design/views/assemblys/container/form/form-design.vue2.js

@@ -47,30 +47,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const designStyle = ref({});
     const designClass = ref("");
-    const formTittleStyle = ref({});
+    const formTitleStyle = ref({});
     caculateThisStyle();
     watch(props.configure.style, () => {
       caculateThisStyle();
     });
     function caculateThisStyle() {
       caculateComponentStyle(props.configure, designStyle, designClass, null);
-      if (props.configure.style.formTittleStyle) {
-        const tempTittleStyle = {};
-        const strs = props.configure.style.formTittleStyle.replace(/[\r\n]/g, "").split(";");
+      const tempTitleStyle = {};
+      if (props.configure.style.formTitleStyle) {
+        const strs = props.configure.style.formTitleStyle.replace(/[\r\n]/g, "").split(";");
         for (let index = 0; index < strs.length; index++) {
           const ss = strs[index].split(":");
           if (ss.length > 1 && ss[0] && ss[1]) {
             if (!isNaN(ss[0])) {
               continue;
             }
-            tempTittleStyle[ss[0]] = ss[1];
+            tempTitleStyle[ss[0]] = ss[1];
           }
         }
-        formTittleStyle.value = tempTittleStyle;
       }
+      formTitleStyle.value = tempTitleStyle;
       props.configure.runtime.class = designClass.value;
       props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.style = formTittleStyle.value;
+      props.configure.runtime.titleStyle = formTitleStyle.value;
     }
     const ambDragParent = ref(null);
     useDraggable(ambDragParent, props.configure.items, {
@@ -100,15 +100,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function deleteItem(sourceItem) {
       if (sourceItem.items && sourceItem.items.length > 0) {
-        ElMessageBox.confirm(
-          "还有子元素，确定要删除吗?",
-          "删除",
-          {
-            confirmButtonText: "确认",
-            cancelButtonText: "取消",
-            type: "warning"
-          }
-        ).then(() => {
+        ElMessageBox.confirm("还有子元素，确定要删除吗?", "删除", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
           const items = props.configure.items;
           const index = items.indexOf(sourceItem);
           if (index > -1) {
@@ -132,10 +128,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(designClass.value)
         }, {
           default: withCtx(() => [
-            designProps.value.formTittle ? (openBlock(), createElementBlock("span", {
+            designProps.value.formTitle ? (openBlock(), createElementBlock("div", {
               key: 0,
-              style: normalizeStyle(formTittleStyle.value)
-            }, toDisplayString(designProps.value.formTittle), 5)) : createCommentVNode("", true),
+              class: "amb-widget-form-title",
+              style: normalizeStyle(formTitleStyle.value)
+            }, toDisplayString(designProps.value.formTitle), 5)) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (element, itemIndex) => {
               return openBlock(), createBlock(_sfc_main$1, {
                 key: element,

package/dist/es/components/design/views/assemblys/container/iframe/iframe-attr-style.vue.js

@@ -14,7 +14,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-style.vue.js

@@ -17,7 +17,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/container/tools/tools-attr-style.vue.js

@@ -18,7 +18,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, { "label-width": "80px" }, {
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,

package/dist/es/components/design/views/assemblys/data/component/attr-header.vue.js

@@ -1,7 +1,48 @@
-import _sfc_main from "./attr-header.vue2.js";
-import "./attr-header.vue3.js";
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const AttrHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5458d957"]]);
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = { class: "amb-design-attr-header" };
+const _hoisted_2 = { class: "amb-design-attr-header-type" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "attr-header",
+  props: {
+    modelValue: {
+      type: String,
+      default: "base"
+      // 设置默认值
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const clickType = ref(props.modelValue);
+    function changeType(type) {
+      clickType.value = type;
+      emit("update:modelValue", type);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "base" }),
+            onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
+          }, "属性", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "style" }),
+            onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
+          }, "样式", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "event" }),
+            onClick: _cache[2] || (_cache[2] = ($event) => changeType("event"))
+          }, "事件", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "advanced" }),
+            onClick: _cache[3] || (_cache[3] = ($event) => changeType("advanced"))
+          }, "高级", 2)
+        ])
+      ]);
+    };
+  }
+});
 export {
-  AttrHeader as default
+  _sfc_main as default
 };