ls-pro-common 1.0.61 → 1.0.63

package/lib/components/ImageSelector.js

@@ -21,22 +21,22 @@ require("antd/es/card/style");
 
 var _card = _interopRequireDefault(require("antd/es/card"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
 
 require("antd/es/upload/style");
 
 var _upload = _interopRequireDefault(require("antd/es/upload"));
 
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
 require("antd/es/input/style");
 
 var _input = _interopRequireDefault(require("antd/es/input"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -57,10 +57,12 @@ var _http = require("../http");
 
 var _utils = require("../utils");
 
-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"];
 var fileCenter = (0, _utils.getCache)('ossPath') || '/petrel/petrel-file-center-api/lesoon/oss/file/';
 
 function ImageSelector(prop) {
+  var _rest$fieldProps3;
+
   //@ts-ignore?
   var _useContext = (0, _react.useContext)(_lsProForm.ProFormContext),
       formRef = _useContext.formRef;
@@ -90,12 +92,14 @@ function ImageSelector(prop) {
       nextMarker = _useState10[0],
       setNextMarker = _useState10[1];
 
+  var inputRef = (0, _react.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,
@@ -106,6 +110,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 = (0, _objectWithoutProperties2.default)(prop, _excluded); // 上传地址
 
   var uploadImgApi = (0, _react.useMemo)(function () {
@@ -207,13 +217,27 @@ 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') {
-        (0, _utils.showSuccess)(result.flag.retMsg);
+        (0, _utils.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 = (0, _objectSpread2.default)({}, formVal); //@ts-ignore
+
+          val[name] = img;
+          formRef.current.setFieldsValue(val);
+        }
       } else {
         var _result$flag2;
 
@@ -223,16 +247,55 @@ function ImageSelector(prop) {
       (0, _utils.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);
+  };
+
+  (0, _react.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((0, _objectSpread2.default)({}, formValue));
+    }
+  };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_lsProForm.ProFormText, (0, _extends2.default)({
     name: name
-  }, rest), /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+  }, rest), isInput ? /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
     addonAfter: imgUrl ? /*#__PURE__*/_react.default.createElement("img", {
       style: {
         maxWidth: 22,
@@ -240,23 +303,60 @@ function ImageSelector(prop) {
       },
       src: imgUrl,
       onClick: function onClick() {
-        return setVisible(true);
+        return showSelect();
       }
     }) : /*#__PURE__*/_react.default.createElement(_icons.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.default.createElement(_modal.default, (0, _extends2.default)({
+    allowClear: allowClear,
+    ref: inputRef,
+    onChange: clearValue
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "image-selector"
+  }, /*#__PURE__*/_react.default.createElement(_upload.default, {
+    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.default.createElement("div", {
+    className: "img-wrapper"
+  }, /*#__PURE__*/_react.default.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.default.createElement("div", {
+    className: "clear-btn"
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
+    title: "\u6E05\u7A7A",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      clearValue(undefined);
+    }
+  }))) : /*#__PURE__*/_react.default.createElement("img", {
+    className: "img-upload",
+    src: "data:image/png;base64,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"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "img-choose"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    onClick: function onClick() {
+      return showSelect();
+    }
+  }, "\u9009\u62E9\u5DF2\u6709\u56FE\u7247")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "img-desc"
+  }, desc))), /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({
     title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
       style: {
         display: 'inline-block',
@@ -279,9 +379,8 @@ function ImageSelector(prop) {
     onCancel: function onCancel() {
       return setVisible(false);
     },
-    bodyStyle: {
-      padding: 8
-    },
+    className: "image-selector",
+    centered: true,
     footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       style: {
         display: 'inline-block',
@@ -289,7 +388,9 @@ function ImageSelector(prop) {
       }
     }, /*#__PURE__*/_react.default.createElement(_upload.default, {
       beforeUpload: beforeUpload,
-      onChange: onUpload,
+      onChange: function onChange(info) {
+        return onUpload(info, false);
+      },
       action: uploadImgApi,
       showUploadList: false,
       name: "file",

package/lib/components/InputMultiLine.js

@@ -72,7 +72,7 @@ var InputMultiLine = /*#__PURE__*/_react.default.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 = (0, _objectWithoutProperties2.default)(prop, _excluded); // 设置初始值
 

package/lib/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/lib/components/InputTable.js

@@ -45,7 +45,7 @@ var _http = require("../http");
 
 var _utils = require("../utils");
 
-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"];
 
 var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
@@ -108,8 +108,12 @@ var InputTable = /*#__PURE__*/_react.default.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 = (0, _objectWithoutProperties2.default)(prop, _excluded); //显示输入框绑定的name,如果不设置textName,设置为$name__text
 
   var textNameProp = (0, _react.useMemo)(function () {
@@ -361,6 +365,20 @@ var InputTable = /*#__PURE__*/_react.default.forwardRef(function (prop, ref) {
     headerTitle: "\u53CC\u51FB\u9009\u4E2D\u5F53\u524D\u884C\u6570\u636E"
   }, tableConfig));
 
+  (0, _react.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'none'
@@ -382,7 +400,9 @@ var InputTable = /*#__PURE__*/_react.default.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.default.createElement(_icons.MoreOutlined, {
       onClick: function onClick(e) {
         setVisible(true);
@@ -420,7 +440,9 @@ var InputTable = /*#__PURE__*/_react.default.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.default.createElement(_icons.MoreOutlined, {
       onClick: function onClick(e) {
         setVisible(true);