@ioca/react 1.4.76 → 1.4.77

package/lib/cjs/components/picker/time/panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel.js","sources":["../../../../../packages/components/picker/time/panel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport \"./index.css\";\nimport Items from \"./item\";\n\nconst UnitMaps = {\n\th: \"hour\",\n\thh: \"hour\",\n\tm: \"minute\",\n\tmm: \"minute\",\n\ts: \"second\",\n\tss: \"second\",\n};\n\nexport default function Panel(props) {\n\tconst {\n\t\tvalue,\n\t\tstepH = 1,\n\t\tstepM = 1,\n\t\tstepS = 1,\n\t\tformat,\n\t\tperiods,\n\t\trenderItem,\n\t\tonChange,\n\t\tonFallback,\n\t} = props;\n\tconst [period, setPeriod] = useState<any>(undefined);\n\tconst [hour, setHour] = useState<any>(undefined);\n\tconst [minute, setMinute] = useState<any>(undefined);\n\tconst [second, setSecond] = useState<any>(undefined);\n\n\tconst [hours, minutes, seconds] = useMemo(() => {\n\t\tconst hasH = format.includes(\"h\");\n\t\tconst hasM = format.includes(\"m\");\n\t\tconst hasS = format.includes(\"s\");\n\t\tconst hours = hasH\n\t\t\t? Array.from(\n\t\t\t\t\t{ length: (periods ? 12 : 24) / stepH },\n\t\t\t\t\t(_, i) => i * stepH\n\t\t\t  )\n\t\t\t: [];\n\t\tconst minutes = hasM\n\t\t\t? Array.from({ length: 60 / stepM }, (_, i) => i * stepM)\n\t\t\t: [];\n\t\tconst seconds = hasS\n\t\t\t? Array.from({ length: 60 / stepS }, (_, i) => i * stepS)\n\t\t\t: [];\n\n\t\treturn [hours, minutes, seconds];\n\t}, [stepH, stepM, stepS, format, periods]);\n\n\tconst updateValue = (next?: {\n\t\tperiod?: any;\n\t\thour?: any;\n\t\tminute?: any;\n\t\tsecond?: any;\n\t}) => {\n\t\tconst nextPeriod = next?.period ?? period;\n\t\tconst nextHour = next?.hour ?? hour;\n\t\tconst nextMinute = next?.minute ?? minute;\n\t\tconst nextSecond = next?.second ?? second;\n\n\t\tconst reg = /(hh|h){1}|(mm|m){1}|(ss|s){1}/gi;\n\t\tlet result = format.replace(reg, (pattern) => {\n\t\t\tconst p = pattern.toLowerCase();\n\t\t\tconst u = UnitMaps[p];\n\t\t\tconst n =\n\t\t\t\tu === \"hour\"\n\t\t\t\t\t? (nextHour ?? 0)\n\t\t\t\t\t: u === \"minute\"\n\t\t\t\t\t\t? (nextMinute ?? 0)\n\t\t\t\t\t\t: (nextSecond ?? 0);\n\n\t\t\treturn p.length > 1 && n < 10 ? `0${n ?? 0}` : n ?? 0;\n\t\t});\n\n\t\tif (periods && hours.length > 0) {\n\t\t\tresult = `${nextPeriod ?? periods[0]} ${result}`;\n\t\t}\n\n\t\tonChange(result);\n\t};\n\n\tconst handleSetTime = (v, unit) => {\n\t\tconst next = { period, hour, minute, second, [unit]: v };\n\n\t\tif (unit === \"period\") setPeriod(v);\n\t\tif (unit === \"hour\") setHour(v);\n\t\tif (unit === \"minute\") setMinute(v);\n\t\tif (unit === \"second\") setSecond(v);\n\n\t\tupdateValue(next);\n\t};\n\n\tuseEffect(() => {\n\t\tlet time = value ?? \"\";\n\n\t\tif (periods && hours.length > 0 && value) {\n\t\t\tconst [p, t] = value.split(\" \");\n\t\t\ttime = t ?? \"\";\n\t\t\tsetPeriod(periods.includes(p) ? p : undefined);\n\t\t}\n\n\t\tconst nums = time.match(/\\d+/g) ?? [];\n\n\t\tif (!nums.length) {\n\t\t\tonFallback(\"\");\n\t\t\treturn;\n\t\t}\n\n\t\tlet i = 0;\n\t\tconst parsed = {\n\t\t\thour: undefined,\n\t\t\tminute: undefined,\n\t\t\tsecond: undefined,\n\t\t};\n\t\tconst r = format.replace(/(hh|h)+|(mm|m)+|(ss|s)+/gi, (p) => {\n\t\t\tconst n = nums[i++] ?? 0;\n\t\t\tconst o = Math.min(59, n);\n\t\t\tparsed[UnitMaps[p]] = o;\n\t\t\treturn p.length > 1 && o < 10 ? `0${o}` : o;\n\t\t});\n\n\t\tsetHour(parsed.hour);\n\t\tsetMinute(parsed.minute);\n\t\tsetSecond(parsed.second);\n\t\tonFallback(r);\n\t}, [value, format, hours.length, periods]);\n\n\treturn (\n\t\t<div className='i-timepicker'>\n\t\t\t{hours.length > 0 && (\n\t\t\t\t<>\n\t\t\t\t\t{periods && (\n\t\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\t\titems={periods}\n\t\t\t\t\t\t\t\tactive={period}\n\t\t\t\t\t\t\t\tonClick={(p) => handleSetTime(p, \"period\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t\t<Items\n\t\t\t\t\t\t\titems={hours}\n\t\t\t\t\t\t\tactive={hour}\n\t\t\t\t\t\t\tunit='hour'\n\t\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\t\tonClick={(h) => handleSetTime(h, \"hour\")}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{minutes.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={minutes}\n\t\t\t\t\t\tactive={minute}\n\t\t\t\t\t\tunit='minute'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(m) => handleSetTime(m, \"minute\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{seconds.length > 0 && (\n\t\t\t\t<div className='i-timepicker-list'>\n\t\t\t\t\t<Items\n\t\t\t\t\t\titems={seconds}\n\t\t\t\t\t\tactive={second}\n\t\t\t\t\t\tunit='second'\n\t\t\t\t\t\trenderItem={renderItem}\n\t\t\t\t\t\tonClick={(s) => handleSetTime(s, \"second\")}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["useState","useMemo","useEffect","_jsxs","_jsx","Items"],"mappings":"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"}

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

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

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

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

