@power-xa/m-ui 0.0.1

package/dist/ProForm/controls/Select/index.js

@@ -0,0 +1,263 @@
+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 _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; }
+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 _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, { Fragment, useCallback, useEffect, useState } from "react";
+import { navigateTo } from "@tarojs/taro";
+import { ScrollView, Text, View } from "@tarojs/components";
+import { getListAssignField, Popup } from "../../..";
+import ProFormField from "../../Field";
+import "./index.less";
+var ProFormSelect = function ProFormSelect(props) {
+  var _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? {
+      value: "value",
+      label: "label"
+    } : _props$fieldNames,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "请选择" : _props$placeholder,
+    request = props.request,
+    _props$params = props.params,
+    params = _props$params === void 0 ? {} : _props$params,
+    optionType = props.optionType,
+    getFormValue = props.getFormValue,
+    _props$dependencies = props.dependencies,
+    dependencies = _props$dependencies === void 0 ? "" : _props$dependencies,
+    label = props.label,
+    multiple = props.multiple,
+    _onChange = props.onChange,
+    projectId = props.projectId,
+    companyId = props.companyId,
+    source = props.source,
+    disabled = props.disabled;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    open = _useState6[0],
+    setOpen = _useState6[1];
+  useEffect(function () {
+    if (props.value !== value) setValue(props.value);
+  }, [props.value]);
+  useEffect(function () {
+    var _props$options;
+    if ((_props$options = props.options) !== null && _props$options !== void 0 && _props$options.length) {
+      setOptions(props.options);
+    }
+  }, [props.options]);
+  useEffect(function () {
+    if (dependencies) {
+      /* 监听Form其他字段值 */
+      if (request && getFormValue !== null && getFormValue !== void 0 && getFormValue(dependencies)) {
+        var requestParams = _objectSpread({}, params);
+        requestParams[dependencies] = getFormValue === null || getFormValue === void 0 ? void 0 : getFormValue(dependencies);
+        request(requestParams).then(function (result) {
+          setOptions(result);
+          if (!result.some(function (item) {
+            return item.value === props.value;
+          })) {
+            _onChange === null || _onChange === void 0 || _onChange(null);
+          } else {
+            setValue(props.value);
+          }
+        });
+      }
+    }
+  }, [dependencies ? getFormValue === null || getFormValue === void 0 ? void 0 : getFormValue(dependencies) : null]);
+  var onSelect = useCallback(function () {
+    var user = false;
+    for (var _key in source) {
+      if (["ALL", "USER"].includes(source[_key])) user = true;
+    }
+    if (user) {
+      navigateTo({
+        url: "/screens/common/select/recent/index",
+        success: function success(result) {
+          result.eventChannel.emit("getRecentParams", _objectSpread(_objectSpread({}, props), {}, {
+            value: value,
+            onChange: function onChange(result) {
+              return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
+            }
+          }));
+        }
+      });
+    } else {
+      navigateTo({
+        url: "/screens/common/select/".concat(companyId ? 'company' : "project", "/index"),
+        success: function success(result) {
+          result.eventChannel.emit("getSelectParams", _objectSpread(_objectSpread({}, props), {}, {
+            value: value,
+            onChange: function onChange(result) {
+              return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
+            }
+          }));
+        }
+      });
+    }
+  }, [value]);
+  var renderValueText = useCallback(function () {
+    if (typeof value === "string") return getListAssignField(value, options, fieldNames);
+    if (value instanceof Array) {
+      if (value.length) {
+        if (typeof value[0] === "string") return value.map(function (v) {
+          return getListAssignField(v, options, fieldNames);
+        }).join("、");
+        return value.map(function (v) {
+          return v[fieldNames.label];
+        }).join("、");
+      }
+    }
+  }, [value, options]);
+  var renderPopupSelectIcon = useCallback(function (option) {
+    if (["string", "boolean"].includes(_typeof(value)) && value === option) return /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-radio"
+    });
+    if (value instanceof Array) {
+      if (typeof value[0] === "string" && value.some(function (v) {
+        return v === option;
+      })) return /*#__PURE__*/React.createElement(View, {
+        className: "iconfont icon-icon-checkbox"
+      });
+      if (value.some(function (v) {
+        return v[fieldNames.value] === option;
+      })) return /*#__PURE__*/React.createElement(View, {
+        className: "iconfont icon-icon-checkbox"
+      });
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-circle"
+    });
+  }, [value]);
+  if (optionType && !companyId && !projectId) return /*#__PURE__*/React.createElement(ProFormField, _extends({
+    layout: "vertical"
+  }, props), /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-select"
+  }, options.length ? /*#__PURE__*/React.createElement(Fragment, null, options.map(function (item) {
+    return /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-item-select-option ".concat(disabled ? 'disabled' : ''),
+      key: 'option-' + item[fieldNames.value],
+      onTap: function onTap() {
+        if (disabled) return false;
+        if (multiple) {
+          if (value.some(function (v) {
+            return v === item[fieldNames.value];
+          })) {
+            value.splice(value.findIndex(function (v) {
+              return v === item[fieldNames.value];
+            }), 1);
+          } else {
+            value.push(item[fieldNames.value]);
+          }
+          setValue(_toConsumableArray(value));
+        } else {
+          _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);
+        }
+      }
+    }, renderPopupSelectIcon(item[fieldNames.value]), /*#__PURE__*/React.createElement(Text, {
+      className: "p-pro-form-item-select-option-text"
+    }, item[fieldNames.label]));
+  })) : /*#__PURE__*/React.createElement(View, {
+    className: "error-view"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "text"
+  }, "\u6682\u65E0\u6570\u636E"))));
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ProFormField, _extends({}, props, {
+    layout: "horizontal"
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-select",
+    onTap: function onTap() {
+      if (disabled) return false;
+      if (companyId || projectId) {
+        onSelect();
+      } else {
+        setOpen(true);
+      }
+    }
+  }, disabled ? /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-control-disabled"
+  }, renderValueText() || "-") : value ? /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-value"
+  }, renderValueText()) : /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-placeholder"
+  }, placeholder))), !companyId && !projectId && /*#__PURE__*/React.createElement(Popup, {
+    open: open,
+    onOpenChange: function onOpenChange(open) {
+      return setOpen(open);
+    },
+    rootClassName: "p-pro-form-item-select-popup-container"
+  }, function (_ref) {
+    var onOpenChange = _ref.onOpenChange;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-item-select-popup-header"
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "extra-content left"
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-psp-guanbi",
+      onTap: onOpenChange
+    })), /*#__PURE__*/React.createElement(Text, {
+      className: "title"
+    }, label), /*#__PURE__*/React.createElement(View, {
+      className: "extra-content right"
+    }, multiple && /*#__PURE__*/React.createElement(Text, {
+      className: "text",
+      onClick: function onClick() {
+        onOpenChange();
+        _onChange === null || _onChange === void 0 || _onChange(value);
+      }
+    }, "\u786E\u5B9A"))), /*#__PURE__*/React.createElement(ScrollView, {
+      className: "p-pro-form-item-select-popup-content",
+      showScrollbar: false,
+      scrollY: true,
+      enableFlex: true,
+      enhanced: true
+    }, options.length ? /*#__PURE__*/React.createElement(Fragment, null, options.map(function (item) {
+      return /*#__PURE__*/React.createElement(View, {
+        className: "p-pro-form-item-select-option",
+        key: 'option-' + item[fieldNames.value],
+        onTap: function onTap() {
+          if (multiple) {
+            if (value.some(function (v) {
+              return v === item[fieldNames.value];
+            })) {
+              value.splice(value.findIndex(function (v) {
+                return v === item[fieldNames.value];
+              }), 1);
+            } else {
+              value.push(item[fieldNames.value]);
+            }
+            setValue(_toConsumableArray(value));
+          } else {
+            onOpenChange();
+            _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);
+          }
+        }
+      }, renderPopupSelectIcon(item[fieldNames.value]), /*#__PURE__*/React.createElement(Text, {
+        className: "p-pro-form-item-select-option-text"
+      }, item[fieldNames.label]));
+    })) : /*#__PURE__*/React.createElement(View, {
+      className: "error-view"
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "text"
+    }, "\u6682\u65E0\u6570\u636E"))));
+  }));
+};
+export default ProFormSelect;

