@vtx/modals2 2.14.29 → 2.14.31

package/lib/vm-select-device/style/index.less

@@ -1,16 +1,16 @@
-.mySelect {
-    height: 40px;
-    background-color: #fff;
-    position: relative;
-    .selectWrap {
-        position: absolute;
-        right: 10px;
-        top: 5px;
-    }
-    &.otherSelect {
-        display: inline-block;
-        .selectWrap {
-            position: static;
-        }
-    }
-}
+.mySelect {
+    height: 40px;
+    background-color: #fff;
+    position: relative;
+    .selectWrap {
+        position: absolute;
+        right: 10px;
+        top: 5px;
+    }
+    &.otherSelect {
+        display: inline-block;
+        .selectWrap {
+            position: static;
+        }
+    }
+}

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

@@ -9,7 +9,7 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var TabPane = _antd.Tabs.TabPane;
 var SubTabs = function SubTabs(props) {
   var _useSettings = (0, _useSettings3["default"])(),
@@ -19,7 +19,7 @@ var SubTabs = function SubTabs(props) {
     type: "card"
   }), props.children);
 };
-var SubTabPane = function SubTabPane(props) {
+var SubTabPane = exports.SubTabPane = function SubTabPane(props) {
   var subKey = props.subKey,
     children = props.children,
     ext = (0, _tslib.__rest)(props, ["subKey", "children"]);
@@ -29,15 +29,12 @@ var SubTabPane = function SubTabPane(props) {
     className: "tab-pane"
   }), children);
 };
-exports.SubTabPane = SubTabPane;
-var SubTabsLine = function SubTabsLine(props) {
+var SubTabsLine = exports.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;
+var _default = exports["default"] = SubTabs;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_tslib","require","_antd","_react","_interopRequireDefault","_useSettings3","obj","__esModule","TabPane","Tabs","SubTabs","props","_useSettings","useSettings","theme","React","createElement","Object","assign","className","concat","ghost","type","children","SubTabPane","subKey","ext","__rest","key","exports","SubTabsLine","_useSettings2","_default"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACAA,OAAA;AAAiB,SAAAG,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACjB,IAAQE,OAAO,GAAKC,UAAI,CAAhBD,OAAO;AACf,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK,EAAK;EACvB,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACP,UAAI,EAAEQ,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,KAAK,EAAE;IAAEQ,SAAS,kBAAAC,MAAA,CAAkBN,KAAK,OAAAM,MAAA,CAAIT,KAAK,CAACU,KAAK,IAAI,EAAE,CAAE;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAAEX,KAAK,CAACY,QAAQ,CAAC;AAC1J,CAAC;AACM,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIb,KAAK,EAAK;EACjC,IAAQc,MAAM,GAAed,KAAK,CAA1Bc,MAAM;IAAEF,QAAQ,GAAKZ,KAAK,CAAlBY,QAAQ;IAAYG,GAAG,GAAG,IAAAC,aAAM,EAAChB,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EAC/E,oBAAQI,iBAAK,CAACC,aAAa,CAACR,OAAO,EAAES,MAAM,CAACC,MAAM,CAAC;IAAEU,GAAG,EAAEH;EAAO,CAAC,EAAEC,GAAG,EAAE;IAAEP,SAAS,EAAE;EAAW,CAAC,CAAC,EAAEI,QAAQ,CAAC;AAClH,CAAC;AAACM,OAAA,CAAAL,UAAA,GAAAA,UAAA;AACK,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAInB,KAAK,EAAK;EAClC,IAAAoB,aAAA,GAAkB,IAAAlB,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAiB,aAAA,CAALjB,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACP,UAAI,EAAEQ,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,KAAK,EAAE;IAAEQ,SAAS,uBAAAC,MAAA,CAAuBN,KAAK;EAAG,CAAC,CAAC,EAAEH,KAAK,CAACY,QAAQ,CAAC;AAC5H,CAAC;AAACM,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAAA,IAAAE,QAAA,GACatB,OAAO;AAAAmB,OAAA,cAAAG,QAAA"}
+{"version":3,"file":"index.js","names":["_tslib","require","_antd","_react","_interopRequireDefault","_useSettings3","e","__esModule","TabPane","Tabs","SubTabs","props","_useSettings","useSettings","theme","React","createElement","Object","assign","className","concat","ghost","type","children","SubTabPane","exports","subKey","ext","__rest","key","SubTabsLine","_useSettings2","_default"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACAA,OAAA;AAAiB,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACjB,IAAQE,OAAO,GAAKC,UAAI,CAAhBD,OAAO;AACf,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAK,EAAK;EACvB,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACP,UAAI,EAAEQ,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,KAAK,EAAE;IAAEQ,SAAS,kBAAAC,MAAA,CAAkBN,KAAK,OAAAM,MAAA,CAAIT,KAAK,CAACU,KAAK,IAAI,EAAE,CAAE;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAAEX,KAAK,CAACY,QAAQ,CAAC;AAC1J,CAAC;AACM,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIb,KAAK,EAAK;EACjC,IAAQe,MAAM,GAAef,KAAK,CAA1Be,MAAM;IAAEH,QAAQ,GAAKZ,KAAK,CAAlBY,QAAQ;IAAYI,GAAG,GAAG,IAAAC,aAAM,EAACjB,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EAC/E,oBAAQI,iBAAK,CAACC,aAAa,CAACR,OAAO,EAAES,MAAM,CAACC,MAAM,CAAC;IAAEW,GAAG,EAAEH;EAAO,CAAC,EAAEC,GAAG,EAAE;IAAER,SAAS,EAAE;EAAW,CAAC,CAAC,EAAEI,QAAQ,CAAC;AAClH,CAAC;AACM,IAAMO,WAAW,GAAAL,OAAA,CAAAK,WAAA,GAAG,SAAdA,WAAWA,CAAInB,KAAK,EAAK;EAClC,IAAAoB,aAAA,GAAkB,IAAAlB,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAiB,aAAA,CAALjB,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACP,UAAI,EAAEQ,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,KAAK,EAAE;IAAEQ,SAAS,uBAAAC,MAAA,CAAuBN,KAAK;EAAG,CAAC,CAAC,EAAEH,KAAK,CAACY,QAAQ,CAAC;AAC5H,CAAC;AAAC,IAAAS,QAAA,GAAAP,OAAA,cACaf,OAAO","ignoreList":[]}

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

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

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

@@ -5,6 +5,7 @@
   --color: #222;
   --active-color: #1890ffff;
   --active-bg: transparent;
+  min-width: 300px;
 }
 .vtx-sub-tabs img {
   margin: -2px 14px 0 0;
@@ -23,6 +24,14 @@
   --active-color: #95fff9ff !important;
   --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
 }
+.vtx-sub-tabs.blue {
+  --border: 1px solid #1464a6;
+  --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+  --border-active: 1px solid #018aff;
+  --color: #fff;
+  --active-color: #fff !important;
+  --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+}
 .vtx-sub-tabs .tab-pane {
   padding: 18px 0;
 }
@@ -52,6 +61,35 @@
 .vtx-sub-tabs > .ant-tabs-nav .ant-tabs-tab-btn:active {
   color: var(--border-active);
 }
+.vtx-sub-tabs.blue .tab-pane {
+  padding: 18px 0;
+}
+.vtx-sub-tabs.blue > .ant-tabs-nav::before {
+  display: none;
+}
+.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.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.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.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.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;
@@ -68,6 +106,14 @@
   --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 #018aff !important;
+  --color: #ffffff;
+  --active-color: #1890ffff !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: '';

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

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

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

@@ -1,119 +1,179 @@
-.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);
-    }
-    .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: transparent;
-                    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);
-    }
-    > .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);
-        }
-    }
-}
+.vtx-sub-tabs {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+    min-width: 300px;
+    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 #1464a6;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #018aff;
+        --color: #fff;
+        --active-color: #fff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+
+    .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: transparent;
+                    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);
+        }
+    }
+
+    &.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 #018aff !important;
+        --color: #ffffff;
+        --active-color: #1890ffff !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

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useSettings3 = _interopRequireDefault(require("../vm-hooks/useSettings"));
 require("./style");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function SubTitle(props) {
   var _useSettings = (0, _useSettings3["default"])(),
     theme = _useSettings.theme;
@@ -19,13 +19,12 @@ function SubTitle(props) {
     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", {
+  }, title, extra ? ( /*#__PURE__*/_react["default"].createElement("div", {
     className: "extra",
     style: Object.assign({}, extraStyle)
-  }, extra) : null);
+  }, extra)) : null);
 }