package/lib/cjs/components/popconfirm/popconfirm.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var material = require('@ricons/material');
-var hooks = require('../../js/hooks.js');
-var button = require('../button/button.js');
-var flex = require('../flex/flex.js');
-var icon = require('../icon/icon.js');
-var popup = require('../popup/popup.js');
-
-const defaultOk = {
-    children: "确定",
-};
-const defaultCancel = {
-    children: "取消",
-    secondary: true,
-};
-const Popconfirm = (props) => {
-    const { trigger = "click", visible, icon: icon$1 = jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.InfoOutlined, {}), className: 'error', size: '1.2em' }), content, okButtonProps, cancelButtonProps, children, align, position = "top", offset = 12, extra, onOk, onClose, ...restProps } = props;
-    const state = hooks.useReactive({
-        loading: false,
-        visible,
-    });
-    const ok = okButtonProps
-        ? Object.assign({}, defaultOk, okButtonProps)
-        : defaultOk;
-    const cancel = cancelButtonProps
-        ? Object.assign({}, defaultCancel, cancelButtonProps)
-        : defaultCancel;
-    const handleVisibleChange = (v) => {
-        state.visible = v;
-        restProps.onVisibleChange?.(v);
-    };
-    const handleOk = async (e) => {
-        state.loading = true;
-        ok.onClick?.(e);
-        try {
-            await onOk?.();
-            state.visible = false;
-        }
-        finally {
-            state.loading = false;
-        }
-    };
-    const handleCancel = async (e) => {
-        cancel.onClick?.(e);
-        await onClose?.();
-        state.visible = false;
-    };
-    const popconfirmContent = (jsxRuntime.jsxs("div", { className: 'i-popconfirm', children: [jsxRuntime.jsxs(flex.default, { gap: '.5em', children: [icon$1, jsxRuntime.jsx("div", { className: 'i-popconfirm-content', children: content })] }), jsxRuntime.jsxs(flex.default, { gap: 12, justify: 'flex-end', className: 'i-popconfirm-footer', children: [cancelButtonProps !== null && (jsxRuntime.jsx(button.default, { ...cancel, onClick: handleCancel })), extra, okButtonProps !== null && (jsxRuntime.jsx(button.default, { loading: state.loading, ...ok, onClick: handleOk }))] })] }));
-    return (jsxRuntime.jsx(popup.default, { content: popconfirmContent, ...restProps, trigger: trigger, visible: state.visible, align: align, offset: offset, position: position, onVisibleChange: handleVisibleChange, children: children }));
-};
-
-exports.default = Popconfirm;
-//# sourceMappingURL=popconfirm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popconfirm.js","sources":["../../../../packages/components/popconfirm/popconfirm.tsx"],"sourcesContent":["import { InfoOutlined } from \"@ricons/material\";\nimport { MouseEvent } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport Button from \"../button\";\nimport { IButton } from \"../button/type\";\nimport Flex from \"../flex\";\nimport Icon from \"../icon\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport { IPopconfirm } from \"./type\";\n\nconst defaultOk = {\n\tchildren: \"确定\",\n};\n\nconst defaultCancel = {\n\tchildren: \"取消\",\n\tsecondary: true,\n};\n\nconst Popconfirm = (props: IPopconfirm) => {\n\tconst {\n\t\ttrigger = \"click\",\n\t\tvisible,\n\t\ticon = <Icon icon={<InfoOutlined />} className='error' size='1.2em' />,\n\t\tcontent,\n\t\tokButtonProps,\n\t\tcancelButtonProps,\n\t\tchildren,\n\t\talign,\n\t\tposition = \"top\",\n\t\toffset = 12,\n\t\textra,\n\t\tonOk,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive({\n\t\tloading: false,\n\t\tvisible,\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 handleVisibleChange = (v: boolean) => {\n\t\tstate.visible = v;\n\t\trestProps.onVisibleChange?.(v);\n\t};\n\n\tconst handleOk = async (e: MouseEvent<HTMLElement>) => {\n\t\tstate.loading = true;\n\t\tok.onClick?.(e);\n\t\ttry {\n\t\t\tawait onOk?.();\n\t\t\tstate.visible = false;\n\t\t} finally {\n\t\t\tstate.loading = false;\n\t\t}\n\t};\n\n\tconst handleCancel = async (e: MouseEvent<HTMLElement>) => {\n\t\tcancel.onClick?.(e);\n\t\tawait onClose?.();\n\t\tstate.visible = false;\n\t};\n\n\tconst popconfirmContent = (\n\t\t<div className='i-popconfirm'>\n\t\t\t<Flex gap='.5em'>\n\t\t\t\t{icon}\n\t\t\t\t<div className='i-popconfirm-content'>{content}</div>\n\t\t\t</Flex>\n\n\t\t\t<Flex gap={12} justify='flex-end' className='i-popconfirm-footer'>\n\t\t\t\t{cancelButtonProps !== null && (\n\t\t\t\t\t<Button {...cancel} onClick={handleCancel} />\n\t\t\t\t)}\n\t\t\t\t{extra}\n\t\t\t\t{okButtonProps !== null && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t{...ok}\n\t\t\t\t\t\tonClick={handleOk}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Flex>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<Popup\n\t\t\tcontent={popconfirmContent}\n\t\t\t{...restProps}\n\t\t\ttrigger={trigger}\n\t\t\tvisible={state.visible}\n\t\t\talign={align}\n\t\t\toffset={offset}\n\t\t\tposition={position}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nexport default Popconfirm;\n"],"names":["icon","_jsx","Icon","InfoOutlined","useReactive","_jsxs","Flex","Button","Popup"],"mappings":";;;;;;;;;;;;AAWA,MAAM,SAAS,GAAG;AACjB,IAAA,QAAQ,EAAE,IAAI;CACd;AAED,MAAM,aAAa,GAAG;AACrB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,SAAS,EAAE,IAAI;CACf;AAED,MAAM,UAAU,GAAG,CAAC,KAAkB,KAAI;IACzC,MAAM,EACL,OAAO,GAAG,OAAO,EACjB,OAAO,QACPA,MAAI,GAAGC,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAED,cAAA,CAACE,qBAAY,EAAA,EAAA,CAAG,EAAE,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,EACtE,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,EACX,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,KAAK,GAAGC,iBAAW,CAAC;AACzB,QAAA,OAAO,EAAE,KAAK;QACd,OAAO;AACP,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,mBAAmB,GAAG,CAAC,CAAU,KAAI;AAC1C,QAAA,KAAK,CAAC,OAAO,GAAG,CAAC;AACjB,QAAA,SAAS,CAAC,eAAe,GAAG,CAAC,CAAC;AAC/B,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,GAAG,OAAO,CAA0B,KAAI;AACrD,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI;AACpB,QAAA,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC;AACf,QAAA,IAAI;YACH,MAAM,IAAI,IAAI;AACd,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;QACtB;gBAAU;AACT,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;QACtB;AACD,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,OAAO,CAA0B,KAAI;AACzD,QAAA,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC;QACnB,MAAM,OAAO,IAAI;AACjB,QAAA,KAAK,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,IACtBC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CAC5BA,eAAA,CAACC,YAAI,IAAC,GAAG,EAAC,MAAM,EAAA,QAAA,EAAA,CACdN,MAAI,EACLC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,EAAA,CAAO,IAC/C,EAEPI,eAAA,CAACC,YAAI,EAAA,EAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAC/D,iBAAiB,KAAK,IAAI,KAC1BL,eAACM,cAAM,EAAA,EAAA,GAAK,MAAM,EAAE,OAAO,EAAE,YAAY,GAAI,CAC7C,EACA,KAAK,EACL,aAAa,KAAK,IAAI,KACtBN,cAAA,CAACM,cAAM,EAAA,EACN,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA,GAClB,EAAE,EACN,OAAO,EAAE,QAAQ,EAAA,CAChB,CACF,CAAA,EAAA,CACK,CAAA,EAAA,CACF,CACN;AAED,IAAA,QACCN,cAAA,CAACO,aAAK,EAAA,EACL,OAAO,EAAE,iBAAiB,EAAA,GACtB,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;;;;"}

