shineout 0.0.1-alpha.1

package/cjs/button/__example__/s-006-disabled.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 禁用按钮
+ *    -- 按钮的禁用状态
+ * en - Disabled
+ *    -- Button disabled state
+ */
+var _default = function _default() {
+  var buttonStyle = {
+    margin: 0,
+    width: 72
+  };
+  var wrapperStyle = {
+    gap: 24,
+    display: 'flex',
+    flexWrap: 'wrap',
+    flexDirection: 'column'
+  };
+  var buttonWrapperStyle = {
+    gap: 24,
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: wrapperStyle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        disabled: true,
+        style: buttonStyle,
+        children: "Primary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        disabled: true,
+        mode: "outline",
+        style: buttonStyle,
+        children: "Primary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        disabled: true,
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Primary"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        disabled: true,
+        mode: "text",
+        style: buttonStyle,
+        children: "Primary"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        disabled: true,
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        disabled: true,
+        mode: "outline",
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        disabled: true,
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        disabled: true,
+        mode: "text",
+        style: buttonStyle,
+        children: "Danger"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        disabled: true,
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        disabled: true,
+        mode: "outline",
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        disabled: true,
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        disabled: true,
+        mode: "text",
+        style: buttonStyle,
+        children: "Warning"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        disabled: true,
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        disabled: true,
+        mode: "outline",
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        disabled: true,
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        disabled: true,
+        mode: "text",
+        style: buttonStyle,
+        children: "Success"
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-007-loading.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 加载中按钮
+ *    -- 通过设置 loading 可以让一个按钮处于加载中状态，处于加载中状态的按钮不会触发点击事件
+ * en - Loading
+ *    -- Set loading to make a button loading. The button in the loading state does not trigger the click event.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-007-loading.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 加载中按钮
+ *    -- 通过设置 loading 可以让一个按钮处于加载中状态，处于加载中状态的按钮不会触发点击事件
+ * en - Loading
+ *    -- Set loading to make a button loading. The button in the loading state does not trigger the click event.
+ */
+var _default = function _default() {
+  var buttonStyle = {
+    margin: 0
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 24,
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      loading: true,
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      loading: true,
+      shape: "square",
+      style: buttonStyle
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-008-group.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 组合按钮
+ *    -- 可用在同级多项操作，以按钮组合方式出现
+ * en - Group
+ *    -- Can be used in the same level of multiple operations, in the form of button group.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-008-group.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _icon = require("./static/icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 组合按钮
+ *    -- 可用在同级多项操作，以按钮组合方式出现
+ * en - Group
+ *    -- Can be used in the same level of multiple operations, in the form of button group.
+ */
+var _default = function _default() {
+  var iconWarpperStyle = {
+    display: 'inline-flex',
+    lineHeight: '22px'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 24,
+      flexWrap: 'wrap',
+      flexDirection: 'column'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button.Group, {
+      mode: "text",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "secondary",
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "secondary",
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "secondary",
+        disabled: true,
+        children: "Publish"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button.Group, {
+      type: "secondary",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button.Group, {
+      type: "secondary",
+      mode: "outline",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        children: "Publish"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: 24
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button.Group, {
+        type: "primary",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          children: "Publish"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            style: iconWarpperStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon02, {})
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Button.Group, {
+        type: "secondary",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          children: "Publish"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            style: iconWarpperStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon03, {
+              color: "#666C7C"
+            })
+          })
+        })]
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/static/icon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IconProps {
+    fontSize?: number;
+    color?: string;
+}
+declare const Icon01: (props: IconProps) => JSX.Element;
+declare const Icon02: (props: IconProps) => JSX.Element;
+declare const Icon03: (props: IconProps) => JSX.Element;
+export { Icon01, Icon02, Icon03 };

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon03 = exports.Icon02 = exports.Icon01 = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var Icon01 = function Icon01(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 14,
+    height: props.fontSize || 14,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M14.1277 12.6744L14.706 12.6805L15.2223 12.6925L15.6829 12.7117L15.7902 12.7177L15.8944 12.7243L16.2838 12.7567C17.0824 12.8374 17.6032 12.9908 18.1427 13.2738C19.0608 13.7553 19.815 14.496 20.3182 15.4004L20.4388 15.6299L20.5331 15.8296L20.5549 15.8791L20.5761 15.9285L20.6541 16.1276L20.672 16.178L20.6893 16.2289L20.7525 16.4381L20.8067 16.6601L20.8189 16.7182L20.8306 16.7775L20.8725 17.0278L20.907 17.303L20.9349 17.608L20.9568 17.9475L20.9733 18.3264L20.9897 18.9792L20.9991 20.0326L21 21.3025C21 21.818 20.587 22.2423 20.0565 22.2966L19.9412 22.3025H4.05882C3.51294 22.3025 3.06369 21.9123 3.00621 21.4112L3 21.3022L3.00035 20.0105L3.00336 19.4085L3.01669 18.6212L3.03295 18.165L3.0563 17.7569L3.08778 17.3908L3.09704 17.3052L3.10689 17.2217L3.15247 16.9077L3.19362 16.6905L3.24121 16.4862L3.31544 16.2295C3.38268 16.0216 3.46373 15.8269 3.56125 15.6298C4.06047 14.6212 4.86271 13.7954 5.85729 13.2737C6.33682 13.0222 6.80166 12.8731 7.45989 12.7864L7.7162 12.7567L8.10556 12.7243L8.20982 12.7177L8.31705 12.7117L8.77771 12.6925L9.29398 12.6805L9.87234 12.6744H14.1277ZM14.0877 14.6742H9.91425L9.78201 14.6751L9.65386 14.6762L8.96581 14.6883L8.57784 14.7024L8.24002 14.722L7.94682 14.7476C7.85591 14.7572 7.77152 14.7679 7.69273 14.7798L7.57862 14.7986L7.37286 14.8418C7.18067 14.889 7.02646 14.9482 6.88541 15.0222C6.35273 15.3016 5.90352 15.7341 5.59052 16.2708L5.47964 16.4768L5.44372 16.5528L5.37878 16.7131L5.32258 16.8887L5.30983 16.9356L5.29759 16.9839L5.25346 17.1921L5.21667 17.4286L5.20855 17.4928L5.20085 17.5591L5.17404 17.8477L5.15316 18.1776L5.13768 18.5538L5.12703 18.9815L5.12066 19.466L5.11765 20.3018H18.8813L18.8762 19.3237L18.8646 18.6863L18.8453 18.1584L18.8275 17.8595L18.8051 17.5977L18.7778 17.3681L18.745 17.1661L18.7065 16.9872L18.6616 16.8265L18.6494 16.7887L18.6367 16.7516L18.5816 16.6096L18.5204 16.4768C18.2075 15.8447 17.7139 15.3365 17.1146 15.0222C17.0088 14.9667 16.8956 14.9195 16.7646 14.8795L16.6272 14.8418L16.4215 14.7986L16.3655 14.7889L16.3074 14.7798L16.0535 14.7476L15.9841 14.7406L15.9122 14.734L15.5976 14.7115L15.2356 14.6947L14.8209 14.6832L14.0877 14.6742ZM12 1C14.7614 1 17 3.23858 17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76142 7 6C7 3.23858 9.23858 1 12 1ZM12 3C10.3431 3 9 4.34315 9 6C9 7.65685 10.3431 9 12 9C13.6569 9 15 7.65685 15 6C15 4.34315 13.6569 3 12 3Z",
+      fill: props.color || '#ffffff'
+    })
+  });
+};
+exports.Icon01 = Icon01;
+var Icon02 = function Icon02(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 14,
+    height: props.fontSize || 14,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M11.2929 15.7071C11.6534 16.0676 12.2206 16.0953 12.6129 15.7903L12.7071 15.7071L18.7071 9.70711C19.0976 9.31658 19.0976 8.68342 18.7071 8.29289C18.3466 7.93241 17.7794 7.90468 17.3871 8.2097L17.2929 8.29289L12.7072 12.8779C12.3165 13.2683 11.6835 13.2683 11.2928 12.8779L6.70711 8.29289C6.34662 7.93241 5.77939 7.90468 5.3871 8.2097L5.29289 8.29289C4.93241 8.65338 4.90468 9.22061 5.2097 9.6129L5.29289 9.70711L11.2929 15.7071Z",
+      fill: props.color || '#ffffff'
+    })
+  });
+};
+exports.Icon02 = Icon02;
+var Icon03 = function Icon03(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: props.fontSize || 14,
+    height: props.fontSize || 14,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M5 10C6.10457 10 7 10.8954 7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM19 10C20.1046 10 21 10.8954 21 12C21 13.1046 20.1046 14 19 14C17.8954 14 17 13.1046 17 12C17 10.8954 17.8954 10 19 10Z",
+      fill: props.color || '#ffffff'
+    })
+  });
+};
+exports.Icon03 = Icon03;

