@lemon-fe/components 1.1.0 → 1.1.1

package/es/input-compact/index.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 interface Props extends HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
     children?: ReactNode;
     /**
      * 会同时禁用多个表单

package/es/input-compact/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["children", "className", "disabled", "onFocus", "onBlur", "split"];
+var _excluded = ["children", "className", "disabled", "onFocus", "onBlur", "split", "bordered"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -12,9 +12,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ConfigProvider, Form } from 'antd';
 import React, { useContext, useState, Children, cloneElement, isValidElement } from 'react';
 import { prefixClassName } from "../utils";
-import { ConfigProvider, Form } from 'antd';
 import classNames from 'classnames';
 var prefix = prefixClassName('input-compact');
 export default function InputCompact(props) {
@@ -24,6 +24,8 @@ export default function InputCompact(props) {
     _onFocus = props.onFocus,
     _onBlur = props.onBlur,
     split = props.split,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
     restProps = _objectWithoutProperties(props, _excluded);
   var inputPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls('input');
   var _useState = useState(false),
@@ -40,7 +42,7 @@ export default function InputCompact(props) {
   }
   var status = Form.Item.useStatus();
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(className, prefix(), inputPrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-focused"), focused), "".concat(inputPrefixCls, "-disabled"), disabled), "".concat(inputPrefixCls, "-status-error"), status.status === 'error')),
+    className: classNames(className, prefix(), inputPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-focused"), focused), "".concat(inputPrefixCls, "-disabled"), disabled), "".concat(inputPrefixCls, "-status-error"), status.status === 'error'), "".concat(inputPrefixCls, "-borderless"), !bordered)),
     onFocus: function onFocus(e) {
       setFocused(true);
       _onFocus === null || _onFocus === void 0 || _onFocus(e);

package/es/input-compact/index.less

@@ -4,6 +4,10 @@
   height: @input-height-base;
   padding: 0;
 
+  &.@{ant-prefix}-input-borderless {
+    height: @input-height-base - 2 * @border-width-base;
+  }
+
   &-gutter {
     position: relative;
     display: block;

package/es/styles/overrides.less

@@ -208,6 +208,20 @@ a[title='站长统计'] {
   &-disabled &-arrow {
     color: fade(#333, 49);
   }
+
+  &-borderless &-selector {
+    border: none !important;
+  }
+
+  &-single:not(&-customize-input) &-selector {
+    height: unset;
+  }
+
+  // 修复multiple mode tag x没有垂直居中问题
+  &-multiple &-selection-item {
+    align-items: center;
+    line-height: 1 !important;
+  }
 }
 
 /** tree */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "90a7891c02a793d18f56cd80f928ca2a22485630"
+  "gitHead": "0d2b6f86e1c9d9998a77bce4b00f4daaef969bcd"
 }