shineout 0.0.1-alpha.1

package/esm/empty/__example__/001-base.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 空状态组件的基础用法
+ * en - Basic
+ *    -- The basic usage of Empty
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {});
+};
+exports.default = _default;

package/esm/empty/__example__/002-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/empty/__example__/002-icon.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _icon = require("./static/icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义图标和文案
+ *    -- 设置`icon`和`description`属性可以自定义图标和文案
+ * en - Custom icon and description
+ *    -- Set the `icon` and `description` property to customize the icon and description
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {
+    icon: _icon.customIcon,
+    description: "\u65E0\u7F51\u7EDC"
+  });
+};
+exports.default = _default;

package/esm/empty/__example__/003-imge.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/empty/__example__/003-imge.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义图片
+ *    -- 设置`imgSrc`参数传入图片的Url
+ * en - Custom image
+ *    -- Set the `imgSrc` parameter to the Url of the image
+ */
+var _default = function _default() {
+  var renderDescription = function renderDescription() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      children: "Refresh"
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Empty, {
+    imgSrc: "https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png",
+    description: renderDescription()
+  });
+};
+exports.default = _default;

package/esm/empty/__example__/static/icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const customIcon: JSX.Element;

package/esm/empty/__example__/static/icon.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customIcon = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var customIcon = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  width: "100",
+  height: "75",
+  viewBox: "0 0 100 75",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+    clipPath: "url(#clip0_4044_10441)",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M100 75C100 63.8612 77.6144 54.8319 50 54.8319C22.3857 54.8319 0 63.8612 0 75H100Z",
+      fill: "url(#paint0_linear_4044_10441)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      opacity: "0.3",
+      filter: "url(#filter0_f_4044_10441)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M51.1111 65.6931C57.2476 65.6931 62.2223 63.8594 62.2223 61.5966C62.2223 59.3341 57.2476 57.5 51.1111 57.5C44.9746 57.5 40 59.3341 40 61.5966C40 63.8594 44.9746 65.6931 51.1111 65.6931Z",
+        fill: "#979EB0"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M24.8417 56.3424C24.3983 55.2501 24.9731 54.0054 26.0806 53.6597C27.188 53.314 28.3463 54.0177 28.5769 55.1764L29.4266 59.4446L26.475 60.366L24.8417 56.3424Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M71.7444 53.7825C72.2175 52.2481 73.8825 51.4641 75.3331 52.0927C76.7837 52.7213 77.3881 54.4889 76.6356 55.9022L73.865 61.1093L70 59.4341L71.7444 53.7825Z",
+      fill: "#D4D9E5"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M22.0035 59.1355C21.4287 58.5386 21.4827 57.5656 22.1199 57.0386C22.757 56.5121 23.7001 56.6604 24.1525 57.3588L25.819 59.9302L24.1208 61.3344L22.0035 59.1355Z",
+      fill: "#D4D9E6"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M52.4691 42.5H50V52.5841H52.4691V42.5Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M44.0059 35.0044L45.6047 33.3654L52.0001 39.9216L50.4012 41.5607L44.0059 35.0044Z",
+      fill: "url(#paint1_linear_4044_10441)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M43.75 34.7641L45.3488 33.125L51.7443 39.6813L50.1454 41.3203L43.75 34.7641Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M51.0111 43.386C52.2599 43.386 53.2723 42.3483 53.2723 41.068C53.2723 39.7878 52.2599 38.75 51.0111 38.75C49.7624 38.75 48.75 39.7878 48.75 41.068C48.75 42.3483 49.7624 43.386 51.0111 43.386Z",
+      fill: "#B3B7C1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M49.832 12.3694C55.223 19.9986 54.5824 31.3696 48.167 37.535C41.7516 43.7004 31.1315 43.7004 23.6917 37.4913L49.832 12.3694Z",
+      fill: "url(#paint2_linear_4044_10441)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M49.832 12.3694C55.223 19.9986 54.5824 31.3696 48.167 37.535C41.7516 43.7004 31.1315 43.7004 23.6917 37.4913L49.832 12.3694Z",
+      fill: "#E8EBF0"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M41.2931 29.8931C48.5507 22.9831 52.4648 15.2252 50.0354 12.5653C47.606 9.90539 39.7532 13.3508 32.4956 20.2608C25.2381 27.1707 21.324 34.9286 23.7534 37.5886C26.1828 40.2485 34.0355 36.8031 41.2931 29.8931Z",
+      fill: "#F4F5F8"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M40.9881 29.2713C50.1128 20.891 52.0853 14.4286 49.888 12.0003C47.6907 9.57183 40.0516 13.2329 32.8255 20.1774C25.5994 27.1219 21.5229 34.7201 23.7201 37.1485C25.9175 39.577 33.4892 36.3884 40.9881 29.2713Z",
+      fill: "#999DA8"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M31.417 17.6481L42.3901 27.8798L40.19 30.147L30.2615 18.8378C29.9686 18.5041 29.9811 17.9951 30.29 17.6768C30.5972 17.3601 31.0946 17.3474 31.417 17.6481Z",
+      fill: "#F4F5F8"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M29.2 18.8614C30.4887 18.8614 31.5334 17.7848 31.5334 16.4566C31.5334 15.1284 30.4887 14.0518 29.2 14.0518C27.9112 14.0518 26.8665 15.1284 26.8665 16.4566C26.8665 17.7848 27.9112 18.8614 29.2 18.8614Z",
+      fill: "#B3B7C1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M29.9876 7.50656C30.6284 7.43781 31.203 7.91743 31.271 8.57787C31.339 9.23837 30.8746 9.8295 30.2338 9.89825L30.2349 9.90912C30.1061 9.91562 29.9768 9.92587 29.847 9.93975C26.0019 10.3524 23.2156 13.8992 23.6235 17.8619C23.6799 18.41 23.7945 18.9372 23.9602 19.438L23.9198 19.4421C23.9522 20.0761 23.4975 20.6312 22.8776 20.6978C22.2368 20.7666 21.6622 20.2869 21.5941 19.6264L21.6027 19.6904L21.5952 19.6914C21.4575 19.182 21.3588 18.6541 21.3029 18.1109C20.759 12.8274 24.474 8.09825 29.6008 7.54806C29.6965 7.53781 29.792 7.52906 29.8874 7.52181L29.905 7.5185L29.9876 7.50656Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M24.1625 3.28992L24.1657 3.33396C24.7808 3.27947 25.3256 3.72523 25.4215 4.34306L25.4317 4.42834C25.4884 5.08989 25.0141 5.67267 24.3721 5.73002L24.3747 5.76503C19.7959 7.5713 16.7399 12.3378 17.1929 17.6247C17.2512 18.3055 17.3654 18.9675 17.5304 19.6064L17.5084 19.6082C17.5651 20.2698 17.0907 20.8525 16.4487 20.9099C15.8069 20.9672 15.2405 20.4774 15.1838 19.8159L15.1766 19.8163C15.0303 19.1724 14.9264 18.51 14.8683 17.8324C14.3011 11.2134 18.2911 5.27034 24.1625 3.28992Z",
+      fill: "#E8EBF0"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M34.1233 1.24378L32.1232 3.30428L34.1234 5.36564C34.4003 5.6511 34.4003 6.11111 34.1234 6.39656C33.8498 6.6785 33.4041 6.68069 33.1279 6.40137C33.1263 6.39969 33.1248 6.39806 33.1232 6.3965L31.1233 4.33472L29.124 6.396C28.8504 6.678 28.4048 6.68025 28.1285 6.40088C28.1269 6.39931 28.1253 6.39769 28.1238 6.39612C27.8468 6.11063 27.8468 5.65061 28.1238 5.36516L30.123 3.30476L28.1233 1.24387C27.8463 0.958419 27.8463 0.498404 28.1233 0.212946C28.3969 -0.0690643 28.8427 -0.0711893 29.1189 0.2082C29.1204 0.20979 29.122 0.211388 29.1236 0.212994L31.1228 2.27383L33.123 0.212898C33.3967 -0.0691393 33.8425 -0.0712218 34.1188 0.208246C34.1203 0.209806 34.1218 0.211372 34.1234 0.212946C34.4003 0.498388 34.4003 0.958388 34.1233 1.24378Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M50.9587 47.8992C55.5792 47.8992 59.3248 51.739 59.3248 56.4757C59.3248 57.0304 59.2735 57.5728 59.1754 58.0981H42.7421C42.6439 57.5728 42.5925 57.0304 42.5925 56.4757C42.5925 51.739 46.3382 47.8992 50.9587 47.8992Z",
+      fill: "#CCCFD7"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M59.1064 58.125H42.8392C41.9616 58.125 41.25 58.8514 41.25 59.7476C41.25 60.6437 41.9616 61.3702 42.8392 61.3702H59.1064C59.9841 61.3702 60.6956 60.6437 60.6956 59.7476C60.6956 58.8514 59.9841 58.125 59.1064 58.125Z",
+      fill: "#B3B7C1"
+    })]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("filter", {
+      id: "filter0_f_4044_10441",
+      x: "34",
+      y: "51.5",
+      width: "34.2222",
+      height: "20.1931",
+      filterUnits: "userSpaceOnUse",
+      colorInterpolationFilters: "sRGB",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("feFlood", {
+        floodOpacity: "0",
+        result: "BackgroundImageFix"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feBlend", {
+        mode: "normal",
+        in: "SourceGraphic",
+        in2: "BackgroundImageFix",
+        result: "shape"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("feGaussianBlur", {
+        stdDeviation: "3",
+        result: "effect1_foregroundBlur_4044_10441"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      id: "paint0_linear_4044_10441",
+      x1: "50",
+      y1: "54.8319",
+      x2: "50",
+      y2: "75",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#E9EBEF"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        offset: "1",
+        stopColor: "#E9EBEF",
+        stopOpacity: "0"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      id: "paint1_linear_4044_10441",
+      x1: "525.323",
+      y1: "33.3654",
+      x2: "504.891",
+      y2: "812.688",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#D1EAFF"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        offset: "1",
+        stopColor: "#85C9FF"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
+      id: "paint2_linear_4044_10441",
+      x1: "2386.56",
+      y1: "1108.32",
+      x2: "1802.2",
+      y2: "2930.71",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        stopColor: "#D1EAFF"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+        offset: "1",
+        stopColor: "#85C9FF"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+      id: "clip0_4044_10441",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+        width: "100",
+        height: "75",
+        fill: "white"
+      })
+    })]
+  })]
+});
+exports.customIcon = customIcon;

