@power-xa/m-ui 0.0.1 → 0.0.3

package/dist/ProForm/Controls/List/index.js

@@ -0,0 +1,130 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["extra", "children", "listProps", "record"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { cloneElement, Fragment, useCallback } from "react";
+import { Text, View } from "@tarojs/components";
+import { getUUID, ProList, getObjectPathValue, setObjectPathValue } from "../../..";
+import ProFormField from "../../Field";
+import "./index.less";
+var ProFormList = function ProFormList(_ref) {
+  var _listProps$meta3, _listProps$meta4;
+  var extra = _ref.extra,
+    children = _ref.children,
+    listProps = _ref.listProps,
+    record = _ref.record,
+    fieldProps = _objectWithoutProperties(_ref, _excluded);
+  var disabled = fieldProps.disabled,
+    _fieldProps$value = fieldProps.value,
+    value = _fieldProps$value === void 0 ? [] : _fieldProps$value,
+    onChange = fieldProps.onChange;
+  var renderListContent = useCallback(function (element, index) {
+    var _element$props, _element$props2;
+    if ((_element$props = element.props) !== null && _element$props !== void 0 && _element$props.name) {
+      return /*#__PURE__*/cloneElement(element, _objectSpread(_objectSpread({}, element.props), {}, {
+        disabled: fieldProps.disabled || element.props.disabled,
+        value: getObjectPathValue(element.props.name, value[index]),
+        onChange: function onChange(result) {
+          return setObjectPathValue(element.props.name, result, value[index]);
+        }
+      }));
+    }
+    if ((_element$props2 = element.props) !== null && _element$props2 !== void 0 && _element$props2.children) {
+      return /*#__PURE__*/cloneElement(element, _objectSpread(_objectSpread({}, element), {}, {
+        children: Array.from(element.props.children).map(function (item) {
+          return renderListContent(item, index);
+        })
+      }));
+    }
+    return element;
+  }, [value]);
+  var getShowEdit = useCallback(function (value) {
+    var _listProps$meta;
+    if (typeof (listProps === null || listProps === void 0 || (_listProps$meta = listProps.meta) === null || _listProps$meta === void 0 ? void 0 : _listProps$meta.footer) !== "boolean") {
+      var _listProps$meta2;
+      if (listProps !== null && listProps !== void 0 && (_listProps$meta2 = listProps.meta) !== null && _listProps$meta2 !== void 0 && (_listProps$meta2 = _listProps$meta2.footer) !== null && _listProps$meta2 !== void 0 && (_listProps$meta2 = _listProps$meta2.extra) !== null && _listProps$meta2 !== void 0 && _listProps$meta2.dataIndex) return !value;
+      return true;
+    }
+    return true;
+  }, []);
+  return /*#__PURE__*/React.createElement(ProFormField, _extends({}, fieldProps, {
+    layout: "vertical",
+    className: "p-pro-form-item-list",
+    extra: !disabled && /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-item-header-button",
+      onTap: function onTap() {
+        var _listProps$onAdd;
+        if (listProps !== null && listProps !== void 0 && listProps.onAdd) return listProps === null || listProps === void 0 || (_listProps$onAdd = listProps.onAdd) === null || _listProps$onAdd === void 0 ? void 0 : _listProps$onAdd.call(listProps, function (data) {
+          return onChange === null || onChange === void 0 ? void 0 : onChange(data instanceof Array ? data : value.concat([data]));
+        }, value);
+        value.push(_objectSpread({}, record));
+        onChange === null || onChange === void 0 || onChange(value);
+      }
+    }, extra || /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-psp-xinjian"
+    }), /*#__PURE__*/React.createElement(Text, {
+      className: "text"
+    }, "\u6DFB\u52A0")))
+  }), children ? /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-list-container"
+  }, value.map(function (_, i) {
+    var element = children(value, {
+      add: function add() {
+        value.push(_objectSpread({}, record));
+        onChange === null || onChange === void 0 || onChange(value);
+      },
+      remove: function remove() {
+        value.splice(i, 1);
+        onChange === null || onChange === void 0 || onChange(value);
+      }
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      key: getUUID(),
+      className: "p-pro-form-item-list-content"
+    }, renderListContent(element, i));
+  })) : listProps ? /*#__PURE__*/React.createElement(ProList, _extends({}, listProps, {
+    dataSources: value || [],
+    scrollable: false,
+    className: "p-pro-list-view-container",
+    meta: _objectSpread(_objectSpread({}, listProps.meta), {}, {
+      footer: !disabled && {
+        extra: {
+          dataIndex: typeof ((_listProps$meta3 = listProps.meta) === null || _listProps$meta3 === void 0 ? void 0 : _listProps$meta3.footer) !== "boolean" ? (_listProps$meta4 = listProps.meta) === null || _listProps$meta4 === void 0 || (_listProps$meta4 = _listProps$meta4.footer) === null || _listProps$meta4 === void 0 || (_listProps$meta4 = _listProps$meta4.extra) === null || _listProps$meta4 === void 0 ? void 0 : _listProps$meta4.dataIndex : "",
+          render: function render(_, item, index) {
+            return /*#__PURE__*/React.createElement(View, {
+              className: "option-group"
+            }, getShowEdit(_) && /*#__PURE__*/React.createElement(View, {
+              className: "option-button",
+              onTap: function onTap(e) {
+                var _listProps$onEdit;
+                e.stopPropagation();
+                listProps === null || listProps === void 0 || (_listProps$onEdit = listProps.onEdit) === null || _listProps$onEdit === void 0 || _listProps$onEdit.call(listProps, item, function (data) {
+                  value.splice(index, 1, data);
+                  onChange === null || onChange === void 0 || onChange(value);
+                });
+              }
+            }, /*#__PURE__*/React.createElement(Text, {
+              className: "text"
+            }, "\u7F16\u8F91")), /*#__PURE__*/React.createElement(View, {
+              className: "option-button",
+              onTap: function onTap(e) {
+                e.stopPropagation();
+                value.splice(index, 1);
+                onChange === null || onChange === void 0 || onChange(value);
+              }
+            }, /*#__PURE__*/React.createElement(Text, {
+              className: "text danger"
+            }, "\u5220\u9664")));
+          }
+        }
+      }
+    })
+  })) : /*#__PURE__*/React.createElement(View, null));
+};
+export default ProFormList;

