@douyinfe/semi-foundation 2.61.0 → 2.62.0-beta.0

package/button/button.scss

@@ -387,6 +387,11 @@ $module: #{$prefix}-button;
                 border-top-right-radius: $radius-button_group;
                 border-bottom-right-radius: $radius-button_group;
             }
+
+            &-outline:not(:last-child) {
+               border-right-color: transparent;
+               margin-right: -1 * $width-button_outline-border;
+            }
         }
 
         &-line {

package/button/constants.ts

@@ -9,7 +9,7 @@ const strings = {
     iconPositions: ['left', 'right'],
     htmlTypes: ['button', 'reset', 'submit'],
     btnTypes: ['primary', 'secondary', 'tertiary', 'warning', 'danger'],
-    themes: ['solid', 'borderless', 'light'],
+    themes: ['solid', 'borderless', 'light', 'outline'],
     DEFAULT_ICON_SIZE: 'default',
     DEFAULT_ICON_POSITION: 'left',
 } as const;

package/cascader/constants.ts

@@ -28,4 +28,4 @@ export {
     numbers
 };
 
-export const VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';
+export const VALUE_SPLIT = '_SEMI_CASCADER_SPLIT_';

package/cascader/foundation.ts

@@ -20,6 +20,7 @@ import {
 } from './util';
 import { strings } from './constants';
 import isEnterPress from '../utils/isEnterPress';
+import { ESC_KEY } from '../utils/keyCode';
 
 export interface BasicData {
     data: BasicCascaderData;
@@ -257,6 +258,13 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
         }
     }
 
+    handleKeyDown = (e: any) => {
+        if (e.key === ESC_KEY) {
+            const isOpen = this.getState('isOpen');
+            isOpen && this.close(e);
+        } 
+    }
+
     destroy() {
         this._adapter.unregisterClickOutsideHandler();
     }

package/codeHighlight/codeHighlight.scss

