ls-pro-common 3.0.3 → 3.0.5

package/es/components/DtlLayout.js

@@ -4,9 +4,10 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { SaveOutlined, AuditOutlined, ArrowLeftOutlined } from '@ant-design/icons';
+import { SaveOutlined, AuditOutlined } from '@ant-design/icons';
 import './common.less';
 import usePermission from '../hooks/usePermission';
+import IconBack from './IconBack';
 function DtlLayout(props) {
   var title = props.title,
     _props$keyField = props.keyField,
@@ -56,7 +57,7 @@ function DtlLayout(props) {
       onClick: function onClick() {
         return props.onExit(false);
       },
-      icon: /*#__PURE__*/React.createElement(ArrowLeftOutlined, null)
+      icon: /*#__PURE__*/React.createElement(IconBack, null)
     }, btnExitText);
     var btnList = [back];
     // 有新增或更改权限且未审核，开放出保存按钮

package/es/components/ImageSelector.d.ts

@@ -16,10 +16,16 @@ export declare type ImageSelectorProps = ProFormItemProps<InputProps> & {
      * @name 最大值, 默认2M
      */
     maxSize?: number;
+    /**弹框的属性 */
     modalProps?: ModalProps;
+    /**是否输入框模式 */
     isInput?: boolean;
+    /**非输入框模式上传提示语 默认为：支持 png | jpg | gif 格式图片 */
     desc?: string;
+    /** 非输入框模式下 展示图片class */
     imageClass?: string;
+    /** 一次最多选择多少张图片 默认为 1 */
+    maxCount?: number;
 };
 declare function ImageSelector(prop: ImageSelectorProps): JSX.Element;
 export default ImageSelector;

package/es/components/ImageSelector.js

@@ -16,7 +16,7 @@ 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", "isInput", "desc", "imageClass"];
+var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps", "code", "isInput", "desc", "imageClass", "maxCount"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from "react";
 import { useMemo, useState, useEffect, useContext, useRef } from 'react';
