ylwl-cpscoms 1.0.0

package/es/SlForm/mixinRender.js

@@ -0,0 +1,239 @@
+import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import titleItem from './otherItem/titleItem.vue.js';
+import EL from 'element-ui';
+import { typeOf } from '../utils/index.js';
+
+var mixinRender = {
+  components: {
+    titleItem: titleItem
+  },
+  methods: {
+    renderTitle: function renderTitle(ce, item) {
+      return ce(titleItem, {
+        props: {
+          item: item
+        }
+      });
+    },
+    renderSwitch: function renderSwitch(ce, item) {
+      return ce(EL.Switch, _objectSpread2({}, this.initCommonProps(item)));
+    },
+    renderDrawer: function renderDrawer(ce) {
+      var _this = this;
+      return ce(EL.Button, {
+        props: {
+          icon: this.isDrawerOpen ? 'el-icon-top-right' : 'el-icon-rank',
+          type: 'primary'
+        },
+        on: {
+          click: function click() {
+            _this.isDrawerOpen = !_this.isDrawerOpen;
+            _this.boxHeight = _this.isDrawerOpen ? 'auto' : _this.firstitemHeight;
+          }
+        }
+      }
+      // this.isDrawerOpen ? 'shrink' : 'open'
+      );
+    },
+    renderText: function renderText(ce, item) {
+      return ce('div', {
+        style: {
+          width: '100%'
+        }
+      }, this.form[item.model]);
+    },
+    renderInput: function renderInput(ce, item) {
+      return ce('div', {
+        style: {
+          width: '100%'
+        }
+      }, [ce(EL.Input, _objectSpread2({}, this.initCommonProps(item, [], {}, item.privateAttrs))), ce('div', {
+        style: {
+          color: 'red',
+          lineHeight: 2,
+          fontSize: '12px'
+        }
+      }, item.remark)]);
+      // return ce(EL.Input, {
+      //   ...this.initCommonProps(item, [], {}, item.privateAttrs)
+      // })
+    },
+    renderInputNumber: function renderInputNumber(ce, item) {
+      return ce('div', {
+        style: {
+          width: item.privateAttrs && item.privateAttrs.style && item.privateAttrs.style.width ? item.privateAttrs.style.width : '90%'
+        }
+      }, [ce(EL.InputNumber, _objectSpread2({}, this.initCommonProps(item, [], {
+        'controls-position': 'right'
+      }, item.privateAttrs))), ce('span', {
+        style: {
+          marginLeft: '10px'
+        }
+      }, item.privateAttrs && item.privateAttrs.unit ? item.privateAttrs.unit : ''), ce('div', {
+        style: {
+          color: 'red',
+          lineHeight: 2,
+          fontSize: '12px'
+        }
+      }, item.remark)]);
+      // return ce(EL.Input, {
+      //   ...this.initCommonProps(item, [], {}, item.privateAttrs)
+      // })
+    },
+    renderSelect: function renderSelect(ce, item) {
+      var _this2 = this;
+      var _item$labelKey = item.labelKey,
+        labelKey = _item$labelKey === void 0 ? 'label' : _item$labelKey,
+        _item$valueKey = item.valueKey,
+        valueKey = _item$valueKey === void 0 ? 'value' : _item$valueKey,
+        model = item.model,
+        slots = item.slots;
+      // const isopstr = typeOf(options, 'string')
+      // const isopsFun = typeOf(asycnOptions, 'function')
+      // const isremote = typeOf(remoteMethod, 'function')
+      // const op = (isopsFun ? (await asycnOptions()) : options) || []
+      // console.log(this.selectOptions, "this.selectOptions")
+      // if (isopsFun) {
+      //   asycnOptions().then(result => {
+      //     this.$set(this.selectOptions, model, result || [])
+      //     // return result || []
+      //   })
+      // } else {
+      //   this.$set(this.selectOptions, model, options || [])
+      // }
+      var customOp = this.initCommonProps(item, ['options', 'labelKey', 'valueKey'], {
+        hitable: true,
+        defaultFirstOption: true
+      }, item.privateAttrs);
+      var otherSlots = Object.entries(slots || {}).reduce(function (pre, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          fun = _ref2[1];
+        typeOf(fun, 'function') && (pre[key] = function () {
+          return fun(ce);
+        });
+        return pre;
+      }, {});
+      //   return ce(bstSelect.SelectPro, {
+      return ce(EL.Select, _objectSpread2(_objectSpread2({}, customOp), {}, {
+        scopedSlots: _objectSpread2({
+          default: function _default() {
+            return _this2.selectOptions[model] && _this2.selectOptions[model].length ? _this2.selectOptions[model].map(function (o) {
+              return (
+                //   ce(bstSelect.SelectOption, {
+                ce(EL.Option, {
+                  props: Object.assign({}, o, {
+                    key: 'id',
+                    data: o,
+                    label: o[labelKey],
+                    value: o[valueKey]
+                  })
+                })
+              );
+            }) : [];
+            //  return op.map(o=>ce(EL.Option,{props:Object.assign({},o,{key:'id',data:o,label:o[labelKey],value:o[valueKey]})}))
+          }
+        }, otherSlots)
+      }));
+    },
+    renderDatePicker: function renderDatePicker(ce, item) {
+      return ce(EL.DatePicker, _objectSpread2({}, this.initCommonProps(item, [], _objectSpread2({
+        startPlaceholder: '开始时间',
+        endPlaceholder: '结束时间',
+        defaultTime: item.privateProps && item.privateProps.type === 'daterange' ? ['00:00:00', '23:59:59'] : undefined
+      }, item.privateProps), item.privateProps)));
+    },
+    renderRadio: function renderRadio(ce, item) {
+      var _item$labelKey2 = item.labelKey,
+        labelKey = _item$labelKey2 === void 0 ? 'label' : _item$labelKey2,
+        _item$valueKey2 = item.valueKey,
+        valueKey = _item$valueKey2 === void 0 ? 'value' : _item$valueKey2,
+        model = item.model;
+      return ce(EL.RadioGroup, _objectSpread2({}, this.initCommonProps(item, ['options', 'labelKey', 'valueKey', 'label'])), this.selectOptions[model] && this.selectOptions[model].length ? this.selectOptions[model].map(function (o) {
+        return ce(EL.Radio, {
+          props: {
+            label: o[valueKey]
+          }
+        }, [o[labelKey]]);
+      }) : []);
+    },
+    renderSlider: function renderSlider(ce, item) {
+      return ce('div', {
+        class: 'yl-form-slider'
+      }, [ce('span', {
+        class: 'yl-form-slider-span'
+      }, [item.label]), ce(EL.Slider, _objectSpread2(_objectSpread2({}, this.initCommonProps(item, [])), {}, {
+        style: 'width:200px'
+      }))]);
+    },
+    renderRangeInput: function renderRangeInput(ce, item) {
+      var _this3 = this;
+      !typeOf(item.value, 'array') && (item.value = []);
+      // const target = item.callback ? this.transfer : this.form
+      var target = this.form;
+      var val = target[item.model];
+      var style = '';
+      // 清空输入框的函数
+      var clearInputs = function clearInputs() {
+        _this3.fomateValue(item, ['', '']);
+      };
+
+      // 检查是否至少有一个输入框有值
+      var hasValue = val && (val[0] || val[1]);
+      return ce('div', {
+        class: 'yl-form-range-input'
+      }, [ce('span', {
+        class: 'yl-form-slider-span'
+      }, [item.label]), ce('input', {
+        style: style,
+        domProps: {
+          value: val[0],
+          placeholder: '起始值',
+          type: 'number'
+        },
+        on: {
+          input: function input(_ref3) {
+            var target = _ref3.target;
+            _this3.fomateValue(item, [target.value, val[1]]);
+            // this.$emit("input",this.form);
+          }
+        }
+      }), '-', ce('input', {
+        style: style,
+        domProps: {
+          value: val[1],
+          placeholder: '截止值',
+          type: 'number'
+        },
+        on: {
+          input: function input(_ref4) {
+            var target = _ref4.target;
+            _this3.fomateValue(item, [val[0], target.value]);
+            // this.$emit("input",this.form);
+          }
+        }
+      }), hasValue && ce('button', {
+        class: 'range-input-clear-btn',
+        attrs: {
+          type: 'button'
+        },
+        style: {
+          marginLeft: '5px',
+          background: 'none',
+          border: 'none',
+          fontSize: '16px',
+          cursor: 'pointer',
+          color: '#999'
+        },
+        on: {
+          click: function click(e) {
+            e.stopPropagation();
+            clearInputs();
+          }
+        }
+      }, '×')]);
+    }
+  }
+};
+
+export { mixinRender as default };

