shineout 0.0.1-alpha.1

package/cjs/upload/__example__/static/icon.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadIcon = exports.ImageIcon = exports.AddIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var UploadIcon = function UploadIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 14,
+    height: props.fontSize || 14,
+    style: props.style,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M3 21H21V16C21 15.7348 21.1054 15.4805 21.2929 15.293C21.4805 15.1055 21.7348 15.0002 22 15.0002C22.2652 15.0002 22.5195 15.1055 22.7071 15.293C22.8946 15.4805 23 15.7348 23 16V22C23 22.2652 22.8946 22.5196 22.7071 22.7071C22.5196 22.8946 22.2652 23 22 23H2C1.73478 23 1.48043 22.8946 1.29289 22.7071C1.10536 22.5196 1 22.2652 1 22V16C1.00004 15.7348 1.10542 15.4805 1.29295 15.293C1.48048 15.1055 1.73481 15.0002 2 15.0002C2.26519 15.0002 2.51952 15.1055 2.70705 15.293C2.89458 15.4805 2.99996 15.7348 3 16V21ZM10.97 4.835L6.336 9.468C6.24329 9.56065 6.13323 9.63413 6.01212 9.68424C5.89101 9.73436 5.76122 9.76013 5.63015 9.76008C5.49908 9.76004 5.3693 9.73417 5.24822 9.68397C5.12715 9.63377 5.01715 9.56021 4.9245 9.4675C4.73739 9.28026 4.63233 9.02635 4.63242 8.76165C4.63247 8.63058 4.65833 8.5008 4.70853 8.37973C4.75873 8.25865 4.83229 8.14865 4.925 8.056L11.982 1L11.985 1.003L11.987 1L19.044 8.056C19.1367 8.14871 19.2103 8.25878 19.2604 8.37992C19.3106 8.50105 19.3364 8.63088 19.3364 8.762C19.3364 8.89312 19.3106 9.02295 19.2604 9.14409C19.2103 9.26522 19.1367 9.37529 19.044 9.468C18.9513 9.56071 18.8412 9.63426 18.7201 9.68443C18.5989 9.73461 18.4691 9.76044 18.338 9.76044C18.2069 9.76044 18.0771 9.73461 17.9559 9.68443C17.8348 9.63426 17.7247 9.56071 17.632 9.468L12.97 4.805V18.998C12.97 19.2632 12.8646 19.5176 12.6771 19.7051C12.4896 19.8926 12.2352 19.998 11.97 19.998C11.7048 19.998 11.4504 19.8926 11.2629 19.7051C11.0754 19.5176 10.97 19.2632 10.97 18.998V4.835Z",
+      fill: "currentColor"
+    })
+  });
+};
+exports.UploadIcon = UploadIcon;
+var AddIcon = function AddIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 20,
+    height: props.fontSize || 20,
+    style: props.style,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M10.0263 3.33484C10.4537 3.3354 10.8055 3.65756 10.8531 4.07207L10.8585 4.16927L10.8516 9.16817H15.8333C16.2935 9.16817 16.6666 9.54127 16.6666 10.0015C16.6666 10.4289 16.3449 10.7811 15.9304 10.8292L15.8333 10.8348H10.8499L10.8433 15.8359C10.8426 16.2962 10.4691 16.6688 10.0088 16.6682C9.58146 16.6676 9.22966 16.3455 9.18207 15.9309L9.17659 15.8337L9.18325 10.8348H4.16659C3.70635 10.8348 3.33325 10.4617 3.33325 10.0015C3.33325 9.57414 3.65495 9.22192 4.0694 9.17378L4.16659 9.16817H9.18492L9.19188 4.16708C9.19248 3.70684 9.56607 3.33424 10.0263 3.33484Z",
+      fill: "currentColor"
+    })
+  });
+};
+exports.AddIcon = AddIcon;
+var ImageIcon = function ImageIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 24,
+    height: props.fontSize || 24,
+    style: props.style,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M3 21C1.89543 21 1 20.1046 1 19V5C1 3.89543 1.89543 3 3 3H21C22.1046 3 23 3.89543 23 5V19C23 20.1046 22.1046 21 21 21H3ZM13.9471 12.042C13.5261 11.7213 12.9281 11.7842 12.583 12.1855L10.7002 14.3748C10.3326 14.8019 9.69133 14.8619 9.25032 14.5105L8.06047 13.5625C7.66313 13.2459 7.09157 13.2776 6.73163 13.6361L3.09524 17.2581V18C3.09524 18.4084 3.34007 18.7596 3.69098 18.9149H20.309C20.626 18.7746 20.8565 18.4744 20.898 18.1166L20.9048 18V17.3416L13.9471 12.042ZM19.9048 5H4.09524C3.5824 5 3.15973 5.38604 3.10197 5.88338L3.09524 6L3.095 14.306L6.54494 10.8709C6.89094 10.5262 7.42472 10.4697 7.83235 10.7185L7.94016 10.7939L9.01459 11.6503C9.43496 11.9854 10.045 11.9282 10.3957 11.5208L12.2522 9.36442C12.614 8.94402 13.2424 8.87827 13.684 9.21461L20.904 14.714L20.9048 6C20.9048 5.44772 20.457 5 19.9048 5ZM6 6C7.10455 6 8 6.89545 8 8C8 9.10455 7.10455 10 6 10C4.89545 10 4 9.10455 4 8C4 6.89545 4.89545 6 6 6ZM6 7.71429C5.84219 7.71429 5.71429 7.84219 5.71429 8C5.71429 8.15781 5.84219 8.28571 6 8.28571C6.15781 8.28571 6.28571 8.15781 6.28571 8C6.28571 7.84219 6.15781 7.71429 6 7.71429Z",
+      fill: "currentColor"
+    })
+  });
+};
+exports.ImageIcon = ImageIcon;

