@vtx/modals2 2.14.28 → 2.14.31

package/lib/vm-select-device/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_vmFilter","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","_default","props","id","getSelectValue","style","className","selectStyle","_props$selectConfig","selectConfig","_useState","useState","_useState2","options","setOptions","_useState3","undefined","_useState4","setValue","useEffect","getSelectOptions","http","body","facilityId","then","res","_a","_b","_c","list","String","result","data","map","item","assign","label","deviceName","deviceCode","title","deviceId","handleSelect","items","type","width","itemProps","onChange","placeholder","showSearch","React","createElement","concat","VmFilterItem"],"sources":["vm-select-device/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { VmFilterItem } from '../vm-filter';\nimport { request as http } from '@vtx/utils';\nimport './style';\nexport default function (props) {\n    const { id, getSelectValue, style, className, selectStyle, selectConfig = {} } = props;\n    const [options, setOptions] = useState([]);\n    const [value, setValue] = useState(undefined);\n    useEffect(() => {\n        getSelectOptions();\n    }, []);\n    // 获取设施绑定的设备数据\n    const getSelectOptions = () => {\n        http\n            .get(`/cloud/zhsw-jcyj/api/dataQuery/getFactorInfoFromFacilityId`, {\n            body: {\n                facilityId: id,\n                // facilityId: '1655867504544829442',\n            },\n        })\n            .then((res) => {\n            var _a, _b, _c;\n            let list = [];\n            if (String(res === null || res === void 0 ? void 0 : res.result) === '0' && res.data) {\n                res.data &&\n                    res.data.length &&\n                    res.data.map((item) => {\n                        list.push(Object.assign(Object.assign({}, item), { label: (item === null || item === void 0 ? void 0 : item.deviceName) || (item === null || item === void 0 ? void 0 : item.deviceCode), title: (item === null || item === void 0 ? void 0 : item.deviceName) || (item === null || item === void 0 ? void 0 : item.deviceCode), value: item === null || item === void 0 ? void 0 : item.deviceId }));\n                    });\n            }\n            setOptions(list);\n            setValue(((_a = list === null || list === void 0 ? void 0 : list[0]) === null || _a === void 0 ? void 0 : _a.value) || undefined);\n            getSelectValue &&\n                getSelectValue(((_b = list === null || list === void 0 ? void 0 : list[0]) === null || _b === void 0 ? void 0 : _b.value) || undefined, ((_c = list === null || list === void 0 ? void 0 : list[0]) === null || _c === void 0 ? void 0 : _c.deviceCode) || undefined);\n        });\n    };\n    const handleSelect = (value) => {\n        setValue(value);\n        getSelectValue && getSelectValue(value);\n    };\n    const items = [\n        Object.assign({ type: 'select', label: '', style: Object.assign({ width: 240 }, selectStyle), itemProps: {\n                options,\n                onChange: handleSelect,\n                placeholder: '请选择',\n                showSearch: true,\n                value,\n            } }, selectConfig),\n    ];\n    return (React.createElement(\"div\", { className: `mySelect ${className && 'otherSelect'}`, style: Object.assign({}, style) },\n        React.createElement(\"div\", { className: 'selectWrap' },\n            React.createElement(VmFilterItem, { items: items }))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_vmFilter","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","_default","props","id","getSelectValue","style","className","selectStyle","_props$selectConfig","selectConfig","_useState","useState","_useState2","options","setOptions","_useState3","undefined","_useState4","setValue","useEffect","getSelectOptions","http","body","facilityId","then","res","_a","_b","_c","list","String","result","data","map","item","assign","label","deviceName","deviceCode","title","deviceId","handleSelect","items","type","width","itemProps","onChange","placeholder","showSearch","React","createElement","concat","VmFilterItem"],"sources":["vm-select-device/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { VmFilterItem } from '../vm-filter';\nimport { request as http } from '@vtx/utils';\nimport './style';\nexport default function (props) {\n    const { id, getSelectValue, style, className, selectStyle, selectConfig = {} } = props;\n    const [options, setOptions] = useState([]);\n    const [value, setValue] = useState(undefined);\n    useEffect(() => {\n        getSelectOptions();\n    }, []);\n    // 获取设施绑定的设备数据\n    const getSelectOptions = () => {\n        http.get(`/cloud/zhsw-jcyj/api/dataQuery/getFactorInfoFromFacilityId`, {\n            body: {\n                facilityId: id,\n                // facilityId: '1655867504544829442',\n            },\n        }).then((res) => {\n            var _a, _b, _c;\n            let list = [];\n            if (String(res === null || res === void 0 ? void 0 : res.result) === '0' && res.data) {\n                res.data &&\n                    res.data.length &&\n                    res.data.map((item) => {\n                        list.push(Object.assign(Object.assign({}, item), { label: (item === null || item === void 0 ? void 0 : item.deviceName) || (item === null || item === void 0 ? void 0 : item.deviceCode), title: (item === null || item === void 0 ? void 0 : item.deviceName) || (item === null || item === void 0 ? void 0 : item.deviceCode), value: item === null || item === void 0 ? void 0 : item.deviceId }));\n                    });\n            }\n            setOptions(list);\n            setValue(((_a = list === null || list === void 0 ? void 0 : list[0]) === null || _a === void 0 ? void 0 : _a.value) || undefined);\n            getSelectValue &&\n                getSelectValue(((_b = list === null || list === void 0 ? void 0 : list[0]) === null || _b === void 0 ? void 0 : _b.value) || undefined, ((_c = list === null || list === void 0 ? void 0 : list[0]) === null || _c === void 0 ? void 0 : _c.deviceCode) || undefined);\n        });\n    };\n    const handleSelect = (value) => {\n        setValue(value);\n        getSelectValue && getSelectValue(value);\n    };\n    const items = [\n        Object.assign({ type: 'select', label: '', style: Object.assign({ width: 240 }, selectStyle), itemProps: {\n                options,\n                onChange: handleSelect,\n                placeholder: '请选择',\n                showSearch: true,\n                value,\n            } }, selectConfig),\n    ];\n    return (React.createElement(\"div\", { className: `mySelect ${className && 'otherSelect'}`, style: Object.assign({}, style) },\n        React.createElement(\"div\", { className: 'selectWrap' },\n            React.createElement(VmFilterItem, { items: items }))));\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACAA,OAAA;AAAiB,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,eAAAjB,CAAA,EAAAF,CAAA,WAAAoB,eAAA,CAAAlB,CAAA,KAAAmB,qBAAA,CAAAnB,CAAA,EAAAF,CAAA,KAAAsB,2BAAA,CAAApB,CAAA,EAAAF,CAAA,KAAAuB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAApB,CAAA,EAAAQ,CAAA,QAAAR,CAAA,2BAAAA,CAAA,SAAAuB,iBAAA,CAAAvB,CAAA,EAAAQ,CAAA,OAAAP,CAAA,MAAAuB,QAAA,CAAAV,IAAA,CAAAd,CAAA,EAAAyB,KAAA,6BAAAxB,CAAA,IAAAD,CAAA,CAAA0B,WAAA,KAAAzB,CAAA,GAAAD,CAAA,CAAA0B,WAAA,CAAAC,IAAA,aAAA1B,CAAA,cAAAA,CAAA,GAAA2B,KAAA,CAAAC,IAAA,CAAA7B,CAAA,oBAAAC,CAAA,+CAAA6B,IAAA,CAAA7B,CAAA,IAAAsB,iBAAA,CAAAvB,CAAA,EAAAQ,CAAA;AAAA,SAAAe,kBAAAvB,CAAA,EAAAQ,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAAR,CAAA,CAAA+B,MAAA,MAAAvB,CAAA,GAAAR,CAAA,CAAA+B,MAAA,YAAAjC,CAAA,MAAAQ,CAAA,GAAAsB,KAAA,CAAApB,CAAA,GAAAV,CAAA,GAAAU,CAAA,EAAAV,CAAA,IAAAQ,CAAA,CAAAR,CAAA,IAAAE,CAAA,CAAAF,CAAA,UAAAQ,CAAA;AAAA,SAAAa,sBAAAnB,CAAA,EAAAgC,CAAA,QAAA/B,CAAA,WAAAD,CAAA,gCAAAiC,MAAA,IAAAjC,CAAA,CAAAiC,MAAA,CAAAC,QAAA,KAAAlC,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAQ,CAAA,EAAAS,CAAA,EAAAH,CAAA,EAAAJ,CAAA,OAAA2B,CAAA,OAAAC,CAAA,iBAAArB,CAAA,IAAAd,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAd,CAAA,GAAAqC,IAAA,QAAAL,CAAA,QAAAvB,MAAA,CAAAR,CAAA,MAAAA,CAAA,UAAAkC,CAAA,uBAAAA,CAAA,IAAArC,CAAA,GAAAiB,CAAA,CAAAD,IAAA,CAAAb,CAAA,GAAAqC,IAAA,MAAA9B,CAAA,CAAA+B,IAAA,CAAAzC,CAAA,CAAA0C,KAAA,GAAAhC,CAAA,CAAAuB,MAAA,KAAAC,CAAA,GAAAG,CAAA,iBAAAnC,CAAA,IAAAoC,CAAA,OAAA9B,CAAA,GAAAN,CAAA,yBAAAmC,CAAA,YAAAlC,CAAA,eAAAW,CAAA,GAAAX,CAAA,cAAAQ,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAwB,CAAA,QAAA9B,CAAA,aAAAE,CAAA;AAAA,SAAAU,gBAAAlB,CAAA,QAAA4B,KAAA,CAAAa,OAAA,CAAAzC,CAAA,UAAAA,CAAA;AACF,SAAA0C,SAAUC,KAAK,EAAE;EAC5B,IAAQC,EAAE,GAAuED,KAAK,CAA9EC,EAAE;IAAEC,cAAc,GAAuDF,KAAK,CAA1EE,cAAc;IAAEC,KAAK,GAAgDH,KAAK,CAA1DG,KAAK;IAAEC,SAAS,GAAqCJ,KAAK,CAAnDI,SAAS;IAAEC,WAAW,GAAwBL,KAAK,CAAxCK,WAAW;IAAAC,mBAAA,GAAwBN,KAAK,CAA3BO,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,CAAC,CAAC,GAAAA,mBAAA;EAC5E,IAAAE,SAAA,GAA8B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,GAAApC,cAAA,CAAAkC,SAAA;IAAnCG,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAC1B,IAAAG,UAAA,GAA0B,IAAAJ,eAAQ,EAACK,SAAS,CAAC;IAAAC,UAAA,GAAAzC,cAAA,CAAAuC,UAAA;IAAtChB,KAAK,GAAAkB,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EACtB,IAAAE,gBAAS,EAAC,YAAM;IACZC,gBAAgB,CAAC,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EACN;EACA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC3BC,cAAI,CAACzD,GAAG,+DAA+D;MACnE0D,IAAI,EAAE;QACFC,UAAU,EAAEpB;QACZ;MACJ;IACJ,CAAC,CAAC,CAACqB,IAAI,CAAC,UAACC,GAAG,EAAK;MACb,IAAIC,EAAE,EAAEC,EAAE,EAAEC,EAAE;MACd,IAAIC,IAAI,GAAG,EAAE;MACb,IAAIC,MAAM,CAACL,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,GAAG,CAACM,MAAM,CAAC,KAAK,GAAG,IAAIN,GAAG,CAACO,IAAI,EAAE;QAClFP,GAAG,CAACO,IAAI,IACJP,GAAG,CAACO,IAAI,CAAC1C,MAAM,IACfmC,GAAG,CAACO,IAAI,CAACC,GAAG,CAAC,UAACC,IAAI,EAAK;UACnBL,IAAI,CAAC/B,IAAI,CAAC9B,MAAM,CAACmE,MAAM,CAACnE,MAAM,CAACmE,MAAM,CAAC,CAAC,CAAC,EAAED,IAAI,CAAC,EAAE;YAAEE,KAAK,EAAE,CAACF,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACG,UAAU,MAAMH,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACI,UAAU,CAAC;YAAEC,KAAK,EAAE,CAACL,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACG,UAAU,MAAMH,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACI,UAAU,CAAC;YAAEvC,KAAK,EAAEmC,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACM;UAAS,CAAC,CAAC,CAAC;QACzY,CAAC,CAAC;MACV;MACA1B,UAAU,CAACe,IAAI,CAAC;MAChBX,QAAQ,CAAC,CAAC,CAACQ,EAAE,GAAGG,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC3B,KAAK,KAAKiB,SAAS,CAAC;MACjIZ,cAAc,IACVA,cAAc,CAAC,CAAC,CAACuB,EAAE,GAAGE,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC5B,KAAK,KAAKiB,SAAS,EAAE,CAAC,CAACY,EAAE,GAAGC,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,IAAID,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACU,UAAU,KAAKtB,SAAS,CAAC;IAC7Q,CAAC,CAAC;EACN,CAAC;EACD,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAI1C,KAAK,EAAK;IAC5BmB,QAAQ,CAACnB,KAAK,CAAC;IACfK,cAAc,IAAIA,cAAc,CAACL,KAAK,CAAC;EAC3C,CAAC;EACD,IAAM2C,KAAK,GAAG,CACV1E,MAAM,CAACmE,MAAM,CAAC;IAAEQ,IAAI,EAAE,QAAQ;IAAEP,KAAK,EAAE,EAAE;IAAE/B,KAAK,EAAErC,MAAM,CAACmE,MAAM,CAAC;MAAES,KAAK,EAAE;IAAI,CAAC,EAAErC,WAAW,CAAC;IAAEsC,SAAS,EAAE;MACjGhC,OAAO,EAAPA,OAAO;MACPiC,QAAQ,EAAEL,YAAY;MACtBM,WAAW,EAAE,KAAK;MAClBC,UAAU,EAAE,IAAI;MAChBjD,KAAK,EAALA;IACJ;EAAE,CAAC,EAAEU,YAAY,CAAC,CACzB;EACD,oBAAQwC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAE5C,SAAS,cAAA6C,MAAA,CAAc7C,SAAS,IAAI,aAAa,CAAE;IAAED,KAAK,EAAErC,MAAM,CAACmE,MAAM,CAAC,CAAC,CAAC,EAAE9B,KAAK;EAAE,CAAC,eACvH4C,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAE5C,SAAS,EAAE;EAAa,CAAC,eAClD2C,iBAAK,CAACC,aAAa,CAACE,sBAAY,EAAE;IAAEV,KAAK,EAAEA;EAAM,CAAC,CAAC,CAAC,CAAC;AACjE","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.less

@@ -5,7 +5,7 @@
     --color: #222;
     --active-color: #1890ffff;
     --active-bg: transparent;
-
+    min-width: 300px;
     img {
         margin: -2px 14px 0 0;
     }
@@ -26,6 +26,15 @@
         --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;
     }