package/es/SlForm/otherItem/titleItem.vue.js

@@ -0,0 +1,39 @@
+import script from './titleItem.vue2.js';
+import './titleItem.vue3.js';
+import normalizeComponent from '../../node_modules/vue-runtime-helpers/dist/normalize-component.js';
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("h3", {
+    staticClass: "title-item"
+  }, [_vm._v("\n  " + _vm._s(_vm.item.label) + "\n")]);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-63641762";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var titleItem = __vue_component__;
+
+export { titleItem as default };

package/es/SlForm/otherItem/titleItem.vue2.js

@@ -0,0 +1,20 @@
+//
+//
+//
+//
+//
+
+var script = {
+  name: 'TitleItem',
+  props: {
+    item: {
+      type: Object,
+      default: function _default() {}
+    }
+  },
+  mounted: function mounted() {
+    // console.log(this.item, "你的手")
+  }
+};
+
+export { script as default };

package/es/SlForm/otherItem/titleItem.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".title-item[data-v-63641762]:before{background-color:#409eff;color:#409eff;content:\"|\";width:3px}.title-item[data-v-63641762]{margin-bottom:20px}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlGuide/index.vue.js

@@ -0,0 +1,38 @@
+import script from './index.vue2.js';
+import './index.vue3.js';
+import './index.vue4.js';
+import normalizeComponent from '../node_modules/vue-runtime-helpers/dist/normalize-component.js';
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div");
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-3b678a49";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var SlGuide = __vue_component__;
+
+export { SlGuide as default };