package/cjs/button/button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ButtonProps } from './button.type';
+declare const Button: {
+    (props: ButtonProps): JSX.Element;
+    displayName: string;
+};
+export default Button;

package/cjs/button/button.js

@@ -0,0 +1,29 @@
+"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 _react = _interopRequireDefault(require("react"));
+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 jssStyle = {
+  button: _shineoutStyle.useButtonStyle,
+  spin: _shineoutStyle.useSpinStyle
+};
+var Button = function Button(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Button, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};
+Button.displayName = 'ShineoutButton';
+var _default = Button;
+exports.default = _default;

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

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

package/cjs/button/button.type.js

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

package/cjs/button/group.d.ts

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

package/cjs/button/group.js

@@ -0,0 +1,27 @@
+"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 jssStyle = {
+  button: _shineoutStyle.useButtonStyle,
+  spin: _shineoutStyle.useSpinStyle
+};
+var ButtonGroup = function ButtonGroup(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.ButtonGroup, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};
+var _default = ButtonGroup;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import { ButtonGroupProps as UnStyledButtonGroupProps } from '@sheinx/base';
+export declare type BaseButtonGroupProps = Omit<UnStyledButtonGroupProps, 'jssStyle'>;
+export declare type ButtonGroupProps = BaseButtonGroupProps;