@@ -0,0 +1,203 @@
+@import './variables.scss';
+
+$module: #{$prefix}-codeHighlight;
+
+.#{$module}{
+  &-defaultTheme{
+    /**
+     * prism.js default theme for JavaScript, CSS and HTML
+     * Based on dabblet (http://dabblet.com)
+     * @author Lea Verou
+     */
+
+    pre[class*="language-"],
+    code[class*="language-"]{
+      color: var(--semi-color-text-0);
+      font-size: 13px;
+      text-shadow: none;
+      // font-family: 'Inconsolata', Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+      direction: ltr;
+      text-align: left;
+      white-space: pre;
+      word-spacing: normal;
+      word-break: normal;
+      line-height: 1.5;
+      -moz-tab-size: 4;
+      -o-tab-size: 4;
+      tab-size: 4;
+
+      -moz-hyphens: none;
+      hyphens: none;
+    }
+
+    pre[class*="language-"]::selection,
+    code[class*="language-"]::selection,
+    pre[class*="language-"]::mozselection,
+    code[class*="language-"]::mozselection {
+      text-shadow: none;
+      background: #b3d4fc;
+    }
+
+
+    pre[class*="language-"]{
+      padding: 1em;
+      margin: .5em 0;
+      overflow: auto;
+      background: var(--semi-color-tertiary-light-default);
+    }
+
+    :not(pre)>code[class*="language-"] {
+      // padding: .1em .3em;
+      display: block;
+      border-radius: .3em;
+      color: #895fe2;
+      background: #f9f7f9;
+    }
+
+    pre{
+      .namespace {
+        opacity: .7;
+      }
+
+      .token.comment,
+      .token.prolog,
+      .token.doctype,
+      .token.cdata {
+        color: #6b7075;
+      }
+
+      .token.punctuation {
+        color: rgba(var(--semi-grey-8), 1),
+      }
+
+      .token.property,
+      .token.tag,
+      .token.boolean,
+      .token.number,
+      .token.constant,
+      .token.symbol,
+      .token.deleted {
+        color: rgba(var(--semi-purple-6), 1);
+      }
+
+      .token.selector,
+      .token.attr-name,
+      .token.string,
+      .token.char,
+      .token.builtin,
+      .token.inserted {
+        color: rgba(var(--semi-green-6), 1);
+      }
+
+      .token.operator,
+      .token.entity,
+      .token.url,
+      .language-css .token.string,
+      .style .token.string {
+        color: rgba(var(--semi-grey-8), 1),
+      }
+
+      .token.atrule,
+      .token.attr-value,
+      .token.keyword {
+        color: rgba(var(--semi-purple-6), 1);
+      }
+
+      .token.function {
+        color: rgba(var(--semi-violet-6), 1);
+      }
+
+      .token.regex,
+      .token.important,
+      .token.variable {
+        color: #d0955f;
+      }
+
+      .token.important,
+      .token.bold {
+        font-weight: bold;
+      }
+
+      .token.italic {
+        font-style: italic;
+      }
+
+      .token.entity {
+        cursor: help;
+      }
+
+    }
+
+    pre[data-line] {
+      position: relative;
+    }
+
+    pre[class*="language-"]>code[class*="language-"] {
+      position: relative;
+      z-index: 1;
+    }
+
+    .line-highlight {
+      position: absolute;
+      left: 0;
+      right: 0;
+      padding: inherit 0;
+      margin-top: 1em;
+      background: #ebf4ff;
+      box-shadow: inset 5px 0 0 #0064d2;
+      z-index: 0;
+      pointer-events: none;
+      line-height: inherit;
+      white-space: pre;
+    }
+  }
+
+  //---- line number ----
+
+
+  pre[class*="language-"].line-numbers {
+    position: relative;
+    padding-left: 3.8em;
+    counter-reset: linenumber;
+  }
+
+  pre[class*="language-"].line-numbers > code {
+    position: relative;
+    white-space: inherit;
+  }
+
+  .line-numbers .line-numbers-rows {
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    font-size: 100%;
+    left: -3.8em;
+    width: 3em; /* works for line-numbers below 1000 lines */
+    letter-spacing: -1px;
+    border-right: 1px solid #999;
+
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+  }
+
+  .line-numbers-rows > span {
+    display: block;
+    counter-increment: linenumber;
+  }
+
+  .line-numbers-rows > span:before {
+    content: counter(linenumber);
+    color: #999;
+    display: block;
+    padding-right: 0.8em;
+    text-align: right;
+  }
+
+}
+
+
+

package/codeHighlight/constants.ts

@@ -0,0 +1,15 @@
+import { BASE_CLASS_PREFIX } from '../base/constants';
+
+const cssClasses = {
+    PREFIX: `${BASE_CLASS_PREFIX}-codeHighlight`,
+};
+
+const numbers = {
+
+};
+
+const strings = {
+
+} as const;
+
+export { cssClasses, numbers, strings };

package/codeHighlight/index.ts

@@ -0,0 +1,45 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+import Prism from 'prismjs';
+import cls from "classnames";
+import "prismjs/plugins/line-numbers/prism-line-numbers.min.js";
+
+Prism.manual = true;
+
+export interface CodeHighlightBaseProps {
+    code: string;
+    language: string;
+    lineNumber: boolean
+}
+
+export interface CodeHighlightBaseState {
+
+}
+
+export interface CodeHighlightAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+
+}
+
+
+class CodeHighlightFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CodeHighlightAdapter<P, S>, P, S> {
+    constructor(adapter: CodeHighlightAdapter<P, S>) {
+        super({ ...adapter });
+    }
+
+
+    highlightCode = (ele: HTMLElement, language: string) => {
+        let className = ele.className;
+        const languageClassName = `language-${language}`;
+        if (!className.includes(languageClassName)) {
+            className = cls(className, languageClassName);
+        }
+        if (this.getProp("lineNumber")) {
+            className = cls(className, "line-numbers");
+        }
+        ele.className = className;
+        Prism.highlightElement(ele, false);
+    }
+
+}
+
+
+export default CodeHighlightFoundation;