package/dist/ProForm/controls/Select/index.less

@@ -0,0 +1,120 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-item {
+    .p-pro-form-item-select {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 28px;
+
+        .p-pro-form-item-select-option {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+
+            .iconfont {
+                font-size: 28px;
+                color: #999;
+            }
+
+            .icon-icon-checkbox,
+            .icon-icon-radio {
+                color: #333437;
+            }
+
+            .p-pro-form-item-select-option-text {
+                .font(28, #333437)
+            }
+        }
+    }
+
+    &.horizontal {
+        .p-pro-form-item-select {
+            width: 100%;
+            justify-content: flex-end;
+        }
+    }
+}
+
+.p-pro-form-item-select-popup-container {
+    z-index: 99999;
+
+    .p-popup-container {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .p-pro-form-item-select-popup-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 34px 32px;
+        box-sizing: border-box;
+
+        .extra-content {
+            flex: 1;
+            display: flex;
+            align-items: center;
+
+            .iconfont {
+                font-size: 24px;
+                color: #333437;
+                padding: 8px 12px;
+                width: max-content;
+            }
+
+            .text {
+                .font(28, #333437)
+            }
+
+            &.right {
+                justify-content: flex-end;
+            }
+        }
+
+        .title {
+            flex: 5;
+            text-align: center;
+            .font(32, #333437, Regular, 500)
+        }
+    }
+
+    .p-pro-form-item-select-popup-content {
+        flex: 1;
+        height: 0;
+
+        .p-pro-form-item-select-option {
+            display: flex;
+            align-items: center;
+            gap: 20px;
+            padding: 24px 32px;
+            box-sizing: border-box;
+
+            .iconfont {
+                font-size: 28px;
+                color: #999;
+            }
+
+            .icon-icon-checkbox,
+            .icon-icon-radio {
+                color: #333437;
+            }
+
+            .p-pro-form-item-select-option-text {
+                .font(28, #333437)
+            }
+        }
+
+        .error-view {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .text {
+                .font(24, #999)
+            }
+        }
+    }
+}

package/dist/ProForm/controls/Text/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./index.less";
+declare const ProFormText: FC<ProFormAPI.ProFormItemProps>;
+export default ProFormText;

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

@@ -0,0 +1,29 @@
+import React 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;
+  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 onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
+    },
+    maxlength: maxLength,
+    type: inputType,
+    value: value
+  }));
+};
+export default ProFormText;

