@trionesdev/antd-taro-react 0.0.1-beta.3

package/dist/Space/space.d.ts

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,61 @@
+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);
+  }));
+};

package/dist/Space/style.scss

@@ -0,0 +1,77 @@
+$class-prefix-space: 'triones-antm-space';
+
+.#{$class-prefix-space}-item {
+  flex: none;
+  display: inline-flex;
+}
+/* prettier-ignore */
+.#{$class-prefix-space} {
+  display: flex;
+  width: 100%;
+
+  &-vertical {
+    flex-direction: column;
+    > .#{$class-prefix-space}-item {
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+  &-horizontal {
+    flex-direction: row;
+    > .#{$class-prefix-space}-item {
+      &:last-child {
+
+      }
+    }
+    &.#{$class-prefix-space}-wrap {
+      flex-wrap: wrap;
+      > .#{$class-prefix-space}-item {
+
+      }
+    }
+  }
+  &.#{$class-prefix-space}-block {
+    .#{$class-prefix-space}-item{
+      display: flex;
+    }
+
+  }
+  &-align {
+    &-center {
+      align-items: center;
+    }
+    &-start {
+      align-items: flex-start;
+    }
+    &-end {
+      align-items: flex-end;
+    }
+    &-baseline {
+      align-items: baseline;
+    }
+  }
+  &-justify {
+    &-center {
+      justify-content: center;
+    }
+    &-start {
+      justify-content: flex-start;
+    }
+    &-end {
+      justify-content: flex-end;
+    }
+    &-between {
+      justify-content: space-between;
+    }
+    &-around {
+      justify-content: space-around;
+    }
+    &-evenly {
+      justify-content: space-evenly;
+    }
+    &-stretch {
+      justify-content: stretch;
+    }
+  }
+}

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

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

package/dist/SpinLoading/demo/base.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import { SpinLoading } from "../spin-loading";
+import Space from "../../Space";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(SpinLoading, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(SpinLoading, null), /*#__PURE__*/React.createElement(SpinLoading, {
+    color: "primary"
+  }), /*#__PURE__*/React.createElement(SpinLoading, {
+    color: "white"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5927\u5C0F"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(SpinLoading, {
+    size: "small"
+  }), /*#__PURE__*/React.createElement(SpinLoading, null), /*#__PURE__*/React.createElement(SpinLoading, {
+    size: "large"
+  }))));
+});

package/dist/SpinLoading/index.d.ts

@@ -0,0 +1,2 @@
+import { SpinLoading } from "./spin-loading";
+export default SpinLoading;

package/dist/SpinLoading/index.js

@@ -0,0 +1,2 @@
+import { SpinLoading } from "./spin-loading";
+export default SpinLoading;

package/dist/SpinLoading/spin-loading.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import './spin-loading.scss';
+export type SpinLoadingProps = {
+    size?: 'small' | 'middle' | 'large' | number;
+    color?: 'default' | 'primary' | 'white' | string;
+};
+export declare function createSvgStr(props: {
+    stroke: string;
+}): string;
+export declare const SpinLoading: FC<SpinLoadingProps>;

package/dist/SpinLoading/spin-loading.js

@@ -0,0 +1,59 @@
+import classNames from 'classnames';
+import Base64 from 'crypto-js/enc-base64';
+import Utf8 from 'crypto-js/enc-utf8';
+import React from 'react';
+import "./spin-loading.scss";
+var spinLoadingCls = 'triones-antm-spin-loading';
+export function createSvgStr(props) {
+  return "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%\" viewBox=\"0 0 32 32\">\n            <circle r=\"15\" cx=\"16\" cy=\"16\"\n                stroke-width=\"2\"\n                stroke=\"".concat(props.stroke, "\"\n                fill=\"transparent\"\n                stroke-linecap=\"round\"\n                stroke-dasharray=\"").concat(15 * 3.14159265358979 * 2, "\"\n                stroke-dashoffset=\"").concat(15 * 3.14159265358979 * 0.5, "\"></circle>\n        </svg>");
+}
+export var SpinLoading = function SpinLoading(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color;
+  var computedSize = React.useMemo(function () {
+    var resSize = null;
+    if (size === 'small') {
+      resSize = '24Px';
+    } else if (size === 'middle') {
+      resSize = '32Px';
+    } else if (size === 'large') {
+      resSize = '48Px';
+    } else {
+      resSize = size;
+    }
+    if (typeof resSize === 'number') {
+      return "".concat(resSize, "Px");
+    } else {
+      return resSize;
+    }
+  }, [size]);
+  var computedColor = React.useMemo(function () {
+    if (color === 'default') {
+      return '#9D9D9D';
+    } else if (color === 'primary') {
+      return '#1677ff';
+    } else if (color === 'white') {
+      return '#ffffff';
+    } else {
+      return color;
+    }
+  }, [color]);
+  var completedStyle = React.useMemo(function () {
+    var maskImageSvg = createSvgStr({
+      stroke: computedColor
+    });
+    return {
+      '--size': computedSize,
+      '--color': computedColor,
+      '--maskImage': "url(data:image/svg+xml;base64,".concat(Base64.stringify(Utf8.parse(maskImageSvg)), ")")
+    };
+  }, [computedSize, computedColor]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(spinLoadingCls),
+    style: completedStyle
+  }, /*#__PURE__*/React.createElement("i", {
+    className: classNames("".concat(spinLoadingCls, "-loading"))
+  }));
+};

