super-page-designer 2.0.41-beta2 → 2.0.45

package/dist/es/components/design/views/assemblys/chart/common/common-attr-clickset.vue.js

@@ -0,0 +1,244 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
+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 = { 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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "common-attr-clickset",
+  props: {
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.clickSet) {
+      props.configure.clickSet = {};
+    }
+    const clickSet = ref(props.configure.clickSet);
+    if (!clickSet.value.variables) {
+      clickSet.value.variables = [];
+    }
+    if (clickSet.value.variables == 0) {
+      addData(null);
+    }
+    function queryIndex(rowItem) {
+      let sortIndex = -1;
+      const itemLen = clickSet.value.variables.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (clickSet.value.variables[index].uuid == rowItem.uuid) {
+          sortIndex = index;
+          break;
+        }
+      }
+      return sortIndex;
+    }
+    function addData(rowItem) {
+      let sortIndex = -1;
+      if (rowItem) {
+        sortIndex = queryIndex(rowItem);
+      }
+      const data = {
+        uuid: getUuidv4(),
+        fieldName: ""
+      };
+      clickSet.value.variables.splice(sortIndex + 1, 0, data);
+    }
+    function deleteData(rowItem) {
+      let delIdnex = queryIndex(rowItem);
+      if (delIdnex > -1) {
+        clickSet.value.variables.splice(delIdnex, 1);
+        if (clickSet.value.variables.length == 0) {
+          setTimeout(function() {
+            addData(null);
+          }, 0);
+        }
+      }
+    }
+    function afterBindLabelVariable(newValue, rowObj) {
+      if (rowObj) {
+        rowObj.variable = newValue;
+      }
+    }
+    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 (!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;
+    }
+    watch(
+      props.configure,
+      () => {
+        updateBindFields();
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "Click参数设置",
+        name: "clickTrigger",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_row, { style: { "margin-top": "4px" } }, {
+              default: withCtx(() => [
+                createVNode(_component_el_col, { span: 9 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "选中效果" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_switch, {
+                          modelValue: clickSet.value.selected,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => clickSet.value.selected = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_col, { span: 12 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "多选" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_switch, {
+                          modelValue: clickSet.value.multiple,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => clickSet.value.multiple = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table, {
+              data: clickSet.value.variables,
+              style: { "margin-top": "-15px" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  prop: "fieldName",
+                  label: "字段",
+                  width: "90"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_select, {
+                      size: "small",
+                      modelValue: scope.row.fieldName,
+                      "onUpdate:modelValue": ($event) => scope.row.fieldName = $event,
+                      title: scope.row.fieldName,
+                      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))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "title"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "variable",
+                  label: "设置到"
+                }, {
+                  default: withCtx((scope) => [
+                    createVNode(BindVariable, {
+                      modelValue: scope.row.variable,
+                      paramTypes: "['data','page']",
+                      "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(unref(Plus))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "color": "#5893ef", "cursor": "pointer" },
+                      onClick: ($event) => deleteData(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/common/common-attr-clickset.vue2.js

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

package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js

@@ -134,7 +134,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_text = resolveComponent("el-text");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
       return openBlock(), createBlock(_component_el_collapse_item, {
         title: "统计纬度",
@@ -414,30 +413,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 512), [
               [vShow, !__props.configure.props.enableDrill]
             ]),
-            withDirectives(createVNode(_component_el_form_item, {
-              label: "选中维度至",
-              style: { "margin-top": "20px", "margin-bottom": "-15px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(BindVariable, {
-                  modelValue: __props.configure.props.selGroupVariable,
-                  paramTypes: ["data", "page"],
-                  "onUpdate:modelValue": _cache[6] || (_cache[6] = (value) => afterBindVariable(value, "selGroupVariable"))
-                }, null, 8, ["modelValue"]),
-                createVNode(_component_el_text, {
-                  type: "success",
-                  size: "small"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("将选中的维度值设置到变量")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 512), [
-              [vShow, !__props.configure.props.enableDrill]
-            ]),
             withDirectives(createVNode(_component_el_form_item, {
               label: "最后层级时",
               style: { "margin-top": "20px", "margin-bottom": "-15px" }
@@ -445,7 +420,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(_component_el_select, {
                   modelValue: __props.configure.props.drillEndTrigger,
-                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.drillEndTrigger = $event),
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.drillEndTrigger = $event),
                   clearable: "",
                   placeholder: "无动作"
                 }, {
@@ -456,7 +431,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(_component_el_option, {
                       value: "clickEvent",
-                      label: "触发Click事件"
+                      label: "触发Click跳转"
                     })
                   ]),
                   _: 1

package/dist/es/components/design/views/assemblys/chart/gauge/series/styles/style-axislabel.vue.js

@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const fontSizes = ["8", "10", "12", "14", "16", "18", "20", "24", "28"];
     const isPieAttr = ref(true);
-    if (props.chartType == "seriesChart") ;
+    if (props.chartType == "seriesChart")
+      ;
     else {
       isPieAttr.value = false;
     }

package/dist/es/components/design/views/assemblys/chart/pie/pie-attr-base.vue.js

@@ -1,19 +1,26 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
 import _sfc_main$1 from "../common/common-attr-base.vue.js";
 import "uuid";
 import "@element-plus/icons-vue";
 import _sfc_main$3 from "../common/common-attr-groupby.vue.js";
 import _sfc_main$4 from "../common/common-attr-sortby.vue.js";
-import _sfc_main$6 from "../common/common-attr-assistant.vue.js";
-import _sfc_main$7 from "../../common/common-attr-size.vue.js";
+import _sfc_main$8 from "../common/common-attr-assistant.vue.js";
+import _sfc_main$9 from "../../common/common-attr-size.vue.js";
 import _sfc_main$2 from "../common/common-attr-data.vue.js";
-import _sfc_main$5 from "../../form/common/data-linkage.vue.js";
+import _sfc_main$7 from "../../form/common/data-linkage.vue.js";
+import _sfc_main$5 from "../common/common-attr-clickset.vue.js";
+import _sfc_main$6 from "../../form/common/suffixmodule.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pie-attr-base",
   props: {
     configure: {
       type: Object,
       required: true
+    },
+    pageDesign: {
+      type: Object,
+      default: () => ({ props: {} })
     }
   },
   setup(__props) {
@@ -25,9 +32,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "propsSort",
       "propsDrill",
       "propsAssistant",
-      "linkage"
+      "linkage",
+      "clicklinkage",
+      "clickTrigger"
     ]);
     return (_ctx, _cache) => {
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
       return openBlock(), createBlock(_component_el_form, {
@@ -48,11 +58,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["configure"]),
               createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
               createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$5, {
+              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_component_el_collapse_item, {
+                title: "Click跳转配置",
+                name: "clicklinkage",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    (openBlock(), createBlock(_sfc_main$6, {
+                      key: __props.configure.uuid,
+                      configure: __props.configure,
+                      pageDesign: __props.pageDesign,
+                      isButton: false
+                    }, null, 8, ["configure", "pageDesign"]))
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$7, {
                 configureProps: __props.configure.props
               }, null, 8, ["configureProps"]),
-              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$7, {
+              createVNode(_sfc_main$8, { configure: __props.configure }, null, 8, ["configure"]),
+              createVNode(_sfc_main$9, {
                 size: __props.configure.props.size
               }, null, 8, ["size"])
             ]),

package/dist/es/components/design/views/assemblys/chart/pie/pie-attr.vue2.js

@@ -13,6 +13,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     configure: {
       type: Object,
       required: true
+    },
+    pageDesign: {
+      type: Object
     }
   },
   emits: [],
@@ -41,15 +44,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("label", {
-              class: normalizeClass({ "selected": selAsselbyType.value == "base" }),
+              class: normalizeClass({ selected: selAsselbyType.value == "base" }),
               onClick: _cache[0] || (_cache[0] = ($event) => selAsselbyType.value = "base")
             }, "属性", 2),
             createElementVNode("label", {
-              class: normalizeClass({ "selected": selAsselbyType.value == "style" }),
+              class: normalizeClass({ selected: selAsselbyType.value == "style" }),
               onClick: _cache[1] || (_cache[1] = ($event) => selAsselbyType.value = "style")
             }, "样式", 2),
             createElementVNode("label", {
-              class: normalizeClass({ "selected": selAsselbyType.value == "event" }),
+              class: normalizeClass({ selected: selAsselbyType.value == "event" }),
               onClick: _cache[2] || (_cache[2] = ($event) => selAsselbyType.value = "event")
             }, [
               createTextVNode(" 事件 "),
@@ -59,13 +62,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["value"])) : createCommentVNode("", true)
             ], 2),
             createElementVNode("label", {
-              class: normalizeClass({ "selected": selAsselbyType.value == "advanced" }),
+              class: normalizeClass({ selected: selAsselbyType.value == "advanced" }),
               onClick: _cache[3] || (_cache[3] = ($event) => selAsselbyType.value = "advanced")
             }, "高级", 2)
           ])
         ]),
         createElementVNode("div", _hoisted_4, [
-          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
+          withDirectives(createVNode(_sfc_main$1, {
+            configure: __props.configure,
+            pageDesign: __props.pageDesign
+          }, null, 8, ["configure", "pageDesign"]), [
             [vShow, selAsselbyType.value == "base"]
           ]),
           withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [

package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js

@@ -114,7 +114,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let dataType = "";
         if (val && val.startsWith("${")) {
           let propName = val.substring(2, val.length - 1);
-          if (propName.startsWith("page.")) ;
+          if (propName.startsWith("page."))
+            ;
           else if (propName.startsWith("data.")) {
             propName = propName.substring(5);
             dataType = pageDesignUtil.getModelField(propName);

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

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