super-page-designer 2.0.51 → 2.0.55

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

@@ -1,4 +1,155 @@
-import _sfc_main from "./dataorigin-input-table.vue.js";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
+import { Search } from "@element-plus/icons-vue";
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dataorigin-input-table",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const inputValue = ref(props.modelValue);
+    const emit = __emit;
+    const tableData = [
+      {
+        id: 1,
+        date: "2016-05-03",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 2,
+        date: "2016-05-02",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 3,
+        date: "2016-05-04",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 4,
+        date: "2016-05-01",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      }
+    ];
+    const dialogVisible = ref(false);
+    const selectData = ref([]);
+    watch(() => props.modelValue, (newVal) => {
+      inputValue.value = newVal;
+    });
+    function confirm() {
+      if (selectData.value.length > 0) {
+        let str = "";
+        selectData.value.forEach((item) => {
+          str = str + item.name + ",";
+        });
+        str = str.substring(0, str.length - 1);
+        emit("update:modelValue", str);
+        dialogVisible.value = false;
+      } else {
+        dialogVisible.value = false;
+      }
+    }
+    function handleSelectionChange(selection) {
+      selectData.value = selection;
+    }
+    function inputClick() {
+      dialogVisible.value = true;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, {
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          placeholder: "请选择",
+          onClick: inputClick
+        }, {
+          suffix: withCtx(() => [
+            createVNode(_component_el_icon, { onClick: inputClick }, {
+              default: withCtx(() => [
+                createVNode(unref(Search))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+          title: "Tips",
+          width: "500"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: confirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_table, {
+              data: tableData,
+              style: { "width": "100%" },
+              onSelectionChange: handleSelectionChange
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  type: "selection",
+                  width: "55"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "date",
+                  label: "Date",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "name",
+                  label: "Name",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "address",
+                  label: "Address"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js

@@ -1,5 +1,5 @@
-import _sfc_main from "./icon-set-dialog.vue2.js";
-import "./icon-set-dialog.vue3.js";
+import _sfc_main from "./icon-set-dialog.vue3.js";
+/* empty css                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const IconSetDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4aa5ce08"]]);
 export {

package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue3.js

@@ -1 +1,217 @@
-
+import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, pushScopeId, popScopeId } from "vue";
+import { Search, Plus, ChatLineRound, Unlock, MuteNotification, Operation, WarningFilled } from "@element-plus/icons-vue";
+const _withScopeId = (n) => (pushScopeId("data-v-4aa5ce08"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "icon-set-center-body" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "新建", -1));
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "dialog-footer" };
+const _hoisted_5 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-set-dialog",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iconValue = ref(props.modelValue);
+    const dialogVisible = ref(false);
+    const selectIconName = ref("");
+    const addIconDialogVisible = ref(false);
+    const form = reactive({});
+    const iconList = [
+      { name: "ChatLineRound", icon: ChatLineRound },
+      { name: "Unlock", icon: Unlock },
+      { name: "MuteNotification", icon: MuteNotification },
+      { name: "Operation", icon: Operation },
+      { name: "WarningFilled", icon: WarningFilled }
+    ];
+    watch(() => props.modelValue, (newVal) => {
+      iconValue.value = newVal;
+    });
+    function selectIcon(name) {
+      selectIconName.value = name;
+    }
+    function openDialog() {
+      dialogVisible.value = true;
+    }
+    function addIcon() {
+      console.log("%c描述-105701", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", selectIconName.value);
+      emit("update:modelValue", selectIconName.value);
+      dialogVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, {
+          modelValue: iconValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconValue.value = $event),
+          onClick: openDialog
+        }, {
+          append: withCtx(() => [
+            createVNode(_component_el_button, {
+              icon: unref(Search),
+              onClick: openDialog
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          title: "选择icon",
+          width: "40%"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_component_el_button, {
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: addIcon
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", {
+                class: "icon-set-center-creation",
+                onClick: _cache[1] || (_cache[1] = ($event) => addIconDialogVisible.value = true)
+              }, [
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Plus))
+                  ]),
+                  _: 1
+                }),
+                _hoisted_2
+              ]),
+              (openBlock(), createElementBlock(Fragment, null, renderList(iconList, (item, index) => {
+                return createElementVNode("div", {
+                  key: index,
+                  class: normalizeClass(selectIconName.value === item.name ? "icon-set-center-item icon-set-center-item-border" : "icon-set-center-item"),
+                  onClick: ($event) => selectIcon(item.name)
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), { style: { "width": "40px", "height": "40px" } })),
+                  createElementVNode("span", null, toDisplayString(item.name), 1)
+                ], 10, _hoisted_3);
+              }), 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: addIconDialogVisible.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => addIconDialogVisible.value = $event),
+          title: "创建icon",
+          width: "30%"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_button, {
+                onClick: _cache[7] || (_cache[7] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _cache[8] || (_cache[8] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: form,
+              "label-width": "80px"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_form_item, {
+                  label: "类名",
+                  prop: "name",
+                  rules: [{ required: true, message: "请输入类名", trigger: "blur" }]
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      size: "default",
+                      modelValue: form.name,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.name = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "标准按钮" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      size: "default",
+                      modelValue: form.region,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.region = $event),
+                      placeholder: "please select your zone"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "Zone one",
+                          value: "shanghai"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "Zone two",
+                          value: "beijing"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "备注" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      size: "default",
+                      modelValue: form.name,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.name = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -46,6 +46,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { label: "新页签", value: "newTab" },
       { label: "局部刷新", value: "refresh" }
     ];
+    const dialogTypeList = [
+      { label: "弹框", value: "dialog" },
+      { label: "抽屉", value: "drawer" }
+    ];
+    const positionList = [
+      { label: "右到左", value: "rtl" },
+      { label: "左到右", value: "ltr" },
+      { label: "上到下", value: "ttb" },
+      { label: "下到上", value: "btt" }
+    ];
     const conditionRef = ref(null);
     watch(
       () => ({
@@ -232,6 +242,89 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
+        withDirectives(createVNode(_component_el_form_item, {
+          label: "弹框方式",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_select, {
+              modelValue: linkPage.value.dialogType,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => linkPage.value.dialogType = $event),
+              clearable: "",
+              placeholder: "请选择"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(dialogTypeList, (item, index) => {
+                  return createVNode(_component_el_option, {
+                    key: index,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 512), [
+          [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_switch, {
+              modelValue: linkPage.value.draggable,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => linkPage.value.draggable = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 512), [
+          [vShow, (linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup") && (!linkPage.value.dialogType || linkPage.value.dialogType === "dialog")]
+        ]),
+        withDirectives(createVNode(_component_el_form_item, {
+          label: "显示位置",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_select, {
+              modelValue: linkPage.value.showPosition,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => linkPage.value.showPosition = $event),
+              clearable: "",
+              placeholder: "请选择"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(positionList, (item, index) => {
+                  return createVNode(_component_el_option, {
+                    key: index,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 64))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 512), [
+          [vShow, (linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup") && linkPage.value.dialogType && linkPage.value.dialogType === "drawer"]
+        ]),
+        withDirectives(createVNode(_component_el_form_item, {
+          label: "拖出可视区",
+          title: "拖动范围可以超出可视区",
+          class: "amb-design-attr-item"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_switch, {
+              modelValue: linkPage.value.overflow,
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => linkPage.value.overflow = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 512), [
+          [vShow, (linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup") && (!linkPage.value.dialogType || linkPage.value.dialogType === "dialog")]
+        ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "弹窗标题",
           class: "amb-design-attr-item"
@@ -239,7 +332,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_input, {
               modelValue: linkPage.value.jumpPageTitle,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => linkPage.value.jumpPageTitle = $event),
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => linkPage.value.jumpPageTitle = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
@@ -254,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_input, {
               modelValue: linkPage.value.jumpPageTitleI18nKey,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => linkPage.value.jumpPageTitleI18nKey = $event),
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => linkPage.value.jumpPageTitleI18nKey = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
@@ -269,7 +362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_input, {
               modelValue: linkPage.value.jumpPageWidth,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => linkPage.value.jumpPageWidth = $event),
+              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => linkPage.value.jumpPageWidth = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
@@ -284,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_input, {
               modelValue: linkPage.value.jumpPageHeight,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => linkPage.value.jumpPageHeight = $event),
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => linkPage.value.jumpPageHeight = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
@@ -299,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_input, {
               modelValue: linkPage.value.closeEvent,
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => linkPage.value.closeEvent = $event),
+              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => linkPage.value.closeEvent = $event),
               placeholder: "请输入"
             }, null, 8, ["modelValue"])
           ]),
@@ -309,12 +402,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "关闭后刷新",
+          title: "关闭页面时是否刷新父页面",
           class: "amb-design-attr-item"
         }, {
           default: withCtx(() => [
             createVNode(_component_el_switch, {
               modelValue: linkPage.value.isRefreshWhenClosePopup,
-              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => linkPage.value.isRefreshWhenClosePopup = $event)
+              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => linkPage.value.isRefreshWhenClosePopup = $event)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
@@ -344,7 +438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_switch, {
               modelValue: linkPage.value.displayTextJudge,
-              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => linkPage.value.displayTextJudge = $event)
+              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => linkPage.value.displayTextJudge = $event)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
@@ -389,7 +483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_switch, {
               modelValue: linkPage.value.isNeedId,
-              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => linkPage.value.isNeedId = $event)
+              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => linkPage.value.isNeedId = $event)
             }, null, 8, ["modelValue"])
           ]),
           _: 1