package/esm/empty/empty.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EmptyProps } from './empty.type';
+declare const _default: (props: EmptyProps) => JSX.Element;
+export default _default;

package/esm/empty/empty.js

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _default = function _default(props) {
+  var jssStyle = {
+    empty: _shineoutStyle.useEmptyStyle
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Empty, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

package/esm/empty/empty.type.d.ts

@@ -0,0 +1,2 @@
+import { EmptyProps as UnStyledEmptyProps } from '@sheinx/base';
+export declare type EmptyProps = Omit<UnStyledEmptyProps, 'jssStyle'>;

package/esm/empty/empty.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/empty/index.d.ts

@@ -0,0 +1,7 @@
+import Empty from './empty';
+declare type RefEmpty = typeof Empty;
+export interface EmptyComponent extends RefEmpty {
+    displayName: string;
+}
+declare const EmptyComp: EmptyComponent;
+export default EmptyComp;

package/esm/empty/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _empty = _interopRequireDefault(require("./empty"));
+var EmptyComp = _empty.default;
+EmptyComp.displayName = 'ShineoutEmpty';
+var _default = EmptyComp;
+exports.default = _default;

package/esm/empty/interface.d.ts

@@ -0,0 +1 @@
+export type { EmptyProps as Props } from './empty.type';

package/esm/empty/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/form/__example__/001-base.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic usage
+ *    --
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/form/__example__/001-base.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic usage
+ *    --
+ */
+
+var star = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M8.276 7.825L1.85649 8.7559L1.74278 8.77878C1.00761 8.96968 0.736859 9.90915 1.30093 10.4606L5.953 15.008L4.84231 21.3268L4.82911 21.4327C4.77288 22.2003 5.59415 22.7575 6.29763 22.3824L11.999 19.343L17.7023 22.3825L17.7988 22.4279C18.5105 22.7194 19.2948 22.1128 19.1578 21.3281L18.054 15.008L22.6997 10.46L22.7779 10.3745C23.2586 9.78723 22.9242 8.86973 22.1443 8.75601L15.758 7.825L12.895 2.05544C12.5264 1.31273 11.4661 1.31545 11.1013 2.06004L8.276 7.825Z"
+  })
+});
+var StarRate = (0, _.Rate)(star, star);
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
+      defaultValue: {
+        name: 'zhangsan',
+        email: 'zhangsan@qq.com',
+        score: 3
+      },
+      onSubmit: function onSubmit(v) {
+        console.log('form submit', v);
+      },
+      onChange: function onChange(v) {
+        console.log('form change', v);
+      },
+      onReset: function onReset() {
+        console.log('form reset');
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Name",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+          name: 'name',
+          placeholder: "please input name"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Password",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+          name: 'password',
+          placeholder: "please input password"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Email",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+          name: 'email',
+          clearable: true,
+          placeholder: "please input email"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Gendar",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+          name: "gendar",
+          data: ['male', 'female'],
+          keygen: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Course",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Checkbox.Group, {
+          name: "course",
+          data: ['chinese', 'maths', 'english', 'physics'],
+          keygen: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Enrollment date",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
+          name: "date",
+          placeholder: 'please select date'
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Score",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StarRate, {
+          name: "score"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "upload avatar",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
+          action: "/api/upload",
+          accept: "image/*",
+          name: "file",
+          htmlName: "file",
+          recoverAble: true,
+          removeConfirm: "Are you sure to delete it ?",
+          limit: 3,
+          onSuccess: function onSuccess(_res, filem, data) {
+            return data;
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Address",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Textarea, {
+          name: "address"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form.Item, {
+        label: "",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Submit, {
+          children: "Submit"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Reset, {
+          children: "Reset"
+        })]
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/form/__example__/002-control.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 表单方法
+ *    -- 可以通过 formRef 去获得表单的一些方法集, 包含校验, 清空校验, 提交等.
+ * en - Form Methods
+ *    -- You can use formRef to get some methods of the form, including validation, clear validation, submission, etc.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/form/__example__/002-control.js

@@ -0,0 +1,117 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+/**
+ * cn - 表单方法
+ *    -- 可以通过 formRef 去获得表单的一些方法集, 包含校验, 清空校验, 提交等.
+ * en - Form Methods
+ *    -- You can use formRef to get some methods of the form, including validation, clear validation, submission, etc.
+ */
+
+var App = function App() {
+  var form = (0, _react.useRef)();
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  (0, _react.useEffect)(function () {}, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
+    value: value,
+    formRef: function formRef(_formRef) {
+      form.current = _formRef;
+    },
+    onChange: function onChange(v) {
+      setValue(v);
+    },
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        margin: '20px 0'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current;
+          return (_form$current = form.current) === null || _form$current === void 0 ? void 0 : _form$current.reset();
+        },
+        children: "reset"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current2;
+          return (_form$current2 = form.current) === null || _form$current2 === void 0 ? void 0 : _form$current2.submit();
+        },
+        children: "submit"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current3;
+          return (_form$current3 = form.current) === null || _form$current3 === void 0 ? void 0 : _form$current3.validate().catch(function (e) {
+            console.error(e);
+          });
+        },
+        children: "validate"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current4;
+          return (_form$current4 = form.current) === null || _form$current4 === void 0 ? void 0 : _form$current4.clearValidate();
+        },
+        children: "clear validate"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current5;
+          return console.log((_form$current5 = form.current) === null || _form$current5 === void 0 ? void 0 : _form$current5.getValue());
+        },
+        children: "get value"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        onClick: function onClick() {
+          var _form$current6;
+          return (_form$current6 = form.current) === null || _form$current6 === void 0 ? void 0 : _form$current6.submit(false);
+        },
+        children: "submit without validate"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+      label: "name",
+      required: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+        name: "name",
+        rules: [{
+          required: true,
+          message: 'name is required'
+        }]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+      label: "Password",
+      required: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input.Password, {
+        name: "password",
+        rules: [{
+          required: true,
+          message: 'password is required'
+        }]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form.Item, {
+      label: "",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Submit, {
+        children: "Submit"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Reset, {
+        children: "Reset"
+      })]
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/form/__example__/003-label-1.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 标签对齐方式
+ *    -- 通过 labelWidth 和 labelAlign 改变标签宽度和水平对齐方式
+ * en -
+ *    --
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/form/__example__/003-label-1.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 标签对齐方式
+ *    -- 通过 labelWidth 和 labelAlign 改变标签宽度和水平对齐方式
+ * en -
+ *    --
+ */
+
+var alignArr = ['left', 'top', 'right'];
+var _default = function _default() {
+  var _useState = (0, _react.useState)('right'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    align = _useState2[0],
+    setAlign = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        marginBottom: 24
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+        value: align,
+        data: alignArr,
+        keygen: true,
+        onChange: setAlign
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
+      labelWidth: 65,
+      labelAlign: align,
+      style: {
+        maxWidth: 500
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Email",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+          name: "email"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "Password",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+          name: "password",
+          type: "password"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Item, {
+        label: "",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Form.Submit, {
+          children: "Submit"
+        })
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/esm/form/__example__/003-label-2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn -
+ *    -- 当 label 文字存在换行时，可使用 labelVerticalAlign 来控制垂直方向对齐方式
+ * en -
+ *    -- When the label text has a line break, you can use labelVerticalAlign to control the vertical alignment
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;