package/es/SlGuide/index.vue2.js

@@ -0,0 +1,133 @@
+import { asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+//
+//
+//
+//
+
+// 运行时动态加载 shepherd.js
+// 使用 webpackIgnore 注释避免消费项目的 webpack 在构建时解析此可选依赖
+var Shepherd = null;
+function loadShepherd() {
+  return _loadShepherd.apply(this, arguments);
+}
+function _loadShepherd() {
+  _loadShepherd = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var shepherdModule;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
+        case 0:
+          _context2.p = 0;
+          _context2.n = 1;
+          return import(/* webpackIgnore: true */'shepherd.js');
+        case 1:
+          shepherdModule = _context2.v;
+          Shepherd = shepherdModule.default || shepherdModule;
+          _context2.n = 2;
+          return import(/* webpackIgnore: true */'../node_modules/shepherd.js/dist/css/shepherd.css.js');
+        case 2:
+          return _context2.a(2, true);
+        case 3:
+          _context2.p = 3;
+          _context2.v;
+          console.warn('[SlGuide] shepherd.js 未安装，引导功能不可用。请执行 npm install shepherd.js 安装依赖。');
+          return _context2.a(2, false);
+      }
+    }, _callee2, null, [[0, 3]]);
+  }));
+  return _loadShepherd.apply(this, arguments);
+}
+var script = {
+  name: 'Guide',
+  props: {
+    steps: {
+      type: Array,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    onNext: {
+      type: Function,
+      default: function _default() {}
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    return _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var loaded;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _context.n = 1;
+            return loadShepherd();
+          case 1:
+            loaded = _context.v;
+            if (loaded) {
+              _this.initTour();
+            }
+          case 2:
+            return _context.a(2);
+        }
+      }, _callee);
+    }))();
+  },
+  methods: {
+    initTour: function initTour() {
+      var tour = new Shepherd.Tour(_objectSpread2(_objectSpread2({}, this.options), {}, {
+        defaultStepOptions: {
+          classes: 'shadow-md bg-purple-dark text-light shepherd-has-title',
+          scrollTo: true,
+          cancelIcon: {
+            enabled: false
+          },
+          highlightClass: 'highlight-custom-class'
+        },
+        exitOnEsc: true,
+        keyboardNavigation: true,
+        showCancelLink: false,
+        useModalOverlay: true
+      }));
+      this.steps.forEach(function (step, index) {
+        var customButtons = step.buttons.map(function (button) {
+          return _objectSpread2(_objectSpread2({}, button), {}, {
+            action: function action() {
+              if (button.actionType === 'next') {
+                button.action && button.action(tour);
+                tour.next();
+              } else {
+                button.action(tour);
+              }
+              return false;
+            }
+          });
+        });
+        tour.addStep(_objectSpread2(_objectSpread2({}, step), {}, {
+          buttons: customButtons,
+          beforeShowPromise: function beforeShowPromise() {
+            return new Promise(function (resolve) {
+              if (step.attachTo && step.attachTo.element) {
+                var el = document.querySelector(step.attachTo.element);
+                if (el) {
+                  el.style.pointerEvents = 'none';
+                  el.classList.add('disabled-by-shepherd');
+                }
+              }
+              resolve();
+            });
+          },
+          showOn: function showOn() {
+            var el = document.querySelector(step.attachTo.element || '');
+            return Boolean(el);
+          }
+        }));
+      });
+      tour.start();
+    }
+  }
+};
+
+export { script as default };

