super-page-designer 0.0.1-tmp7 → 0.0.2-tmp3

package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, unref, normalizeClass, toDisplayString, reactive } from "vue";
 import { columnTittleStyle, columnCustomTittleClass } from "../../../../utils/form-design-util.js";
 import { VueDraggable } from "vue-draggable-plus";
+import eventBus from "../../../../utils/eventBus.js";
 import { deepCopy, getUuidv4 } from "../../../../utils/common-util.js";
 import _sfc_main$1 from "../../object-design.vue.js";
 import { ElMessage } from "element-plus";
@@ -48,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           // table 表格总体数据
         };
         emit("closeMenuVisible");
-        window["$eventBus"].$emit("selectColumn", obj);
+        eventBus.$emit("selectColumn", obj);
         setHeaderLabel(column.label);
       } else {
         return ElMessage.warning("组合表头顶级菜单不能进行列配置");
@@ -82,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const compositeDragging = ref(false);
-    window["$eventBus"].$on("hadleDragging", (val) => {
+    eventBus.$on("hadleDragging", (val) => {
       compositeDragging.value = val;
     });
     function onSelectWidget(selIndex, objConfigure) {

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

@@ -505,7 +505,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_7, [
                     createVNode(_component_el_form_item, {
                       label: "重复处理",
-                      class: "amb-design-attr-item-linefeed-two"
+                      class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {

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

@@ -5,6 +5,7 @@ import _sfc_main$2 from "../../common/common-attr-size.vue.js";
 import _sfc_main$1 from "../../form/common/data-linkage.vue.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
 import { getUuidv4 } from "../../../../utils/common-util.js";
+import "../../../../utils/eventBus.js";
 import "agilebuilder-ui/src/utils/request";
 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/table/table-attr.vue2.js

@@ -8,6 +8,7 @@ import AttrHeader from "../../form/common/attr-header.vue.js";
 import _sfc_main$1 from "./tablecolumn-attr-base.vue.js";
 import _sfc_main$2 from "./tablecolumn-attr-style.vue.js";
 import _sfc_main$3 from "./tablecolumn-attr-event.vue.js";
+import eventBus from "../../../../utils/eventBus.js";
 import "../../../../utils/assemblys-config.js";
 const _hoisted_1 = {
   key: 0,
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let currentConfigType = ref("base");
     const ColumnData = ref({});
     const tableConfigure = ref({});
-    window["$eventBus"].$on("selectColumn", (val) => {
+    eventBus.$on("selectColumn", (val) => {
       ColumnData.value = val.columnData;
       tableConfigure.value = val.tableConfigure;
     });

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

@@ -2,7 +2,7 @@ import _sfc_main from "./table-design.vue2.js";
 import "./table-design.vue3.js";
 import "./table-design.vue4.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03944dbc"]]);
+const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d20e187"]]);
 export {
   tableDesign as default
 };

package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, onMounted, watch, resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, normalizeStyle, withCtx, Fragment, renderList, createBlock, createElementVNode, withDirectives, unref, createTextVNode, createCommentVNode, vShow } from "vue";
+import eventBus from "../../../../utils/eventBus.js";
 import { useDraggable } from "vue-draggable-plus";
 import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
 import "../../../../utils/assemblys-config.js";
@@ -7,7 +8,7 @@ import { ElMessageBox } from "element-plus";
 import { getColumnsWithGroupHeader, addColumnToGroupHeaders, deleteGroupHeaderByColumnUuid } from "../../../../utils/data-table-util.js";
 import { getUuidv4 } from "../../../../utils/common-util.js";
 import "@element-plus/icons";
-import "super-page-runtime/src/utils/page-permission-util";
+import "super-page-runtime";
 import "../../../../../../stores/page-store.js";
 import _sfc_main$1 from "../component/table-children-column.vue.js";
 const _hoisted_1 = {
@@ -31,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const tableData = ref([{}]);
+    const tableData = ref([
+      {}
+    ]);
     const currentPage = ref(1);
     const pageSize = ref(1);
     const designStyle = ref({});
@@ -75,42 +78,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     });
-    window["$eventBus"].$on("setHiddenColumsName", (data) => {
+    eventBus.$on("setHiddenColumsName", (data) => {
       if (!data.value) {
         hiddenColumsName.value.push(data.name);
       } else {
         hiddenColumsName.value = hiddenColumsName.value.filter((item) => item != data.name);
       }
     });
-    watch(
-      props.configure.style,
-      () => {
-        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 }
-    );
-    watch(
-      props.configure.props,
-      () => {
-        caculateComponentProps(props.configure, designProperty);
-        getRestsParameter();
-        props.configure.runtime.props = designProperty.value;
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.configure.props.isChangeGroupHeader,
-      () => {
-        if (props.configure.props.isChangeGroupHeader) {
-          listColumns.value = getColumnsWithGroupHeader(props.configure);
-          tableRef.value.doLayout();
-        }
+    watch(props.configure.style, () => {
+      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 });
+    watch(props.configure.props, () => {
+      caculateComponentProps(props.configure, designProperty);
+      getRestsParameter();
+      props.configure.runtime.props = designProperty.value;
+    }, { immediate: true });
+    watch(() => props.configure.props.isChangeGroupHeader, () => {
+      if (props.configure.props.isChangeGroupHeader) {
+        listColumns.value = getColumnsWithGroupHeader(props.configure);
+        tableRef.value.doLayout();
       }
-    );
-    window["$eventBus"].$on("reloadTable", () => {
+    });
+    eventBus.$on("reloadTable", () => {
       listColumns.value = getColumnsWithGroupHeader(props.configure);
       tableRef.value.doLayout();
     });
@@ -125,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let obj = {
         columnData: {}
       };
-      window["$eventBus"].$emit("selectColumn", obj);
+      eventBus.$emit("selectColumn", obj);
     }
     function headerContextmenu(column, event) {
       var evt = event || window.event;
@@ -193,11 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         };
         props.configure.items.splice(columnDataIndex.value + 1, 0, newObj);
         if (props.configure.props.base.isEnableGroupHeader) {
-          addColumnToGroupHeaders(
-            props.configure.items[columnDataIndex.value + 1],
-            null,
-            props.configure.props.groupHeaders
-          );
+          addColumnToGroupHeaders(props.configure.items[columnDataIndex.value + 1], null, props.configure.props.groupHeaders);
         }
       } else if (type === "deleteNode") {
         ElMessageBox.confirm("当前操作会删除当前列", "Warning", {

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

@@ -1,13 +1,14 @@
 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.vue2.js";
+import "../../form/common/dimension-input.vue.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";
 import BindVariable from "../../common/common-variable-bind.vue.js";
 import { setGroupHeaderDataDisplayOrder, deleteGroupHeaderByColumnUuid } from "../../../../utils/data-table-util.js";
 import { getUuidv4 } from "../../../../utils/common-util.js";
+import eventBus from "../../../../utils/eventBus.js";
 import _sfc_main$1 from "../component/variate-select.vue.js";
 import _sfc_main$2 from "../../form/common/suffixmodule.vue.js";
 import _sfc_main$5 from "../component/select-data-table.vue.js";
@@ -85,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           deleteGroupHeaderByColumnUuid(groupHeaders, columnUuid);
         }
       } else {
-        window["$eventBus"].$emit("setHiddenColumsName", { name: props.configure.props.base.name, value: newValue });
+        eventBus.$emit("setHiddenColumsName", { name: props.configure.props.base.name, value: newValue });
       }
     }
     function afterBindDefaultValue(modelValue) {
@@ -99,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formData.value.childAnnexDataTableCode = selectCode;
     }
     function updateOrder() {
-      window["$eventBus"].$emit("reloadTable");
+      eventBus.$emit("reloadTable");
     }
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");

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.vue2.js";
+import "../../form/common/dimension-input.vue.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.vue.js";
-import "../../form/common/dimension-input.vue2.js";
+import _sfc_main$1 from "../../form/common/dimension-input.vue2.js";
+import "../../form/common/dimension-input.vue.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";
@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     default: () => ({ props: {} })
   },
   setup(__props) {
-    const openCollapseItems = ref("");
+    const openCollapseItems = ref([]);
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");

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

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode } from "vue";
+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.vue.js";
-import "../../form/common/dimension-input.vue2.js";
+import _sfc_main$2 from "../../form/common/dimension-input.vue2.js";
+import "../../form/common/dimension-input.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tree-attr-style",
@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     configure: Object
   },
   setup(__props) {
+    const openCollapseItems = ref([]);
     const blankOption = {
       showTittleFont: false,
       // 是否显示标题字体
@@ -39,8 +40,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
-            modelValue: _ctx.openCollapseItems,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [

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

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const openCollapseItems = ref("base");
+    const openCollapseItems = ref(["base"]);
     function afterBindVariable(modelValue) {
       props.configure.props.base.prop = modelValue;
     }

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./attr-event.vue2.js";
 import "./attr-event.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const AttrEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4059d4f"]]);
+const AttrEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3d86cef"]]);
 export {
   AttrEvent as default
 };

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

@@ -1,5 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, createCommentVNode, unref } from "vue";
 import { Edit } from "@element-plus/icons";
+import eventBus from "../../../../utils/eventBus.js";
 const _hoisted_1 = {
   key: 1,
   style: { "padding-left": "5px", "font-weight": "700" }
@@ -21,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     function editEvent(event) {
-      window["$eventBus"].$emit("editEvent", { configureObj: props.configure, event });
+      eventBus.$emit("editEvent", { configureObj: props.configure, event });
     }
     return (_ctx, _cache) => {
       const _component_el_col = resolveComponent("el-col");
@@ -54,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(_component_el_icon, {
-                    style: { "cursor": "pointer", "color": "#5893ef", "margin-right": "6px" },
+                    style: { "cursor": "pointer", "color": "#5893EF", "margin-right": "6px" },
                     onClick: ($event) => editEvent(event)
                   }, {
                     default: withCtx(() => [

package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const pageContextUtil = usePageContextStore(window["$pinia"]);
+    const pageContextUtil = usePageContextStore();
     const props = __props;
     if (!props.configure.props) {
       props.configure.props = {};
@@ -607,9 +607,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: index,
                     onClick: ($event) => seleteSort(index),
-                    class: normalizeClass(
-                      atPresentSortIndex.value === index ? "amb-design-attr-item-inline seleteSort" : "amb-design-attr-item-inline"
-                    )
+                    class: normalizeClass(atPresentSortIndex.value === index ? "amb-design-attr-item-inline seleteSort" : "amb-design-attr-item-inline")
                   }, [
                     createVNode(_component_el_select, {
                       modelValue: item.name,

package/dist/es/components/design/views/assemblys/form/common/data-origin-autoset.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, resolveComponent, openBlock, createElementBlock,
 import { getUuidv4 } from "../../../../utils/common-util.js";
 import { Top, Bottom, Plus, Delete } from "@element-plus/icons-vue";
 import BindVariable from "../../common/common-variable-bind.vue.js";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("p", null, "选择后设值", -1);
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "选择后设值", -1);
 const _hoisted_2 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "data-origin-autoset",

package/dist/es/components/design/views/assemblys/form/common/data-origin-service-in.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, resolveComponent, openBlock, createElementBlock, creat
 import { Plus, Delete } from "@element-plus/icons-vue";
 import { getUuidv4 } from "../../../../utils/common-util.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("p", null, "服务入参", -1);
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, "服务入参", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "data-origin-service-in",
   props: {

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-origin.vue2.js";
 import "./data-origin.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4ad123b"]]);
+const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6967820"]]);
 export {
   DataOrigin as default
 };

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const pageContextUtil = usePageContextStore(window["$pinia"]);
+    const pageContextUtil = usePageContextStore();
     const pageDesign = pageContextUtil.pageContext;
     if (!props.configure.props.dataOrigin) {
       props.configure.props.dataOrigin = {};

package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue.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.vue2.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.vue3.js

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

package/dist/es/components/design/views/assemblys/form/common/title.vue2.js

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

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const openCollapseItems = ref("");
+    const openCollapseItems = ref([]);
     if (!props.configure.props.parameter || props.configure.props.parameter.length == 0) {
       props.configure.props.parameter.push({
         uuid: getUuidv4(),

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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../common/attr-style.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "custom-attr-style",
@@ -6,6 +6,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     configure: Object
   },
   setup(__props) {
+    const openCollapseItems = ref([]);
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
@@ -15,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
-            modelValue: _ctx.openCollapseItems,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [

package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-style.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../common/attr-style.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "fileupload-attr-style",
@@ -6,6 +6,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     configure: Object
   },
   setup(__props) {
+    const openCollapseItems = ref([]);
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
@@ -15,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
-            modelValue: _ctx.openCollapseItems,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [

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

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
 import _sfc_main$1 from "../common/attr-style.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "label-attr-style",
@@ -6,6 +6,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     configure: Object
   },
   setup(__props) {
+    const openCollapseItems = ref([]);
     return (_ctx, _cache) => {
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
@@ -15,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
-            modelValue: _ctx.openCollapseItems,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [