@chaoswise/ui 3.1.16 → 3.1.17

package/lib/QuickTransfer/index.js

@@ -29,16 +29,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useState, useEffect, Fragment, useMemo, useCallback } from "react";
-import { filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle, createTree } from "./utils";
-import classnames from "classnames";
-import Drag from "./Drag";
-import PropTypes from "prop-types";
-import { isEqual } from "lodash-es";
-import NoDrag from "./NoDrag";
-import useConfigContext from "../useConfigContext";
-import { useIntl } from "../locales";
-import useStyle from "./index.style";
+import React, { useState, useEffect, Fragment, useMemo, useCallback } from 'react';
+import { filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle, createTree } from './utils';
+import classnames from 'classnames';
+import Drag from './Drag';
+import PropTypes from 'prop-types';
+import { isEqual } from 'lodash-es';
+import NoDrag from './NoDrag';
+import useConfigContext from '../useConfigContext';
+import { useIntl } from '../locales';
+import useStyle from './index.style';
 var Search = _Input.Search;
 
 /**
@@ -47,7 +47,7 @@ var Search = _Input.Search;
 
 var QuickTransfer = function QuickTransfer(props) {
   var _props$type = props.type,
-    type = _props$type === void 0 ? "list" : _props$type,
+    type = _props$type === void 0 ? 'list' : _props$type,
     _props$tableProps = props.tableProps,
     tableProps = _props$tableProps === void 0 ? {} : _props$tableProps,
     _props$dragList = props.dragList,
@@ -115,13 +115,13 @@ var QuickTransfer = function QuickTransfer(props) {
   var _treeProps$defaultExp = treeProps.defaultExpandAll,
     defaultExpandAll = _treeProps$defaultExp === void 0 ? true : _treeProps$defaultExp,
     _treeProps$treeSelect = treeProps.treeSelect,
-    treeSelect = _treeProps$treeSelect === void 0 ? "leafNode" : _treeProps$treeSelect,
+    treeSelect = _treeProps$treeSelect === void 0 ? 'leafNode' : _treeProps$treeSelect,
     _treeProps$onCheck = treeProps.onCheck,
     _onCheck = _treeProps$onCheck === void 0 ? function () {} : _treeProps$onCheck,
     treeRest = _objectWithoutProperties(treeProps, _excluded3);
   //判断父节点选中能否到右侧列表，如果能设置父子节点关联
   var newCheckStrictly = true;
-  if (treeSelect === "leafNode") {
+  if (treeSelect === 'leafNode') {
     newCheckStrictly = false;
   } else {
     newCheckStrictly = true;
@@ -184,18 +184,18 @@ var QuickTransfer = function QuickTransfer(props) {
     setIndeterminate = _useState10[1];
 
   // 保存搜索结果
-  var _useState11 = useState(""),
+  var _useState11 = useState(''),
     _useState12 = _slicedToArray(_useState11, 2),
     saveSearchValueLeft = _useState12[0],
     setSaveSearchValueLeft = _useState12[1];
-  var _useState13 = useState(""),
+  var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
     saveSearchValueRight = _useState14[0],
     setSaveSearchValueRight = _useState14[1];
   //表格情况下右侧列表渲染的列
   var newRenderColumns = [];
   var newSearchColumns = [];
-  if (type === "table") {
+  if (type === 'table') {
     // 处理type为table时的搜索高亮效果
     // 外面无render传入时默认搜索高亮处理，有render外面自己处理
     columns = columns.map(function (item) {
@@ -208,7 +208,7 @@ var QuickTransfer = function QuickTransfer(props) {
           var afterTitle = text.substr(index + (saveSearchValueLeft === null || saveSearchValueLeft === void 0 ? void 0 : saveSearchValueLeft.length));
           return index > -1 ? /*#__PURE__*/React.createElement("span", null, beforeTitle, /*#__PURE__*/React.createElement("span", {
             style: {
-              color: "#F5222D"
+              color: '#F5222D'
             }
           }, searchValue), afterTitle) : text;
         }
@@ -239,7 +239,7 @@ var QuickTransfer = function QuickTransfer(props) {
         return targetKeys;
       });
       //回显列表项
