super-page-designer 2.0.39 → 2.0.41

package/dist/es/components/design/utils/form-design-util.js

@@ -144,6 +144,12 @@ function caculateComponentProps(configure, property) {
   if (defineProps.base && defineProps.base.defaultValue) {
     tempProps["defaultValue"] = defineProps.base.defaultValue;
   }
+  if (defineProps.base && defineProps.base.prefixType) {
+    tempProps["prefixType"] = defineProps.base.prefixType;
+    tempProps["prefixPro"] = defineProps.base.prefixPro;
+    tempProps["prefixValue"] = defineProps.base.prefixValue;
+    tempProps["prefixDefault"] = defineProps.base.prefixDefault;
+  }
   if (defineProps.base && defineProps.base.placeholder) {
     tempProps["placeholder"] = defineProps.base.placeholder;
   }

package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./common-variable-bind.vue2.js";
 import "./common-variable-bind.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const BindVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98728067"]]);
+const BindVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cdbf8c5"]]);
 export {
   BindVariable as default
 };

package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js

@@ -4,7 +4,7 @@ import http from "agilebuilder-ui/src/utils/request";
 import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
 import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-variable-bind-option.js";
 import { usePageContextStore } from "../../../../../stores/page-store.js";
-const _withScopeId = (n) => (pushScopeId("data-v-98728067"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-8cdbf8c5"), n = n(), popScopeId(), n);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
@@ -63,13 +63,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const typeOptions = ref([]);
     const showInput = ref(false);
     const labelValue = ref("");
-    ref(false);
     const paramType = ref("");
     const paramValue = ref("");
     const valueOptions = ref([]);
     const selectOptions = ref({});
     const searchValue = ref("");
-    ref("");
     const popoverRef = ref(null);
     const selectInputType = ["context", "system", "task", "data", "page"];
     onMounted(() => {
@@ -114,6 +112,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     let lastTarget = null;
     function handleClickOutside(event) {
+      if (!popoverVisible.value) {
+        return;
+      }
       if (paramTypeCheck) {
         paramTypeCheck = false;
         return;

package/dist/es/components/design/views/assemblys/form/common/pre-suffix.vue.js

@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
       return openBlock(), createBlock(_component_el_collapse_item, {
-        title: "前/后缀",
+        title: "内容前/后缀",
         name: "preSuffix",
         class: "amb-design-attr-group-header"
       }, {

package/dist/es/components/design/views/assemblys/form/common/title-suffix-element.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "title-suffix-element",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.configure.props.base.prefixType === "radio" ? (openBlock(), createBlock(_component_el_radio, {
+          key: 0,
+          label: __props.configure.props.base.title
+        }, null, 8, ["label"])) : createCommentVNode("", true),
+        __props.configure.props.base.prefixType === "checkbox" ? (openBlock(), createBlock(_component_el_checkbox, {
+          key: 1,
+          label: __props.configure.props.base.title
+        }, null, 8, ["label"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./title-suffix-element.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/common/title-suffix.vue.js

@@ -0,0 +1,120 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, vShow } from "vue";
+import BindVariable from "../../common/common-variable-bind.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "title-suffix",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    function afterBindVariable(modelValue, field) {
+      if (field === "field") {
+        props.configure.props.base.prefixPro = modelValue;
+      } else {
+        props.configure.props.base.prefixDefault = modelValue;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      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");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "标题前缀",
+        name: "titlePreSuffix",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_form_item, {
+              label: "前缀元素",
+              class: "amb-design-attr-item",
+              style: { "margin-bottom": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: __props.configure.props.base.prefixType,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.base.prefixType = $event),
+                  placeholder: "请选择",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_option, {
+                      label: "单选框",
+                      value: "radio"
+                    }),
+                    createVNode(_component_el_option, {
+                      label: "复选框",
+                      value: "checkbox"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "选项值",
+              class: "amb-design-attr-item",
+              style: { "margin-top": "20px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  clearable: "",
+                  placeholder: "请输入",
+                  modelValue: __props.configure.props.base.prefixValue,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.base.prefixValue = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.props.base.prefixType]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "绑定变量",
+              class: "amb-design-attr-item",
+              style: { "margin-top": "10px" }
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(BindVariable, {
+                  key: __props.configure.uuid + "_prev_param",
+                  modelValue: __props.configure.props.base.prefixPro,
+                  paramTypes: ["data", "page"],
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => afterBindVariable(value, "field"))
+                }, null, 8, ["modelValue"]))
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.props.base.prefixType]
+            ]),
+            withDirectives(createVNode(_component_el_form_item, {
+              label: "默认值",
+              class: "amb-design-attr-item",
+              style: { "margin-bottom": "-10px" }
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(BindVariable, {
+                  key: __props.configure.uuid + "_prev_param_value",
+                  modelValue: __props.configure.props.base.prefixDefault,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = (value) => afterBindVariable(value, "default"))
+                }, null, 8, ["modelValue"]))
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, __props.configure.props.base.prefixType]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js

@@ -1,12 +1,13 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createTextVNode, withDirectives, vShow } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
-import _sfc_main$4 from "../common/verification.vue.js";
-import _sfc_main$5 from "../../common/common-attr-size.vue.js";
-import _sfc_main$2 from "../common/pre-suffix.vue.js";
-import _sfc_main$6 from "../common/bar-code-rule.vue.js";
+import _sfc_main$5 from "../common/verification.vue.js";
+import _sfc_main$6 from "../../common/common-attr-size.vue.js";
+import _sfc_main$3 from "../common/pre-suffix.vue.js";
+import _sfc_main$7 from "../common/bar-code-rule.vue.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";
-import _sfc_main$3 from "../common/suffixmodule.vue.js";
+import _sfc_main$4 from "../common/suffixmodule.vue.js";
+import _sfc_main$2 from "../common/title-suffix.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
@@ -418,7 +419,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              (openBlock(), createBlock(_sfc_main$2, {
+              withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
+                [vShow, __props.configure.props.base.tittleShow]
+              ]),
+              (openBlock(), createBlock(_sfc_main$3, {
                 key: __props.configure.uuid,
                 preSuffix: __props.configure.props.preSuffix
               }, null, 8, ["preSuffix"])),
@@ -429,7 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_3, [
-                    createVNode(_sfc_main$3, {
+                    createVNode(_sfc_main$4, {
                       configure: __props.configure,
                       pageDesign: __props.pageDesign
                     }, null, 8, ["configure", "pageDesign"])
@@ -439,15 +443,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 512), [
                 [vShow, __props.configure.props.preSuffix.sufIconType]
               ]),
-              (openBlock(), createBlock(_sfc_main$4, {
+              (openBlock(), createBlock(_sfc_main$5, {
                 key: __props.configure.uuid,
                 verification: __props.configure.props.verification
               }, null, 8, ["verification"])),
-              !isTable.value ? (openBlock(), createBlock(_sfc_main$5, {
+              !isTable.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: __props.configure.uuid,
                 size: __props.configure.props.size
               }, null, 8, ["size"])) : createCommentVNode("", true),
-              BarCodeRuleOff.value ? (openBlock(), createBlock(_sfc_main$6, {
+              BarCodeRuleOff.value ? (openBlock(), createBlock(_sfc_main$7, {
                 key: 1,
                 ruleList: __props.configure.props.scan.ruleList,
                 onRemove: barCodeRuleRemove,

package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, createSlots, unref, createTextVNode } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, unref } from "vue";
 import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
 import { SuperIcon } from "agilebuilder-ui";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "inputtext-design",
   props: {
@@ -70,7 +71,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...designHeaderStyle.value, "padding-right": "12px" })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              configure: _ctx.configure
+            }, null, 8, ["configure"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(designProperty.value.title), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_input, {

package/dist/es/style.css

@@ -9960,56 +9960,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-/*不显示列样式*/
-.hiddenBorder{
-	border-right: solid 1px #ebebeb !important;
-	border-left: solid 1px #ebebeb !important;
-	background-color: #ebebeb !important;
-}
-/*选中列样式*/
-.addBorder{
-	border-right: solid 1px #5893ef !important;
-	border-left: solid 1px #5893ef !important;
-	background-color: #5893ef !important;
-	color: #FFFFFF;
-}
-.ghost {
-	opacity: 0.5;
-	background: #c8ebfb;
-}
-
-li[data-v-8f9a70b0] {
-	color: #333;
-}
-.context-menu[data-v-8f9a70b0] {
-	position: fixed;
-	background: #fff;
-	z-index: 999;
-	padding: 5px;
-	margin: 0;
-	margin-top: 30px;
-}
-.context-menu li[data-v-8f9a70b0] {
-	min-width: 75px;
-	height: 28px;
-	line-height: 28px;
-	text-align: left;
-	color: #1a1a1a;
-	cursor: pointer;
-}
-.context-menu li[data-v-8f9a70b0]:hover {
-	background: #5893ef;
-	color: #fff;
-}
-.context-menu[data-v-8f9a70b0] {
-	border: 1px solid #eee;
-	box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-	border-radius: 5px;
-}
-li[data-v-8f9a70b0] {
-	list-style-type: none;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -10629,6 +10579,56 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+/*不显示列样式*/
+.hiddenBorder{
+	border-right: solid 1px #ebebeb !important;
+	border-left: solid 1px #ebebeb !important;
+	background-color: #ebebeb !important;
+}
+/*选中列样式*/
+.addBorder{
+	border-right: solid 1px #5893ef !important;
+	border-left: solid 1px #5893ef !important;
+	background-color: #5893ef !important;
+	color: #FFFFFF;
+}
+.ghost {
+	opacity: 0.5;
+	background: #c8ebfb;
+}
+
+li[data-v-8f9a70b0] {
+	color: #333;
+}
+.context-menu[data-v-8f9a70b0] {
+	position: fixed;
+	background: #fff;
+	z-index: 999;
+	padding: 5px;
+	margin: 0;
+	margin-top: 30px;
+}
+.context-menu li[data-v-8f9a70b0] {
+	min-width: 75px;
+	height: 28px;
+	line-height: 28px;
+	text-align: left;
+	color: #1a1a1a;
+	cursor: pointer;
+}
+.context-menu li[data-v-8f9a70b0]:hover {
+	background: #5893ef;
+	color: #fff;
+}
+.context-menu[data-v-8f9a70b0] {
+	border: 1px solid #eee;
+	box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+	border-radius: 5px;
+}
+li[data-v-8f9a70b0] {
+	list-style-type: none;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -15619,12 +15619,7 @@ fieldset.amb-design-item-selected {
   padding-bottom: 5px;
 }
 
-.seleteSort[data-v-9e39da6a] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
-}
-
-[data-v-98728067] .el-cascader-menu {
+[data-v-8cdbf8c5] .el-cascader-menu {
   min-width: 120px !important;
 }
 
@@ -15665,6 +15660,11 @@ fieldset.amb-design-item-selected {
 	margin-bottom: 20px;
 }
 
+.seleteSort[data-v-9e39da6a] {
+  border-radius: 5px;
+  border: 1px solid rgba(88, 147, 239);
+}
+
 .editorTool[data-v-26f79956] {
   margin-left: auto;
 }
@@ -15687,8 +15687,9 @@ fieldset.amb-design-item-selected {
 	width: 100%
 }
 
-.el-tag[data-v-665d3bf4]{
-	margin-left: 10px;
+.seleteSort[data-v-27cba854] {
+  border-radius: 5px;
+  border: 1px solid rgba(88, 147, 239);
 }
 
 .seleteSort[data-v-97438be5] {
@@ -15699,19 +15700,6 @@ fieldset.amb-design-item-selected {
 	display: inline-block;
 }
 
-.seleteSort[data-v-27cba854] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
-}
-
-.stateBtn[data-v-ae2798fb]{
-	display: flex;
-}
-.stateText[data-v-ae2798fb]{
-	margin-left: 10px;
-	color: #7b7b7b;
-}
-
 li[data-v-690ad0d7] {
   color: #333;
 }
@@ -15749,6 +15737,18 @@ li[data-v-690ad0d7] {
   list-style-type: none;
 }
 
+.stateBtn[data-v-ae2798fb]{
+	display: flex;
+}
+.stateText[data-v-ae2798fb]{
+	margin-left: 10px;
+	color: #7b7b7b;
+}
+
+.el-tag[data-v-665d3bf4]{
+	margin-left: 10px;
+}
+
 .input-with-select .el-input-group__append {
   background-color: var(--el-fill-color-blank);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.0.39",
+  "version": "2.0.41",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -39,7 +39,7 @@
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
     "service-flow-designer": "2.0.36",
-    "super-page-runtime": "2.0.38",
+    "super-page-runtime": "2.0.40",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",