@trionesdev/antd-taro-react 0.0.1-beta.3 → 0.0.2-beta.0

package/dist/Scaffold/demo/base.js

@@ -1,30 +0,0 @@
-import { FaceRecognitionOutline } from '@trionesdev/antd-taro-icons-react';
-import React from 'react';
-import { DemoBlock } from "../../DemoBlock";
-import NavBar from "../../NavBar";
-import TabBar from "../../TabBar";
-import Scaffold from "../index";
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C\u7528\u6CD5"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '60vh'
-    }
-  }, /*#__PURE__*/React.createElement(Scaffold, {
-    appBar: /*#__PURE__*/React.createElement(NavBar, null, "\u6807\u9898"),
-    bottomNavigationBar: /*#__PURE__*/React.createElement(TabBar, {
-      items: [{
-        key: 'home',
-        label: '首页',
-        icon: /*#__PURE__*/React.createElement(FaceRecognitionOutline, null)
-      }, {
-        key: 'save',
-        label: '收藏'
-      }, {
-        key: 'my',
-        label: '我的'
-      }]
-    })
-  }, /*#__PURE__*/React.createElement("div", null)))));
-});

package/dist/Scaffold/scaffold.d.ts

@@ -1,8 +0,0 @@
-import React, { FC } from 'react';
-import './style.scss';
-export type ScaffoldProps = {
-    appBar?: React.ReactNode;
-    children?: React.ReactNode;
-    bottomNavigationBar?: React.ReactNode;
-};
-export declare const Scaffold: FC<ScaffoldProps>;

package/dist/Scaffold/scaffold.js

@@ -1,19 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import SafeArea from "../SafeArea";
-import "./style.scss";
-export var Scaffold = function Scaffold(_ref) {
-  var appBar = _ref.appBar,
-    children = _ref.children,
-    bottomNavigationBar = _ref.bottomNavigationBar;
-  var scaffoldCls = 'triones-antm-scaffold';
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(scaffoldCls)
-  }, appBar && /*#__PURE__*/React.createElement(SafeArea, {
-    position: 'top'
-  }, appBar), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(scaffoldCls, "-body"))
-  }, children), bottomNavigationBar && /*#__PURE__*/React.createElement(SafeArea, {
-    position: 'bottom'
-  }, bottomNavigationBar));
-};

package/dist/Scaffold/style.scss

@@ -1,16 +0,0 @@
-@import "../style/variable";
-
-
-$trionesScaffoldCls: 'triones-antm-scaffold';
-
-.#{$trionesScaffoldCls} {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-
-  &-body {
-    flex: 1 auto;
-    overflow: hidden;
-  }
-}

package/dist/ScrollView/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/ScrollView/demo/base.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { DemoBlock } from "../../DemoBlock";
-import ScrollView from "../index";
-export default (function () {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u4E00\u822C\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement(ScrollView, {
-    style: {
-      height: 300
-    },
-    scrollY: true
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'blue'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'yellow'
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'gray'
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'green'
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'beige'
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 100,
-      backgroundColor: 'black'
-    }
-  }))))));
-});

package/dist/ScrollView/scroll-view.d.ts

@@ -1,24 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import './style.scss';
-export type ScrollEvent = {
-    target?: any;
-    detail: {
-        deltaX?: number;
-        deltaY?: number;
-        scrollLeft?: number;
-        scrollTop?: number;
-        scrollHeight?: number;
-        scrollWidth?: number;
-    };
-};
-export type ScrollViewProps = {
-    className?: string;
-    style?: React.CSSProperties;
-    children?: ReactNode;
-    onScroll?: (e: ScrollEvent) => void;
-    showScrollbar?: boolean;
-    scrollX?: boolean;
-    scrollY?: boolean;
-    scrollTop?: number;
-};
-export declare const ScrollView: FC<ScrollViewProps>;

package/dist/ScrollView/scroll-view.js