package/lib/cjs/components/popup/content.js

@@ -1,51 +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');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Content = react.forwardRef((props, ref) => {
-    const { arrow, arrowProps = {}, className, children, ...restProps } = props;
-    const arrowCSS = react.useMemo(() => {
-        let { left = 0, top = 0, pos } = arrowProps;
-        let transform = "";
-        switch (pos) {
-            case "left":
-                left += 2;
-                transform = `translate(-100%, -50%) rotate(180deg)`;
-                break;
-            case "right":
-                left -= 2;
-                transform = `translate(0, -50%)`;
-                break;
-            case "top":
-                top -= 2;
-                transform = `translate(-50%, -50%) rotate(-90deg)`;
-                break;
-            case "bottom":
-                top += 2;
-                transform = `translate(-50%, -50%) rotate(90deg)`;
-                break;
-        }
-        return {
-            left,
-            top,
-            transform,
-        };
-    }, [arrowProps]);
-    const content = (jsxRuntime.jsxs("div", { ref: ref, className: classNames__default("i-popup", className), ...restProps, children: [arrow && (jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'i-popup-arrow', style: arrowCSS, children: jsxRuntime.jsx("path", { d: 'M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' }) })), children] }));
-    const container = typeof document === "undefined" ? null : document.body;
-    if (!container)
-        return null;
-    return reactDom.createPortal(content, container);
-});
-
-exports.default = Content;
-//# sourceMappingURL=content.js.map

