super-page-designer 0.0.1-tmp1

package/dist/es/components/design/views/assemblys/data/component/attr-header.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeClass } from "vue";
+const _hoisted_1 = { class: "amb-design-attr-header" };
+const _hoisted_2 = { class: "amb-design-attr-header-type" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "attr-header",
+  props: {
+    modelValue: {
+      type: String,
+      default: "base"
+      // 设置默认值
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const clickType = ref(props.modelValue);
+    function changeType(type) {
+      clickType.value = type;
+      emit("update:modelValue", type);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "base" }),
+            onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
+          }, "属性", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "advanced" }),
+            onClick: _cache[1] || (_cache[1] = ($event) => changeType("advanced"))
+          }, "高级", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "import" }),
+            onClick: _cache[2] || (_cache[2] = ($event) => changeType("import"))
+          }, "导入配置", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "style" }),
+            onClick: _cache[3] || (_cache[3] = ($event) => changeType("style"))
+          }, "样式", 2),
+          createElementVNode("label", {
+            class: normalizeClass({ selected: clickType.value === "event" }),
+            onClick: _cache[4] || (_cache[4] = ($event) => changeType("event"))
+          }, "事件", 2)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,121 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, createBlock, createCommentVNode } from "vue";
+/* empty css                                     */
+import RowBackgroudColor from "./row-backgroud-color.vue.js";
+import _sfc_main$1 from "../../common/common-style-position.vue.js";
+import _sfc_main$2 from "../../common/common-style-margin.vue.js";
+import _sfc_main$3 from "../../common/common-style-padding.vue.js";
+import _sfc_main$4 from "../../common/common-style-border.vue.js";
+import _sfc_main$5 from "../../common/common-style-shadow.vue.js";
+import _sfc_main$6 from "../../common/common-style-custom.vue.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "attr-style",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({})
+      // 设置默认值
+    },
+    blankOption: {
+      type: Object,
+      default: {
+        showTittleFont: true,
+        // 是否显示标题字体
+        showBackground: true,
+        // 是否显示背景
+        showBorder: true,
+        // 是否显示边框
+        showShadow: true,
+        // 是否显示阴影
+        showClass: true,
+        // 是否显示class
+        showCustom: true
+        // 是否显示自定义
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_collapse_item, {
+          title: "表头",
+          name: "tableHeader",
+          class: "amb-design-attr-group-header"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_el_form_item, {
+                label: "表头Class",
+                class: "amb-design-attr-item"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    modelValue: __props.configure.style.tableHeader.class,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.tableHeader.class = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_form_item, {
+                label: "表头Style",
+                class: "amb-design-attr-item"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    modelValue: __props.configure.style.tableHeader.style,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.tableHeader.style = $event),
+                    style: { "width": "240px" },
+                    autosize: { minRows: 4 },
+                    type: "textarea",
+                    placeholder: "Please input"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_collapse_item, {
+          title: "行背景颜色动态设置",
+          name: "rowBackgroundColor",
+          class: "amb-design-attr-group-header"
+        }, {
+          default: withCtx(() => [
+            createVNode(RowBackgroudColor, {
+              list: __props.configure.style.rowStyle
+            }, null, 8, ["list"])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
+        __props.blankOption.showMargin ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : createCommentVNode("", true),
+        __props.blankOption.showPadding ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 1,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : createCommentVNode("", true),
+        __props.blankOption.showBorder ? (openBlock(), createBlock(_sfc_main$4, {
+          key: 2,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : createCommentVNode("", true),
+        __props.blankOption.showShadow ? (openBlock(), createBlock(_sfc_main$5, {
+          key: 3,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : createCommentVNode("", true),
+        __props.blankOption.showCustom ? (openBlock(), createBlock(_sfc_main$6, {
+          key: 4,
+          configure: __props.configure
+        }, null, 8, ["configure"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/data/component/attr-style.vue2.js

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

package/dist/es/components/design/views/assemblys/data/component/column-config.vue.js

@@ -0,0 +1,439 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createCommentVNode, unref, toDisplayString, Fragment, renderList, createBlock, createElementVNode } from "vue";
+import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
+import { getUuidv4 } from "../../../../utils/common-util.js";
+import "element-plus";
+import { Top, Bottom } from "@element-plus/icons-vue";
+import { getColumnsWithGroupHeader } from "../../../../utils/data-table-util.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { style: { "color": "red" } }, "*", -1);
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "column-config",
+  props: {
+    configure: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["close", "setConfigure"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableData = ref([
+      {
+        columnName: "columnName",
+        variableName: "variableName",
+        moduleType: "1",
+        show: true,
+        export: false,
+        align: "center",
+        disabled: false
+      }
+    ]);
+    if (props.configure) {
+      tableData.value = getColumnsWithGroupHeader(props.configure);
+      console.log("%c描述-140200", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", tableData.value);
+    }
+    function add() {
+      let obj = {
+        uuid: getUuidv4(),
+        name: "",
+        props: {
+          base: { name: "", visible: true, tittleShow: true, displayOrder: 1, sortable: true },
+          size: {},
+          editLine: {
+            plugType: "input-text"
+          },
+          scan: {},
+          preSuffix: {},
+          verification: {},
+          dataOrigin: {
+            sortField: [{ name: "", type: "" }],
+            staticState: [{ label: "选项1", vaule: 1 }],
+            displayQuantity: 20
+          },
+          defaultValue: {},
+          inParameter: {},
+          title: {},
+          definition: {},
+          uploadConfig: {},
+          singleWidth: {},
+          suffixModule: {},
+          querySetting: {},
+          orgFields: [{ type: "", model: "" }],
+          format: `{"type":"","icon":"111","suffixModule":{"staticStates":[]},"jumpPageAdditional":{"staticStates":[]}}`
+        },
+        events: [
+          { name: "show", label: "列表显示", tip: "列表显示回调方法" },
+          { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" }
+        ],
+        style: {
+          titleFont: {},
+          contentFont: {},
+          width: {},
+          background: {},
+          tableCell: [{ value: "", label: "" }],
+          conentPadding: {},
+          tittlePadding: {},
+          border: {},
+          shadow: {},
+          tittleClass: ""
+        }
+      };
+      tableData.value.push(obj);
+    }
+    function remove(row) {
+      tableData.value = tableData.value.filter((item) => item != row);
+    }
+    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 setColumnConfig() {
+      emit("setConfigure", tableData.value);
+    }
+    function getTableHeaderName(item) {
+      let nameValue = "";
+      if (item.children && item.children.length > 0) {
+        nameValue = item.titleText;
+      } else if (item.props && item.props.base.name && item.props.base.name.length > 0) {
+        nameValue = item.props.base.name;
+      } else {
+        nameValue = item.titleText;
+      }
+      return nameValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_dialog, {
+          "model-value": "",
+          title: "快捷设置",
+          width: "70%",
+          "close-on-click-modal": false,
+          onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_button, {
+              type: "primary",
+              style: { "margin": "8px 0" },
+              onClick: setColumnConfig
+            }, {
+              default: withCtx(() => [
+                createTextVNode("确定")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table, {
+              data: tableData.value,
+              "row-key": "uuid",
+              style: { "width": "100%" },
+              "default-expand-all": ""
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  type: "index",
+                  label: "序号",
+                  align: "center",
+                  width: "60"
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "操作",
+                  align: "center",
+                  width: "180"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        plain: "",
+                        onClick: add
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("添加")
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_el_button, {
+                        type: "danger",
+                        plain: "",
+                        onClick: ($event) => remove(scope.row)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("删除")
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, { align: "center" }, {
+                  default: withCtx((scope) => [
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "cursor": "pointer" },
+                      onClick: ($event) => moveTop(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Top))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(_component_el_icon, {
+                      size: "14",
+                      style: { "margin-left": "2px", "cursor": "pointer" },
+                      onClick: ($event) => moveToBottom(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Bottom))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, { align: "center" }, {
+                  header: withCtx(() => [
+                    createTextVNode(" 列名 "),
+                    _hoisted_2
+                  ]),
+                  default: withCtx((scope) => [
+                    scope.row.children && scope.row.children.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(getTableHeaderName(scope.row)), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                      createVNode(_component_el_input, {
+                        modelValue: scope.row.props.base.name,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.name = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]))
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "变量名",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                      createVNode(_component_el_input, {
+                        modelValue: scope.row.props.base.prop,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.prop = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "显示",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                      createVNode(_component_el_switch, {
+                        modelValue: scope.row.props.base.visible,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.visible = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "编辑组件",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                      createVNode(_component_el_select, {
+                        modelValue: scope.row.name,
+                        "onUpdate:modelValue": ($event) => scope.row.name = $event,
+                        placeholder: "请选择"
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getFormComponentOptions)(), (item) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: item.name,
+                              label: item.label,
+                              value: item.name
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "导出",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                      createVNode(_component_el_switch, {
+                        modelValue: scope.row.props.base.exportable,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.exportable = $event
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "标题对齐",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                      createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.alignTittle,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.alignTittle = $event
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_option, { value: "left" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "center" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "right" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "内容对齐",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                      createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.alignContent,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.alignContent = $event
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_option, { value: "left" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "center" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "right" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_table_column, {
+                  label: "固定列",
+                  align: "center"
+                }, {
+                  default: withCtx((scope) => [
+                    !scope.row.children || scope.row.children.length == 0 ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                      createVNode(_component_el_select, {
+                        modelValue: scope.row.props.base.listColumnFixed,
+                        "onUpdate:modelValue": ($event) => scope.row.props.base.listColumnFixed = $event
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_option, { value: "left" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居左")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "center" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居中")
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_option, { value: "right" }, {
+                            default: withCtx(() => [
+                              createTextVNode("居右")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/data/component/column-config.vue2.js

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

package/dist/es/components/design/views/assemblys/data/component/composite-header.css

@@ -0,0 +1,37 @@
+
+li[data-v-73667c88] {
+  color: #333;
+}
+.context-menu[data-v-73667c88] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+  margin-top: 30px;
+}
+.context-menu li[data-v-73667c88] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+
+/*.context-menu li:hover {*/
+/*  background: #5893ef;*/
+/*  color: #fff;*/
+/*}*/
+.context-menuLi[data-v-73667c88]:hover{
+	background: #5893ef;
+	color: #fff;
+}
+.context-menu[data-v-73667c88] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-73667c88] {
+  list-style-type: none;
+}

package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./composite-header.vue2.js";
+/* empty css                      */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const CompositeHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73667c88"]]);
+export {
+  CompositeHeader as default
+};