@ioca/react 1.5.19 → 1.5.21

package/lib/cjs/components/description/description.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Description = (props) => {
-    const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className, } = props;
-    return (jsxRuntime.jsx("div", { className: classNames__default("i-description", className), style: {
-            ["--description-label-width"]: labelWidth,
-            gridTemplateColumns: `repeat(${columns}, ${equally ? "1fr" : "auto"})`,
-            gap,
-            textAlign: align,
-            ...style,
-        }, children: data.map((item, i) => {
-            const { label, value, style, hidden, rowSpan = 1, colSpan = 1, } = item;
-            if (hidden)
-                return jsxRuntime.jsx(react.Fragment, {}, i);
-            return (jsxRuntime.jsxs("div", { className: classNames__default("i-description-item", {
-                    "i-description-item-vertical": vertical,
-                }), style: {
-                    gridColumn: `span ${colSpan}`,
-                    gridRow: `span ${rowSpan}`,
-                    ...style,
-                }, children: [label && (jsxRuntime.jsxs("div", { className: 'i-description-label', style: { textAlign: labelAlign }, children: [label, colon] })), jsxRuntime.jsx("div", { className: 'i-description-value', children: value })] }, i));
-        }) }));
-};
-
-exports.default = Description;
-//# sourceMappingURL=description.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"description.js","sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"names":["_jsx","classNames","Fragment","_jsxs"],"mappings":";;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC3C,IAAA,MAAM,EACL,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACT,GAAG,KAAK;AAET,IAAA,QACCA,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EACJ;YACC,CAAC,2BAA2B,GAAG,UAAU;AACzC,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,EAAA,EACrC,OAAO,GAAG,KAAK,GAAG,MACnB,CAAA,CAAA,CAAG;YACH,GAAG;AACH,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,GAAG,KAAK;SACS,EAAA,QAAA,EAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,YAAA,MAAM,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GACX,GAAG,IAAI;AAER,YAAA,IAAI,MAAM;AAAE,gBAAA,OAAOD,cAAA,CAACE,cAAQ,EAAA,EAAA,EAAM,CAAC,CAAI;AAEvC,YAAA,QACCC,eAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAEF,mBAAU,CAAC,oBAAoB,EAAE;AAC3C,oBAAA,6BAA6B,EAAE,QAAQ;iBACvC,CAAC,EACF,KAAK,EAAE;oBACN,UAAU,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;oBAC7B,OAAO,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;AAC1B,oBAAA,GAAG,KAAK;AACR,iBAAA,EAAA,QAAA,EAAA,CAEA,KAAK,KACLE,eAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE/B,KAAK,EACL,KAAK,CAAA,EAAA,CACD,CACN,EACDH,wBAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,CAAA,EAAA,EAnB7C,CAAC,CAoBD;QAER,CAAC,CAAC,EAAA,CACG;AAER;;;;"}

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

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

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

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

package/lib/cjs/components/drawer/drawer.js