package/lib/cjs/components/popup/content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content.js","sources":["../../../../packages/components/popup/content.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { IPopupContent } from \"./type\";\n\nconst Content = forwardRef<HTMLDivElement, IPopupContent>((props, ref) => {\n\tconst { arrow, arrowProps = {}, className, children, ...restProps } = props;\n\n\tconst arrowCSS = useMemo(() => {\n\t\tlet { left = 0, top = 0, pos } = arrowProps as any;\n\t\tlet transform = \"\";\n\n\t\tswitch (pos) {\n\t\t\tcase \"left\":\n\t\t\t\tleft += 2;\n\t\t\t\ttransform = `translate(-100%, -50%) rotate(180deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tleft -= 2;\n\t\t\t\ttransform = `translate(0, -50%)`;\n\t\t\t\tbreak;\n\t\t\tcase \"top\":\n\t\t\t\ttop -= 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(-90deg)`;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\ttop += 2;\n\t\t\t\ttransform = `translate(-50%, -50%) rotate(90deg)`;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn {\n\t\t\tleft,\n\t\t\ttop,\n\t\t\ttransform,\n\t\t};\n\t}, [arrowProps]);\n\n\tconst content = (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-popup\", className)}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{arrow && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns='http://www.w3.org/2000/svg'\n\t\t\t\t\tclassName='i-popup-arrow'\n\t\t\t\t\tstyle={arrowCSS}\n\t\t\t\t>\n\t\t\t\t\t<path d='M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z' />\n\t\t\t\t</svg>\n\t\t\t)}\n\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\tconst container =\n\t\ttypeof document === \"undefined\" ? null : (document.body as HTMLElement);\n\tif (!container) return null;\n\treturn createPortal(content, container);\n});\n\nexport default Content;\n"],"names":["forwardRef","useMemo","_jsxs","classNames","_jsx","createPortal"],"mappings":";;;;;;;;;;;;;AAKA,MAAM,OAAO,GAAGA,gBAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,KAAI;AACxE,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAE3E,IAAA,MAAM,QAAQ,GAAGC,aAAO,CAAC,MAAK;AAC7B,QAAA,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,UAAiB;QAClD,IAAI,SAAS,GAAG,EAAE;QAElB,QAAQ,GAAG;AACV,YAAA,KAAK,MAAM;gBACV,IAAI,IAAI,CAAC;gBACT,SAAS,GAAG,uCAAuC;gBACnD;AACD,YAAA,KAAK,OAAO;gBACX,IAAI,IAAI,CAAC;gBACT,SAAS,GAAG,oBAAoB;gBAChC;AACD,YAAA,KAAK,KAAK;gBACT,GAAG,IAAI,CAAC;gBACR,SAAS,GAAG,sCAAsC;gBAClD;AACD,YAAA,KAAK,QAAQ;gBACZ,GAAG,IAAI,CAAC;gBACR,SAAS,GAAG,qCAAqC;gBACjD;;QAKF,OAAO;YACN,IAAI;YACJ,GAAG;YACH,SAAS;SACT;AACF,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhB,MAAM,OAAO,IACZC,eAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,CAAC,KACvC,SAAS,EAAA,QAAA,EAAA,CAEZ,KAAK,KACLC,cAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,QAAQ,EAAA,QAAA,EAEfA,yBAAM,CAAC,EAAC,uFAAuF,EAAA,CAAG,EAAA,CAC7F,CACN,EAEA,QAAQ,CAAA,EAAA,CACJ,CACN;AAED,IAAA,MAAM,SAAS,GACd,OAAO,QAAQ,KAAK,WAAW,GAAG,IAAI,GAAI,QAAQ,CAAC,IAAoB;AACxE,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAC3B,IAAA,OAAOC,qBAAY,CAAC,OAAO,EAAE,SAAS,CAAC;AACxC,CAAC;;;;"}

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

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

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

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

