shineout 0.0.1-alpha.1

package/esm/image/__example__/s-008-lazy-2.js

@@ -0,0 +1,51 @@
+"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 -
+ *    -- 通过配置 `container` 对指定容器下的 Image 进行懒加载
+ * en -
+ *    -- Set `container` to lazy load Image in the specified container.
+ */
+var _default = function _default() {
+  var images = [{
+    src: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-01.png',
+    target: '_modal'
+  }, {
+    src: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-02.png',
+    target: '_blank'
+  }, {
+    src: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-03.png',
+    target: '_self'
+  }, {
+    src: 'https://raw.githubusercontent.com/sheinsight/shineout-static/main/shineout-next/images/image/s-04.png',
+    target: '_download'
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: "image-container",
+    style: {
+      width: '100%',
+      height: 300,
+      overflow: 'auto'
+    },
+    children: images.map(function (item, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Image, {
+        lazy: true,
+        container: "#image-container",
+        fit: "fill",
+        width: "100%",
+        height: "100%",
+        src: item.src
+      }, index);
+    })
+  });
+};
+exports.default = _default;

package/esm/image/group.d.ts

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

package/esm/image/group.js

@@ -0,0 +1,26 @@
+"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 = {
+  image: _shineoutStyle.useImageStyle
+};
+var ImageGroup = function ImageGroup(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.ImageGroup, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};
+var _default = ImageGroup;
+exports.default = _default;

package/esm/image/group.type.d.ts

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

package/esm/image/group.type.js

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

package/esm/image/image.d.ts

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

package/esm/image/image.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 = {
+  image: _shineoutStyle.useImageStyle
+};
+var Image = function Image(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Image, _objectSpread(_objectSpread({}, props), {}, {
+    jssStyle: jssStyle
+  }));
+};
+var _default = Image;
+exports.default = _default;

package/esm/image/image.type.d.ts

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

package/esm/image/image.type.js

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

package/esm/image/index.d.ts

@@ -0,0 +1,9 @@
+import Image from './image';
+import Group from './group';
+declare type RefImage = typeof Image;
+export interface ImageComponent extends RefImage {
+    Group: typeof Group;
+    displayName: string;
+}
+declare const _default: ImageComponent;
+export default _default;

package/esm/image/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 _image = _interopRequireDefault(require("./image"));
+var _group = _interopRequireDefault(require("./group"));
+_image.default.displayName = 'ShineoutImage';
+_image.default.Group = _group.default;
+var _default = _image.default;
+exports.default = _default;

package/esm/image/interface.d.ts

@@ -0,0 +1,2 @@
+export type { ImageProps as Props } from './image.type';
+export type { ImageGroupProps as GroupProps } from './group.type';

package/esm/image/interface.js

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

package/esm/index.d.ts

@@ -0,0 +1,42 @@
+export { default as Alert } from './alert';
+export { default as Breadcrumb } from './breadcrumb';
+export { default as Button } from './button';
+export { default as Carousel } from './carousel';
+export { default as Checkbox } from './checkbox';
+export { default as DatePicker } from './date-picker';
+export { default as Divider } from './divider';
+export { default as Drawer } from './drawer';
+export { default as Dropdown } from './dropdown';
+export { default as EditableArea } from './editable-area';
+export { default as Empty } from './empty';
+export { default as Form } from './form';
+export { default as Gap } from './gap';
+export { default as Icon } from './icon';
+export { default as Image } from './image';
+export { default as Input } from './input';
+export { default as List } from './list';
+export { default as Menu } from './menu';
+export { default as Message } from './message';
+export { default as Modal } from './modal';
+export { default as Pagination } from './pagination';
+export { default as Popover } from './popover';
+export { default as Progress } from './progress';
+export { default as Radio } from './radio';
+export { default as Rate } from './rate';
+export { default as Rule } from './rule';
+export { default as Select } from './select';
+export { default as Slider } from './slider';
+export { default as Spin } from './spin';
+export { default as Sticky } from './sticky';
+export { default as Steps } from './steps';
+export { default as Switch } from './switch';
+export { default as Table } from './table';
+export { default as Tabs } from './tabs';
+export { default as Tag } from './tag';
+export { default as Textarea } from './textarea';
+export { default as Tooltip } from './tooltip';
+export { default as Transfer } from './transfer';
+export { default as Tree } from './tree';
+export { default as Upload } from './upload';
+export { setConfig } from '@sheinx/base';
+export * as TYPE from './type';

