@antv/l7-layers 2.9.32-alpha.3 → 2.9.32-alpha.5

package/es/plugins/DataSourcePlugin.js

@@ -0,0 +1,84 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { TYPES } from '@antv/l7-core';
+import Source from '@antv/l7-source';
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+var DataSourcePlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function DataSourcePlugin() {
+    _classCallCheck(this, DataSourcePlugin);
+  }
+
+  _createClass(DataSourcePlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      var _this = this;
+
+      this.mapService = layer.getContainer().get(TYPES.IMapService);
+      layer.hooks.init.tap('DataSourcePlugin', function () {
+        var source = layer.getSource();
+
+        if (!source) {
+          // Tip: 用户没有传入 source 的时候使用图层的默认数据
+          var _ref = layer.sourceOption || layer.defaultSourceConfig,
+              data = _ref.data,
+              options = _ref.options;
+
+          source = new Source(data, options);
+          layer.setSource(source);
+        }
+
+        if (source.inited) {
+          _this.updateClusterData(layer);
+        } else {
+          source.once('sourceUpdate', function () {
+            _this.updateClusterData(layer);
+          });
+        }
+      }); // 检测数据是否需要更新
+
+      layer.hooks.beforeRenderData.tap('DataSourcePlugin', function () {
+        var neeUpdateCluster = _this.updateClusterData(layer);
+
+        var dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
+        layer.dataState.dataSourceNeedUpdate = false;
+        return neeUpdateCluster || dataSourceNeedUpdate;
+      });
+    }
+  }, {
+    key: "updateClusterData",
+    value: function updateClusterData(layer) {
+      // Tip: 矢量瓦片不需要进行聚合操作
+      if (layer.isTileLayer || layer.tileLayer) return false;
+      var source = layer.getSource();
+      var cluster = source.cluster;
+      var _source$clusterOption = source.clusterOptions.zoom,
+          zoom = _source$clusterOption === void 0 ? 0 : _source$clusterOption;
+      var newZoom = this.mapService.getZoom() - 1;
+      var dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
+
+      if (cluster && dataSourceNeedUpdate) {
+        // 数据发生更新
+        source.updateClusterData(Math.floor(newZoom));
+      } // 如果 dataSource 有更新，跳过 zoom 的判断，直接更新一次
+
+
+      if (cluster && Math.abs(layer.clusterZoom - newZoom) >= 1) {
+        if (zoom !== Math.floor(newZoom)) {
+          source.updateClusterData(Math.floor(newZoom));
+        }
+
+        layer.clusterZoom = newZoom;
+        return true;
+      }
+
+      return false;
+    }
+  }]);
+
+  return DataSourcePlugin;
+}()) || _class);
+export { DataSourcePlugin as default };

package/es/plugins/FeatureScalePlugin.d.ts

@@ -0,0 +1,24 @@
+import { ILayer, ILayerPlugin, IStyleAttributeService } from '@antv/l7-core';
+import 'reflect-metadata';
+/**
+ * 根据 Source 原始数据为指定字段创建 Scale，保存在 StyleAttribute 上，供下游插件使用
+ */
+export default class FeatureScalePlugin implements ILayerPlugin {
+    private scaleOptions;
+    private getSourceData;
+    apply(layer: ILayer, { styleAttributeService, }: {
+        styleAttributeService: IStyleAttributeService;
+    }): void;
+    private isNumber;
+    private caculateScalesForAttributes;
+    /**
+     * @example
+     * 'w*h' => ['w', 'h']
+     * 'w' => ['w']
+     */
+    private parseFields;
+    private createScale;
+    private getDefaultType;
+    private createScaleConfig;
+    private createDefaultScale;
+}

package/es/plugins/FeatureScalePlugin.js

