super-page-designer 2.0.9 → 2.0.17

package/dist/es/components/design/views/assemblys/chart/scatter/series/scatter-series-data.vue.js

@@ -0,0 +1,191 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "float": "left" } };
+const _hoisted_3 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _hoisted_4 = { style: { "float": "left" } };
+const _hoisted_5 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _hoisted_6 = { style: { "float": "left" } };
+const _hoisted_7 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "scatter-series-data",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const sourceFields = ref([]);
+    let hisServiceFields = null;
+    let hisServiceDataField = null;
+    function updateBindFields() {
+      if (props.configure.serviceFields == hisServiceFields && props.configure.serviceDataField == hisServiceDataField) {
+        return;
+      }
+      hisServiceFields = props.configure.serviceFields;
+      hisServiceDataField = props.configure.serviceDataField;
+      const newFields = [];
+      if (hisServiceFields) {
+        const prevField = hisServiceDataField ? hisServiceDataField : "";
+        for (let f of hisServiceFields) {
+          if (!(!f.type || f.type == "any" || f.type == "number")) {
+            continue;
+          }
+          if (!prevField || f.value.startsWith(prevField + ".")) {
+            const tempField = {};
+            Object.assign(tempField, f);
+            if (prevField) {
+              const newValue = f.value.substring(prevField.length + 1);
+              tempField.value = newValue;
+              if (f.label) {
+                tempField.label = f.label.replace(prevField + ".", "");
+              }
+            }
+            newFields.push(tempField);
+          }
+        }
+      }
+      sourceFields.value = newFields;
+    }
+    updateBindFields();
+    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_text = resolveComponent("el-text");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "数据设置",
+        name: "dataList",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_form_item, {
+              label: "横坐标字段",
+              style: { "margin-top": "4px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  size: "small",
+                  modelValue: __props.configure.props.xaxisField,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.xaxisField = $event),
+                  title: __props.configure.props.xaxisField,
+                  style: { "width": "160px" },
+                  filterable: "",
+                  "allow-create": "",
+                  clearable: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(sourceFields.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+                          createElementVNode("span", _hoisted_3, toDisplayString(item.type), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "title"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "数据字段",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  size: "small",
+                  modelValue: __props.configure.props.yaxisField,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.yaxisField = $event),
+                  title: __props.configure.props.yaxisField,
+                  style: { "width": "160px" },
+                  filterable: "",
+                  "allow-create": "",
+                  clearable: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(sourceFields.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1),
+                          createElementVNode("span", _hoisted_5, toDisplayString(item.type), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "title"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "图形尺寸",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  size: "small",
+                  modelValue: __props.configure.props.sizeField,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.sizeField = $event),
+                  style: { "width": "160px" },
+                  filterable: "",
+                  "allow-create": "",
+                  clearable: "",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(sourceFields.value, (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1),
+                          createElementVNode("span", _hoisted_7, toDisplayString(item.type), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 未设置时以样式中设置的图形大小为准. ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/scatter/series/scatter-series-data.vue2.js

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

package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-event.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
+import AttrEvent from "../../form/common/attr-event.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tabs-attr-event",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createVNode(AttrEvent, {
+            configure: __props.configure,
+            events: unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr-event.vue2.js

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

package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, isRef, createTextVNode, createBlock, createCommentVNode, withDirectives, createVNode, vShow } from "vue";
 import _sfc_main$1 from "./tabs-attr-base.vue.js";
 import _sfc_main$2 from "./tabs-attr-style.vue.js";
-import _sfc_main$3 from "../../common-attr-events.vue.js";
+import _sfc_main$3 from "./tabs-attr-event.vue.js";
 import _sfc_main$4 from "./tabs-attr-advanced.vue.js";
 const _hoisted_1 = { class: "amb-design-attr-content" };
 const _hoisted_2 = { class: "amb-design-attr-header" };
@@ -18,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: [],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    console.log("tabs-attr-----configure=", props.configure);
     let selAsselbyType = ref("base");
     if (props.configure.events == void 0) {
       props.configure.events = [];

package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js

@@ -0,0 +1,186 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
+import { getUuidv4 } from "../../../../utils/common-util.js";
+import BindVariable from "../../common/common-variable-bind.vue.js";
+const _hoisted_1 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "parameter-table",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const tableData = ref([]);
+    tableData.value = props.data;
+    if (!tableData.value || tableData.value.length == 0) {
+      tableData.value.push({
+        uuid: getUuidv4(),
+        value: "",
+        name: ""
+      });
+    }
+    function moveTop(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = tableData.value;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = tableData.value.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (tableData.value[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = queryIndex(rowItem);
+      if (sortIndex == -1 || tableData.value.length == sortIndex + 1) {
+        return;
+      }
+      const items = tableData.value;
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function addData(rowItem) {
+      let sortIndex = -1;
+      if (rowItem) {
+        sortIndex = queryIndex(rowItem);
+      }
+      tableData.value.splice(sortIndex + 1, 0, {
+        uuid: getUuidv4(),
+        value: "",
+        label: ""
+      });
+    }
+    function deleteData(rowItem) {
+      if (tableData.value.length == 1) {
+        rowItem.value = "";
+        rowItem.name = "";
+        return;
+      }
+      let delIdnex = queryIndex(rowItem);
+      if (delIdnex > -1) {
+        tableData.value.splice(delIdnex, 1);
+      }
+    }
+    function afterBindLabelVariable(newValue, rowObj) {
+      if (rowObj) {
+        rowObj.value = newValue;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_Top = resolveComponent("Top");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_Bottom = resolveComponent("Bottom");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_Plus = resolveComponent("Plus");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_table = resolveComponent("el-table");
+      return openBlock(), createBlock(_component_el_table, {
+        data: tableData.value,
+        "row-key": "uuid",
+        style: { "width": "100%" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_table_column, {
+            label: "",
+            width: "32"
+          }, {
+            default: withCtx((scope) => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "cursor": "pointer" },
+                  onClick: ($event) => moveTop(scope.row)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Top)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]),
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "margin-left": "2px", "cursor": "pointer" },
+                  onClick: ($event) => moveToBottom(scope.row)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Bottom)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "参数名称",
+            width: "90"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_component_el_input, {
+                modelValue: scope.row.name,
+                "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                size: "small"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "value",
+            label: "参数值",
+            width: "90"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(BindVariable, {
+                modelValue: scope.row.value,
+                "onUpdate:modelValue": (val) => afterBindLabelVariable(val, scope.row)
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "操作",
+            width: "60"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                onClick: ($event) => addData(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_Plus)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "color": "#5893EF", "cursor": "pointer" },
+                onClick: ($event) => deleteData(scope.row)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_Delete)
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -1,8 +1,8 @@
 import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, renderList, withDirectives, vShow } from "vue";
 import { Search, Close } from "@element-plus/icons";
-import _sfc_main$1 from "./linkpage-params-in.vue.js";
 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "suffixmodule",
   props: {
@@ -19,6 +19,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (!linkPage.linkType) {
       linkPage.linkType = "page";
     }
+    if (!linkPage.isNewPage) {
+      linkPage.isNewPage = true;
+    }
     const wayList = [
       { label: "弹窗", value: "window" },
       { label: "新页签", value: "newTab" },
@@ -45,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_divider = resolveComponent("el-divider");
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_el_radio_group, {
           modelValue: unref(linkPage).linkType,
@@ -207,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "关闭事件",
-          class: "amb-design-attr-item-linefeed-two"
+          class: "amb-design-attr-item"
         }, {
           default: withCtx(() => [
             createVNode(_component_el_input, {
@@ -222,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         withDirectives(createVNode(_component_el_form_item, {
           label: "关闭后刷新",
-          class: "amb-design-attr-item-linefeed-two"
+          class: "amb-design-attr-item"
         }, {
           default: withCtx(() => [
             createVNode(_component_el_switch, {
@@ -234,7 +238,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 512), [
           [vShow, unref(linkPage).pcOpenMode == "window" || unref(linkPage).mobileOpenMode == "window"]
         ]),
-        createVNode(_sfc_main$1, { linkPage: unref(linkPage) }, null, 8, ["linkPage"]),
+        createVNode(_component_el_divider, null, {
+          default: withCtx(() => [
+            createTextVNode("附加参数")
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_form_item, {
+          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)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, {
+          data: unref(linkPage).appendParams
+        }, null, 8, ["data"]),
         createVNode(_sfc_main$2, { linkPage: unref(linkPage) }, null, 8, ["linkPage"]),
         createVNode(_sfc_main$3, {
           ref_key: "selectPageDialog",