@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

package/es/ProDrawerForm/components/ProModal/index.js

@@ -1,14 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isArray from "lodash/isArray";
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState, useRef } from 'react';
 import { Space, Button, Modal } from 'antd';
 import { useScroll, useSize } from 'ahooks';
 import classnames from 'classnames';
+import { isArray } from 'lodash';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * 弹窗组件
  */
@@ -47,100 +47,102 @@ var ProModal = function ProModal(_ref) {
     'pro-modal-no-footer': noRenderFooter,
     'pro-modal-footer-shadow': height >= 450
   }]);
-  var handleFinish = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-    var values, _t, _t2, _t3, _t4, _t5;
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.p = _context.n) {
+  var handleFinish = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var values;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.p = 0;
+          _context.prev = 0;
           if (!open) {
-            _context.n = 8;
+            _context.next = 24;
             break;
           }
-          _context.n = 1;
+          _context.next = 4;
           return form.validateFields();
-        case 1:
-          values = _context.v;
+        case 4:
+          values = _context.sent;
           if (!(okLoading !== undefined)) {
-            _context.n = 5;
+            _context.next = 15;
             break;
           }
-          _t = onOk;
-          if (!_t) {
-            _context.n = 3;
+          _context.t0 = onOk;
+          if (!_context.t0) {
+            _context.next = 12;
             break;
           }
-          _context.n = 2;
+          _context.next = 10;
           return onOk(values, form);
-        case 2:
-          _t2 = _context.v;
-          _t = _t2 === true;
-        case 3:
-          if (!_t) {
-            _context.n = 4;
+        case 10:
+          _context.t1 = _context.sent;
+          _context.t0 = _context.t1 === true;
+        case 12:
+          if (!_context.t0) {
+            _context.next = 14;
             break;
           }
           onCancel && onCancel();
-        case 4:
-          return _context.a(2, true);
-        case 5:
+        case 14:
+          return _context.abrupt("return", true);
+        case 15:
           toggleLoading(true);
-          _t3 = onOk;
-          if (!_t3) {
-            _context.n = 7;
+          _context.t2 = onOk;
+          if (!_context.t2) {
+            _context.next = 22;
             break;
           }
-          _context.n = 6;
+          _context.next = 20;
           return onOk(values, form);
-        case 6:
-          _t4 = _context.v;
-          _t3 = _t4 === true;
-        case 7:
-          if (!_t3) {
-            _context.n = 8;
+        case 20:
+          _context.t3 = _context.sent;
+          _context.t2 = _context.t3 === true;
+        case 22:
+          if (!_context.t2) {
+            _context.next = 24;
             break;
           }
           onCancel && onCancel();
-        case 8:
-          _context.n = 10;
+        case 24:
+          _context.next = 29;
           break;
-        case 9:
-          _context.p = 9;
-          _t5 = _context.v;
+        case 26:
+          _context.prev = 26;
+          _context.t4 = _context["catch"](0);
           /** 使用setTimeout确保DOM已经更新，错误标记已经渲染 */
           setTimeout(function () {
             var _ref$current2, _error$errorFields;
             var errorElement = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelector('[class*="form-item-has-error"]');
-            if (errorElement && (_t5 === null || _t5 === void 0 ? void 0 : (_error$errorFields = _t5.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+            if (errorElement && _context.t4 !== null && _context.t4 !== void 0 && (_error$errorFields = _context.t4.errorFields) !== null && _error$errorFields !== void 0 && _error$errorFields.length) {
               errorElement.scrollIntoView({
                 behavior: 'smooth',
                 block: 'center'
               });
             }
           }, 100);
-        case 10:
-          _context.p = 10;
+        case 29:
+          _context.prev = 29;
           toggleLoading(false);
-          return _context.f(10);
-        case 11:
-          return _context.a(2);
+          return _context.finish(29);
+        case 32:
+        case "end":
+          return _context.stop();
       }
-    }, _callee, null, [[0, 9, 10, 11]]);
+    }, _callee, null, [[0, 26, 29, 32]]);
   })), [onOk, onCancel, form]);