@@ -1,84 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { ScrollView as TaroScrollView } from '@tarojs/components';
-import classNames from 'classnames';
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { checkTaroEnv } from "../utils/taro-utils";
-import "./style.scss";
-export var ScrollView = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    children = _ref.children,
-    _onScroll = _ref.onScroll,
-    _ref$showScrollbar = _ref.showScrollbar,
-    showScrollbar = _ref$showScrollbar === void 0 ? true : _ref$showScrollbar,
-    scrollX = _ref.scrollX,
-    scrollY = _ref.scrollY,
-    scrollTop = _ref.scrollTop;
-  var isTaroEnv = checkTaroEnv();
-  var scrollRef = useRef();
-  var handleRef = function handleRef(node) {
-    scrollRef.current = node;
-    if (ref) {
-      if (typeof ref === 'function') {
-        ref(node);
-      } else {
-        ref.current = node;
-      }
-    }
-  };
-  useEffect(function () {
-    console.log('scrollTop', scrollTop);
-    if (scrollTop !== undefined) {
-      if (!isTaroEnv) {
-        scrollRef.current.scrollTo({
-          top: scrollTop,
-          behavior: 'smooth'
-        });
-      }
-    }
-  }, [scrollTop]);
-  var trionesScrollViewCls = 'triones-antm-scroll-view';
-  if (isTaroEnv) {
-    return /*#__PURE__*/React.createElement(TaroScrollView, {
-      ref: handleRef,
-      className: classNames(className),
-      style: style,
-      onScroll: function onScroll(e) {
-        _onScroll === null || _onScroll === void 0 || _onScroll({
-          detail: {
-            deltaX: e.detail.deltaX,
-            deltaY: e.detail.deltaY,
-            scrollLeft: e.detail.scrollLeft,
-            scrollTop: e.detail.scrollTop,
-            scrollHeight: e.detail.scrollHeight,
-            scrollWidth: e.detail.scrollWidth
-          }
-        });
-      },
-      showScrollbar: showScrollbar,
-      scrollX: scrollX,
-      scrollY: scrollY,
-      scrollTop: scrollTop
-    }, children);
-  } else {
-    return /*#__PURE__*/React.createElement("div", {
-      ref: handleRef,
-      className: classNames("".concat(trionesScrollViewCls), className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(trionesScrollViewCls, "-scroll-x"), scrollX), "".concat(trionesScrollViewCls, "-scroll-y"), scrollY), "".concat(trionesScrollViewCls, "-scroll-bar-hidden"), !showScrollbar)),
-      style: style,
-      onScroll: function onScroll(e) {
-        // console.log(e);
-        _onScroll === null || _onScroll === void 0 || _onScroll({
-          detail: {
-            scrollLeft: e.target.scrollLeft,
-            scrollTop: e.target.scrollTop,
-            scrollHeight: e.target.scrollHeight,
-            scrollWidth: e.target.scrollWidth
-          }
-        });
-      }
-    }, children);
-  }
-});

package/dist/ScrollView/style.scss

@@ -1,19 +0,0 @@
-$trionesScrollViewCls: 'triones-antm-scroll-view';
-
-.#{$trionesScrollViewCls} {
-  scrollbar-width: thin;
-
-  &-scroll-x {
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-
-  &-scroll-y {
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-
-  &-scroll-bar-hidden {
-    scrollbar-width: none;
-  }
-}

package/dist/SideBar/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/SideBar/demo/base.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import { DemoBlock } from "../../DemoBlock";
-import { SideBar } from "../side-bar";
-export default (function () {
-  return /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 300
-    }
-  }, /*#__PURE__*/React.createElement(SideBar, {
-    items: [{
-      key: '1',
-      title: 'Tab 1',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 200
-        }
-      }, "Tab 1 Content")
-    }, {
-      key: '2',
-      title: 'Tab 2',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 200
-        }
-      }, "Tab 2 Content")
-    }, {
-      key: '3',
-      title: 'Tab 3',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 200
-        }
-      }, "Tab 3 Content")
-    }, {
-      key: '4',
-      title: 'Tab 4',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 200
-        }
-      }, "Tab 4 Content")
-    }, {
-      key: '5',
-      title: 'Tab 5',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 200
-        }
-      }, "Tab 5 Content")
-    }]
-  })));
-});

package/dist/SideBar/demo/default-active.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/SideBar/demo/default-active.js

@@ -1,34 +0,0 @@
-import { DemoBlock } from "../../DemoBlock";
-import { SideBar } from "../side-bar";
-import React from 'react';
-export default (function () {
-  return /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u9ED8\u8BA4\u503C"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 300
-    }
-  }, /*#__PURE__*/React.createElement(SideBar, {
-    items: [{
-      key: '1',
-      title: 'Tab 1',
-      content: 'Tab 1 Content'
-    }, {
-      key: '2',
-      title: 'Tab 2',
-      content: 'Tab 2 Content'
-    }, {
-      key: '3',
-      title: 'Tab 3',
-      content: 'Tab 3 Content'
-    }, {
-      key: '4',
-      title: 'Tab 4',
-      content: 'Tab 4 Content'
-    }, {
-      key: '5',
-      title: 'Tab 5',
-      content: 'Tab 5 Content'
-    }]
-  })));
-});

package/dist/SideBar/demo/scroll-mode.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/SideBar/demo/scroll-mode.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { DemoBlock } from "../../DemoBlock";
-import { SideBar } from "../side-bar";
-export default (function () {
-  return /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 300
-    }
-  }, /*#__PURE__*/React.createElement(SideBar, {
-    mode: 'scroll',
-    items: [{
-      key: '1',
-      title: 'Tab 1',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 400
-        }
-      }, "Tab 1 Content")
-    }, {
-      key: '2',
-      title: 'Tab 2',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 500
-        }
-      }, "Tab 2 Content")
-    }, {
-      key: '3',
-      title: 'Tab 3',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 300
-        }
-      }, "Tab 3 Content")
-    }, {
-      key: '4',
-      title: 'Tab 4',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 600
-        }
-      }, "Tab 4 Content")
-    }, {
-      key: '5',
-      title: 'Tab 5',
-      content: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: 700
-        }
-      }, "Tab 5 Content")
-    }]
-  })));
-});