@@ -74,6 +74,8 @@ function ImageSelector(prop) {
     desc = _prop$desc === void 0 ? '支持 png | jpg | gif 格式图片' : _prop$desc,
     _prop$imageClass = prop.imageClass,
     imageClass = _prop$imageClass === void 0 ? '' : _prop$imageClass,
+    _prop$maxCount = prop.maxCount,
+    maxCount = _prop$maxCount === void 0 ? 1 : _prop$maxCount,
     rest = _objectWithoutProperties(prop, _excluded);
   // 上传地址
   var uploadImgApi = useMemo(function () {
@@ -87,6 +89,10 @@ function ImageSelector(prop) {
   var showImgApi = useMemo(function () {
     return fileCenter + 'show/' + code;
   }, [code]);
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedUrl = _useState12[0],
+    setSelectedUrl = _useState12[1];
   var loadData = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys) {
       var _result$data, _result$data2;
@@ -143,8 +149,14 @@ function ImageSelector(prop) {
   }, [visible, searchKey]);
   useEffect(function () {
     var val = formRef.current.getFieldsValue();
-    if (val && val[name]) {
-      setImgUrl(val[name]);
+    var url = val === null || val === void 0 ? void 0 : val[name];
+    if (!url) {
+      url = formRef.current.getFieldValue(name);
+    }
+    if (url) {
+      var urls = url.toString().split(',');
+      setImgUrl(urls[0]);
+      setSelectedUrl(urls);
     }
   }, []);
   // 验证上传文件大小
@@ -208,6 +220,28 @@ function ImageSelector(prop) {
       }
     } catch (e) {}
   }, [imgUrl]);
+  var toggleSelectImage = function toggleSelectImage(url) {
+    if (selectedUrl.includes(url)) {
+      setSelectedUrl(function (val) {
+        return val.filter(function (o) {
+          return o !== url;
+        });
+      });
+    } else if (selectedUrl.length < maxCount && maxCount > 1) {
+      setSelectedUrl([].concat(_toConsumableArray(selectedUrl), [url]));
+    } else if (maxCount === 1) {
+      setSelectedUrl([url]);
+    }
+  };
+  var confirmImage = function confirmImage() {
+    var formVal = formRef.current.getFieldsValue();
+    var val = _objectSpread({}, formVal);
+    //@ts-ignore
+    val[name] = selectedUrl.join(',');
+    formRef.current.setFieldsValue(val);
+    setImgUrl(selectedUrl.join(','));
+    setVisible(false);
+  };
   var clearValue = function clearValue(e) {
     if (!e || !e.target.value) {
       var _formRef$current;
@@ -225,7 +259,7 @@ function ImageSelector(prop) {
         maxWidth: 22,
         maxHeight: 22
       },
-      src: imgUrl,
+      src: (imgUrl || '').split(',')[0],
       onClick: function onClick() {
         return showSelect();
       }
@@ -259,7 +293,7 @@ function ImageSelector(prop) {
     className: "img-wrapper"
   }, /*#__PURE__*/React.createElement("img", {
     className: "img-preview ".concat(imageClass),
-    src: imgUrl
+    src: (imgUrl || '').split(',')[0]
   }), (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, {
@@ -330,11 +364,19 @@ function ImageSelector(prop) {
       onClick: function onClick() {
         return loadData(searchKey);
       }
-    }, nextMarker ? '加载更多' : '刷新')),
-    getContainer: false
+    }, nextMarker ? '加载更多' : '刷新'), maxCount > 1 && /*#__PURE__*/React.createElement(_Button, {
+      onClick: confirmImage
+    }, "\u786E\u8BA4")),
+    getContainer: function getContainer() {
+      return document.body;
+    }
   }, modalProps), /*#__PURE__*/React.createElement("div", {
     style: {
-      minHeight: '120px'
+      minHeight: '120px',
+      display: 'flex',
+      marginLeft: 16,
+      gap: 16,
+      flexWrap: 'wrap'
     }
   }, list.map(function (o) {
     return /*#__PURE__*/React.createElement(_Card, {
@@ -342,9 +384,8 @@ function ImageSelector(prop) {
       style: {
         width: '125px',
         height: '130px',
-        display: 'inline-block',
-        margin: '10px',
-        verticalAlign: 'middle'
+        verticalAlign: 'middle',
+        background: selectedUrl.includes(o.url) ? '#efefef' : '#fff'
       },
       bodyStyle: {
         padding: '15px 8px',
@@ -361,8 +402,12 @@ function ImageSelector(prop) {
         val[name] = o.url;
         formRef.current.setFieldsValue(val);
         setImgUrl(o.url);
+        setSelectedUrl([o.url]);
         setVisible(false);
       },
+      onClick: function onClick() {
+        toggleSelectImage(o.url);
+      },
       key: o.path
     }, /*#__PURE__*/React.createElement("div", {
       style: {
@@ -374,7 +419,7 @@ function ImageSelector(prop) {
         maxWidth: '80px',
         maxHeight: '80px'
       },
-      src: showImgApi + '?fileName=' + o.path
+      src: o.url
     })), /*#__PURE__*/React.createElement("div", {
       style: {
         whiteSpace: 'nowrap',

package/es/components/InputTable.d.ts

@@ -39,6 +39,7 @@ export declare type InputTableProps = ProFormItemProps<InputProps> & {
     loadOnShow?: boolean;
     placement?: TooltipPlacement;
     arrowPointAtCenter?: boolean;
+    rowKey?: any;
     /**@name 选择行事件 */
     onSelectChange?: (item: any, formRef?: any) => void;
     /**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */
@@ -93,6 +94,7 @@ declare const InputTable: React.ForwardRefExoticComponent<{
     loadOnShow?: boolean | undefined;
     placement?: TooltipPlacement | undefined;
     arrowPointAtCenter?: boolean | undefined;
+    rowKey?: any;
     /**@name 选择行事件 */
     onSelectChange?: ((item: any, formRef?: any) => void) | undefined;
     /**@name 加载之前事件,param为查询条件对象,可以通过此方法调整 */

package/es/components/InputTable.js

@@ -6,10 +6,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 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", "placement", "arrowPointAtCenter"],
+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", "rowKey"],
   _excluded2 = ["current", "pageSize"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useRef, useState, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
@@ -79,6 +80,7 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     placement = _prop$placement === void 0 ? 'bottom' : _prop$placement,
     _prop$arrowPointAtCen = prop.arrowPointAtCenter,
     arrowPointAtCenter = _prop$arrowPointAtCen === void 0 ? true : _prop$arrowPointAtCen,
+    rowKey = prop.rowKey,
     rest = _objectWithoutProperties(prop, _excluded);
   //显示输入框绑定的name,如果不设置textName,设置为$name__text
   var textNameProp = useMemo(function () {
@@ -156,20 +158,35 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   // 初始化数据
   useEffect(function () {
     setTimeout(function () {
-      var _formRef$current, _formRef$current2;
-      var txt = formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldValue(textNameProp);
-      var val = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldValue(name);
+      var txt = '',
+        val = '';
+      if (rowKey) {
+        try {
+          var _formRef$current, _formRef$current$getF;
+          var row = formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : (_formRef$current$getF = _formRef$current.getFieldsValue()) === null || _formRef$current$getF === void 0 ? void 0 : _formRef$current$getF[rowKey];
+          txt = row === null || row === void 0 ? void 0 : row[textNameProp];
+          val = row === null || row === void 0 ? void 0 : row[name];
+        } catch (_unused) {}
+      } else {
+        var _formRef$current2, _formRef$current3;
+        txt = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldValue(textNameProp);
+        val = formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getFieldValue(name);
+      }
       if (txt) {
         setText(txt);
       } else if (val) {
         setText(val);
       }
     }, 0);
-  }, []);
+  }, [rowKey]);
   // 处理返回数据
   var handleValue = function handleValue(row) {
-    var _formRef$current3, _formRef$current4;
-    var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getFieldsValue();
+    var _formRef$current4;
+    var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.getFieldsValue();
+    if (rowKey) {
+      formValue = formValue[rowKey] || {};
+    }
+    if (!formValue) return;
     var txt;
     //支持多选
     if (Array.isArray(row)) {
@@ -204,7 +221,12 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     formValue[textNameProp] = txt;
     setText(txt);
     setVisible(false);
-    (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldsValue(_objectSpread({}, formValue));
+    if (rowKey) {
+      formRef.current.setFieldsValue(_defineProperty({}, rowKey, formValue));
+    } else {
+      var _formRef$current5;
+      (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldsValue(_objectSpread({}, formValue));
+    }
     onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(row, formRef);
   };
   // 可输入时,回车或失去焦点调接口查询数据
@@ -234,29 +256,39 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
   };
   //直接输入不回车,value 和 text 为同一个值
   var onInput = function onInput(e) {
-    var _formRef$current5;
-    var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.getFieldsValue();
+    var _formRef$current6;
+    var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.getFieldsValue();
+    if (rowKey) {
+      formValue = formValue[rowKey] || {};
+    }
     var val = e.target.value;
     formValue[name] = val;
     formValue[textNameProp] = val;
     setText(val);
-    formRef.current.setFieldsValue(_objectSpread({}, formValue));
+    if (rowKey) {
+      formRef.current.setFieldsValue(_defineProperty({}, rowKey, formValue));
+    } else {
+      var _formRef$current7;
+      (_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.setFieldsValue(_objectSpread({}, formValue));
+    }
   };
   // 当表单重置或点clear时,处理值
   var clearValue = function clearValue(e) {
     if (!e.target.value) {
-      var _formRef$current6;
+      var _formRef$current8;
       setText('');
-      var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.getFieldsValue();
+      var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : _formRef$current8.getFieldsValue();
+      if (rowKey) {
+        formValue = formValue[rowKey] || {};
+      }
       formValue[name] = '';
       formValue[textNameProp] = '';
-      // 不处理，其它表单自己清空
-      // if (fillMap) {
-      //     for (let key in fillMap) {
-      //         formValue[key] = '';
-      //     }
-      // }
-      formRef.current.setFieldsValue(_objectSpread({}, formValue));
+      if (rowKey) {
+        formRef.current.setFieldsValue(_defineProperty({}, rowKey, formValue));
+      } else {
+        var _formRef$current9;
+        (_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.setFieldsValue(_objectSpread({}, formValue));
+      }
     }
   };
   useEffect(function () {
@@ -267,12 +299,18 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
     }
   }, [text]);
   var tableDom = /*#__PURE__*/React.createElement(ProTable, _extends({
+    className: "ls-input-table",
     columns: columns,
     request: loadData,
     manualRequest: false,
     actionRef: tableRef,
     search: {
-      labelWidth: labelWidth
+      labelWidth: labelWidth,
+      optionRender: function optionRender(p, s, _dom) {
+        return _dom.filter(function (item) {
+          return item.key === 'submit';
+        });
+      }
     },
     options: {
       density: false,
@@ -308,7 +346,13 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
       }, "\u786E\u8BA4")];
     },
     headerTitle: "\u53CC\u51FB\u9009\u4E2D\u5F53\u524D\u884C\u6570\u636E"
-  }, tableConfig));
+  }, tableConfig, {
+    cardProps: {
+      bodyStyle: {
+        padding: 0
+      }
+    }
+  }));
   // 处理有值时，可清空
   useEffect(function () {
     if (rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)) return;
@@ -341,6 +385,12 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         }
       }, loadOnShow ? visible ? tableDom : null : tableDom),
       trigger: "click",
+      overlayInnerStyle: {
+        width: 'max-content'
+      },
+      overlayStyle: {
+        width: 'max-content'
+      },
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible,
       getPopupContainer: getPopupContainer,
@@ -382,6 +432,12 @@ var InputTable = /*#__PURE__*/React.forwardRef(function (prop, ref) {
         }
       }, loadOnShow ? visible ? tableDom : null : tableDom),
       trigger: "click",
+      overlayInnerStyle: {
+        width: 'max-content'
+      },
+      overlayStyle: {
+        width: 'max-content'
+      },
       visible: rest.disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled) ? false : visible,
       onVisibleChange: setVisible,
       getPopupContainer: getPopupContainer,

package/es/components/antd-custom.less

@@ -34,8 +34,11 @@
 }
 
 .ant-modal-content {
-  border-radius   : 8px !important;
-  // box-shadow   : 0px 4px 6px rgba(0, 0, 0, 0.05) !important;
+  border-radius: 8px !important;
+
+  .ant-modal-header {
+    border-radius: 8px 8px 0 0 !important;
+  }
 }
 
 .ant-input-number,
@@ -45,6 +48,11 @@
   border-radius: 4px !important;
 }
 
+.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
+  border-top-right-radius   : 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
 .ant-picker-range-separator {
   padding: 0 2px !important;
 
@@ -58,7 +66,7 @@
   height          : 32px;
   background-color: #E6F4FF;
   border-color    : transparent;
-  color           : #595959;
+  color           : var(--ant-primary-color);
   border-radius   : 4px;
 
   &.ant-btn-lg {
@@ -67,15 +75,15 @@
 
   &:hover,
   &:focus {
-    background-color: #E6F4FF;
+    background-color: #B5DBFF;
     border-color    : transparent;
-    color           : #000;
+    color           : var(--ant-primary-color);
   }
 
   &:active {
     background-color: #BDDFFF;
     border-color    : transparent;
-    color           : #141414;
+    color           :  var(--ant-primary-color);
   }
 
   &[disabled],
@@ -88,8 +96,6 @@
   }
 }
 
-
-
 .ant-btn-primary {
   background-color: var(--ant-primary-color);
   border-color    : transparent;
@@ -210,4 +216,9 @@
   &[disabled]:active {
     color: #d9d9d9;
   }
+}
+
+.ant-checkbox-checked::after {
+  animation          : none !important;
+  animation-fill-mode: none !important;
 }

package/es/components/common.less

@@ -1,98 +1,57 @@
 body {
 
-  --bg-color:#F9FAFB;
-
-
-  --ant-primary-color                       : #0E55CB;
-  --ant-primary-color-hover                 : #3277d9;
-  --ant-primary-color-active                : #033ca6;
-  --ant-primary-color-outline               : rgba(14, 85, 203, 0.2);
-  --ant-primary-1                           : #e6f4ff;
-  --ant-primary-2                           : #b5dbff;
-  --ant-primary-3                           : #85baf2;
-  --ant-primary-4                           : #5a99e6;
-  --ant-primary-5                           : #3277d9;
-  --ant-primary-6                           : #0E55CB;
-  --ant-primary-7                           : #033ca6;
-  --ant-primary-color-deprecated-pure       : #94b9f8;
-  --ant-primary-color-deprecated-l-35       : #94b9f8;
-  --ant-primary-color-deprecated-l-20       : #4c8bf3;
-  --ant-primary-color-deprecated-t-20       : #3e77d5;
-  --ant-primary-color-deprecated-t-50       : #87aae5;
-  --ant-primary-color-deprecated-f-12       : rgba(14, 85, 203, 0.12);
+  --bg-color: #F9FAFB;
+
+
+  --ant-primary-color: #1869ED;
+  --ant-primary-color-hover: #418efa;
+  --ant-primary-color-active: #0a4cc7;
+  --ant-primary-color-outline: rgba(24, 105, 237, 0.2);
+  --ant-primary-1: #e6f4ff;
+  --ant-primary-2: #bddfff;
+  --ant-primary-3: #94c8ff;
+  --ant-primary-4: #6baeff;
+  --ant-primary-5: #418efa;
+  --ant-primary-6: #1869ED;
+  --ant-primary-7: #0a4cc7;
+  --ant-primary-color-deprecated-pure: #bed5fa;
+  --ant-primary-color-deprecated-l-35: #bed5fa;
+  --ant-primary-color-deprecated-l-20: #77a6f4;
+  --ant-primary-color-deprecated-t-20: #4687f1;
+  --ant-primary-color-deprecated-t-50: #8cb4f6;
+  --ant-primary-color-deprecated-f-12: rgba(24, 105, 237, 0.12);
   --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
   --ant-primary-color-active-deprecated-d-02: #dcf0ff;
-  --ant-success-color                       : #52c41a;
-  --ant-success-color-hover                 : #73d13d;
-  --ant-success-color-active                : #389e0d;
-  --ant-success-color-outline               : rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg         : #f6ffed;
-  --ant-success-color-deprecated-border     : #b7eb8f;
-  --ant-error-color                         : #ff4d4f;
-  --ant-error-color-hover                   : #ff7875;
-  --ant-error-color-active                  : #d9363e;
-  --ant-error-color-outline                 : rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg           : #fff2f0;
-  --ant-error-color-deprecated-border       : #ffccc7;
-  --ant-warning-color                       : #faad14;
-  --ant-warning-color-hover                 : #ffc53d;
-  --ant-warning-color-active                : #d48806;
-  --ant-warning-color-outline               : rgba(250, 173, 20, 0.2);
-  --ant-warning-color-deprecated-bg         : #fffbe6;
-  --ant-warning-color-deprecated-border     : #ffe58f;
-  --ant-info-color                          : #0E55CB;
-  --ant-info-color-deprecated-bg            : #e6f4ff;
-  --ant-info-color-deprecated-border        : #85baf2;
-
-
-  // --ant-primary-color                       : #4997E6;
-  // --ant-primary-color-hover                 : #74b7f2;
-  // --ant-primary-color-active                : #3475bf;
-  // --ant-primary-color-outline               : rgba(73, 151, 230, 0.2);
-  // --ant-primary-1                           : #f0faff;
-  // --ant-primary-2                           : #f0f9ff;
-  // --ant-primary-3                           : #ccebff;
-  // --ant-primary-4                           : #a3d7ff;
-  // --ant-primary-5                           : #74b7f2;
-  // --ant-primary-6                           : #4997E6;
-  // --ant-primary-7                           : #3475bf;
-  // --ant-primary-color-deprecated-pure       : #e6f1fc;
-  // --ant-primary-color-deprecated-l-35       : #e6f1fc;
-  // --ant-primary-color-deprecated-l-20       : #a3caf2;
-  // --ant-primary-color-deprecated-t-20       : #6daceb;
-  // --ant-primary-color-deprecated-t-50       : #a4cbf3;
-  // --ant-primary-color-deprecated-f-12       : rgba(73, 151, 230, 0.12);
-  // --ant-primary-color-active-deprecated-f-30: rgba(240, 250, 255, 0.3);
-  // --ant-primary-color-active-deprecated-d-02: #e6f7ff;
-  // --ant-success-color                       : #52c41a;
-  // --ant-success-color-hover                 : #73d13d;
-  // --ant-success-color-active                : #389e0d;
-  // --ant-success-color-outline               : rgba(82, 196, 26, 0.2);
-  // --ant-success-color-deprecated-bg         : #f6ffed;
-  // --ant-success-color-deprecated-border     : #b7eb8f;
-  // --ant-error-color                         : #ff4d4f;
-  // --ant-error-color-hover                   : #ff7875;
-  // --ant-error-color-active                  : #d9363e;
-  // --ant-error-color-outline                 : rgba(255, 77, 79, 0.2);
-  // --ant-error-color-deprecated-bg           : #fff2f0;
-  // --ant-error-color-deprecated-border       : #ffccc7;
-  // --ant-warning-color                       : #faad14;
-  // --ant-warning-color-hover                 : #ffc53d;
-  // --ant-warning-color-active                : #d48806;
-  // --ant-warning-color-outline               : rgba(250, 173, 20, 0.2);
-  // --ant-warning-color-deprecated-bg         : #fffbe6;
-  // --ant-warning-color-deprecated-border     : #ffe58f;
-  // --ant-info-color                          : #4997E6;
-  // --ant-info-color-deprecated-bg            : #f0faff;
-  // --ant-info-color-deprecated-border        : #ccebff;
+  --ant-success-color: #52c41a;
+  --ant-success-color-hover: #73d13d;
+  --ant-success-color-active: #389e0d;
+  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
+  --ant-success-color-deprecated-bg: #f6ffed;
+  --ant-success-color-deprecated-border: #b7eb8f;
+  --ant-error-color: #ff4d4f;
+  --ant-error-color-hover: #ff7875;
+  --ant-error-color-active: #d9363e;
+  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
+  --ant-error-color-deprecated-bg: #fff2f0;
+  --ant-error-color-deprecated-border: #ffccc7;
+  --ant-warning-color: #faad14;
+  --ant-warning-color-hover: #ffc53d;
+  --ant-warning-color-active: #d48806;
+  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe58f;
+  --ant-info-color: #1869ED;
+  --ant-info-color-deprecated-bg: #e6f4ff;
+  --ant-info-color-deprecated-border: #94c8ff;
+  
 }
 
 * ::-webkit-scrollbar-thumb {
-  background-color: rgba(101, 100, 99, 0.5);
+  background-color: #EFF2F4;
   border-radius   : 6px;
 
   &:hover {
-    background-color: rgba(101, 100, 99, 0.8);
+    background-color: #E4E7EA;
     border-radius   : 6px;
   }
 }
@@ -176,7 +135,7 @@ body.theme-yellow {
   left          : 0;
   right         : 0;
   bottom        : 0;
-  background    : var(--bg-color,#f9fafb);
+  background    : var(--bg-color, #f9fafb);
   display       : flex;
   flex-direction: column;
   z-index       : 50;
@@ -400,6 +359,7 @@ a:hover {
   align-items   : center;
   background    : #fff;
   padding-bottom: 12px;
+
   .ls-group-divider {
     height      : 14px;
     border-right: 2px solid var(--ant-primary-color);
@@ -503,6 +463,12 @@ a:hover {
   }
 }
 
+.ls-input-table {
+  .ant-pro-table-list-toolbar {
+    padding-top: 0px;
+  }
+}
+
 
 @import url('./antd-custom.less');
 

package/es/hooks/useSingle/index.js

@@ -585,7 +585,6 @@ function useSingle(inParam) {
   var tableTools = useMemo(function () {
     return [(toolConfig === null || toolConfig === void 0 ? void 0 : toolConfig.add) && canAdd ? /*#__PURE__*/React.createElement(_Button, {
       key: "add",
-      type: "primary",
       onClick: function onClick() {
         return onAdd(null);
       },

package/es/utils/index.d.ts

@@ -248,3 +248,4 @@ export declare const openPageInMain: (option: {
 }) => void;
 export declare const showLoading: (text?: string) => void;
 export declare const exitLoading: () => void;
+export declare const handleTheme: () => void;

package/es/utils/index.js

@@ -662,4 +662,10 @@ export var exitLoading = function exitLoading() {
     var _loading$parentNode;
     (_loading$parentNode = loading.parentNode) === null || _loading$parentNode === void 0 ? void 0 : _loading$parentNode.removeChild(loading);
   }
+};
+export var handleTheme = function handleTheme() {
+  var theme = getCache('theme');
+  if (theme) {
+    document.body.classList.add('theme-' + theme);
+  }
 };