@ioca/react 1.5.20 → 1.5.21

package/lib/es/components/tabs/tabs.js

@@ -4,6 +4,7 @@ import { useRef, useState, useMemo, useEffect, useImperativeHandle } from 'react
 import { useIntersectionObserver, useSize } from '../../js/hooks.js';
 import TabsContents from './contents.js';
 import { defaultRenderMore, getParsedTabs, isSameTabs, emptyBarStyle } from './helper.js';
+import './index.css';
 import Item from './item.js';
 import TabsNavs from './navs.js';
 
@@ -244,4 +245,3 @@ const Tabs = ((props) => {
 Tabs.Item = Item;
 
 export { Tabs as default };
-//# sourceMappingURL=tabs.js.map

package/lib/es/components/tag/index.js

@@ -3,4 +3,3 @@ import Tag from './tag.js';
 
 
 export { Tag as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/tag/tag.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import Helpericon from '../utils/helpericon/helpericon.js';
+import './index.css';
 
 const Tag = (props) => {
     const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;
@@ -15,4 +16,3 @@ const Tag = (props) => {
 };
 
 export { Tag as default };
-//# sourceMappingURL=tag.js.map

package/lib/es/components/text/highlight.js

@@ -25,4 +25,3 @@ function HighLight(props) {
 }
 
 export { HighLight as default };
-//# sourceMappingURL=highlight.js.map

package/lib/es/components/text/index.js

@@ -3,4 +3,3 @@ import Text from './text.js';
 
 
 export { Text as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/text/number.js

@@ -24,4 +24,3 @@ function Number(props) {
 }
 
 export { Number as default };
-//# sourceMappingURL=number.js.map

package/lib/es/components/text/text.js

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useMemo } from 'react';
 import HighLight from './highlight.js';
+import './index.css';
 import Number from './number.js';
 import Number$1 from './time.js';
 
@@ -31,4 +32,3 @@ Text.Time = Number$1;
 Text.HighLight = HighLight;
 
 export { Text as default };
-//# sourceMappingURL=text.js.map

package/lib/es/components/text/time.js

@@ -17,4 +17,3 @@ function Number(props) {
 }
 
 export { Number as default };
-//# sourceMappingURL=time.js.map

package/lib/es/components/tree/index.js

@@ -3,4 +3,3 @@ import Tree from './tree.js';
 
 
 export { Tree as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/tree/item.js

@@ -57,4 +57,3 @@ function TreeList(props) {
 }
 
 export { TreeItemHeader, TreeList, TreeRow };
-//# sourceMappingURL=item.js.map

package/lib/es/components/tree/tree.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { flushSync } from 'react-dom';
 import { useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
+import './index.css';
 import { TreeList } from './item.js';
 import VirtualTree from './virtual.js';
 
@@ -230,4 +231,3 @@ const Tree = (props) => {
 };
 
 export { Tree as default };
-//# sourceMappingURL=tree.js.map

package/lib/es/components/tree/virtual.js

@@ -41,4 +41,3 @@ function VirtualTree(props) {
 }
 
 export { VirtualTree as default };
-//# sourceMappingURL=virtual.js.map

package/lib/es/components/upload/dropbox.js

@@ -43,4 +43,3 @@ const Dropbox = (props) => {
 };
 
 export { Dropbox as default };
-//# sourceMappingURL=dropbox.js.map

package/lib/es/components/upload/index.js

@@ -3,4 +3,3 @@ import Upload from './upload.js';
 
 
 export { Upload as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/upload/renderFile.js

@@ -54,4 +54,3 @@ const FileListItem = memo((props) => {
 });
 
 export { ListContainer, FileListItem as default };
-//# sourceMappingURL=renderFile.js.map

package/lib/es/components/upload/upload.js

@@ -11,6 +11,7 @@ import Button from '../button/button.js';
 import Icon from '../icon/icon.js';
 import InputContainer from '../input/container.js';
 import Dropbox from './dropbox.js';
+import './index.css';
 import FileListItem, { ListContainer } from './renderFile.js';
 
 const normalizeFiles = (files) => (files ?? []).map((item) => {
@@ -152,4 +153,3 @@ const Upload = (props) => {
 };
 
 export { Upload as default };
-//# sourceMappingURL=upload.js.map

package/lib/es/components/utils/empty/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { InboxTwotone } from '@ricons/material';
 import classNames from 'classnames';
+import './index.css';
 
 function Empty(props) {
     const { className, ...restProps } = props;
@@ -8,4 +9,3 @@ function Empty(props) {
 }
 
 export { Empty as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/utils/helpericon/helpericon.js

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { uid } from 'radash';
 import { createElement } from 'react';
 import Icon from '../../icon/icon.js';
+import './index.css';
 
 const Helpericon = (props) => {
     const { as = "a", active, className, icon = jsx(CloseRound, {}), ...restProps } = props;
@@ -21,4 +22,3 @@ const Helpericon = (props) => {
 };
 
 export { Helpericon as default };
-//# sourceMappingURL=helpericon.js.map

package/lib/es/components/utils/helpericon/index.js

@@ -3,4 +3,3 @@ import Helpericon from './helpericon.js';
 
 
 export { Helpericon as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/video/index.js

@@ -3,4 +3,3 @@ import Video from './video.js';
 
 
 export { Video as default };
-//# sourceMappingURL=index.js.map

package/lib/es/components/video/video.js

@@ -9,6 +9,7 @@ import Button from '../button/button.js';
 import Icon from '../icon/icon.js';
 import Progress from '../progress/progress.js';
 import Text from '../text/text.js';
+import './index.css';
 
 const Video = (props) => {
     const { ref, style, hideControls, autoplay, muted, volume = 50, height, width, useOriginControls, timeProgressProps = {
@@ -170,4 +171,3 @@ const Video = (props) => {
 };
 
 export { Video as default };
-//# sourceMappingURL=video.js.map

package/lib/es/index.js

@@ -1,3 +1,4 @@
+import './css/index.css';
 export { default as Affix } from './components/affix/affix.js';
 export { default as Badge } from './components/badge/badge.js';
 export { default as Button } from './components/button/button.js';
@@ -41,4 +42,3 @@ export { default as Upload } from './components/upload/upload.js';
 export { default as Video } from './components/video/video.js';
 export { default as usePreview } from './js/usePreview/index.js';
 export { default as useTheme } from './js/useTheme/index.js';
-//# sourceMappingURL=index.js.map

package/lib/es/js/hooks.js

@@ -261,4 +261,3 @@ function useResizeObserver() {
 }
 
 export { useIntersectionObserver, useKeydown, useMouseMove, useMouseUp, useReactive, useResizeObserver, useSize };
-//# sourceMappingURL=hooks.js.map

package/lib/es/js/usePreview/content.js

@@ -153,4 +153,3 @@ function Content(props) {
 }
 
 export { Content as default };
-//# sourceMappingURL=content.js.map

package/lib/es/js/usePreview/index.js

@@ -3,6 +3,7 @@ import { useRef } from 'react';
 import HookModal from '../../components/modal/hookModal.js';
 import { renderNode } from '../utils.js';
 import Content from './content.js';
+import './index.css';
 
 function usePreview() {
     const ref = useRef(null);
@@ -20,4 +21,3 @@ function usePreview() {
 }
 
 export { usePreview as default };
-//# sourceMappingURL=index.js.map

package/lib/es/js/usePreview/renderFile.js

@@ -17,4 +17,3 @@ function renderFile(props) {
 }
 
 export { renderFile as default };
-//# sourceMappingURL=renderFile.js.map

package/lib/es/js/usePreview/type.js

@@ -10,4 +10,3 @@ var TFileType;
 })(TFileType || (TFileType = {}));
 
 export { TFileType };
-//# sourceMappingURL=type.js.map

package/lib/es/js/useRipple/index.js

@@ -1,3 +1,5 @@
+import './ripple.css';
+
 const TIMEOUT = 500;
 const useRipple = () => {
     if (!document)
@@ -44,4 +46,3 @@ function createRipple() {
 }
 
 export { useRipple as default };
-//# sourceMappingURL=index.js.map

package/lib/es/js/useTheme/index.js

@@ -148,4 +148,3 @@ const useTheme = (props) => {
 };
 
 export { useTheme as default };
-//# sourceMappingURL=index.js.map

package/lib/es/js/utils.js

@@ -283,4 +283,3 @@ const arrayMove = (array, fromIndex, toIndex) => {
 };
 
 export { animate, arrayMove, clamp, exitFullScreen, formatBytes, formatNumber, formatOption, formatTime, fullScreen, getFileType, getNextSorter, getPointPosition, getPosition, getSuffixByUrl, renderNode };
-//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ioca/react",
-    "version": "1.5.20",
+    "version": "1.5.21",
     "type": "module",
     "scripts": {
         "dev": "vite",
@@ -26,7 +26,6 @@
         "xss": "^1.0.15"
     },
     "devDependencies": {
-        "@rollup/plugin-commonjs": "^28.0.3",
         "@rollup/plugin-node-resolve": "^15.3.0",
         "@rollup/plugin-terser": "^0.4.4",
         "@rollup/plugin-typescript": "^12.1.1",
@@ -52,20 +51,17 @@
         "react": "^19.0.0",
         "react-dom": "^19.0.0"
     },
-    "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
     "types": "lib/types/index.d.ts",
     "exports": {
         ".": {
             "types": "./lib/types/index.d.ts",
-            "import": "./lib/es/index.js",
-            "require": "./lib/cjs/index.js"
+            "import": "./lib/es/index.js"
         },
         "./index.css": "./lib/css/index.css",
         "./*": {
             "types": "./lib/types/*.d.ts",
-            "import": "./lib/es/*.js",
-            "require": "./lib/cjs/*.js"
+            "import": "./lib/es/*.js"
         }
     },
     "files": [

package/lib/cjs/components/affix/affix.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var radash = require('radash');
-var react = require('react');
-var totop = require('./totop.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const defaultGetContainer = () => {
-    if (typeof window === "undefined")
-        return null;
-    return window;
-};
-const Affix = (props) => {
-    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = defaultGetContainer, } = props;
-    const [hidden, setHidden] = react.useState(() => {
-        if (!offset)
-            return false;
-        if (typeof window === "undefined")
-            return false;
-        return (window.scrollY ?? 0) < offset;
-    });
-    const getContainerRef = react.useRef(getContainer);
-    getContainerRef.current = getContainer;
-    const hijackChildren = react.useMemo(() => {
-        return react.Children.map(children, (node) => {
-            if (node.type !== totop.default)
-                return node;
-            const { onClick } = node.props;
-            return react.cloneElement(node, {
-                onClick: (e) => {
-                    const container = getContainerRef.current();
-                    onClick?.(e);
-                    container?.scrollTo({
-                        top: 0,
-                        left: 0,
-                        behavior: "smooth",
-                    });
-                },
-            });
-        });
-    }, [children]);
-    react.useEffect(() => {
-        const container = getContainerRef.current();
-        if (!offset || !container)
-            return;
-        const getScrollTop = () => container instanceof Window
-            ? container.scrollY
-            : container.scrollTop;
-        const listener = radash.debounce({ delay: 160 }, () => {
-            setHidden(getScrollTop() < offset);
-        });
-        listener();
-        container.addEventListener("scroll", listener);
-        return () => {
-            listener.cancel();
-            container.removeEventListener("scroll", listener);
-        };
-    }, [offset]);
-    return (jsxRuntime.jsx("div", { className: classNames__default("i-affix", className, {
-            "i-affix-visible": !hidden,
-        }), style: {
-            ...style,
-            position,
-            left,
-            top,
-            right,
-            bottom,
-        }, children: hijackChildren }));
-};
-Affix.ToTop = totop.default;
-
-exports.default = Affix;
-//# sourceMappingURL=affix.js.map

package/lib/cjs/components/affix/affix.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n    Children,\n    cloneElement,\n    MouseEvent,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst defaultGetContainer = () => {\n    if (typeof window === \"undefined\") return null;\n    return window;\n};\n\nconst Affix = (props: IAffix) => {\n    const {\n        position = \"fixed\",\n        left,\n        top,\n        right,\n        bottom,\n        offset,\n        style,\n        className,\n        children,\n        getContainer = defaultGetContainer,\n    } = props;\n\n    const [hidden, setHidden] = useState<boolean>(() => {\n        if (!offset) return false;\n        if (typeof window === \"undefined\") return false;\n        return (window.scrollY ?? 0) < offset;\n    });\n    const getContainerRef = useRef(getContainer);\n    getContainerRef.current = getContainer;\n\n    const hijackChildren = useMemo(() => {\n        return Children.map(children, (node: any) => {\n            if (node.type !== ToTop) return node;\n\n            const { onClick } = node.props;\n\n            return cloneElement(node, {\n                onClick: (e: MouseEvent) => {\n                    const container = getContainerRef.current();\n\n                    onClick?.(e);\n                    container?.scrollTo({\n                        top: 0,\n                        left: 0,\n                        behavior: \"smooth\",\n                    });\n                },\n            });\n        });\n    }, [children]);\n\n    useEffect(() => {\n        const container = getContainerRef.current();\n        if (!offset || !container) return;\n\n        const getScrollTop = () =>\n            container instanceof Window\n                ? container.scrollY\n                : container.scrollTop;\n\n        const listener = debounce({ delay: 160 }, () => {\n            setHidden(getScrollTop() < offset);\n        });\n\n        listener();\n        container.addEventListener(\"scroll\", listener);\n\n        return () => {\n            listener.cancel();\n            container.removeEventListener(\"scroll\", listener);\n        };\n    }, [offset]);\n\n    return (\n        <div\n            className={classNames(\"i-affix\", className, {\n                \"i-affix-visible\": !hidden,\n            })}\n            style={{\n                ...style,\n                position,\n                left,\n                top,\n                right,\n                bottom,\n            }}\n        >\n            {hijackChildren}\n        </div>\n    );\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["useState","useRef","useMemo","Children","ToTop","cloneElement","useEffect","debounce","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,GAAG,MAAK;IAC7B,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAC9C,IAAA,OAAO,MAAM;AACjB,CAAC;AAED,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC5B,MAAM,EACF,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,mBAAmB,GACrC,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,MAAK;AAC/C,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QACzB,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,OAAO,KAAK;QAC/C,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,MAAM;AACzC,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,eAAe,GAAGC,YAAM,CAAC,YAAY,CAAC;AAC5C,IAAA,eAAe,CAAC,OAAO,GAAG,YAAY;AAEtC,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;QAChC,OAAOC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AACxC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,aAAK;AAAE,gBAAA,OAAO,IAAI;AAEpC,YAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;YAE9B,OAAOC,kBAAY,CAAC,IAAI,EAAE;AACtB,gBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AACvB,oBAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAE3C,oBAAA,OAAO,GAAG,CAAC,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC;AAChB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA,CAAC;gBACN,CAAC;AACJ,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;AAE3B,QAAA,MAAM,YAAY,GAAG,MACjB,SAAS,YAAY;cACf,SAAS,CAAC;AACZ,cAAE,SAAS,CAAC,SAAS;QAE7B,MAAM,QAAQ,GAAGC,eAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC3C,YAAA,SAAS,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;AACtC,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;YACR,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACrD,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,QACIC,wBACI,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACxC,iBAAiB,EAAE,CAAC,MAAM;SAC7B,CAAC,EACF,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACT,EAAA,QAAA,EAEA,cAAc,EAAA,CACb;AAEd;AAEA,KAAK,CAAC,KAAK,GAAGL,aAAK;;;;"}

package/lib/cjs/components/affix/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var affix = require('./affix.js');
-
-
-
-exports.default = affix.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/affix/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/affix/totop.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@ricons/material');
-var classNames = require('classnames');
-var button = require('../button/button.js');
-var icon = require('../icon/icon.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-function ToTop(props) {
-    const { style, className, onClick } = props;
-    return (jsxRuntime.jsx(button.default, { square: true, className: classNames__default("i-affix-totop", "i-affix-target", className), style: { ...style }, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SkipPreviousRound, {}), rotate: 90 }) }));
-}
-
-exports.default = ToTop;
-//# sourceMappingURL=totop.js.map

package/lib/cjs/components/affix/totop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEventHandler } from \"react\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\ninterface IToTopProps {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tonClick?: MouseEventHandler<HTMLElement>;\n}\n\nfunction ToTop(props: IToTopProps) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", \"i-affix-target\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx","Button","classNames","Icon","SkipPreviousRound"],"mappings":";;;;;;;;;;;;;;AAYA,SAAS,KAAK,CAAC,KAAkB,EAAA;IAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,cAAA,CAACC,cAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBF,cAAA,CAACG,YAAI,IAAC,IAAI,EAAEH,eAACI,0BAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}

package/lib/cjs/components/badge/badge.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Badge = (props) => {
-    const { content, contentClass, dot, dotSize, round, disabled, style, className, children, } = props;
-    return (jsxRuntime.jsxs("div", { style: style, className: classNames__default("i-badge", { rounded: round }, className), children: [children, jsxRuntime.jsx("div", { className: classNames__default("i-badge-content", contentClass, {
-                    "i-badge-dot": dot,
-                    "i-badge-hidden": disabled,
-                }), style: { fontSize: dotSize }, children: content })] }));
-};
-
-exports.default = Badge;
-//# sourceMappingURL=badge.js.map

package/lib/cjs/components/badge/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sources":["../../../../packages/components/badge/badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport type { IBadge } from \"./type\";\n\nconst Badge = (props: IBadge) => {\n\tconst {\n\t\tcontent,\n\t\tcontentClass,\n\t\tdot,\n\t\tdotSize,\n\t\tround,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\"i-badge\", { rounded: round }, className)}\n\t\t>\n\t\t\t{children}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-badge-content\", contentClass, {\n\t\t\t\t\t\"i-badge-dot\": dot,\n\t\t\t\t\t\"i-badge-hidden\": disabled,\n\t\t\t\t})}\n\t\t\t\tstyle={{ fontSize: dotSize }}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Badge;\n"],"names":["_jsxs","classNames","_jsx"],"mappings":";;;;;;;;;;;AAIA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,GACR,GAAG,KAAK;AAET,IAAA,QACCA,eAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAE9D,QAAQ,EAETC,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAED,mBAAU,CAAC,iBAAiB,EAAE,YAAY,EAAE;AACtD,oBAAA,aAAa,EAAE,GAAG;AAClB,oBAAA,gBAAgB,EAAE,QAAQ;AAC1B,iBAAA,CAAC,EACF,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAA,QAAA,EAE3B,OAAO,EAAA,CACH,CAAA,EAAA,CACD;AAER;;;;"}

package/lib/cjs/components/badge/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var badge = require('./badge.js');
-
-
-
-exports.default = badge.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/button/button.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-var index = require('../../js/useRipple/index.js');
-var loading = require('../loading/loading.js');
-var confirm = require('./confirm.js');
-var group = require('./group.js');
-var toggle = require('./toggle.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const formatClass = ({ outline, flat, loading, disabled, size = "normal", block, round, square, secondary, className, }) => classNames__default("i-btn", className, {
-    "i-btn-outline": outline,
-    "i-btn-flat": flat,
-    "i-btn-block": block,
-    "i-btn-loading": loading,
-    "i-btn-square": square,
-    "i-btn-secondary": secondary,
-    [`i-btn-${size}`]: size !== "normal",
-    round,
-    disabled,
-});
-const Button = (props) => {
-    const { as: As = "a", ref, children, className, loading: loading$1, flat, outline, square, secondary, size, round, href, ripple = true, onClick, ...restProps } = props;
-    const handleClick = (e) => {
-        if (loading$1 || restProps.disabled) {
-            e.stopPropagation();
-            e.preventDefault();
-            return;
-        }
-        onClick?.(e);
-    };
-    if (!children)
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    const childNodes = [
-        loading$1 && jsxRuntime.jsx(loading.default, {}, 'loading'),
-        react.createElement("span", { key: "content", className: "i-btn-content" }, children),
-    ];
-    const attrs = {
-        className: formatClass(props),
-        ["data-ripple"]: ripple && !loading$1 && !restProps.disabled ? "" : undefined,
-        onClick: handleClick,
-    };
-    react.useEffect(() => {
-        ripple && index.default();
-    }, [ripple]);
-    if (typeof As === "string") {
-        return react.createElement(As, {
-            ref,
-            href,
-            ...attrs,
-            ...restProps,
-        }, childNodes);
-    }
-    return react.createElement(As, {
-        to: href || "",
-        ...attrs,
-        ...restProps,
-    }, childNodes);
-};
-Button.Toggle = toggle.default;
-Button.Confirm = confirm.default;
-Button.Group = group.default;
-
-exports.default = Button;
-//# sourceMappingURL=button.js.map

package/lib/cjs/components/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sources":["../../../../packages/components/button/button.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { MouseEvent, createElement, useEffect } from \"react\";\nimport useRipple from \"../../js/useRipple\";\nimport Loading from \"../loading\";\nimport Confirm from \"./confirm\";\nimport Group from \"./group\";\nimport \"./index.css\";\nimport Toggle from \"./toggle\";\nimport { CompositionButton, IButton } from \"./type\";\n\nconst formatClass = ({\n\toutline,\n\tflat,\n\tloading,\n\tdisabled,\n\tsize = \"normal\",\n\tblock,\n\tround,\n\tsquare,\n\tsecondary,\n\tclassName,\n}: IButton) =>\n\tclassnames(\"i-btn\", className, {\n\t\t\"i-btn-outline\": outline,\n\t\t\"i-btn-flat\": flat,\n\t\t\"i-btn-block\": block,\n\t\t\"i-btn-loading\": loading,\n\t\t\"i-btn-square\": square,\n\t\t\"i-btn-secondary\": secondary,\n\t\t[`i-btn-${size}`]: size !== \"normal\",\n\t\tround,\n\t\tdisabled,\n\t});\n\nconst Button = (props: IButton) => {\n\tconst {\n\t\tas: As = \"a\",\n\t\tref,\n\t\tchildren,\n\t\tclassName,\n\t\tloading,\n\t\tflat,\n\t\toutline,\n\t\tsquare,\n\t\tsecondary,\n\t\tsize,\n\t\tround,\n\t\thref,\n\t\tripple = true,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst handleClick = (e: MouseEvent<HTMLElement>) => {\n\t\tif (loading || restProps.disabled) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tonClick?.(e);\n\t};\n\n\tif (!children) return <></>;\n\n\tconst childNodes = [\n\t\tloading && <Loading key='loading' />,\n\t\tcreateElement(\n\t\t\t\"span\",\n\t\t\t{ key: \"content\", className: \"i-btn-content\" },\n\t\t\tchildren,\n\t\t),\n\t];\n\n\tconst attrs = {\n\t\tclassName: formatClass(props),\n\t\t[\"data-ripple\"]:\n\t\t\tripple && !loading && !restProps.disabled ? \"\" : undefined,\n\t\tonClick: handleClick,\n\t};\n\n\tuseEffect(() => {\n\t\tripple && useRipple();\n\t}, [ripple]);\n\n\tif (typeof As === \"string\") {\n\t\treturn createElement(\n\t\t\tAs,\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\thref,\n\t\t\t\t...attrs,\n\t\t\t\t...restProps,\n\t\t\t},\n\t\t\tchildNodes,\n\t\t);\n\t}\n\n\treturn createElement(\n\t\tAs,\n\t\t{\n\t\t\tto: href || \"\",\n\t\t\t...attrs,\n\t\t\t...restProps,\n\t\t},\n\t\tchildNodes,\n\t);\n};\n\nButton.Toggle = Toggle;\nButton.Confirm = Confirm;\nButton.Group = Group;\n\nexport default Button as CompositionButton;\n"],"names":["classnames","loading","_jsx","Loading","createElement","useEffect","useRipple","Toggle","Confirm","Group"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,WAAW,GAAG,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,GACA,KACTA,mBAAU,CAAC,OAAO,EAAE,SAAS,EAAE;AAC9B,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,CAAC,SAAS,IAAI,CAAA,CAAE,GAAG,IAAI,KAAK,QAAQ;IACpC,KAAK;IACL,QAAQ;AACR,CAAA,CAAC;AAEH,MAAM,MAAM,GAAG,CAAC,KAAc,KAAI;AACjC,IAAA,MAAM,EACL,EAAE,EAAE,EAAE,GAAG,GAAG,EACZ,GAAG,EACH,QAAQ,EACR,SAAS,WACTC,SAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;AAClD,QAAA,IAAIA,SAAO,IAAI,SAAS,CAAC,QAAQ,EAAE;YAClC,CAAC,CAAC,eAAe,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE;YAClB;QACD;AAEA,QAAA,OAAO,GAAG,CAAC,CAAC;AACb,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAOC,uCAAK;AAE3B,IAAA,MAAM,UAAU,GAAG;AAClB,QAAAD,SAAO,IAAIC,cAAA,CAACC,eAAO,EAAA,EAAA,EAAK,SAAS,CAAG;AACpC,QAAAC,mBAAa,CACZ,MAAM,EACN,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,EAC9C,QAAQ,CACR;KACD;AAED,IAAA,MAAM,KAAK,GAAG;AACb,QAAA,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC,aAAa,GACb,MAAM,IAAI,CAACH,SAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,EAAE,GAAG,SAAS;AAC3D,QAAA,OAAO,EAAE,WAAW;KACpB;IAEDI,eAAS,CAAC,MAAK;QACd,MAAM,IAAIC,aAAS,EAAE;AACtB,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;QAC3B,OAAOF,mBAAa,CACnB,EAAE,EACF;YACC,GAAG;YACH,IAAI;AACJ,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,SAAS;SACZ,EACD,UAAU,CACV;IACF;IAEA,OAAOA,mBAAa,CACnB,EAAE,EACF;QACC,EAAE,EAAE,IAAI,IAAI,EAAE;AACd,QAAA,GAAG,KAAK;AACR,QAAA,GAAG,SAAS;KACZ,EACD,UAAU,CACV;AACF;AAEA,MAAM,CAAC,MAAM,GAAGG,cAAM;AACtB,MAAM,CAAC,OAAO,GAAGC,eAAO;AACxB,MAAM,CAAC,KAAK,GAAGC,aAAK;;;;"}

package/lib/cjs/components/button/confirm.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var hooks = require('../../js/hooks.js');
-var button = require('./button.js');
-
-const defaultOk = {
-    children: "确定",
-    className: "bg-error",
-};
-const defaultCancel = {
-    children: "取消",
-    secondary: true,
-};
-function Confirm(props) {
-    const { ref, size, defaultActive, okButtonProps, cancelButtonProps, onOk, onCancel, onClick, ...restProps } = props;
-    const state = hooks.useReactive({
-        active: defaultActive ?? false,
-        loading: false,
-    });
-    const ok = okButtonProps
-        ? Object.assign({}, defaultOk, okButtonProps)
-        : defaultOk;
-    const cancel = cancelButtonProps
-        ? Object.assign({}, defaultCancel, cancelButtonProps)
-        : defaultCancel;
-    const handleClick = (e) => {
-        onClick?.(e);
-        state.active = true;
-    };
-    const hanldeOk = async () => {
-        if (state.loading)
-            return;
-        state.loading = true;
-        try {
-            const res = await onOk?.();
-            if (res !== false) {
-                state.active = false;
-            }
-        }
-        finally {
-            state.loading = false;
-        }
-    };
-    const handleCancel = () => {
-        onCancel?.();
-        state.active = false;
-    };
-    if (!state.active) {
-        return (jsxRuntime.jsx(button.default, { ref: ref, size: size, ...restProps, onClick: handleClick }));
-    }
-    return (jsxRuntime.jsxs(button.default.Group, { children: [jsxRuntime.jsx(button.default, { size: size, ...ok, loading: state.loading, onClick: hanldeOk }), jsxRuntime.jsx(button.default, { size: size, ...cancel, disabled: state.loading, onClick: handleCancel })] }));
-}
-
-exports.default = Confirm;
-//# sourceMappingURL=confirm.js.map

package/lib/cjs/components/button/confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm.js","sources":["../../../../packages/components/button/confirm.tsx"],"sourcesContent":["import { useReactive } from \"../../js/hooks\";\nimport Button from \"./button\";\nimport type { IButton, IButtonConfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n\tclassName: \"bg-error\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nexport default function Confirm(props: IButtonConfirm) {\n\tconst {\n\t\tref,\n\t\tsize,\n\t\tdefaultActive,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tonOk,\n\t\tonCancel,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tactive: defaultActive ?? false,\n\t\tloading: false,\n\t});\n\n\tconst ok: IButton = okButtonProps\n\t\t? Object.assign({}, defaultOk, okButtonProps)\n\t\t: defaultOk;\n\tconst cancel: IButton = cancelButtonProps\n\t\t? Object.assign({}, defaultCancel, cancelButtonProps)\n\t\t: defaultCancel;\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\t\tstate.active = true;\n\t};\n\n\tconst hanldeOk = async () => {\n\t\tif (state.loading) return;\n\t\tstate.loading = true;\n\n\t\ttry {\n\t\t\tconst res = await onOk?.();\n\n\t\t\tif (res !== false) {\n\t\t\t\tstate.active = false;\n\t\t\t}\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = () => {\n\t\tonCancel?.();\n\t\tstate.active = false;\n\t};\n\n\tif (!state.active) {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tsize={size}\n\t\t\t\t{...restProps}\n\t\t\t\tonClick={handleClick}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button.Group>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...ok}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonClick={hanldeOk}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize={size}\n\t\t\t\t{...cancel}\n\t\t\t\tdisabled={state.loading}\n\t\t\t\tonClick={handleCancel}\n\t\t\t/>\n\t\t</Button.Group>\n\t);\n}\n"],"names":["useReactive","_jsx","Button","_jsxs"],"mappings":";;;;;;;;AAIA,MAAM,SAAS,GAAG;AACjB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,UAAU;CACrB;AAED,MAAM,aAAa,GAAG;AACrB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,IAAI;CACf;AAEa,SAAU,OAAO,CAAC,KAAqB,EAAA;IACpD,MAAM,EACL,GAAG,EACH,IAAI,EACJ,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,KAAK,GAAGA,iBAAW,CAAC;QACzB,MAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAA,OAAO,EAAE,KAAK;AACd,KAAA,CAAC;IAEF,MAAM,EAAE,GAAY;UACjB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa;UAC1C,SAAS;IACZ,MAAM,MAAM,GAAY;UACrB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,iBAAiB;UAClD,aAAa;AAEhB,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACzB,QAAA,OAAO,GAAG,CAAC,CAAC;AACZ,QAAA,KAAK,CAAC,MAAM,GAAG,IAAI;AACpB,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,GAAG,YAAW;QAC3B,IAAI,KAAK,CAAC,OAAO;YAAE;AACnB,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI;AAEpB,QAAA,IAAI;AACH,YAAA,MAAM,GAAG,GAAG,MAAM,IAAI,IAAI;AAE1B,YAAA,IAAI,GAAG,KAAK,KAAK,EAAE;AAClB,gBAAA,KAAK,CAAC,MAAM,GAAG,KAAK;YACrB;QACD;gBAAU;AACT,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;QACtB;AACD,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,MAAK;QACzB,QAAQ,IAAI;AACZ,QAAA,KAAK,CAAC,MAAM,GAAG,KAAK;AACrB,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAClB,QAAA,QACCC,cAAA,CAACC,cAAM,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EAAA,GACN,SAAS,EACb,OAAO,EAAE,WAAW,EAAA,CACnB;IAEJ;IAEA,QACCC,gBAACD,cAAM,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACZD,cAAA,CAACC,cAAM,EAAA,EACN,IAAI,EAAE,IAAI,EAAA,GACN,EAAE,EACN,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,QAAQ,EAAA,CAChB,EACFD,eAACC,cAAM,EAAA,EACN,IAAI,EAAE,IAAI,EAAA,GACN,MAAM,EACV,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,OAAO,EAAE,YAAY,EAAA,CACpB,CAAA,EAAA,CACY;AAEjB;;;;"}