package/cjs/upload/__example__/test-01-disabled-image.d.ts

@@ -0,0 +1,10 @@
+/**
+ * cn - 图片禁用
+ *    --
+ * en - Image Disabled
+ *    --
+
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/upload/__example__/test-01-disabled-image.js

@@ -0,0 +1,42 @@
+"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 - Image Disabled
+ *    --
+
+ */
+
+var df = [{
+  name: 'mountain.png',
+  data: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload.Image, {
+    action: "/api/upload",
+    accept: "image/*",
+    defaultValue: df,
+    renderResult: function renderResult(d) {
+      return d.data;
+    },
+    htmlName: "file",
+    disabled: true,
+    onSuccess: function onSuccess(_res, file, data) {
+      return {
+        name: file.name,
+        data: data
+      };
+    }
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/upload/__example__/test-01-disabled-text.d.ts

@@ -0,0 +1,10 @@
+/**
+ * cn - 禁用
+ *    --
+ * en - Disabled
+ *    --
+
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/upload/__example__/test-01-disabled-text.js

@@ -0,0 +1,42 @@
+"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 - 禁用
+ *    --
+ * en - Disabled
+ *    --
+
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
+    action: "/api/upload",
+    defaultValue: ['1.png'],
+    accept: "image/*",
+    htmlName: "file",
+    disabled: true,
+    onSuccess: function onSuccess(_res, file) {
+      return file.name;
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
+      mode: 'outline',
+      disabled: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
+        style: {
+          marginInlineEnd: 4
+        }
+      }), "Upload file"]
+    })
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/upload/__example__/test-02-form-error.d.ts

@@ -0,0 +1,10 @@
+/**
+ * cn - 提交校验
+ *    -- 当有文件正在上传或者上传失败的时候会阻止提交
+ * en - Form validate
+ *    --
+
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/upload/__example__/test-02-form-error.js

@@ -0,0 +1,57 @@
+"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 - 提交校验
+ *    -- 当有文件正在上传或者上传失败的时候会阻止提交
+ * en - Form validate
+ *    --
+
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Form, {
+    onSubmit: function onSubmit(d) {
+      console.log('onSubmit', d);
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Upload, {
+      action: "/api/upload/404",
+      defaultValue: ['1.png'],
+      showUploadList: true,
+      accept: "image/*",
+      name: "file",
+      onSuccess: function onSuccess(_res, file) {
+        return file.name;
+      },
+      onHttpError: function onHttpError(xhr) {
+        if (xhr.status === 404) return 'Url not found.';
+        return 'Upload Fail.';
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button, {
+        mode: 'outline',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.UploadIcon, {
+          style: {
+            marginInlineEnd: 4
+          }
+        }), "Upload file"]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      mode: 'outline',
+      htmlType: 'submit',
+      style: {
+        marginTop: 8
+      },
+      children: "\u63D0\u4EA4"
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/upload/button.d.ts

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

package/cjs/upload/button.js

@@ -0,0 +1,38 @@
+"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 _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
+var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
+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 jssStyle = {
+  upload: _shineoutStyle.useUploadStyle,
+  spin: _shineoutStyle.useSpinStyle,
+  popover: _shineoutStyle.usePopoverStyle,
+  alert: _shineoutStyle.useAlertStyle,
+  button: _shineoutStyle.useButtonStyle,
+  image: _shineoutStyle.useImageStyle
+};
+var BaseUploadButton = function BaseUploadButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.UploadButton, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+var _default = function _default(props) {
+  var customProps = (0, _useUploadCommon.default)({
+    rules: props.rules
+  });
+  return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), customProps), BaseUploadButton);
+};
+exports.default = _default;

package/cjs/upload/button.type.d.ts

@@ -0,0 +1,4 @@
+import { UploadButtonProps as UnStyledUploadButtonProps } from '@sheinx/base';
+import { GetWithFieldProps } from '../hooks/use-field-common';
+export declare type BaseUploadButtonProps<T> = Omit<UnStyledUploadButtonProps<T>, 'jssStyle'>;
+export declare type UploadButtonProps<T> = GetWithFieldProps<BaseUploadButtonProps<T>, BaseUploadButtonProps<T>['value']>;

package/cjs/upload/button.type.js

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

package/cjs/upload/image.d.ts

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

package/cjs/upload/image.js

@@ -0,0 +1,38 @@
+"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 _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
+var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
+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 jssStyle = {
+  upload: _shineoutStyle.useUploadStyle,
+  spin: _shineoutStyle.useSpinStyle,
+  popover: _shineoutStyle.usePopoverStyle,
+  alert: _shineoutStyle.useAlertStyle,
+  button: _shineoutStyle.useButtonStyle,
+  image: _shineoutStyle.useImageStyle
+};
+var BaseUploadImage = function BaseUploadImage(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.UploadImage, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+var _default = function _default(props) {
+  var customProps = (0, _useUploadCommon.default)({
+    rules: props.rules
+  });
+  return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), customProps), BaseUploadImage);
+};
+exports.default = _default;

package/cjs/upload/image.type.d.ts

@@ -0,0 +1,4 @@
+import { UploadImageProps as UnStyledUploadImageProps } from '@sheinx/base';
+import { GetWithFieldProps } from '../hooks/use-field-common';
+export declare type BaseUploadImageProps<T> = Omit<UnStyledUploadImageProps<T>, 'jssStyle'>;
+export declare type UploadImageProps<T> = GetWithFieldProps<BaseUploadImageProps<T>, BaseUploadImageProps<T>['value']>;

package/cjs/upload/image.type.js

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

package/cjs/upload/index.d.ts

@@ -0,0 +1,19 @@
+import Upload from './upload';
+import UploadImage from './image';
+import UploadButton from './button';
+declare type RefUpload = typeof Upload;
+declare type RefUploadImage = typeof UploadImage;
+declare type RefUploadButton = typeof UploadButton;
+export interface UploadComponent extends RefUpload {
+    displayName: string;
+    Image: UploadImageComponent;
+    Button: UploadButtonComponent;
+}
+export interface UploadImageComponent extends RefUploadImage {
+    displayName: string;
+}
+export interface UploadButtonComponent extends RefUploadButton {
+    displayName: string;
+}
+declare const UploadComp: UploadComponent;
+export default UploadComp;

package/cjs/upload/index.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 _upload = _interopRequireDefault(require("./upload"));
+var _image = _interopRequireDefault(require("./image"));
+var _button = _interopRequireDefault(require("./button"));
+var UploadImageComp = _image.default;
+UploadImageComp.displayName = 'ShineoutUploadImage';
+var UploadButtonComp = _button.default;
+UploadButtonComp.displayName = 'ShineoutUploadButton';
+var UploadComp = _upload.default;
+UploadComp.displayName = 'ShineoutUpload';
+UploadComp.Image = UploadImageComp;
+UploadComp.Button = UploadButtonComp;
+var _default = UploadComp;
+exports.default = _default;

package/cjs/upload/interface.d.ts

@@ -0,0 +1,3 @@
+export type { UploadProps as Props, Validator } from './upload.type';
+export type { UploadImageProps as ImageProps } from './image.type';
+export type { UploadOptions as Options } from '@sheinx/hooks';

package/cjs/upload/interface.js

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

package/cjs/upload/upload.d.ts

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

package/cjs/upload/upload.js

@@ -0,0 +1,38 @@
+"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 _useFieldCommon = _interopRequireDefault(require("../hooks/use-field-common"));
+var _useUploadCommon = _interopRequireDefault(require("./use-upload-common"));
+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 jssStyle = {
+  upload: _shineoutStyle.useUploadStyle,
+  spin: _shineoutStyle.useSpinStyle,
+  popover: _shineoutStyle.usePopoverStyle,
+  alert: _shineoutStyle.useAlertStyle,
+  button: _shineoutStyle.useButtonStyle,
+  image: _shineoutStyle.useImageStyle
+};
+var BaseUpload = function BaseUpload(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Upload, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+var _default = function _default(props) {
+  var customProps = (0, _useUploadCommon.default)({
+    rules: props.rules
+  });
+  return (0, _useFieldCommon.default)(_objectSpread(_objectSpread({}, props), customProps), BaseUpload, 'array');
+};
+exports.default = _default;

package/cjs/upload/upload.type.d.ts

@@ -0,0 +1,8 @@
+import { UploadProps as UnStyledUploadProps } from '@sheinx/base';
+import { GetWithFieldProps } from '../hooks/use-field-common';
+export declare type BaseUploadProps<T> = Omit<UnStyledUploadProps<T>, 'jssStyle'>;
+/**
+ *  @title Upload
+ */
+export declare type UploadProps<T> = GetWithFieldProps<BaseUploadProps<T>, BaseUploadProps<T>['value']>;
+export declare type Validator = Exclude<BaseUploadProps<any>['validator'], undefined>;

package/cjs/upload/upload.type.js

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

package/cjs/upload/use-upload-common.d.ts

@@ -0,0 +1,6 @@
+import { UploadProps } from './upload.type';
+declare const useUploadCommon: (props: Pick<UploadProps<any>, 'rules'>) => {
+    validateHook: (r: any) => void;
+    rules: (import("@sheinx/hooks/dist/cjs/utils/rule/rule.type").RuleResultValue | import("@sheinx/hooks/dist/cjs/utils/rule/rule.type").FormItemObjectRule | ((value: any[] | undefined, formData: any, callback: (cbArgs: boolean | Error) => void, props?: any) => void))[];
+};
+export default useUploadCommon;

package/cjs/upload/use-upload-common.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var useUploadCommon = function useUploadCommon(props) {
+  // upload validate sync to form
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _count = _useState2[0],
+    setCount = _useState2[1];
+  var _useRef = (0, _react.useRef)({}),
+    context = _useRef.current;
+  var rules = (0, _toConsumableArray2.default)(props.rules || []);
+  if (context.customRule) {
+    rules.push(context.customRule);
+  }
+  var validateHook = function validateHook(r) {
+    context.customRule = r;
+    setCount(function (c) {
+      return c + 1;
+    });
+  };
+  return {
+    validateHook: validateHook,
+    rules: rules
+  };
+};
+var _default = useUploadCommon;
+exports.default = _default;

package/esm/@types/common.d.ts

@@ -0,0 +1,30 @@
+import { PopoverProps } from '../popover/popover.type';
+import React from 'react';
+export interface TipProps {
+    /**
+     * @en The position where the validation info pop up
+     * @cn 校验信息弹出位置
+     * @override PopoverProps["position"]
+     */
+    popover?: boolean | PopoverProps['position'];
+    /**
+     * @en Prompt information
+     * @cn 提示信息
+     */
+    tip?: React.ReactNode;
+    /**
+     * @en Vilidate popup properties
+     * @cn 校验或者tip弹框接受的属性
+     * @type PopoverProps
+     */
+    popoverProps?: PopoverProps;
+    /**
+     * @private for rule
+     */
+    title?: string;
+}
+export interface CommonType {
+    size?: 'small' | 'large' | 'default';
+    className?: string;
+    style?: React.CSSProperties;
+}

package/esm/@types/common.js

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

package/esm/alert/__example__/01-base.d.ts

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

package/esm/alert/__example__/01-base.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 _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 提示框基本用法，在页面内用于展示重要提示信息
+ * en - Basic
+ *    -- The basic usage of Alert, used to display important prompt information in the page.
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+    icon: true,
+    type: "info",
+    children: "This is a line of important text for alerting purposes"
+  });
+};
+exports.default = _default;

package/esm/alert/__example__/02-type.d.ts

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

package/esm/alert/__example__/02-type.js

@@ -0,0 +1,55 @@
+"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 - 不同类型
+ *    -- 通过设置 `type` 属性切换不同的提示框类型，支持 4 种不同的类型：`success`、`info`、`warning`、`danger`
+ * en - Type
+ *    -- Set the `type` property to switch between different types of alert boxes. Support 4 different types: `success`, `info`, `warning`, `danger`
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 32
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "info",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is informative text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "success",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is success text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "warning",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is warning text."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Alert, {
+      icon: true,
+      type: "danger",
+      style: {
+        width: 'calc(50% - 16px)'
+      },
+      children: "This is danger text."
+    })]
+  });
+};
+exports.default = _default;

package/esm/alert/__example__/03-closeable.d.ts

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