@jetlinks-web/components 3.3.12 → 3.3.13

package/lib/VirtualTable/style/index.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _styleRegister = _interopRequireDefault(require("../../style/styleRegister"));
-var genVirtualTableStyle = function genVirtualTableStyle() {
+var _scrollbar = require("../../style/scrollbar");
+var genVirtualTableStyle = function genVirtualTableStyle(config) {
+  var token = config.token;
   return {
     '.virtual-table-wrapper': {
       display: 'flex',
@@ -24,11 +27,11 @@ var genVirtualTableStyle = function genVirtualTableStyle() {
           }
         }
       },
-      '.virtual-table-body': {
+      '.virtual-table-body': (0, _objectSpread2.default)({
         'overflow-y': 'auto',
         position: 'relative',
         'min-height': '100px'
-      },
+      }, (0, _scrollbar.genTokenScrollbarStyle)(token)),
       '.virtual-table-header-fixed': {
         // 位移的容器，提升位移动画性能
         'will-change': 'transform'

package/lib/style/scrollbar.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genTokenScrollbarStyle = void 0;
+var genTokenScrollbarStyle = exports.genTokenScrollbarStyle = function genTokenScrollbarStyle(token) {
+  return {
+    scrollbarWidth: 'thin',
+    scrollbarColor: "".concat(token.colorFillSecondary, " ").concat(token.colorFillQuaternary),
+    '&::-webkit-scrollbar': {
+      width: 10,
+      height: 10
+    },
+    '&::-webkit-scrollbar-track': {
+      backgroundColor: token.colorFillQuaternary
+    },
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: token.colorFillSecondary,
+      borderRadius: token.borderRadiusLG,
+      border: "".concat(token.lineWidth * 2, "px solid ").concat(token.colorFillQuaternary)
+    },
+    '&::-webkit-scrollbar-thumb:hover': {
+      backgroundColor: token.colorFill
+    },
+    '&::-webkit-scrollbar-corner': {
+      backgroundColor: token.colorFillQuaternary
+    }
+  };
+};

package/lib/style/styleRegister.js

@@ -7,18 +7,52 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _vue = require("vue");
+var _antDesignVue = require("ant-design-vue");
 var _internal = require("ant-design-vue/es/theme/internal");
+var _context = require("ant-design-vue/es/config-provider/context");
+var _style = require("ant-design-vue/es/style");
 var _variable = _interopRequireDefault(require("./variable"));
 var genCompoentStyle = function genCompoentStyle(styleFn) {
-  return (0, _internal.genComponentStyleHook)('jetlinks-components', function (_token, info) {
-    var componentToken = {
-      token: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _token), _variable.default),
-      hashId: info.hashId,
-      componentCls: ".".concat(_token.prefixCls)
-    };
-    return (0, _toConsumableArray2.default)(styleFn.map(function (item) {
-      return item(componentToken);
-    }));
-  });
+  return function (_prefixCls) {
+    var prefixCls = (0, _vue.computed)(function () {
+      return (0, _vue.unref)(_prefixCls);
+    });
+    var _theme$useToken = _antDesignVue.theme.useToken(),
+      themeRef = _theme$useToken.theme,
+      token = _theme$useToken.token,
+      hashId = _theme$useToken.hashId;
+    var _useConfigContextInje = (0, _context.useConfigContextInject)(),
+      getPrefixCls = _useConfigContextInje.getPrefixCls,
+      iconPrefixCls = _useConfigContextInje.iconPrefixCls;
+    var rootPrefixCls = (0, _vue.computed)(function () {
+      return getPrefixCls();
+    });
+    var componentInfo = (0, _vue.computed)(function () {
+      return {
+        theme: themeRef.value,
+        token: token.value,
+        hashId: hashId.value,
+        path: ['jetlinks-components', prefixCls.value, rootPrefixCls.value, iconPrefixCls.value]
+      };
+    });
+    var wrapSSR = (0, _internal.useStyleRegister)(componentInfo, function () {
+      var componentCls = ".".concat(prefixCls.value);
+      var componentToken = {
+        token: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, token.value), _variable.default), {}, {
+          componentCls: componentCls,
+          prefixCls: prefixCls.value,
+          iconCls: ".".concat(iconPrefixCls.value),
+          antCls: ".".concat(rootPrefixCls.value)
+        }),
+        hashId: hashId.value,
+        componentCls: componentCls
+      };
+      return [(0, _style.genCommonStyle)(token.value, prefixCls.value)].concat((0, _toConsumableArray2.default)(styleFn.map(function (item) {
+        return item(componentToken);
+      })));
+    });
+    return [wrapSSR, hashId];
+  };
 };
 var _default = exports.default = genCompoentStyle;

package/lib/style/variable.js

@@ -4,7 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = {
-  textColorTitle: '#000',
-  textColorSubtitle: '#263237'
-};
+var _default = exports.default = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "3.3.12",
+  "version": "3.3.13",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -154,9 +154,9 @@
     "webpack-dev-server": "^4.0.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
-    "@jetlinks-web/utils": "^1.3.6",
     "@jetlinks-web/hooks": "^1.1.2",
-    "@jetlinks-web/constants": "^1.0.9"
+    "@jetlinks-web/constants": "^1.0.9",
+    "@jetlinks-web/utils": "^1.3.6"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",