package/dist/Space/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/Space/demo/base.js

@@ -1,120 +0,0 @@
-/**
- * compact: true
- */
-import { DemoBlock } from "../../DemoBlock";
-import React from 'react';
-import { Space } from "../space";
-import Button from "../../Button";
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u6C34\u5E73\u65B9\u5411\u7684\u95F4\u8DDD"
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u6362\u884C"
-  }, /*#__PURE__*/React.createElement(Space, {
-    wrap: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE4"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE5"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE6"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE7"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE8"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE9"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE10"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE11"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u5782\u76F4\u65B9\u5411\u7684\u95F4\u8DDD"
-  }, /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u81EA\u5B9A\u4E49\u95F4\u8DDD\u5927\u5C0F"
-  }, /*#__PURE__*/React.createElement(Space, {
-    size: "small"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3")), /*#__PURE__*/React.createElement(Space, {
-    size: "middle"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3")), /*#__PURE__*/React.createElement(Space, {
-    size: "large"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3")), /*#__PURE__*/React.createElement(Space, {
-    size: 30
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u6E32\u67D3\u4E3A\u5757\u7EA7\u5143\u7D20"
-  }, /*#__PURE__*/React.createElement(Space, {
-    direction: "vertical",
-    block: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "\u6309\u94AE3"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u4E3B\u8F74\u5BF9\u9F50\u65B9\u5F0F"
-  }, /*#__PURE__*/React.createElement(Space, {
-    justify: "center",
-    block: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "2", /*#__PURE__*/React.createElement("br", null), "2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "3", /*#__PURE__*/React.createElement("br", null), "3", /*#__PURE__*/React.createElement("br", null), "3"))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u4EA4\u53C9\u8F74\u5BF9\u9F50\u65B9\u5F0F"
-  }, /*#__PURE__*/React.createElement(Space, {
-    align: "end"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "1"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "2", /*#__PURE__*/React.createElement("br", null), "2"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "3", /*#__PURE__*/React.createElement("br", null), "3", /*#__PURE__*/React.createElement("br", null), "3"))));
-});

package/dist/Space/space.d.ts

@@ -1,38 +0,0 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-import React from 'react';
-import './style.scss';
-export type Size = 'small' | 'middle' | 'large' | number;
-export type SpaceProps = {
-    /**
-     * @description 间距方向
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     * @description 垂直对齐方式
-     */
-    align?: 'start' | 'end' | 'center' | 'baseline';
-    /**
-     * @description 垂直对齐方式
-     */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
-    /**
-     * @description 换行
-     */
-    wrap?: boolean;
-    /**
-     * @description 是否为块级元素
-     */
-    block?: boolean;
-    /**
-     * @description 点击事件
-     * @param event
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: ReactNode;
-    /**
-     * @description 间距大小
-     */
-    size?: Size | Size[];
-    style?: CSSProperties;
-};
-export declare const Space: FC<SpaceProps>;

package/dist/Space/space.js

@@ -1,61 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useMemo } from 'react';
-import React from 'react';
-import classNames from 'classnames';
-import "./style.scss";
-var classPrefix = "triones-antm-space";
-export var Space = function Space(_ref) {
-  var children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
-    align = _ref.align,
-    justify = _ref.justify,
-    wrap = _ref.wrap,
-    block = _ref.block,
-    onClick = _ref.onClick,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    style = _ref.style;
-  var sizeValue = function sizeValue(size) {
-    if (typeof size === 'number') {
-      return "".concat(size, "Px");
-    } else if (size === 'small') {
-      return '8Px';
-    } else if (size === 'middle') {
-      return '16Px';
-    } else if (size === 'large') {
-      return '24Px';
-    }
-  };
-  var columnGapValue = useMemo(function () {
-    if (Array.isArray(size)) {
-      return sizeValue(size[1]);
-    } else {
-      return sizeValue(size);
-    }
-  }, [size]);
-  var rowGapValue = useMemo(function () {
-    if (Array.isArray(size)) {
-      return sizeValue(size[1]);
-    } else {
-      return sizeValue(size);
-    }
-  }, [size]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(classPrefix, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-wrap"), wrap), "".concat(classPrefix, "-block"), block), "".concat(classPrefix, "-").concat(direction), true), "".concat(classPrefix, "-align-").concat(align), !!align), "".concat(classPrefix, "-justify-").concat(justify), !!justify)),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      columnGap: columnGapValue,
-      rowGap: rowGapValue
-    }),
-    onClick: onClick
-  }, React.Children.map(children, function (child) {
-    return child !== null && child !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-item")
-    }, child);
-  }));
-};