@ucloud-fe/react-components 1.5.17 → 1.5.18

package/lib/components/Form/ItemPropsWrap.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _pick2 = _interopRequireDefault(require("lodash/pick"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ItemContext = _interopRequireDefault(require("./ItemContext"));
+
+var _this = void 0;
+
+var ItemPropsWrap = function ItemPropsWrap(_ref) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var itemProps = _ref.itemProps,
+      children = _ref.children;
+
+  if (itemProps) {
+    itemProps = (0, _pick2.default)(itemProps, ['labelCol', 'controllerCol', 'shareStatus']);
+    return /*#__PURE__*/_react.default.createElement(_ItemContext.default.Provider, {
+      value: itemProps
+    }, children);
+  }
+
+  return children;
+}.bind(void 0);
+
+ItemPropsWrap.propTypes = {
+  children: _propTypes.default.node,
+  itemProps: _propTypes.default.object
+};
+
+var _default = /*#__PURE__*/_react.default.memo(ItemPropsWrap);
+
+exports.default = _default;

package/lib/components/Form/SubArea.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _style = require("./style");
+
+var _ItemPropsWrap = _interopRequireDefault(require("./ItemPropsWrap"));
+
+var _excluded = ["itemProps"];
+
+function SubArea(_ref) {
+  var itemProps = _ref.itemProps,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ItemPropsWrap.default, {
+    itemProps: itemProps
+  }, /*#__PURE__*/_react.default.createElement(_style.SubAreaWrap, rest));
+}
+
+SubArea.propTypes = {
+  /**
+   * 如果存在会在所有包裹的 item 上附加该 props，会覆盖来自上层包裹的 itemProps
+   */
+  itemProps: _propTypes.default.shape({
+    /** 具体见 item 文档 */
+    labelCol: _propTypes.default.object,
+
+    /** 具体见 item 文档 */
+    controllerCol: _propTypes.default.object,
+
+    /** 具体见 item 文档 */
+    shareStatus: _propTypes.default.bool
+  })
+};
+
+var _default = /*#__PURE__*/_react.default.memo(SubArea);
+
+exports.default = _default;

package/lib/components/Form/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Form = _interopRequireDefault(require("./Form"));
+
+var _Item = _interopRequireDefault(require("./Item"));
+
+var _Group = _interopRequireDefault(require("./Group"));
+
+var _SubArea = _interopRequireDefault(require("./SubArea"));
+
+var _default = _Form.default;
+exports.default = _default;
+_Form.default.Item = _Item.default;
+_Form.default.Group = _Group.default;
+_Form.default.SubArea = _SubArea.default;

package/lib/components/Form/style/index.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+export declare const tipIconCls: string;
+export declare const tipContentCls: string;
+export declare const GridItemWrap: import("@emotion/styled-base").StyledComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>, Pick<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>, "theme" | keyof React.HTMLAttributes<HTMLElement>>, object>;
+export declare const GridLabelWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const GridControllerWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ItemWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const LabelWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const CommentWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const ControllerWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const GroupWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const GroupTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const FormWrap: React.ForwardRefExoticComponent<{
+    size: string;
+} & React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const Tip: React.ForwardRefExoticComponent<{
+    status: string;
+} & import("../../Combine/Combine").DefinedCombineProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof import("../../Combine/Combine").DefinedCombineProps> & React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const RequiredLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const HelpIcon: React.ForwardRefExoticComponent<{
+    type: string;
+    size?: string | undefined;
+} & React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;
+declare const StatusIcon: React.MemoExoticComponent<({ status, ...rest }: {
+    status: string;
+    spin?: boolean | undefined;
+}) => JSX.Element>;
+export { StatusIcon };
+export declare const SubAreaWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & React.RefAttributes<HTMLElement>>;