@@ -1,77 +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 reactDom = require('react-dom');
-var hooks = require('../../js/hooks.js');
-var helpericon = require('../utils/helpericon/helpericon.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-function Drawer(props) {
-    const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;
-    const toggable = react.useRef(true);
-    const state = hooks.useReactive({
-        show: visible,
-        active: visible,
-    });
-    const [isPending, startTransition] = react.useTransition();
-    const handleHide = () => {
-        if (!toggable.current || isPending)
-            return;
-        toggable.current = false;
-        startTransition(() => {
-            state.active = false;
-            setTimeout(() => {
-                if (!keepDOM) {
-                    state.show = false;
-                }
-                onVisibleChange?.(false);
-                toggable.current = true;
-                onClose?.();
-            }, 240);
-        });
-    };
-    const handleShow = () => {
-        if (!toggable.current || isPending)
-            return;
-        state.show = true;
-        onVisibleChange?.(true);
-        toggable.current = false;
-        startTransition(() => {
-            requestAnimationFrame(() => {
-                state.active = true;
-                toggable.current = true;
-            });
-        });
-    };
-    react.useEffect(() => {
-        visible ? handleShow() : handleHide();
-    }, [visible]);
-    const handleBackdropClick = () => {
-        backdropClosable && handleHide();
-    };
-    hooks.useKeydown((e) => {
-        if (e.code !== "Escape" || !visible)
-            return;
-        handleHide();
-    }, {
-        disabled: disabledEsc,
-    });
-    if (!state.show)
-        return null;
-    const container = typeof document === "undefined" ? null : document.body;
-    if (!container)
-        return null;
-    return reactDom.createPortal(jsxRuntime.jsx("div", { className: classNames__default("i-backdrop-drawer", className, {
-            "i-active": state.active,
-        }), onClick: handleBackdropClick, ...restProps, children: jsxRuntime.jsxs("div", { className: classNames__default("i-drawer", `i-drawer-${position}`), onClick: (e) => e.stopPropagation(), children: [header && (jsxRuntime.jsxs("header", { className: 'i-drawer-header', children: [header, !hideCloseButton && (jsxRuntime.jsx(helpericon.default, { className: 'i-drawer-close', onClick: handleHide }))] })), jsxRuntime.jsx("div", { className: 'i-drawer-content', children: children }), footer && jsxRuntime.jsx("div", { className: 'i-drawer-footer', children: footer })] }) }), container);
-}
-
-exports.default = Drawer;
-//# sourceMappingURL=drawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\tconst container =\n\t\ttypeof document === \"undefined\" ? null : document.body;\n\tif (!container) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tcontainer\n\t);\n}\n\nexport default Drawer;\n"],"names":["useRef","useReactive","useTransition","useEffect","useKeydown","createPortal","_jsx","classNames","_jsxs","Helpericon"],"mappings":"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"}

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

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

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

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

package/lib/cjs/components/dropdown/dropdown.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var list = require('../list/list.js');
-var popup = require('../popup/popup.js');
-var item = require('./item.js');
-
-const DropdownCloseCtx = react.createContext(null);
-const Dropdown = (props) => {
-    const { visible, width, content, children, ...restProps } = props;
-    const [active, setActive] = react.useState(visible);
-    if (!content) {
-        return children;
-    }
-    const close = () => setActive(false);
-    const handleVisibleChange = (v) => {
-        setActive(v);
-        if (props.onVisibleChange) {
-            props.onVisibleChange(v);
-        }
-    };
-    react.useEffect(() => {
-        setActive(visible);
-    }, [visible]);
-    return (jsxRuntime.jsx(popup.default, { trigger: 'click', position: 'bottom', content: jsxRuntime.jsx(DropdownCloseCtx.Provider, { value: close, children: jsxRuntime.jsx(list.default, { className: 'i-dropdown-content', style: { minWidth: width }, children: typeof content === "function"
-                    ? content(close)
-                    : content }) }), ...restProps, touchable: true, visible: active, onVisibleChange: handleVisibleChange, children: children }));
-};
-Dropdown.Item = item.default;
-
-exports.DropdownCloseCtx = DropdownCloseCtx;
-exports.default = Dropdown;
-//# sourceMappingURL=dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nexport const DropdownCloseCtx = createContext<(() => void) | null>(null);\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst close = () => setActive(false);\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<DropdownCloseCtx.Provider value={close}>\n\t\t\t\t\t<List\n\t\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t\t? content(close)\n\t\t\t\t\t\t\t: content}\n\t\t\t\t\t</List>\n\t\t\t\t</DropdownCloseCtx.Provider>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["createContext","useState","useEffect","_jsx","Popup","List","Item"],"mappings":";;;;;;;;;;MAOa,gBAAgB,GAAGA,mBAAa,CAAsB,IAAI;AAEvE,MAAM,QAAQ,GAAG,CAAC,KAAgB,KAAI;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,OAAO,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,QAAQ;IAChB;IAEA,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC;AAEpC,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;QAC1C,SAAS,CAAC,CAAC,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC,eAAe,EAAE;AAC1B,YAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzB;AACD,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;QACd,SAAS,CAAC,OAAO,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACCC,cAAA,CAACC,aAAK,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACND,eAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,YACtCA,cAAA,CAACE,YAAI,IACJ,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAEzB,OAAO,OAAO,KAAK;AACnB,sBAAE,OAAO,CAAC,KAAK;sBACb,OAAO,EAAA,CACJ,EAAA,CACoB,KAEzB,SAAS,EACb,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;AAEA,QAAQ,CAAC,IAAI,GAAGC,YAAI;;;;;"}

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

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

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

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