+
   /**
    * 描述：默认底部操作按钮
    *
    */
-  var defaultFooter = _jsxs("div", {
+  var defaultFooter = /*#__PURE__*/_jsxs("div", {
     className: classnames({
       'pro-modal-footer': extraLeft,
       'pro-modal-footer-123': true
     }),
-    children: [extraLeft, _jsxs(Space, {
-      children: [_jsx(Button, {
+    children: [extraLeft, /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
         onClick: onCancel,
         children: cancelText
-      }), _jsx(Button, {
+      }), /*#__PURE__*/_jsx(Button, {
         type: "primary",
         onClick: handleFinish,
         loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
@@ -153,17 +155,17 @@ var ProModal = function ProModal(_ref) {
     if (noRenderFooter) {
       return null;
     }
-    if (/*#__PURE__*/React.isValidElement(footer)) {
-      return _jsx("div", {
+    if ( /*#__PURE__*/React.isValidElement(footer)) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
         children: footer
       });
     }
-    if (_isArray(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
-      return _jsx("div", {
+    if (isArray(footer) && footer !== null && footer !== void 0 && footer.length) {
+      return /*#__PURE__*/_jsx("div", {
         className: "pro-drawer-footer",
         children: footer.map(function (item) {
-          if (/*#__PURE__*/React.isValidElement(item)) {
+          if ( /*#__PURE__*/React.isValidElement(item)) {
             return item;
           }
           return false;
@@ -172,7 +174,7 @@ var ProModal = function ProModal(_ref) {
     }
     return defaultFooter;
   };
-  return _jsx(Modal, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
     className: _className,
     title: title,
     width: width,
@@ -184,7 +186,7 @@ var ProModal = function ProModal(_ref) {
     cancelText: cancelText,
     zIndex: zIndex
   }, modalProps), {}, {
-    children: _jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ref: ref,
       children: children
     })

package/es/ProDrawerForm/components/index.js

@@ -1,2 +1,2 @@
-export { default as ProDrawer } from './ProDrawer';
-export { default as ProModal } from './ProModal';
+export { default as ProDrawer } from "./ProDrawer";
+export { default as ProModal } from "./ProModal";

package/es/ProDrawerForm/index.js

@@ -1,37 +1,48 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _locale$ProDrawerForm3;
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["open", "mode", "size", "disabled", "isView", "form", "proFormProps", "onCancel", "onCloseClean", "children", "okText", "isConfirmClose", "maskClosable", "cancelText"];
+import React, { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
+import { ProDrawer, ProModal } from "./components";
+import ProForm from "../ProForm";
+import { transformBySize } from "./utils";
+import locale from "../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, useImperativeHandle, useMemo } from 'react';
-import { ProDrawer, ProModal } from './components';
-import ProForm from '../ProForm';
-import { transformBySize } from './utils';
-import locale from '../locale';
 var ProDrawerFormContext = /*#__PURE__*/createContext(null);
 export var useProDrawerFormContext = function useProDrawerFormContext() {
   return useContext(ProDrawerFormContext);
 };
 var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _okText, _locale$ProDrawerForm, _locale$ProDrawerForm2;
-  var showType = props.showType,
-    okText = props.okText,
-    isView = props.isView;
+  var _locale$ProDrawerForm, _locale$ProDrawerForm2, _locale$ProDrawerForm3;
   var open = props.open,
-    mode = props.mode,
-    size = props.size,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'Drawer' : _props$mode,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
     disabled = props.disabled,
+    isView = props.isView,
     originalForm = props.form,
-    proFormProps = props.proFormProps,
+    _props$proFormProps = props.proFormProps,
+    proFormProps = _props$proFormProps === void 0 ? {} : _props$proFormProps,
     onCancel = props.onCancel,
-    onCloseClean = props.onCloseClean,
-    children = props.children;
-  showType = mode || showType;
-  isView = isView || disabled;
-  okText = (_okText = okText) !== null && _okText !== void 0 ? _okText : showType === 'Drawer' ? locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.save : locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.confirm;
-  var width = props.width;
+    _props$onCloseClean = props.onCloseClean,
+    onCloseClean = _props$onCloseClean === void 0 ? true : _props$onCloseClean,
+    children = props.children,
+    okText = props.okText,
+    _props$isConfirmClose = props.isConfirmClose,
+    isConfirmClose = _props$isConfirmClose === void 0 ? true : _props$isConfirmClose,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+    _props$cancelText = props.cancelText,
+    cancelText = _props$cancelText === void 0 ? locale === null || locale === void 0 || (_locale$ProDrawerForm = locale.ProDrawerForm) === null || _locale$ProDrawerForm === void 0 ? void 0 : _locale$ProDrawerForm.cancel : _props$cancelText,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var nextIsView = isView || disabled;
+  var nextOkText = okText !== null && okText !== void 0 ? okText : mode === 'Drawer' ? locale === null || locale === void 0 || (_locale$ProDrawerForm2 = locale.ProDrawerForm) === null || _locale$ProDrawerForm2 === void 0 ? void 0 : _locale$ProDrawerForm2.save : locale === null || locale === void 0 || (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.confirm;
+  var width = restProps.width;
   if (!width && size) {
     width = transformBySize(size);
   }
+
   // 强转string 类型
   if (!Number.isNaN(+width)) {
     width = "".concat(width, "px");
@@ -41,8 +52,9 @@ var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
     form = _ProForm$useForm2[0];
   var handleCancel = function handleCancel() {
     onCloseClean && form.resetFields();
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    onCancel === null || onCancel === void 0 || onCancel();
   };
+
   // 暴露form实例给用户
   useImperativeHandle(ref, function () {
     return form;
@@ -51,34 +63,28 @@ var ProDrawerForm = /*#__PURE__*/forwardRef(function (props, ref) {
     return {
       Drawer: ProDrawer,
       Modal: ProModal
-    }[showType];
-  }, [showType]);
-  return _jsx(ProDrawerFormContext.Provider, {
+    }[mode];
+  }, [mode]);
+  return /*#__PURE__*/_jsx(ProDrawerFormContext.Provider, {
     value: {
       source: 'ProDrawerForm'
     },
-    children: open ? _jsx(DrawerModal, _objectSpread(_objectSpread({}, props), {}, {
-      isView: isView,
+    children: open ? /*#__PURE__*/_jsx(DrawerModal, _objectSpread(_objectSpread({}, restProps), {}, {
+      isView: nextIsView,
       open: open,
       form: form,
       width: width,
-      okText: okText,
+      okText: nextOkText,
       onCancel: handleCancel,
-      children: children || _jsx(ProForm, _objectSpread({
+      isConfirmClose: isConfirmClose,
+      maskClosable: maskClosable,
+      cancelText: cancelText,
+      children: children || /*#__PURE__*/_jsx(ProForm, _objectSpread({
         form: form,
-        disabled: isView,
+        disabled: nextIsView,
         footer: false
       }, proFormProps))
     })) : null
   });
 });
-ProDrawerForm.defaultProps = {
-  showType: 'Drawer',
-  size: 'middle',
-  isConfirmClose: true,
-  onCloseClean: true,
-  maskClosable: false,
-  cancelText: locale === null || locale === void 0 ? void 0 : (_locale$ProDrawerForm3 = locale.ProDrawerForm) === null || _locale$ProDrawerForm3 === void 0 ? void 0 : _locale$ProDrawerForm3.cancel,
-  proFormProps: {}
-};
 export default ProDrawerForm;

package/es/ProDrawerForm/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-drawer {
   .original-value-tooltip {

package/es/ProEditLabel/components/RenderProForm.js

@@ -1,11 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _omit from "lodash/omit";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import { omit } from 'lodash';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { Space } from 'antd';
-import { ProForm } from '../../index';
-import { matchFormValue } from '../utils';
+import { ProForm } from "../../index";
+import { matchFormValue } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var RenderProForm = function RenderProForm(props) {
   var _props3, _props6, _props7;
   var columns = [];
@@ -13,19 +15,21 @@ var RenderProForm = function RenderProForm(props) {
   var _props = {};
   useEffect(function () {
     // isNode以ReactNode节点方式打开popUp，默认每次打开弹窗清空弹窗内容
-    if ((primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.value) && !(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.isNode)) {
+    if (primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.value && !(primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.isNode)) {
       var _props2;
       _props.form.setFieldsValue(matchFormValue(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.value, (_props2 = _props) === null || _props2 === void 0 ? void 0 : _props2.columns));
     }
+
     // 销毁重置表单数据
     return function () {
       var _props$form;
-      (_props$form = _props.form) === null || _props$form === void 0 ? void 0 : _props$form.resetFields();
+      (_props$form = _props.form) === null || _props$form === void 0 || _props$form.resetFields();
     };
   }, []);
+
   // 兼容老写法
   if (!props.columns) {
-    columns[0] = _objectSpread(_objectSpread({}, _omit(props, ['title', 'tip', 'form', 'onChange', 'isView', 'isNode'])), {}, {
+    columns[0] = _objectSpread(_objectSpread({}, omit(props, ['title', 'tip', 'form', 'onChange', 'isView', 'isNode'])), {}, {
       name: props.type || 'Input'
     });
     _props = {
@@ -34,37 +38,37 @@ var RenderProForm = function RenderProForm(props) {
       isView: props.isView
     };
   } else {
-    _props = _objectSpread({}, _omit(props, ['onChange', 'isNode']));
+    _props = _objectSpread({}, omit(props, ['onChange', 'isNode']));
   }
-  if ((_props3 = _props) === null || _props3 === void 0 ? void 0 : _props3.isView) {
-    var _props4, _props4$columns;
-    (_props4 = _props) === null || _props4 === void 0 ? void 0 : (_props4$columns = _props4.columns) === null || _props4$columns === void 0 ? void 0 : _props4$columns.forEach(function (item) {
+  if ((_props3 = _props) !== null && _props3 !== void 0 && _props3.isView) {
+    var _props4;
+    (_props4 = _props) === null || _props4 === void 0 || (_props4 = _props4.columns) === null || _props4 === void 0 || _props4.forEach(function (item) {
       item.noStyle = true;
     });
   } else {
-    var _props5, _props5$columns;
-    (_props5 = _props) === null || _props5 === void 0 ? void 0 : (_props5$columns = _props5.columns) === null || _props5$columns === void 0 ? void 0 : _props5$columns.forEach(function (item) {
+    var _props5;
+    (_props5 = _props) === null || _props5 === void 0 || (_props5 = _props5.columns) === null || _props5 === void 0 || _props5.forEach(function (item) {
       item.noStyle = false;
     });
   }
-  return _jsxs(_Fragment, {
-    children: [(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) === null || _props6 === void 0 ? void 0 : _props6.isView) && _jsx("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) !== null && _props6 !== void 0 && _props6.isView) && /*#__PURE__*/_jsx("div", {
       className: "pro-edit-label-title",
       children: primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title
-    }), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) === null || _props7 === void 0 ? void 0 : _props7.isView) && _jsx("div", {
+    }), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) !== null && _props7 !== void 0 && _props7.isView) && /*#__PURE__*/_jsx("div", {
       className: "pro-edit-label-tip",
-      children: _jsxs(Space, {
+      children: /*#__PURE__*/_jsxs(Space, {
         align: "start",
-        children: [_jsx(InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
+        children: [/*#__PURE__*/_jsx(InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
       })
-    }), _jsx(ProForm, _objectSpread({
+    }), /*#__PURE__*/_jsx(ProForm, _objectSpread({
       span: 24,
       footer: false,
       onValuesChange: function onValuesChange(changeValue, values) {
         var _props8;
         if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
-          var _props9, _props9$columns$;
-          primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 ? void 0 : (_props9$columns$ = _props9.columns[0]) === null || _props9$columns$ === void 0 ? void 0 : _props9$columns$.name]);
+          var _props9;
+          primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 || (_props9 = _props9.columns[0]) === null || _props9 === void 0 ? void 0 : _props9.name]);
           return;
         }
         primitiveProps.onChange && primitiveProps.onChange(values);