package/lib/cjs/anchor/constants.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-anchor`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   SIZE: ['small', 'default'],
   SLIDE_COLOR: ['primary', 'tertiary', 'muted'],
   MAX_WIDTH: '200px',
   MAX_HEIGHT: '750px',
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver']
-};
-exports.strings = strings;
+};

package/lib/cjs/anchor/foundation.js

@@ -9,7 +9,7 @@ var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
 var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const prefixCls = _constants.cssClasses.PREFIX;
 class AnchorFoundation extends _foundation.default {
   constructor(adapter) {

package/lib/cjs/anchor/linkFoundation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class LinkFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/autoComplete/constants.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../tooltip/constants");
 var _constants2 = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants2.BASE_CLASS_PREFIX}-autocomplete`,
   PREFIX_OPTION: `${_constants2.BASE_CLASS_PREFIX}-autoComplete-option`,
   PREFIX_GROUP: `${_constants2.BASE_CLASS_PREFIX}-autoComplete-group`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   SIZE: ['small', 'large', 'default'],
   POSITION: _constants.strings.POSITION_SET,
   OPTIONS: ['children', 'value'],
   STATUS: _constants2.VALIDATE_STATUS
-};
-exports.strings = strings;
+};

package/lib/cjs/autoComplete/foundation.js

@@ -11,7 +11,7 @@ var _isString2 = _interopRequireDefault(require("lodash/isString"));
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _warning = _interopRequireDefault(require("../utils/warning"));
 var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class AutoCompleteFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -48,7 +48,6 @@ class AutoCompleteFoundation extends _foundation.default {
     this._adapter.unregisterClickOutsideHandler();
     // this.unBindKeyBoardEvent();
   }
-
   _setDropdownWidth() {
     const {
       style,
@@ -402,5 +401,4 @@ class AutoCompleteFoundation extends _foundation.default {
     this._adapter.notifyBlur(e);
   }
 }
-var _default = AutoCompleteFoundation;
-exports.default = _default;
+var _default = exports.default = AutoCompleteFoundation;

package/lib/cjs/autoComplete/optionFoundation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class OptionFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/avatar/constants.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-avatar`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   SHAPE: ['circle', 'square'],
   SIZE: ['extra-extra-small', 'extra-small', 'small', 'default', 'medium', 'large', 'extra-large'],
   COLOR: ['grey', 'red', 'pink', 'purple', 'violet', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'white'],
   OVERLAP_FROM: ['start', 'end']
-};
-exports.strings = strings;
+};

package/lib/cjs/avatar/foundation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _warning = _interopRequireDefault(require("../utils/warning"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class AvatarFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/backtop/constants.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-backtop`
 };
-exports.cssClasses = cssClasses;
-const strings = {};
-exports.strings = strings;
+const strings = exports.strings = {};

package/lib/cjs/backtop/foundation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _semiAnimation = require("@douyinfe/semi-animation");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class BackTopFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/badge/constants.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-badge`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   TYPE_SET: ['success', 'primary', 'secondary', 'tertiary', 'warning', 'danger'],
   THEME_SET: ['solid', 'light', 'inverted'],
   POS_SET: ['leftTop', 'leftBottom', 'rightTop', 'rightBottom']
 };
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;
+const numbers = exports.numbers = {};

package/lib/cjs/banner/constants.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-banner`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   TYPE: ['info', 'success', 'danger', 'warning']
-};
-exports.strings = strings;
+};

package/lib/cjs/banner/foundation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class BannerFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, BannerFoundation.defaultAdapter), adapter));

package/lib/cjs/base/constants.js

@@ -11,6 +11,5 @@ Object.defineProperty(exports, "BASE_CLASS_PREFIX", {
 });
 exports.VALIDATE_STATUS = void 0;
 var _env = require("./env");