package/lib/cjs/components/dropdown/item.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var list = require('../list/list.js');
-var popup = require('../popup/popup.js');
-var dropdown = require('./dropdown.js');
-
-const { Item: ListItem } = list.default;
-const Item = (props) => {
-    const { more, moreProps, onClick, ref: itemRef, children, ...restProps } = props;
-    const close = react.useContext(dropdown.DropdownCloseCtx);
-    const liRef = react.useRef(null);
-    const [position, setPosition] = react.useState("right");
-    const { position: morePosition, onVisibleChange: moreOnVisibleChange, width: moreWidth, ...restMoreProps } = moreProps ?? {};
-    const effectivePosition = morePosition ?? position;
-    const handleVisibleChange = (v) => {
-        if (v && liRef.current) {
-            const rect = liRef.current.getBoundingClientRect();
-            setPosition(rect.left > window.innerWidth / 2 ? "left" : "right");
-        }
-        moreOnVisibleChange?.(v);
-    };
-    const Li = (jsxRuntime.jsx(ListItem, { ref: itemRef ?? liRef, onClick: (e) => {
-            e.stopPropagation();
-            if (!more)
-                close?.();
-            onClick?.(e);
-        }, ...restProps, children: children }));
-    if (!more)
-        return Li;
-    return (jsxRuntime.jsx(popup.default, { ...restMoreProps, position: effectivePosition, touchable: true, arrow: false, align: "start", offset: 11, hideDelay: 240, onVisibleChange: handleVisibleChange, content: jsxRuntime.jsx(list.default, { className: "i-dropdown-content", style: { minWidth: moreWidth }, onClick: (e) => e.stopPropagation(), children: more }), children: Li }));
-};
-
-exports.default = Item;
-//# sourceMappingURL=item.js.map

