ls-pro-common 1.0.61 → 1.0.63

package/es/components/ImageSelector.js

@@ -4,29 +4,31 @@ import "antd/es/empty/style";
 import _Empty from "antd/es/empty";
 import "antd/es/card/style";
 import _Card from "antd/es/card";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps", "code"];
+var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps", "code", "isInput", "desc", "imageClass"];
 import React from "react";
-import { useMemo, useState, useEffect, useContext } from 'react';
+import { useMemo, useState, useEffect, useContext, useRef } from 'react';
 import { ProFormText, ProFormContext } from 'ls-pro-form';
-import { PlusOutlined, UploadOutlined, SearchOutlined } from '@ant-design/icons';
+import { PlusOutlined, UploadOutlined, SearchOutlined, CloseOutlined } from '@ant-design/icons';
 import { httpGet } from '../http';
 import { getCache, showError, showWarn, showSuccess } from '../utils';
 var fileCenter = getCache('ossPath') || '/petrel/petrel-file-center-api/lesoon/oss/file/';
 
 function ImageSelector(prop) {
+  var _rest$fieldProps3;
+
   //@ts-ignore?
   var _useContext = useContext(ProFormContext),
       formRef = _useContext.formRef;
@@ -56,12 +58,15 @@ function ImageSelector(prop) {
       nextMarker = _useState10[0],
       setNextMarker = _useState10[1];
 
+  var inputRef = useRef();
+
   var type = prop.type,
       _prop$uploadable = prop.uploadable,
       uploadable = _prop$uploadable === void 0 ? true : _prop$uploadable,
       _prop$readonly = prop.readonly,
       readonly = _prop$readonly === void 0 ? true : _prop$readonly,
-      allowClear = prop.allowClear,
+      _prop$allowClear = prop.allowClear,
+      allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
       _prop$title = prop.title,
       title = _prop$title === void 0 ? "选择图标" : _prop$title,
       _prop$modalWidth = prop.modalWidth,
@@ -72,6 +77,12 @@ function ImageSelector(prop) {
       modalProps = prop.modalProps,
       _prop$code = prop.code,
       code = _prop$code === void 0 ? 'RETAIL' : _prop$code,
+      _prop$isInput = prop.isInput,
+      isInput = _prop$isInput === void 0 ? true : _prop$isInput,
+      _prop$desc = prop.desc,
+      desc = _prop$desc === void 0 ? '支持 png | jpg | gif 格式图片' : _prop$desc,
+      _prop$imageClass = prop.imageClass,
+      imageClass = _prop$imageClass === void 0 ? '' : _prop$imageClass,
       rest = _objectWithoutProperties(prop, _excluded); // 上传地址
 
 
@@ -174,13 +185,29 @@ function ImageSelector(prop) {
 
 
   var onUpload = function onUpload(info) {
+    var isDirect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
     if (info.file.status === 'done') {
       var _result$flag;
 
       var result = info.file.response;
 
       if ((result === null || result === void 0 ? void 0 : (_result$flag = result.flag) === null || _result$flag === void 0 ? void 0 : _result$flag.retCode) === '0') {
-        showSuccess(result.flag.retMsg);
+        showSuccess(result.flag.retMsg); // 直接上传
+
+        if (isDirect) {
+          var _result$rows$;
+
+          var img = showImgApi + '?fileName=' + (result === null || result === void 0 ? void 0 : (_result$rows$ = result.rows[0]) === null || _result$rows$ === void 0 ? void 0 : _result$rows$.newFileId);
+          setImgUrl(img);
+          var formVal = formRef.current.getFieldsValue();
+
+          var val = _objectSpread({}, formVal); //@ts-ignore
+
+
+          val[name] = img;
+          formRef.current.setFieldsValue(val);
+        }
       } else {
         var _result$flag2;
 
@@ -190,16 +217,55 @@ function ImageSelector(prop) {
       showError('上传数据失败,请联系管理员');
     }
 
-    if (!info.fileList.filter(function (o) {
+    if (!isDirect && !info.fileList.filter(function (o) {
       return o.status === 'uploading';
     }).length) {
       loadData(searchKey);
     }
   };
 
+  var showSelect = function showSelect() {
+    var _rest$fieldProps;
+
+    if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.disabled)) {
+      return;
+    }
+
+    setVisible(true);
+  };
+
+  useEffect(function () {
+    var _rest$fieldProps2;
+
+    if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.disabled)) return;
+
+    try {
+      if (!inputRef.current) return;
+      var el = inputRef.current.clearableInput.containerRef.current.querySelector('.ant-input-clear-icon');
+      if (!el) return;
+
+      if (imgUrl) {
+        el.classList.remove('ant-input-clear-icon-hidden');
+      } else {
+        el.classList.add('ant-input-clear-icon-hidden');
+      }
+    } catch (e) {}
+  }, [imgUrl]);
+
+  var clearValue = function clearValue(e) {
+    if (!e || !e.target.value) {
+      var _formRef$current;
+
+      setImgUrl('');
+      var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue();
+      formValue[name] = '';
+      formRef.current.setFieldsValue(_objectSpread({}, formValue));
+    }
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
     name: name
-  }, rest), /*#__PURE__*/React.createElement(_Input, _extends({
+  }, rest), isInput ? /*#__PURE__*/React.createElement(_Input, _extends({
     addonAfter: imgUrl ? /*#__PURE__*/React.createElement("img", {
       style: {
         maxWidth: 22,
@@ -207,23 +273,60 @@ function ImageSelector(prop) {
       },
       src: imgUrl,
       onClick: function onClick() {
-        return setVisible(true);
+        return showSelect();
       }
     }) : /*#__PURE__*/React.createElement(PlusOutlined, {
       onClick: function onClick() {
-        var _rest$fieldProps;
-
-        if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.disabled)) {
-          return;
-        }
-
-        setVisible(true);
+        return showSelect();
       }
     })
   }, rest.fieldProps, {
     readOnly: readonly,
-    allowClear: allowClear
-  }))), /*#__PURE__*/React.createElement(_Modal, _extends({
+    allowClear: allowClear,
+    ref: inputRef,
+    onChange: clearValue
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "image-selector"
+  }, /*#__PURE__*/React.createElement(_Upload, {
+    beforeUpload: beforeUpload,
+    onChange: function onChange(info) {
+      return onUpload(info, true);
+    },
+    action: uploadImgApi,
+    showUploadList: false,
+    name: "file",
+    maxCount: 1,
+    multiple: false,
+    headers: {
+      token: localStorage.getItem('token') || ''
+    },
+    accept: ".png,.gif,.jpg,.jpeg,.bmp"
+  }, imgUrl ? /*#__PURE__*/React.createElement("div", {
+    className: "img-wrapper"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "img-preview ".concat(imageClass),
+    src: imgUrl
+  }), (rest === null || rest === void 0 ? void 0 : rest.disabled) !== true && (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps3 = rest.fieldProps) === null || _rest$fieldProps3 === void 0 ? void 0 : _rest$fieldProps3.disabled) !== true && /*#__PURE__*/React.createElement("div", {
+    className: "clear-btn"
+  }, /*#__PURE__*/React.createElement(CloseOutlined, {
+    title: "\u6E05\u7A7A",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      clearValue(undefined);
+    }
+  }))) : /*#__PURE__*/React.createElement("img", {
+    className: "img-upload",
+    src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAABB9SURBVHhe7ZyJV1THtsb5F1+Sm0Gj8SZOiVFUVBBFmhkZBGRukKmbbqbuZp5EJpFmUFEZFKPxOiT3Je8ac2OuCgLf21+dPs3p9oDNYDTxnrW+RfepOlW7frVr167TLsPguxaXlvBsfgn3/72I0R8X0XVvEc13F+G+AyXXd0DDSrq95Jfr9qJoAe7ZeXhm5+TvHFzyuWF2wad5dY9iuapzS+rc0ussam19p2u5n3q5r8vYZ4AM9YPFMVAcT6Oo8x/A1Z+AH38H5hd8IHyXAjO/sIRfni1g+ueXGHzwEi3fvUTNzQXYby7CdhMhaEnTzCLsMy9RPTOP6ul52H2yTb+UsgUlfndMvfCrenrOX6dKnq+aYTtaW5q056gqpSWtjqkda5PzFtByF7j0A3DnCfDrC8VEXWELi0t4IlBmf55Hy+0XqJmmsTSUxqwNjF0M50D1wWoD1WSfpgSalDmnnisRjB+K9KdL9T0lMKcE7JTe3pwP3uaB0UVA3eI9t38Bnr/k6hEwvz2bx/RPL9D+3XPU3qQBYpAMQilkAzQwCqT+rEiHwgHpwBwC3ilAKIdv0Lxn9CKtTFO1iPA0uzbXY4winAv3l+GEff94DoP3X6BuRgxRBtBTOMj1dO57TknzEG1QGgAjHIf6rA1YeZJ4R4CkTC9fXkraUnsTYKiG28DAQ+DxcwEz9mhOYoqsezFCA0ND1uItBvmA6FA4eEIgDJvEHjVAQlCDFiCsG/CsQcZ2/0B57kA2IAFz4cEi6mU30IzVZlGboXUYRyAq+BKIry2CVl6oAXvXwdSL11z/WcC031uCg4FTjNddXQuIHMgaDfSBscuupAdVPxQVd7SlpfXh80yzdt6iameBYdmlwppku1I3CUGM1uMBB7H27ZGzTaB64PU9q9o2gmf7PmCm7bw91QiY3gcChomOuqkGoOUZfq9ZFxhN+nMamEVpc3ln0jyJAENt948Td6eOewKGwUa7SSNprB4DtKWgz3xwA6FJa1PFHR8UHfi7CIVyCJh2gmF6HFAoLq6SKpVj6INYz+xKfXqKQOFup3mKJH3Svt+TTJ97u1oZjBgcEIhlYOsHI+34jgd+KCrx+zOC8c20Fmv0Qa0nUGpgeEwgaCMU8/rvhpbByAn2FW/gd862QGE+ouIC4aiY8W4PbKMKAcxy9qof4N4vMLfNlokPgPIa426ynljz55IBzCoZKO8b8o/lbHVtcOybJLO2N1sGMKt4Ae9LbHnFa0IEw8HUydnD7G3aesR03RHUx2brlRijb6EBu4YPjHZK1oPwKiAN4ivEC5Ja80A283hzNPUv7VVk930NlFm/G5UfjIdguI3q0uOID4q2ZeuvIF+fytNLeN7ofwh8/yvwIuhd6kYvvkTiy6QegVMd1PdmyACGeQYHbMhXZPDaVs0XSs/VX/+W/RowdPfBR8A9QvG9JtzMi+0RDj2oWQ7AHIiZHeuVH0yjBF9C8A9cwGjvZ7U0nlu1VuYLvK+B0iWN3n0C/DbnG8kbuv71TFumPARXbyKcZTCzJqm/8hp6kX6IDC1jbf9eM/Y/8z7r3+C1sAj88hwYEu90b2K8MYDx/SogOcsymGWZBuUg6bvPFQmM/xZPodFv+lqSJTUn8evn/wCj/9T634wtPQCMWio6FJPKq4kBkDNG4354CrwUKDT6j7gYbwjnwW/A8I/aa8mNwvGD8dzWvOV1XrGSuG32izv/JDNHI9/GxWDMSemWATHOmdkZqvxgeCTYyC983JY5Y8/ewA4U6sV+n8oSviHxjYMyszNUGcBwCYlMKoUir7jwkxfaEnqbF/Olu5Ii9EhSaWZnqFoGI9udWYVQNSax5fc/KOCudnEZ8/egPvFgMztD1aaB4U8NjyWneFc8hscQMztD1aaBOc/feyWhYwBc6WIMWBCZ7Va8x7LV4lModZg7Xf5fLRs2szNUbRoYbtVD4jXMROnONF4HwM+8xyz4iSRjPCIYlxzrzcv3X6WcdQiXnmcEwO8M7IxjDLD8dyx6+/zLuvSWf8quyH/v4ty0XWmDYJg3sI0J2RF+lC3zmcycPjA9xxiXmRyQLZ2ffzdkxRwkgY5InGId9W9UBKBx22d2e0sOjUMS5G/8n5bQESYv9sP+uIQYWza6VVN+MFnNVxBb492Q4mu9ONvoRVmbF7XdXjT1amro8aK01YszHi9SG7TPNVLeKGXNIpeUV3V4keGWOqKiFi/sndp9lrMevxc0eZHm0vqolPos1/tgf8XyHNu3mNi2ViXWj8J6fgph+1NL8Flk5oa1RbQtKhNfRmfi61OZ2BuTiV0nMvF3+W7UV6LdJzPxjdTh3+Byapeh/CuTNtgu22c/7G/bcXOb1qMdJ3MQk+dA2F5LDj44EL8hfSjaejge+6LicfxUPKKpWO2zmVimZFKmS69jVkYZn98bGY+Pw81tW6s+jUjB0fRShO05lY3/+dayIX0o2nbQgvAoCyyWZcXGWnDilAWRJy04ckLTUVGUfD8lZca6rHfMV8dMLDsRE/iMrn2RFny834IPguxajz45lIQjp62bBEaM+uKwBQePBxocI4PnoGj4ziOadou+le8cJMHpOhJtwd6jy/WCxbIIqaPXN/bzpwPDwRPElnALPpI6uraKdxFYjHgJB0lv2XsssI6Z9ggc1v3Tg4kWMF9FSGcHAuvz+2GZ/ZMGMLtk0MY6ZtolkKOlbvAy/C+Y/4Ix13sJZneIYP4yMWbn0Th8Gh7nr/uB1N1yKA4REnx1MNy9vpHg+7EAW01fCzw9YBv7CQXMh/vj8DfJdczKjFozGDb66eEkGdjyIHWtBOakJGEHYtOw/Wiyv+5nEcnYfSINx2Li/WCo45LbHJbnD0guZKZwKWM+pNc39hMKmO2Rp7EnNkvGkWBarmvNYA4k5iOpyIFvE3Kx9WhKQJkZmPT0dOQVFCG1oAIHk/Kx7Vgq9sZmI+ZsBc6U1SAhLRMJSSlITk5GQkICYixxiE1MQbnNAWe9B44g8V69ywOPR1NjY6P6W15ejuOJmX4wB5MLkVzsxOdHU5VtnMjPZEKjMkuRfq5O2WG0PVhrBpMinbXIoS3FWoPdQc+YgbFarWhsaUOJswkJBTYcSy9BZnk9nG19aO8bRvG5CuTlFyIvLw/pGRk4GZeEuNNZGBm/ionJm7g4NoGh8Qlclc/Tt+/i8o1pXL0+hcnJSdy4cQMzMzOYnp5Gb28vUnJL/WByqjzoG5mAPq6PJM3n+eys3G/oGlRnL6PtwXrjYOrq6uAdHUdaYSXSrQ7YGs+jVwweGL+B80PjaO08j9a2DjQ2NaGg2IoISxr2iav3eq+irKEDX4t3hSfloaqxGyPXZlDobEZRVS2qHU6UlZXDZrPB5XKhq6sLafllbxdMW98Isipcyl23HklR2i7Lamdkkhzk4lQ2m5iYiOLiYnR3d2N07DJyispwpqgCdk8Hrk7Pot97GU5PG+rdjXC5PQKwHkXWEkQnZuBwfBb6RwRMXQvC487grM2N1gtDGBoZR1mNGzXuZnRJu4ROMHa7XYHJKirH9kMyKAnQeTYPRq/fRGl9h4KUa29EuasT3UOXMXJ9xn8/rbQOh1IKVewxjnNdYDoHx1Dh7hKvceJomlXpRIYVlvR8HDuVKHEiAdnZ2ejo7IR3ZASXLg2josqOgtIKVNV5MDV7Bz2Dwygqs6v7NpsdlZVVKCktRbLEnHhZSl5ZSu5WGWxhGQZHLmP8ygQuXhxSAEakzcnJKQWntpZw7Ojs7EJ+Sbna1XaI1xZVe3Bt5g76x67jgndCvPQahq5MYezGLVyekokZ1e7zfU9qSY0E5MDxrwtMr+poAu0CyHN+SKmlZ0gNJCE1HWdyciVAujEsS+jKxHVZSmNoam1Hc1sn+oe8uP/wB4kTk2hp70KrqK2jC81SXlPvQlZuPlIzsgTEVfT0DcBaXoWikjK4G5sF8igmp6Zw7dp19Pb1I1vqZp+VZSZgOgSM9Vy5dggVOKVODwZluTLY7j6VpcQx7o3NwdeWHP+9nScz8bl4fPAutS4wXRfH4WjtRV51k/Ia6rQoKa8C+04kIzIpC5nFVThX24zmnkF0Dwwjw2pHfmU9mroHcP2mzKT3ChyNHUo2VxusDjcSckpxyJKhnr80dhVd/ZdQWt2A6oYmuNu6Bf4A6lp70Mo2+4dQWeNCcaUTJfY6uFq7kV5Yjq8k+eNysjob4b02jfh8m1oqRh1MLsC38bmvLB+jNjX46mKOsuvkGexPyEOBo9kf7MJlu84XmO0Do6hp75PY4VHledWNSJbA/Llv+98Vk4UeCb5u8cTsSpd6vr5zEKUSjBMLq2Gta0ObtOHquqhiBQOqrek8TmaX+20ocLbg+uz3KHd3qn6CxT4jThf56wfrjYBhVvvJoURxUwbO5V2A6zihoFrB0FUj23arBPP6zgH/TqGDqfB0q5nl98iMUgmWjajr6Edte7/sTi3Yn5inNgDmVawbKpiS+nYMXZ1CdpXbXz9YbwQMZbY9cvfaLwnimfIGtatlV7rRMTgugx1Qy1FPxnQwHPzfj6er3IdJWYVblpP0Xd1yAaclYDI+7BNwCfkSxGUzIJgPD8Rh+7HTalvvG70GSx6XUlGA4qT+8MQM8mVigu3WtSIYzjrTfy4LZri6mJx1DIz5tuuCgLItR5LVceEjeW6lvIFwUgVCjkChx/QMX1HL5VMxRD9m6GBoOJ/jVmtv7lGeUiseU1LfJhPkQERqESIFGier0ucx7J8gi2pa1TNfRmcEjMvYfq6t8ZUyXSuCIRBGcEtulepYF2d35NpNtRMVyYwayxIL7IgSl+dgVgLzt4MJ+MZyVhK28xifnEWZqwuHU4sD+tYNt8nAjjENyKtCQqFdUnwHMsrqlDcw+Tsjk0SoxbWtqJa6BLMjKh3lni5ZWl1qiXHCjG0b218XGOX2EjzTSmsD1melZKCe85dkNi7AWtsWUMYlQpBsSwdDz3K29fpnjl6xRaDHiYvzWECdOlupvEzvm4G7U5YY4edIHDAq39GkEjWHLCfCqRQA/EzQBMPlVSWBOEuAMaaZHRZZp0XiWqbYG1ymyw+GBztjwbLH2MQbakJSogRW3WP4U8oXUWlqu+ROtD0y7ZX2uRQdrRfkWacyRF9KjCvcZZySEtAbVtM5gUNQnH0mmjulb04QPxv7M4p2lda1I1YmxKycWhFMYIxJDUlbxMv0GMM2GAjpHQyG/Bzc/seHEvClQKB3GsvobYRDL+MgXqcdom3SBwfDZz+XkzPtMLZplD5ptM2snGLMixS4YTysmVV4X0Wwx9MFzP64bHU6Nqv0PorvbmIyBUxE0ln12tCs0vuorRFJSM4WMCk5Vuw4svrrvvdJX0alosLpQpitpgGH42U3Man0vumTcIt6JzQw5EXYjclJFJRXq3cZ/BnU7IH3QRz7N9HJyC06h/sPHiLs8ePH6B0cQlquFXuikvCZUFvtbftfTVwpWw7GYV90EvJLqzDsHcXTp79r/xXTo0ePcKGvH1n5JTiacAa7ok/ji2Mp2GY4D/3VxLFRe06kISopB/nFZQJlRKA8xcLCggZmbm4OT578irv3/oHBSyNwuppQWFmLrFIn0vlCynAu+isoTcaUdc6JvDIn6ps6MDJ+BQ8f/eCHsrS0hP8HWEep3cNGCJsAAAAASUVORK5CYII="
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "img-choose"
+  }, /*#__PURE__*/React.createElement("a", {
+    onClick: function onClick() {
+      return showSelect();
+    }
+  }, "\u9009\u62E9\u5DF2\u6709\u56FE\u7247")), /*#__PURE__*/React.createElement("div", {
+    className: "img-desc"
+  }, desc))), /*#__PURE__*/React.createElement(_Modal, _extends({
     title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
       style: {
         display: 'inline-block',
@@ -246,9 +349,8 @@ function ImageSelector(prop) {
     onCancel: function onCancel() {
       return setVisible(false);
     },
-    bodyStyle: {
-      padding: 8
-    },
+    className: "image-selector",
+    centered: true,
     footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       style: {
         display: 'inline-block',
@@ -256,7 +358,9 @@ function ImageSelector(prop) {
       }
     }, /*#__PURE__*/React.createElement(_Upload, {
       beforeUpload: beforeUpload,
-      onChange: onUpload,
+      onChange: function onChange(info) {
+        return onUpload(info, false);
+      },
       action: uploadImgApi,
       showUploadList: false,
       name: "file",

package/es/components/InputMultiLine.js

@@ -50,7 +50,7 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       allowClear = _prop$allowClear === void 0 ? true : _prop$allowClear,
       _prop$getPopupContain = prop.getPopupContainer,
       getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
-    return document.body;
+    return triggerNode.parentNode.parentNode.parentNode.parentNode;
   } : _prop$getPopupContain,
       rest = _objectWithoutProperties(prop, _excluded); // 设置初始值
 

package/es/components/InputTable.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { InputProps } from 'antd';
 import type { ProFormItemProps } from 'ls-pro-form';
+import { TooltipPlacement } from 'antd/lib/tooltip';
 export declare type InputTableProps = ProFormItemProps<InputProps> & {
     /**@name 弹框选择表格列配置 */
     columns: any[];
@@ -35,6 +36,8 @@ export declare type InputTableProps = ProFormItemProps<InputProps> & {
     /**@name 输入后检查数据的触发方式，默认为entry回车触发 */
     triggerCheck?: 'entry' | 'blur';
     loadOnShow?: boolean;
+    placement?: TooltipPlacement;
+    arrowPointAtCenter?: boolean;
     /**@name 选择行事件 */
     onSelectChange?: (item: any, formRef?: any) => void;
     /**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
@@ -86,6 +89,8 @@ declare const InputTable: React.ForwardRefExoticComponent<{
     /**@name 输入后检查数据的触发方式，默认为entry回车触发 */
     triggerCheck?: "entry" | "blur" | undefined;
     loadOnShow?: boolean | undefined;
+    placement?: TooltipPlacement | undefined;
+    arrowPointAtCenter?: boolean | undefined;
     /**@name 选择行事件 */
     onSelectChange?: ((item: any, formRef?: any) => void) | undefined;
     /**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */

package/es/components/InputTable.js

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "loadOnShow", "triggerCheck", "getPopupContainer"],
+var _excluded = ["columns", "url", "textName", "name", "tableConfig", "tableHeight", "tableWidth", "readonly", "multiple", "valueField", "labelWidth", "textField", "onSelectChange", "beforeLoad", "afterLoad", "isV2", "allowClear", "keepSelect", "fieldProps", "searchField", "fillMap", "loadOnShow", "triggerCheck", "getPopupContainer", "placement", "arrowPointAtCenter"],
     _excluded2 = ["current", "pageSize"];
 import React, { useRef, useState, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
 import ProTable from 'ls-pro-table';
@@ -79,8 +79,12 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       triggerCheck = _prop$triggerCheck === void 0 ? 'entry' : _prop$triggerCheck,
       _prop$getPopupContain = prop.getPopupContainer,
       getPopupContainer = _prop$getPopupContain === void 0 ? function (triggerNode) {
-    return document.body;
+    return triggerNode.parentNode.parentNode.parentNode.parentNode;
   } : _prop$getPopupContain,
+      _prop$placement = prop.placement,
+      placement = _prop$placement === void 0 ? 'bottom' : _prop$placement,
+      _prop$arrowPointAtCen = prop.arrowPointAtCenter,
+      arrowPointAtCenter = _prop$arrowPointAtCen === void 0 ? true : _prop$arrowPointAtCen,
       rest = _objectWithoutProperties(prop, _excluded); //显示输入框绑定的name,如果不设置textName,设置为$name__text
 
 
@@ -332,6 +336,20 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     },
     headerTitle: "\u53CC\u51FB\u9009\u4E2D\u5F53\u524D\u884C\u6570\u636E"
   }, tableConfig));
+  useEffect(function () {
+    if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
+
+    try {
+      var el = inputRef.current.clearableInput.containerRef.current.querySelector('.ant-input-clear-icon');
+      if (!el) return;
+
+      if (text) {
+        el.classList.remove('ant-input-clear-icon-hidden');
+      } else {
+        el.classList.add('ant-input-clear-icon-hidden');
+      }
+    } catch (e) {}
+  }, [text, rest, fieldProps]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'none'
@@ -353,7 +371,9 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       trigger: "click",
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible,
-      getPopupContainer: getPopupContainer
+      getPopupContainer: getPopupContainer,
+      placement: placement,
+      arrowPointAtCenter: arrowPointAtCenter
     }, /*#__PURE__*/React.createElement(MoreOutlined, {
       onClick: function onClick(e) {
         setVisible(true);
@@ -391,7 +411,9 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       trigger: "click",
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible,
-      getPopupContainer: getPopupContainer
+      getPopupContainer: getPopupContainer,
+      placement: placement,
+      arrowPointAtCenter: arrowPointAtCenter
     }, /*#__PURE__*/React.createElement(MoreOutlined, {
       onClick: function onClick(e) {
         setVisible(true);