@vtx/components 4.0.0-beta.34 → 4.0.0-beta.36

package/lib/vtx-select/style/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyle = useStyle;
+var _lodash = require("@umijs/utils/compiled/lodash");
 var _vtxProvider = require("../../vtx-provider");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -13,66 +14,21 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var genVtxSelectStyle = function genVtxSelectStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty(_defineProperty({}, componentCls, {
-    backgroundColor: 'transparent',
-    position: 'relative',
-    display: 'inline-block',
-    width: '100%',
-    '.vtx-select-count': {
-      position: 'absolute',
-      top: '0',
-      verticalAlign: 'top'
-    },
-    '.vtx-all-list': {
-      position: 'absolute',
-      zIndex: 999,
-      boxSizing: 'border-box',
-      width: '100%',
-      padding: '5px',
-      boxShadow: '0 2px 8px #d9d9d9',
-      backgroundColor: 'red !important'
-    },
-    '.ant-select-selection--multiple': {
-      maxHeight: '32px',
-      overflow: 'hidden'
-    }
-  }), '.vtx-multi-select', {
-    position: 'relative',
-    display: 'inline-block',
-    width: '100%',
-    maxHeight: '32px !important',
-    boxSizing: 'border-box',
-    '.vtx-select-count': {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      verticalAlign: 'top',
-      borderLeft: 'none',
-      borderTopLeftRadius: 0,
-      'border-bottom-left-radius': 0
-    },
-    '.vtx-all-list': {
-      position: 'absolute',
-      zIndex: 999,
-      boxSizing: 'border-box',
-      width: '100%',
-      padding: '5px',
-      boxShadow: '0 2px 8px #d9d9d9'
-    },
-    '.ant-select-selector': {
-      'border-top-right-radius': 0,
-      'border-bottom-right-radius': 0,
-      maxHeight: '32px !important',
-      overflow: 'hidden'
-    },
-    '.ant-select-selection--multiple': {
-      maxHeight: '32px',
-      overflow: 'hidden'
+  return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty({
+    width: "100%"
+  }, '.ant-select', {
+    overflow: "hidden"
+  })), "".concat(componentCls, "-multi"), {
+    ".ant-select-content": {
+      flexWrap: "nowrap"
     }
+  }), "".concat(componentCls, "-all-list"), {
+    maxHeight: 300,
+    overflowY: "auto"
   });
 };
 function useStyle(prefixCls) {
-  return (0, _vtxProvider.useStyle)('VtxSelect', function (token) {
+  return (0, _vtxProvider.useStyle)('', function (token) {
     var vtxSelectToken = _objectSpread(_objectSpread({}, token), {}, {
       componentCls: ".".concat(prefixCls)
     });

package/lib/vtx-split-pane/style/index.js

@@ -16,6 +16,7 @@ var genVtxSplitPaneStyle = function genVtxSplitPaneStyle(token) {
   return _defineProperty({}, componentCls, {
     height: '100%',
     overflow: 'hidden',
+    backgroundColor: token.colorBgLayout,
     '.ant-splitter-bar .ant-splitter-bar-dragger::before': {
       background: 'transparent'
     },

package/lib/vtx-tree-select/index.js

@@ -149,24 +149,27 @@ var VtxTreeSelect = exports.VtxTreeSelect = function VtxTreeSelect(_ref) {
         },
         children: intl.getMessage('treeSelect.clearSelectedItems', '清空已选项')
       })]
-    }), selectedNodes.length > 0 ? selectedNodes.map(function (item) {
-      var _item$fieldNames$labe;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
-        closable: !disabled,
-        onClose: function onClose(e) {
-          e.stopPropagation();
-          clearKey(item[fieldNames.value]);
-        },
-        styles: {
-          root: {
-            marginBottom: 5,
-            marginRight: 5
-          }
-        },
-        children: ((_item$fieldNames$labe = item[fieldNames.label]) === null || _item$fieldNames$labe === void 0 ? void 0 : _item$fieldNames$labe.length) > 20 ? "".concat(item[fieldNames.label].slice(0, 20), "...") : item[fieldNames.label]
-      }, "tab-".concat(item[fieldNames.value]));
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Empty, {
-      image: _antd.Empty.PRESENTED_IMAGE_SIMPLE
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-all-list"), hashId),
+      children: selectedNodes.length > 0 ? selectedNodes.map(function (item) {
+        var _item$fieldNames$labe;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
+          closable: !disabled,
+          onClose: function onClose(e) {
+            e.stopPropagation();
+            clearKey(item[fieldNames.value]);
+          },
+          styles: {
+            root: {
+              marginBottom: 5,
+              marginRight: 5
+            }
+          },
+          children: ((_item$fieldNames$labe = item[fieldNames.label]) === null || _item$fieldNames$labe === void 0 ? void 0 : _item$fieldNames$labe.length) > 20 ? "".concat(item[fieldNames.label].slice(0, 20), "...") : item[fieldNames.label]
+        }, "tab-".concat(item[fieldNames.value]));
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Empty, {
+        image: _antd.Empty.PRESENTED_IMAGE_SIMPLE
+      })
     })]
   });
   var onChangeTreeSelect = function onChangeTreeSelect(value, label, extra) {

package/lib/vtx-tree-select/style/index.js

@@ -14,7 +14,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var genVtxTreeSelectStyle = function genVtxTreeSelectStyle(token) {
   var componentCls = token.componentCls;
   console.log('token.controlHeight', token.controlHeight);
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-popover', {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-popover', {
     minWidth: '200px',
     height: '300px',
     overflow: 'auto',
@@ -54,6 +54,9 @@ var genVtxTreeSelectStyle = function genVtxTreeSelectStyle(token) {
     }, '&:hover', {
       color: '#40a9ff'
     })
+  }), "".concat(componentCls, "-all-list"), {
+    maxHeight: 300,
+    overflowY: "auto"
   }), "".concat(componentCls, "-outer"), {
     position: 'relative',
     display: 'inline-flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "4.0.0-beta.34",
+  "version": "4.0.0-beta.36",
   "description": "React components for Vortex",
   "keywords": [
     "react",
@@ -155,7 +155,7 @@
     "@vitest/coverage-istanbul": "^3.2.4",
     "@vitest/ui": "^3.2.4",
     "animated-scroll-to": "^2.3.2",
-    "antd": "^6.3.1",
+    "antd": "^6.3.3",
     "chalk": "^4.1.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-env": "^7.0.3",