@@ -65,6 +74,48 @@
             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 {
@@ -83,6 +134,15 @@
         --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;
 

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.less

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

package/lib/vm-table/style/index.css

@@ -7,6 +7,86 @@
   --table-row-bg-color: #fafafa;
   --scroll-bar-hover-bg: #adadad;
 }
+.vm-table.blue {
+  --table-bg: transparent;
+  --table-header-bg-color: rgba(14, 156, 255, 0.1);
+  --table-color: white;
+  --table-head-color: #fff;
+  --table-row-border: 1px solid transparent;
+  --table-row-bg-color: rgba(106, 228, 255, 0.01);
+  --scroll-bar-hover-bg: #219fff3d;
+  --page-a-color: #fff;
+  --page-a-active-color: #0dbafe;
+  --page-a-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+  --page-border-color: #d9d9d9;
+  --page-border-active-color: #0dbafe;
+}
+.vm-table.blue .ant-pagination {
+  color: white;
+}
+.vm-table.blue .ant-pagination .ant-pagination-item {
+  background-color: transparent;
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.vm-table.blue .ant-pagination .ant-pagination-item > a {
+  color: white;
+}
+.vm-table.blue .ant-pagination .ant-pagination-item.ant-pagination-item-active,
+.vm-table.blue .ant-pagination .ant-pagination-item:hover {
+  border-color: #018aff;
+}
+.vm-table.blue .ant-pagination .ant-pagination-item.ant-pagination-item-active > a,
+.vm-table.blue .ant-pagination .ant-pagination-item:hover > a {
+  color: #018aff;
+}
+.vm-table.blue .ant-pagination .ant-select-arrow {
+  color: white;
+}
+.vm-table.blue .ant-pagination .ant-pagination-total-text {
+  color: #fff;
+}
+.vm-table.blue .ant-pagination .ant-pagination-item-link {
+  color: white;
+  background-color: transparent;
+  border-color: rgba(255, 255, 255, 0.4);
+}
+.vm-table.blue .ant-pagination .ant-pagination-item-link:hover :not(:disabled) {
+  color: #95fff9;
+  border-color: #95fff9;
+}
+.vm-table.blue .ant-pagination .ant-select-dropdown {
+  background: #0d1a1b;
+}
+.vm-table.blue .ant-pagination .ant-select-dropdown .ant-select-item {
+  color: white;
+}
+.vm-table.blue .ant-pagination .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: #2d575a;
+}
+.vm-table.blue .ant-pagination .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: #1c3436;
+}
+.vm-table.blue .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+  color: #ffffff40;
+}
+.vm-table.blue .ant-pagination .ant-pagination-options-quick-jumper input {
+  color: white;
+  background: transparent;
+  border: 1px solid #3c7073;
+}
+.vm-table.blue .ant-pagination .ant-pagination-options-quick-jumper input:hover {
+  border: 1px solid #6cc9ce;
+}
+.vm-table.blue .ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  background-color: transparent;
+  border: 1px solid #1464a6;
+}
+.vm-table.blue .ant-pagination .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+  border: 1px solid #6cc9ce;
+}
+.vm-table.blue .ant-pagination .ant-select {
+  color: white;
+}
 .vm-table.dark {
   --table-bg: transparent;
   --table-header-bg-color: #00adb11a;
@@ -152,6 +232,15 @@
 .vtx-export-dropdown.dark .ant-dropdown-menu .ant-dropdown-menu-item:hover {
   background-color: #1c3436;
 }
+.vtx-export-dropdown.blue .ant-dropdown-menu {
+  background-color: #1a3e69;
+}
+.vtx-export-dropdown.blue .ant-dropdown-menu .ant-dropdown-menu-item {
+  color: white;
+}
+.vtx-export-dropdown.blue .ant-dropdown-menu .ant-dropdown-menu-item:hover {
+  background-color: rgba(30, 92, 147, 0.5);
+}
 .vtx-table-tabs.dark .ant-tabs-nav::before {
   border-bottom: 1px solid #ffffff1a;
 }

package/lib/vm-table/style/index.less

@@ -7,6 +7,86 @@
     --table-row-bg-color: #fafafa;
     --scroll-bar-hover-bg: #adadad;
 
+    &.blue {
+        --table-bg: transparent;
+        --table-header-bg-color: rgba(14, 156, 255, 0.1);
+        --table-color: white;
+        --table-head-color: #fff;
+        --table-row-border: 1px solid transparent;
+        --table-row-bg-color: rgba(106, 228, 255, 0.01);
+        --scroll-bar-hover-bg: #219fff3d;
+        --page-a-color: #fff;
+        --page-a-active-color: #0dbafe;
+        --page-a-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+        --page-border-color: #d9d9d9;
+        --page-border-active-color: #0dbafe;
+        .ant-pagination {
+            color: white;
+            .ant-pagination-item {
+                background-color: transparent;
+                border-color: rgba(255, 255, 255, 0.6);
+                > a {
+                    color: white;
+                }
+
+                &.ant-pagination-item-active,
+                &:hover {
+                    border-color: #018aff;
+                    > a {
+                        color: #018aff;
+                    }
+                }
+            }
+            .ant-select-arrow {
+                color: white;
+            }
+            .ant-pagination-total-text {
+                color: #fff;
+            }
+            .ant-pagination-item-link {
+                color: white;
+                background-color: transparent;
+                border-color: rgba(255, 255, 255, 0.4);
+                &:hover :not(:disabled) {
+                    color: #95fff9;
+                    border-color: #95fff9;
+                }
+            }
+            .ant-select-dropdown {
+                background: #0d1a1b;
+                .ant-select-item {
+                    color: white;
+                }
+                .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+                    background-color: #2d575a;
+                }
+                .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+                    background-color: #1c3436;
+                }
+            }
+            .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
+                color: #ffffff40;
+            }
+            .ant-pagination-options-quick-jumper input {
+                color: white;
+                background: transparent;
+                border: 1px solid #3c7073;
+                &:hover {
+                    border: 1px solid #6cc9ce;
+                }
+            }
+            .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+                background-color: transparent;
+                border: 1px solid #1464a6;
+            }
+            .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+                border: 1px solid #6cc9ce;
+            }
+            .ant-select {
+                color: white;
+            }
+        }
+    }
     &.dark {
         --table-bg: transparent;
         --table-header-bg-color: #00adb11a;
@@ -201,6 +281,17 @@
             }
         }
     }
