super-page-designer 0.0.1-tmp1

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

@@ -0,0 +1,163 @@
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, Fragment, renderList, createCommentVNode } from "vue";
+import { PageDimensions } from "../../../utils/interfaces/page-design-types.js";
+import { usePageContextStore } from "../../../../../stores/page-store.js";
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "common-attr-size",
+  props: {
+    size: {
+      type: Object,
+      required: true
+    },
+    // 是否显示最大高度
+    showMaxHeight: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const gutters = [2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24];
+    const pageDesignUtil = usePageContextStore();
+    const pageDesign = pageDesignUtil.pageContext ? pageDesignUtil.pageContext : {};
+    const sizeConf = props.size;
+    const dynamicSize = computed(() => {
+      let dimensions = pageDesign.dimensions;
+      if (!dimensions) {
+        dimensions = PageDimensions.PC;
+      }
+      let newConf = sizeConf[dimensions];
+      if (!newConf) {
+        newConf = {};
+        if (dimensions !== PageDimensions.PC) {
+          const pcConf = sizeConf[PageDimensions.PC];
+          if (pcConf) {
+            Object.assign(newConf, pcConf);
+          }
+        }
+        sizeConf[dimensions] = newConf;
+      }
+      return sizeConf[dimensions];
+    });
+    return (_ctx, _cache) => {
+      const _component_el_radio_button = resolveComponent("el-radio-button");
+      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_input = resolveComponent("el-input");
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      return openBlock(), createBlock(_component_el_collapse_item, {
+        title: "尺寸",
+        name: "attrSize",
+        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: dynamicSize.value.widthType,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicSize.value.widthType = $event)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio_button, { value: "flex" }, {
+                      default: withCtx(() => [
+                        createTextVNode("24格")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio_button, { value: "fix" }, {
+                      default: withCtx(() => [
+                        createTextVNode("自定义")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            dynamicSize.value.widthType != "fix" ? (openBlock(), createBlock(_component_el_form_item, {
+              key: 0,
+              class: "amb-design-attr-item",
+              label: "栏数"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_select, {
+                  modelValue: dynamicSize.value.flexSpan,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dynamicSize.value.flexSpan = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(gutters, (item) => {
+                      return createVNode(_component_el_option, {
+                        key: item,
+                        label: item,
+                        value: item
+                      }, null, 8, ["label", "value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            dynamicSize.value.widthType == "fix" ? (openBlock(), createBlock(_component_el_form_item, {
+              key: 1,
+              class: "amb-design-attr-item",
+              label: "宽度",
+              title: "未设置时自动宽度,可设置百分比"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: dynamicSize.value.fixWidth,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dynamicSize.value.fixWidth = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_component_el_form_item, {
+              label: "高度",
+              class: "amb-design-attr-item",
+              title: "未设置时自动高度,可设置百分比"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: dynamicSize.value.fixHeight,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dynamicSize.value.fixHeight = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, {
+              label: "最大高度",
+              title: "未设置时自动高度,可设置百分比",
+              class: "amb-design-attr-item"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: dynamicSize.value.maxHeight,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dynamicSize.value.maxHeight = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/es/components/design/views/assemblys/common/common-function-code.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, unref } from "vue";
+import { usePageContextStore } from "../../../../../stores/page-store.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "common-function-code",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const pageContextUtil = usePageContextStore();
+    const props = __props;
+    const permissionOptions = pageContextUtil.getPagePermissionOptions();
+    const pMap = {};
+    for (let p of permissionOptions) {
+      pMap[p.value] = p;
+    }
+    function functionChange() {
+      const selCodes = props.configure.functionCodes ? props.configure.functionCodes : [];
+      const sourceTypes = [];
+      for (let c of selCodes) {
+        const existO = pMap[c];
+        sourceTypes.push(existO.sourceType);
+      }
+      props.configure.sourceTypes = sourceTypes;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        modelValue: __props.configure.functionCodes,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.functionCodes = $event),
+        placeholder: "请选择",
+        "collapse-tags": "",
+        multiple: "",
+        clearable: "",
+        filterable: "",
+        onChange: functionChange
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(permissionOptions), (o) => {
+            return openBlock(), createBlock(_component_el_option, {
+              label: o.label,
+              value: o.value,
+              key: o.value
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/common/common-function-code.vue2.js

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

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

@@ -0,0 +1,462 @@
+import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, Fragment, renderList, normalizeClass, createElementVNode, normalizeStyle, createTextVNode, resolveDynamicComponent, createCommentVNode, nextTick } from "vue";
+import { CircleClose, Check, Search, Plus, InfoFilled } from "@element-plus/icons-vue";
+import * as Icons from "@element-plus/icons";
+import http from "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
+const _hoisted_5 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "common-icon-bind",
+  props: {
+    iconType: String,
+    iconValue: String,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    showLabel: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const typeOptions = [
+      {
+        value: "ElementUI",
+        label: "ElementUI"
+      },
+      {
+        value: "custom",
+        label: "自定义"
+      }
+    ];
+    ref(false);
+    const cachePage = {};
+    const pagination = ref({});
+    const iconType = ref(props.iconType);
+    if (!iconType.value) {
+      iconType.value = typeOptions[0].value;
+    }
+    const thisIconValue = ref("");
+    thisIconValue.value = props.iconValue;
+    ref([]);
+    const selectOptions = ref({});
+    const searchValue = ref("");
+    const popoverRef = ref();
+    const tableDatas = ref([]);
+    watch(searchValue, () => {
+      if (window.iconSearchTimeout) {
+        clearTimeout(window.iconSearchTimeout);
+      }
+      window.iconSearchTimeout = setTimeout(function() {
+        if (iconType.value == "custom") {
+          pagination.value.pageNo = 1;
+          queryCustomIcons();
+        } else {
+          pagination.value.pageNo = 1;
+          queryElementIcons();
+        }
+      }, 300);
+    });
+    function pageChange() {
+      console.log("pageChange");
+      console.log("pagination", pagination);
+      if (iconType.value == "custom") {
+        queryCustomIcons();
+      } else {
+        queryElementIcons();
+      }
+    }
+    function queryElementIcons() {
+      const allIcons = selectOptions.value.elementUIOptions;
+      const newOptions = allIcons.filter(
+        (data) => !searchValue.value || data.label.toLowerCase().includes(searchValue.value.toLowerCase()) || data.value.toLowerCase().includes(searchValue.value.toLowerCase())
+      );
+      if (!pagination.value.currentPage) {
+        pagination.value.currentPage = 1;
+      }
+      if (!pagination.value.pageSize) {
+        pagination.value.pageSize = 50;
+      }
+      let pageNo = pagination.value.currentPage;
+      const pageSize = pagination.value.pageSize;
+      let startIndex = (pageNo - 1) * pageSize;
+      if (startIndex + 2 > newOptions.length) {
+        startIndex = 0;
+        pageNo = 1;
+      }
+      const tempDatas = [];
+      for (let i = startIndex; i < startIndex + pageSize && i < newOptions.length; i++) {
+        tempDatas.push(newOptions[i]);
+      }
+      pagination.value.currentPage = pageNo;
+      pagination.value.total = newOptions.length;
+      tableDatas.value = tempDatas;
+      console.log("queryElementIcons size", newOptions.length);
+    }
+    function queryCustomIcons() {
+      const param = {
+        query: searchValue.value,
+        pageSize: pagination.value && pagination.value.pageSize ? pagination.value.pageSize : 50,
+        pageNo: pagination.value && pagination.value.pageNo ? pagination.value.pageNo : 1
+      };
+      searchValue.value;
+      http.post("/component/system-icon/query", param).then((result) => {
+        const data = result.data ? result.data : [];
+        const tempOptions = [];
+        for (let result2 of data) {
+          tempOptions.push({
+            value: result2.name,
+            label: result2.name
+          });
+        }
+        selectOptions.value.customOptions = tempOptions;
+        if (iconType.value == "custom") {
+          pagination.value.pageSize = result.size;
+          pagination.value.currentPage = result.page;
+          pagination.value.total = result.total;
+          tableDatas.value = tempOptions;
+        }
+      });
+    }
+    const tableHeight = computed(() => {
+      let height = 185;
+      if (iconType.value == "custom") {
+        height = 170;
+      }
+      return height;
+    });
+    const searchWidthStyle = computed(() => {
+      const style = {};
+      if (iconType.value == "custom") {
+        style.width = "200px";
+      }
+      return style;
+    });
+    function setSelectOptions() {
+      if (!selectOptions.value.elementUIOptions) {
+        if (!window.temp_Icon_Options) {
+          const options = [];
+          for (const [key, component] of Object.entries(Icons)) {
+            options.push({
+              value: key,
+              label: key,
+              component
+            });
+          }
+          options.sort(function(a, b) {
+            const aValue = a.value;
+            const bValue = b.value;
+            return aValue.localeCompare(bValue);
+          });
+          window.temp_Icon_Options = options;
+        }
+        selectOptions.value.elementUIOptions = window.temp_Icon_Options;
+      }
+    }
+    function paramTypeChange(selParamType) {
+      if (selParamType) {
+        if (Array.isArray(selParamType)) {
+          if (selParamType.length > 0) {
+            selParamType = selParamType[0];
+          }
+        }
+      }
+      iconType.value = selParamType;
+      let pageInfo = cachePage[iconType.value];
+      if (!pageInfo) {
+        pageInfo = {
+          currentPage: 1,
+          pageSize: 50,
+          total: 0
+        };
+        cachePage[iconType.value] = pageInfo;
+      }
+      pagination.value = pageInfo;
+      setValueOptions(iconType.value);
+      console.log("paramTypeChange");
+    }
+    function setValueOptions(value) {
+      if (value === "ElementUI") {
+        queryElementIcons();
+      } else if (value === "custom") {
+        queryCustomIcons();
+      }
+    }
+    function clearSelect() {
+      thisIconValue.value = "";
+      emits("update:modelValue", "", "");
+      popoverRef.value.hide();
+    }
+    function selectRow(row) {
+      thisIconValue.value = row.value;
+      emits("update:modelValue", iconType.value, thisIconValue.value);
+      popoverRef.value.hide();
+    }
+    function addIcon() {
+      searchValue.value = searchValue.value.trim();
+      if (!searchValue.value) {
+        ElMessage.warning("请输入图标名!");
+        return;
+      }
+      const tempValues = selectOptions.value.customOptions || [];
+      let isExist = false;
+      for (let t of tempValues) {
+        if (t.value === searchValue.value) {
+          isExist = true;
+          break;
+        }
+      }
+      iconType.value = "custom";
+      thisIconValue.value = searchValue.value;
+      searchValue.value = "";
+      emits("update:modelValue", iconType.value, thisIconValue.value);
+      popoverRef.value.hide();
+      if (!isExist) {
+        const iconInfo = {
+          name: searchValue.value
+        };
+        http.post("/component/system-params/add", iconInfo).then((result) => {
+          if (iconType.value == "custom") {
+            queryCustomIcons();
+          }
+        }).catch((error) => {
+          ElMessage.warning("保存图标失败!");
+          console.log("保存图标失败", error);
+        });
+      }
+    }
+    const tableRef = ref();
+    function showPopover() {
+      nextTick(() => {
+        setSelectOptions();
+        paramTypeChange(iconType.value);
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      const _component_el_menu = resolveComponent("el-menu");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_pagination = resolveComponent("el-pagination");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_popover = resolveComponent("el-popover");
+      return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(thisIconValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
+        key: 1,
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
+        width: 400
+      }, {
+        reference: withCtx(() => [
+          createVNode(_component_el_input, {
+            readonly: "",
+            size: "small",
+            onClick: showPopover,
+            modelValue: thisIconValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => thisIconValue.value = $event),
+            placeholder: "请选择"
+          }, {
+            suffix: withCtx(() => [
+              withDirectives(createVNode(_component_el_icon, {
+                style: { "cursor": "pointer" },
+                onClick: withModifiers(clearSelect, ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CircleClose))
+                ]),
+                _: 1
+              }, 512), [
+                [vShow, thisIconValue.value]
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_row, null, {
+            default: withCtx(() => [
+              createVNode(_component_el_col, { span: 8 }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_menu, null, {
+                    default: withCtx(() => [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(typeOptions, (o) => {
+                        return createVNode(_component_el_menu_item, {
+                          style: { "height": "40px", "padding-left": "0px" },
+                          class: normalizeClass(o.value == iconType.value ? "is-active" : ""),
+                          onClick: ($event) => paramTypeChange(o.value)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_icon, null, {
+                              default: withCtx(() => [
+                                withDirectives(createVNode(unref(Check), null, null, 512), [
+                                  [vShow, o.value == iconType.value]
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createElementVNode("span", null, toDisplayString(o.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "onClick"]);
+                      }), 64))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              !iconType.value ? (openBlock(), createBlock(_component_el_col, {
+                key: 0,
+                span: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_empty, {
+                    description: "请选择类型",
+                    "image-size": 40
+                  })
+                ]),
+                _: 1
+              })) : (openBlock(), createBlock(_component_el_col, {
+                key: 1,
+                span: 16,
+                style: { "padding-left": "10px" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    size: "small",
+                    modelValue: searchValue.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
+                    placeholder: "搜索",
+                    "suffix-icon": unref(Search),
+                    style: normalizeStyle([{ "margin-bottom": "5px", "height": "25px" }, searchWidthStyle.value])
+                  }, null, 8, ["modelValue", "suffix-icon", "style"]),
+                  withDirectives(createVNode(_component_el_button, {
+                    style: { "float": "right" },
+                    onClick: addIcon,
+                    size: "small",
+                    type: "primary",
+                    icon: unref(Plus),
+                    circle: ""
+                  }, null, 8, ["icon"]), [
+                    [vShow, iconType.value == "custom"]
+                  ]),
+                  withDirectives(createElementVNode("div", _hoisted_2, [
+                    createVNode(_component_el_icon, null, {
+                      default: withCtx(() => [
+                        createVNode(unref(InfoFilled))
+                      ]),
+                      _: 1
+                    }),
+                    _hoisted_3,
+                    createTextVNode("   "),
+                    createVNode(_component_el_tooltip, null, {
+                      content: withCtx(() => [
+                        createTextVNode(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "),
+                        _hoisted_4,
+                        createTextVNode(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_el_tag, { type: "primary" }, {
+                          default: withCtx(() => [
+                            createTextVNode("更多")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ], 512), [
+                    [vShow, iconType.value == "custom"]
+                  ]),
+                  createVNode(_component_el_table, {
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    height: tableHeight.value,
+                    "show-header": false,
+                    size: "small",
+                    "current-row-key": "code",
+                    "row-key": "code",
+                    "tree-props": { children: "items" },
+                    "highlight-current-row": true,
+                    data: tableDatas.value
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_table_column, { width: "65" }, {
+                        default: withCtx((scope) => [
+                          createVNode(_component_el_button, {
+                            size: "small",
+                            onClick: ($event) => selectRow(scope.row)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" 选择 ")
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_el_table_column, {
+                        label: "名称",
+                        prop: "value",
+                        width: "120"
+                      }, {
+                        default: withCtx((scope) => [
+                          createElementVNode("span", {
+                            style: { "text-align": "left" },
+                            title: scope.row.value
+                          }, toDisplayString(scope.row.value), 9, _hoisted_5)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_el_table_column, { label: "图标" }, {
+                        default: withCtx((scope) => [
+                          scope.row.component ? (openBlock(), createBlock(resolveDynamicComponent(scope.row.component), {
+                            key: 0,
+                            style: { "width": "20px" }
+                          })) : createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["height", "data"]),
+                  createVNode(_component_el_pagination, {
+                    style: { "margin-top": "10px", "justify-content": "center" },
+                    "current-page": pagination.value.currentPage,
+                    "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pagination.value.currentPage = $event),
+                    "page-size": pagination.value.pageSize,
+                    "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => pagination.value.pageSize = $event),
+                    size: _ctx.small,
+                    "pager-count": 3,
+                    layout: "pager,total",
+                    total: pagination.value.total,
+                    onCurrentChange: pageChange
+                  }, null, 8, ["current-page", "page-size", "size", "total"])
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};