@vtx/modals2 3.3.17 → 3.3.18

package/lib/vm-repair-maintain/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _RmInfoSummary = _interopRequireDefault(require("./RmInfoSummary"));
+var _RmType = _interopRequireDefault(require("./RmType"));
+var _RmMonthTrend = _interopRequireDefault(require("./RmMonthTrend"));
+var _RmRecord = _interopRequireDefault(require("./RmRecord"));
+var _api = require("./api");
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 通用-维保信息
+ */
+
+var RepaireMaintain = function RepaireMaintain(props) {
+  var id = props.id;
+  var date = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _BaseService$useRepai = _api.BaseService.useRepairMaintain(id, date, date),
+    rmSummary = _BaseService$useRepai.rmSummary,
+    rmType = _BaseService$useRepai.rmType,
+    rmMonthTrend = _BaseService$useRepai.rmMonthTrend;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "repair-maintain"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_RmInfoSummary["default"], {
+    data: rmSummary
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_RmType["default"], {
+    data: rmType
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_RmMonthTrend["default"], {
+    data: rmMonthTrend
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rm-record"
+  }, /*#__PURE__*/_react["default"].createElement(_RmRecord["default"], {
+    id: id
+  })))));
+};
+var _default = RepaireMaintain;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-repair-maintain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RepaireMaintain","props","id","date","moment","format","BaseService","useRepairMaintain","rmSummary","rmType","rmMonthTrend","React","createElement","className","Row","gutter","Col","span","RmInfoSummary","data","RmType","RmMonthTrend","RmRecord"],"sources":["vm-repair-maintain/index.js"],"sourcesContent":["/**\n * 通用-维保信息\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport RmInfoSummary from './RmInfoSummary';\nimport RmType from './RmType';\nimport RmMonthTrend from './RmMonthTrend';\nimport RmRecord from './RmRecord';\nimport { BaseService } from './api';\nimport './style';\nconst RepaireMaintain = props => {\n    const { id } = props;\n    const date = moment().format('YYYY-MM-DD');\n    const { rmSummary, rmType, rmMonthTrend } = BaseService.useRepairMaintain(id, date, date);\n    return (React.createElement(\"div\", { className: \"repair-maintain\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { span: 24 },\n                React.createElement(RmInfoSummary, { data: rmSummary })),\n            React.createElement(Col, { span: 12 },\n                React.createElement(RmType, { data: rmType })),\n            React.createElement(Col, { span: 12 },\n                React.createElement(RmMonthTrend, { data: rmMonthTrend }))),\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { span: 24 },\n                React.createElement(\"div\", { className: \"rm-record\" },\n                    React.createElement(RmRecord, { id: id }))))));\n};\nexport default RepaireMaintain;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAiB;AAXjB;AACA;AACA;;AAUA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAGC,KAAK,EAAI;EAC7B,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,IAAMC,IAAI,GAAG,IAAAC,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC;EAC1C,4BAA4CC,gBAAW,CAACC,iBAAiB,CAACL,EAAE,EAAEC,IAAI,EAAEA,IAAI,CAAC;IAAjFK,SAAS,yBAATA,SAAS;IAAEC,MAAM,yBAANA,MAAM;IAAEC,YAAY,yBAAZA,YAAY;EACvC,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAkB,CAAC,eAC/DF,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC,eACjCN,iBAAK,CAACC,aAAa,CAACM,yBAAa,EAAE;IAAEC,IAAI,EAAEX;EAAU,CAAC,CAAC,CAAC,eAC5DG,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC,eACjCN,iBAAK,CAACC,aAAa,CAACQ,kBAAM,EAAE;IAAED,IAAI,EAAEV;EAAO,CAAC,CAAC,CAAC,eAClDE,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC,eACjCN,iBAAK,CAACC,aAAa,CAACS,wBAAY,EAAE;IAAEF,IAAI,EAAET;EAAa,CAAC,CAAC,CAAC,CAAC,eACnEC,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC,eACjCN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAY,CAAC,eACjDF,iBAAK,CAACC,aAAa,CAACU,oBAAQ,EAAE;IAAEpB,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjE,CAAC;AAAC,eACaF,eAAe;AAAA"}

package/lib/vm-repair-maintain/style/css.js

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

package/lib/vm-repair-maintain/style/css.js.map

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

package/lib/vm-repair-maintain/style/index.css

@@ -0,0 +1,119 @@
+.repair-maintain {
+  margin: 0 4px;
+}
+.repair-maintain .rm-head {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.repair-maintain .rm-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.repair-maintain .rm-summary-item {
+  margin-right: 76px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.repair-maintain .rm-summary-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 19px;
+}
+.repair-maintain .rm-summary-item--name {
+  color: var(--label-color);
+}
+.repair-maintain .rm-summary-item--value {
+  color: var(--info-color);
+  font-size: 12px;
+}
+.repair-maintain .rm-summary-item--value span {
+  font-size: 22px;
+}
+.repair-maintain .rm-summary-item--value-compare {
+  display: inline-block;
+  margin-left: 36px;
+}
+.repair-maintain .rm-type {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.repair-maintain .rm-type-chart {
+  height: 218px;
+}
+.repair-maintain .rm-type-chart img {
+  padding-bottom: 24px;
+}
+.repair-maintain .rm-month-trend {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.repair-maintain .rm-month-trend-chart {
+  height: 218px;
+}
+.repair-maintain .triangle-up {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+}
+.repair-maintain .triangle-up::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f65861;
+  -webkit-transform-origin: left bottom;
+      -ms-transform-origin: left bottom;
+          transform-origin: left bottom;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.repair-maintain .triangle-down {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+  margin-bottom: -2px;
+}
+.repair-maintain .triangle-down::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #41ffb4;
+  -webkit-transform-origin: right top;
+      -ms-transform-origin: right top;
+          transform-origin: right top;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.repair-maintain .rm-record {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  min-height: 200px;
+  margin-top: 10px;
+}

package/lib/vm-repair-maintain/style/index.js

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

package/lib/vm-repair-maintain/style/index.js.map

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

package/lib/vm-repair-maintain/style/index.less

@@ -0,0 +1,108 @@
+.repair-maintain {
+    margin: 0 4px;
+    .rm-head {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+    }
+
+    .rm-summary {
+        display: flex;
+        justify-content: start;
+        align-items: center;
+
+        &-item {
+            margin-right: 76px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+
+            &--name {
+                color: var(--label-color);
+            }
+            &--value {
+                color: var(--info-color);
+                font-size: 12px;
+                span {
+                    font-size: 22px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+    }
+
+    .rm-type {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        &-chart {
+            height: 218px;
+
+            img {
+                padding-bottom: 24px;
+            }
+        }
+    }
+
+    .rm-month-trend {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        &-chart {
+            height: 218px;
+        }
+    }
+
+    .triangle-up {
+        width: 12px;
+        height: 8px;
+        position: relative;
+        overflow: hidden;
+        display: inline-block;
+        margin-left: 4px;
+        &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: #f65861;
+            transform-origin: left bottom;
+            transform: rotate(45deg);
+        }
+    }
+    .triangle-down {
+        width: 12px;
+        height: 8px;
+        position: relative;
+        overflow: hidden;
+        display: inline-block;
+        margin-left: 4px;
+        margin-bottom: -2px;
+        &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: #41ffb4;
+            transform-origin: right top;
+            transform: rotate(45deg);
+        }
+    }
+
+    .rm-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        min-height: 200px;
+        margin-top: 10px;
+    }
+}

package/lib/vm-sub-tabs/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SubTabsLine = exports.SubTabPane = void 0;
+var _tslib = require("tslib");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _useSettings3 = _interopRequireDefault(require("../vm-hooks/useSettings"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var TabPane = _antd.Tabs.TabPane;
+var SubTabs = function SubTabs(props) {
+  var _useSettings = (0, _useSettings3["default"])(),
+    theme = _useSettings.theme;
+  return /*#__PURE__*/_react["default"].createElement(_antd.Tabs, Object.assign({}, props, {
+    className: "vtx-sub-tabs ".concat(theme, " ").concat(props.ghost || ''),
+    type: "card"
+  }), props.children);
+};
+var SubTabPane = function SubTabPane(props) {
+  var subKey = props.subKey,
+    children = props.children,
+    ext = (0, _tslib.__rest)(props, ["subKey", "children"]);
+  return /*#__PURE__*/_react["default"].createElement(TabPane, Object.assign({
+    key: subKey
+  }, ext, {
+    className: "tab-pane"
+  }), children);
+};
+exports.SubTabPane = SubTabPane;
+var SubTabsLine = function SubTabsLine(props) {
+  var _useSettings2 = (0, _useSettings3["default"])(),
+    theme = _useSettings2.theme;
+  return /*#__PURE__*/_react["default"].createElement(_antd.Tabs, Object.assign({}, props, {
+    className: "vtx-sub-tabs-line ".concat(theme)
+  }), props.children);
+};
+exports.SubTabsLine = SubTabsLine;
+var _default = SubTabs;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-sub-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TabPane","Tabs","SubTabs","props","useSettings","theme","React","createElement","Object","assign","className","ghost","type","children","SubTabPane","subKey","ext","__rest","key","SubTabsLine"],"sources":["vm-sub-tabs/index.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { Tabs } from 'antd';\nimport React from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport './style';\nconst { TabPane } = Tabs;\nconst SubTabs = (props) => {\n    const { theme } = useSettings();\n    return (React.createElement(Tabs, Object.assign({}, props, { className: `vtx-sub-tabs ${theme} ${props.ghost || ''}`, type: \"card\" }), props.children));\n};\nexport const SubTabPane = (props) => {\n    const { subKey, children } = props, ext = __rest(props, [\"subKey\", \"children\"]);\n    return (React.createElement(TabPane, Object.assign({ key: subKey }, ext, { className: \"tab-pane\" }), children));\n};\nexport const SubTabsLine = (props) => {\n    const { theme } = useSettings();\n    return (React.createElement(Tabs, Object.assign({}, props, { className: `vtx-sub-tabs-line ${theme}` }), props.children));\n};\nexport default SubTabs;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAiB;AACjB,IAAQA,OAAO,GAAKC,UAAI,CAAhBD,OAAO;AACf,IAAME,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAK,EAAK;EACvB,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACN,UAAI,EAAEO,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,KAAK,EAAE;IAAEO,SAAS,yBAAkBL,KAAK,cAAIF,KAAK,CAACQ,KAAK,IAAI,EAAE,CAAE;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAAET,KAAK,CAACU,QAAQ,CAAC;AAC1J,CAAC;AACM,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIX,KAAK,EAAK;EACjC,IAAQY,MAAM,GAAeZ,KAAK,CAA1BY,MAAM;IAAEF,QAAQ,GAAKV,KAAK,CAAlBU,QAAQ;IAAYG,GAAG,GAAG,IAAAC,aAAM,EAACd,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EAC/E,oBAAQG,iBAAK,CAACC,aAAa,CAACP,OAAO,EAAEQ,MAAM,CAACC,MAAM,CAAC;IAAES,GAAG,EAAEH;EAAO,CAAC,EAAEC,GAAG,EAAE;IAAEN,SAAS,EAAE;EAAW,CAAC,CAAC,EAAEG,QAAQ,CAAC;AAClH,CAAC;AAAC;AACK,IAAMM,WAAW,GAAG,SAAdA,WAAW,CAAIhB,KAAK,EAAK;EAClC,oBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,iBAALA,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACN,UAAI,EAAEO,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,KAAK,EAAE;IAAEO,SAAS,8BAAuBL,KAAK;EAAG,CAAC,CAAC,EAAEF,KAAK,CAACU,QAAQ,CAAC;AAC5H,CAAC;AAAC;AAAA,eACaX,OAAO;AAAA"}

package/lib/vm-sub-tabs/style/css.js

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

package/lib/vm-sub-tabs/style/css.js.map

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

package/lib/vm-sub-tabs/style/index.css

@@ -0,0 +1,114 @@
+.vtx-sub-tabs {
+  --border: 1px solid #dadadaff;
+  --border-active: 1px solid #1890ffff;
+  --border-image: none;
+  --color: #222;
+  --active-color: #1890ffff;
+  --active-bg: transparent;
+}
+.vtx-sub-tabs img {
+  margin: -2px 14px 0 0;
+}
+.vtx-sub-tabs.ghost {
+  --border: 1px solid #4eadfb;
+  --color: #1890ff;
+  --active-color: #fff;
+  --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
+}
+.vtx-sub-tabs.dark {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #8d9798ff;
+  --active-color: #95fff9ff !important;
+  --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+}
+.vtx-sub-tabs.blue {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #fff;
+  --active-color: #fff !important;
+  --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+}
+.vtx-sub-tabs.dark .tab-pane,
+.vtx-sub-tabs.blue .tab-pane {
+  padding: 18px 0;
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav::before,
+.vtx-sub-tabs.blue > .ant-tabs-nav::before {
+  display: none;
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
+  height: 32px;
+  margin-left: 0 !important;
+  color: var(--color);
+  background-color: var(--active-bg);
+  border: var(--border);
+  border-radius: 2px;
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active {
+  background: var(--active-bg);
+  border: var(--border-active);
+  -o-border-image: var(--border-image);
+     border-image: var(--border-image);
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: var(--active-color);
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus,
+.vtx-sub-tabs.blue > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
+  color: var(--active-color);
+}
+.vtx-sub-tabs.dark > .ant-tabs-nav .ant-tabs-tab-btn:active,
+.vtx-sub-tabs.blue > .ant-tabs-nav .ant-tabs-tab-btn:active {
+  color: var(--border-active);
+}
+.vtx-sub-tabs-line {
+  --border: 1px solid #dadadaff;
+  --border-active: 1px solid #1890ffff;
+  --border-image: none;
+  --color: #222;
+  --active-color: #1890ffff;
+  --active-bg: transparent;
+}
+.vtx-sub-tabs-line.dark {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #8d9798ff;
+  --active-color: #95fff9ff !important;
+  --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+}
+.vtx-sub-tabs-line.blue {
+  --border: 1px solid #95fff933;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #95fff9ff;
+  --color: #ffffff;
+  --active-color: #00FF1B !important;
+  --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+}
+.vtx-sub-tabs-line > .ant-tabs-nav::before {
+  border-bottom: 1px solid rgba(102, 244, 251, 0.1);
+  content: '';
+}
+.vtx-sub-tabs-line > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
+  height: 32px;
+  color: var(--color);
+  background-color: transparent;
+}
+.vtx-sub-tabs-line > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: var(--active-color);
+}
+.vtx-sub-tabs-line > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
+  color: var(--active-color);
+}
+.vtx-sub-tabs-line > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-ink-bar {
+  background: var(--active-color);
+}
+.vtx-sub-tabs-line > .ant-tabs-nav .ant-tabs-tab-btn:active {
+  color: var(--border-active);
+}

package/lib/vm-sub-tabs/style/index.js

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

package/lib/vm-sub-tabs/style/index.js.map

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

package/lib/vm-sub-tabs/style/index.less

@@ -0,0 +1,141 @@
+.vtx-sub-tabs {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+
+    img {
+        margin: -2px 14px 0 0;
+    }
+
+    &.ghost {
+        --border: 1px solid #4eadfb;
+
+        --color: #1890ff;
+        --active-color: #fff;
+        --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
+    }
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #fff;
+        --active-color: #fff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+
+    &.dark,
+    &.blue {
+        .tab-pane {
+            padding: 18px 0;
+        }
+        > .ant-tabs-nav {
+            // margin-bottom: 0;
+
+            &::before {
+                display: none;
+            }
+
+            > .ant-tabs-nav-wrap {
+                > .ant-tabs-nav-list {
+                    > .ant-tabs-tab {
+                        height: 32px;
+                        margin-left: 0 !important;
+                        color: var(--color);
+                        background-color: var(--active-bg);
+                        border: var(--border);
+                        border-radius: 2px;
+                    }
+
+                    > .ant-tabs-tab-active {
+                        background: var(--active-bg);
+                        border: var(--border-active);
+                        border-image: var(--border-image);
+
+                        .ant-tabs-tab-btn {
+                            color: var(--active-color);
+                            &:focus {
+                                color: var(--active-color);
+                            }
+                        }
+                    }
+                }
+            }
+            .ant-tabs-tab-btn:active {
+                color: var(--border-active);
+            }
+        }
+    }
+}
+
+.vtx-sub-tabs-line {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #ffffff;
+        --active-color: #00FF1B !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+    > .ant-tabs-nav {
+        // margin-bottom: 0;
+
+        &::before {
+            border-bottom: 1px solid rgba(102, 244, 251, 0.1);
+            content: '';
+        }
+
+        > .ant-tabs-nav-wrap {
+            > .ant-tabs-nav-list {
+                > .ant-tabs-tab {
+                    height: 32px;
+                    color: var(--color);
+                    background-color: transparent;
+                }
+
+                > .ant-tabs-tab-active {
+                    .ant-tabs-tab-btn {
+                        color: var(--active-color);
+                        &:focus {
+                            color: var(--active-color);
+                        }
+                    }
+                }
+                > .ant-tabs-ink-bar {
+                    background: var(--active-color);
+                }
+            }
+        }
+        .ant-tabs-tab-btn:active {
+            color: var(--border-active);
+        }
+    }
+}

package/lib/vm-sub-title/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function SubTitle(props) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _props$title = props.title,
+    title = _props$title === void 0 ? '基本信息' : _props$title,
+    extra = props.extra,
+    _props$extraStyle = props.extraStyle,
+    extraStyle = _props$extraStyle === void 0 ? {} : _props$extraStyle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sub-title ".concat(theme)
+  }, title, extra ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "extra",
+    style: Object.assign({}, extraStyle)
+  }, extra) : null);
+}
+var _default = SubTitle;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-sub-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SubTitle","props","useSettings","theme","title","extra","extraStyle","React","createElement","className","style","Object","assign"],"sources":["vm-sub-title/index.js"],"sourcesContent":["import React from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport './style';\nfunction SubTitle(props) {\n    const { theme } = useSettings();\n    const { title = '基本信息', extra, extraStyle = {} } = props;\n    return (React.createElement(\"div\", { className: `sub-title ${theme}` },\n        title,\n        extra ? (React.createElement(\"div\", { className: \"extra\", style: Object.assign({}, extraStyle) }, extra)) : null));\n}\nexport default SubTitle;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAiB;AACjB,SAASA,QAAQ,CAACC,KAAK,EAAE;EACrB,mBAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,gBAALA,KAAK;EACb,mBAAmDF,KAAK,CAAhDG,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAEC,KAAK,GAAsBJ,KAAK,CAAhCI,KAAK;IAAA,oBAAsBJ,KAAK,CAAzBK,UAAU;IAAVA,UAAU,kCAAG,CAAC,CAAC;EAC9C,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,sBAAeN,KAAK;EAAG,CAAC,EAClEC,KAAK,EACLC,KAAK,gBAAIE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEC,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,UAAU;EAAE,CAAC,EAAED,KAAK,CAAC,GAAI,IAAI,CAAC;AACzH;AAAC,eACcL,QAAQ;AAAA"}

package/lib/vm-sub-title/style/css.js

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