uxcore-tree-select - npm Package Compare versions

Comparing version 0.4.17 to 0.4.18

build/Select.js

@@ -704,3 +704,3 @@ 'use strict';
     }
-    var rootCls = (_rootCls = {}, _defineProperty(_rootCls, className, !!className), _defineProperty(_rootCls, prefixCls, 1), _defineProperty(_rootCls, prefixCls + '-open', state.open), _defineProperty(_rootCls, prefixCls + '-focused', state.open || state.focused), _defineProperty(_rootCls, prefixCls + '-disabled', disabled), _defineProperty(_rootCls, prefixCls + '-enabled', !disabled), _defineProperty(_rootCls, prefixCls + '-allow-clear', !!props.allowClear), _rootCls);
+    var rootCls = (_rootCls = {}, _defineProperty(_rootCls, className, !!className), _defineProperty(_rootCls, prefixCls, 1), _defineProperty(_rootCls, prefixCls + '-open', state.open), _defineProperty(_rootCls, prefixCls + '-focused', state.open || state.focused), _defineProperty(_rootCls, prefixCls + '-disabled', disabled), _defineProperty(_rootCls, prefixCls + '-enabled', !disabled), _defineProperty(_rootCls, prefixCls + '-allow-clear', !!props.allowClear), _defineProperty(_rootCls, prefixCls + '-size-' + this.props.size, true), _rootCls);
 
@@ -779,3 +779,4 @@ var clear = _react2["default"].createElement('span', {
   filterResultsPanel: _propTypes2["default"].bool,
-  locale: _propTypes2["default"].oneOf(['zh-cn', 'en-us'])
+  locale: _propTypes2["default"].oneOf(['zh-cn', 'en-us']),
+  size: _propTypes2["default"].oneOf(['large', 'middle', 'small'])
 });
@@ -817,3 +818,4 @@ Select.defaultProps = {
   filterResultsPanel: true,
-  locale: 'zh-cn'
+  locale: 'zh-cn',
+  size: 'large'
 };
@@ -820,0 +822,0 @@

build/TreeSelect.less