package/lib/cjs/components/dropdown/item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sources":["../../../../packages/components/dropdown/item.tsx"],"sourcesContent":["import { useContext, useRef, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport { DropdownCloseCtx } from \"./dropdown\";\nimport { IDropItem } from \"./type\";\n\nconst { Item: ListItem } = List;\n\nconst Item = (props: IDropItem) => {\n    const {\n        more,\n        moreProps,\n        onClick,\n        ref: itemRef,\n        children,\n        ...restProps\n    } = props;\n    const close = useContext(DropdownCloseCtx);\n    const liRef = useRef<HTMLLIElement>(null);\n    const [position, setPosition] = useState<\"left\" | \"right\">(\"right\");\n\n    const {\n        position: morePosition,\n        onVisibleChange: moreOnVisibleChange,\n        width: moreWidth,\n        ...restMoreProps\n    } = moreProps ?? {};\n    const effectivePosition = morePosition ?? position;\n\n    const handleVisibleChange = (v: boolean) => {\n        if (v && liRef.current) {\n            const rect = liRef.current.getBoundingClientRect();\n            setPosition(rect.left > window.innerWidth / 2 ? \"left\" : \"right\");\n        }\n        moreOnVisibleChange?.(v);\n    };\n\n    const Li = (\n        <ListItem\n            ref={itemRef ?? liRef}\n            onClick={(e) => {\n                e.stopPropagation();\n                if (!more) close?.();\n                onClick?.(e);\n            }}\n            {...restProps}\n        >\n            {children}\n        </ListItem>\n    );\n\n    if (!more) return Li;\n\n    return (\n        <Popup\n            {...restMoreProps}\n            position={effectivePosition}\n            touchable\n            arrow={false}\n            align=\"start\"\n            offset={11}\n            hideDelay={240}\n            onVisibleChange={handleVisibleChange}\n            content={\n                <List\n                    className=\"i-dropdown-content\"\n                    style={{ minWidth: moreWidth }}\n                    onClick={(e) => e.stopPropagation()}\n                >\n                    {more}\n                </List>\n            }\n        >\n            {Li}\n        </Popup>\n    );\n};\n\nexport default Item;\n"],"names":["List","useContext","DropdownCloseCtx","useRef","useState","_jsx","Popup"],"mappings":";;;;;;;;;;AAMA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAGA,YAAI;AAE/B,MAAM,IAAI,GAAG,CAAC,KAAgB,KAAI;AAC9B,IAAA,MAAM,EACF,IAAI,EACJ,SAAS,EACT,OAAO,EACP,GAAG,EAAE,OAAO,EACZ,QAAQ,EACR,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,KAAK,GAAGC,gBAAU,CAACC,yBAAgB,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAGC,YAAM,CAAgB,IAAI,CAAC;IACzC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAmB,OAAO,CAAC;IAEnE,MAAM,EACF,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,mBAAmB,EACpC,KAAK,EAAE,SAAS,EAChB,GAAG,aAAa,EACnB,GAAG,SAAS,IAAI,EAAE;AACnB,IAAA,MAAM,iBAAiB,GAAG,YAAY,IAAI,QAAQ;AAElD,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;AACvC,QAAA,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE;YACpB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE;AAClD,YAAA,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;QACrE;AACA,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,MAAM,EAAE,IACJC,cAAA,CAAC,QAAQ,IACL,GAAG,EAAE,OAAO,IAAI,KAAK,EACrB,OAAO,EAAE,CAAC,CAAC,KAAI;YACX,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,IAAI;gBAAE,KAAK,IAAI;AACpB,YAAA,OAAO,GAAG,CAAC,CAAC;AAChB,QAAA,CAAC,KACG,SAAS,EAAA,QAAA,EAEZ,QAAQ,EAAA,CACF,CACd;AAED,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;AAEpB,IAAA,QACIA,cAAA,CAACC,aAAK,EAAA,EAAA,GACE,aAAa,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,GAAG,EACd,eAAe,EAAE,mBAAmB,EACpC,OAAO,EACHD,cAAA,CAACL,YAAI,EAAA,EACD,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAElC,IAAI,EAAA,CACF,EAAA,QAAA,EAGV,EAAE,EAAA,CACC;AAEhB;;;;"}