+    &.blue {
+        .ant-dropdown-menu {
+            background-color: #1a3e69;
+            .ant-dropdown-menu-item {
+                color: white;
+                &:hover {
+                    background-color: RGBA(30, 92, 147, 0.5);
+                }
+            }
+        }
+    }
 }
 .vtx-table-tabs {
     &.dark {

package/lib/vm-video/index.css

@@ -6,7 +6,7 @@
   --label-color: rgba(0, 0, 0, 0.65);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
-  --title-color2: #222;
+  --title-color2: #1677ff;
   --block-bg-color: rgba(0, 0, 0, 0.1);
   --block-bg-color2: #1890ff;
   --calendar-border: #ececec;
@@ -64,7 +64,7 @@
   --info-color: #ffffffff;
   --border-color: '#3C7073FF';
   --scroll-bar-bg: #39cbc3aa;
-  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-hover-bg: #219fff3d;
   --scroll-bar-track-bg: transparent;
   --button-text-color--defalut: #c9e6e8;
   --button-text-color--active: #ffffff;
@@ -88,6 +88,49 @@
   --list-cell-active2: #45d1ff;
   --list-cell-active3: #20feff;
 }
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
+  --modal-border-color: #7295bc;
+  --head-bg: linear-gradient(90deg, #124067, #051a29);
+  --head-bg-border-color2: #3a87cb;
+  --bg-color2: rgba(0, 103, 156, 0.1);
+  --bg-border-color2: rgba(32, 102, 167, 0.5);
+  --sub-bg-color: #ffffff0d;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #fff;
+  --sub-title-color: #64bcff;
+  --label-color: #fff;
+  --info-color: #74bbf4;
+  --border-color: #1464a6;
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+}
+.vtx-business-modal-wrap.light {
+  --title-color2: #1677ff;
+}
 .vm-video {
   height: 640px;
   padding: 0 20px;
@@ -96,3 +139,27 @@
 .vm-video .ant-tabs-tabpane {
   height: 100%;
 }
+.vm-video.blue .ant-tabs-tab {
+  color: #fff;
+}
+.vm-video.blue .control-container,
+.vm-video.blue .ant-form-item-no-colon,
+.vm-video.blue .ant-radio-wrapper {
+  color: #fff;
+}
+.vm-video.blue .vtx-live-control .player-grid-container .grid-item-container.active {
+  -webkit-box-shadow: 0 0 0 1px #1464a6;
+          box-shadow: 0 0 0 1px #1464a6;
+}
+.vm-video.blue .vtx-bill-player .player-panel .control-container {
+  border: 1px solid var(--border-color);
+}
+.vm-video.blue .vtx-bill-player .player-panel .control-container .header {
+  border-bottom: 1px solid var(--border-color);
+}
+.vm-video.blue .ant-tabs-top > .ant-tabs-nav::before,
+.vm-video.blue .ant-tabs-bottom > .ant-tabs-nav::before,
+.vm-video.blue .ant-tabs-top > div > .ant-tabs-nav::before,
+.vm-video.blue .ant-tabs-bottom > div > .ant-tabs-nav::before {
+  border-bottom: 1px solid #219fff5d;
+}

package/lib/vm-video/index.js

@@ -13,9 +13,10 @@ var VmVideo = function VmVideo(_ref) {
   var _ref$videoPlaceCode = _ref.videoPlaceCode,
     videoPlaceCode = _ref$videoPlaceCode === void 0 ? '' : _ref$videoPlaceCode;
   var _useSettings = (0, _useSettings2["default"])(),
-    isDark = _useSettings.isDark;
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "vm-video"
+    className: "vm-video ".concat(theme)
   }, videoPlaceCode ? ( /*#__PURE__*/_react["default"].createElement(_player.BillPlayer, {
     height: 640,
     isDark: isDark,

package/lib/vm-video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_player","_useSettings2","e","__esModule","VmVideo","_ref","_ref$videoPlaceCode","videoPlaceCode","_useSettings","useSettings","isDark","React","createElement","className","BillPlayer","height","params","billId","style","display","justifyContent","alignItems","color","_default","exports"],"sources":["vm-video/index.js"],"sourcesContent":["import React from 'react';\nimport { BillPlayer } from '@vtx/player';\nimport useSettings from '../vm-hooks/useSettings';\nimport './index.less';\nconst VmVideo = ({ videoPlaceCode = '' }) => {\n    const { isDark } = useSettings();\n    return (React.createElement(\"div\", { className: \"vm-video\" }, videoPlaceCode ? (React.createElement(BillPlayer, { height: 640, isDark: isDark, params: { billId: videoPlaceCode } })) : (React.createElement(\"div\", { style: {\n            display: 'flex',\n            height: '100%',\n            justifyContent: 'center',\n            alignItems: 'center',\n            color: '#fff',\n        } }, \"\\u6682\\u65E0\\u89C6\\u9891\"))));\n};\nexport default VmVideo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACtB,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAgC;EAAA,IAAAC,mBAAA,GAAAD,IAAA,CAA1BE,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;EAClC,IAAAE,YAAA,GAAmB,IAAAC,wBAAW,EAAC,CAAC;IAAxBC,MAAM,GAAAF,YAAA,CAANE,MAAM;EACd,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC,EAAEN,cAAc,kBAAII,iBAAK,CAACC,aAAa,CAACE,kBAAU,EAAE;IAAEC,MAAM,EAAE,GAAG;IAAEL,MAAM,EAAEA,MAAM;IAAEM,MAAM,EAAE;MAAEC,MAAM,EAAEV;IAAe;EAAE,CAAC,CAAC,mBAAKI,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEM,KAAK,EAAE;MACrNC,OAAO,EAAE,MAAM;MACfJ,MAAM,EAAE,MAAM;MACdK,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX;EAAE,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC;AAC1C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cACapB,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_player","_useSettings2","e","__esModule","VmVideo","_ref","_ref$videoPlaceCode","videoPlaceCode","_useSettings","useSettings","isDark","theme","React","createElement","className","concat","BillPlayer","height","params","billId","style","display","justifyContent","alignItems","color","_default","exports"],"sources":["vm-video/index.js"],"sourcesContent":["import React from 'react';\nimport { BillPlayer } from '@vtx/player';\nimport useSettings from '../vm-hooks/useSettings';\nimport './index.less';\nconst VmVideo = ({ videoPlaceCode = '' }) => {\n    const { isDark, theme } = useSettings();\n    return (React.createElement(\"div\", { className: `vm-video ${theme}` }, videoPlaceCode ? (React.createElement(BillPlayer, { height: 640, isDark: isDark, params: { billId: videoPlaceCode } })) : (React.createElement(\"div\", { style: {\n            display: 'flex',\n            height: '100%',\n            justifyContent: 'center',\n            alignItems: 'center',\n            color: '#fff',\n        } }, \"\\u6682\\u65E0\\u89C6\\u9891\"))));\n};\nexport default VmVideo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACtB,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAgC;EAAA,IAAAC,mBAAA,GAAAD,IAAA,CAA1BE,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,EAAE,GAAAA,mBAAA;EAClC,IAAAE,YAAA,GAA0B,IAAAC,wBAAW,EAAC,CAAC;IAA/BC,MAAM,GAAAF,YAAA,CAANE,MAAM;IAAEC,KAAK,GAAAH,YAAA,CAALG,KAAK;EACrB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,cAAAC,MAAA,CAAcJ,KAAK;EAAG,CAAC,EAAEJ,cAAc,kBAAIK,iBAAK,CAACC,aAAa,CAACG,kBAAU,EAAE;IAAEC,MAAM,EAAE,GAAG;IAAEP,MAAM,EAAEA,MAAM;IAAEQ,MAAM,EAAE;MAAEC,MAAM,EAAEZ;IAAe;EAAE,CAAC,CAAC,mBAAKK,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE;MAC9NC,OAAO,EAAE,MAAM;MACfJ,MAAM,EAAE,MAAM;MACdK,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE;IACX;EAAE,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC;AAC1C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cACatB,OAAO","ignoreList":[]}

package/lib/vm-video/index.less

@@ -7,4 +7,30 @@
     .ant-tabs-tabpane {
         height: 100%;
     }
+    &.blue {
+        .ant-tabs-tab {
+            color: #fff;
+        }
+        .control-container,
+        .ant-form-item-no-colon,
+        .ant-radio-wrapper {
+            color: #fff;
+        }
+        .vtx-live-control .player-grid-container .grid-item-container.active {
+            box-shadow: 0 0 0 1px #1464a6;
+        }
+
+        .vtx-bill-player .player-panel .control-container {
+            border: 1px solid var(--border-color);
+        }
+        .vtx-bill-player .player-panel .control-container .header {
+            border-bottom: 1px solid var(--border-color);
+        }
+        .ant-tabs-top > .ant-tabs-nav::before,
+        .ant-tabs-bottom > .ant-tabs-nav::before,
+        .ant-tabs-top > div > .ant-tabs-nav::before,
+        .ant-tabs-bottom > div > .ant-tabs-nav::before {
+            border-bottom: 1px solid #219fff5d;
+        }
+    }
 }