super-page-designer 2.1.34 → 2.1.41

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js

@@ -0,0 +1,230 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, renderList } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "font-style-dialog",
+  props: {
+    data: {
+      type: Object,
+      required: true,
+      default: () => {
+      }
+    },
+    title: {
+      type: String,
+      default: "设置样式"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const fontSizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+    const dialogTableVisible = ref(false);
+    const formData = ref({});
+    if (props.data) {
+      formData.value = props.data;
+    }
+    function openDialog() {
+      dialogTableVisible.value = true;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      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_color_picker = resolveComponent("el-color-picker");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", null, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            onClick: openDialog
+          }, {
+            default: withCtx(() => [
+              createTextVNode("编辑")
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogTableVisible.value,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialogTableVisible.value = $event),
+          title: __props.title,
+          width: "900",
+          "append-to-body": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: formData.value,
+              "label-width": "80"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_col, { span: 12 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, { label: "加粗" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio_group, {
+                              modelValue: formData.value.fontBold,
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.fontBold = $event),
+                              class: "ml-4"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_radio, { value: true }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("是")
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_el_radio, { value: false }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("否")
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_col, { span: 12 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, { label: "倾斜" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio_group, {
+                              modelValue: formData.value.fontItalic,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.fontItalic = $event),
+                              class: "ml-4"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_radio, { value: true }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("是")
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_el_radio, { value: false }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("否")
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_col, { span: 12 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, { label: "字体颜色" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_color_picker, {
+                              modelValue: formData.value.FontColor,
+                              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.FontColor = $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_color_picker, {
+                              modelValue: formData.value.backgroundColor,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.backgroundColor = $event)
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_col, { span: 12 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, { label: "字号" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_select, {
+                              modelValue: formData.value.fontSize,
+                              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.fontSize = $event),
+                              placeholder: "默认",
+                              clearable: ""
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(), createElementBlock(Fragment, null, renderList(fontSizes, (item) => {
+                                  return createVNode(_component_el_option, {
+                                    label: item,
+                                    value: item
+                                  }, null, 8, ["label", "value"]);
+                                }), 64))
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_col, { span: 24 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_form_item, { label: "  style" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_input, {
+                              modelValue: formData.value.customStyle,
+                              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => formData.value.customStyle = $event),
+                              rows: 5,
+                              type: "textarea",
+                              placeholder: ""
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue2.js

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

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js

@@ -0,0 +1,205 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderList, unref, createBlock, createTextVNode } from "vue";
+import _sfc_main$1 from "./table-showcondition.vue.js";
+import _sfc_main$2 from "../../../form/common/suffixmodule.vue.js";
+import { getCustomFuncs } from "../../../../../utils/page-event-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "link-table",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 页面设计对象
+    pageDesign: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 变量显示类型
+    paramTypes: {
+      type: Array,
+      default: () => ["data", "task", "page", "request"]
+    }
+  },
+  emits: ["dataChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = ref([]);
+    if (props.data) {
+      tableData.value = props.data;
+    }
+    const dialogTableVisible = ref(false);
+    if (!tableData.value || tableData.value.length == 0) {
+      tableData.value.push({
+        showCondition: [],
+        eventCallBack: "",
+        style: {},
+        linkPage: {}
+      });
+    }
+    watch(() => tableData.value, (newVal) => {
+      if (Object.keys(newVal[0].style).length > 0) {
+        emit("dataChange", tableData.value);
+      }
+    }, { deep: true });
+    function addData(rowItem, index) {
+      tableData.value.splice(index + 1, 0, {
+        showCondition: [],
+        eventCallBack: "",
+        style: {}
+      });
+    }
+    function deleteData(rowItem, index) {
+      console.log("%c描述-111955", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", index);
+      if (tableData.value.length == 1) {
+        rowItem.showCondition = [], rowItem.eventCallBack = "", rowItem.style = {};
+        return;
+      }
+      tableData.value.splice(index, 1);
+    }
+    const linkData = ref({});
+    const linkIndex = ref(0);
+    function linkConfig(data, index) {
+      linkData.value = data;
+      dialogTableVisible.value = true;
+      linkIndex.value = index;
+    }
+    function handleClose() {
+      tableData.value[linkIndex.value].linkPage = linkData.value;
+      dialogTableVisible.value = false;
+    }
+    watch(() => tableData.value, (newVal) => {
+      if (Object.keys(newVal[0].linkPage).length > 0) {
+        emit("dataChange", tableData.value);
+      }
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_Plus = resolveComponent("Plus");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_table, {
+          data: tableData.value,
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              label: "条件",
+              width: "55",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_sfc_main$1, {
+                  paramTypes: __props.paramTypes,
+                  data: scope.row.showCondition
+                }, null, 8, ["paramTypes", "data"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "自定义条件",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_select, {
+                  modelValue: scope.row.scopeFunc,
+                  "onUpdate:modelValue": ($event) => scope.row.scopeFunc = $event,
+                  title: scope.row.scopeFunc,
+                  size: "small",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "title"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              prop: "value",
+              label: "链接",
+              width: "55",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: ($event) => linkConfig(scope.row.linkPage, scope.$index)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("设置")
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "操作",
+              align: "center"
+            }, {
+              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, scope.$index)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Plus)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]),
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "color": "#5893EF", "cursor": "pointer" },
+                  onClick: ($event) => deleteData(scope.row, scope.$index)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Delete)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogTableVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogTableVisible.value = $event),
+          title: "超链接设置",
+          "before-close": handleClose,
+          width: "900",
+          "append-to-body": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              isDialog: true,
+              configure: linkData.value,
+              pageDesign: __props.pageDesign
+            }, null, 8, ["configure", "pageDesign"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue2.js

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

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js

@@ -0,0 +1,198 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, createElementBlock, Fragment, renderList, unref } from "vue";
+import _sfc_main$1 from "./table-showcondition.vue.js";
+import _sfc_main$2 from "./font-style-dialog.vue.js";
+import { getCustomFuncs } from "../../../../../utils/page-event-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "style-table",
+  props: {
+    configure: {
+      type: Object,
+      default: () => {
+      }
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    // 显示字段配置
+    showField: {
+      type: Boolean,
+      default: false
+    },
+    // 显示条件配置
+    showCondition: {
+      type: Boolean,
+      default: false
+    },
+    // 变量显示类型
+    paramTypes: {
+      type: Array,
+      default: () => ["data", "task", "page", "request"]
+    }
+  },
+  emits: ["dataChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = ref([]);
+    if (props.data) {
+      tableData.value = props.data;
+    }
+    if (!tableData.value || tableData.value.length == 0) {
+      tableData.value.push({
+        matchingCondition: [],
+        eventCallBack: "",
+        style: {}
+      });
+    }
+    watch(() => tableData.value, (newVal) => {
+      if (Object.keys(newVal[0].style).length > 0) {
+        emit("dataChange", tableData.value);
+      }
+    }, { deep: true });
+    function addData(rowItem, index) {
+      tableData.value.splice(index + 1, 0, {
+        matchingCondition: [],
+        eventCallBack: "",
+        style: {}
+      });
+    }
+    function deleteData(rowItem, index) {
+      console.log("%c描述-111955", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", index);
+      if (tableData.value.length == 1) {
+        rowItem.matchingCondition = [], rowItem.eventCallBack = "", rowItem.style = {};
+        return;
+      }
+      tableData.value.splice(index, 1);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_Plus = resolveComponent("Plus");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_table = resolveComponent("el-table");
+      return openBlock(), createBlock(_component_el_table, {
+        data: tableData.value,
+        style: { "width": "100%" }
+      }, {
+        default: withCtx(() => [
+          __props.showCondition ? (openBlock(), createBlock(_component_el_table_column, {
+            key: 0,
+            label: "条件",
+            width: "55",
+            align: "center"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_sfc_main$1, {
+                paramTypes: __props.paramTypes,
+                title: "匹配条件/生效条件",
+                data: scope.row.matchingCondition
+              }, null, 8, ["paramTypes", "data"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          __props.showField ? (openBlock(), createBlock(_component_el_table_column, {
+            key: 1,
+            label: "字段",
+            align: "center"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_component_el_select, {
+                modelValue: scope.row.field,
+                "onUpdate:modelValue": ($event) => scope.row.field = $event,
+                multiple: "",
+                "allow-create": "",
+                filterable: "",
+                placeholder: "请选择"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.configure.items, (item, index) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.uuid,
+                      label: item.props.base.name,
+                      value: item.props.base.prop
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_component_el_table_column, {
+            label: "自定义条件",
+            align: "center"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_component_el_select, {
+                modelValue: scope.row.scopeFunc,
+                "onUpdate:modelValue": ($event) => scope.row.scopeFunc = $event,
+                title: scope.row.scopeFunc,
+                size: "small",
+                placeholder: "请选择"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "title"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "样式",
+            width: "55",
+            align: "center"
+          }, {
+            default: withCtx((scope) => [
+              createVNode(_sfc_main$2, {
+                data: scope.row.style
+              }, null, 8, ["data"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "操作",
+            align: "center"
+          }, {
+            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, scope.$index)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_Plus)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(_component_el_icon, {
+                size: "14",
+                style: { "color": "#5893EF", "cursor": "pointer" },
+                onClick: ($event) => deleteData(scope.row, scope.$index)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_Delete)
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue2.js

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