package/dist/ProForm/controls/Text/index.less

@@ -0,0 +1,7 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-item-input {
+    width: 100%;
+    text-align: right;
+    .font(28, #333437)
+}

package/dist/ProForm/controls/TextArea/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./index.less";
+declare const ProFormTextArea: FC<ProFormAPI.ProFormItemProps>;
+export default ProFormTextArea;

package/dist/ProForm/controls/TextArea/index.js

@@ -0,0 +1,63 @@
+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 _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, { Fragment, useState } from "react";
+import { Text, Textarea, View } from "@tarojs/components";
+import ProFormField from "../../Field";
+import "./index.less";
+var ProFormTextArea = function ProFormTextArea(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,
+    recommend = props.recommend,
+    value = props.value,
+    disabled = props.disabled;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  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,
+    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);
+    },
+    maxlength: maxLength
+  }), recommend && /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-textarea-recommend-container"
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "recommend-header",
+    onTap: function onTap() {
+      return setShow(!show);
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "text"
+  }, "\u63A8\u8350\u5185\u5BB9"), /*#__PURE__*/React.createElement(View, {
+    className: "iconfont ".concat(show ? 'icon-icon-xianshi' : 'icon-icon-yincang')
+  })), show && /*#__PURE__*/React.createElement(View, {
+    className: "recommend-content"
+  }, recommend.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(View, {
+      className: "recommend-tag",
+      key: 'recommend-tag-' + index,
+      onTap: function onTap() {
+        return onChange === null || onChange === void 0 ? void 0 : onChange((value || "") + item);
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "text"
+    }, item));
+  })))));
+};
+export default ProFormTextArea;

package/dist/ProForm/controls/TextArea/index.less

@@ -0,0 +1,46 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-item-textarea {
+    width: 100%;
+    height: 120px;
+    .font(28, #333437);
+}
+
+.p-pro-form-item-textarea-recommend-container {
+    .recommend-header {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        .text {
+            .font(24, #999)
+        }
+
+        .iconfont {
+            font-size: 24px;
+            color: #999;
+            padding: 0 12px;
+        }
+    }
+
+    .recommend-content {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 24px;
+        margin-top: 12px;
+
+        .recommend-tag {
+            padding: 8px 24px;
+            border-radius: 12px;
+            box-sizing: border-box;
+            background: #F5F6F7;
+            display: flex;
+            align-items: center;
+
+            .text {
+                .font(20, #333437)
+            }
+        }
+    }
+}

package/dist/ProForm/controls/Upload/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./index.less";
+declare const ProFormUpload: FC<ProFormAPI.ProFormItemProps>;
+export default ProFormUpload;