super-page-designer 2.0.41 → 2.0.45

package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js

@@ -1,69 +1,127 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, renderList, withDirectives, vShow } from "vue";
+import { defineComponent, ref, watch, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, withModifiers, unref, renderList, withDirectives, vShow, createBlock, createCommentVNode, toDisplayString } from "vue";
 import { Search, Close } from "@element-plus/icons";
-import _sfc_main$2 from "./linkpage-page-callback.vue.js";
-import _sfc_main$3 from "../../common/common-select-page.vue.js";
-import _sfc_main$1 from "./parameter-table.vue.js";
+import _sfc_main$3 from "./linkpage-page-callback.vue.js";
+import _sfc_main$4 from "../../common/common-select-page.vue.js";
+import _sfc_main$2 from "./parameter-table.vue.js";
+import BindVariable from "../../common/common-variable-bind.vue.js";
+import _sfc_main$1 from "./condition.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "suffixmodule",
   props: {
     configure: {},
-    pageDesign: {}
+    pageDesign: {},
+    tableConfigure: {},
+    isDialog: { type: Boolean },
+    isButton: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
     const selectPageDialog = ref(null);
-    if (!props.configure.props.linkPage) {
-      props.configure.props.linkPage = {};
+    const linkPage = ref({});
+    if (props.isDialog) {
+      if (!props.configure) {
+        props.configure = {};
+      }
+      linkPage.value = props.configure;
+    } else {
+      if (!props.configure.props.linkPage) {
+        props.configure.props.linkPage = {};
+      }
+      linkPage.value = props.configure.props.linkPage;
     }
-    const linkPage = props.configure.props.linkPage;
-    if (!linkPage.linkType) {
-      linkPage.linkType = "page";
+    if (!linkPage.value.linkType) {
+      linkPage.value.linkType = "page";
     }
-    if (!linkPage.isNewPage) {
-      linkPage.isNewPage = true;
+    if (!linkPage.value.isNewPage) {
+      linkPage.value.isNewPage = true;
+    }
+    if (!linkPage.value.dynamicTags) {
+      linkPage.value.dynamicTags = [];
+    }
+    if (!linkPage.value.buttonDisplayConditionsList) {
+      linkPage.value.buttonDisplayConditionsList = [];
     }
     const wayList = [
       { label: "弹窗", value: "popup" },
       { label: "新页签", value: "newTab" },
       { label: "局部刷新", value: "refresh" }
     ];
-    watch(() => linkPage.jumpAddress, (newVal) => {
-      linkPage.jumpPageUrl = linkPage.jumpAddress;
-    });
-    watch(() => linkPage.jumpPageName, (newVal) => {
-      linkPage.jumpPageUrl = linkPage.linkType + ":" + linkPage.jumpPageCode;
+    const conditionRef = ref(null);
+    watch(
+      () => ({
+        linkType: linkPage.value.linkType,
+        jumpPageCode: linkPage.value.jumpPageCode,
+        jumpAddress: linkPage.value.jumpAddress
+      }),
+      (newVal) => {
+        const tempLinkPage = linkPage.value;
+        const linkType = tempLinkPage.linkType;
+        let jumpPageUrl = "";
+        if (linkType === "page" && tempLinkPage.jumpPageCode) {
+          jumpPageUrl = tempLinkPage.linkType + ":" + tempLinkPage.jumpPageCode;
+        } else if (linkType === "url") {
+          jumpPageUrl = tempLinkPage.jumpAddress;
+        }
+        tempLinkPage.jumpPageUrl = jumpPageUrl;
+      },
+      { immediate: true }
+    );
+    onMounted(() => {
+      if (props.tableConfigure) {
+        conditionRef.value.changeTableFields(props.tableConfigure.modelFields);
+      }
     });
     function selectPage() {
       selectPageDialog.value.openDialog();
     }
     function clearPage() {
-      linkPage.jumpPageCode = "";
-      linkPage.jumpPageName = "";
+      linkPage.value.jumpPageCode = "";
+      linkPage.value.jumpPageName = "";
     }
     function ParameterDataChange(tableVal) {
-      linkPage.jumpPageAdditional = tableVal;
+      linkPage.value.jumpPageAdditional = tableVal;
     }
     function onSelectPage(pageInfo) {
-      linkPage.jumpPageName = pageInfo.name;
-      linkPage.jumpPageCode = pageInfo.code;
+      linkPage.value.jumpPageName = pageInfo.name;
+      linkPage.value.jumpPageCode = pageInfo.code;
       console.log("select", pageInfo);
     }
+    const sowDefaultValue = ref("");
+    function afterBindDefaultValue(modelValue) {
+      sowDefaultValue.value = modelValue;
+      linkPage.value.dynamicTags.push(modelValue);
+    }
+    function handleClose(tag, index) {
+      linkPage.value.dynamicTags.splice(index, 1);
+    }
     return (_ctx, _cache) => {
       const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_tag = resolveComponent("el-tag");
       const _component_el_divider = resolveComponent("el-divider");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_el_radio_group, {
-          modelValue: unref(linkPage).linkType,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(linkPage).linkType = $event)
+          modelValue: linkPage.value.linkType,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => linkPage.value.linkType = $event)
         }, {
           default: withCtx(() => [
+            createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
+              label: withCtx(() => [
+                createVNode(_component_el_radio, { value: "" }, {
+                  default: withCtx(() => [
+                    createTextVNode("无跳转   ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
             createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
               label: withCtx(() => [
                 createVNode(_component_el_radio, { value: "page" }, {
@@ -75,21 +133,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createVNode(_component_el_input, {
-                  disabled: unref(linkPage).linkType != "page",
-                  modelValue: unref(linkPage).jumpPageName,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(linkPage).jumpPageName = $event),
-                  title: unref(linkPage).jumpPageCode,
+                  disabled: linkPage.value.linkType != "page",
+                  modelValue: linkPage.value.jumpPageName,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => linkPage.value.jumpPageName = $event),
+                  title: linkPage.value.jumpPageCode,
+                  onClick: withModifiers(selectPage, ["stop"]),
                   readonly: "true"
                 }, {
                   append: withCtx(() => [
                     createVNode(_component_el_button, {
-                      disabled: unref(linkPage).linkType != "page",
+                      disabled: linkPage.value.linkType != "page",
                       icon: unref(Search),
                       onClick: selectPage,
                       size: "small"
                     }, null, 8, ["disabled", "icon"]),
                     createVNode(_component_el_button, {
-                      disabled: unref(linkPage).linkType != "page",
+                      disabled: linkPage.value.linkType != "page",
                       icon: unref(Close),
                       onClick: clearPage,
                       title: "Clear",
@@ -112,9 +171,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createVNode(_component_el_input, {
-                  disabled: unref(linkPage).linkType != "url",
-                  modelValue: unref(linkPage).jumpAddress,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(linkPage).jumpAddress = $event),
+                  disabled: linkPage.value.linkType != "url",
+                  modelValue: linkPage.value.jumpAddress,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => linkPage.value.jumpAddress = $event),
                   clearable: ""
                 }, null, 8, ["disabled", "modelValue"])
               ]),
@@ -129,8 +188,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_select, {
-              modelValue: unref(linkPage).jumpPageOpenMode,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(linkPage).jumpPageOpenMode = $event),
+              modelValue: linkPage.value.jumpPageOpenMode,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => linkPage.value.jumpPageOpenMode = $event),
               clearable: "",
               placeholder: "请选择"
             }, {
@@ -154,8 +213,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_select, {
-              modelValue: unref(linkPage).jumpPageMobileOpenMode,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(linkPage).jumpPageMobileOpenMode = $event),
+              modelValue: linkPage.value.jumpPageMobileOpenMode,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => linkPage.value.jumpPageMobileOpenMode = $event),
               clearable: "",
               placeholder: "请选择"
             }, {
@@ -179,14 +238,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_input, {
-              modelValue: unref(linkPage).jumpPageTitle,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(linkPage).jumpPageTitle = $event),
+              modelValue: linkPage.value.jumpPageTitle,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => linkPage.value.jumpPageTitle = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 512), [
-          [vShow, unref(linkPage).jumpPageOpenMode == "window" || unref(linkPage).jumpPageMobileOpenMode == "window"]
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
+        ]),
+        withDirectives(createVNode(_component_el_form_item, {
+          label: "标题国际化",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_input, {
+              modelValue: linkPage.value.jumpPageTitleI18nKey,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => linkPage.value.jumpPageTitleI18nKey = $event),
+              placeholder: "请输入"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 512), [
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "弹窗宽度",
@@ -194,14 +268,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_input, {
-              modelValue: unref(linkPage).jumpPageWidth,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(linkPage).jumpPageWidth = $event),
+              modelValue: linkPage.value.jumpPageWidth,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => linkPage.value.jumpPageWidth = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 512), [
-          [vShow, unref(linkPage).jumpPageOpenMode == "window" || unref(linkPage).jumpPageMobileOpenMode == "window"]
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "弹窗高度",
@@ -209,14 +283,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_input, {
-              modelValue: unref(linkPage).jumpPageHeight,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(linkPage).jumpPageHeight = $event),
+              modelValue: linkPage.value.jumpPageHeight,
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => linkPage.value.jumpPageHeight = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 512), [
-          [vShow, unref(linkPage).jumpPageOpenMode == "window" || unref(linkPage).jumpPageMobileOpenMode == "window"]
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "关闭事件",
@@ -224,14 +298,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_input, {
-              modelValue: unref(linkPage).closeEvent,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(linkPage).closeEvent = $event),
+              modelValue: linkPage.value.closeEvent,
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => linkPage.value.closeEvent = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 512), [
-          [vShow, unref(linkPage).jumpPageOpenMode == "window" || unref(linkPage).jumpPageMobileOpenMode == "window"]
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "关闭后刷新",
@@ -239,38 +313,93 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_el_switch, {
-              modelValue: unref(linkPage).isRefreshWhenClosePopup,
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(linkPage).isRefreshWhenClosePopup = $event)
+              modelValue: linkPage.value.isRefreshWhenClosePopup,
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => linkPage.value.isRefreshWhenClosePopup = $event)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 512), [
-          [vShow, unref(linkPage).jumpPageOpenMode == "window" || unref(linkPage).jumpPageMobileOpenMode == "window"]
+          [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
+        _ctx.isButton ? (openBlock(), createBlock(_component_el_form_item, {
+          key: 0,
+          label: "显示判断",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              title: "显示判断",
+              list: linkPage.value.buttonDisplayConditionsList,
+              ref_key: "conditionRef",
+              ref: conditionRef
+            }, null, 8, ["list"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        _ctx.isButton ? (openBlock(), createBlock(_component_el_form_item, {
+          key: 1,
+          label: "显示文本",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_switch, {
+              modelValue: linkPage.value.displayTextJudge,
+              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => linkPage.value.displayTextJudge = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        _ctx.isButton ? (openBlock(), createBlock(_component_el_form_item, {
+          key: 2,
+          label: "显示值",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(BindVariable, {
+              modelValue: sowDefaultValue.value,
+              "onUpdate:modelValue": afterBindDefaultValue
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(linkPage.value.dynamicTags, (tag, index) => {
+          return openBlock(), createBlock(_component_el_tag, {
+            key: index,
+            "disable-transitions": true,
+            closable: "",
+            onClose: ($event) => handleClose(tag, index)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(tag), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClose"]);
+        }), 128)),
         createVNode(_component_el_divider, null, {
           default: withCtx(() => [
             createTextVNode("附加参数")
           ]),
           _: 1
         }),
-        createVNode(_component_el_form_item, {
+        _ctx.isButton ? (openBlock(), createBlock(_component_el_form_item, {
+          key: 3,
           label: "自动拼接id",
           class: "amb-design-attr-item"
         }, {
           default: withCtx(() => [
             createVNode(_component_el_switch, {
-              modelValue: unref(linkPage).isNeedId,
-              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(linkPage).isNeedId = $event)
+              modelValue: linkPage.value.isNeedId,
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => linkPage.value.isNeedId = $event)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
-        }),
-        createVNode(_sfc_main$1, {
-          data: unref(linkPage).jumpPageAdditional,
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          data: linkPage.value.jumpPageAdditional,
           onDataChange: ParameterDataChange
         }, null, 8, ["data"]),
-        createVNode(_sfc_main$2, { linkPage: unref(linkPage) }, null, 8, ["linkPage"]),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$3, { linkPage: linkPage.value }, null, 8, ["linkPage"]),
+        createVNode(_sfc_main$4, {
           ref_key: "selectPageDialog",
           ref: selectPageDialog,
           onSelectPage,

package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-advanced.vue.js

@@ -25,7 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
+              createVNode(_sfc_main$1, {
+                configure: __props.configure,
+                type: "form"
+              }, null, 8, ["configure"])
             ]),
             _: 1
           }, 8, ["modelValue"])