-var _default = SubTitle;
-exports["default"] = _default;
+var _default = exports["default"] = SubTitle;
 function SubTitle2(props) {
   var _useSettings2 = (0, _useSettings3["default"])(),
     theme = _useSettings2.theme;
@@ -36,9 +35,9 @@ function SubTitle2(props) {
     extraStyle = _props$extraStyle2 === void 0 ? {} : _props$extraStyle2;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "sub-title2 ".concat(theme)
-  }, title, extra ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, title, extra ? ( /*#__PURE__*/_react["default"].createElement("div", {
     className: "extra",
     style: Object.assign({}, extraStyle)
-  }, extra) : null);
+  }, extra)) : null);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_useSettings3","obj","__esModule","SubTitle","props","_useSettings","useSettings","theme","_props$title","title","extra","_props$extraStyle","extraStyle","React","createElement","className","concat","style","Object","assign","_default","exports","SubTitle2","_useSettings2","_props$title2","_props$extraStyle2"],"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;\nexport function SubTitle2(props) {\n    const { theme } = useSettings();\n    const { title = '基本信息', extra, extraStyle = {} } = props;\n    return (React.createElement(\"div\", { className: `sub-title2 ${theme}` },\n        title,\n        extra ? (React.createElement(\"div\", { className: \"extra\", style: Object.assign({}, extraStyle) }, extra)) : null));\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACjB,SAASE,QAAQA,CAACC,KAAK,EAAE;EACrB,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAAC,YAAA,GAAmDJ,KAAK,CAAhDK,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAEE,KAAK,GAAsBN,KAAK,CAAhCM,KAAK;IAAAC,iBAAA,GAAsBP,KAAK,CAAzBQ,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,CAAC,CAAC,GAAAA,iBAAA;EAC9C,oBAAQE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,eAAAC,MAAA,CAAeT,KAAK;EAAG,CAAC,EAClEE,KAAK,EACLC,KAAK,gBAAIG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEE,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,UAAU;EAAE,CAAC,EAAEF,KAAK,CAAC,GAAI,IAAI,CAAC;AACzH;AAAC,IAAAU,QAAA,GACcjB,QAAQ;AAAAkB,OAAA,cAAAD,QAAA;AAChB,SAASE,SAASA,CAAClB,KAAK,EAAE;EAC7B,IAAAmB,aAAA,GAAkB,IAAAjB,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAgB,aAAA,CAALhB,KAAK;EACb,IAAAiB,aAAA,GAAmDpB,KAAK,CAAhDK,KAAK;IAALA,KAAK,GAAAe,aAAA,cAAG,MAAM,GAAAA,aAAA;IAAEd,KAAK,GAAsBN,KAAK,CAAhCM,KAAK;IAAAe,kBAAA,GAAsBrB,KAAK,CAAzBQ,UAAU;IAAVA,UAAU,GAAAa,kBAAA,cAAG,CAAC,CAAC,GAAAA,kBAAA;EAC9C,oBAAQZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,gBAAAC,MAAA,CAAgBT,KAAK;EAAG,CAAC,EACnEE,KAAK,EACLC,KAAK,gBAAIG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEE,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,UAAU;EAAE,CAAC,EAAEF,KAAK,CAAC,GAAI,IAAI,CAAC;AACzH"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_useSettings3","e","__esModule","SubTitle","props","_useSettings","useSettings","theme","_props$title","title","extra","_props$extraStyle","extraStyle","React","createElement","className","concat","style","Object","assign","_default","exports","SubTitle2","_useSettings2","_props$title2","_props$extraStyle2"],"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;\nexport function SubTitle2(props) {\n    const { theme } = useSettings();\n    const { title = '基本信息', extra, extraStyle = {} } = props;\n    return (React.createElement(\"div\", { className: `sub-title2 ${theme}` },\n        title,\n        extra ? (React.createElement(\"div\", { className: \"extra\", style: Object.assign({}, extraStyle) }, extra)) : null));\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACjB,SAASE,QAAQA,CAACC,KAAK,EAAE;EACrB,IAAAC,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAAC,YAAA,GAAmDJ,KAAK,CAAhDK,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAEE,KAAK,GAAsBN,KAAK,CAAhCM,KAAK;IAAAC,iBAAA,GAAsBP,KAAK,CAAzBQ,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,CAAC,CAAC,GAAAA,iBAAA;EAC9C,oBAAQE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,eAAAC,MAAA,CAAeT,KAAK;EAAG,CAAC,EAClEE,KAAK,EACLC,KAAK,kBAAIG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEE,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,UAAU;EAAE,CAAC,EAAEF,KAAK,CAAC,IAAI,IAAI,CAAC;AACzH;AAAC,IAAAU,QAAA,GAAAC,OAAA,cACclB,QAAQ;AAChB,SAASmB,SAASA,CAAClB,KAAK,EAAE;EAC7B,IAAAmB,aAAA,GAAkB,IAAAjB,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAgB,aAAA,CAALhB,KAAK;EACb,IAAAiB,aAAA,GAAmDpB,KAAK,CAAhDK,KAAK;IAALA,KAAK,GAAAe,aAAA,cAAG,MAAM,GAAAA,aAAA;IAAEd,KAAK,GAAsBN,KAAK,CAAhCM,KAAK;IAAAe,kBAAA,GAAsBrB,KAAK,CAAzBQ,UAAU;IAAVA,UAAU,GAAAa,kBAAA,cAAG,CAAC,CAAC,GAAAA,kBAAA;EAC9C,oBAAQZ,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,gBAAAC,MAAA,CAAgBT,KAAK;EAAG,CAAC,EACnEE,KAAK,EACLC,KAAK,kBAAIG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,OAAO;IAAEE,KAAK,EAAEC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEP,UAAU;EAAE,CAAC,EAAEF,KAAK,CAAC,IAAI,IAAI,CAAC;AACzH","ignoreList":[]}

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

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

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

@@ -15,6 +15,15 @@
   background-image: url('../imgs/bg.png');
   color: #fff;
 }
+.sub-title.blue {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  font-size: 14px;
+  padding-left: 20px;
+  color: #fff;
+  background-repeat: no-repeat;
+  background-image: url('../imgs/bg_light.png');
+}
 .sub-title .extra {
   position: absolute;
   right: 0;
@@ -40,6 +49,16 @@
   background-image: url('../imgs/bg.png');
   color: #fff;
 }
+.sub-title2.blue {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 18px;
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  background-image: url('../imgs/bg_light.png');
+  color: #fff;
+}
 .sub-title2 .extra {
   position: absolute;
   right: 12px;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require"],"sources":["vm-sub-title/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}
+{"version":3,"file":"index.js","names":["require"],"sources":["vm-sub-title/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}