package/dist/SpinLoading/spin-loading.scss

@@ -0,0 +1,40 @@
+$spinLoadingCls: triones-antm-spin-loading;
+
+.#{$spinLoadingCls} {
+  --size: 32Px;
+  --color: #1677ff;
+  width: var(--size);
+  height: var(--size);
+
+  &-svg {
+    width: 100%;
+    height: 100%;
+    //animation: adm-spin-loading-rotate 0.8s infinite linear;
+
+    > .#{$spinLoadingCls}-circle {
+      //stroke: #1677ff;
+      stroke: var(--color);
+    }
+  }
+
+  &-loading {
+    color: var(--color);
+    display: inline-block;
+    height: 100%;
+    width: 100%;
+    background: currentColor;
+    mask-image: var(--maskImage);
+    -webkit-mask-image: var(--maskImage);
+    animation: adm-spin-loading-rotate 2s infinite linear;
+  }
+
+}
+
+@keyframes adm-spin-loading-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

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

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

package/dist/Switch/demo/base.js

@@ -0,0 +1,104 @@
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * compact: true
+ */
+import { CheckOutline, CloseOutline } from '@trionesdev/antd-taro-icons-react';
+import { DemoBlock } from "../../DemoBlock";
+import React, { useState } from 'react';
+import Switch from "../index";
+import Space from "../../Space";
+export default (function () {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  var mockRequest = function mockRequest() {
+    return new Promise(function (resolve) {
+      setTimeout(function () {
+        resolve();
+      }, 1000);
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Switch, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6709\u9ED8\u8BA4\u503C"
+  }, /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: true
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6587\u5B57\u548C\u56FE\u6807"
+  }, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, /*#__PURE__*/React.createElement(Switch, {
+    uncheckedText: "\u5173",
+    checkedText: "\u5F00"
+  }), /*#__PURE__*/React.createElement(Switch, {
+    checkedText: /*#__PURE__*/React.createElement(CheckOutline, {
+      style: {
+        fontSize: 12
+      }
+    }),
+    uncheckedText: /*#__PURE__*/React.createElement(CloseOutline, {
+      style: {
+        fontSize: 12
+      }
+    })
+  }), /*#__PURE__*/React.createElement(Switch, {
+    uncheckedText: "0",
+    checkedText: "1"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6837\u5F0F"
+  }, /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: true,
+    style: {
+      '--checked-color': '#00b578',
+      '--height': '36px',
+      '--width': '60px'
+    }
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Switch, {
+    disabled: true
+  }), /*#__PURE__*/React.createElement(Switch, {
+    disabled: true,
+    defaultChecked: true
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u52A0\u8F7D\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Switch, {
+    loading: true
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5F02\u6B65"
+  }, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: checked,
+    onChange: ( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(val) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return mockRequest();
+            case 2:
+              setChecked(val);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }())
+  }))));
+});

package/dist/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export default Switch;

package/dist/Switch/index.js

@@ -0,0 +1,2 @@
+import { Switch } from "./switch";
+export default Switch;

package/dist/Switch/spin-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../utils/native-props';
+export declare const SpinIcon: React.NamedExoticComponent<NativeProps>;

package/dist/Switch/spin-icon.js