@@ -96,25 +96,24 @@ /**
     
-    &-arrow {
-        position: absolute;
-        top: 1px;
-        right: 1px;
-        width: 20px;
-        height: 32px;
-        b {
-            position: absolute;
-            top: 0;
-            right: 0;
-            left: 0;
-            bottom: 0;
-            margin: auto;
-            width: 0;
-            height: 0;
-            border-color: @text-thirdary-color transparent transparent transparent;
-            border-style: solid;
-            border-width: 4px 4px 0 4px;
-        }
-    }
+    // &-arrow {
+    //     position: absolute;
+    //     top: 1px;
+    //     right: 1px;
+    //     width: 20px;
+    //     height: 32px;
+    //     b {
+    //         position: absolute;
+    //         top: 0;
+    //         right: 0;
+    //         left: 0;
+    //         bottom: 0;
+    //         margin: auto;
+    //         width: 0;
+    //         height: 0;
+    //         border-color: @text-thirdary-color transparent transparent transparent;
+    //         border-style: solid;
+    //         border-width: 4px 4px 0 4px;
+    //     }
+    // }
     
     &-selection--single {
-        height: 36px;
         cursor: pointer;
@@ -136,3 +135,2 @@ position: relative;
             padding-right: 20px;
-            line-height: 34px;
         }
@@ -150,3 +148,56 @@
         }
+        .@{__treeSelectPrefixCls}-arrow {
+            position: absolute;
+            top: 1px;
+            right: 1px;
+            width: 20px;
+            height: 32px;
+            b {
+                position: absolute;
+                top: 0;
+                right: 0;
+                left: 0;
+                bottom: 0;
+                margin: auto;
+                width: 0;
+                height: 0;
+                border-color: @text-thirdary-color transparent transparent transparent;
+                border-style: solid;
+                border-width: 4px 4px 0 4px;
+            }
+        }
     }
+
+    .@{__treeSelectPrefixCls}-size-large &-selection--single {
+        height: 36px;
+        .@{__treeSelectPrefixCls}-selection__rendered {
+            line-height: 34px;
+        }
+    }
+    .@{__treeSelectPrefixCls}-size-middle &-selection--single {
+        height: 32px;
+        .@{__treeSelectPrefixCls}-selection__rendered {
+            line-height: 30px;
+        }
+        .@{__treeSelectPrefixCls}-selection__clear {
+            top: 6px;
+        }
+        .@{__treeSelectPrefixCls}-arrow {
+            top: 0px;
+        }
+
+    }
+    .@{__treeSelectPrefixCls}-size-small &-selection--single {
+        height: 28px;
+        .@{__treeSelectPrefixCls}-selection__rendered {
+            line-height: 26px;
+        }
+        .@{__treeSelectPrefixCls}-selection__clear {
+            top: 3px;
+        }
+        .@{__treeSelectPrefixCls}-arrow {
+            top: -3px;
+        }
+    }
+
     
@@ -230,7 +281,7 @@ &-disabled {
     &-selection--multiple {
-        min-height: 36px;
-
         .@{__treeSelectPrefixCls}-search--inline {
             float: left;
             width: auto;
+            line-height: 22px;
+            height: 22px;
             .@{__treeSelectPrefixCls}-search__field {
@@ -244,7 +295,2 @@ &__wrap {
 
-        .@{__treeSelectPrefixCls}-search__field__placeholder {
-            top: 9px;
-            left: 8px;
-        }
-
         .@{__treeSelectPrefixCls}-selection__rendered {
@@ -263,2 +309,25 @@ overflow: hidden;
     }
+
+    .@{__treeSelectPrefixCls}-size-large &-selection--multiple {
+        
+        min-height: 36px;
+        .@{__treeSelectPrefixCls}-search__field__placeholder {
+            top: 9px;
+            left: 8px;
+        }
+    }
+    .@{__treeSelectPrefixCls}-size-middle &-selection--multiple {
+        min-height: 32px;
+        .@{__treeSelectPrefixCls}-search__field__placeholder {
+            top: 7px;
+            left: 8px;
+        }
+    }
+    .@{__treeSelectPrefixCls}-size-small &-selection--multiple {
+        min-height: 28px;
+        .@{__treeSelectPrefixCls}-search__field__placeholder {
+            top: 6px;
+            left: 8px;
+        }
+    }
     
@@ -744,3 +813,3 @@ &-enabled {
       &.@{__select-tree-node-prefix-cls}-switcher,
-      &.@{__select-tree-node-prefix-cls}-iconEle {
+      {
         margin-right: 2px;
@@ -759,2 +828,11 @@ width: 18px;
       }
+      &.@{__select-tree-node-prefix-cls}-iconEle {
+        margin-right: 2px;
+        width: 18px;
+        height: 18px;
+        display: inline-block;
+        vertical-align: middle;
+        border: 0 none;
+        outline: none;
+      }
       &.@{__select-tree-node-prefix-cls}-icon_loading {
@@ -761,0 +839,0 @@ margin-right: 2px;

HISTORY.md

 # HISTORY
 
 ---
+## 0.4.17
+* `UPDATE` rc-tree update to support customize treeNode icon && add size props
+
+## 0.4.16
+* `FIX` theeSelectNode remove style overflow
+
 ## 0.4.14
@@ -5,0 +11,0 @@ * `FIX` dependence add `rc-animate`

package.json

 {
   "name": "uxcore-tree-select",
-  "version": "0.4.17",
+  "version": "0.4.18",
   "description": "uxcore-tree-select component for uxcore.",
@@ -61,2 +61,2 @@ "repository": "https://github.com/uxcore/uxcore-tree-select.git",
   "license": "MIT"
-}
+}

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

227260

1.14%

Lines of code

4627

0.04%

No dependency changes