-const VALIDATE_STATUS = ['default', 'error', 'warning', 'success'];
-// const VALIDATE_STATUS = ['default', 'error', 'warning', 'success', 'validating'] as const;
-exports.VALIDATE_STATUS = VALIDATE_STATUS;
+const VALIDATE_STATUS = exports.VALIDATE_STATUS = ['default', 'error', 'warning', 'success'];
+// const VALIDATE_STATUS = ['default', 'error', 'warning', 'success', 'validating'] as const;

package/lib/cjs/base/env.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BASE_CLASS_PREFIX = void 0;
-const BASE_CLASS_PREFIX = 'semi';
-exports.BASE_CLASS_PREFIX = BASE_CLASS_PREFIX;
+const BASE_CLASS_PREFIX = exports.BASE_CLASS_PREFIX = 'semi';

package/lib/cjs/base/foundation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 var _log = _interopRequireDefault(require("../utils/log"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
  * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
@@ -119,5 +119,4 @@ class BaseFoundation {
     this._adapter.persistEvent(e);
   }
 }
-var _default = BaseFoundation;
-exports.default = _default;
+var _default = exports.default = BaseFoundation;

package/lib/cjs/base/index.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("./foundation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   BaseFoundation: _foundation.default
-};
-exports.default = _default;
+};

package/lib/cjs/breadcrumb/constants.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-breadcrumb`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   MORE_TYPE: ['default', 'popover']
-};
-exports.strings = strings;
+};

package/lib/cjs/breadcrumb/foundation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class BreadcrumbFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/breadcrumb/itemFoundation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class BreadcrumbItemFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));

package/lib/cjs/button/button.css

@@ -308,6 +308,10 @@
   border-top-right-radius: var(--semi-border-radius-small);
   border-bottom-right-radius: var(--semi-border-radius-small);
 }
+.semi-button-group > .semi-button-outline:not(:last-child) {
+  border-right-color: transparent;
+  margin-right: -1px;
+}
 .semi-button-group-line {
   display: inline-flex;
   align-items: center;

package/lib/cjs/button/button.scss

@@ -387,6 +387,11 @@ $module: #{$prefix}-button;
                 border-top-right-radius: $radius-button_group;
                 border-bottom-right-radius: $radius-button_group;
             }
+
+            &-outline:not(:last-child) {
+               border-right-color: transparent;
+               margin-right: -1 * $width-button_outline-border;
+            }
         }
 
         &-line {

package/lib/cjs/button/constants.d.ts

@@ -6,7 +6,7 @@ declare const strings: {
     readonly iconPositions: readonly ["left", "right"];
     readonly htmlTypes: readonly ["button", "reset", "submit"];
     readonly btnTypes: readonly ["primary", "secondary", "tertiary", "warning", "danger"];
-    readonly themes: readonly ["solid", "borderless", "light"];
+    readonly themes: readonly ["solid", "borderless", "light", "outline"];
     readonly DEFAULT_ICON_SIZE: "default";
     readonly DEFAULT_ICON_POSITION: "left";
 };

package/lib/cjs/button/constants.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
 var _constants = require("../base/constants");
-const cssClasses = {
+const cssClasses = exports.cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-button`
 };
-exports.cssClasses = cssClasses;
-const strings = {
+const strings = exports.strings = {
   sizes: ['default', 'small', 'large'],
   iconPositions: ['left', 'right'],
   htmlTypes: ['button', 'reset', 'submit'],
   btnTypes: ['primary', 'secondary', 'tertiary', 'warning', 'danger'],
-  themes: ['solid', 'borderless', 'light'],
+  themes: ['solid', 'borderless', 'light', 'outline'],
   DEFAULT_ICON_SIZE: 'default',
   DEFAULT_ICON_POSITION: 'left'
 };
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;
+const numbers = exports.numbers = {};