package/lib/cjs/components/popup/popup.js

@@ -1,465 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var radash = require('radash');
-var react = require('react');
-var hooks = require('../../js/hooks.js');
-var utils = require('../../js/utils.js');
-var content = require('./content.js');
-
-function Popup(props) {
-    const { visible = false, content: content$1, trigger = "hover", gap = 12, offset = 8, position = "top", showDelay = 16, hideDelay = 12, touchable, arrow = true, align = "center", fitSize, disabled, style, className, children, onVisibleChange, } = props;
-    const triggerRef = react.useRef(null);
-    const contentRef = react.useRef(null);
-    const timerRef = react.useRef(null);
-    const afterHideTimerRef = react.useRef(null);
-    const rafRef = react.useRef(null);
-    const [show, setShow] = react.useState(false);
-    const showRef = react.useRef(false);
-    showRef.current = show;
-    const latestRef = react.useRef({
-        disabled,
-        trigger,
-        touchable,
-        showDelay,
-        hideDelay,
-        position,
-        gap,
-        offset,
-        align,
-        fitSize,
-        onVisibleChange,
-    });
-    latestRef.current = {
-        disabled,
-        trigger,
-        touchable,
-        showDelay,
-        hideDelay,
-        position,
-        gap,
-        offset,
-        align,
-        fitSize,
-        onVisibleChange,
-    };
-    const phaseRef = react.useRef("");
-    const lastPosRef = react.useRef(null);
-    const lastArrowRef = react.useRef(null);
-    const arrowElRef = react.useRef(null);
-    const pointRef = react.useRef(null);
-    const clearTimer = () => {
-        if (!timerRef.current)
-            return;
-        clearTimeout(timerRef.current);
-        timerRef.current = null;
-        phaseRef.current = "";
-    };
-    const clearAllTimers = () => {
-        clearTimer();
-        if (afterHideTimerRef.current) {
-            clearTimeout(afterHideTimerRef.current);
-            afterHideTimerRef.current = null;
-        }
-        if (rafRef.current !== null) {
-            cancelAnimationFrame(rafRef.current);
-            rafRef.current = null;
-        }
-    };
-    const setContentVisible = (visible) => {
-        const el = contentRef.current;
-        if (!el)
-            return;
-        el.style.opacity = visible ? "1" : "0";
-        el.style.transform = visible ? "none" : "translate(0, 2px)";
-    };
-    const ensureBaseStyle = () => {
-        const el = contentRef.current;
-        if (!el)
-            return;
-        const pos = "fixed";
-        if (el.style.position !== pos)
-            el.style.position = pos;
-    };
-    const applyFitSize = () => {
-        const o = latestRef.current;
-        const triggerEl = triggerRef.current;
-        const contentEl = contentRef.current;
-        if (!triggerEl || !contentEl)
-            return;
-        const vertical = ["top", "bottom"].includes(o.position);
-        const key = vertical ? "width" : "height";
-        if (!o.fitSize) {
-            contentEl.style[key] = "";
-            return;
-        }
-        const size = triggerEl[vertical ? "offsetWidth" : "offsetHeight"];
-        contentEl.style[key] =
-            typeof size === "number" ? `${size}px` : "";
-    };
-    const applyArrow = (arrowX, arrowY, arrowPos) => {
-        const contentEl = contentRef.current;
-        if (!contentEl)
-            return;
-        const arrowEl = arrowElRef.current ??
-            contentEl.querySelector(".i-popup-arrow");
-        arrowElRef.current = arrowEl;
-        if (!arrowEl)
-            return;
-        let left = arrowX ?? 0;
-        let top = arrowY ?? 0;
-        let transform = "";
-        switch (arrowPos) {
-            case "left":
-                left += 2;
-                transform = `translate(-100%, -50%) rotate(180deg)`;
-                break;
-            case "right":
-                left -= 2;
-                transform = `translate(0, -50%)`;
-                break;
-            case "top":
-                top -= 2;
-                transform = `translate(-50%, -50%) rotate(-90deg)`;
-                break;
-            case "bottom":
-                top += 2;
-                transform = `translate(-50%, -50%) rotate(90deg)`;
-                break;
-        }
-        const prev = lastArrowRef.current;
-        if (prev &&
-            prev.left === left &&
-            prev.top === top &&
-            prev.transform === transform) {
-            return;
-        }
-        lastArrowRef.current = { left, top, transform };
-        arrowEl.style.left = `${left}px`;
-        arrowEl.style.top = `${top}px`;
-        arrowEl.style.transform = transform;
-    };
-    const applyLeftTop = (left, top) => {
-        const contentEl = contentRef.current;
-        if (!contentEl)
-            return;
-        const prev = lastPosRef.current;
-        if (prev && prev.left === left && prev.top === top)
-            return;
-        lastPosRef.current = { left, top };
-        contentEl.style.left = `${left}px`;
-        contentEl.style.top = `${top}px`;
-    };
-    const computeRelativePosition = () => {
-        const triggerEl = triggerRef.current;
-        const contentEl = contentRef.current;
-        if (!triggerEl || !contentEl)
-            return;
-        const o = latestRef.current;
-        applyFitSize();
-        const [left, top, { arrowX, arrowY, arrowPos }] = utils.getPosition(triggerEl, contentEl, {
-            position: o.position,
-            gap: o.gap,
-            offset: o.offset,
-            align: o.align,
-            refWindow: true,
-        });
-        applyLeftTop(left, top);
-        applyArrow(arrowX, arrowY, arrowPos);
-    };
-    const computePointPosition = () => {
-        const contentEl = contentRef.current;
-        if (!contentEl)
-            return;
-        const point = pointRef.current;
-        if (!point)
-            return;
-        const [left, top] = utils.getPointPosition(point, contentEl);
-        applyLeftTop(left, top);
-    };
-    const scheduleComputePosition = () => {
-        if (!showRef.current)
-            return;
-        if (rafRef.current !== null)
-            return;
-        rafRef.current = requestAnimationFrame(() => {
-            rafRef.current = null;
-            if (!showRef.current)
-                return;
-            ensureBaseStyle();
-            if (latestRef.current.trigger === "contextmenu") {
-                computePointPosition();
-                return;
-            }
-            computeRelativePosition();
-        });
-    };
-    const handleShow = () => {
-        const opts = latestRef.current;
-        if (opts.disabled)
-            return;
-        clearAllTimers();
-        if (showRef.current &&
-            (opts.trigger !== "hover" ||
-                (opts.trigger === "hover" && !opts.touchable))) {
-            ensureBaseStyle();
-            computeRelativePosition();
-            setContentVisible(true);
-            return;
-        }
-        phaseRef.current = "showing";
-        if (!showRef.current) {
-            lastPosRef.current = null;
-            lastArrowRef.current = null;
-            arrowElRef.current = null;
-            setShow(true);
-        }
-        timerRef.current = setTimeout(() => {
-            if (phaseRef.current !== "showing")
-                return;
-            rafRef.current = requestAnimationFrame(() => {
-                rafRef.current = null;
-                if (phaseRef.current !== "showing")
-                    return;
-                if (!contentRef.current)
-                    return;
-                ensureBaseStyle();
-                if (opts.trigger === "contextmenu") {
-                    computePointPosition();
-                }
-                else {
-                    computeRelativePosition();
-                }
-                setContentVisible(true);
-                opts.onVisibleChange?.(true);
-                clearTimer();
-                phaseRef.current = "";
-            });
-        }, opts.showDelay);
-    };
-    const handleHide = () => {
-        if (!showRef.current)
-            return;
-        clearAllTimers();
-        phaseRef.current = "hiding";
-        timerRef.current = setTimeout(() => {
-            if (phaseRef.current !== "hiding") {
-                clearTimer();
-                return;
-            }
-            setContentVisible(false);
-            afterHideTimerRef.current = setTimeout(() => {
-                afterHideTimerRef.current = null;
-                setShow(false);
-                clearAllTimers();
-                latestRef.current.onVisibleChange?.(false);
-                phaseRef.current = "";
-            }, 160);
-        }, latestRef.current.hideDelay);
-    };
-    const handleToggle = (action) => {
-        if (action !== undefined) {
-            action ? handleShow() : handleHide();
-            return;
-        }
-        showRef.current ? handleHide() : handleShow();
-    };
-    const hideRef = react.useRef(handleHide);
-    const toggleRef = react.useRef(handleToggle);
-    hideRef.current = handleHide;
-    toggleRef.current = handleToggle;
-    const doHide = react.useMemo(() => () => hideRef.current(), []);
-    const doToggle = react.useMemo(() => (action) => toggleRef.current(action), []);
-    const eventMaps = react.useMemo(() => {
-        return {
-            click: {
-                onClick: () => doToggle(true),
-            },
-            hover: {
-                onMouseEnter: () => doToggle(true),
-                onMouseLeave: () => doToggle(false),
-            },
-            focus: {
-                onFocus: () => doToggle(true),
-                onBlur: () => doToggle(false),
-            },
-            contextmenu: {
-                onContextMenu: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    pointRef.current = {
-                        pageX: e.pageX,
-                        pageY: e.pageY,
-                    };
-                    if (showRef.current) {
-                        ensureBaseStyle();
-                        computePointPosition();
-                        return;
-                    }
-                    clearAllTimers();
-                    phaseRef.current = "showing";
-                    lastPosRef.current = null;
-                    lastArrowRef.current = null;
-                    arrowElRef.current = null;
-                    setShow(true);
-                    timerRef.current = setTimeout(() => {
-                        if (phaseRef.current !== "showing")
-                            return;
-                        if (!contentRef.current)
-                            return;
-                        ensureBaseStyle();
-                        computePointPosition();
-                        setContentVisible(true);
-                        clearTimer();
-                        latestRef.current.onVisibleChange?.(true);
-                        phaseRef.current = "";
-                    }, latestRef.current.showDelay);
-                },
-            },
-            none: {},
-        };
-    }, [doToggle]);
-    const contentTouch = react.useMemo(() => {
-        if (!touchable)
-            return {};
-        const events = {};
-        if (trigger === "hover") {
-            events["onMouseEnter"] = () => {
-                clearTimer();
-            };
-            events["onMouseLeave"] = () => handleToggle(false);
-        }
-        return events;
-    }, [touchable, trigger]);
-    const { observe, unobserve, disconnect } = hooks.useResizeObserver();
-    react.useEffect(() => {
-        if (!observe)
-            return;
-        const triggerEl = triggerRef.current;
-        const contentEl = contentRef.current;
-        if (triggerEl)
-            observe(triggerEl, scheduleComputePosition);
-        if (contentEl)
-            observe(contentEl, scheduleComputePosition);
-        return () => {
-            if (contentEl)
-                unobserve(contentEl);
-            if (triggerEl)
-                unobserve(triggerEl);
-            disconnect();
-        };
-    }, [trigger, observe, unobserve, disconnect, show]);
-    react.useLayoutEffect(() => {
-        if (!show)
-            return;
-        ensureBaseStyle();
-        if (latestRef.current.trigger === "contextmenu") {
-            computePointPosition();
-        }
-        else {
-            computeRelativePosition();
-        }
-    }, [show]);
-    react.useLayoutEffect(() => {
-        doToggle(visible);
-    }, [visible]);
-    react.useEffect(() => {
-        return () => {
-            clearAllTimers();
-        };
-    }, []);
-    const mouseUpHandlerRef = react.useRef(() => { });
-    mouseUpHandlerRef.current = (e) => {
-        if (!showRef.current)
-            return;
-        const triggerEl = triggerRef.current;
-        const contentEl = contentRef.current;
-        if (!triggerEl || !contentEl)
-            return;
-        const tar = e.target;
-        if (triggerEl.contains(tar) || contentEl.contains(tar))
-            return;
-        doHide();
-    };
-    const onGlobalMouseUp = react.useMemo(() => (e) => mouseUpHandlerRef.current(e), []);
-    hooks.useMouseUp(onGlobalMouseUp);
-    react.useEffect(() => {
-        if (!show)
-            return;
-        if (typeof window === "undefined")
-            return;
-        const onScrollOrResize = radash.debounce({ delay: 160 }, () => {
-            scheduleComputePosition();
-        });
-        window.addEventListener("scroll", onScrollOrResize, {
-            passive: true,
-            capture: true,
-        });
-        return () => {
-            window.removeEventListener("scroll", onScrollOrResize, true);
-        };
-    }, [show]);
-    const mergeRefs = (...refs) => {
-        return (node) => {
-            for (const ref of refs) {
-                if (!ref)
-                    continue;
-                if (typeof ref === "function") {
-                    ref(node);
-                }
-                else {
-                    ref.current = node;
-                }
-            }
-        };
-    };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(() => {
-                const events = eventMaps[trigger];
-                const items = react.Children.toArray(children);
-                const canAttachRef = (el) => {
-                    if (!react.isValidElement(el))
-                        return false;
-                    const t = el.type;
-                    if (typeof t === "string")
-                        return true;
-                    if (t?.prototype?.isReactComponent)
-                        return true;
-                    if (t?.$$typeof === Symbol.for("react.forward_ref"))
-                        return true;
-                    return false;
-                };
-                if (items.length !== 1) {
-                    return (jsxRuntime.jsx("div", { ref: triggerRef, ...events, className: 'i-popup-trigger', style: { display: "inline-block" }, children: children }));
-                }
-                const only = items[0];
-                if (!react.isValidElement(only) || !canAttachRef(only)) {
-                    return (jsxRuntime.jsx("div", { ref: triggerRef, ...events, className: 'i-popup-trigger', style: { display: "inline-block" }, children: only }));
-                }
-                const { className: childClassName, ...restProps } = only.props;
-                const nextProps = { ...restProps };
-                for (const evt of Object.keys(events)) {
-                    const theirs = restProps[evt];
-                    const ours = events[evt];
-                    nextProps[evt] =
-                        typeof theirs === "function"
-                            ? (e) => {
-                                ours(e);
-                                theirs(e);
-                            }
-                            : ours;
-                }
-                return react.cloneElement(only, {
-                    ref: mergeRefs(only.ref, triggerRef),
-                    className: childClassName,
-                    ...nextProps,
-                });
-            })(), show && (jsxRuntime.jsx(content.default, { ref: contentRef, arrow: arrow && trigger !== "contextmenu", style: {
-                    ...style,
-                    position: "fixed",
-                }, className: className, ...contentTouch, trigger: triggerRef.current, children: content$1 }))] }));
-}
-
-exports.default = Popup;
-//# sourceMappingURL=popup.js.map