super-page-designer 2.1.47 → 2.1.52

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-style.vue.js

@@ -1,29 +1,24 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, createElementBlock, Fragment, renderList } from "vue";
-import RowBackgroudColor from "../component/row-backgroud-color.vue.js";
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode } from "vue";
+import _sfc_main$1 from "../../chart/statistical-table/component/style-table.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_3 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_4 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_5 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_6 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_7 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_8 = { style: { "padding": "8px 0px 0px 0px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tablecolumn-attr-style",
   props: {
-    configure: Object
+    configure: Object,
+    // 页面信息
+    pageDesign: Object
   },
   setup(__props) {
-    const fontSizes = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+    const props = __props;
+    function cellStyleChange(tableData) {
+      props.configure.style.cellStyle = tableData;
+    }
+    function cellTitleStyleChange(tableData) {
+      props.configure.style.titleStyle = tableData;
+    }
     return (_ctx, _cache) => {
-      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_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_input = resolveComponent("el-input");
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
@@ -35,429 +30,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_el_collapse, { style: { "margin-top": "6px" } }, {
             default: withCtx(() => [
               createVNode(_component_el_collapse_item, {
-                title: "标题字体",
+                title: "标题",
                 name: "tittleFont",
                 class: "amb-design-attr-group-header"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
-                    createVNode(_component_el_form_item, {
-                      label: "加粗",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.titleFontbold,
-                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.titleFontbold = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "倾斜",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.titleFontitalic,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.titleFontitalic = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "字号",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_select, {
-                          modelValue: __props.configure.style.titleFontfontSize,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.titleFontfontSize = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "颜色",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_color_picker, {
-                          modelValue: __props.configure.style.titleFontColor,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.titleFontColor = $event)
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "对齐方式",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.titleFontAlign,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.style.titleFontAlign = $event),
-                          class: "ml-4"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_el_radio, { value: "left" }, {
-                              default: withCtx(() => [
-                                createTextVNode("左")
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_el_radio, { value: "center" }, {
-                              default: withCtx(() => [
-                                createTextVNode("中")
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_el_radio, { value: "right" }, {
-                              default: withCtx(() => [
-                                createTextVNode("右")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ])
+                  createVNode(_sfc_main$1, {
+                    configure: __props.configure,
+                    showField: false,
+                    data: __props.configure.style.titleStyle,
+                    pageDesign: __props.pageDesign,
+                    onDataChange: cellTitleStyleChange
+                  }, null, 8, ["configure", "data", "pageDesign"])
                 ]),
                 _: 1
               }),
               createVNode(_component_el_collapse_item, {
-                title: "内容字体",
-                name: "contentFont",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2, [
-                    createVNode(_component_el_form_item, {
-                      label: "加粗",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.contentFontBold,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.style.contentFontBold = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "倾斜",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.contentFontItalic,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.style.contentFontItalic = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "字号",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_select, {
-                          modelValue: __props.configure.style.contentFontSize,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.style.contentFontSize = $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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "颜色",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_color_picker, {
-                          modelValue: __props.configure.style.contentFontColor,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.style.contentFontColor = $event)
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "对齐方式",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.style.contentFontAlign,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.style.contentFontAlign = $event),
-                          class: "ml-4"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_el_radio, { value: "left" }, {
-                              default: withCtx(() => [
-                                createTextVNode("左")
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_el_radio, { value: "center" }, {
-                              default: withCtx(() => [
-                                createTextVNode("中")
-                              ]),
-                              _: 1
-                            }),
-                            createVNode(_component_el_radio, { value: "right" }, {
-                              default: withCtx(() => [
-                                createTextVNode("右")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                title: "内容单元格背景颜色动态设置",
+                title: "内容",
                 name: "rowBackgroundColor",
                 class: "amb-design-attr-group-header"
               }, {
                 default: withCtx(() => [
-                  createVNode(RowBackgroudColor, {
-                    showStyleTittle: false,
-                    list: __props.configure.style.tableCell
-                  }, null, 8, ["list"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                title: "标题Padding",
-                name: "tittlePadding",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_3, [
-                    createVNode(_component_el_form_item, {
-                      label: "上边距",
-                      style: { "margin-top": "4px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.tittlePaddingTop,
-                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.style.tittlePaddingTop = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "右边距",
-                      style: { "margin-top": "-10px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.tittlePaddingRight,
-                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.style.tittlePaddingRight = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "下边距",
-                      style: { "margin-top": "-10px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.tittlePaddingBottom,
-                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.style.tittlePaddingBottom = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "左边距",
-                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.tittlePaddingLeft,
-                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.style.tittlePaddingLeft = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                title: "内容Padding",
-                name: "conentPadding",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4, [
-                    createVNode(_component_el_form_item, {
-                      label: "上边距",
-                      style: { "margin-top": "4px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.conentPaddingTop,
-                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.style.conentPaddingTop = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "右边距",
-                      style: { "margin-top": "-10px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.conentPaddingRight,
-                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.style.conentPaddingRight = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "下边距",
-                      style: { "margin-top": "-10px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.conentPaddingBottom,
-                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.style.conentPaddingBottom = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "左边距",
-                      style: { "margin-top": "-10px", "margin-bottom": "-15px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input_number, {
-                          modelValue: __props.configure.style.conentPaddingLeft,
-                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.style.conentPaddingLeft = $event),
-                          min: 0,
-                          max: 100
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ])
+                  createVNode(_sfc_main$1, {
+                    paramTypes: ["data", "task", "page", "request", "row"],
+                    configure: __props.configure,
+                    showCondition: true,
+                    data: __props.configure.style.cellStyle,
+                    pageDesign: __props.pageDesign,
+                    onDataChange: cellStyleChange
+                  }, null, 8, ["configure", "data", "pageDesign"])
                 ]),
                 _: 1
               }),
@@ -467,10 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "amb-design-attr-group-header"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_1, [
                     createVNode(_component_el_input, {
                       modelValue: __props.configure.style.tittleClassCustom,
-                      "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => __props.configure.style.tittleClassCustom = $event)
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.tittleClassCustom = $event)
                     }, null, 8, ["modelValue"])
                   ])
                 ]),
@@ -482,48 +83,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "amb-design-attr-group-header"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_2, [
                     createVNode(_component_el_input, {
                       modelValue: __props.configure.style.contentClassCustom,
-                      "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => __props.configure.style.contentClassCustom = $event)
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                title: "标题-style",
-                name: "tittleStyle",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_7, [
-                    createVNode(_component_el_input, {
-                      modelValue: __props.configure.style.tittleStyleCustom,
-                      "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => __props.configure.style.tittleStyleCustom = $event),
-                      style: { "width": "240px" },
-                      autosize: { minRows: 4 },
-                      type: "textarea",
-                      placeholder: "color:red"
-                    }, null, 8, ["modelValue"])
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                title: "内容-style",
-                name: "contentStyle",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_8, [
-                    createVNode(_component_el_input, {
-                      modelValue: __props.configure.style.contentStyleCustom,
-                      "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => __props.configure.style.contentStyleCustom = $event),
-                      style: { "width": "240px" },
-                      autosize: { minRows: 4 },
-                      type: "textarea",
-                      placeholder: "color:red"
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.contentClassCustom = $event)
                     }, null, 8, ["modelValue"])
                   ])
                 ]),

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, withDirectives, vShow, unref, renderList, createBlock } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, withDirectives, vShow, unref, renderList, createBlock } from "vue";
 import { Plus, Delete } from "@element-plus/icons";
 import BindVariable from "../../common/common-variable-bind.vue.js";
 import { getUuidv4 } from "../../../../utils/common-util.js";
@@ -10,7 +10,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Array,
       default: () => []
     },
-    title: String
+    title: String,
+    buttonText: {
+      type: String,
+      default: "编辑"
+    }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -108,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = true)
           }, {
             default: withCtx(() => [
-              createTextVNode("编辑")
+              createTextVNode(toDisplayString(__props.buttonText), 1)
             ]),
             _: 1
           }),

package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js

@@ -8,7 +8,7 @@ import http from "agilebuilder-ui/src/utils/request";
 import { usePageContextStore } from "../../../../../../stores/page-store.js";
 import "../../../../../../stores/table-store.js";
 import "../../../../../../stores/statistics-table-store.js";
-import "../../common/common-variable-bind.vue2.js";
+import "../../common/common-variable-bind.vue3.js";
 import _sfc_main$4 from "./data-origin-service-in.vue.js";
 import { queryTableFields } from "../../../../utils/page-table-util.js";
 import { getCustomFuncs } from "../../../../utils/page-event-util.js";

package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js

@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx((scope) => [
                     createVNode(_component_el_icon, {
                       size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                      style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
                       onClick: ($event) => addData(scope.row)
                     }, {
                       default: withCtx(() => [
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"]),
                     createVNode(_component_el_icon, {
                       size: "14",
-                      style: { "color": "#5893EF", "cursor": "pointer" },
+                      style: { "color": "#5893ef", "cursor": "pointer" },
                       onClick: ($event) => deleteData(scope.row)
                     }, {
                       default: withCtx(() => [