-      if (type === "list") {
+      if (type === 'list') {
         var finalCheckValue = [];
         targetKeys.forEach(function (item) {
           var findValue = dataSource.find(function (i) {
@@ -255,14 +255,14 @@ var QuickTransfer = function QuickTransfer(props) {
         setCheckValue(finalCheckValue);
       }
       //回显table
-      if (type === "table") {
+      if (type === 'table') {
         setCheckValue(renderRelationNode(targetKeys, dataSource));
       }
       //回显树
-      if (type === "tree") {
+      if (type === 'tree') {
         //根据父子节点不同的关联关系设置右侧的列表
-        if (treeSelect === "leafNode") {
-          setCheckValue(renderLeafNodetree(targetKeys, createTree(_renderTreeData(dataSource), "", undefined, undefined)));
+        if (treeSelect === 'leafNode') {
+          setCheckValue(renderLeafNodetree(targetKeys, createTree(_renderTreeData(dataSource), '', undefined, undefined)));
         } else {
           setCheckValue(renderRelationNode(targetKeys, dataSource));
         }
@@ -288,7 +288,7 @@ var QuickTransfer = function QuickTransfer(props) {
   var handleSearch = useCallback(function (searchValue) {
     var newData = [];
     var listCheckedKeys_ = [];
-    if (type === "list") {
+    if (type === 'list') {
       dataSource.forEach(function (item, index) {
         if (isMath(item.title, searchValue)) {
           newData.push(dataSource[index]);
@@ -304,7 +304,7 @@ var QuickTransfer = function QuickTransfer(props) {
       setData(newData);
       setListCheckedStyle(listCheckedKeys_, newData);
     }
-    if (type === "table") {
+    if (type === 'table') {
       newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
       setData(newData);
     }
@@ -323,7 +323,7 @@ var QuickTransfer = function QuickTransfer(props) {
     if (!searchValue) {
       return true;
     }
-    if (typeof title === "string" && typeof searchValue === "string") {
+    if (typeof title === 'string' && typeof searchValue === 'string') {
       return title.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
     }
     return false;
@@ -332,23 +332,23 @@ var QuickTransfer = function QuickTransfer(props) {
   // 内置的右侧搜索框内容改变触发搜索
   var handleRightSearch = function handleRightSearch(searchValue) {
     var newCheckedValue = [];
-    if (type === "list") {
+    if (type === 'list') {
       checkValue.forEach(function (item, index) {
         if (isMath(item.title, searchValue)) {
           newCheckedValue.push(checkValue[index]);
         }
       });
     }
-    if (type === "tree") {
+    if (type === 'tree') {
       newCheckedValue = filterTree(checkValue, searchValue);
     }
-    if (type === "table") {
+    if (type === 'table') {
       newCheckedValue = filterTreeByNameTable(checkValue, searchValue, renderColumns ? renderColumns : newRenderColumns);
     }
     return newCheckedValue;
   };
   var searchCheckedValue = useMemo(function () {
-    return type === "tree" && treeSelect === "leafNode" ? handleRightSearch(saveSearchValueRight).filter(function (i) {
+    return type === 'tree' && treeSelect === 'leafNode' ? handleRightSearch(saveSearchValueRight).filter(function (i) {
       return i && Boolean(i.isLeaf);
     }) : handleRightSearch(saveSearchValueRight);
   }, [checkValue, saveSearchValueRight, type, treeSelect]);
@@ -422,7 +422,7 @@ var QuickTransfer = function QuickTransfer(props) {
       return item !== value.key;
     });
     setCheckedKeys(checkedKeys_);
-    if (type == "list") {
+    if (type == 'list') {
       var listCheckedKeys_ = [];
       listCheckedKeys_ = checkedKeys_.filter(function (item) {
         return listCheckedKeys.includes(item);
@@ -449,7 +449,7 @@ var QuickTransfer = function QuickTransfer(props) {
     handlePreviewList(newCheckedValue);
     setCheckedKeys(newCheckedKey);
     // 清除所有type为list时全选逻辑
-    if (type === "list") {
+    if (type === 'list') {
       var newListCheckedKeys = [];
       newListCheckedKeys = listCheckedKeys.filter(function (item) {
         return newCheckedKey.includes(item);
@@ -489,7 +489,7 @@ var QuickTransfer = function QuickTransfer(props) {
       newCheckValue = newCheckValue.concat(getKeysAndTitle(children));
     }
     //父子节点选中不再有关联
-    if (treeSelect === "notRelationNode") {
+    if (treeSelect === 'notRelationNode') {
       if (e.checked) {
         setCheckedKeys([].concat(_toConsumableArray(checkedKeys), [eventKey]));
         setCheckValue([].concat(_toConsumableArray(checkValue), [{
@@ -504,7 +504,7 @@ var QuickTransfer = function QuickTransfer(props) {
           return item !== eventKey;
         }));
       }
-    } else if (treeSelect === "relationNode") {
+    } else if (treeSelect === 'relationNode') {
       //如果被选中,(父节点选中，子节点全部选中，删除右侧列表节点没有父子联动逻辑)
       if (e.checked) {
         //排除重复选中
@@ -520,7 +520,7 @@ var QuickTransfer = function QuickTransfer(props) {
           return !newCheckKey.includes(item.key);
         }));
       }
-    } else if (treeSelect === "leafNode") {
+    } else if (treeSelect === 'leafNode') {
       //只有子节点才会被渲染到右侧列表
       if (e.checked) {
         //当没有子节点，设置当前节点选中，但不会渲染到右侧列表，因为不是叶子节点
@@ -636,13 +636,13 @@ var QuickTransfer = function QuickTransfer(props) {
     setCheckedKeys(newCheckedKeys);
     setListCheckedStyle(listCheckedKeys_, data);
   };
-  var allSelectedText = intl.get("aca12e3d-7037-43f5-8fb2-7545ca44955a", {
+  var allSelectedText = intl.get('aca12e3d-7037-43f5-8fb2-7545ca44955a', {
     checkedLength: listCheckedKeys.length
-  }).d("全选（{checkedLength}）");
+  }).d('全选（{checkedLength}）');
   // 根据不同的type渲染不同的列表类型，目前支持list tree table
 
   var getFinalTitle = function getFinalTitle(title) {
-    if (typeof title === "string") {
+    if (typeof title === 'string') {
       var _createTitle = createTitle(caseSensitive, saveSearchValueLeft, title),
         index = _createTitle.index,
         beforeTitle = _createTitle.beforeTitle,
@@ -650,14 +650,14 @@ var QuickTransfer = function QuickTransfer(props) {
         searchStr = _createTitle.searchStr;
       return /*#__PURE__*/React.createElement("span", null, index > -1 ? /*#__PURE__*/React.createElement(React.Fragment, null, beforeTitle, /*#__PURE__*/React.createElement("span", {
         style: {
-          color: "#F5222D"
+          color: '#F5222D'
         }
       }, searchStr), afterTitle) : title);
     }
     return title;
   };
   var transferContent = function transferContent(data) {
-    if (type === "list") {
+    if (type === 'list') {
       return /*#__PURE__*/React.createElement("div", {
         className: "cw-transfer-left-content-checkbox"
       }, /*#__PURE__*/React.createElement(_Checkbox, {
@@ -674,21 +674,21 @@ var QuickTransfer = function QuickTransfer(props) {
           disabled: value.disabled
         }, /*#__PURE__*/React.createElement(_TooltipText, {
           title: value.title,
-          placement: "topLeft"
+          placement: 'topLeft'
         }, getFinalTitle(value.title)));
       }));
     }
-    if (type === "table") {
+    if (type === 'table') {
       return /*#__PURE__*/React.createElement(_CWTable, _extends({
         dataSource: data,
         columns: columns,
         rowSelection: handleRowSelection,
         defaultExpandAllRows: defaultExpandAllRows,
-        tableWapperClassName: "cw-transfer-table",
-        size: "middle"
+        tableWapperClassName: 'cw-transfer-table',
+        size: 'middle'
       }, tableRest));
     }
-    if (type === "tree") {
+    if (type === 'tree') {
       return /*#__PURE__*/React.createElement(_CWTree, _extends({
         checkable: true,
         showIcon: false,
@@ -707,7 +707,7 @@ var QuickTransfer = function QuickTransfer(props) {
   };
   // todo - react-dnd：DndProvider的问题拖拽和非拖拽需要分开写
   var renderRightList = searchCheckedValue.length === 0 ? /*#__PURE__*/React.createElement(_Empty, {
-    description: intl.get("476c8a4c-7d1f-48c8-b645-eeff9f012c80").d("请从左侧列表选择")
+    description: intl.get('476c8a4c-7d1f-48c8-b645-eeff9f012c80').d('请从左侧列表选择')
   }) : dragList ? /*#__PURE__*/React.createElement(Drag, {
     checkValue: searchCheckedValue,
     handleDelete: handleDelete,
@@ -729,8 +729,8 @@ var QuickTransfer = function QuickTransfer(props) {
     useDndProvider: useDndProvider
   });
   return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
-    className: classnames(hashId, cssVarCls, "cw-transfer-main", {
-      "cw-transfer-main-has-border": showBorder
+    className: classnames(hashId, cssVarCls, 'cw-transfer-main', {
+      'cw-transfer-main-has-border': showBorder
     }, transferWrapperClassName),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
@@ -739,7 +739,7 @@ var QuickTransfer = function QuickTransfer(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-left-content"
   }, leftHeader && /*#__PURE__*/React.createElement("div", {
-    className: "cw-transfer-left-top"
+    className: 'cw-transfer-left-top'
   }, leftHeader), showLeftSearch && /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-search"
   }, /*#__PURE__*/React.createElement(Search, _extends({
@@ -751,7 +751,7 @@ var QuickTransfer = function QuickTransfer(props) {
   }, data.length === 0 ? /*#__PURE__*/React.createElement(_Empty, null) : transferContent(data))), leftFooter && /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-footer"
   }, leftFooter)), division && /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-transfer-division"),
+    className: classnames('cw-transfer-division'),
     style: divisionStyle
   }), /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-right",
@@ -765,19 +765,19 @@ var QuickTransfer = function QuickTransfer(props) {
     allowClear: true,
     value: saveSearchValueRight
   }, restRightSearchProps))), rightHeader && /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-transfer-right-header", {
-      "cw-transfer-right-header-has-search": showRightSearch
+    className: classnames('cw-transfer-right-header', {
+      'cw-transfer-right-header-has-search': showRightSearch
     })
-  }, typeof rightHeader === "boolean" ? /*#__PURE__*/React.createElement("div", {
-    className: "cw-transfer-right-header-top"
-  }, /*#__PURE__*/React.createElement("span", null, intl.get("c6914863-5603-4924-a85d-93174e59d02d").d("已添加"), /*#__PURE__*/React.createElement("span", {
+  }, typeof rightHeader === 'boolean' ? /*#__PURE__*/React.createElement("div", {
+    className: 'cw-transfer-right-header-top'
+  }, /*#__PURE__*/React.createElement("span", null, intl.get('c6914863-5603-4924-a85d-93174e59d02d').d('已添加'), /*#__PURE__*/React.createElement("span", {
     style: {
-      marginLeft: "8px"
+      marginLeft: '8px'
     }
   }, "(", searchCheckedValue.length, ")")), Boolean(searchCheckedValue.length) && /*#__PURE__*/React.createElement("span", {
     onClick: clearAll,
-    className: "cw-transfer-right-header-clear"
-  }, intl.get("53e957d9-8aee-4322-a144-31d4cff11c9f").d("清空"))) : /*#__PURE__*/React.createElement(Fragment, null, rightHeader)), /*#__PURE__*/React.createElement("div", {
+    className: 'cw-transfer-right-header-clear'
+  }, intl.get('53e957d9-8aee-4322-a144-31d4cff11c9f').d('清空'))) : /*#__PURE__*/React.createElement(Fragment, null, rightHeader)), /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-right-main-wrapper"
   }, renderRightList)), rightFooter && /*#__PURE__*/React.createElement("div", {
     className: "cw-transfer-footer"
@@ -795,7 +795,7 @@ QuickTransfer.propTypes = {
   /**
    * 穿梭框左侧的渲染的类型，支持列表，树，表格
    */
-  type: PropTypes.oneOf(["list", "table", "tree"]),
+  type: PropTypes.oneOf(['list', 'table', 'tree']),
   /**
    * 右侧选中列表是否可拖拽
    */
@@ -837,7 +837,7 @@ QuickTransfer.propTypes = {
    * leafNode代表只有叶子节点能被选中，并穿梭到右侧列表(判断一个节点是否是叶子节点:此节点的children是否存在,不存在便为叶子节点);
    * 默认为leafNode
    */
-  treeSelect: PropTypes.oneOf(["notRelationNode", "relationNode", "leafNode"]),
+  treeSelect: PropTypes.oneOf(['notRelationNode', 'relationNode', 'leafNode']),
   /**
    * table中额外添加的属性,点击选中右侧列表要渲染的列,默认为第一列
    */

package/lib/RangePicker/components/ExtraTimeFooter.js

@@ -10,7 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { SwapRightOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
-import { useIntl } from "../../locales";
+import { useIntl } from '../../locales';
 export default function ExtraTimeFooter(_ref) {
   var startTimeValue = _ref.startTimeValue,
     endTimeValue = _ref.endTimeValue,

package/lib/SearchBar/index.js

@@ -26,14 +26,14 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import React, { useState, useEffect, Fragment, useMemo, useRef } from "react";
-import { EllipsisOutlined, UpOutlined, QuestionCircleOutlined, PlusOutlined } from "@ant-design/icons";
-import classnames from "classnames";
-import PropTypes from "prop-types";
-import OutSearch from "./OutSearch";
-import useConfigContext from "../useConfigContext";
-import { useIntl } from "../locales";
-import useStyle from "./index.style";
+import React, { useState, useEffect, Fragment, useMemo, useRef } from 'react';
+import { EllipsisOutlined, UpOutlined, QuestionCircleOutlined, PlusOutlined } from '@ant-design/icons';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import OutSearch from './OutSearch';
+import useConfigContext from '../useConfigContext';
+import { useIntl } from '../locales';
+import useStyle from './index.style';
 /**
  *  通用搜索栏，适用于一些搜索场景，例如table表格
  */
@@ -95,7 +95,7 @@ var SearchBar = function SearchBar(props) {
   var intl = useIntl();
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
-  var searchBarprefixCls = getPrefixCls("search-bar");
+  var searchBarprefixCls = getPrefixCls('search-bar');
   var _useStyle = useStyle(searchBarprefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
@@ -121,7 +121,7 @@ var SearchBar = function SearchBar(props) {
     var children = (_formItemContainer$cu = formItemContainer.current) === null || _formItemContainer$cu === void 0 || (_formItemContainer$cu = _formItemContainer$cu.children) === null || _formItemContainer$cu === void 0 || (_formItemContainer$cu = _formItemContainer$cu[0]) === null || _formItemContainer$cu === void 0 ? void 0 : _formItemContainer$cu.children;
     if (!(children !== null && children !== void 0 && children.length)) return;
     var containerTop = formItemContainer.current.children[0].getBoundingClientRect().top;
-    if (expandSearchArrange === "inline") {
+    if (expandSearchArrange === 'inline') {
       if (!children[maxLine - 1]) return;
       // 直接取最大行数的节点
       var itemBottom = children[2].getBoundingClientRect().bottom;
@@ -189,7 +189,7 @@ var SearchBar = function SearchBar(props) {
     setOutOperation(operation);
   };
   useEffect(function () {
-    if ("expand" in props) {
+    if ('expand' in props) {
       setExpandSearch(expand);
     } else if (defaultExpand) {
       setExpandSearch(defaultExpand);
@@ -223,7 +223,7 @@ var SearchBar = function SearchBar(props) {
     showAdvancedSearch = true;
   }
   var _showCols = useMemo(function () {
-    return props.hasOwnProperty("showFilterCols") ? showFilterCols : showCols;
+    return props.hasOwnProperty('showFilterCols') ? showFilterCols : showCols;
   }, [showFilterCols, showCols]);
   //点击搜索触发
   var handleSearch = function handleSearch() {
@@ -269,7 +269,7 @@ var SearchBar = function SearchBar(props) {
   }).filter(function (item) {
     return !!item;
   }).some(function (item) {
-    return item.labelDirection && item.labelDirection === "column";
+    return item.labelDirection && item.labelDirection === 'column';
   });
 
   //计算搜索重置按钮所占的span
@@ -299,7 +299,7 @@ var SearchBar = function SearchBar(props) {
   //高级筛选展开和关闭触发
   var handleExpandSearch = function handleExpandSearch() {
     _onExpand(!expandSearch);
-    if (!("expand" in props)) {
+    if (!('expand' in props)) {
       setExpandSearch(!expandSearch);
     }
     if (expandSearch) {
@@ -317,7 +317,7 @@ var SearchBar = function SearchBar(props) {
     }
     return null;
   };
-  var menu = /*#__PURE__*/React.createElement(_Menu, null, typeof extra === "function" ? extra({
+  var menu = /*#__PURE__*/React.createElement(_Menu, null, typeof extra === 'function' ? extra({
     options: options,
     showColumns: showColumns,
     dataSource: dataSource,
@@ -334,9 +334,9 @@ var SearchBar = function SearchBar(props) {
     if (index < showExtraCount) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
-          marginLeft: index === 0 ? 0 : "8px",
-          display: "flex",
-          alignItems: "center"
+          marginLeft: index === 0 ? 0 : '8px',
+          display: 'flex',
+          alignItems: 'center'
         },
         key: value.key ? value.key : index
       }, value);
@@ -352,11 +352,11 @@ var SearchBar = function SearchBar(props) {
       type: "primary",
       onClick: handleSearch,
       className: "".concat(searchBarprefixCls, "-expand-search-search")
-    }, searchButtonProps), searchTitle ? searchTitle : intl.get("0d2fd4ff-51eb-4c95-a52d-a78585336915").d("查询")), /*#__PURE__*/React.createElement(_Button, _extends({
+    }, searchButtonProps), searchTitle ? searchTitle : intl.get('0d2fd4ff-51eb-4c95-a52d-a78585336915').d('查询')), /*#__PURE__*/React.createElement(_Button, _extends({
       type: "default",
       onClick: handleReset,
       className: "".concat(searchBarprefixCls, "-expand-search-reset")
-    }, resetButtonProps), resetTitle ? resetTitle : intl.get("9ce11da7-7647-43d8-bf18-0aaae952bfb0").d("重置")), /*#__PURE__*/React.createElement("div", {
+    }, resetButtonProps), resetTitle ? resetTitle : intl.get('9ce11da7-7647-43d8-bf18-0aaae952bfb0').d('重置')), /*#__PURE__*/React.createElement("div", {
       className: "".concat(searchBarprefixCls, "-expand-icon-wrapper"),
       onClick: handleExpandSearch
     }, /*#__PURE__*/React.createElement(UpOutlined, {
@@ -387,12 +387,12 @@ var SearchBar = function SearchBar(props) {
     justify: "space-between",
     className: classnames("".concat(searchBarprefixCls, "-wrapper"), searchWrapperClassName),
     style: {
-      alignItems: outLayout && "flex-end"
+      alignItems: outLayout && 'flex-end'
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      alignItems: outLayout && "flex-end"
+      display: 'flex',
+      alignItems: outLayout && 'flex-end'
     }
   }, /*#__PURE__*/React.createElement(OutSearch, {
     showExtraCount: showExtraCount,
@@ -411,7 +411,7 @@ var SearchBar = function SearchBar(props) {
   }), showAdvancedSearch ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(searchBarprefixCls, "-advanced"),
     onClick: handleExpandSearch
-  }, /*#__PURE__*/React.createElement("span", null, advancedSearchTitle ? advancedSearchTitle : intl.get("b1db2936-33f9-410b-aba2-997c57d40e7a").d("高级筛选")), /*#__PURE__*/React.createElement(UpOutlined, {
+  }, /*#__PURE__*/React.createElement("span", null, advancedSearchTitle ? advancedSearchTitle : intl.get('b1db2936-33f9-410b-aba2-997c57d40e7a').d('高级筛选')), /*#__PURE__*/React.createElement(UpOutlined, {
     className: "".concat(searchBarprefixCls, "-advanced-icon"),
     rotate: expandSearch ? 0 : 180
   })) : null), /*#__PURE__*/React.createElement(_Row, {
@@ -419,9 +419,9 @@ var SearchBar = function SearchBar(props) {
     type: "flex",
     justify: "center",
     style: {
-      alignItems: "center"
+      alignItems: 'center'
     }
-  }, typeof extra === "function" ? extra && extra({
+  }, typeof extra === 'function' ? extra && extra({
     options: options,
     showColumns: showColumns,
     dataSource: dataSource,
@@ -431,7 +431,7 @@ var SearchBar = function SearchBar(props) {
     return renderExtra(value, index);
   }) : extra.length > 0 && extra.map(function (value, index) {
     return renderExtra(value, index);
-  }), (typeof extra === "function" ? extra({
+  }), (typeof extra === 'function' ? extra({
     options: options,
     showColumns: showColumns,
     dataSource: dataSource,
@@ -442,26 +442,26 @@ var SearchBar = function SearchBar(props) {
   }, /*#__PURE__*/React.createElement(EllipsisOutlined, {
     style: {
       fontSize: 16,
-      cursor: "pointer",
-      marginLeft: "8px"
+      cursor: 'pointer',
+      marginLeft: '8px'
     }
   })) : null)), /*#__PURE__*/React.createElement(_Form, {
     layout: "vertical"
   }, /*#__PURE__*/React.createElement(_Row, {
     className: "".concat(searchBarprefixCls, "-expand"),
     style: {
-      display: expandSearch ? "block" : "none"
+      display: expandSearch ? 'block' : 'none'
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      flexDirection: "column"
+      display: 'flex',
+      flexDirection: 'column'
     },
     className: "".concat(searchBarprefixCls, "-expand-wrapper"),
     ref: formItemContainer
   },
   //内置筛选条件是否是inline排列
-  expandSearchArrange === "inline" ? /*#__PURE__*/React.createElement("div", {
+  expandSearchArrange === 'inline' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(searchBarprefixCls, "-expand-content"),
     style: {
       maxHeight: maxHeight
@@ -470,7 +470,7 @@ var SearchBar = function SearchBar(props) {
     return index >= showSearchCount;
   }).map(function (child, index) {
     //判断是否是函数渲染
-    if (typeof child.components === "function") {
+    if (typeof child.components === 'function') {
       if (_showCols.includes(child.components(form).props.id)) {
         return renderFormItem(child, index, true);
       }
@@ -484,7 +484,7 @@ var SearchBar = function SearchBar(props) {
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
     type: "flex",
     style: {
-      flexWrap: "wrap",
+      flexWrap: 'wrap',
       maxHeight: maxHeight,
       marginTop: 0,
       marginBottom: searchContents.length > filterLength ? 8 : 0
@@ -496,7 +496,7 @@ var SearchBar = function SearchBar(props) {
     return index >= showSearchCount;
   }).map(function (child, index) {
     //判断是否是函数
-    if (typeof child.components === "function") {
+    if (typeof child.components === 'function') {
       if (_showCols.includes(child.components(form).props.id)) {
         return /*#__PURE__*/React.createElement(_Col, {
           span: child.span ? child.span : 6,
@@ -519,7 +519,7 @@ var SearchBar = function SearchBar(props) {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: 160,
-      height: "20px"
+      height: '20px'
     }
   }, /*#__PURE__*/React.createElement(_FilterDropDown, {
     fixed: fixed,
@@ -528,7 +528,7 @@ var SearchBar = function SearchBar(props) {
     }, /*#__PURE__*/React.createElement(_Button, {
       icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
       type: "link"
-    }, intl.get("e963051e-0127-45fe-a5e5-92da5938a8ff").d("添加筛选条件")), /*#__PURE__*/React.createElement(_Tooltip, tipTooltipOptionRest, showTooltipIcon && /*#__PURE__*/React.createElement("div", {
+    }, intl.get('e963051e-0127-45fe-a5e5-92da5938a8ff').d('添加筛选条件')), /*#__PURE__*/React.createElement(_Tooltip, tipTooltipOptionRest, showTooltipIcon && /*#__PURE__*/React.createElement("div", {
       className: "".concat(searchBarprefixCls, "-filter-title-icon-wrapper")
     }, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
       className: "".concat(searchBarprefixCls, "-filter-title-icon")
@@ -553,7 +553,7 @@ SearchBar.propTypes = {
   /**
    * 设置高级筛选展开栏的搜索框排列，设置为inline时searchContent中的span失效，默认为单行显示，超出换行
    */
-  expandSearchArrange: PropTypes.oneOf(["inline"]),
+  expandSearchArrange: PropTypes.oneOf(['inline']),
   /**
    * 出现添加条件下拉可控制的条件，默认为6，即搜索框超过6个时出现添加条件
    */
@@ -624,7 +624,7 @@ SearchBar.propTypes = {
     span: PropTypes.number,
     showLabel: PropTypes.bool,
     formAttribute: PropTypes.object,
-    labelDirection: PropTypes.oneOf(["column"])
+    labelDirection: PropTypes.oneOf(['column'])
   })),
   /**
    * 搜索条件点击展示触发的回调