package/cjs/button/group.type.js

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

package/cjs/button/index.d.ts

@@ -0,0 +1,9 @@
+import Button from './button';
+import Group from './group';
+declare type RefButton = typeof Button;
+export interface ButtonComponent extends RefButton {
+    Group: typeof Group;
+    displayName: string;
+}
+declare const _default: ButtonComponent;
+export default _default;

package/cjs/button/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _button = _interopRequireDefault(require("./button"));
+var _group = _interopRequireDefault(require("./group"));
+_button.default.displayName = 'ShineoutButton';
+_button.default.Group = _group.default;
+var _default = _button.default;
+exports.default = _default;

package/cjs/carousel/__example__/01-base.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 基本用法
+ *    -- 最基本的使用
+ * en - Base
+ *    -- The basic usage
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/carousel/__example__/01-base.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 最基本的使用
+ * en - Base
+ *    -- The basic usage
+ */
+
+var images = ['https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-03.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-04.png'];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Carousel, {
+    style: {
+      width: 600,
+      height: 280
+    },
+    showArrow: 'hover',
+    interval: 5000,
+    onMove: console.log,
+    children: images.map(function (src) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: src
+      }, src);
+    })
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/carousel/__example__/02-indicator.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 指示器
+ *    -- 可以指定指示器类型和位置
+ * en - Indicator
+ *    -- You can set indicator type and position.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/carousel/__example__/02-indicator.js

@@ -0,0 +1,88 @@
+"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;
+require("core-js/modules/es.array.map.js");
+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 - 指示器
+ *    -- 可以指定指示器类型和位置
+ * en - Indicator
+ *    -- You can set indicator type and position.
+ */
+
+var images = ['https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-03.png', 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-04.png'];
+var App = function App() {
+  var _useState = (0, _react.useState)('circle'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    indicatorType = _useState2[0],
+    setIndicatorType = _useState2[1];
+  var _useState3 = (0, _react.useState)('center'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    indicatorPosition = _useState4[0],
+    setIndicatorPosition = _useState4[1];
+  var rowStyle = {
+    display: 'flex',
+    marginBottom: 16,
+    alignItems: 'center'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: rowStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 150
+        },
+        children: "indicator position:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+        keygen: true,
+        value: indicatorPosition,
+        data: ['left', 'center', 'right', 'outer'],
+        onChange: function onChange(v) {
+          return setIndicatorPosition(v);
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: rowStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: 150
+        },
+        children: "indicator type:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Radio.Group, {
+        keygen: true,
+        value: indicatorType,
+        data: ['circle', 'line', 'number'],
+        onChange: function onChange(v) {
+          return setIndicatorType(v);
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Carousel, {
+      style: {
+        width: 600,
+        height: 280
+      },
+      indicatorPosition: indicatorPosition,
+      indicatorType: indicatorType,
+      children: images.map(function (src) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: src
+        }, src);
+      })
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/carousel/__example__/03-animation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 指示器
+ *    -- 轮播组件提供了三种动画过渡方式，可以切换选项查看效果
+ * en - Indicator
+ *    -- You can set indicator type and position.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;