@kdcloudjs/kdesign 1.7.58 → 1.7.60

package/es/tree-select/tree-select.js

@@ -236,7 +236,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
     onClear === null || onClear === void 0 ? void 0 : onClear('');
     setSearchValue('');
-    onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
+    isMultiple ? onChange === null || onChange === void 0 ? void 0 : onChange('', '') : onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
   };
   // 多选模式下清除某一项
   var handleRemove = function handleRemove(e, key) {

package/lib/_utils/domUtil.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const scrollToDirectory: (ref: React.MutableRefObject<any>) => void;

package/lib/_utils/domUtil.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollToDirectory = void 0;
+var _domScrollIntoView = _interopRequireDefault(require("dom-scroll-into-view"));
+var scrollToDirectory = function scrollToDirectory(ref) {
+  var directoryElement = ref.current;
+  if (directoryElement) {
+    var rect = ref.current.getBoundingClientRect();
+    var parent = ref.current.parentElement;
+    var parentRect = parent.getBoundingClientRect();
+    var relativeTop = rect.top - parentRect.top;
+    var relativeBottom = rect.bottom - parentRect.top;
+    var isHide = relativeTop < 0 || relativeBottom > parent.clientHeight;
+    if (isHide) {
+      (0, _domScrollIntoView.default)(ref.current, ref.current.parentElement);
+    }
+  }
+};
+exports.scrollToDirectory = scrollToDirectory;

package/lib/cascader/cascader.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CascaderPlacement = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -24,6 +24,7 @@ var _type = require("../_utils/type");
 var _utils = require("../_utils");
 var _configProvider = require("../config-provider");
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
+var _domUtil = require("../_utils/domUtil");
 var _input = _interopRequireDefault(require("../input"));
 var _icon = _interopRequireDefault(require("../icon"));
 var _empty = _interopRequireDefault(require("../empty"));
@@ -42,6 +43,28 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 var CascaderPlacement = (0, _type.tuple)('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
 exports.CascaderPlacement = CascaderPlacement;
+var CascaderMenuSubmenu = function CascaderMenuSubmenu(props) {
+  var optionProps = props.optionProps,
+    label = props.label,
+    children = props.children,
+    selected = props.selected,
+    isMultiple = props.isMultiple;
+  var ref = (0, _react.useRef)(null);
+  var isFirst = (0, _react.useRef)(!isMultiple);
+  (0, _react.useEffect)(function () {
+    if (typeof selected === 'boolean' && isFirst.current && ref.current) {
+      isFirst.current = false;
+      if (selected && !isMultiple) {
+        (0, _domUtil.scrollToDirectory)(ref);
+      }
+    }
+  }, [selected]);
+  return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
+    ref: ref
+  }, optionProps, {
+    title: label
+  }), children);
+};
 var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -85,13 +108,18 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var inputRef = (0, _react.useRef)();
   var suffixRef = (0, _react.useRef)(null);
   var wrapperRef = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
+  var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   _react.default.useEffect(function () {
     setVisible(!!props.popperVisible || !!props.popupVisible);
   }, [props.popperVisible, props.popupVisible]);
+  _react.default.useEffect(function () {
+    if (!!props.popperVisible || !!props.popupVisible || defaultPopupVisible) {
+      setVisible(true);
+    }
+  }, []);
   var _useState3 = (0, _react.useState)([options]),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     menus = _useState4[0],
@@ -412,11 +440,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
-  var onVisibleChange = function onVisibleChange(visible) {
-    setVisible(visible);
-    onPopupVisibleChange && onPopupVisibleChange(visible);
-    onPopperVisibleChange && onPopperVisibleChange(visible);
-    visible && setSelectedOptions((0, _slice.default)(currentOptions).call(currentOptions, 0));
+  var onVisibleChange = function onVisibleChange(v) {
+    setVisible(v);
+    onPopupVisibleChange && onPopupVisibleChange(v);
+    onPopperVisibleChange && onPopperVisibleChange(v);
+    v && setSelectedOptions((0, _slice.default)(currentOptions).call(currentOptions, 0));
   };
   var cascaderMenus = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) && (0, _map.default)(menus).call(menus, function (opts, index) {
     return /*#__PURE__*/_react.default.createElement("ul", {
@@ -449,10 +477,13 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "arrow-right"
       })));