package/esm/index.js

@@ -0,0 +1,302 @@
+"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
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function get() {
+    return _alert.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _breadcrumb.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function get() {
+    return _carousel.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _datePicker.default;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function get() {
+    return _divider.default;
+  }
+});
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _drawer.default;
+  }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function get() {
+    return _dropdown.default;
+  }
+});
+Object.defineProperty(exports, "EditableArea", {
+  enumerable: true,
+  get: function get() {
+    return _editableArea.default;
+  }
+});
+Object.defineProperty(exports, "Empty", {
+  enumerable: true,
+  get: function get() {
+    return _empty.default;
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _form.default;
+  }
+});
+Object.defineProperty(exports, "Gap", {
+  enumerable: true,
+  get: function get() {
+    return _gap.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _icon.default;
+  }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function get() {
+    return _image.default;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input.default;
+  }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _list.default;
+  }
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function get() {
+    return _menu.default;
+  }
+});
+Object.defineProperty(exports, "Message", {
+  enumerable: true,
+  get: function get() {
+    return _message.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _modal.default;
+  }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _pagination.default;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _popover.default;
+  }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _progress.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "Rate", {
+  enumerable: true,
+  get: function get() {
+    return _rate.default;
+  }
+});
+Object.defineProperty(exports, "Rule", {
+  enumerable: true,
+  get: function get() {
+    return _rule.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _select.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _slider.default;
+  }
+});
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: function get() {
+    return _spin.default;
+  }
+});
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: function get() {
+    return _steps.default;
+  }
+});
+Object.defineProperty(exports, "Sticky", {
+  enumerable: true,
+  get: function get() {
+    return _sticky.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function get() {
+    return _switch.default;
+  }
+});
+exports.TYPE = void 0;
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _tabs.default;
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _tag.default;
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textarea.default;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _tooltip.default;
+  }
+});
+Object.defineProperty(exports, "Transfer", {
+  enumerable: true,
+  get: function get() {
+    return _transfer.default;
+  }
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _tree.default;
+  }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function get() {
+    return _upload.default;
+  }
+});
+Object.defineProperty(exports, "setConfig", {
+  enumerable: true,
+  get: function get() {
+    return _base.setConfig;
+  }
+});
+var _alert = _interopRequireDefault(require("./alert"));
+var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
+var _button = _interopRequireDefault(require("./button"));
+var _carousel = _interopRequireDefault(require("./carousel"));
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _datePicker = _interopRequireDefault(require("./date-picker"));
+var _divider = _interopRequireDefault(require("./divider"));
+var _drawer = _interopRequireDefault(require("./drawer"));
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _editableArea = _interopRequireDefault(require("./editable-area"));
+var _empty = _interopRequireDefault(require("./empty"));
+var _form = _interopRequireDefault(require("./form"));
+var _gap = _interopRequireDefault(require("./gap"));
+var _icon = _interopRequireDefault(require("./icon"));
+var _image = _interopRequireDefault(require("./image"));
+var _input = _interopRequireDefault(require("./input"));
+var _list = _interopRequireDefault(require("./list"));
+var _menu = _interopRequireDefault(require("./menu"));
+var _message = _interopRequireDefault(require("./message"));
+var _modal = _interopRequireDefault(require("./modal"));
+var _pagination = _interopRequireDefault(require("./pagination"));
+var _popover = _interopRequireDefault(require("./popover"));
+var _progress = _interopRequireDefault(require("./progress"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _rate = _interopRequireDefault(require("./rate"));
+var _rule = _interopRequireDefault(require("./rule"));
+var _select = _interopRequireDefault(require("./select"));
+var _slider = _interopRequireDefault(require("./slider"));
+var _spin = _interopRequireDefault(require("./spin"));
+var _sticky = _interopRequireDefault(require("./sticky"));
+var _steps = _interopRequireDefault(require("./steps"));
+var _switch = _interopRequireDefault(require("./switch"));
+var _table = _interopRequireDefault(require("./table"));
+var _tabs = _interopRequireDefault(require("./tabs"));
+var _tag = _interopRequireDefault(require("./tag"));
+var _textarea = _interopRequireDefault(require("./textarea"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+var _transfer = _interopRequireDefault(require("./transfer"));
+var _tree = _interopRequireDefault(require("./tree"));
+var _upload = _interopRequireDefault(require("./upload"));
+var _base = require("@sheinx/base");
+var _TYPE = _interopRequireWildcard(require("./type"));
+exports.TYPE = _TYPE;
+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; }

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

@@ -0,0 +1,11 @@
+/**
+ * cn - 基本用法
+ *    -- Input 通常需要和其他的组件配合使用，所以默认的宽度是 100%，默认 display 为 block
+ *    -- 如果设置了 style.width，默认 display 为 inline-flex
+ * en - Base
+ *    -- Input usually needs to be used with other components, so the default width is 100% and the default display is block.
+ *    -- If the style.width is set, the default display is inline-flex.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/01-base.js

@@ -0,0 +1,27 @@
+"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 - 基本用法
+ *    -- Input 通常需要和其他的组件配合使用，所以默认的宽度是 100%，默认 display 为 block
+ *    -- 如果设置了 style.width，默认 display 为 inline-flex
+ * en - Base
+ *    -- Input usually needs to be used with other components, so the default width is 100% and the default display is block.
+ *    -- If the style.width is set, the default display is inline-flex.
+ */
+
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+    placeholder: "input something",
+    clearable: true
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/02-size.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 尺寸大小
+ *    -- 设置 `size` 属性改变输入框组件的尺寸大小。内置三种尺寸：small、default、large。
+ * en - Size
+ *    -- Set the size property to change the size of the input box component. There are three built-in sizes available: small, default, and large.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/esm/input/__example__/02-size.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 - 尺寸大小
+ *    -- 设置 `size` 属性改变输入框组件的尺寸大小。内置三种尺寸：small、default、large。
+ * en - Size
+ *    -- Set the size property to change the size of the input box component. There are three built-in sizes available: small, default, and large.
+ */
+
+var style = {
+  width: 120,
+  marginInlineEnd: 12
+};
+var App = function App() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      size: "small",
+      style: style,
+      placeholder: "small size",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      style: style,
+      placeholder: "default size",
+      clearable: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, {
+      size: "large",
+      style: style,
+      placeholder: "large size",
+      clearable: true
+    })]
+  });
+};
+var _default = App;
+exports.default = _default;

package/esm/input/__example__/03-number-0.d.ts

@@ -0,0 +1,15 @@
+/**
+ * cn - 数字
+ *    -- 设置 `type` 为 number，输入时会做一次校验，禁止输入非数字类型字符
+ *    -- 设置 `digits` 限制小数位数
+ *    -- 设置 `integerLimit` 限制整数位数
+ *    -- 设置 `numType` 限制数字格式, 支持 'positive' 和 'non-negative'
+ * en - Number
+ *    -- Set `type` to number, the input will be verified once when inputting, and non-numeric characters are not allowed to be entered
+ *    -- Set `digits` to limit the number of decimal places
+ *    -- Set `integerLimit` to limit the number of integers
+ *    -- Set `numType` to limit the number format, support 'positive' and 'non-negative'
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;