shineout 0.0.1-alpha.1

package/cjs/breadcrumb/__example__/05-dropdown.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 带有下拉
+ *    -- dataItem 为数组时，会渲染为下拉
+ * en - Dropdown
+ *    -- When dataItem is an array, it will be rendered as a dropdown.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/05-dropdown.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 _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 带有下拉
+ *    -- dataItem 为数组时，会渲染为下拉
+ * en - Dropdown
+ *    -- When dataItem is an array, it will be rendered as a dropdown.
+ */
+
+var data = [{
+  title: 'Home',
+  url: '/'
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    to: "/cn/components/shineout/button",
+    children: "Button"
+  })
+}, [{
+  title: 'Dropdown',
+  onClick: function onClick() {
+    _.Message.info('Dropdown');
+  }
+}, {
+  title: 'Menu',
+  url: window.location.href
+}, {
+  title: 'Pagination'
+}, {
+  title: 'Table'
+}], {
+  title: 'Self'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+    data: data
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/__example__/06-max.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 显示省略
+ *    -- 通过 max 来指定最多渲染的面包屑数量，超出的部分将显示为省略号。
+ * en - Max
+ *    -- Set max to limit the number of breadcrumbs displayed.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/breadcrumb/__example__/06-max.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 _reactRouterDom = require("react-router-dom");
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 显示省略
+ *    -- 通过 max 来指定最多渲染的面包屑数量，超出的部分将显示为省略号。
+ * en - Max
+ *    -- Set max to limit the number of breadcrumbs displayed.
+ */
+
+var data = [{
+  title: 'Home',
+  url: '/'
+}, {
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+    to: "/cn/components/shineout/button",
+    children: "Button"
+  })
+}, {
+  title: 'Dropdown',
+  onClick: function onClick() {
+    _.Message.info('Dropdown');
+  }
+}, {
+  title: 'Menu',
+  url: window.location.href
+}, {
+  title: 'Pagination',
+  onClick: function onClick() {
+    _.Message.info('Pagination');
+  }
+}, {
+  title: 'Table',
+  onClick: function onClick() {
+    _.Message.info('Table');
+  }
+}, {
+  title: 'Self'
+}];
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Breadcrumb, {
+    max: 3,
+    data: data
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/breadcrumb/breadcrumb.d.ts

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

package/cjs/breadcrumb/breadcrumb.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 _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 = {
+  breadcrumb: _shineoutStyle.useBreadcrumbStyle,
+  popover: _shineoutStyle.usePopoverStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Breadcrumb, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

package/cjs/breadcrumb/breadcrumb.type.d.ts

@@ -0,0 +1,9 @@
+import { BreadcrumbProps as UnStyledBreadcrumbProps, BreadcrumbDataType } from '@sheinx/base';
+/**
+ * @title Breadcrumb
+ */
+export declare type BreadcrumbProps<Item> = Omit<UnStyledBreadcrumbProps<Item>, 'jssStyle'>;
+/**
+ * @title BreadcrumbData
+ */
+export declare type BreadcrumbData = BreadcrumbDataType;

package/cjs/breadcrumb/breadcrumb.type.js

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

package/cjs/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+import Breadcrumb from './breadcrumb';
+declare type RefBreadcrumb = typeof Breadcrumb;
+export interface BreadcrumbComponent extends RefBreadcrumb {
+    displayName: string;
+}
+declare const BreadcrumbComp: BreadcrumbComponent;
+export default BreadcrumbComp;

package/cjs/breadcrumb/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 _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
+var BreadcrumbComp = _breadcrumb.default;
+BreadcrumbComp.displayName = 'ShineoutBreadcrumb';
+var _default = BreadcrumbComp;
+exports.default = _default;

package/cjs/breadcrumb/interface.d.ts

@@ -0,0 +1 @@
+export type { BreadcrumbProps as Props, BreadcrumbData as Data } from './breadcrumb.type';

package/cjs/breadcrumb/interface.js

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

package/cjs/button/__example__/s-001-base.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 基本用法
+ *    -- 按钮分为主要按钮、次要按钮、线框按钮、虚框按钮、文字按钮五种，主按钮在同一个操作区域最多出现一次
+ * en - Base
+ *    -- Button is divided into five types: primary, secondary, outline, dash, and text. The primary button can only appear once in the same operation area.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-001-base.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 按钮分为主要按钮、次要按钮、线框按钮、虚框按钮、文字按钮五种，主按钮在同一个操作区域最多出现一次
+ * en - Base
+ *    -- Button is divided into five types: primary, secondary, outline, dash, and text. The primary button can only appear once in the same operation area.
+ */
+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",
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "secondary",
+      style: buttonStyle,
+      children: "Secondary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "secondary",
+      mode: "outline",
+      style: buttonStyle,
+      children: "Outline"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "secondary",
+      mode: "dashed",
+      style: buttonStyle,
+      children: "Dashed"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      mode: "text",
+      style: buttonStyle,
+      children: "Text"
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-002-icon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 图标按钮
+ *    -- Button 可以嵌入图标
+ * en - Button with icon
+ *    -- Button can embed icons
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-002-icon.js

@@ -0,0 +1,57 @@
+"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 - 图标按钮
+ *    -- Button 可以嵌入图标
+ * en - Button with icon
+ *    -- Button can embed icons
+ */
+var _default = function _default() {
+  var buttonStyle = {
+    margin: 0
+  };
+  var iconWarpperStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 4
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 24,
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      style: buttonStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        style: iconWarpperStyle,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon01, {}), " Primary"]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      style: buttonStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        style: iconWarpperStyle,
+        children: ["Primary ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon01, {})]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      shape: "square",
+      style: buttonStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: iconWarpperStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon01, {})
+      })
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-003-shape.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 按钮形状
+ *    -- 按钮分为矩形、全圆角、方形、圆形四种
+ * en - Button shape
+ *    -- Button is divided into square, circle, round, and rectangle.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-003-shape.js