package/es/SlGuide/index.vue3.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".shepherd-element{background-color:#158dff}.shepherd-element[data-popper-placement=bottom]{margin-top:60px!important}.shepherd-element[data-popper-placement=bottom] .shepherd-arrow{height:60px;left:-60px;top:-61px;width:60px}.shepherd-element[data-popper-placement=bottom] .shepherd-arrow:before{display:none}.shepherd-element .shepherd-header{background-color:#158dff;height:40px;line-height:40px}.shepherd-element .shepherd-header .shepherd-title{color:#fff;font-size:16px;font-weight:700}.shepherd-element .shepherd-text{color:#fff;font-size:14px;line-height:1.6;padding:1em}.shepherd-element .shepherd-footer{color:#fff;padding:0 1em 1em}.shepherd-element .shepherd-footer .shepherd-button{background-color:#fff;color:#158dff;font-size:14px;height:32px;line-height:32px;padding:0 1.5rem}.shepherd-element .shepherd-button-quit{background:none!important;color:#c9caca!important}.shepherd-element .disabled-by-shepherd{cursor:not-allowed;opacity:.6;pointer-events:none}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlGuide/index.vue4.js

@@ -0,0 +1,6 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".highlight-custom-class[data-v-3b678a49]{background-color:rgba(0,0,0,.1)}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/es/SlMessageBox/index.js

@@ -0,0 +1,46 @@
+import { objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { MessageBox, Message } from 'element-ui';
+
+function showConfirmMessageBox(options) {
+  var defaultOptions = {
+    title: '提示',
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+    successMessage: '操作成功'
+  };
+  var mergedOptions = _objectSpread2(_objectSpread2({}, defaultOptions), options);
+  MessageBox.confirm(mergedOptions.message, mergedOptions.title, {
+    confirmButtonText: mergedOptions.confirmButtonText,
+    cancelButtonText: mergedOptions.cancelButtonText,
+    type: mergedOptions.type
+  }).then(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!(typeof mergedOptions.api === 'function')) {
+            _context.n = 1;
+            break;
+          }
+          _context.n = 1;
+          return mergedOptions.api(mergedOptions.params);
+        case 1:
+          if (typeof mergedOptions.onConfirm === 'function') {
+            mergedOptions.onConfirm();
+          }
+          Message({
+            type: 'success',
+            message: mergedOptions.successMessage
+          });
+        case 2:
+          return _context.a(2);
+      }
+    }, _callee);
+  }))).catch(function () {
+    if (typeof mergedOptions.onCancel === 'function') {
+      mergedOptions.onCancel();
+    }
+  });
+}
+
+export { showConfirmMessageBox };

package/es/SlPage/index.vue.js