-      return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(CascaderMenuSubmenu, (0, _extends2.default)({
         key: value
-      }, optionProps, {
-        title: label
+      }, {
+        isMultiple: isMultiple,
+        optionProps: optionProps,
+        label: label,
+        selected: selected
       }), isMultiple ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
         checked: (0, _util.getChecked)(checkedKeys, value),
         indeterminate: (0, _util.getHalfChecked)(halfCheckedKeys, value),

package/lib/config-provider/compDefaultProps.d.ts

@@ -488,5 +488,12 @@ declare const compDefaultProps: {
         errorLevel: string;
         color: string;
     };
+    Signature: {
+        penColor: string;
+        backgroundColor: string;
+        containerWidth: number;
+        containerHeight: number;
+        canFullScreen: boolean;
+    };
 };
 export default compDefaultProps;

package/lib/config-provider/compDefaultProps.js

@@ -516,6 +516,13 @@ var compDefaultProps = {
     type: 'canvas',
     errorLevel: 'H',
     color: '#000000'
+  },
+  Signature: {
+    penColor: 'black',
+    backgroundColor: 'white',
+    containerWidth: 610,
+    containerHeight: 500,
+    canFullScreen: true
   }
 };
 var _default = compDefaultProps;

package/lib/date-picker/date-picker.js

@@ -114,10 +114,15 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
     dateValue = _useMergedState2[0],
     setDateValue = _useMergedState2[1];
-  var _React$useState = _react.default.useState(dateValue),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    selectedValue = _React$useState2[0],
-    setSelectedValue = _React$useState2[1];
+  var _useMergedState3 = (0, _hooks.useMergedState)(null, {
+      value: dateValue,
+      postState: function postState(v) {
+        return v && !(0, _dateFns.isValid)(v) ? null : v;
+      }
+    }),
+    _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
+    selectedValue = _useMergedState4[0],
+    setSelectedValue = _useMergedState4[1];
   var hours;
   var minutes;
   var seconds;