@@ -0,0 +1,60 @@
+"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 - Button shape
+ *    -- Button is divided into square, circle, round, and rectangle.
+ */
+var _default = function _default() {
+  var buttonStyle = {
+    margin: 0
+  };
+  var iconWarpperStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 4
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      gap: 24,
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      shape: "round",
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      shape: "square",
+      style: buttonStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: iconWarpperStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon01, {})
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      shape: "circle",
+      style: buttonStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: iconWarpperStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.Icon01, {})
+      })
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-004-size.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 按钮尺寸
+ *    -- 按钮分为小、中、大三种尺寸，推荐及默认为尺寸「中」，可在不同场景及不同业务需求选择适合尺寸
+ * en - Button size
+ *    -- Button is divided into small, medium, and large. The recommended and default size is medium. You can choose the appropriate size in different scenarios and different business needs.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-004-size.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 按钮尺寸
+ *    -- 按钮分为小、中、大三种尺寸，推荐及默认为尺寸「中」，可在不同场景及不同业务需求选择适合尺寸
+ * en - Button size
+ *    -- Button is divided into small, medium, and large. The recommended and default size is medium. You can choose the appropriate size in different scenarios and different business needs.
+ */
+var _default = function _default() {
+  var buttonStyle = {
+    margin: 0
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 24,
+      flexWrap: 'wrap'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      size: "small",
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      style: buttonStyle,
+      children: "Primary"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      type: "primary",
+      size: "large",
+      style: buttonStyle,
+      children: "Primary"
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-005-status.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 按钮状态
+ *    -- 按钮状态分为危险、警告、成功三种，可以与按钮类型同时生效，优先级高于按钮类型
+ * en - Button status
+ *    -- Button status is divided into danger, warning, and success. It can take effect at the same time as the button type, and the priority is higher than the button type.
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/cjs/button/__example__/s-005-status.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 按钮状态
+ *    -- 按钮状态分为危险、警告、成功三种，可以与按钮类型同时生效，优先级高于按钮类型
+ * en - Button status
+ *    -- Button status is divided into danger, warning, and success. It can take effect at the same time as the button type, and the priority is higher than the button type.
+ */
+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: "danger",
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        mode: "outline",
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Danger"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "danger",
+        mode: "text",
+        style: buttonStyle,
+        children: "Danger"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        mode: "outline",
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Warning"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "warning",
+        mode: "text",
+        style: buttonStyle,
+        children: "Warning"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: buttonWrapperStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        mode: "outline",
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        mode: "dashed",
+        style: buttonStyle,
+        children: "Success"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "success",
+        mode: "text",
+        style: buttonStyle,
+        children: "Success"
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/cjs/button/__example__/s-006-disabled.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 禁用按钮
+ *    -- 按钮的禁用状态
+ * en - Disabled
+ *    -- Button disabled state
+ */
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;