package/lib/cjs/components/editor/controls.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@ricons/material');
-var button = require('../button/button.js');
-var icon = require('../icon/icon.js');
-
-const exec = (a, b, c) => {
-    if (typeof document === "undefined")
-        return;
-    return document.execCommand(a, b, c);
-};
-const escapeHtmlAttr = (value) => value
-    .replaceAll("&", "&")
-    .replaceAll('"', """)
-    .replaceAll("<", "&lt;")
-    .replaceAll(">", "&gt;");
-const xssOptions = {
-    onIgnoreTagAttr(tag, name, value) {
-        if (["class", "contenteditable"].includes(name)) {
-            return name + '="' + escapeHtmlAttr(value) + '"';
-        }
-        if (["data-", "style"].includes(name.substring(0, 5))) {
-            return name + '="' + escapeHtmlAttr(value) + '"';
-        }
-    },
-};
-const handleMouseDown = (e) => {
-    e.preventDefault();
-};
-const defaultControls = [
-    { key: "undo", icon: jsxRuntime.jsx(material.UndoRound, {}), onClick: () => exec("undo") },
-    { key: "redo", icon: jsxRuntime.jsx(material.RedoRound, {}), onClick: () => exec("redo") },
-    { key: "bold", icon: jsxRuntime.jsx(material.FormatBoldRound, {}), onClick: () => exec("bold") },
-    { key: "italic", icon: jsxRuntime.jsx(material.FormatItalicRound, {}), onClick: () => exec("italic") },
-    {
-        key: "underline",
-        icon: jsxRuntime.jsx(material.FormatUnderlinedRound, {}),
-        onClick: () => exec("underline"),
-    },
-    {
-        key: "strike",
-        icon: jsxRuntime.jsx(material.StrikethroughSRound, {}),
-        onClick: () => exec("strikeThrough"),
-    },
-    {
-        key: "clear",
-        icon: jsxRuntime.jsx(material.ClearAllRound, {}),
-        onClick: () => exec("removeFormat"),
-    },
-];
-function getControls(options) {
-    const { controlBtnProps, addtionControls, getSelection } = options;
-    const controls = defaultControls.map(({ key, icon: icon$1, onClick }) => (jsxRuntime.jsx(button.default, { ...controlBtnProps, onMouseDown: handleMouseDown, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: icon$1 }) }, key)));
-    const extControls = (addtionControls ?? []).map((item, index) => (jsxRuntime.jsx(button.default, { ...controlBtnProps, onMouseDown: handleMouseDown, onClick: (e) => item.onClick?.(getSelection(), e), children: item.icon }, `addtion-${index}`)));
-    return [...controls, ...extControls];
-}
-
-exports.default = getControls;
-exports.exec = exec;
-exports.xssOptions = xssOptions;
-//# sourceMappingURL=controls.js.map

package/lib/cjs/components/editor/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","sources":["../../../../packages/components/editor/controls.tsx"],"sourcesContent":["import {\n    ClearAllRound,\n    FormatBoldRound,\n    FormatItalicRound,\n    FormatUnderlinedRound,\n    RedoRound,\n    StrikethroughSRound,\n    UndoRound,\n} from \"@ricons/material\";\nimport { MouseEvent, ReactNode } from \"react\";\nimport { type IFilterXSSOptions } from \"xss\";\nimport Button from \"../button\";\nimport { IButton } from \"../button/type\";\nimport Icon from \"../icon\";\nimport { IEditorAddtionControl } from \"./type\";\n\nexport const exec = (a, b?, c?) => {\n    if (typeof document === \"undefined\") return;\n    return document.execCommand(a, b, c);\n};\n\nconst escapeHtmlAttr = (value: string) =>\n    value\n        .replaceAll(\"&\", \"&amp;\")\n        .replaceAll('\"', \"&quot;\")\n        .replaceAll(\"<\", \"&lt;\")\n        .replaceAll(\">\", \"&gt;\");\n\nexport const xssOptions: IFilterXSSOptions = {\n    onIgnoreTagAttr(tag, name, value) {\n        if ([\"class\", \"contenteditable\"].includes(name)) {\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\n        }\n        if ([\"data-\", \"style\"].includes(name.substring(0, 5))) {\n            return name + '=\"' + escapeHtmlAttr(value) + '\"';\n        }\n    },\n};\n\nconst handleMouseDown = (e: MouseEvent<HTMLElement>) => {\n    e.preventDefault();\n};\n\ntype ControlItem = {\n    key: string;\n    icon: ReactNode;\n    onClick: () => void;\n};\n\nconst defaultControls: ControlItem[] = [\n    { key: \"undo\", icon: <UndoRound />, onClick: () => exec(\"undo\") },\n    { key: \"redo\", icon: <RedoRound />, onClick: () => exec(\"redo\") },\n    { key: \"bold\", icon: <FormatBoldRound />, onClick: () => exec(\"bold\") },\n    { key: \"italic\", icon: <FormatItalicRound />, onClick: () => exec(\"italic\") },\n    {\n        key: \"underline\",\n        icon: <FormatUnderlinedRound />,\n        onClick: () => exec(\"underline\"),\n    },\n    {\n        key: \"strike\",\n        icon: <StrikethroughSRound />,\n        onClick: () => exec(\"strikeThrough\"),\n    },\n    {\n        key: \"clear\",\n        icon: <ClearAllRound />,\n        onClick: () => exec(\"removeFormat\"),\n    },\n];\n\nexport default function getControls(options: {\n    controlBtnProps: IButton;\n    addtionControls?: IEditorAddtionControl[];\n    getSelection: () => Range | null;\n}) {\n    const { controlBtnProps, addtionControls, getSelection } = options;\n\n    const controls = defaultControls.map(({ key, icon, onClick }) => (\n        <Button\n            key={key}\n            {...controlBtnProps}\n            onMouseDown={handleMouseDown}\n            onClick={onClick}\n        >\n            <Icon icon={icon} />\n        </Button>\n    ));\n\n    const extControls = (addtionControls ?? []).map((item, index) => (\n        <Button\n            key={`addtion-${index}`}\n            {...controlBtnProps}\n            onMouseDown={handleMouseDown}\n            onClick={(e) => item.onClick?.(getSelection(), e)}\n        >\n            {item.icon}\n        </Button>\n    ));\n\n    return [...controls, ...extControls];\n}\n"],"names":["_jsx","UndoRound","RedoRound","FormatBoldRound","FormatItalicRound","FormatUnderlinedRound","StrikethroughSRound","ClearAllRound","icon","Button","Icon"],"mappings":"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"}

package/lib/cjs/components/editor/editor.js

@@ -1,287 +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 xss = require('xss');
-var controls = require('./controls.js');
-var memtion = require('./memtion.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-var xss__default = /*#__PURE__*/_interopDefaultCompat(xss);
-
-const controlBtnProps = {
-    square: true,
-    flat: true,
-    size: "small",
-};
-const Editor = (props) => {
-    const { ref, value = "", width, height = "10em", placeholder, autosize, border = true, mode = "rich", hideControl, addtionControls, memtion: memtion$1, className, style, onChange, onEnter, onFocus, onBlur, onPaste, onMouseUp, onKeyUp, onKeyDown, ...restProps } = props;
-    const editorRef = react.useRef(null);
-    const selectionRef = react.useRef(null);
-    const memtionTriggerRangeRef = react.useRef(null);
-    const pendingMemtionRef = react.useRef(false);
-    const isPlaintextMode = mode === "plaintext";
-    const isRichMode = mode === "rich";
-    const isPlaintextOnMemtionMode = mode === "plaintextOnMemtion";
-    const [memtionVisible, setMemtionVisible] = react.useState(false);
-    const [memtionRect, setMemtionRect] = react.useState(null);
-    const [memtionKeyword, setMemtionKeyword] = react.useState("");
-    const [memtionActiveIndex, setMemtionActiveIndex] = react.useState(0);
-    const [activeMemtionIndex, setActiveMemtionIndex] = react.useState(-1);
-    const activeMemtionIndexRef = react.useRef(-1);
-    const memtionOptions = react.useMemo(() => {
-        if (activeMemtionIndex < 0 || !memtion$1?.length)
-            return [];
-        const active = memtion$1?.[activeMemtionIndex];
-        return memtion.filterMemtionOptions(active?.options ?? [], memtionKeyword);
-    }, [memtion$1, memtionKeyword, activeMemtionIndex]);
-    const sanitizeValue = (nextValue) => {
-        if (isPlaintextMode) {
-            return nextValue === "\n" ? "" : nextValue;
-        }
-        const safeHtml = isPlaintextOnMemtionMode
-            ? memtion.sanitizePlaintextOnMemtionHtml(xss__default(nextValue, controls.xssOptions))
-            : xss__default(nextValue, controls.xssOptions);
-        return safeHtml === "<br>" ? "" : safeHtml;
-    };
-    const syncHeight = () => {
-        if (autosize && editorRef.current) {
-            editorRef.current.style.height = `${editorRef.current.scrollHeight}px`;
-        }
-    };
-    const rememberSelection = () => {
-        if (!editorRef.current)
-            return;
-        const selection = window.getSelection();
-        if (!selection?.rangeCount)
-            return;
-        const range = selection.getRangeAt(0);
-        const container = range.commonAncestorContainer;
-        const parent = container.nodeType === Node.ELEMENT_NODE
-            ? container
-            : container.parentElement;
-        if (!parent || !editorRef.current.contains(parent))
-            return;
-        selectionRef.current = range.cloneRange();
-    };
-    const setEditorValue = (nextValue) => {
-        if (!editorRef.current)
-            return;
-        const safeValue = sanitizeValue(nextValue);
-        if (isPlaintextMode) {
-            editorRef.current.textContent = safeValue;
-            return;
-        }
-        editorRef.current.innerHTML = safeValue;
-    };
-    const getEditorValue = (sanitize = false) => {
-        const nextValue = !editorRef.current
-            ? ""
-            : isPlaintextMode
-                ? (editorRef.current.textContent ?? "")
-                : editorRef.current.innerHTML;
-        return sanitize ? sanitizeValue(nextValue) : nextValue;
-    };
-    const hideMemtion = () => {
-        pendingMemtionRef.current = false;
-        memtionTriggerRangeRef.current = null;
-        setMemtionVisible(false);
-        setMemtionRect(null);
-        setMemtionKeyword("");
-        setMemtionActiveIndex(0);
-        setActiveMemtionIndex(-1);
-    };
-    const syncEditorState = () => {
-        selectionRef.current = null;
-        hideMemtion();
-    };
-    const insertMemtion = (option) => {
-        const activeMemtion = memtion$1?.[activeMemtionIndex];
-        const replaceRange = memtion.getMemtionReplaceRange(memtionTriggerRangeRef.current, selectionRef.current);
-        const range = memtion.insertMemtionOption({
-            editor: editorRef.current,
-            range: replaceRange,
-            mode,
-            memtion: activeMemtion,
-            option,
-            sanitizeValue,
-        });
-        if (!range || !editorRef.current)
-            return;
-        selectionRef.current = range.cloneRange();
-        hideMemtion();
-        editorRef.current.dispatchEvent(new Event("input", { bubbles: true }));
-    };
-    const handlePaste = (e) => {
-        onPaste?.(e);
-        if (e.defaultPrevented)
-            return;
-        e.preventDefault();
-        const html = e.clipboardData.getData("text/html");
-        const text = e.clipboardData.getData("text/plain");
-        const pasteValue = isPlaintextMode
-            ? text
-            : html
-                ? sanitizeValue(html)
-                : text;
-        controls.exec(isPlaintextMode ? "insertText" : "insertHTML", false, pasteValue);
-    };
-    const handleKeyDown = (e) => {
-        onKeyDown?.(e);
-        if (e.defaultPrevented)
-            return;
-        if (!isPlaintextMode &&
-            (e.key === "Backspace" || e.key === "Delete") &&
-            memtion.removeAdjacentMemtionTag(editorRef.current, e.key)) {
-            e.preventDefault();
-            rememberSelection();
-            editorRef.current?.dispatchEvent(new Event("input", { bubbles: true }));
-            return;
-        }
-        if (memtionVisible && e.key === " ") {
-            hideMemtion();
-        }
-        if (memtionVisible && memtionOptions.length) {
-            switch (e.key) {
-                case "ArrowDown":
-                    e.preventDefault();
-                    setMemtionActiveIndex((index) => index + 1 >= memtionOptions.length ? 0 : index + 1);
-                    return;
-                case "ArrowUp":
-                    e.preventDefault();
-                    setMemtionActiveIndex((index) => index - 1 < 0 ? memtionOptions.length - 1 : index - 1);
-                    return;
-                case "Enter":
-                    e.preventDefault();
-                    insertMemtion(memtionOptions[memtionActiveIndex]);
-                    return;
-            }
-        }
-        if (memtion$1?.length) {
-            const matchedIndex = memtion$1.findIndex((m) => e.key === m.key);
-            if (matchedIndex >= 0) {
-                rememberSelection();
-                memtionTriggerRangeRef.current =
-                    selectionRef.current?.cloneRange() ?? null;
-                pendingMemtionRef.current = true;
-                activeMemtionIndexRef.current = matchedIndex;
-                setActiveMemtionIndex(matchedIndex);
-            }
-        }
-        switch (e.key) {
-            case "Tab":
-                e.preventDefault();
-                controls.exec(isRichMode ? "insertHTML" : "insertText", false, isRichMode ? "&#09;" : "\t");
-                break;
-            case "Enter":
-                if (e.shiftKey) {
-                    break;
-                }
-                if (!onEnter)
-                    break;
-                e.preventDefault();
-                onEnter(e);
-                break;
-        }
-    };
-    react.useEffect(() => {
-        if (!editorRef.current)
-            return;
-        const nextValue = sanitizeValue(value);
-        if (getEditorValue(true) === nextValue)
-            return;
-        setEditorValue(nextValue);
-        syncEditorState();
-        syncHeight();
-    }, [autosize, mode, value]);
-    react.useEffect(() => {
-        if (!memtionOptions.length) {
-            setMemtionActiveIndex(0);
-            return;
-        }
-        setMemtionActiveIndex((index) => index >= memtionOptions.length ? 0 : index);
-    }, [memtionOptions]);
-    const handleInput = (e) => {
-        const rawValue = getEditorValue();
-        let nextValue = sanitizeValue(rawValue);
-        if (isPlaintextOnMemtionMode &&
-            rawValue !== nextValue &&
-            editorRef.current) {
-            setEditorValue(nextValue);
-        }
-        if (!nextValue && rawValue && editorRef.current) {
-            nextValue = "";
-            setEditorValue(nextValue);
-        }
-        rememberSelection();
-        if (activeMemtionIndexRef.current >= 0 && (pendingMemtionRef.current || memtionVisible)) {
-            const active = memtion$1?.[activeMemtionIndexRef.current];
-            if (!active) {
-                hideMemtion();
-                return;
-            }
-            const memtionKey = active.key ?? "@";
-            const memtionText = memtion.getMemtionText(memtionTriggerRangeRef.current, selectionRef.current);
-            if (!memtionText.startsWith(memtionKey) || /\s/.test(memtionText)) {
-                hideMemtion();
-            }
-            else {
-                const keyword = memtionText.slice(memtionKey.length);
-                pendingMemtionRef.current = false;
-                setMemtionRect(memtion.getSelectionRect(selectionRef.current));
-                setMemtionKeyword(keyword);
-                setMemtionActiveIndex(0);
-                setMemtionVisible(true);
-            }
-        }
-        syncHeight();
-        onChange?.(nextValue, e);
-    };
-    const handleFocus = (e) => {
-        rememberSelection();
-        onFocus?.(e);
-    };
-    const handleBlur = (e) => {
-        hideMemtion();
-        onBlur?.(e);
-    };
-    const handleMouseUp = (e) => {
-        rememberSelection();
-        onMouseUp?.(e);
-    };
-    const handleKeyUp = (e) => {
-        rememberSelection();
-        onKeyUp?.(e);
-    };
-    const handleRef = (node) => {
-        editorRef.current = node;
-        if (typeof ref === "function") {
-            ref(node);
-            return;
-        }
-        if (ref) {
-            ref.current = node;
-        }
-    };
-    const getSelection = react.useCallback(() => selectionRef.current?.cloneRange() ?? null, []);
-    const controls$1 = react.useMemo(() => controls.default({
-        controlBtnProps,
-        addtionControls,
-        getSelection,
-    }), [addtionControls, getSelection]);
-    return (jsxRuntime.jsxs("div", { className: classNames__default("i-editor", className, {
-            "i-editor-borderless": !border,
-        }), style: {
-            ...style,
-            [autosize ? "minHeight" : "height"]: height,
-            width,
-        }, children: [!hideControl && (jsxRuntime.jsx("div", { className: "i-editor-controls", children: controls$1 })), memtion$1?.length && (jsxRuntime.jsx(memtion.default, { visible: memtionVisible, rect: memtionRect, options: memtionOptions, activeIndex: memtionActiveIndex, onActiveChange: setMemtionActiveIndex, onSelect: insertMemtion })), jsxRuntime.jsx("div", { ref: handleRef, className: "i-editor-content", "data-placeholder": placeholder, contentEditable: isPlaintextMode ? "plaintext-only" : true, onFocus: handleFocus, onBlur: handleBlur, onMouseUp: handleMouseUp, onPaste: handlePaste, onInput: handleInput, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, ...restProps })] }));
-};
-
-exports.default = Editor;
-//# sourceMappingURL=editor.js.map