@@ -0,0 +1,147 @@
+import script from './index.vue2.js';
+import './index.vue3.js';
+import normalizeComponent from '../node_modules/vue-runtime-helpers/dist/normalize-component.js';
+
+/* script */
+var __vue_script__ = script;
+/* template */
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("main", {
+    staticClass: "content-box",
+    style: {
+      padding: _vm.notShowPadding ? "" : "20px"
+    }
+  }, [_c("div", {
+    staticClass: "sl-form"
+  }, [_c("transition-group", {
+    attrs: {
+      name: "fade",
+      tag: "span"
+    }
+  }, [_c("slForm", {
+    key: "slForm",
+    ref: "slForm",
+    attrs: {
+      data: _vm.filterForm,
+      showlabel: false,
+      "form-props": {
+        inline: true,
+        size: "small",
+        labelStyle: {
+          textAlign: "left"
+        },
+        labelWidth: "auto"
+      }
+    },
+    model: {
+      value: _vm.form,
+      callback: function callback($$v) {
+        _vm.form = $$v;
+      },
+      expression: "form"
+    }
+  })], 1), _vm._v(" "), _c("div", {
+    staticClass: "search-btn"
+  }, [_c("el-button", {
+    attrs: {
+      type: "primary",
+      size: "small",
+      icon: "el-icon-search"
+    },
+    on: {
+      click: _vm.searchTableData
+    }
+  }, [_vm._v("搜索")]), _vm._v(" "), _c("el-button", {
+    attrs: {
+      size: "small",
+      icon: "el-icon-search"
+    },
+    on: {
+      click: _vm.resetTableData
+    }
+  }, [_vm._v("重置")]), _vm._v(" "), _c("el-button", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.options.length > _vm.showFormItem,
+      expression: "options.length > showFormItem "
+    }],
+    attrs: {
+      size: "small",
+      type: "text"
+    },
+    on: {
+      click: _vm.isShowMoreFilter
+    }
+  }, [_vm._v(_vm._s(_vm.isFold ? "折叠" : "展开")), _c("i", {
+    class: _vm.isFold ? "el-icon-arrow-up" : "el-icon-arrow-down",
+    staticStyle: {
+      "margin-left": "3px"
+    }
+  })])], 1)], 1), _vm._v(" "), _c("div", {
+    staticClass: "sl-table-header"
+  }, [_c("div", [_vm._t("tableLeftButtons", null, {
+    tablefilterFormData: _vm.$refs.slTable ? _vm.$refs.slTable.processedParams : {}
+  })], 2), _vm._v(" "), _c("div", [_vm._t("tableRightButtons", null, {
+    tablefilterFormData: _vm.$refs.slTable ? _vm.$refs.slTable.processedParams : {}
+  }), _vm._v(" "), _vm.isShowColSetting ? _c("el-button", {
+    attrs: {
+      size: "small",
+      icon: "el-icon-setting"
+    },
+    on: {
+      click: _vm.editCol
+    }
+  }, [_vm._v("列设置")]) : _vm._e()], 2)]), _vm._v(" "), _c("slTable", _vm._g(_vm._b({
+    ref: "slTable",
+    attrs: {
+      "table-api": _vm.tableApi,
+      columns: _vm.tableColumns,
+      "project-from": _vm.projectFrom,
+      params: _vm.form,
+      "filter-form": _vm.filterForm,
+      "other-config": _vm.otherConfig,
+      "default-seach-params": _vm.defaultSeachParams
+    },
+    on: {
+      setStorageCustomCol: _vm.setStorageCustomCol
+    },
+    scopedSlots: _vm._u([_vm._l(Object.keys(_vm.$scopedSlots), function (slotName) {
+      return {
+        key: slotName,
+        fn: function fn(scope) {
+          return [_vm._t(slotName, null, null, {
+            row: scope.row
+          })];
+        }
+      };
+    })])
+  }, "slTable", _vm.$attrs, false), _vm.$listeners))], 1);
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+/* style */
+var __vue_inject_styles__ = undefined;
+/* scoped */
+var __vue_scope_id__ = "data-v-47c2a39b";
+/* module identifier */
+var __vue_module_identifier__ = undefined;
+/* functional template */
+var __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+var SlPage = __vue_component__;
+
+export { SlPage as default };