@@ -0,0 +1,340 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+var _scaleMap, _dec, _class;
+
+import { ScaleTypes, StyleScaleType } from '@antv/l7-core';
+import { extent } from 'd3-array';
+import * as d3interpolate from 'd3-interpolate';
+import * as d3 from 'd3-scale';
+import { injectable } from 'inversify';
+import { isNil, isString, uniq } from 'lodash';
+import 'reflect-metadata';
+var dateRegex = /^(?:(?!0000)[0-9]{4}([-/.]+)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-/.]?)0?2\2(?:29))(\s+([01]|([01][0-9]|2[0-3])):([0-9]|[0-5][0-9]):([0-9]|[0-5][0-9]))?$/;
+var scaleMap = (_scaleMap = {}, _defineProperty(_scaleMap, ScaleTypes.LINEAR, d3.scaleLinear), _defineProperty(_scaleMap, ScaleTypes.POWER, d3.scalePow), _defineProperty(_scaleMap, ScaleTypes.LOG, d3.scaleLog), _defineProperty(_scaleMap, ScaleTypes.IDENTITY, d3.scaleIdentity), _defineProperty(_scaleMap, ScaleTypes.SEQUENTIAL, d3.scaleSequential), _defineProperty(_scaleMap, ScaleTypes.TIME, d3.scaleTime), _defineProperty(_scaleMap, ScaleTypes.QUANTILE, d3.scaleQuantile), _defineProperty(_scaleMap, ScaleTypes.QUANTIZE, d3.scaleQuantize), _defineProperty(_scaleMap, ScaleTypes.THRESHOLD, d3.scaleThreshold), _defineProperty(_scaleMap, ScaleTypes.CAT, d3.scaleOrdinal), _defineProperty(_scaleMap, ScaleTypes.DIVERGING, d3.scaleDiverging), _scaleMap);
+/**
+ * 根据 Source 原始数据为指定字段创建 Scale，保存在 StyleAttribute 上，供下游插件使用
+ */
+
+var FeatureScalePlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function FeatureScalePlugin() {
+    _classCallCheck(this, FeatureScalePlugin);
+
+    _defineProperty(this, "scaleOptions", {});
+  }
+
+  _createClass(FeatureScalePlugin, [{
+    key: "getSourceData",
+    value: function getSourceData(layer, callback) {
+      var source = layer.getSource();
+
+      if (source.inited) {
+        callback(source.data);
+      } else {
+        source.once('sourceUpdate', function () {
+          callback(source.data);
+        });
+      }
+    }
+  }, {
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var styleAttributeService = _ref.styleAttributeService;
+      layer.hooks.init.tap('FeatureScalePlugin', function () {
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        _this.getSourceData(layer, function (_ref2) {
+          var dataArray = _ref2.dataArray;
+
+          if (Array.isArray(dataArray) && dataArray.length === 0) {
+            return;
+          } else {
+            _this.caculateScalesForAttributes(attributes || [], dataArray);
+          }
+        });
+      }); // 检测数据是否需要更新
+
+      layer.hooks.beforeRenderData.tap('FeatureScalePlugin', function () {
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        _this.getSourceData(layer, function (_ref3) {
+          var dataArray = _ref3.dataArray;
+
+          if (Array.isArray(dataArray) && dataArray.length === 0) {
+            return;
+          }
+
+          _this.caculateScalesForAttributes(attributes || [], dataArray);
+
+          layer.layerModelNeedUpdate = true;
+        });
+
+        return true;
+      });
+      layer.hooks.beforeRender.tap('FeatureScalePlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            usage = _layer$getLayerConfig.usage;
+
+        if (layer.layerModelNeedUpdate || usage === 'basemap') {
+          return;
+        }
+
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        if (attributes) {
+          _this.getSourceData(layer, function (_ref4) {
+            var dataArray = _ref4.dataArray;
+
+            if (dataArray.length === 0) {
+              return;
+            }
+
+            var attributesToRescale = attributes.filter(function (attribute) {
+              return attribute.needRescale;
+            });
+
+            if (attributesToRescale.length) {
+              _this.caculateScalesForAttributes(attributesToRescale, dataArray);
+            }
+          });
+        }
+      });
+    }
+  }, {
+    key: "isNumber",
+    value: function isNumber(n) {
+      return !isNaN(parseFloat(n)) && isFinite(n);
+    }
+  }, {
+    key: "caculateScalesForAttributes",
+    value: function caculateScalesForAttributes(attributes, dataArray) {
+      var _this2 = this;
+
+      attributes.forEach(function (attribute) {
+        if (attribute.scale) {
+          // 创建Scale
+          var attributeScale = attribute.scale;
+          attributeScale.names = _this2.parseFields(attribute.scale.field || []);
+          var scales = []; // 为每个字段创建 Scale
+
+          attributeScale.names.forEach(function (field) {
+            var _attribute$scale;
+
+            scales.push(_this2.createScale(field, attribute.name, (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.values, dataArray));
+          }); // 为scales 设置值区间 Range
+
+          if (scales.some(function (scale) {
+            return scale.type === StyleScaleType.VARIABLE;
+          })) {
+            attributeScale.type = StyleScaleType.VARIABLE;
+            scales.forEach(function (scale) {
+              var _scale$option;
+
+              // 如果设置了回调, 这不需要设置range
+              if (!attributeScale.callback && attributeScale.values !== 'text') {
+                switch ((_scale$option = scale.option) === null || _scale$option === void 0 ? void 0 : _scale$option.type) {
+                  case ScaleTypes.LOG:
+                  case ScaleTypes.LINEAR:
+                  case ScaleTypes.POWER:
+                    if (attributeScale.values && attributeScale.values.length > 2) {
+                      var tick = scale.scale.ticks(attributeScale.values.length);
+                      scale.scale.domain(tick);
+                    }
+
+                    attributeScale.values ? scale.scale.range(attributeScale.values) : scale.scale.range(scale.option.domain);
+                    break;
+
+                  case ScaleTypes.QUANTILE:
+                  case ScaleTypes.QUANTIZE:
+                  case ScaleTypes.THRESHOLD:
+                    scale.scale.range(attributeScale.values); //
+
+                    break;
+
+                  case ScaleTypes.CAT:
+                    attributeScale.values ? scale.scale.range(attributeScale.values) : scale.scale.range(scale.option.domain);
+                    break;
+
+                  case ScaleTypes.DIVERGING:
+                  case ScaleTypes.SEQUENTIAL:
+                    scale.scale.interpolator( // @ts-ignore
+                    d3interpolate.interpolateRgbBasis(attributeScale.values));
+                    break;
+                }
+              }
+
+              if (attributeScale.values === 'text') {
+                var _scale$option2;
+
+                scale.scale.range((_scale$option2 = scale.option) === null || _scale$option2 === void 0 ? void 0 : _scale$option2.domain);
+              }
+            });
+          } else {
+            // 设置attribute 常量值 常量直接在value取值
+            attributeScale.type = StyleScaleType.CONSTANT;
+            attributeScale.defaultValues = scales.map(function (scale, index) {
+              return scale.scale(attributeScale.names[index]);
+            });
+          }
+
+          attributeScale.scalers = scales.map(function (scale) {
+            return {
+              field: scale.field,
+              func: scale.scale,
+              option: scale.option
+            };
+          });
+          attribute.needRescale = false;
+        }
+      });
+    }
+    /**
+     * @example
+     * 'w*h' => ['w', 'h']
+     * 'w' => ['w']
+     */
+
+  }, {
+    key: "parseFields",
+    value: function parseFields(field) {
+      if (Array.isArray(field)) {
+        return field;
+      }
+
+      if (isString(field)) {
+        return field.split('*');
+      }
+
+      return [field];
+    }
+  }, {
+    key: "createScale",
+    value: function createScale(field, name, values, data) {
+      var _this$scaleOptions$na, _find;
+
+      // scale 支持根据视觉通道和字段
+      var scaleOption = this.scaleOptions[name] && ((_this$scaleOptions$na = this.scaleOptions[name]) === null || _this$scaleOptions$na === void 0 ? void 0 : _this$scaleOptions$na.field) === field ? this.scaleOptions[name] // TODO  zi
+      : this.scaleOptions[field];
+      var styleScale = {
+        field: field,
+        scale: undefined,
+        type: StyleScaleType.VARIABLE,
+        option: scaleOption
+      };
+
+      if (!data || !data.length) {
+        if (scaleOption && scaleOption.type) {
+          styleScale.scale = this.createDefaultScale(scaleOption);
+        } else {
+          styleScale.scale = d3.scaleOrdinal([field]);
+          styleScale.type = StyleScaleType.CONSTANT;
+        }
+
+        return styleScale;
+      }
+
+      var firstValue = (_find = data.find(function (d) {
+        return !isNil(d[field]);
+      })) === null || _find === void 0 ? void 0 : _find[field]; // 常量 Scale
+
+      if (this.isNumber(field) || isNil(firstValue) && !scaleOption) {
+        styleScale.scale = d3.scaleOrdinal([field]);
+        styleScale.type = StyleScaleType.CONSTANT;
+      } else {
+        // 根据数据类型判断 默认等分位，时间，和枚举类型
+        var type = scaleOption && scaleOption.type || this.getDefaultType(firstValue);
+
+        if (values === 'text') {
+          // text 为内置变 如果是文本则为cat
+          type = ScaleTypes.CAT;
+        }
+
+        var cfg = this.createScaleConfig(type, field, scaleOption, data);
+        styleScale.scale = this.createDefaultScale(cfg);
+        styleScale.option = cfg;
+      }
+
+      return styleScale;
+    }
+  }, {
+    key: "getDefaultType",
+    value: function getDefaultType(firstValue) {
+      var type = ScaleTypes.LINEAR;
+
+      if (typeof firstValue === 'string') {
+        type = dateRegex.test(firstValue) ? ScaleTypes.TIME : ScaleTypes.CAT;
+      }
+
+      return type;
+    } // 生成Scale 默认配置
+
+  }, {
+    key: "createScaleConfig",
+    value: function createScaleConfig(type, field, scaleOption, data) {
+      var cfg = {
+        type: type
+      };
+      var values = (data === null || data === void 0 ? void 0 : data.map(function (item) {
+        return item[field];
+      })) || [];
+
+      if (scaleOption !== null && scaleOption !== void 0 && scaleOption.domain) {
+        cfg.domain = scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.domain;
+      } else if (type !== ScaleTypes.CAT && type !== ScaleTypes.QUANTILE && type !== ScaleTypes.DIVERGING) {
+        // linear/
+        cfg.domain = extent(values);
+      } else if (type === ScaleTypes.CAT) {
+        cfg.domain = uniq(values);
+      } else if (type === ScaleTypes.QUANTILE) {
+        cfg.domain = values;
+      } else if (type === ScaleTypes.DIVERGING) {
+        var minMax = extent(values);
+        var neutral = (scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral) !== undefined ? scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral : (minMax[0] + minMax[1]) / 2;
+        cfg.domain = [minMax[0], neutral, minMax[1]];
+      }
+
+      return _objectSpread(_objectSpread({}, cfg), scaleOption);
+    } // 创建Scale 实例
+
+  }, {
+    key: "createDefaultScale",
+    value: function createDefaultScale(_ref5) {
+      var type = _ref5.type,
+          domain = _ref5.domain,
+          unknown = _ref5.unknown,
+          clamp = _ref5.clamp,
+          nice = _ref5.nice;
+      // @ts-ignore
+      var scale = scaleMap[type]();
+
+      if (domain && scale.domain) {
+        scale.domain(domain);
+      }
+
+      if (unknown) {
+        scale.unknown(unknown);
+      }
+
+      if (clamp !== undefined && scale.clamp) {
+        scale.clamp(clamp);
+      }
+
+      if (nice !== undefined && scale.nice) {
+        scale.nice(nice);
+      } // TODO 其他属性支持
+
+
+      return scale;
+    }
+  }]);
+
+  return FeatureScalePlugin;
+}()) || _class);
+export { FeatureScalePlugin as default };