@@ -0,0 +1,23 @@
+import React, { memo } from 'react';
+import { withNativeProps } from "../utils/native-props";
+export var SpinIcon = /*#__PURE__*/memo(function (props) {
+  return withNativeProps(props, /*#__PURE__*/React.createElement("svg", {
+    width: "28px",
+    height: "28px",
+    viewBox: "0 0 28 28"
+  }, /*#__PURE__*/React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(-137.000000, -840.000000)",
+    fill: "#1576FE"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(80.000000, 823.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(53.000000, 13.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M17.9996753,31.5 C10.5556724,31.5 4.5,25.4443275 4.5,18.0003247 C4.5,10.5563219 10.5556724,4.5 17.9996753,4.5 C18.5355492,4.5 18.9702974,4.93474816 18.9702974,5.47062208 C18.9702974,6.006496 18.5355492,6.44124416 17.9996753,6.44124416 C11.6261524,6.44124416 6.44124416,11.6267709 6.44124416,18.0002938 C6.44124416,24.3738167 11.6261524,29.5587249 17.9996753,29.5587249 C24.3731982,29.5587249 29.5587249,24.3738167 29.5587249,18.0002938 C29.5587249,14.7964616 28.2778291,11.8169616 25.9523687,9.61220279 C25.5637302,9.24317094 25.5473089,8.62893223 25.9157222,8.23967523 C26.2841356,7.84976878 26.8989928,7.83461537 27.2882498,8.20302872 C30.0042351,10.7787368 31.5,14.2580826 31.5,18.0002938 C31.5,25.4443275 25.4436781,31.5 17.9996753,31.5 Z"
+  })))))));
+});

package/dist/Switch/style.scss

@@ -0,0 +1,113 @@
+$class-prefix-switch: 'triones-antm-switch';
+
+@keyframes loading-rotate {
+  100% {
+    transform: rotate(1turn);
+  }
+}
+/* prettier-ignore */
+.#{$class-prefix-switch} {
+  --checked-color: var(--triones-antm-color-primary);
+  --height: 24PX;
+  --width: 42PX;
+  --border-width: 2PX;
+
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  position: relative;
+  align-self: center;
+  cursor: pointer;
+
+  input {
+    display: none;
+  }
+
+  &-checkbox {
+    min-width: var(--width);
+    height: var(--height);
+    box-sizing: border-box;
+    border-radius: 31PX;
+    background: var(--triones-antm-color-border);
+    z-index: 0;
+    overflow: hidden;
+    line-height: var(--height);
+    &:before {
+      content: ' ';
+      position: absolute;
+      left: var(--border-width);
+      top: var(--border-width);
+      width: calc(100% - 2 * var(--border-width));
+      height: calc(var(--height) - 2 * var(--border-width));
+      border-radius: calc(var(--height) - 2 * var(--border-width));
+      box-sizing: border-box;
+      background: var(--triones-antm-color-background);
+      z-index: 1;
+      transition: all 200ms;
+      transform: scale(1);
+    }
+  }
+
+  &-handle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: calc(var(--height) - 2 * var(--border-width));
+    height: calc(var(--height) - 2 * var(--border-width));
+    border-radius: calc(var(--height) - 2 * var(--border-width));
+    background: var(--triones-antm-color-text-light-solid);
+    position: absolute;
+    z-index: 2;
+    top: var(--border-width);
+    left: var(--border-width);
+    transition: all 200ms;
+    box-shadow:
+      0 0 2PX 0 rgba(0, 0, 0, 0.2),
+      0 2PX 11.5PX 0 rgba(0, 0, 0, 0.08),
+      -1PX 2PX 2PX 0 rgba(0, 0, 0, 0.1);
+  }
+
+  &-inner {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 8PX 0 calc(var(--height) - var(--border-width) + 5PX);
+    height: 100%;
+    color: var(--triones-antm-color-weak);
+    transition: margin 200ms;
+    font-size: var(--triones-antm-font-size-7);
+  }
+
+  /* 选中状态 */
+  &.#{$class-prefix-switch}-checked {
+    .#{$class-prefix-switch}-checkbox {
+      background: var(--checked-color);
+      &:before {
+        transform: scale(0);
+      }
+    }
+    .#{$class-prefix-switch}-handle {
+      left: calc(100% - (var(--height) - var(--border-width)));
+    }
+
+    .#{$class-prefix-switch}-inner {
+      margin: 0 calc(var(--height) - var(--border-width) + 5PX) 0 8PX;
+      color: var(--triones-antm-color-text-light-solid);
+    }
+  }
+
+  /* 禁用状态 */
+  &.#{$class-prefix-switch}-disabled {
+    cursor: not-allowed;
+    opacity: 0.4;
+  }
+
+  /* loading图标 */
+  &-spin-icon {
+    width: 14PX;
+    height: 14PX;
+    animation: loading-rotate 1s linear infinite;
+  }
+}

package/dist/Switch/switch.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../utils/native-props';
+import './style.scss';
+export type SwitchProps = {
+    loading?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    /** @deprecated use `onChange` instead */
+    beforeChange?: (val: boolean) => Promise<void>;
+    onChange?: (checked: boolean) => void | Promise<void>;
+    checkedText?: ReactNode;
+    uncheckedText?: ReactNode;
+} & NativeProps<'--checked-color' | '--width' | '--height' | '--border-width'>;
+export declare const Switch: FC<SwitchProps>;