super-page-designer 2.0.17 → 2.0.20

package/dist/es/components/design/utils/assemblys-config.js

@@ -619,6 +619,25 @@ const assemblyGroups = [{
         return import("../views/assemblys/form/divider/divider-attr.vue.js");
       })
     },
+    {
+      name: "separatelabel",
+      label: "分隔标签",
+      icon: containerCard,
+      default: {},
+      props: {
+        base: {
+          title: "标题"
+        },
+        size: {}
+      },
+      style: {},
+      designComponent: defineAsyncComponent(() => {
+        return import("../views/assemblys/form/separatelabel/separatelabel-design.vue.js");
+      }),
+      attrComponent: defineAsyncComponent(() => {
+        return import("../views/assemblys/form/separatelabel/separatelabel-attr.vue.js");
+      })
+    },
     {
       name: "placeholder",
       label: "占位符",

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import "../../../../../../stores/page-store.js";
-import "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import _sfc_main$2 from "../../common/common-icon-bind.vue.js";
 import http from "agilebuilder-ui/src/utils/request";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, reactive, resolveComponent, openBlock, createBloc
 import { Search, RefreshLeft } from "@element-plus/icons";
 import http from "agilebuilder-ui/src/utils/request";
 import { EnableStates } from "../../../utils/interfaces/page-design-types.js";
-const _hoisted_1 = { style: { "background-color": "rgba(88,147,239,0.06)", "padding": "10px" } };
+const _hoisted_1 = { style: { "background-color": "rgba(88, 147, 239, 0.06)", "padding": "10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "common-select-page",
   props: {
@@ -31,11 +31,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       total: 0
     });
     const tableDatas = ref([]);
-    const allSystems = ref([{
-      value: "",
-      version: 1,
-      label: ""
-    }]);
+    const allSystems = ref([
+      {
+        value: "",
+        version: 1,
+        label: ""
+      }
+    ]);
     const allSystemMap = ref({});
     function confirmSelectTable(scopeData) {
       emits("selectPage", scopeData.row);
@@ -60,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function queryAllSystems() {
-      http.post("/component/super-charts/findAllSystem").then((res) => {
+      http.get("/component/super-charts/findAllSystem").then((res) => {
         const datas = res;
         const systemCodes = [];
         const tempMap = {};

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-base.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import "@element-plus/icons-vue";
 import _sfc_main$2 from "../../common/common-attr-size.vue.js";
-import "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import "@element-plus/icons";
 import "agilebuilder-ui/src/utils/request";
 import _sfc_main$1 from "../../form/common/dataorigin-input-table.vue.js";

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

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, createBlock, createCommentVNode } from "vue";
-import "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import RowBackgroudColor from "./row-backgroud-color.vue.js";
 import _sfc_main$1 from "../../common/common-style-position.vue.js";
 import _sfc_main$2 from "../../common/common-style-margin.vue.js";

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, unref, createElementBlock, Fragment, renderList } from "vue";
 import { Setting, Search } from "@element-plus/icons-vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
-import "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import _sfc_main$3 from "../component/formatting.vue.js";
 import _sfc_main$4 from "../component/querySetting.vue.js";
 import DataOrigin from "../../form/common/data-origin.vue.js";

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-style.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, createElementBlock, Fragment, renderList } from "vue";
-import "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import RowBackgroudColor from "../component/row-backgroud-color.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };

package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, createCommentVNode } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
-import _sfc_main$1 from "../../form/common/dimension-input.vue2.js";
-import "../../form/common/dimension-input.vue.js";
+import _sfc_main$1 from "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 import IconSetDialog from "../../form/common/icon-set-dialog.vue.js";
 import _sfc_main$2 from "../../form/common/dataorigin-input-table.vue.js";
 import DataOriginTree from "../component/data-origin-tree.vue.js";

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../form/common/attr-style.vue.js";
-import _sfc_main$2 from "../../form/common/dimension-input.vue2.js";
-import "../../form/common/dimension-input.vue.js";
+import _sfc_main$2 from "../../form/common/dimension-input.vue.js";
+import "../../form/common/dimension-input.vue2.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tree-attr-style",

package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue.js

@@ -1 +1,75 @@
-
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dimension-input",
+  props: {
+    modelValue: {
+      type: [Number],
+      default: null
+    },
+    selectedUnit: {
+      type: String,
+      default: "px"
+    }
+  },
+  emits: ["update:modelValue", "update:selectedUnit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputValue = ref(props.modelValue);
+    const unit = ref(props.selectedUnit);
+    const units = [
+      { label: "px", value: "px" },
+      { label: "em", value: "em" },
+      { label: "ex", value: "ex" },
+      { label: "cm", value: "cm" },
+      { label: "vh", value: "vh" }
+    ];
+    function onInput(val) {
+      emit("update:modelValue", val);
+      emit("update:selectedUnit", unit);
+    }
+    function onChange(newUnit) {
+      unit.value = newUnit;
+      emit("update:selectedUnit", newUnit);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createBlock(_component_el_input, {
+        modelValue: inputValue.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+        modelModifiers: { number: true },
+        placeholder: "",
+        class: "input-with-select",
+        onInput
+      }, {
+        append: withCtx(() => [
+          createVNode(_component_el_select, {
+            ref: "select",
+            modelValue: unit.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unit.value = $event),
+            style: { width: "60px" },
+            placeholder: "",
+            onChange
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock(Fragment, null, renderList(units, (unit2) => {
+                return createVNode(_component_el_option, {
+                  key: unit2.value,
+                  label: unit2.label,
+                  value: unit2.value
+                }, null, 8, ["label", "value"]);
+              }), 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue2.js

@@ -1,75 +1 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dimension-input",
-  props: {
-    modelValue: {
-      type: [Number],
-      default: null
-    },
-    selectedUnit: {
-      type: String,
-      default: "px"
-    }
-  },
-  emits: ["update:modelValue", "update:selectedUnit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const inputValue = ref(props.modelValue);
-    const unit = ref(props.selectedUnit);
-    const units = [
-      { label: "px", value: "px" },
-      { label: "em", value: "em" },
-      { label: "ex", value: "ex" },
-      { label: "cm", value: "cm" },
-      { label: "vh", value: "vh" }
-    ];
-    function onInput(val) {
-      emit("update:modelValue", val);
-      emit("update:selectedUnit", unit);
-    }
-    function onChange(newUnit) {
-      unit.value = newUnit;
-      emit("update:selectedUnit", newUnit);
-    }
-    return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createBlock(_component_el_input, {
-        modelValue: inputValue.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
-        modelModifiers: { number: true },
-        placeholder: "",
-        class: "input-with-select",
-        onInput
-      }, {
-        append: withCtx(() => [
-          createVNode(_component_el_select, {
-            ref: "select",
-            modelValue: unit.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unit.value = $event),
-            style: { width: "60px" },
-            placeholder: "",
-            onChange
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createElementBlock(Fragment, null, renderList(units, (unit2) => {
-                return createVNode(_component_el_option, {
-                  key: unit2.value,
-                  label: unit2.label,
-                  value: unit2.value
-                }, null, 8, ["label", "value"]);
-              }), 64))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+

package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue3.js

@@ -1,5 +1,5 @@
-import _sfc_main from "./dimension-input.vue2.js";
-import "./dimension-input.vue.js";
+import _sfc_main from "./dimension-input.vue.js";
+import "./dimension-input.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
 import _sfc_main$2 from "../../common/common-attr-size.vue.js";
-import "../common/dimension-input.vue.js";
+import "../common/dimension-input.vue2.js";
 import "@element-plus/icons-vue";
 import "uuid";
 import _sfc_main$1 from "../common/parameter-table.vue.js";

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-attr-advanced.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "../../common/common-advanced-basic.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separatelabel-attr-advanced",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = ref(["base"]);
+    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",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-attr-advanced.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-attr-advanced.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,137 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$3 from "../../common/common-attr-size.vue.js";
+import _sfc_main$1 from "../../common/common-function-code.vue.js";
+import _sfc_main$2 from "../../common/common-icon-bind.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separatelabel-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const openCollapseItems = ref(["1", "attrSize"]);
+    function afterBindIcon(iconType, iconValue) {
+      props.configure.props.iconType = iconType;
+      props.configure.props.iconValue = iconValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "1",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createVNode(_component_el_form_item, { label: "组件类型" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_text, null, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.configure.label) + "(" + toDisplayString(__props.configure.name) + ")", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: withCtx(() => [
+                        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
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "自定义编码",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.code,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.code = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "标题",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.title,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.base.title = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "标题图标",
+                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$2, {
+                          iconType: __props.configure.props.iconType,
+                          iconValue: __props.configure.props.iconValue,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = (iconType, iconValue) => afterBindIcon(iconType, iconValue))
+                        }, null, 8, ["iconType", "iconValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$3, {
+                size: __props.configure.props.size
+              }, null, 8, ["size"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-attr-base.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-attr-base.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,50 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$4 from "../../common/common-style-padding.vue.js";
+import _sfc_main$2 from "../../common/common-style-background.vue.js";
+import _sfc_main$8 from "../../common/common-style-custom.vue.js";
+import _sfc_main$3 from "../../common/common-style-margin.vue.js";
+import _sfc_main$5 from "../../common/common-style-border.vue.js";
+import _sfc_main$6 from "../../common/common-style-shadow.vue.js";
+import _sfc_main$7 from "../../common/common-style-position.vue.js";
+import _sfc_main$1 from "../../common/common-style-font-head.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separatelabel-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const openCollapseItems = ref(["styleFontHead"]);
+    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",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            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(_sfc_main$8, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-attr-style.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-attr-style.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-attr.vue2.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,93 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, isRef, createTextVNode, createBlock, createCommentVNode, withDirectives, createVNode, vShow } from "vue";
+import _sfc_main$1 from "./separatelabel-attr-base.vue.js";
+import _sfc_main$2 from "./separatelabel-attr-style.vue.js";
+import _sfc_main$3 from "../../common-attr-events.vue.js";
+import _sfc_main$4 from "./separatelabel-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__ */ defineComponent({
+  __name: "separatelabel-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    if (props.configure.props == void 0) {
+      props.configure.props = {};
+    }
+    if (props.configure.props.title == void 0) {
+      props.configure.props.title = "标题";
+    }
+    let selAsselbyType = ref("base");
+    if (props.configure.events == void 0) {
+      props.configure.events = [];
+    }
+    const selEventCount = ref(0);
+    caculateSelEventCount();
+    function caculateSelEventCount() {
+      const allEvents = props.configure.events;
+      for (let index = 0; index < allEvents.length; index++) {
+        if (allEvents[index].selLogicCode) {
+          selEventCount.value++;
+        }
+      }
+    }
+    watch(props.configure.events, (newValue) => {
+      caculateSelEventCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_badge = resolveComponent("el-badge");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("label", {
+              class: normalizeClass({ selected: unref(selAsselbyType) == "base" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "base" : selAsselbyType = "base")
+            }, "属性", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: unref(selAsselbyType) == "style" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "style" : selAsselbyType = "style")
+            }, "样式", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: unref(selAsselbyType) == "event" }),
+              onClick: _cache[2] || (_cache[2] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "event" : selAsselbyType = "event")
+            }, [
+              createTextVNode(" 事件 "),
+              selEventCount.value > 0 ? (openBlock(), createBlock(_component_el_badge, {
+                key: 0,
+                value: selEventCount.value
+              }, null, 8, ["value"])) : createCommentVNode("", true)
+            ], 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: unref(selAsselbyType) == "advanced" }),
+              onClick: _cache[3] || (_cache[3] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "advanced" : selAsselbyType = "advanced")
+            }, "高级", 2)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(selAsselbyType) == "base"]
+          ]),
+          withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(selAsselbyType) == "style"]
+          ]),
+          withDirectives(createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(selAsselbyType) == "event"]
+          ]),
+          withDirectives(createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vShow, unref(selAsselbyType) == "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/separatelabel/separatelabel-design.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-design.vue2.js";
+export {
+  _sfc_main as default
+};