package/es/plugins/LayerAnimateStylePlugin.d.ts

@@ -0,0 +1,5 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+export default class LayerAnimateStylePlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerAnimateStylePlugin.js

@@ -0,0 +1,29 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+var LayerAnimateStylePlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function LayerAnimateStylePlugin() {
+    _classCallCheck(this, LayerAnimateStylePlugin);
+  }
+
+  _createClass(LayerAnimateStylePlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.beforeRender.tap('LayerAnimateStylePlugin', function () {
+        // @ts-ignore
+        var animateStatus = layer.animateStatus;
+        animateStatus && layer.models.forEach(function (model) {
+          model.addUniforms(_objectSpread({}, layer.layerModel.getAnimateUniforms()));
+        });
+      });
+    }
+  }]);
+
+  return LayerAnimateStylePlugin;
+}()) || _class);
+export { LayerAnimateStylePlugin as default };

package/es/plugins/LayerModelPlugin.d.ts

@@ -0,0 +1,10 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+export default class LayerModelPlugin implements ILayerPlugin {
+    initLayerModel(layer: ILayer): void;
+    prepareLayerModel(layer: ILayer): void;
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerModelPlugin.js

@@ -0,0 +1,72 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+
+var LayerModelPlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function LayerModelPlugin() {
+    _classCallCheck(this, LayerModelPlugin);
+  }
+
+  _createClass(LayerModelPlugin, [{
+    key: "initLayerModel",
+    value: function initLayerModel(layer) {
+      // 更新Model 配置项
+      layer.prepareBuildModel(); // 初始化 Model
+
+      layer.buildModels();
+      layer.styleNeedUpdate = false;
+    }
+  }, {
+    key: "prepareLayerModel",
+    value: function prepareLayerModel(layer) {
+      var _layer$layerModel;
+
+      // 更新Model 配置项
+      layer.prepareBuildModel(); // clear layerModel resource
+
+      (_layer$layerModel = layer.layerModel) === null || _layer$layerModel === void 0 ? void 0 : _layer$layerModel.clearModels(); // 初始化 Model
+
+      layer.buildModels();
+      layer.layerModelNeedUpdate = false;
+    }
+  }, {
+    key: "apply",
+    value: function apply(layer) {
+      var _this = this;
+
+      layer.hooks.init.tap('LayerModelPlugin', function () {
+        layer.inited = true;
+        layer.modelLoaded = false;
+        var source = layer.getSource();
+
+        if (source.inited) {
+          _this.initLayerModel(layer);
+        }
+      });
+      layer.hooks.beforeRenderData.tap('DataSourcePlugin', function () {
+        var source = layer.getSource();
+        layer.modelLoaded = false;
+
+        if (source.inited) {
+          _this.prepareLayerModel(layer);
+        } else {
+          source.once('sourceUpdate', function () {
+            _this.prepareLayerModel(layer);
+          });
+        }
+
+        return false;
+      });
+    }
+  }]);
+
+  return LayerModelPlugin;
+}()) || _class);
+export { LayerModelPlugin as default };