@@ -148,7 +153,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     viewDate = _useState2[0],
     setInnerViewDate = _useState2[1];
   var setViewDate = function setViewDate(date) {
-    setInnerViewDate((0, _dateFns.isDate)(date) ? date : new Date());
+    setInnerViewDate((0, _dateFns.isValid)(date) ? date : new Date());
   };
   (0, _react.useEffect)(function () {
     setViewDate(dateValue);
@@ -187,7 +192,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     hoverValue = _useHoverValue2[0],
     onEnter = _useHoverValue2[1],
     onLeave = _useHoverValue2[2];
-  var _useMergedState3 = (0, _hooks.useMergedState)(false, {
+  var _useMergedState5 = (0, _hooks.useMergedState)(false, {
       value: open,
       defaultValue: defaultOpen,
       postState: function postState(postOpen) {
@@ -202,10 +207,10 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         // }
       }
     }),
-    _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
-    openValue = _useMergedState4[0],
-    triggerInnerOpen = _useMergedState4[1];
-  var _useMergedState5 = (0, _hooks.useMergedState)(function () {
+    _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
+    openValue = _useMergedState6[0],
+    triggerInnerOpen = _useMergedState6[1];
+  var _useMergedState7 = (0, _hooks.useMergedState)(function () {
       if (picker === 'time') {
         return 'time';
       }
@@ -213,9 +218,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, {
       value: mode
     }),
-    _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
-    mergedMode = _useMergedState6[0],
-    setInnerMode = _useMergedState6[1];
+    _useMergedState8 = (0, _slicedToArray2.default)(_useMergedState7, 2),
+    mergedMode = _useMergedState8[0],
+    setInnerMode = _useMergedState8[1];
   var _useState3 = (0, _react.useState)(undefined),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     innerPicker = _useState4[0],
@@ -243,9 +248,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [picker]);
-  (0, _react.useEffect)(function () {
-    setSelectedValue(dateValue);
-  }, [dateValue]);
   (0, _hooks.useOnClickOutside)([popperRef, inputDivRef], function () {
     setViewDate(selectedValue || (0, _dateFns.newDate)());
     triggerOpen(false);

package/lib/date-picker/hooks/use-range-view-dates.js

@@ -60,6 +60,12 @@ function getRangeViewDate(values, index, picker) {
   }
   return startDate;
 }
+function checkViewDate(value) {
+  if (value && !(0, _dateFns.isValid)(value)) {
+    return false;
+  }
+  return value;
+}
 function useRangeViewDates(_ref) {
   var values = (0, _values.default)(_ref),
     picker = _ref.picker,
@@ -80,7 +86,7 @@ function useRangeViewDates(_ref) {
     if (defaultViewDates[index]) {
       return defaultViewDates[index];
     }
-    return (0, _utils.getValue)(viewDates, index) || getRangeViewDate(values, index, picker) || startDate || endDate || (0, _dateFns.newDate)();
+    return checkViewDate((0, _utils.getValue)(viewDates, index)) || checkViewDate(getRangeViewDate(values, index, picker)) || checkViewDate(startDate) || checkViewDate(endDate) || (0, _dateFns.newDate)();
   }
   function setViewDate(viewDate, index) {
     if (viewDate) {

package/lib/date-picker/panel/time/time.js

@@ -51,7 +51,9 @@ function TimePanel(props) {
     minutes = _context$minutes === void 0 ? [] : _context$minutes,
     _context$seconds = context.seconds,
     seconds = _context$seconds === void 0 ? [] : _context$seconds,
-    disabledTimePanel = context.disabledTimePanel;
+    disabledTimePanel = context.disabledTimePanel,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition;
   var picker = props.picker,
     _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
@@ -84,9 +86,22 @@ function TimePanel(props) {
   var hour = originHour;
   // const minute = value ? getMinutes(value) : -1
   // const second = value ? getSeconds(value) : -1
+  var getDefaultDate = function getDefaultDate() {
+    if (panelPosition) {
+      if (rangeValue && rangeValue[0] && (0, _dateFns.isValid)(rangeValue[0])) {
+        return rangeValue[0];
+      }
+      if (rangeValue && rangeValue[1] && (0, _dateFns.isValid)(rangeValue[1])) {
+        return rangeValue[1];
+      }
+    } else if (value && (0, _dateFns.isValid)(value)) {
+      return value;
+    }
+    return (0, _dateFns.newDate)();
+  };
   var setTime = function setTime(isPM, newHour, newMinute, newSecond) {
     var _a, _b, _c;
-    var date = value || (0, _dateFns.newDate)();
+    var date = getDefaultDate();
     var _hour = newHour > -1 ? newHour : (_a = (0, _find.default)(rawHours).call(rawHours, function (n) {
       return !n.disabled;
     })) === null || _a === void 0 ? void 0 : _a.value;

package/lib/date-picker/range-picker.js

@@ -42,14 +42,6 @@ function reorderValues(values) {
   }
   return values;
 }
-// 范围时间顺序错误时报错
-function isErrorValues(values) {
-  if (values && values[0] && values[1] && (0, _dateFns.isAfter)(values[0], values[1])) {
-    console.error('开始日期在结束日期之后');
-    return true;
-  }
-  return false;
-}
 // 是否可以切换选择器
 function canValueTrigger(value, index, disabled, allowEmpty) {
   if (value) {
@@ -157,17 +149,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   // 原始数据
   var _useMergedState3 = (0, _hooks.useMergedState)(null, {
       value: value,
-      defaultValue: defaultValue,
-      postState: function postState(values) {
-        if (picker === 'time' || picker === 'date' && showTime) {
-          return order ? reorderValues(values) : values;
-        } else {
-          if (isErrorValues(values)) {
-            return [values[0], null];
-          }
-          return values;
-        }
-      }
+      defaultValue: defaultValue
     }),
     _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
     dateValue = _useMergedState4[0],
@@ -182,8 +164,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
         // Fill disabled unit
         for (var i = 0; i < 2; i++) {
-          if (mergedDisabled[i] && !(0, _utils2.getValue)(postValues, i) && !(0, _utils2.getValue)(allowEmpty, i)) {
+          var v = (0, _utils2.getValue)(postValues, i);
+          if (mergedDisabled[i] && !v && !(0, _utils2.getValue)(allowEmpty, i)) {
             postValues = (0, _utils2.updateValues)(postValues, (0, _dateFns.newDate)(), i);
+          } else if (v && !(0, _dateFns.isValid)(v)) {
+            postValues = (0, _utils2.updateValues)(postValues, null, i);
           }
         }
         return postValues;
@@ -364,12 +349,20 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }, 0);
   };
+  var triggerChangeInner = function triggerChangeInner(values) {
+    if (typeof value === 'undefined') {
+      setInnerValue(values);
+    }
+    if (onChange && (!(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 0), (0, _utils2.getValue)(values, 0)) || !(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 1), (0, _utils2.getValue)(values, 1)))) {
+      onChange(values, [values && values[0] ? (0, _dateFns.formatDate)(values[0], _format) : '', values && values[1] ? (0, _dateFns.formatDate)(values[1], _format) : '']);
+    }
+  };
   var triggerChange = function triggerChange(newValue, sourceIndex) {
     var values = newValue;
     var startValue = (0, _utils2.getValue)(values, 0);
     var endValue = (0, _utils2.getValue)(values, 1);
     if (startValue && endValue && (0, _dateFns.isAfter)(startValue, endValue)) {
-      if (picker === 'week' && !(0, _isSameWeek.default)(startValue, endValue) || picker === 'quarter' && !(0, _dateFns.isSameQuarter)(startValue, endValue) || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !(0, _dateFns.isSameDay)(startValue, endValue)) {
+      if (picker === 'week' && !(0, _isSameWeek.default)(startValue, endValue) || picker === 'quarter' && !(0, _dateFns.isSameQuarter)(startValue, endValue) || picker === 'time' && !(0, _dateFns.isEqual)(startValue, endValue) || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !(0, _dateFns.isSameDay)(startValue, endValue)) {
         if (sourceIndex === 0) {
           values = [startValue, null];
           endValue = null;
@@ -378,8 +371,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           values = [null, endValue];
         }
         openRecordsRef.current = (0, _defineProperty2.default)({}, sourceIndex, true);
-      } else if (picker === 'time' && order === true) {
-        values = reorderValues(values);
       }
     }
     setSelectedValue(values);
@@ -395,11 +386,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);
     var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;
     if (canTrigger) {
-      if (typeof value === 'undefined') {
-        setInnerValue(values);
-      }
-      if (onChange && (!(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 0), startValue) || !(0, _dateFns.isEqual)((0, _utils2.getValue)(dateValue, 1), endValue))) {
-        onChange(values, [startStr, endStr]);
+      if (order) {
+        triggerChangeInner(reorderValues(values));
+      } else {
+        triggerChangeInner(values);
       }
     }
     var curValue = (0, _utils2.getValue)(values, sourceIndex);

package/lib/index.d.ts

@@ -59,3 +59,4 @@ export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
 export { default as QRCode } from './qr-code';
 export { default as Divider } from './divider';
+export { default as Signature } from './signature';

package/lib/index.js

@@ -277,6 +277,12 @@ Object.defineProperty(exports, "Select", {
     return _select.default;
   }
 });
+Object.defineProperty(exports, "Signature", {
+  enumerable: true,
+  get: function get() {
+    return _signature.default;
+  }
+});
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function get() {
@@ -458,6 +464,7 @@ var _colorPicker = _interopRequireDefault(require("./color-picker"));
 var _clipboard = _interopRequireDefault(require("./clipboard"));
 var _qrCode = _interopRequireDefault(require("./qr-code"));
 var _divider = _interopRequireDefault(require("./divider"));
+var _signature = _interopRequireDefault(require("./signature"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @remove-on-es-build-begin */

package/lib/locale/locale.d.ts

@@ -100,6 +100,11 @@ declare class LocaleCache {
         'Table.confirmFilter': string;
         'Select.selectAll': string;
         'Select.seleted': string;
+        'Signature.clickToSign': string;
+        'Signature.pleaseWriteHere': string;
+        'Signature.okText': string;
+        'Signature.cancelText': string;
+        'Signature.handwrittenSignature': string;
         'DatePicker.placeholder': string;
         'DatePicker.yearPlaceholder': string;
         'DatePicker.quarterPlaceholder': string;

package/lib/locale/zh-CN.d.ts

@@ -74,6 +74,11 @@ declare const locale: {
     'Table.confirmFilter': string;
     'Select.selectAll': string;
     'Select.seleted': string;
+    'Signature.clickToSign': string;
+    'Signature.pleaseWriteHere': string;
+    'Signature.okText': string;
+    'Signature.cancelText': string;
+    'Signature.handwrittenSignature': string;
     'DatePicker.placeholder': string;
     'DatePicker.yearPlaceholder': string;
     'DatePicker.quarterPlaceholder': string;

package/lib/locale/zh-CN.js

@@ -84,7 +84,12 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'Table.resetFilter': '重置',
   'Table.confirmFilter': '确定',
   'Select.selectAll': '全选',
-  'Select.seleted': '已选{size}项'
+  'Select.seleted': '已选{size}项',
+  'Signature.clickToSign': '点击签名',
+  'Signature.pleaseWriteHere': '请在此处横向书写签名',
+  'Signature.okText': '确定',
+  'Signature.cancelText': '取消',
+  'Signature.handwrittenSignature': '手写签名'
 });
 var _default = locale;
 exports.default = _default;

package/lib/signature/drawingBoard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import SignaturePad from './utils/signature_pad';
+export interface DrawingBoardProps {
+    prefixCls: string;
+    signatureLangMsg: any;
+    isEmpty: boolean;
+    setDataUrl: (dataUrl: string) => void;
+    setIsEmpty: (value: boolean) => void;
+    signaturePad: () => SignaturePad | null | undefined;
+    undo?: () => void;
+    redo?: () => void;
+    onClear?: () => void;
+}
+declare const DrawingBoard: React.ForwardRefExoticComponent<DrawingBoardProps & React.RefAttributes<unknown>>;
+export default DrawingBoard;