package/dist/ProForm/{controls → Controls}/List/index.less

@@ -1,6 +1,7 @@
 @import "@power-xa/m-ui/dist/assets/less/mixins.less";
 
 .p-pro-form-item-list {
+
     .p-pro-form-item-header-button {
         display: flex;
         align-items: center;
@@ -17,6 +18,36 @@
         }
     }
 
+    .p-pro-form-item-list-container {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+
+        .p-pro-form-item-list-content {
+            background: #F6F7F9;
+            border-radius: 16px;
+            padding: 24px;
+            box-sizing: border-box;
+
+            .p-pro-form-item {
+                margin: 0;
+                padding: 12px 24px;
+                border-radius: 16px;
+                border: none;
+
+                .p-pro-form-item-control {
+                    .p-pro-form-item-input {
+                        text-align: left;
+                    }
+
+                    .p-pro-form-item-placeholder {
+                        text-align: left;
+                    }
+                }
+            }
+        }
+    }
+
     .p-pro-list-view-container {
         .p-pro-list-card-container {
             padding: 0 0 30px;

package/dist/ProForm/{controls → Controls}/Select/index.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { Fragment, useCallback, useEffect, useState } from "react";
 import { navigateTo } from "@tarojs/taro";
 import { ScrollView, Text, View } from "@tarojs/components";
-import { getListAssignField, Popup } from "../../..";
+import { getListAssignField, Popup, SearchInput } from "../../..";
 import ProFormField from "../../Field";
 import "./index.less";
 var ProFormSelect = function ProFormSelect(props) {
@@ -93,7 +93,7 @@ var ProFormSelect = function ProFormSelect(props) {
         url: "/screens/common/select/recent/index",
         success: function success(result) {
           result.eventChannel.emit("getRecentParams", _objectSpread(_objectSpread({}, props), {}, {
-            value: value,
+            value: value ? _toConsumableArray(value) : [],
             onChange: function onChange(result) {
               return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
             }
@@ -105,7 +105,7 @@ var ProFormSelect = function ProFormSelect(props) {
         url: "/screens/common/select/".concat(companyId ? 'company' : "project", "/index"),
         success: function success(result) {
           result.eventChannel.emit("getSelectParams", _objectSpread(_objectSpread({}, props), {}, {
-            value: value,
+            value: value ? _toConsumableArray(value) : [],
             onChange: function onChange(result) {
               return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
             }
@@ -158,16 +158,17 @@ var ProFormSelect = function ProFormSelect(props) {
       onTap: function onTap() {
         if (disabled) return false;
         if (multiple) {
-          if (value.some(function (v) {
+          var v = value || [];
+          if (v.some(function (v) {
             return v === item[fieldNames.value];
           })) {
-            value.splice(value.findIndex(function (v) {
+            v.splice(v.findIndex(function (v) {
               return v === item[fieldNames.value];
             }), 1);
           } else {
-            value.push(item[fieldNames.value]);
+            v.push(item[fieldNames.value]);
           }
-          setValue(_toConsumableArray(value));
+          setValue(_toConsumableArray(v));
         } else {
           _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);
         }
@@ -223,7 +224,15 @@ var ProFormSelect = function ProFormSelect(props) {
         onOpenChange();
         _onChange === null || _onChange === void 0 || _onChange(value);
       }
-    }, "\u786E\u5B9A"))), /*#__PURE__*/React.createElement(ScrollView, {
+    }, "\u786E\u5B9A"))), /*#__PURE__*/React.createElement(SearchInput, {
+      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+      onSearch: function onSearch(value) {
+        var _props$options2;
+        return setOptions(((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (item) {
+          return item[fieldNames.label].indexOf(value) >= 0;
+        })) || []);
+      }
+    }), /*#__PURE__*/React.createElement(ScrollView, {
       className: "p-pro-form-item-select-popup-content",
       showScrollbar: false,
       scrollY: true,
@@ -235,16 +244,17 @@ var ProFormSelect = function ProFormSelect(props) {
         key: 'option-' + item[fieldNames.value],
         onTap: function onTap() {
           if (multiple) {
-            if (value.some(function (v) {
+            var v = value || [];
+            if (v.some(function (v) {
               return v === item[fieldNames.value];
             })) {
-              value.splice(value.findIndex(function (v) {
+              v.splice(v.findIndex(function (v) {
                 return v === item[fieldNames.value];
               }), 1);
             } else {
-              value.push(item[fieldNames.value]);
+              v.push(item[fieldNames.value]);
             }
-            setValue(_toConsumableArray(value));
+            setValue(_toConsumableArray(v));
           } else {
             onOpenChange();
             _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);

package/dist/ProForm/{controls → Controls}/Select/index.less

@@ -79,9 +79,15 @@
         }
     }
 
+    .p-search-input-container {
+        margin: 0 32px;
+        background: #F6F7F9;
+    }
+
     .p-pro-form-item-select-popup-content {
         flex: 1;
         height: 0;
+        margin-top: 16px;
 
         .p-pro-form-item-select-option {
             display: flex;

package/dist/ProForm/Controls/Text/index.js

@@ -0,0 +1,45 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from "react";
+import { Input, Text } from "@tarojs/components";
+import ProFormField from "../../Field";
+import "./index.less";
+var ProFormText = function ProFormText(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "请输入" : _props$placeholder,
+    onChange = props.onChange,
+    _props$maxLength = props.maxLength,
+    maxLength = _props$maxLength === void 0 ? -1 : _props$maxLength,
+    _props$inputType = props.inputType,
+    inputType = _props$inputType === void 0 ? "text" : _props$inputType,
+    disabled = props.disabled,
+    value = props.value;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useEffect(function () {
+    if (value !== inputValue) setInputValue(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(ProFormField, props, disabled ? /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-control-disabled"
+  }, value || "-") : /*#__PURE__*/React.createElement(Input, {
+    placeholder: placeholder,
+    className: "p-pro-form-item-input",
+    placeholderClass: "p-pro-form-item-placeholder",
+    onInput: function onInput(e) {
+      return setInputValue(e.detail.value);
+    },
+    maxlength: maxLength,
+    type: inputType,
+    value: inputValue,
+    onBlur: function onBlur() {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+    }
+  }));
+};
+export default ProFormText;

package/dist/ProForm/{controls → Controls}/TextArea/index.js

@@ -5,7 +5,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { Fragment, useState } from "react";
+import React, { Fragment, useEffect, useState } from "react";
 import { Text, Textarea, View } from "@tarojs/components";
 import ProFormField from "../../Field";
 import "./index.less";
@@ -22,19 +22,29 @@ var ProFormTextArea = function ProFormTextArea(props) {
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
     setShow = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  useEffect(function () {
+    if (value !== inputValue) setInputValue(value);
+  }, [value]);
   return /*#__PURE__*/React.createElement(ProFormField, _extends({}, props, {
     layout: "vertical"
   }), disabled ? /*#__PURE__*/React.createElement(Text, {
     className: "p-pro-form-item-control-disabled"
   }, value || "-") : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Textarea, {
-    value: value,
+    value: inputValue,
     placeholder: placeholder,
     className: "p-pro-form-item-textarea",
     placeholderClass: "p-pro-form-item-placeholder",
     onInput: function onInput(e) {
-      return onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
+      return setInputValue(e.detail.value);
     },
-    maxlength: maxLength
+    maxlength: maxLength,
+    onBlur: function onBlur() {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+    }
   }), recommend && /*#__PURE__*/React.createElement(View, {
     className: "p-pro-form-item-textarea-recommend-container"
   }, /*#__PURE__*/React.createElement(View, {

package/dist/ProForm/{controls → Controls}/Upload/index.js

@@ -44,7 +44,11 @@ var ProFormUpload = function ProFormUpload(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     url = _useState6[0],
     setUrl = _useState6[1];
-  var _useState7 = useState(value || []),
+  var _useState7 = useState(value ? value.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        percent: 100
+      });
+    }) : []),
     _useState8 = _slicedToArray(_useState7, 2),
     fileList = _useState8[0],
     setFileList = _useState8[1];

package/dist/ProForm/Field/index.d.ts

@@ -1,6 +1,7 @@
-import { FC, ReactElement } from "react";
+import { FC, ReactElement, ReactNode } from "react";
 import "./index.less";
 type ProFormFieldProps = ProFormAPI.ProFormItemProps & {
+    label?: string | ReactNode;
     extra?: ReactElement | false;
     children: ReactElement;
 };

package/dist/ProForm/Field/index.js

@@ -24,7 +24,7 @@ var ProFormField = function ProFormField(props) {
     return r.required;
   })) && /*#__PURE__*/React.createElement(Text, {
     className: "p-pro-form-item-label-required"
-  }, "*"), /*#__PURE__*/React.createElement(Text, {
+  }, "*"), /*#__PURE__*/React.createElement(View, {
     className: "p-pro-form-item-label-text"
   }, label)), extra), /*#__PURE__*/React.createElement(View, {
     className: "p-pro-form-item-control"

package/dist/ProForm/Field/index.less

@@ -82,6 +82,8 @@
 
         .p-pro-form-item-control-disabled {
             text-align: left;
+            overflow: visible;
+            white-space: pre-wrap;
         }
     }
 

package/dist/ProForm/Form/index.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactElement } from "react";
+import React from "react";
 import "./index.less";
-type ProFormProps = ProFormAPI.ProFormProps & {
-    children?: ReactElement | ReactElement[];
-};
-declare const ProForm: FC<ProFormProps>;
-export default ProForm;
+declare const _default: React.ForwardRefExoticComponent<ProFormAPI.ProFormProps & {
+    children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    footer?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export default _default;