@vtx/modals2 2.10.6 → 2.10.11

package/lib/vm-common-components/common/vm-tabs/style/index.css

@@ -0,0 +1,63 @@
+.vtx-tabs-wrap-hz {
+  width: 100%;
+  height: calc(100% - 60px);
+  background: var(--modal-content-bg);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.vtx-tabs-wrap-hz--main {
+  width: calc(100% - 181px);
+}
+.vtx-tabs-wrap-hz--main-notab {
+  width: 100%;
+}
+.vtx-tabs-hz {
+  --tabs-bg-color: #fcfcfc;
+  --tabs-btn-color: #666;
+  --tabs-btn-active-color: #1890ff;
+  --border-left: #1890ff;
+  width: 181px;
+  font-size: 18px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  color: var(--tabs-btn-color);
+  text-align: center;
+  background: var(--modal-content-bg);
+  border-left: 1px solid rgba(255, 255, 255, 0.2);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.vtx-tabs-hz.dark {
+  --tabs-bg-color: #fcfcfc;
+  --tabs-btn-color: #9dbcbaff;
+  --tabs-btn-active-color: #fff;
+  --border-left: rgba(255, 255, 255, 0.2);
+}
+.vtx-tabs-hz--tab {
+  width: 181px;
+  height: 64px;
+  line-height: 64px;
+  cursor: pointer;
+  color: var(--tabs-btn-color);
+}
+.vtx-tabs-hz--tab_active {
+  color: var(--tabs-btn-active-color);
+  background: #e6f7ff;
+  border-left: 2px solid #1890ff;
+}
+.vtx-tabs-hz--tab_active.dark {
+  background: -webkit-gradient(linear, left top, right top, from(#0280ab), color-stop(#02547c), to(#02436b));
+  background: linear-gradient(to right, #0280ab, #02547c, #02436b);
+  border-left: 2px solid #25abd7;
+}

package/lib/vm-common-components/common/vm-tabs/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/common/vm-tabs/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/common/vm-tabs/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/common/vm-tabs/style/index.less

@@ -0,0 +1,56 @@
+.vtx-tabs-wrap-hz {
+    width: 100%;
+    height: calc(~'100% - 60px');
+    background: var(--modal-content-bg);
+    display: flex;
+    justify-content: space-between;
+    &--main {
+        width: calc(~'100% - 181px');
+    }
+    &--main-notab {
+        width: 100%;
+    }
+}
+
+.vtx-tabs-hz {
+    --tabs-bg-color: #fcfcfc;
+    --tabs-btn-color: #666;
+    --tabs-btn-active-color: #1890ff;
+    --border-left: #1890ff;
+
+    &.dark {
+        --tabs-bg-color: #fcfcfc;
+        --tabs-btn-color: #9dbcbaff;
+        --tabs-btn-active-color: #fff;
+        --border-left: rgba(255, 255, 255, 0.2);
+    }
+
+    width: 181px;
+    font-size: 18px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: var(--tabs-btn-color);
+    text-align: center;
+    background: var(--modal-content-bg);
+    border-left: 1px solid rgba(255, 255, 255, 0.2);
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+
+    &--tab {
+        width: 181px;
+        height: 64px;
+        line-height: 64px;
+        cursor: pointer;
+        color: var(--tabs-btn-color);
+
+        &_active {
+            color: var(--tabs-btn-active-color);
+            background: #e6f7ff;
+            border-left: 2px solid #1890ff;
+            &.dark {
+                background: linear-gradient(to right, #0280ab, #02547c, #02436b);
+                border-left: 2px solid #25abd7;
+            }
+        }
+    }
+}

package/lib/vm-common-components/components/Compare/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = require("@ant-design/icons");
+var _index = _interopRequireDefault(require("./style/index.less"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var Info = function Info(_ref) {
+  var label = _ref.label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    noMultiply = _ref.noMultiply;
+  var isRise = value >= 0;
+  var cls = (0, _classnames["default"])(_index["default"].compareWrap, _defineProperty({}, _index["default"].rise, isRise));
+  var num = '-';
+  if (value && String(value) !== '-') {
+    num = Math.abs(noMultiply ? value : value * 100).toFixed(2);
+  } else if (Number(value) === 0) {
+    num = 0;
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: cls
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].label
+  }, label, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].value
+  }, num, "%"), isRise ? /*#__PURE__*/_react["default"].createElement(_icons.CaretUpOutlined, {
+    className: _index["default"].icon
+  }) : /*#__PURE__*/_react["default"].createElement(_icons.CaretDownOutlined, {
+    className: _index["default"].icon
+  }));
+};
+var Compare = function Compare(_ref2) {
+  var list = _ref2.list,
+    style = _ref2.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, list === null || list === void 0 ? void 0 : list.map(function (i, n) {
+    return /*#__PURE__*/_react["default"].createElement(Info, Object.assign({}, i, {
+      key: n
+    }));
+  }));
+};
+var _default = Compare;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/Compare/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Info","label","value","noMultiply","isRise","cls","classNames","styles","compareWrap","rise","num","String","Math","abs","toFixed","Number","React","createElement","className","CaretUpOutlined","icon","CaretDownOutlined","Compare","list","style","map","i","n","Object","assign","key"],"sources":["vm-common-components/components/Compare/index.js"],"sourcesContent":["import React from 'react';\nimport { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';\nimport styles from './style/index.less';\nimport classNames from 'classnames';\nconst Info = ({ label, value = 0, noMultiply }) => {\n    const isRise = value >= 0;\n    const cls = classNames(styles.compareWrap, {\n        [styles.rise]: isRise,\n    });\n    let num = '-';\n    if (value && String(value) !== '-') {\n        num = Math.abs(noMultiply ? value : value * 100).toFixed(2);\n    }\n    else if (Number(value) === 0) {\n        num = 0;\n    }\n    return (React.createElement(\"div\", { className: cls },\n        React.createElement(\"span\", { className: styles.label },\n            label,\n            \"\\uFF1A\"),\n        React.createElement(\"span\", { className: styles.value },\n            num,\n            \"%\"),\n        isRise ? React.createElement(CaretUpOutlined, { className: styles.icon }) : React.createElement(CaretDownOutlined, { className: styles.icon })));\n};\nconst Compare = ({ list, style }) => {\n    return (React.createElement(\"div\", { style: style }, list === null || list === void 0 ? void 0 : list.map((i, n) => {\n        return (React.createElement(Info, Object.assign({}, i, { key: n })));\n    })));\n};\nexport default Compare;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AACpC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAyC;EAAA,IAAnCC,KAAK,QAALA,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,UAAU,QAAVA,UAAU;EACxC,IAAMC,MAAM,GAAGF,KAAK,IAAI,CAAC;EACzB,IAAMG,GAAG,GAAG,IAAAC,sBAAU,EAACC,iBAAM,CAACC,WAAW,sBACpCD,iBAAM,CAACE,IAAI,EAAGL,MAAM,EACvB;EACF,IAAIM,GAAG,GAAG,GAAG;EACb,IAAIR,KAAK,IAAIS,MAAM,CAACT,KAAK,CAAC,KAAK,GAAG,EAAE;IAChCQ,GAAG,GAAGE,IAAI,CAACC,GAAG,CAACV,UAAU,GAAGD,KAAK,GAAGA,KAAK,GAAG,GAAG,CAAC,CAACY,OAAO,CAAC,CAAC,CAAC;EAC/D,CAAC,MACI,IAAIC,MAAM,CAACb,KAAK,CAAC,KAAK,CAAC,EAAE;IAC1BQ,GAAG,GAAG,CAAC;EACX;EACA,oBAAQM,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEb;EAAI,CAAC,eACjDW,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,SAAS,EAAEX,iBAAM,CAACN;EAAM,CAAC,EACnDA,KAAK,EACL,QAAQ,CAAC,eACbe,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEC,SAAS,EAAEX,iBAAM,CAACL;EAAM,CAAC,EACnDQ,GAAG,EACH,GAAG,CAAC,EACRN,MAAM,gBAAGY,iBAAK,CAACC,aAAa,CAACE,sBAAe,EAAE;IAAED,SAAS,EAAEX,iBAAM,CAACa;EAAK,CAAC,CAAC,gBAAGJ,iBAAK,CAACC,aAAa,CAACI,wBAAiB,EAAE;IAAEH,SAAS,EAAEX,iBAAM,CAACa;EAAK,CAAC,CAAC,CAAC;AACvJ,CAAC;AACD,IAAME,OAAO,GAAG,SAAVA,OAAO,QAAwB;EAAA,IAAlBC,IAAI,SAAJA,IAAI;IAAEC,KAAK,SAALA,KAAK;EAC1B,oBAAQR,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAEA;EAAM,CAAC,EAAED,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IAChH,oBAAQX,iBAAK,CAACC,aAAa,CAACjB,IAAI,EAAE4B,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEH,CAAC,EAAE;MAAEI,GAAG,EAAEH;IAAE,CAAC,CAAC,CAAC;EACvE,CAAC,CAAC,CAAC;AACP,CAAC;AAAC,eACaL,OAAO;AAAA"}

package/lib/vm-common-components/components/Compare/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-common-components/components/Compare/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-common-components/components/Compare/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/Compare/style/index.css

@@ -0,0 +1,40 @@
+.compareWrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.compareWrap .label {
+  color: var(--title-color);
+  white-space: nowrap;
+}
+.compareWrap .icon {
+  color: #e14242;
+}
+.compareWrap .value {
+  font-size: 12px;
+  color: #ffffff;
+  padding: 2px 0;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#ff9e9e));
+  background: linear-gradient(0deg, #ff0000 0%, #ff9e9e 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.compareWrap.rise .value {
+  font-size: 12px;
+  color: #ffffff;
+  padding: 2px 0;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  background: -webkit-gradient(linear, left bottom, left top, from(#30e96d), to(#ff9e9e));
+  background: linear-gradient(0deg, #30e96d 0%, #ff9e9e 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.compareWrap.rise .icon {
+  color: #30e96d;
+}

package/lib/vm-common-components/components/Compare/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/Compare/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/components/Compare/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/Compare/style/index.less

@@ -0,0 +1,36 @@
+
+.compareWrap {
+    display: flex;
+    align-items: center;
+    .label {
+        color: var(--title-color);
+        white-space: nowrap;
+    }
+    .icon {
+        color: #e14242;
+    }
+    .value {
+        font-size: 12px;
+        color: #ffffff;
+        padding: 2px 0;
+        box-sizing: content-box;
+    
+        background: linear-gradient(0deg, #ff0000 0%, #ff9e9e 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+    &.rise {
+        .value {
+            font-size: 12px;
+            color: #ffffff;
+            padding: 2px 0;
+            box-sizing: content-box;
+            background: linear-gradient(0deg, #30e96d 0%, #ff9e9e 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .icon {
+            color: #30e96d;
+        }
+    }
+}

package/lib/vm-common-components/components/ImagesGroup/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _components = require("@vtx/components");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ImagesGroup = function ImagesGroup(props) {
+  var photos = props.photos;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "imgGroup"
+  }, (photos === null || photos === void 0 ? void 0 : photos.length) ? /*#__PURE__*/_react["default"].createElement(_components.VtxImage.PreviewGroup, null, /*#__PURE__*/_react["default"].createElement(_antd.Carousel, null, photos.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+      key: item.id,
+      src: "/cloudFile/common/downloadFile?id=".concat(item.id),
+      alt: item.name,
+      isDark: true
+    });
+  }))) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    className: "ndBg"
+  }));
+};
+var _default = ImagesGroup;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/ImagesGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ImagesGroup","props","photos","React","createElement","className","length","VtxImage","PreviewGroup","Carousel","map","item","key","id","src","alt","name","isDark","NoData"],"sources":["vm-common-components/components/ImagesGroup/index.js"],"sourcesContent":["import { VtxImage } from '@vtx/components';\nimport { Carousel } from 'antd';\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nimport './style';\nconst ImagesGroup = (props) => {\n    const { photos } = props;\n    return (React.createElement(\"div\", { className: \"imgGroup\" }, (photos === null || photos === void 0 ? void 0 : photos.length) ? (React.createElement(VtxImage.PreviewGroup, null,\n        React.createElement(Carousel, null, photos.map((item) => {\n            return (React.createElement(VtxImage, { key: item.id, src: `/cloudFile/common/downloadFile?id=${item.id}`, alt: item.name, isDark: true }));\n        })))) : (React.createElement(NoData, { className: \"ndBg\" }))));\n};\nexport default ImagesGroup;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAiB;AACjB,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAK;EAC3B,IAAQC,MAAM,GAAKD,KAAK,CAAhBC,MAAM;EACd,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,EAAE,CAACH,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACI,MAAM,iBAAKH,iBAAK,CAACC,aAAa,CAACG,oBAAQ,CAACC,YAAY,EAAE,IAAI,eAC5KL,iBAAK,CAACC,aAAa,CAACK,cAAQ,EAAE,IAAI,EAAEP,MAAM,CAACQ,GAAG,CAAC,UAACC,IAAI,EAAK;IACrD,oBAAQR,iBAAK,CAACC,aAAa,CAACG,oBAAQ,EAAE;MAAEK,GAAG,EAAED,IAAI,CAACE,EAAE;MAAEC,GAAG,8CAAuCH,IAAI,CAACE,EAAE,CAAE;MAAEE,GAAG,EAAEJ,IAAI,CAACK,IAAI;MAAEC,MAAM,EAAE;IAAK,CAAC,CAAC;EAC9I,CAAC,CAAC,CAAC,CAAC,gBAAKd,iBAAK,CAACC,aAAa,CAACc,oBAAM,EAAE;IAAEb,SAAS,EAAE;EAAO,CAAC,CAAE,CAAC;AACrE,CAAC;AAAC,eACaL,WAAW;AAAA"}

package/lib/vm-common-components/components/ImagesGroup/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-common-components/components/ImagesGroup/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-common-components/components/ImagesGroup/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/ImagesGroup/style/index.css

@@ -0,0 +1,11 @@
+.imgGroup {
+  width: 100%;
+  height: 200px;
+}
+.imgGroup img {
+  width: 100%;
+  height: 200px;
+}
+.imgGroup .ndBg {
+  background-color: var(--img-bg);
+}

package/lib/vm-common-components/components/ImagesGroup/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/ImagesGroup/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/components/ImagesGroup/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/ImagesGroup/style/index.less

@@ -0,0 +1,11 @@
+.imgGroup{
+    width: 100%;
+    height: 200px;
+    img{
+        width: 100%;
+        height: 200px;
+    }
+    .ndBg{
+        background-color: var(--img-bg);
+    }
+}

package/lib/vm-common-components/components/RadionButton/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./style");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var RadionButton = function RadionButton(_ref) {
+  var options = _ref.options,
+    defaultActiveKey = _ref.defaultActiveKey,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _onClick = _ref.onClick;
+  var _useState = (0, _react.useState)(defaultActiveKey),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'radionButtonList'
+  }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.value,
+      onClick: function onClick() {
+        setActive(item.value);
+        _onClick && _onClick(item.value);
+      },
+      className: active == item.value ? 'radionButton--active' : 'radionButton',
+      style: style
+    }, item.name);
+  }));
+};
+var _default = RadionButton;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/RadionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RadionButton","options","defaultActiveKey","style","onClick","useState","active","setActive","React","createElement","className","map","item","key","value","name"],"sources":["vm-common-components/components/RadionButton/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport './style';\nconst RadionButton = ({ options, defaultActiveKey, style = {}, onClick }) => {\n    const [active, setActive] = useState(defaultActiveKey);\n    return (React.createElement(\"div\", { className: 'radionButtonList' }, options === null || options === void 0 ? void 0 : options.map(item => {\n        return React.createElement(\"div\", { key: item.value, onClick: () => {\n                setActive(item.value);\n                onClick && onClick(item.value);\n            }, className: active == item.value ? 'radionButton--active' : 'radionButton', style: style }, item.name);\n    })));\n};\nexport default RadionButton;\n"],"mappings":";;;;;;;AAAA;AACA;AAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACjB,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAA2D;EAAA,IAArDC,OAAO,QAAPA,OAAO;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;IAAEC,QAAO,QAAPA,OAAO;EAClE,gBAA4B,IAAAC,eAAQ,EAACH,gBAAgB,CAAC;IAAA;IAA/CI,MAAM;IAAEC,SAAS;EACxB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAmB,CAAC,EAAET,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,OAAO,CAACU,GAAG,CAAC,UAAAC,IAAI,EAAI;IACxI,oBAAOJ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEI,GAAG,EAAED,IAAI,CAACE,KAAK;MAAEV,OAAO,EAAE,mBAAM;QAC5DG,SAAS,CAACK,IAAI,CAACE,KAAK,CAAC;QACrBV,QAAO,IAAIA,QAAO,CAACQ,IAAI,CAACE,KAAK,CAAC;MAClC,CAAC;MAAEJ,SAAS,EAAEJ,MAAM,IAAIM,IAAI,CAACE,KAAK,GAAG,sBAAsB,GAAG,cAAc;MAAEX,KAAK,EAAEA;IAAM,CAAC,EAAES,IAAI,CAACG,IAAI,CAAC;EAChH,CAAC,CAAC,CAAC;AACP,CAAC;AAAC,eACaf,YAAY;AAAA"}

package/lib/vm-common-components/components/RadionButton/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-common-components/components/RadionButton/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-common-components/components/RadionButton/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/RadionButton/style/index.css

@@ -0,0 +1,35 @@
+.radionButtonList {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.radionButtonList .button-common {
+  display: inline-block;
+  padding: 5px 25px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+}
+.radionButtonList .radionButton {
+  display: inline-block;
+  padding: 5px 25px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  background: var(--button-background-color--default);
+  color: var(--button-text-color--defalut);
+  border: 1px solid var(--button-border-color--default);
+}
+.radionButtonList .radionButton--active {
+  display: inline-block;
+  padding: 5px 25px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+  background: var(--button-background-color--active);
+  border: 1px solid var(--button-border-color--active);
+  color: var(--button-text-color--active);
+}

package/lib/vm-common-components/components/RadionButton/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/RadionButton/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-common-components/components/RadionButton/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-common-components/components/RadionButton/style/index.less

@@ -0,0 +1,26 @@
+
+.radionButtonList{
+    display: flex;
+    .button-common {
+        display: inline-block;
+        padding: 5px 25px;
+        border-radius: 2px;
+        cursor: pointer;
+        font-weight: 500;
+        font-size: 16px
+    }
+    
+    .radionButton {
+        .button-common();
+        background: var(--button-background-color--default);
+        color: var(--button-text-color--defalut);
+        border: 1px solid var(--button-border-color--default);
+    }
+    
+    .radionButton--active {
+        .button-common();
+        background: var(--button-background-color--active);
+        border: 1px solid var(--button-border-color--active);
+        color: var(--button-text-color--active);
+    }
+}