package/es/plugins/LayerStylePlugin.d.ts

@@ -0,0 +1,8 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+export default class LayerStylePlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerStylePlugin.js

@@ -0,0 +1,39 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+
+var LayerStylePlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function LayerStylePlugin() {
+    _classCallCheck(this, LayerStylePlugin);
+  }
+
+  _createClass(LayerStylePlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.afterInit.tap('LayerStylePlugin', function () {
+        // 更新图层默认状态
+        layer.updateLayerConfig({});
+
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            autoFit = _layer$getLayerConfig.autoFit,
+            fitBoundsOptions = _layer$getLayerConfig.fitBoundsOptions;
+
+        if (autoFit) {
+          setTimeout(function () {
+            layer.fitBounds(fitBoundsOptions);
+          }, 100);
+        }
+      });
+    }
+  }]);
+
+  return LayerStylePlugin;
+}()) || _class);
+export { LayerStylePlugin as default };

package/es/plugins/LightingPlugin.d.ts

@@ -0,0 +1,36 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+interface IDirectionalLight {
+    type: 'directional';
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+}
+interface ISpotLight {
+    type: 'spot';
+    position: [number, number, number];
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+    constant: number;
+    linear: number;
+    quadratic: number;
+    angle: number;
+    exponent: number;
+    blur: number;
+}
+export declare function generateLightingUniforms(lights?: Array<Partial<IDirectionalLight | ISpotLight>>): {
+    u_DirectionalLights: Array<Omit<IDirectionalLight, 'type'>>;
+    u_NumOfDirectionalLights: number;
+    u_SpotLights: Array<Omit<ISpotLight, 'type'>>;
+    u_NumOfSpotLights: number;
+};
+/**
+ * 光照 & Shadow
+ */
+export default class LightingPlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}
+export {};