@ioca/react 1.4.77 → 1.4.79

package/lib/es/components/picker/dates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../packages/components/picker/dates/index.tsx"],"sourcesContent":["import { CalendarMonthTwotone } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat.js\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Popup from \"../../popup\";\nimport { IDatePicker } from \"../type\";\nimport \"./index.css\";\nimport Panel from \"./panel\";\n\ndayjs.extend(customParseFormat);\n\nconst FORMATTYPES = [\"YYYY-MM-DD\", \"YYYY-M-D\", \"YYYY/MM/DD\", \"YYYY/M/D\"];\nconst FORMAT = \"YYYY-MM-DD\";\n\nconst Datepicker = (props: IDatePicker) => {\n\tconst {\n\t\tname,\n\t\tvalue,\n\t\tweeks,\n\t\tformat = FORMAT,\n\t\tplaceholder = props.format ?? FORMAT,\n\t\tclassName,\n\t\trenderDate,\n\t\trenderMonth,\n\t\trenderYear,\n\t\tpopupProps,\n\t\tdisabledDate,\n\t\tonDateClick,\n\t\tonChange,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst dayJsValue = useMemo(() => {\n\t\tif (!inputValue) return null;\n\n\t\tconst date = dayjs(inputValue as string, format, true);\n\n\t\tif (date.isValid()) return date;\n\n\t\treturn null;\n\t}, [inputValue, format]);\n\n\tconst handleDateClick = (date: Dayjs) => {\n\t\thandleChange(date.format(format));\n\t};\n\n\tconst handleChange = (v) => {\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst handleSetDate = () => {\n\t\tif (!inputValue) return;\n\n\t\tconst date = dayjs(inputValue as string, FORMATTYPES, true);\n\n\t\tif (date.isValid()) {\n\t\t\thandleChange(date.format(format));\n\t\t\treturn;\n\t\t}\n\n\t\thandleChange(\"\");\n\t};\n\n\tconst handleBlur = (e) => {\n\t\tonBlur?.(e);\n\t\thandleSetDate();\n\t};\n\n\tconst handleVisibleChange = (v) => {\n\t\tpopupProps?.onVisibleChange?.(v);\n\t\tsetActive(v);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<Popup\n\t\t\tvisible={active}\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\tcontent={\n\t\t\t\t<Panel\n\t\t\t\t\tvalue={dayJsValue}\n\t\t\t\t\tweeks={weeks}\n\t\t\t\t\trenderDate={renderDate}\n\t\t\t\t\trenderMonth={renderMonth}\n\t\t\t\t\trenderYear={renderYear}\n\t\t\t\t\tdisabledDate={disabledDate}\n\t\t\t\t\tonDateClick={handleDateClick}\n\t\t\t\t/>\n\t\t\t}\n\t\t\t{...popupProps}\n\t\t>\n\t\t\t<Input\n\t\t\t\tvalue={inputValue}\n\t\t\t\tappend={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={<CalendarMonthTwotone />}\n\t\t\t\t\t\tclassName='i-datepicker-icon'\n\t\t\t\t\t\tsize='1em'\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonEnter={handleSetDate}\n\t\t\t\tclassName={classNames(\"i-datepicker-label\", className)}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</Popup>\n\t);\n};\n\nexport default Datepicker;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,OAAO,kBAAkB;AAE/B,MAAM,cAAc;CAAC;CAAc;CAAY;CAAc;CAAW;AACxE,MAAM,SAAS;AAEf,MAAM,cAAc,UAAuB;CAC1C,MAAM,EACL,MACA,OACA,OACA,SAAS,QACT,cAAc,MAAM,UAAU,QAC9B,WACA,YACA,aACA,YACA,YACA,cACA,aACA,UACA,QACA,GAAG,cACA;CAEJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAAkB,MAAM;CAEpD,MAAM,aAAa,cAAc;AAChC,MAAI,CAAC,WAAY,QAAO;EAExB,MAAM,OAAO,MAAM,YAAsB,QAAQ,KAAK;AAEtD,MAAI,KAAK,SAAS,CAAE,QAAO;AAE3B,SAAO;IACL,CAAC,YAAY,OAAO,CAAC;CAExB,MAAM,mBAAmB,SAAgB;AACxC,eAAa,KAAK,OAAO,OAAO,CAAC;;CAGlC,MAAM,gBAAgB,MAAM;AAC3B,gBAAc,EAAE;AAChB,aAAW,EAAE;;CAGd,MAAM,sBAAsB;AAC3B,MAAI,CAAC,WAAY;EAEjB,MAAM,OAAO,MAAM,YAAsB,aAAa,KAAK;AAE3D,MAAI,KAAK,SAAS,EAAE;AACnB,gBAAa,KAAK,OAAO,OAAO,CAAC;AACjC;;AAGD,eAAa,GAAG;;CAGjB,MAAM,cAAc,MAAM;AACzB,WAAS,EAAE;AACX,iBAAe;;CAGhB,MAAM,uBAAuB,MAAM;AAClC,cAAY,kBAAkB,EAAE;AAChC,YAAU,EAAE;;AAGb,iBAAgB;AACf,gBAAc,MAAM;IAClB,CAAC,MAAM,CAAC;AAEX,QACC,oBAAC,eAAD;EACC,SAAS;EACT,SAAQ;EACR,UAAS;EACT,OAAO;EACP,OAAM;EACN,iBAAiB;EACjB,SACC,oBAAC,OAAD;GACC,OAAO;GACA;GACK;GACC;GACD;GACE;GACd,aAAa;GACb,CAAA;EAEF,GAAI;YAEJ,oBAAC,eAAD;GACC,OAAO;GACP,QACC,oBAAC,cAAD;IACC,MAAM,oBAAC,sBAAD,EAAwB,CAAA;IAC9B,WAAU;IACV,MAAK;IACL,CAAA;GAEW;GACb,UAAU;GACV,QAAQ;GACR,SAAS;GACT,WAAW,WAAW,sBAAsB,UAAU;GACtD,GAAI;GACJ,CAAA;EACK,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../packages/components/picker/dates/index.tsx"],"sourcesContent":["import { CalendarMonthTwotone } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat.js\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport Icon from \"../../icon\";\nimport Input from \"../../input\";\nimport Popup from \"../../popup\";\nimport { IDatePicker } from \"../type\";\nimport \"./index.css\";\nimport Panel from \"./panel\";\n\ndayjs.extend(customParseFormat);\n\nconst FORMATTYPES = [\"YYYY-MM-DD\", \"YYYY-M-D\", \"YYYY/MM/DD\", \"YYYY/M/D\"];\nconst FORMAT = \"YYYY-MM-DD\";\n\nconst Datepicker = (props: IDatePicker) => {\n\tconst {\n\t\tname,\n\t\tvalue,\n\t\tweeks,\n\t\tformat = FORMAT,\n\t\tplaceholder = props.format ?? FORMAT,\n\t\tclassName,\n\t\trenderDate,\n\t\trenderMonth,\n\t\trenderYear,\n\t\tpopupProps,\n\t\tdisabledDate,\n\t\tonDateClick,\n\t\tonChange,\n\t\tonBlur,\n\t\t...restProps\n\t} = props;\n\n\tconst [inputValue, setInputValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst dayJsValue = useMemo(() => {\n\t\tif (!inputValue) return null;\n\n\t\tconst date = dayjs(inputValue as string, format, true);\n\n\t\tif (date.isValid()) return date;\n\n\t\treturn null;\n\t}, [inputValue, format]);\n\n\tconst handleDateClick = (date: Dayjs) => {\n\t\thandleChange(date.format(format));\n\t};\n\n\tconst handleChange = (v) => {\n\t\tsetInputValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst handleSetDate = () => {\n\t\tif (!inputValue) return;\n\n\t\tconst date = dayjs(inputValue as string, FORMATTYPES, true);\n\n\t\tif (date.isValid()) {\n\t\t\thandleChange(date.format(format));\n\t\t\treturn;\n\t\t}\n\n\t\thandleChange(\"\");\n\t};\n\n\tconst handleBlur = (e) => {\n\t\tonBlur?.(e);\n\t\thandleSetDate();\n\t};\n\n\tconst handleVisibleChange = (v) => {\n\t\tpopupProps?.onVisibleChange?.(v);\n\t\tsetActive(v);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<Popup\n\t\t\tvisible={active}\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tarrow={false}\n\t\t\talign='start'\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\tcontent={\n\t\t\t\t<Panel\n\t\t\t\t\tvalue={dayJsValue}\n\t\t\t\t\tweeks={weeks}\n\t\t\t\t\trenderDate={renderDate}\n\t\t\t\t\trenderMonth={renderMonth}\n\t\t\t\t\trenderYear={renderYear}\n\t\t\t\t\tdisabledDate={disabledDate}\n\t\t\t\t\tonDateClick={handleDateClick}\n\t\t\t\t/>\n\t\t\t}\n\t\t\t{...popupProps}\n\t\t>\n\t\t\t<Input\n\t\t\t\tvalue={inputValue}\n\t\t\t\tappend={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={<CalendarMonthTwotone />}\n\t\t\t\t\t\tclassName='i-datepicker-icon'\n\t\t\t\t\t\tsize='1em'\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonEnter={handleSetDate}\n\t\t\t\tclassName={classNames(\"i-datepicker-label\", className)}\n\t\t\t\t{...restProps}\n\t\t\t/>\n\t\t</Popup>\n\t);\n};\n\nexport default Datepicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAM,SAAA;;CAGN,MAAM,EACL,MACC,OACA,OACA,SAAK,QACL,cAAS,MAAM,UAAA,QACf,WACA,YACA,aACA,YACA,YACA,cACA,aACA,UACA,QACA,GAAA,cACG;;;;AAOJ,MAAK,CAAC,WAAY,QAAC;;;;IAOlB,CAAA,YAAW,OAAA,CAAA;;AAGZ,eAAM,KAAA,OAAmB,OAAM,CAAA;;;AAI/B,gBAAM,EAAA;AACL,aAAA,EAAa;;;AAId,MAAK,CAAC,WAAA;;;AAKL,gBAAS,KAAU,OAAC,OAAA,CAAA;AACnB;;;;;AAOF,WAAM,EAAA;AACL,iBAAW;;;AAIZ,cAAM,kBAAyB,EAAE;AAChC,YAAU,EAAE;;;AAIb,gBAAe,MAAC;IACf,CAAA,MAAA,CAAA;QAGD,oBAAA,eAAA;EACE,SAAA;EACA,SAAQ;EACR,UAAS;EACT,OAAA;EACA,OAAM;EACN,iBAAY;EACZ,SACA,oBAAA,OAAA;GACE,OAAA;GACO;GACK;GACA;GACA;GACA;GACZ,aAAa;GACb,CAAA;EAEF,GAAA;YAED,oBAAA,eAAA;GACE,OAAA;GACA,QACA,oBAAA,cAAA;IACE,MAAA,oBAAA,sBAAA,EAAA,CAAA;IACA,WAAO;IACP,MAAA;IACA,CAAA;GAEF;GACA,UAAA;GACA,QAAQ;GACR,SAAQ;GACR,WAAS,WAAa,sBAAA,UAAA;GACtB,GAAA;GACC,CAAA;EACD,CAAA"}

package/lib/es/components/picker/dates/panel.js

@@ -4,7 +4,7 @@ import Dates from "./dates.js";
 import classNames from "classnames";
 import { throttle } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useRef, useState } from "react";
-import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
 //#region packages/components/picker/dates/panel.tsx

package/lib/es/components/picker/time/index.js

@@ -4,7 +4,7 @@ import input_default from "../../input/index.js";
 import Panel from "./panel.js";
 import classNames from "classnames";
 import { useEffect, useState } from "react";
-import { AccessTimeRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { AccessTimeRound } from "@ricons/material";
 import { jsx } from "react/jsx-runtime";
 //#region packages/components/picker/time/index.tsx
 const FORMAT = "hh:mm:ss";

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

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":[],"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"],"mappings":"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"}
+{"version":3,"file":"panel.js","names":[],"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"],"mappings":"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"}

package/lib/es/components/popconfirm/popconfirm.js

@@ -3,7 +3,7 @@ import button_default from "../button/index.js";
 import icon_default from "../icon/index.js";
 import popup_default from "../popup/index.js";
 import flex_default from "../flex/index.js";
-import { InfoOutlined } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { InfoOutlined } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/popconfirm/popconfirm.tsx
 const defaultOk = { children: "确定" };

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","names":[],"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"],"mappings":";;;;;;;;AAWA,MAAM,YAAY,EACjB,UAAU,MACV;AAED,MAAM,gBAAgB;CACrB,UAAU;CACV,WAAW;CACX;AAED,MAAM,cAAc,UAAuB;CAC1C,MAAM,EACL,UAAU,SACV,SACA,OAAO,oBAAC,cAAD;EAAM,MAAM,oBAAC,cAAD,EAAgB,CAAA;EAAE,WAAU;EAAQ,MAAK;EAAU,CAAA,EACtE,SACA,eACA,mBACA,UACA,OACA,WAAW,OACX,SAAS,IACT,OACA,MACA,SACA,GAAG,cACA;CAEJ,MAAM,QAAQ,YAAY;EACzB,SAAS;EACT;EACA,CAAC;CAEF,MAAM,KAAc,gBACjB,OAAO,OAAO,EAAE,EAAE,WAAW,cAAa,GAC1C;CACH,MAAM,SAAkB,oBACrB,OAAO,OAAO,EAAE,EAAE,eAAe,kBAAiB,GAClD;CAEH,MAAM,uBAAuB,MAAe;AAC3C,QAAM,UAAU;AAChB,YAAU,kBAAkB,EAAE;;CAG/B,MAAM,WAAW,OAAO,MAA+B;AACtD,QAAM,UAAU;AAChB,KAAG,UAAU,EAAE;AACf,MAAI;AACH,SAAM,QAAQ;AACd,SAAM,UAAU;YACP;AACT,SAAM,UAAU;;;CAIlB,MAAM,eAAe,OAAO,MAA+B;AAC1D,SAAO,UAAU,EAAE;AACnB,QAAM,WAAW;AACjB,QAAM,UAAU;;AA0BjB,QACC,oBAAC,eAAD;EACC,SAxBD,qBAAC,OAAD;GAAK,WAAU;aAAf,CACC,qBAAC,cAAD;IAAM,KAAI;cAAV,CACE,MACD,oBAAC,OAAD;KAAK,WAAU;eAAwB;KAAa,CAAA,CAC/C;OAEN,qBAAC,cAAD;IAAM,KAAK;IAAI,SAAQ;IAAW,WAAU;cAA5C;KACE,sBAAsB,QACtB,oBAAC,gBAAD;MAAQ,GAAI;MAAQ,SAAS;MAAe,CAAA;KAE5C;KACA,kBAAkB,QAClB,oBAAC,gBAAD;MACC,SAAS,MAAM;MACf,GAAI;MACJ,SAAS;MACT,CAAA;KAEG;MACF;;EAMJ,GAAI;EACK;EACT,SAAS,MAAM;EACR;EACC;EACE;EACV,iBAAiB;EAEhB;EACK,CAAA"}
+{"version":3,"file":"popconfirm.js","names":[],"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"],"mappings":";;;;;;;;oBAWA,UAAM,MACL;;CAGD,UAAM;CACL,WAAW;CACX;;CAGD,MAAM,EACL,UAAM,SACL,SACA,OAAO,oBAAA,cAAA;EAAA,MAAA,oBAAA,cAAA,EAAA,CAAA;EAAA,WAAA;EAAA,MAAA;EAAA,CAAA,EACP,SACA,eACA,mBACA,UACA,OACA,WAAK,OACL,SAAS,IACT,OACA,MACA,SACA,GAAA,cACG;;EAGJ,SAAM;EACL;EACA,CAAA;4BAGD,OAAU,OAAO,EAAE,EAAC,WAAA,cAAA,GACjB;CACH,MAAG,SAAS,oBACZ,OAAM,OAAQ,EAAA,EAAO,eAAG,kBAAA,GACrB;;AAGH,QAAM,UAAA;AACL,YAAM,kBAAW,EAAA;;;AAIlB,QAAM,UAAW;AAChB,KAAA,UAAa,EAAE;AACf,MAAG;AACH,SAAI,QAAA;AACH,SAAM,UAAQ;YACR;AACN,SAAC,UAAQ;;;;AAKX,SAAM,UAAY,EAAE;AACnB,QAAM,WAAW;AACjB,QAAM,UAAU;;QA2BjB,oBAAA,eAAA;EACE,SAxBF,qBAAA,OAAA;GAAM,WAAA;aAAN,CACE,qBAAA,cAAA;IAAI,KAAA;cAAJ,CACC,MACA,oBAAC,OAAD;KAAK,WAAA;eAAA;KAAA,CAAA,CACA;;;;;;KAGL,sBAAuB,QACtB,oBAAA,gBAAA;MAAA,GAAA;MAAoB,SAAS;MAAC,CAAA;KAE9B;KACA,kBAAK,QACL,oBAAA,gBAAA;MACC,SAAA,MAAA;MACA,GAAA;MACA,SAAM;MACN,CAAA;KAED;MACA;;EAMF,GAAA;EACI;EACJ,SAAS,MAAA;EACF;EACA;EACC;EACR,iBAAU;EAEX;EACE,CAAA"}

package/lib/es/components/popup/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","names":[],"sources":["../../../../packages/components/popup/popup.tsx"],"sourcesContent":["import { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tRef,\n\tcloneElement,\n\tisValidElement,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useMouseUp, useResizeObserver } from \"../../js/hooks\";\nimport { getPointPosition, getPosition } from \"../../js/utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport { IPopup } from \"./type\";\n\nexport default function Popup(props: IPopup) {\n\tconst {\n\t\tvisible = false,\n\t\tcontent,\n\t\ttrigger = \"hover\",\n\t\tgap = 12,\n\t\toffset = 8,\n\t\tposition = \"top\",\n\t\tshowDelay = 16,\n\t\thideDelay = 12,\n\t\ttouchable,\n\t\tarrow = true,\n\t\talign = \"center\",\n\t\tfitSize,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonVisibleChange,\n\t} = props;\n\n\tconst triggerRef = useRef<HTMLElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst afterHideTimerRef = useRef<any>(null);\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst [show, setShow] = useState(false);\n\tconst showRef = useRef(false);\n\tshowRef.current = show;\n\n\tconst latestRef = useRef({\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t});\n\tlatestRef.current = {\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t};\n\n\tconst phaseRef = useRef<\"\" | \"showing\" | \"hiding\">(\"\");\n\tconst lastPosRef = useRef<{ left: number; top: number } | null>(null);\n\tconst lastArrowRef = useRef<{\n\t\tleft: number;\n\t\ttop: number;\n\t\ttransform: string;\n\t} | null>(null);\n\tconst arrowElRef = useRef<HTMLElement | null>(null);\n\tconst pointRef = useRef<{ pageX: number; pageY: number } | null>(null);\n\n\tconst clearTimer = () => {\n\t\tif (!timerRef.current) return;\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t\tphaseRef.current = \"\";\n\t};\n\n\tconst clearAllTimers = () => {\n\t\tclearTimer();\n\t\tif (afterHideTimerRef.current) {\n\t\t\tclearTimeout(afterHideTimerRef.current);\n\t\t\tafterHideTimerRef.current = null;\n\t\t}\n\t\tif (rafRef.current !== null) {\n\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\trafRef.current = null;\n\t\t}\n\t};\n\n\tconst setContentVisible = (visible: boolean) => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tel.style.opacity = visible ? \"1\" : \"0\";\n\t\tel.style.transform = visible ? \"none\" : \"translate(0, 2px)\";\n\t};\n\n\tconst ensureBaseStyle = () => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tconst pos = \"fixed\";\n\t\tif (el.style.position !== pos) el.style.position = pos;\n\t};\n\n\tconst applyFitSize = () => {\n\t\tconst o = latestRef.current;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst vertical = [\"top\", \"bottom\"].includes(o.position);\n\t\tconst key = vertical ? \"width\" : \"height\";\n\t\tif (!o.fitSize) {\n\t\t\t(contentEl.style as any)[key] = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tconst size = triggerEl[vertical ? \"offsetWidth\" : \"offsetHeight\"];\n\t\t(contentEl.style as any)[key] =\n\t\t\ttypeof size === \"number\" ? `${size}px` : \"\";\n\t};\n\n\tconst applyArrow = (arrowX: number, arrowY: number, arrowPos: string) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst arrowEl =\n\t\t\tarrowElRef.current ??\n\t\t\t(contentEl.querySelector(\".i-popup-arrow\") as HTMLElement | null);\n\t\tarrowElRef.current = arrowEl;\n\t\tif (!arrowEl) return;\n\n\t\tlet left = arrowX ?? 0;\n\t\tlet top = arrowY ?? 0;\n\t\tlet transform = \"\";\n\n\t\tswitch (arrowPos) {\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\tconst prev = lastArrowRef.current;\n\t\tif (\n\t\t\tprev &&\n\t\t\tprev.left === left &&\n\t\t\tprev.top === top &&\n\t\t\tprev.transform === transform\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlastArrowRef.current = { left, top, transform };\n\t\tarrowEl.style.left = `${left}px`;\n\t\tarrowEl.style.top = `${top}px`;\n\t\tarrowEl.style.transform = transform;\n\t};\n\n\tconst applyLeftTop = (left: number, top: number) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst prev = lastPosRef.current;\n\t\tif (prev && prev.left === left && prev.top === top) return;\n\n\t\tlastPosRef.current = { left, top };\n\t\tcontentEl.style.left = `${left}px`;\n\t\tcontentEl.style.top = `${top}px`;\n\t};\n\n\tconst computeRelativePosition = () => {\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst o = latestRef.current;\n\t\tapplyFitSize();\n\n\t\tconst [left, top, { arrowX, arrowY, arrowPos }] = getPosition(\n\t\t\ttriggerEl,\n\t\t\tcontentEl,\n\t\t\t{\n\t\t\t\tposition: o.position,\n\t\t\t\tgap: o.gap,\n\t\t\t\toffset: o.offset,\n\t\t\t\talign: o.align,\n\t\t\t\trefWindow: true,\n\t\t\t},\n\t\t);\n\n\t\tapplyLeftTop(left, top);\n\t\tapplyArrow(arrowX, arrowY, arrowPos);\n\t};\n\n\tconst computePointPosition = () => {\n\t\tconst contentEl = contentRef.current as HTMLElement | null;\n\t\tif (!contentEl) return;\n\t\tconst point = pointRef.current;\n\t\tif (!point) return;\n\n\t\tconst [left, top] = getPointPosition(point as any, contentEl);\n\t\tapplyLeftTop(left, top);\n\t};\n\n\tconst scheduleComputePosition = () => {\n\t\tif (!showRef.current) return;\n\t\tif (rafRef.current !== null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tif (!showRef.current) return;\n\t\t\tensureBaseStyle();\n\n\t\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\t\tcomputePointPosition();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcomputeRelativePosition();\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tconst opts = latestRef.current;\n\t\tif (opts.disabled) return;\n\t\tclearAllTimers();\n\t\tif (\n\t\t\tshowRef.current &&\n\t\t\t(opts.trigger !== \"hover\" ||\n\t\t\t\t(opts.trigger === \"hover\" && !opts.touchable))\n\t\t) {\n\t\t\tensureBaseStyle();\n\t\t\tcomputeRelativePosition();\n\t\t\tsetContentVisible(true);\n\t\t\treturn;\n\t\t}\n\n\t\tphaseRef.current = \"showing\";\n\t\tif (!showRef.current) {\n\t\t\tlastPosRef.current = null;\n\t\t\tlastArrowRef.current = null;\n\t\t\tarrowElRef.current = null;\n\t\t\tsetShow(true);\n\t\t}\n\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"showing\") return;\n\n\t\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\t\trafRef.current = null;\n\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\tensureBaseStyle();\n\t\t\t\tif (opts.trigger === \"contextmenu\") {\n\t\t\t\t\tcomputePointPosition();\n\t\t\t\t} else {\n\t\t\t\t\tcomputeRelativePosition();\n\t\t\t\t}\n\t\t\t\tsetContentVisible(true);\n\t\t\t\topts.onVisibleChange?.(true);\n\t\t\t\tclearTimer();\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t});\n\t\t}, opts.showDelay);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!showRef.current) return;\n\n\t\tclearAllTimers();\n\t\tphaseRef.current = \"hiding\";\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"hiding\") {\n\t\t\t\tclearTimer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetContentVisible(false);\n\n\t\t\tafterHideTimerRef.current = setTimeout(() => {\n\t\t\t\tafterHideTimerRef.current = null;\n\t\t\t\tsetShow(false);\n\t\t\t\tclearAllTimers();\n\t\t\t\tlatestRef.current.onVisibleChange?.(false);\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t}, 160);\n\t\t}, latestRef.current.hideDelay);\n\t};\n\n\tconst handleToggle = (action?: boolean) => {\n\t\tif (action !== undefined) {\n\t\t\taction ? handleShow() : handleHide();\n\t\t\treturn;\n\t\t}\n\t\tshowRef.current ? handleHide() : handleShow();\n\t};\n\n\tconst hideRef = useRef(handleHide);\n\tconst toggleRef = useRef(handleToggle);\n\thideRef.current = handleHide;\n\ttoggleRef.current = handleToggle;\n\n\tconst doHide = useMemo(() => () => hideRef.current(), []);\n\tconst doToggle = useMemo(\n\t\t() => (action?: boolean) => toggleRef.current(action),\n\t\t[],\n\t);\n\n\tconst eventMaps = useMemo(() => {\n\t\treturn {\n\t\t\tclick: {\n\t\t\t\tonClick: () => doToggle(true),\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tonMouseEnter: () => doToggle(true),\n\t\t\t\tonMouseLeave: () => doToggle(false),\n\t\t\t},\n\t\t\tfocus: {\n\t\t\t\tonFocus: () => doToggle(true),\n\t\t\t\tonBlur: () => doToggle(false),\n\t\t\t},\n\t\t\tcontextmenu: {\n\t\t\t\tonContextMenu: (e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\tpointRef.current = {\n\t\t\t\t\t\tpageX: (e as any).pageX,\n\t\t\t\t\t\tpageY: (e as any).pageY,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (showRef.current) {\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tclearAllTimers();\n\t\t\t\t\tphaseRef.current = \"showing\";\n\t\t\t\t\tlastPosRef.current = null;\n\t\t\t\t\tlastArrowRef.current = null;\n\t\t\t\t\tarrowElRef.current = null;\n\t\t\t\t\tsetShow(true);\n\n\t\t\t\t\ttimerRef.current = setTimeout(() => {\n\t\t\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\tsetContentVisible(true);\n\t\t\t\t\t\tclearTimer();\n\t\t\t\t\t\tlatestRef.current.onVisibleChange?.(true);\n\t\t\t\t\t\tphaseRef.current = \"\";\n\t\t\t\t\t}, latestRef.current.showDelay);\n\t\t\t\t},\n\t\t\t},\n\t\t\tnone: {},\n\t\t};\n\t}, [doToggle]);\n\n\tconst contentTouch = useMemo(() => {\n\t\tif (!touchable) return {};\n\t\tconst events: { [key: string]: () => void } = {};\n\n\t\tif (trigger === \"hover\") {\n\t\t\tevents[\"onMouseEnter\"] = () => {\n\t\t\t\tclearTimer();\n\t\t\t};\n\t\t\tevents[\"onMouseLeave\"] = () => handleToggle(false);\n\t\t}\n\n\t\treturn events;\n\t}, [touchable, trigger]);\n\n\tconst { observe, unobserve, disconnect } = useResizeObserver();\n\tuseEffect(() => {\n\t\tif (!observe) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (triggerEl) observe(triggerEl, scheduleComputePosition);\n\t\tif (contentEl) observe(contentEl, scheduleComputePosition);\n\t\treturn () => {\n\t\t\tif (contentEl) unobserve(contentEl);\n\t\t\tif (triggerEl) unobserve(triggerEl);\n\t\t\tdisconnect();\n\t\t};\n\t}, [trigger, observe, unobserve, disconnect, show]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!show) return;\n\t\tensureBaseStyle();\n\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\tcomputePointPosition();\n\t\t} else {\n\t\t\tcomputeRelativePosition();\n\t\t}\n\t}, [show]);\n\n\tuseLayoutEffect(() => {\n\t\tdoToggle(visible);\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearAllTimers();\n\t\t};\n\t}, []);\n\n\tconst mouseUpHandlerRef = useRef<(e: any) => void>(() => {});\n\tmouseUpHandlerRef.current = (e) => {\n\t\tif (!showRef.current) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\t\tconst tar = e.target as HTMLElement;\n\t\tif (triggerEl.contains(tar) || contentEl.contains(tar)) return;\n\t\tdoHide();\n\t};\n\tconst onGlobalMouseUp = useMemo(\n\t\t() => (e: any) => mouseUpHandlerRef.current(e),\n\t\t[],\n\t);\n\tuseMouseUp(onGlobalMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!show) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onScrollOrResize = debounce({ delay: 160 }, () => {\n\t\t\tscheduleComputePosition();\n\t\t});\n\n\t\twindow.addEventListener(\"scroll\", onScrollOrResize, {\n\t\t\tpassive: true,\n\t\t\tcapture: true,\n\t\t});\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"scroll\", onScrollOrResize, true);\n\t\t};\n\t}, [show]);\n\n\tconst mergeRefs = (...refs: Array<Ref<HTMLElement> | undefined>) => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\tfor (const ref of refs) {\n\t\t\t\tif (!ref) continue;\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(node);\n\t\t\t\t} else {\n\t\t\t\t\t(ref as any).current = node;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(() => {\n\t\t\t\tconst events = eventMaps[trigger] as any;\n\t\t\t\tconst items = Children.toArray(children);\n\t\t\t\tconst canAttachRef = (el: any) => {\n\t\t\t\t\tif (!isValidElement(el)) return false;\n\t\t\t\t\tconst t: any = el.type;\n\t\t\t\t\tif (typeof t === \"string\") return true;\n\t\t\t\t\tif (t?.prototype?.isReactComponent) return true;\n\t\t\t\t\tif (t?.$$typeof === Symbol.for(\"react.forward_ref\"))\n\t\t\t\t\t\treturn true;\n\t\t\t\t\treturn false;\n\t\t\t\t};\n\n\t\t\t\tif (items.length !== 1) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst only = items[0] as any;\n\t\t\t\tif (!isValidElement(only) || !canAttachRef(only)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{only}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst { className: childClassName, ...restProps } =\n\t\t\t\t\tonly.props as any;\n\t\t\t\tconst nextProps: Record<string, any> = { ...restProps };\n\t\t\t\tfor (const evt of Object.keys(events)) {\n\t\t\t\t\tconst theirs = restProps[evt];\n\t\t\t\t\tconst ours = events[evt];\n\t\t\t\t\tnextProps[evt] =\n\t\t\t\t\t\ttypeof theirs === \"function\"\n\t\t\t\t\t\t\t? (e: any) => {\n\t\t\t\t\t\t\t\t\tours(e);\n\t\t\t\t\t\t\t\t\ttheirs(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: ours;\n\t\t\t\t}\n\t\t\t\treturn cloneElement(only as any, {\n\t\t\t\t\tref: mergeRefs((only as any).ref, triggerRef as any),\n\t\t\t\t\tclassName: childClassName,\n\t\t\t\t\t...nextProps,\n\t\t\t\t});\n\t\t\t})()}\n\n\t\t\t{show && (\n\t\t\t\t<Content\n\t\t\t\t\tref={contentRef}\n\t\t\t\t\tarrow={arrow && trigger !== \"contextmenu\"}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\t{...contentTouch}\n\t\t\t\t\ttrigger={triggerRef.current as HTMLElement}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</Content>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"popup.js","names":[],"sources":["../../../../packages/components/popup/popup.tsx"],"sourcesContent":["import { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tRef,\n\tcloneElement,\n\tisValidElement,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { useMouseUp, useResizeObserver } from \"../../js/hooks\";\nimport { getPointPosition, getPosition } from \"../../js/utils\";\nimport Content from \"./content\";\nimport \"./index.css\";\nimport { IPopup } from \"./type\";\n\nexport default function Popup(props: IPopup) {\n\tconst {\n\t\tvisible = false,\n\t\tcontent,\n\t\ttrigger = \"hover\",\n\t\tgap = 12,\n\t\toffset = 8,\n\t\tposition = \"top\",\n\t\tshowDelay = 16,\n\t\thideDelay = 12,\n\t\ttouchable,\n\t\tarrow = true,\n\t\talign = \"center\",\n\t\tfitSize,\n\t\tdisabled,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tonVisibleChange,\n\t} = props;\n\n\tconst triggerRef = useRef<HTMLElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst afterHideTimerRef = useRef<any>(null);\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst [show, setShow] = useState(false);\n\tconst showRef = useRef(false);\n\tshowRef.current = show;\n\n\tconst latestRef = useRef({\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t});\n\tlatestRef.current = {\n\t\tdisabled,\n\t\ttrigger,\n\t\ttouchable,\n\t\tshowDelay,\n\t\thideDelay,\n\t\tposition,\n\t\tgap,\n\t\toffset,\n\t\talign,\n\t\tfitSize,\n\t\tonVisibleChange,\n\t};\n\n\tconst phaseRef = useRef<\"\" | \"showing\" | \"hiding\">(\"\");\n\tconst lastPosRef = useRef<{ left: number; top: number } | null>(null);\n\tconst lastArrowRef = useRef<{\n\t\tleft: number;\n\t\ttop: number;\n\t\ttransform: string;\n\t} | null>(null);\n\tconst arrowElRef = useRef<HTMLElement | null>(null);\n\tconst pointRef = useRef<{ pageX: number; pageY: number } | null>(null);\n\n\tconst clearTimer = () => {\n\t\tif (!timerRef.current) return;\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t\tphaseRef.current = \"\";\n\t};\n\n\tconst clearAllTimers = () => {\n\t\tclearTimer();\n\t\tif (afterHideTimerRef.current) {\n\t\t\tclearTimeout(afterHideTimerRef.current);\n\t\t\tafterHideTimerRef.current = null;\n\t\t}\n\t\tif (rafRef.current !== null) {\n\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\trafRef.current = null;\n\t\t}\n\t};\n\n\tconst setContentVisible = (visible: boolean) => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tel.style.opacity = visible ? \"1\" : \"0\";\n\t\tel.style.transform = visible ? \"none\" : \"translate(0, 2px)\";\n\t};\n\n\tconst ensureBaseStyle = () => {\n\t\tconst el = contentRef.current;\n\t\tif (!el) return;\n\t\tconst pos = \"fixed\";\n\t\tif (el.style.position !== pos) el.style.position = pos;\n\t};\n\n\tconst applyFitSize = () => {\n\t\tconst o = latestRef.current;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst vertical = [\"top\", \"bottom\"].includes(o.position);\n\t\tconst key = vertical ? \"width\" : \"height\";\n\t\tif (!o.fitSize) {\n\t\t\t(contentEl.style as any)[key] = \"\";\n\t\t\treturn;\n\t\t}\n\n\t\tconst size = triggerEl[vertical ? \"offsetWidth\" : \"offsetHeight\"];\n\t\t(contentEl.style as any)[key] =\n\t\t\ttypeof size === \"number\" ? `${size}px` : \"\";\n\t};\n\n\tconst applyArrow = (arrowX: number, arrowY: number, arrowPos: string) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst arrowEl =\n\t\t\tarrowElRef.current ??\n\t\t\t(contentEl.querySelector(\".i-popup-arrow\") as HTMLElement | null);\n\t\tarrowElRef.current = arrowEl;\n\t\tif (!arrowEl) return;\n\n\t\tlet left = arrowX ?? 0;\n\t\tlet top = arrowY ?? 0;\n\t\tlet transform = \"\";\n\n\t\tswitch (arrowPos) {\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\tconst prev = lastArrowRef.current;\n\t\tif (\n\t\t\tprev &&\n\t\t\tprev.left === left &&\n\t\t\tprev.top === top &&\n\t\t\tprev.transform === transform\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlastArrowRef.current = { left, top, transform };\n\t\tarrowEl.style.left = `${left}px`;\n\t\tarrowEl.style.top = `${top}px`;\n\t\tarrowEl.style.transform = transform;\n\t};\n\n\tconst applyLeftTop = (left: number, top: number) => {\n\t\tconst contentEl = contentRef.current;\n\t\tif (!contentEl) return;\n\n\t\tconst prev = lastPosRef.current;\n\t\tif (prev && prev.left === left && prev.top === top) return;\n\n\t\tlastPosRef.current = { left, top };\n\t\tcontentEl.style.left = `${left}px`;\n\t\tcontentEl.style.top = `${top}px`;\n\t};\n\n\tconst computeRelativePosition = () => {\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\n\t\tconst o = latestRef.current;\n\t\tapplyFitSize();\n\n\t\tconst [left, top, { arrowX, arrowY, arrowPos }] = getPosition(\n\t\t\ttriggerEl,\n\t\t\tcontentEl,\n\t\t\t{\n\t\t\t\tposition: o.position,\n\t\t\t\tgap: o.gap,\n\t\t\t\toffset: o.offset,\n\t\t\t\talign: o.align,\n\t\t\t\trefWindow: true,\n\t\t\t},\n\t\t);\n\n\t\tapplyLeftTop(left, top);\n\t\tapplyArrow(arrowX, arrowY, arrowPos);\n\t};\n\n\tconst computePointPosition = () => {\n\t\tconst contentEl = contentRef.current as HTMLElement | null;\n\t\tif (!contentEl) return;\n\t\tconst point = pointRef.current;\n\t\tif (!point) return;\n\n\t\tconst [left, top] = getPointPosition(point as any, contentEl);\n\t\tapplyLeftTop(left, top);\n\t};\n\n\tconst scheduleComputePosition = () => {\n\t\tif (!showRef.current) return;\n\t\tif (rafRef.current !== null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tif (!showRef.current) return;\n\t\t\tensureBaseStyle();\n\n\t\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\t\tcomputePointPosition();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcomputeRelativePosition();\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tconst opts = latestRef.current;\n\t\tif (opts.disabled) return;\n\t\tclearAllTimers();\n\t\tif (\n\t\t\tshowRef.current &&\n\t\t\t(opts.trigger !== \"hover\" ||\n\t\t\t\t(opts.trigger === \"hover\" && !opts.touchable))\n\t\t) {\n\t\t\tensureBaseStyle();\n\t\t\tcomputeRelativePosition();\n\t\t\tsetContentVisible(true);\n\t\t\treturn;\n\t\t}\n\n\t\tphaseRef.current = \"showing\";\n\t\tif (!showRef.current) {\n\t\t\tlastPosRef.current = null;\n\t\t\tlastArrowRef.current = null;\n\t\t\tarrowElRef.current = null;\n\t\t\tsetShow(true);\n\t\t}\n\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"showing\") return;\n\n\t\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\t\trafRef.current = null;\n\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\tensureBaseStyle();\n\t\t\t\tif (opts.trigger === \"contextmenu\") {\n\t\t\t\t\tcomputePointPosition();\n\t\t\t\t} else {\n\t\t\t\t\tcomputeRelativePosition();\n\t\t\t\t}\n\t\t\t\tsetContentVisible(true);\n\t\t\t\topts.onVisibleChange?.(true);\n\t\t\t\tclearTimer();\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t});\n\t\t}, opts.showDelay);\n\t};\n\n\tconst handleHide = () => {\n\t\tif (!showRef.current) return;\n\n\t\tclearAllTimers();\n\t\tphaseRef.current = \"hiding\";\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tif (phaseRef.current !== \"hiding\") {\n\t\t\t\tclearTimer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetContentVisible(false);\n\n\t\t\tafterHideTimerRef.current = setTimeout(() => {\n\t\t\t\tafterHideTimerRef.current = null;\n\t\t\t\tsetShow(false);\n\t\t\t\tclearAllTimers();\n\t\t\t\tlatestRef.current.onVisibleChange?.(false);\n\t\t\t\tphaseRef.current = \"\";\n\t\t\t}, 160);\n\t\t}, latestRef.current.hideDelay);\n\t};\n\n\tconst handleToggle = (action?: boolean) => {\n\t\tif (action !== undefined) {\n\t\t\taction ? handleShow() : handleHide();\n\t\t\treturn;\n\t\t}\n\t\tshowRef.current ? handleHide() : handleShow();\n\t};\n\n\tconst hideRef = useRef(handleHide);\n\tconst toggleRef = useRef(handleToggle);\n\thideRef.current = handleHide;\n\ttoggleRef.current = handleToggle;\n\n\tconst doHide = useMemo(() => () => hideRef.current(), []);\n\tconst doToggle = useMemo(\n\t\t() => (action?: boolean) => toggleRef.current(action),\n\t\t[],\n\t);\n\n\tconst eventMaps = useMemo(() => {\n\t\treturn {\n\t\t\tclick: {\n\t\t\t\tonClick: () => doToggle(true),\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tonMouseEnter: () => doToggle(true),\n\t\t\t\tonMouseLeave: () => doToggle(false),\n\t\t\t},\n\t\t\tfocus: {\n\t\t\t\tonFocus: () => doToggle(true),\n\t\t\t\tonBlur: () => doToggle(false),\n\t\t\t},\n\t\t\tcontextmenu: {\n\t\t\t\tonContextMenu: (e: MouseEvent) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\tpointRef.current = {\n\t\t\t\t\t\tpageX: (e as any).pageX,\n\t\t\t\t\t\tpageY: (e as any).pageY,\n\t\t\t\t\t};\n\n\t\t\t\t\tif (showRef.current) {\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tclearAllTimers();\n\t\t\t\t\tphaseRef.current = \"showing\";\n\t\t\t\t\tlastPosRef.current = null;\n\t\t\t\t\tlastArrowRef.current = null;\n\t\t\t\t\tarrowElRef.current = null;\n\t\t\t\t\tsetShow(true);\n\n\t\t\t\t\ttimerRef.current = setTimeout(() => {\n\t\t\t\t\t\tif (phaseRef.current !== \"showing\") return;\n\t\t\t\t\t\tif (!contentRef.current) return;\n\n\t\t\t\t\t\tensureBaseStyle();\n\t\t\t\t\t\tcomputePointPosition();\n\t\t\t\t\t\tsetContentVisible(true);\n\t\t\t\t\t\tclearTimer();\n\t\t\t\t\t\tlatestRef.current.onVisibleChange?.(true);\n\t\t\t\t\t\tphaseRef.current = \"\";\n\t\t\t\t\t}, latestRef.current.showDelay);\n\t\t\t\t},\n\t\t\t},\n\t\t\tnone: {},\n\t\t};\n\t}, [doToggle]);\n\n\tconst contentTouch = useMemo(() => {\n\t\tif (!touchable) return {};\n\t\tconst events: { [key: string]: () => void } = {};\n\n\t\tif (trigger === \"hover\") {\n\t\t\tevents[\"onMouseEnter\"] = () => {\n\t\t\t\tclearTimer();\n\t\t\t};\n\t\t\tevents[\"onMouseLeave\"] = () => handleToggle(false);\n\t\t}\n\n\t\treturn events;\n\t}, [touchable, trigger]);\n\n\tconst { observe, unobserve, disconnect } = useResizeObserver();\n\tuseEffect(() => {\n\t\tif (!observe) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (triggerEl) observe(triggerEl, scheduleComputePosition);\n\t\tif (contentEl) observe(contentEl, scheduleComputePosition);\n\t\treturn () => {\n\t\t\tif (contentEl) unobserve(contentEl);\n\t\t\tif (triggerEl) unobserve(triggerEl);\n\t\t\tdisconnect();\n\t\t};\n\t}, [trigger, observe, unobserve, disconnect, show]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!show) return;\n\t\tensureBaseStyle();\n\t\tif (latestRef.current.trigger === \"contextmenu\") {\n\t\t\tcomputePointPosition();\n\t\t} else {\n\t\t\tcomputeRelativePosition();\n\t\t}\n\t}, [show]);\n\n\tuseLayoutEffect(() => {\n\t\tdoToggle(visible);\n\t}, [visible]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tclearAllTimers();\n\t\t};\n\t}, []);\n\n\tconst mouseUpHandlerRef = useRef<(e: any) => void>(() => {});\n\tmouseUpHandlerRef.current = (e) => {\n\t\tif (!showRef.current) return;\n\t\tconst triggerEl = triggerRef.current;\n\t\tconst contentEl = contentRef.current;\n\t\tif (!triggerEl || !contentEl) return;\n\t\tconst tar = e.target as HTMLElement;\n\t\tif (triggerEl.contains(tar) || contentEl.contains(tar)) return;\n\t\tdoHide();\n\t};\n\tconst onGlobalMouseUp = useMemo(\n\t\t() => (e: any) => mouseUpHandlerRef.current(e),\n\t\t[],\n\t);\n\tuseMouseUp(onGlobalMouseUp);\n\n\tuseEffect(() => {\n\t\tif (!show) return;\n\t\tif (typeof window === \"undefined\") return;\n\n\t\tconst onScrollOrResize = debounce({ delay: 160 }, () => {\n\t\t\tscheduleComputePosition();\n\t\t});\n\n\t\twindow.addEventListener(\"scroll\", onScrollOrResize, {\n\t\t\tpassive: true,\n\t\t\tcapture: true,\n\t\t});\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"scroll\", onScrollOrResize, true);\n\t\t};\n\t}, [show]);\n\n\tconst mergeRefs = (...refs: Array<Ref<HTMLElement> | undefined>) => {\n\t\treturn (node: HTMLElement | null) => {\n\t\t\tfor (const ref of refs) {\n\t\t\t\tif (!ref) continue;\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(node);\n\t\t\t\t} else {\n\t\t\t\t\t(ref as any).current = node;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{(() => {\n\t\t\t\tconst events = eventMaps[trigger] as any;\n\t\t\t\tconst items = Children.toArray(children);\n\t\t\t\tconst canAttachRef = (el: any) => {\n\t\t\t\t\tif (!isValidElement(el)) return false;\n\t\t\t\t\tconst t: any = el.type;\n\t\t\t\t\tif (typeof t === \"string\") return true;\n\t\t\t\t\tif (t?.prototype?.isReactComponent) return true;\n\t\t\t\t\tif (t?.$$typeof === Symbol.for(\"react.forward_ref\"))\n\t\t\t\t\t\treturn true;\n\t\t\t\t\treturn false;\n\t\t\t\t};\n\n\t\t\t\tif (items.length !== 1) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst only = items[0] as any;\n\t\t\t\tif (!isValidElement(only) || !canAttachRef(only)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={triggerRef as any}\n\t\t\t\t\t\t\t{...events}\n\t\t\t\t\t\t\tclassName='i-popup-trigger'\n\t\t\t\t\t\t\tstyle={{ display: \"inline-block\" }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{only}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst { className: childClassName, ...restProps } =\n\t\t\t\t\tonly.props as any;\n\t\t\t\tconst nextProps: Record<string, any> = { ...restProps };\n\t\t\t\tfor (const evt of Object.keys(events)) {\n\t\t\t\t\tconst theirs = restProps[evt];\n\t\t\t\t\tconst ours = events[evt];\n\t\t\t\t\tnextProps[evt] =\n\t\t\t\t\t\ttypeof theirs === \"function\"\n\t\t\t\t\t\t\t? (e: any) => {\n\t\t\t\t\t\t\t\t\tours(e);\n\t\t\t\t\t\t\t\t\ttheirs(e);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: ours;\n\t\t\t\t}\n\t\t\t\treturn cloneElement(only as any, {\n\t\t\t\t\tref: mergeRefs((only as any).ref, triggerRef as any),\n\t\t\t\t\tclassName: childClassName,\n\t\t\t\t\t...nextProps,\n\t\t\t\t});\n\t\t\t})()}\n\n\t\t\t{show && (\n\t\t\t\t<Content\n\t\t\t\t\tref={contentRef}\n\t\t\t\t\tarrow={arrow && trigger !== \"contextmenu\"}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tposition: \"fixed\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\t{...contentTouch}\n\t\t\t\t\ttrigger={triggerRef.current as HTMLElement}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</Content>\n\t\t\t)}\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/lib/es/components/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,UAAqB;CACtC,MAAM,EACL,QAAQ,GACR,YAAY,GACZ,aAAa,IACb,YAAY,GACZ,OACA,YAAY,MACZ,OAAO,QACP,UACA,UACA,OACA,aACA,WACA,cACA,UACA,qBACG;CAEJ,MAAM,MAAM,OAAuB,KAAK;CACxC,MAAM,QAAQ,YAAY;EACzB;EACA,UAAU;EACV,MAAM;EACN,OAAO;EACP,CAAC;CAEF,MAAM,SAAS,WAAW,UAAU;CACpC,MAAM,SAAS,WAAW,QAAQ;CAClC,MAAM,SAAS,WAAW,WAAW;CAErC,MAAM,sBAAsB;EAC3B,IAAI,QAAQ,CAAC,MAAM,MAAM,QAAQ,UAAU;AAC3C,UAAQ,KAAK,IAAI,KAAK,MAAM;AAC5B,UAAQ,KAAK,IAAI,GAAG,MAAM;AAE1B,SAAO;;CAGR,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,IAAI,WAAW,CAAC,UAAW;AAEhC,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAGf,MAAM,OAAO,IAAI,QAAQ,uBAAuB;EAChD,MAAM,SAAU,EAAE,UAAU,KAAK,WAAW,MAAO,KAAK;AAExD,SAAO,OAAO,OAAO;GACpB,OAAO,WAAW,MAAM,QAAQ;GAChC,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,UAAU;GACV,CAAC;AACF,qBAAmB,KAAK;;CAGzB,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,YAAY,CAAC,UAAW;AACnC,IAAE,gBAAgB;AAElB,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAGf,MAAM,EAAE,OAAO,SAAS;EACxB,MAAM,SAAS,EAAE,UAAU;AAE3B,MAAI,SAAS,KAAK,SAAS,KAAM;EAEjC,MAAM,SAAU,EAAE,UAAU,SAAS,MAAO;AAC5C,QAAM,QAAQ,WAAW,MAAM,QAAQ;;CAGxC,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,YAAY,CAAC,UAAW;AAEnC,aAAW,eAAe,CAAC;AAC3B,QAAM,WAAW;AACjB,qBAAmB,MAAM;;AAG1B,cAAa,gBAAgB;AAC7B,YAAW,cAAc;AAEzB,iBAAgB;AACf,MAAI,QAAQ,KAAK;AAChB,SAAM,QAAQ;AACd;;AAGD,MAAI,QAAQ,GAAG;AACd,SAAM,QAAQ;AACd;;AAGD,QAAM,QAAQ;IACZ,CAAC,MAAM,CAAC;AAEX,QACC,qBAAC,OAAD;EACC,WAAW,WAAW,iBAAiB,WAAW,EACjD,kBAAkB,aAClB,CAAC;EACK;YAJR;GAME,SAAS,oBAAC,QAAD;IAAM,WAAU;cAAsB;IAAa,CAAA;GAE5D,SAAS,UACT,oBAAC,MAAD;IACM;IACK;IACC;IACD;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACC;IACd,aAAa;IACb,cAAc;IACd,CAAA;GAGD,SAAS,YACT,oBAAC,QAAD;IACC,OAAO,MAAM;IACD;IACD;IACX,CAAA;GAEE"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../../../packages/components/progress/progress.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport \"../../css/input.css\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport Circle from \"./circle\";\nimport \"./index.css\";\nimport Line from \"./line\";\nimport { IProgress } from \"./type\";\n\nconst Progress = (props: IProgress) => {\n\tconst {\n\t\tvalue = 0,\n\t\tlineWidth = 8,\n\t\tcircleSize = 40,\n\t\tprecision = 0,\n\t\tstyle,\n\t\tdraggable = true,\n\t\ttype = \"line\",\n\t\tbarClass,\n\t\tvertical,\n\t\tlabel,\n\t\tlabelInline,\n\t\tclassName,\n\t\trenderCursor,\n\t\tonChange,\n\t\tonDraggingChange,\n\t} = props;\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst state = useReactive({\n\t\tvalue,\n\t\tdragging: false,\n\t\tsize: 0,\n\t\tstart: 0,\n\t});\n\n\tconst pageXY = vertical ? \"pageY\" : \"pageX\";\n\tconst rectTL = vertical ? \"top\" : \"left\";\n\tconst rectWH = vertical ? \"height\" : \"width\";\n\n\tconst getFixedValue = () => {\n\t\tlet value = +state.value.toFixed(precision);\n\t\tvalue = Math.min(100, value);\n\t\tvalue = Math.max(0, value);\n\n\t\treturn value;\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!ref.current || !draggable) return;\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst rect = ref.current.getBoundingClientRect();\n\t\tconst value = ((e[pageXY] - rect[rectTL]) * 100) / rect[rectWH];\n\n\t\tObject.assign(state, {\n\t\t\tvalue: vertical ? 100 - value : value,\n\t\t\tsize: rect[rectWH],\n\t\t\tstart: rect[rectTL],\n\t\t\tdragging: true,\n\t\t});\n\t\tonDraggingChange?.(true);\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !draggable) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst { start, size } = state;\n\t\tconst offset = e[pageXY] - start;\n\n\t\tif (offset < 0 || offset > size) return;\n\n\t\tconst value = ((e[pageXY] - start) * 100) / size;\n\t\tstate.value = vertical ? 100 - value : value;\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.dragging || !draggable) return;\n\n\t\tonChange?.(getFixedValue());\n\t\tstate.dragging = false;\n\t\tonDraggingChange?.(false);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseEffect(() => {\n\t\tif (value > 100) {\n\t\t\tstate.value = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (value < 0) {\n\t\t\tstate.value = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.value = value;\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t{type === \"line\" && (\n\t\t\t\t<Line\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvertical={vertical}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t\tbarClass={barClass}\n\t\t\t\t\tdragging={state.dragging}\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\trenderCursor={renderCursor}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{type === \"circle\" && (\n\t\t\t\t<Circle\n\t\t\t\t\tvalue={state.value}\n\t\t\t\t\tcircleSize={circleSize}\n\t\t\t\t\tlineWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default Progress;\n"],"mappings":";;;;;;;AAOA,MAAM,YAAY,UAAgB;SAElC,QAAM,GACL,YAAM,GACL,aAAS,IACT,YAAY,GACZ,OACA,YAAY,MACZ,OAAK,QACL,UACA,UACA,OACA,aACA,WACA,cACA,UACA,qBACA;CAED,MAAI,MAAK,OAAA,KAAA;;EAET;EACA,UAAW;EACV,MAAK;EACL,OAAA;EACA,CAAA;CAED,MAAE,SAAA,WAAA,UAAA;;CAEF,MAAM,SAAS,WAAW,WAAW;CAErC,MAAM,sBAAqB;;AAE3B,UAAM,KAAA,IAAA,KAAiB,MAAK;AAC3B,UAAI,KAAS,IAAA,GAAM,MAAM;AAEzB,SAAO;;CAGR,MAAC,mBAAA,MAAA;;AAGA,MAAI,EAAC,QAAA,KAAA,EAAA,QAAA;EAIL,MAAA,OAAA,IAAA,QAAA,uBAAA;;AAGA,SAAM,OAAQ,OAAI;;GAElB,MAAO,KAAA;GACN,OAAO,KAAA;GACP,UAAU;GACV,CAAA;AACD,qBAAe,KAAA;;CAGhB,MAAC,mBAAA,MAAA;;AAED,IAAA,gBAAM;AAEL,MAAE,EAAA,QAAA,KAAA,EAAA,QAAA;EAIF,MAAA,EAAA,OAAA,SAAA;;AAGA,MAAA,SAAa,KAAI,SAAU,KAAK;EAEhC,MAAI,SAAY,EAAE,UAAS,SAAM,MAAM;;;CAIxC,MAAC,sBAAA;;AAGA,aAAW,eAAa,CAAA;;AAExB,qBAAW,MAAc;;AAG1B,cAAC,gBAAA;;AAGD,iBAAW;;AAEX,SAAA,QAAgB;AACf;;AAGA,MAAA,QAAA,GAAA;;AAEA;;AAGA,QAAA,QAAA;;AAGD,QAAA,qBAAA,OAAA;EAEA,WAAO,WAAA,iBAAA,WAAA,EACL,kBAAA,aACA,CAAA;EACI;;GAEJ,SAAO,oBAAA,QAAA;IAAK,WAAA;cAAA;IAAA,CAAA;GAEX,SAAS,UAAA,oBAAA,MAAA;IAEH;IACL;IACQ;IACE;IACV,UAAU,MAAC;IACX,OAAA,MAAU;IACA;IACV,aAAa;IACb,cAAc;IACd,CAAA;GAGD,SAAA,YAAA,oBAAA,QAAA;IAEA,OAAQ,MAAE;IACT;IACO;IACP,CAAA;GAEA"}

package/lib/es/components/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../../../packages/components/radio/radio.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport RadioItem from \"./item\";\nimport { IRadio } from \"./type\";\n\nfunction Radio(props: IRadio) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions,\n\t\tvalue,\n\t\ttype = \"default\",\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t} = props;\n\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (value, e) => {\n\t\tsetSelectedValue(value);\n\t\tonChange?.(value, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-radio i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-radio-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<span className='i-input-label-text'>\n\t\t\t\t\t{required && <span className='error'>*</span>}\n\t\t\t\t\t{label}\n\n\t\t\t\t\t{message && <p className='i-radio-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-radio-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-radio-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\tconst checked = selectedValue === option.value;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RadioItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</RadioItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nRadio.Item = RadioItem;\n\nexport default Radio;\n"],"mappings":";;;;;;AAQA,SAAS,MAAM,OAAe;CAC7B,MAAM,EACL,OACA,MACA,SACA,OACA,OAAO,WACP,SAAS,UACT,SACA,eAAe,MACf,aACA,UACA,UACA,WACA,YACA,aACG;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CAEzD,MAAM,mBAAmB,cAAc,aAAa,QAAQ,EAAE,CAAC,QAAQ,CAAC;CAExE,MAAM,gBAAgB,OAAO,MAAM;AAClC,mBAAiB,MAAM;AACvB,aAAW,OAAO,EAAE;;AAGrB,iBAAgB;AACf,mBAAiB,MAAM;IACrB,CAAC,MAAM,CAAC;AAEX,QACC,qBAAC,OAAD;EACC,WAAW,WACV,yBACA;IACE,WAAW,WAAW,WAAW;GAClC,kBAAkB;GAClB,EACD,UACA;YARF,CAUE,SACA,qBAAC,QAAD;GAAM,WAAU;aAAhB;IACE,YAAY,oBAAC,QAAD;KAAM,WAAU;eAAQ;KAAQ,CAAA;IAC5C;IAEA,WAAW,oBAAC,KAAD;KAAG,WAAU;eAAmB;KAAY,CAAA;IACnD;MAGP,oBAAC,OAAD;GACC,WAAW,WAAW,mBAAmB;IACxC,mBAAmB,CAAC;IACpB,0BAA0B,SAAS;IACnC,CAAC;aAED,iBAAiB,KAAK,WAAW;IACjC,MAAM,UAAU,kBAAkB,OAAO;AAEzC,WACC,oBAAC,WAAD;KAEO;KACN,OAAO,OAAO;KACL;KACH;KACN,UAAU,YAAY,OAAO;KAC7B,UAAU;eAET,cAAc,OAAO;KACZ,EATL,OAAO,MASF;KAEX;GACE,CAAA,CACD;;;AAIP,MAAM,OAAO"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../../../packages/components/radio/radio.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport \"./index.css\";\nimport RadioItem from \"./item\";\nimport { IRadio } from \"./type\";\n\nfunction Radio(props: IRadio) {\n\tconst {\n\t\tlabel,\n\t\tname,\n\t\toptions,\n\t\tvalue,\n\t\ttype = \"default\",\n\t\tstatus = \"normal\",\n\t\tmessage,\n\t\toptionInline = true,\n\t\tlabelInline,\n\t\tdisabled,\n\t\trequired,\n\t\tclassName,\n\t\trenderItem,\n\t\tonChange,\n\t} = props;\n\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst handleChange = (value, e) => {\n\t\tsetSelectedValue(value);\n\t\tonChange?.(value, e);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-radio i-input-label\",\n\t\t\t\t{\n\t\t\t\t\t[`i-radio-${status}`]: status !== \"normal\",\n\t\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<span className='i-input-label-text'>\n\t\t\t\t\t{required && <span className='error'>*</span>}\n\t\t\t\t\t{label}\n\n\t\t\t\t\t{message && <p className='i-radio-message'>{message}</p>}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-radio-options\", {\n\t\t\t\t\t\"i-options-block\": !optionInline,\n\t\t\t\t\t\"i-radio-options-button\": type === \"button\",\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{formattedOptions.map((option) => {\n\t\t\t\t\tconst checked = selectedValue === option.value;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RadioItem\n\t\t\t\t\t\t\tkey={option.value as string}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderItem ?? option.label}\n\t\t\t\t\t\t</RadioItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nRadio.Item = RadioItem;\n\nexport default Radio;\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,OAAe;SAE9B,OACC,MACC,SACA,OACA,OAAO,WACP,SAAK,UACL,SACA,eAAU,MACV,aACA,UACA,UACA,WACA,YACA,aACA;CAED,MAAI,CAAA,eAAK,oBAAA,SAAA,MAAA;CAET,MAAM,mBAAgB,cAAiB,aAAY,QAAM,EAAA,CAAA,QAAA,CAAA;CAEzD,MAAM,gBAAgB,OAAG,MAAU;;AAEnC,aAAM,OAAa,EAAE;;AAGrB,iBAAC;;IAED,CAAA,MAAU,CAAC;AAEX,QAAA,qBAAA,OAAA;EAEA,WAAO,WACL,yBACA;IACG,WAAS,WAAY,WAAA;GACvB,kBAAA;GACC,EACD,UACA;aAEA,SACF,qBAAA,QAAA;GAAA,WAAA;aAAA;IACE,YAAS,oBAAA,QAAA;KAAA,WAAA;eAAA;KAAA,CAAA;IACR;IAEC,WAAK,oBAAA,KAAA;KAAA,WAAA;eAAA;KAAA,CAAA;;MAIR,oBAAC,OAAD;;IAEC,mBAAA,CAAA;IACA,0BAAyB,SAAM;IAC9B,CAAC;aAED,iBAAC,KAAA,WAAA;IACH,MAAA,UAAA,kBAAA,OAAA;AAEE,WAAA,oBAAA,WAAA;KAGE;KACA,OAAK,OAAO;KACN;KACA;KACN,UAAS,YAAO,OAAA;KAChB,UAAU;eAEV,cAAU,OAAY;KACvB,EATM,OAAA,MASN;KAEA;GACA,CAAA,CACA;;;AAIN,MAAA,OAAA"}

package/lib/es/components/resizable/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","names":[],"sources":["../../../../packages/components/resizable/resizable.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IResizable } from \"./type\";\n\nconst Resizable = (props: IResizable) => {\n\tconst {\n\t\tother,\n\t\tchildren,\n\t\tvertical,\n\t\theight,\n\t\tsize = \"auto\",\n\t\tminSize = 0,\n\t\tmaxSize = \"100%\",\n\t\tstyle,\n\t\tline,\n\t\tclassName,\n\t\tasPercent,\n\t\tonResize,\n\t\tonResizeComplete,\n\t} = props;\n\n\tconst state = useReactive({\n\t\tsize,\n\t\tresizing: false,\n\t\tstart: 0,\n\t\ttotal: 0,\n\t});\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst handleMouseDown = () => {\n\t\tconst rect = ref.current?.getBoundingClientRect();\n\t\tif (!rect) return;\n\n\t\tstate.resizing = true;\n\n\t\tif (vertical) {\n\t\t\tstate.total = rect.height;\n\t\t\tstate.start = rect.top;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.total = rect.width;\n\t\tstate.start = rect.left;\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst d = e[vertical ? \"pageY\" : \"pageX\"];\n\t\tconst offset = d - state.start;\n\n\t\tstate.size = asPercent ? `${(offset / state.total) * 100}%` : offset;\n\t\tonResize?.(state.size);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tonResizeComplete?.(state.size);\n\t};\n\n\tuseMouseUp(handleMouseUp);\n\tuseMouseMove(handleMouseMove);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-resizable\", className, {\n\t\t\t\t[`i-resizable-vertical`]: vertical,\n\t\t\t})}\n\t\t\tstyle={{ ...style, height }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-resizable-a'\n\t\t\t\tstyle={{\n\t\t\t\t\t[vertical ? \"height\" : \"width\"]: state.size,\n\t\t\t\t\t[vertical ? \"minHeight\" : \"minWidth\"]: minSize,\n\t\t\t\t\t[vertical ? \"maxHeight\" : \"maxWidth\"]: maxSize,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{other}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-resizable-line\", {\n\t\t\t\t\t[`i-resizable-resizing`]: state.resizing,\n\t\t\t\t})}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t<div className='i-resizable-line-node'>{line}</div>\n\t\t\t</div>\n\n\t\t\t<div className='i-resizable-b'>{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Resizable;\n"],"mappings":";;;;;AAMA,MAAM,aAAa,UAAsB;CACxC,MAAM,EACL,OACA,UACA,UACA,QACA,OAAO,QACP,UAAU,GACV,UAAU,QACV,OACA,MACA,WACA,WACA,UACA,qBACG;CAEJ,MAAM,QAAQ,YAAY;EACzB;EACA,UAAU;EACV,OAAO;EACP,OAAO;EACP,CAAC;CAEF,MAAM,MAAM,OAAuB,KAAK;CAExC,MAAM,wBAAwB;EAC7B,MAAM,OAAO,IAAI,SAAS,uBAAuB;AACjD,MAAI,CAAC,KAAM;AAEX,QAAM,WAAW;AAEjB,MAAI,UAAU;AACb,SAAM,QAAQ,KAAK;AACnB,SAAM,QAAQ,KAAK;AACnB;;AAGD,QAAM,QAAQ,KAAK;AACnB,QAAM,QAAQ,KAAK;;CAGpB,MAAM,mBAAmB,MAAM;AAC9B,MAAI,CAAC,MAAM,SAAU;AAErB,IAAE,gBAAgB;AAElB,MAAI,EAAE,QACL,KAAI,EAAE,QAAQ;EAIf,MAAM,SADI,EAAE,WAAW,UAAU,WACd,MAAM;AAEzB,QAAM,OAAO,YAAY,GAAI,SAAS,MAAM,QAAS,IAAI,KAAK;AAC9D,aAAW,MAAM,KAAK;;CAGvB,MAAM,sBAAsB;AAC3B,MAAI,CAAC,MAAM,SAAU;AAErB,QAAM,WAAW;AACjB,qBAAmB,MAAM,KAAK;;AAG/B,YAAW,cAAc;AACzB,cAAa,gBAAgB;AAE7B,QACC,qBAAC,OAAD;EACM;EACL,WAAW,WAAW,eAAe,WAAW,GAC9C,yBAAyB,UAC1B,CAAC;EACF,OAAO;GAAE,GAAG;GAAO;GAAQ;YAL5B;GAOC,oBAAC,OAAD;IACC,WAAU;IACV,OAAO;MACL,WAAW,WAAW,UAAU,MAAM;MACtC,WAAW,cAAc,aAAa;MACtC,WAAW,cAAc,aAAa;KACvC;cAEA;IACG,CAAA;GAEL,oBAAC,OAAD;IACC,WAAW,WAAW,oBAAoB,GACxC,yBAAyB,MAAM,UAChC,CAAC;IACF,aAAa;IACb,cAAc;IACd,gBAAgB,MAAM,EAAE,gBAAgB;cAExC,oBAAC,OAAD;KAAK,WAAU;eAAyB;KAAU,CAAA;IAC9C,CAAA;GAEL,oBAAC,OAAD;IAAK,WAAU;IAAiB;IAAc,CAAA;GAC1C"}
+{"version":3,"file":"resizable.js","names":[],"sources":["../../../../packages/components/resizable/resizable.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useRef } from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IResizable } from \"./type\";\n\nconst Resizable = (props: IResizable) => {\n\tconst {\n\t\tother,\n\t\tchildren,\n\t\tvertical,\n\t\theight,\n\t\tsize = \"auto\",\n\t\tminSize = 0,\n\t\tmaxSize = \"100%\",\n\t\tstyle,\n\t\tline,\n\t\tclassName,\n\t\tasPercent,\n\t\tonResize,\n\t\tonResizeComplete,\n\t} = props;\n\n\tconst state = useReactive({\n\t\tsize,\n\t\tresizing: false,\n\t\tstart: 0,\n\t\ttotal: 0,\n\t});\n\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst handleMouseDown = () => {\n\t\tconst rect = ref.current?.getBoundingClientRect();\n\t\tif (!rect) return;\n\n\t\tstate.resizing = true;\n\n\t\tif (vertical) {\n\t\t\tstate.total = rect.height;\n\t\t\tstate.start = rect.top;\n\t\t\treturn;\n\t\t}\n\n\t\tstate.total = rect.width;\n\t\tstate.start = rect.left;\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.resizing) return;\n\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst d = e[vertical ? \"pageY\" : \"pageX\"];\n\t\tconst offset = d - state.start;\n\n\t\tstate.size = asPercent ? `${(offset / state.total) * 100}%` : offset;\n\t\tonResize?.(state.size);\n\t};\n\n\tconst handleMouseUp = () => {\n\t\tif (!state.resizing) return;\n\n\t\tstate.resizing = false;\n\t\tonResizeComplete?.(state.size);\n\t};\n\n\tuseMouseUp(handleMouseUp);\n\tuseMouseMove(handleMouseMove);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={classNames(\"i-resizable\", className, {\n\t\t\t\t[`i-resizable-vertical`]: vertical,\n\t\t\t})}\n\t\t\tstyle={{ ...style, height }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-resizable-a'\n\t\t\t\tstyle={{\n\t\t\t\t\t[vertical ? \"height\" : \"width\"]: state.size,\n\t\t\t\t\t[vertical ? \"minHeight\" : \"minWidth\"]: minSize,\n\t\t\t\t\t[vertical ? \"maxHeight\" : \"maxWidth\"]: maxSize,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{other}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-resizable-line\", {\n\t\t\t\t\t[`i-resizable-resizing`]: state.resizing,\n\t\t\t\t})}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t>\n\t\t\t\t<div className='i-resizable-line-node'>{line}</div>\n\t\t\t</div>\n\n\t\t\t<div className='i-resizable-b'>{children}</div>\n\t\t</div>\n\t);\n};\n\nexport default Resizable;\n"],"mappings":";;;;;;CAMA,MAAM,EACL,OACC,UACA,UACA,QACA,OAAM,QACN,UAAQ,GACR,UAAU,QACV,OACA,MACA,WACA,WACA,UACA,qBACA;;EAGD;EACC,UAAI;EACJ,OAAA;EACA,OAAO;EACP,CAAA;;;EAKD,MAAM,OAAA,IAAA,SAAqB,uBAAG;AAC7B,MAAA,CAAK,KAAM;;;AAKX,SAAI,QAAU,KAAA;AACb,SAAM,QAAQ,KAAK;AACnB;;;AAID,QAAM,QAAQ,KAAK;;;AAIpB,MAAK,CAAC,MAAA,SAAgB;;gBAKrB,KAAK,EAAC,QAAS;EAIf,MAAM,SAAA,EAAA,WAAA,UAAA,WAAM,MAAY;;AAGxB,aAAW,MAAE,KAAS;;;AAIvB,MAAK,CAAC,MAAA,SAAgB;;AAGrB,qBAAiB,MAAK,KAAA;;;AAIvB,cAAW,gBAAc;QAGzB,qBAAA,OAAA;EACE;EACA,WAAQ,WAAA,eAAA,WAAA,GACR,yBAAyB,UACxB,CAAC;EACF,OAAE;GAAA,GAAA;GAAA;GAAA;YALJ;GAOC,oBAAA,OAAA;IACE,WAAA;IACA,OAAA;MACA,WAAO,WAAA,UAAA,MAAA;MACL,WAAW,cAAY,aAAe;MACtC,WAAW,cAAc,aAAa;KACvC;cAEF;IACE,CAAA;;IAGD,WAAA,WAAA,oBAAA,GACA,yBAAyB,MAAA,UACxB,CAAC;IACF,aAAE;IACF,cAAa;IACb,gBAAc,MAAA,EAAA,gBAAe;cAE9B,oBAAA,OAAA;KAAA,WAAA;eAAA;KAAA,CAAA;IACM,CAAA;;;;;GAGD"}

package/lib/es/components/river/river.js.map

@@ -1 +1 @@
-{"version":3,"file":"river.js","names":[],"sources":["../../../../packages/components/river/river.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IRiver } from \"./type\";\n\nconst River = (props: IRiver) => {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tspeed = 1,\n\t\tpauseOnHover,\n\t\t...restProps\n\t} = props;\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<any>({\n\t\tinitialized: false,\n\t\toffset: 0,\n\t\tqueue: [],\n\t\tpaddingLeft: 0,\n\t\tpause: false,\n\t});\n\tconst rafRef = useRef<any>(null);\n\tconst sizeRef = useRef<number[]>([]);\n\tconst [items, length] = useMemo(() => {\n\t\tconst nodes = Children.toArray(children);\n\n\t\treturn [nodes, nodes.length];\n\t}, [children]);\n\n\tconst animate = () => {\n\t\tif (!trackRef.current) return;\n\n\t\tlet next = state.offset - speed;\n\t\tconst d = Math.abs(next);\n\t\tconst [head, ...restQueue] = state.queue;\n\t\tconst size = sizeRef.current.at(head % length) ?? 0;\n\n\t\tif (d > size) {\n\t\t\tconst tail = state.queue.at(-1);\n\t\t\tconst newQueue = [...restQueue, tail + 1];\n\n\t\t\tstate.queue = newQueue;\n\t\t\tnext += size;\n\t\t}\n\n\t\tstate.offset = next;\n\n\t\tif (!state.pause) {\n\t\t\trafRef.current = requestAnimationFrame(animate);\n\t\t}\n\t};\n\n\tconst cancelRaf = () => {\n\t\tif (!rafRef.current) return;\n\n\t\tcancelAnimationFrame(rafRef.current);\n\t\trafRef.current = null;\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = true;\n\t\tcancelRaf();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = false;\n\t\trafRef.current = requestAnimationFrame(animate);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tif (!trackRef.current) return;\n\n\t\tconst pa = trackRef.current.offsetParent as HTMLDivElement;\n\t\tconst parentWidth = pa.offsetWidth;\n\t\tconst nodes = Array.from(trackRef.current.childNodes);\n\t\tconst length = nodes.length;\n\n\t\tif (length < 2) return;\n\n\t\tlet contentWidth = trackRef.current.scrollWidth;\n\t\tlet count = 0;\n\t\tconst tails: number[] = [];\n\n\t\tconst sizes = nodes.map((node: any) => {\n\t\t\treturn node.offsetWidth;\n\t\t});\n\t\tsizeRef.current = sizes;\n\n\t\twhile (contentWidth < parentWidth) {\n\t\t\tconst w = sizes.at(count % length) ?? 0;\n\t\t\ttails.push(length + count);\n\t\t\tcontentWidth += w;\n\t\t\tcount += 1;\n\t\t}\n\n\t\tstate.offset = -1 * sizes.at(-1);\n\t\tstate.queue = [-1, ...sizes.map((_, i) => i), ...tails];\n\n\t\tanimate();\n\t\tstate.initialized = true;\n\n\t\treturn () => {\n\t\t\tstate.queue = [];\n\t\t\tstate.initialized = false;\n\t\t\tstate.offset = 0;\n\n\t\t\tcancelRaf();\n\t\t};\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\t{...restProps}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-river\",\n\t\t\t\t{\n\t\t\t\t\t\"i-river-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName='i-river-track'\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate3d(${state.offset}px, 0, 0)`,\n\t\t\t\t\tpaddingLeft: state.paddingLeft,\n\t\t\t\t}}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t{!state.initialized &&\n\t\t\t\t\tChildren.map(children, (item, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={i}>\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t{state.initialized &&\n\t\t\t\t\tstate.queue.map((index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={index}>\n\t\t\t\t\t\t\t\t{items.at(index % items.length)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default River;\n"],"mappings":"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"}
+{"version":3,"file":"river.js","names":[],"sources":["../../../../packages/components/river/river.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useReactive } from \"../../js/hooks\";\nimport \"./index.css\";\nimport { IRiver } from \"./type\";\n\nconst River = (props: IRiver) => {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tspeed = 1,\n\t\tpauseOnHover,\n\t\t...restProps\n\t} = props;\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst state = useReactive<any>({\n\t\tinitialized: false,\n\t\toffset: 0,\n\t\tqueue: [],\n\t\tpaddingLeft: 0,\n\t\tpause: false,\n\t});\n\tconst rafRef = useRef<any>(null);\n\tconst sizeRef = useRef<number[]>([]);\n\tconst [items, length] = useMemo(() => {\n\t\tconst nodes = Children.toArray(children);\n\n\t\treturn [nodes, nodes.length];\n\t}, [children]);\n\n\tconst animate = () => {\n\t\tif (!trackRef.current) return;\n\n\t\tlet next = state.offset - speed;\n\t\tconst d = Math.abs(next);\n\t\tconst [head, ...restQueue] = state.queue;\n\t\tconst size = sizeRef.current.at(head % length) ?? 0;\n\n\t\tif (d > size) {\n\t\t\tconst tail = state.queue.at(-1);\n\t\t\tconst newQueue = [...restQueue, tail + 1];\n\n\t\t\tstate.queue = newQueue;\n\t\t\tnext += size;\n\t\t}\n\n\t\tstate.offset = next;\n\n\t\tif (!state.pause) {\n\t\t\trafRef.current = requestAnimationFrame(animate);\n\t\t}\n\t};\n\n\tconst cancelRaf = () => {\n\t\tif (!rafRef.current) return;\n\n\t\tcancelAnimationFrame(rafRef.current);\n\t\trafRef.current = null;\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = true;\n\t\tcancelRaf();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\n\t\tstate.pause = false;\n\t\trafRef.current = requestAnimationFrame(animate);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tif (!trackRef.current) return;\n\n\t\tconst pa = trackRef.current.offsetParent as HTMLDivElement;\n\t\tconst parentWidth = pa.offsetWidth;\n\t\tconst nodes = Array.from(trackRef.current.childNodes);\n\t\tconst length = nodes.length;\n\n\t\tif (length < 2) return;\n\n\t\tlet contentWidth = trackRef.current.scrollWidth;\n\t\tlet count = 0;\n\t\tconst tails: number[] = [];\n\n\t\tconst sizes = nodes.map((node: any) => {\n\t\t\treturn node.offsetWidth;\n\t\t});\n\t\tsizeRef.current = sizes;\n\n\t\twhile (contentWidth < parentWidth) {\n\t\t\tconst w = sizes.at(count % length) ?? 0;\n\t\t\ttails.push(length + count);\n\t\t\tcontentWidth += w;\n\t\t\tcount += 1;\n\t\t}\n\n\t\tstate.offset = -1 * sizes.at(-1);\n\t\tstate.queue = [-1, ...sizes.map((_, i) => i), ...tails];\n\n\t\tanimate();\n\t\tstate.initialized = true;\n\n\t\treturn () => {\n\t\t\tstate.queue = [];\n\t\t\tstate.initialized = false;\n\t\t\tstate.offset = 0;\n\n\t\t\tcancelRaf();\n\t\t};\n\t}, [children]);\n\n\treturn (\n\t\t<div\n\t\t\t{...restProps}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-river\",\n\t\t\t\t{\n\t\t\t\t\t\"i-river-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName='i-river-track'\n\t\t\t\tstyle={{\n\t\t\t\t\ttransform: `translate3d(${state.offset}px, 0, 0)`,\n\t\t\t\t\tpaddingLeft: state.paddingLeft,\n\t\t\t\t}}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t{!state.initialized &&\n\t\t\t\t\tChildren.map(children, (item, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={i}>\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t{state.initialized &&\n\t\t\t\t\tstate.queue.map((index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div className='i-river-item' key={index}>\n\t\t\t\t\t\t\t\t{items.at(index % items.length)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default River;\n"],"mappings":";;;;;;CAMA,MAAM,EACL,UACC,WACA,QAAA,GACA,cACA,GAAA,cACG;CACJ,MAAI,WAAK,OAAA,KAAA;CACT,MAAM,QAAQ,YAAU;EACxB,aAAc;EACb,QAAA;EACA,OAAO,EAAE;EACT,aAAS;EACT,OAAA;EACA,CAAA;CACD,MAAE,SAAA,OAAA,KAAA;CACF,MAAM,UAAS,OAAiB,EAAA,CAAA;CAChC,MAAM,CAAA,OAAQ,UAAS,cAAa;EACpC,MAAO,QAAO,SAAU,QAAQ,SAAM;;IAGrC,CAAA,SAAQ,CAAK;;AAGd,MAAK,CAAC,SAAS,QAAO;;EAGrB,MAAI,IAAM,KAAC,IAAM,KAAO;EACxB,MAAM,CAAC,MAAG,GAAK,aAAS,MAAA;EACxB,MAAM,OAAO,QAAG,QAAa,GAAA,OAAM,OAAK,IAAA;;GAGxC,MAAO,OAAO,MAAA,MAAA,GAAA,GAAA;iBACA,CAAK,GAAC,WAAY,OAAA,EAAA;AAG/B,WAAM;;;mBAMP,QAAK,UAAa,sBAAA,QAAA;;;AAKnB,MAAK,CAAC,OAAA,QAAgB;;AAGrB,SAAA,UAAA;;;AAID,MAAK,CAAC,aAAA;;AAGL,aAAW;;;AAIZ,MAAK,CAAC,aAAA;;AAGL,SAAM,UAAQ,sBAAK,QAAA;;;AAIpB,MAAA,CAAA,SAAe,QAAO;EAGrB,MAAM,cAAA,SAAA,QAAA,aAAc;EACpB,MAAM,QAAA,MAAc,KAAG,SAAW,QAAA,WAAA;EAClC,MAAM,SAAQ,MAAM;;;EAKpB,IAAI,QAAA;EACJ,MAAI,QAAS,EAAA;;AAGb,UAAM,KAAO;IACZ;AACD,UAAE,UAAA;;GAGF,MAAO,IAAA,MAAA,GAAa,QAAE,OAAa,IAAA;AAClC,SAAM,KAAI,SAAS,MAAO;AAC1B,mBAAW;AACX,YAAA;;;AAID,QAAM,QAAQ;GAAC;GAAI,GAAC,MAAQ,KAAI,GAAA,MAAA,EAAA;GAAA,GAAA;GAAA;;AAGhC,QAAA,cAAS;;AAGT,SAAO,QAAM,EAAA;AACZ,SAAM,cAAU;AAChB,SAAM,SAAA;;;IAIN,CAAA,SAAA,CAAA;QAGF,oBAAA,OAAA;EACE,GAAA;EACA,WAAI,WACJ,WACC,EACA,uBAAA,MAAA,aACC,EACD,UACA;YAEF,qBAAA,OAAA;GACE,KAAA;GACA,WAAK;GACL,OAAA;IACA,WAAO,eAAA,MAAA,OAAA;IACN,aAAY,MAAA;IACZ;GACD,aAAC;GACD,cAAa;aARf,CAUC,CAAA,MAAA,eACE,SAAO,IAAA,WAAa,MAAA,MAAA;AACpB,WACC,oBAAA,OAAA;KAAM,WAAC;eACL;KACK,EAFA,EAEA;KAEN,EAAA,MAAA,eAGF,MAAM,MAAA,KAAW,UAAE;AACnB,WACC,oBAAA,OAAA;KAAM,WAAC;eACL,MAAI,GAAA,QAAa,MAAM,OAAM;KAC5B,EAFI,MAEJ;KAEF,CACA;;EACC,CAAA"}

package/lib/es/components/select/options.js

@@ -3,7 +3,7 @@ import Empty from "../utils/empty/index.js";
 import list_default from "../list/index.js";
 import tag_default from "../tag/index.js";
 import classNames from "classnames";
-import { CheckRound, SearchRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CheckRound, SearchRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/select/options.tsx
 const Options = (props) => {

package/lib/es/components/select/select.js

@@ -5,7 +5,7 @@ import { Options, displayValue } from "./options.js";
 import classNames from "classnames";
 import { debounce } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
 import { useEffect, useMemo, useState } from "react";
-import { UnfoldMoreRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { UnfoldMoreRound } from "@ricons/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/select/select.tsx
 const Select = (props) => {

package/lib/es/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../../packages/components/select/select.tsx"],"sourcesContent":["import { UnfoldMoreRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport { TOption } from \"../../type\";\nimport Popup from \"../popup\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { Options, displayValue } from \"./options\";\nimport { ISelect } from \"./type\";\n\nconst Select = (props: ISelect) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tname,\n\t\tlabel,\n\t\tvalue = \"\",\n\t\tplaceholder,\n\t\toptions = [],\n\t\tmultiple,\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tstyle,\n\t\tclassName,\n\t\tmessage,\n\t\tstatus = \"normal\",\n\t\thideClear,\n\t\thideArrow,\n\t\tmaxDisplay,\n\t\tborder,\n\t\tfilter,\n\t\ttip,\n\t\tfilterPlaceholder = \"...\",\n\t\tpopupProps,\n\t\tonSelect,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [filterValue, setFilterValue] = useState(\"\");\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst filterOptions = useMemo(() => {\n\t\tconst fv = filterValue;\n\t\tif (!fv || !filter) return formattedOptions;\n\n\t\tconst filterFn =\n\t\t\ttypeof filter === \"function\"\n\t\t\t\t? filter\n\t\t\t\t: (opt) => opt.value.includes(fv) || opt.label.includes(fv);\n\n\t\treturn formattedOptions.filter(filterFn);\n\t}, [formattedOptions, filter, filterValue]);\n\n\tconst changeValue = (v: any) => {\n\t\tsetSelectedValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst displayLabel = useMemo(() => {\n\t\tif (multiple) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst option = formattedOptions.find(\n\t\t\t(opt) => opt.value === selectedValue\n\t\t);\n\t\treturn option ? option.label : selectedValue;\n\t}, [selectedValue, formattedOptions]);\n\n\tconst handleSelect = (value: any, option?: TOption) => {\n\t\tonSelect?.(value, option);\n\n\t\tif (multiple) {\n\t\t\tconst values = [...(selectedValue as any[])];\n\t\t\tconst i = values.findIndex((v) => v === value);\n\n\t\t\ti > -1 ? values.splice(i, 1) : values.push(value);\n\t\t\tchangeValue(values as any);\n\n\t\t\treturn;\n\t\t}\n\n\t\tsetActive(false);\n\t\tchangeValue(value);\n\t};\n\n\tconst handleVisibleChange = (visible: boolean) => {\n\t\tsetActive(visible);\n\n\t\tif (!filter) return;\n\n\t\tsetFilterValue(\"\");\n\t};\n\n\tconst handleHelperClick = (e) => {\n\t\te.stopPropagation();\n\t\tsetActive(true);\n\t\tif (!active) return;\n\n\t\tchangeValue(multiple ? [] : \"\");\n\t};\n\n\tconst handleFilterChange = debounce(\n\t\t{ delay: 400 },\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst v = e.target.value;\n\t\t\tsetFilterValue(v);\n\t\t}\n\t);\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetFilterValue(e.target.value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\tconst hasValue = multiple\n\t\t? (selectedValue as any[]).length > 0\n\t\t: !!selectedValue;\n\tconst clearable = !hideClear && active && hasValue;\n\tconst text = message ?? tip;\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t<Popup\n\t\t\t\tposition='bottom'\n\t\t\t\tarrow={false}\n\t\t\t\tfitSize\n\t\t\t\toffset={0}\n\t\t\t\t{...popupProps}\n\t\t\t\tvisible={active}\n\t\t\t\ttrigger='none'\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t\tcontent={\n\t\t\t\t\t<Options\n\t\t\t\t\t\toptions={filterOptions}\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\tfilter={!!filter}\n\t\t\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\tonFilter={handleFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\t\"i-input-focus\": active,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={() => setActive(true)}\n\t\t\t\t>\n\t\t\t\t\t{prepend}\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\thasValue ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-input i-select\", {\n\t\t\t\t\t\t\t\t\t\"i-select-multiple\": multiple,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{displayValue({\n\t\t\t\t\t\t\t\t\toptions: formattedOptions,\n\t\t\t\t\t\t\t\t\tvalue: selectedValue,\n\t\t\t\t\t\t\t\t\tmultiple,\n\t\t\t\t\t\t\t\t\tmaxDisplay,\n\t\t\t\t\t\t\t\t\tonSelect: handleSelect,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!multiple && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tvalue={active ? filterValue : displayLabel}\n\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\tplaceholder={displayLabel || placeholder}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\treadOnly={!filter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideArrow}\n\t\t\t\t\t\ticon={clearable ? undefined : <UnfoldMoreRound />}\n\t\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{append}\n\t\t\t\t</div>\n\t\t\t</Popup>\n\n\t\t\t{text && <span className='i-input-message'>{text}</span>}\n\t\t</label>\n\t);\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../../packages/components/select/select.tsx"],"sourcesContent":["import { UnfoldMoreRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport \"../../css/input.css\";\nimport { formatOption } from \"../../js/utils\";\nimport { TOption } from \"../../type\";\nimport Popup from \"../popup\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { Options, displayValue } from \"./options\";\nimport { ISelect } from \"./type\";\n\nconst Select = (props: ISelect) => {\n\tconst {\n\t\tref,\n\t\ttype = \"text\",\n\t\tname,\n\t\tlabel,\n\t\tvalue = \"\",\n\t\tplaceholder,\n\t\toptions = [],\n\t\tmultiple,\n\t\tprepend,\n\t\tappend,\n\t\tlabelInline,\n\t\tstyle,\n\t\tclassName,\n\t\tmessage,\n\t\tstatus = \"normal\",\n\t\thideClear,\n\t\thideArrow,\n\t\tmaxDisplay,\n\t\tborder,\n\t\tfilter,\n\t\ttip,\n\t\tfilterPlaceholder = \"...\",\n\t\tpopupProps,\n\t\tonSelect,\n\t\tonChange,\n\t\t...restProps\n\t} = props;\n\n\tconst [filterValue, setFilterValue] = useState(\"\");\n\tconst [selectedValue, setSelectedValue] = useState(value);\n\n\tconst [active, setActive] = useState<boolean>(false);\n\n\tconst formattedOptions = useMemo(() => formatOption(options), [options]);\n\n\tconst filterOptions = useMemo(() => {\n\t\tconst fv = filterValue;\n\t\tif (!fv || !filter) return formattedOptions;\n\n\t\tconst filterFn =\n\t\t\ttypeof filter === \"function\"\n\t\t\t\t? filter\n\t\t\t\t: (opt) => opt.value.includes(fv) || opt.label.includes(fv);\n\n\t\treturn formattedOptions.filter(filterFn);\n\t}, [formattedOptions, filter, filterValue]);\n\n\tconst changeValue = (v: any) => {\n\t\tsetSelectedValue(v);\n\t\tonChange?.(v);\n\t};\n\n\tconst displayLabel = useMemo(() => {\n\t\tif (multiple) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst option = formattedOptions.find(\n\t\t\t(opt) => opt.value === selectedValue\n\t\t);\n\t\treturn option ? option.label : selectedValue;\n\t}, [selectedValue, formattedOptions]);\n\n\tconst handleSelect = (value: any, option?: TOption) => {\n\t\tonSelect?.(value, option);\n\n\t\tif (multiple) {\n\t\t\tconst values = [...(selectedValue as any[])];\n\t\t\tconst i = values.findIndex((v) => v === value);\n\n\t\t\ti > -1 ? values.splice(i, 1) : values.push(value);\n\t\t\tchangeValue(values as any);\n\n\t\t\treturn;\n\t\t}\n\n\t\tsetActive(false);\n\t\tchangeValue(value);\n\t};\n\n\tconst handleVisibleChange = (visible: boolean) => {\n\t\tsetActive(visible);\n\n\t\tif (!filter) return;\n\n\t\tsetFilterValue(\"\");\n\t};\n\n\tconst handleHelperClick = (e) => {\n\t\te.stopPropagation();\n\t\tsetActive(true);\n\t\tif (!active) return;\n\n\t\tchangeValue(multiple ? [] : \"\");\n\t};\n\n\tconst handleFilterChange = debounce(\n\t\t{ delay: 400 },\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst v = e.target.value;\n\t\t\tsetFilterValue(v);\n\t\t}\n\t);\n\n\tconst handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetFilterValue(e.target.value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(value);\n\t}, [value]);\n\n\tconst hasValue = multiple\n\t\t? (selectedValue as any[]).length > 0\n\t\t: !!selectedValue;\n\tconst clearable = !hideClear && active && hasValue;\n\tconst text = message ?? tip;\n\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(\"i-input-label\", className, {\n\t\t\t\t\"i-input-inline\": labelInline,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{label && <span className='i-input-label-text'>{label}</span>}\n\n\t\t\t<Popup\n\t\t\t\tposition='bottom'\n\t\t\t\tarrow={false}\n\t\t\t\tfitSize\n\t\t\t\toffset={0}\n\t\t\t\t{...popupProps}\n\t\t\t\tvisible={active}\n\t\t\t\ttrigger='none'\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t\tcontent={\n\t\t\t\t\t<Options\n\t\t\t\t\t\toptions={filterOptions}\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\tfilter={!!filter}\n\t\t\t\t\t\tfilterPlaceholder={filterPlaceholder}\n\t\t\t\t\t\tonSelect={handleSelect}\n\t\t\t\t\t\tonFilter={handleFilterChange}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-input-item\", {\n\t\t\t\t\t\t[`i-input-${status}`]: status !== \"normal\",\n\t\t\t\t\t\t\"i-input-borderless\": !border,\n\t\t\t\t\t\t\"i-input-focus\": active,\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={() => setActive(true)}\n\t\t\t\t>\n\t\t\t\t\t{prepend}\n\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\ttype='hidden'\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\thasValue ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-input i-select\", {\n\t\t\t\t\t\t\t\t\t\"i-select-multiple\": multiple,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{displayValue({\n\t\t\t\t\t\t\t\t\toptions: formattedOptions,\n\t\t\t\t\t\t\t\t\tvalue: selectedValue,\n\t\t\t\t\t\t\t\t\tmultiple,\n\t\t\t\t\t\t\t\t\tmaxDisplay,\n\t\t\t\t\t\t\t\t\tonSelect: handleSelect,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\treadOnly\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : null}\n\n\t\t\t\t\t{!multiple && (\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tvalue={active ? filterValue : displayLabel}\n\t\t\t\t\t\t\tclassName='i-input i-select'\n\t\t\t\t\t\t\tplaceholder={displayLabel || placeholder}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\treadOnly={!filter}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Helpericon\n\t\t\t\t\t\tactive={!hideArrow}\n\t\t\t\t\t\ticon={clearable ? undefined : <UnfoldMoreRound />}\n\t\t\t\t\t\tonClick={handleHelperClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{append}\n\t\t\t\t</div>\n\t\t\t</Popup>\n\n\t\t\t{text && <span className='i-input-message'>{text}</span>}\n\t\t</label>\n\t);\n};\n\nexport default Select;\n"],"mappings":"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"}

package/lib/es/components/step/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":[],"sources":["../../../../packages/components/step/divider.tsx"],"sourcesContent":["import \"./index.css\";\n\nexport default function Divider() {\n\treturn <i className='i-step-divider' />;\n}\n"],"mappings":";;AAEA,SAAwB,UAAU;AACjC,QAAO,oBAAC,KAAD,EAAG,WAAU,kBAAmB,CAAA"}
+{"version":3,"file":"divider.js","names":[],"sources":["../../../../packages/components/step/divider.tsx"],"sourcesContent":["import \"./index.css\";\n\nexport default function Divider() {\n\treturn <i className='i-step-divider' />;\n}\n"],"mappings":";;AAAA,SAAoB,UAAA"}

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

@@ -1,6 +1,6 @@
 import Divider from "./divider.js";
 import classNames from "classnames";
-import { CheckRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { CheckRound } from "@ricons/material";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/step/item.tsx
 const STATUS = [

package/lib/es/components/step/step.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.js","names":[],"sources":["../../../../packages/components/step/step.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, ReactNode, useMemo } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IStep } from \"./type\";\n\nconst Step = (props: IStep) => {\n\tconst {\n\t\tactive = 0,\n\t\tvertical,\n\t\trenderIcon,\n\t\tline,\n\t\tstyle,\n\t\tasList,\n\t\tclassName,\n\t\tchildren,\n\t\tonClick,\n\t} = props;\n\n\tconst steps = useMemo(() => {\n\t\tconst nodes: ReactNode[] = [];\n\t\tlet index = 0;\n\n\t\tChildren.map(children, (el: any) => {\n\t\t\tif (!el || el.type !== Item) return;\n\n\t\t\tconst { props: elProps } = el;\n\n\t\t\tnodes.push({\n\t\t\t\t...el,\n\t\t\t\tprops: {\n\t\t\t\t\trenderIcon,\n\t\t\t\t\tline,\n\t\t\t\t\tonClick,\n\t\t\t\t\t...elProps,\n\t\t\t\t\tvertical,\n\t\t\t\t\tactive,\n\t\t\t\t\tasList,\n\t\t\t\t\tindex: index++,\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\n\t\treturn nodes;\n\t}, [active, children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-step\",\n\t\t\t\t{ \"i-step-vertical\": vertical },\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{steps}\n\t\t</div>\n\t);\n};\n\nStep.Item = Item;\n\nexport default Step;\n"],"mappings":";;;;;AAMA,MAAM,QAAQ,UAAiB;CAC9B,MAAM,EACL,SAAS,GACT,UACA,YACA,MACA,OACA,QACA,WACA,UACA,YACG;CAEJ,MAAM,QAAQ,cAAc;EAC3B,MAAM,QAAqB,EAAE;EAC7B,IAAI,QAAQ;AAEZ,WAAS,IAAI,WAAW,OAAY;AACnC,OAAI,CAAC,MAAM,GAAG,SAAS,KAAM;GAE7B,MAAM,EAAE,OAAO,YAAY;AAE3B,SAAM,KAAK;IACV,GAAG;IACH,OAAO;KACN;KACA;KACA;KACA,GAAG;KACH;KACA;KACA;KACA,OAAO;KACP;IACD,CAAC;IACD;AAEF,SAAO;IACL,CAAC,QAAQ,SAAS,CAAC;AAEtB,QACC,oBAAC,OAAD;EACC,WAAW,WACV,UACA,EAAE,mBAAmB,UAAU,EAC/B,UACA;EACM;YAEN;EACG,CAAA;;AAIP,KAAK,OAAO"}
+{"version":3,"file":"step.js","names":[],"sources":["../../../../packages/components/step/step.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { Children, ReactNode, useMemo } from \"react\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IStep } from \"./type\";\n\nconst Step = (props: IStep) => {\n\tconst {\n\t\tactive = 0,\n\t\tvertical,\n\t\trenderIcon,\n\t\tline,\n\t\tstyle,\n\t\tasList,\n\t\tclassName,\n\t\tchildren,\n\t\tonClick,\n\t} = props;\n\n\tconst steps = useMemo(() => {\n\t\tconst nodes: ReactNode[] = [];\n\t\tlet index = 0;\n\n\t\tChildren.map(children, (el: any) => {\n\t\t\tif (!el || el.type !== Item) return;\n\n\t\t\tconst { props: elProps } = el;\n\n\t\t\tnodes.push({\n\t\t\t\t...el,\n\t\t\t\tprops: {\n\t\t\t\t\trenderIcon,\n\t\t\t\t\tline,\n\t\t\t\t\tonClick,\n\t\t\t\t\t...elProps,\n\t\t\t\t\tvertical,\n\t\t\t\t\tactive,\n\t\t\t\t\tasList,\n\t\t\t\t\tindex: index++,\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\n\t\treturn nodes;\n\t}, [active, children]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-step\",\n\t\t\t\t{ \"i-step-vertical\": vertical },\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{steps}\n\t\t</div>\n\t);\n};\n\nStep.Item = Item;\n\nexport default Step;\n"],"mappings":";;;;;;CAMA,MAAM,EACL,SAAM,GACL,UACA,YACA,MACA,OACA,QACA,WACA,UACA,YACA;;EAGD,MAAM,QAAsB,EAAA;EAC3B,IAAA,QAAY;;AAGZ,OAAA,CAAA,MAAY,GAAC,SAAW,KAAI;;;IAK3B,GAAA;IACC,OAAK;KACL;KACC;KACA;KACA,GAAA;KACA;KACA;KACA;KACA,OAAM;KACN;IACD,CAAC;IACD;;IAGF,CAAA,QAAO,SAAK,CAAA;QAGb,oBAAA,OAAA;EACE,WAAA,WACA,UACC,EAAE,mBAAM,UAAA,EACR,UACA;EACA;YAEF;EACE,CAAA"}

package/lib/es/components/swiper/swiper.js

@@ -4,7 +4,7 @@ import { clamp } from "../../js/utils.js";
 import Item from "./item.js";
 import classNames from "classnames";
 import { Children, useEffect, useImperativeHandle, useMemo, useRef } from "react";
-import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/@ricons+material@0.12.0/node_modules/@ricons/material/es/index.js";
+import { KeyboardArrowLeftRound, KeyboardArrowRightRound } from "@ricons/material";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/components/swiper/swiper.tsx
 const Swiper = ((props) => {

package/lib/es/components/swiper/swiper.js.map

@@ -1 +1 @@
-{"version":3,"file":"swiper.js","names":[],"sources":["../../../../packages/components/swiper/swiper.tsx"],"sourcesContent":["import {\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChildren,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport { clamp } from \"../../js/utils\";\nimport Icon from \"../icon\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { CompositionSwiper, ISwiper } from \"./type\";\n\nconst Swiper = ((props: ISwiper) => {\n\tconst {\n\t\tref,\n\t\ttype = \"normal\",\n\t\tinitial = 0,\n\t\tdisplay = 1,\n\t\tscroll = 1,\n\t\tloop = true,\n\t\tvertical,\n\t\tprev = <Icon icon={<KeyboardArrowLeftRound />} size='2em' />,\n\t\tnext = <Icon icon={<KeyboardArrowRightRound />} size='2em' />,\n\t\tduration = 600,\n\t\tinterval = 3000,\n\t\tautoplay,\n\t\tpauseOnHover,\n\t\tarrow = true,\n\t\treverse,\n\t\tdraggable,\n\t\tdragOffset = 40,\n\t\tgap = 0,\n\t\titemHeight,\n\t\tindicator,\n\t\tfixedIndicator,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\trenderIndicator,\n\t\tonBeforeSwipe,\n\t\tonAfterSwipe,\n\t\tonItemClick,\n\t} = props;\n\n\tconst listRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst transition = `all ${duration / 1000}s`;\n\tconst state = useReactive({\n\t\tcurrent: initial,\n\t\tswipable: true,\n\t\ttransition: type === \"fade\" ? \"none\" : transition,\n\t\tdragStart: 0,\n\t\tdragging: false,\n\t\tinitialized: false,\n\t});\n\n\tconst items = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type !== Item) return;\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\tconst [displayItems, extra, size, total, listSize] = useMemo(() => {\n\t\tconst extra =\n\t\t\ttype === \"normal\" && loop && items.length > display\n\t\t\t\t? display + 1\n\t\t\t\t: 0;\n\t\tlet list: any = [];\n\n\t\tif (extra <= 0) {\n\t\t\tlist = [...items];\n\t\t} else {\n\t\t\tconst head = items.slice(0, extra);\n\t\t\tconst tail = items.slice(-extra);\n\t\t\tlist = [...tail, ...items, ...head];\n\t\t}\n\n\t\tconst listSize = `${(list.length / display) * 100}%`;\n\n\t\treturn [list, extra, items.length, list.length, listSize];\n\t}, [display, loop, type, items]);\n\n\tconst offsetPercent = useMemo(\n\t\t() => (-100 * (state.current + extra)) / total,\n\t\t[state.current, total]\n\t);\n\n\tconst position = useMemo(() => {\n\t\tif (size <= display || type === \"fade\") return;\n\n\t\tconst offset = vertical\n\t\t\t? `0, ${offsetPercent}%`\n\t\t\t: `${offsetPercent}%, 0`;\n\t\treturn `translate3d(${offset}, 0)`;\n\t}, [offsetPercent, vertical, display, size, type]);\n\n\tconst trackStyle = useMemo(() => {\n\t\tif (!vertical || !itemHeight) return;\n\n\t\treturn {\n\t\t\theight: itemHeight * display,\n\t\t};\n\t}, [vertical, itemHeight, display]);\n\n\tconst indicatorsLoop = useMemo(() => {\n\t\treturn Array.from({\n\t\t\tlength: Math.ceil((size - display) / scroll) + 1,\n\t\t});\n\t}, [loop, indicator]);\n\n\tconst clearTimer = () => {\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t};\n\n\tconst swipeTo = (i: number) => {\n\t\tif (!state.swipable || i === state.current) return;\n\t\tstate.swipable = false;\n\t\tonBeforeSwipe?.(state.current);\n\n\t\tlet reset = false;\n\t\tlet next = i;\n\t\tconst lastDisplay = size - display;\n\n\t\tif (loop) {\n\t\t\tif (i > lastDisplay) {\n\t\t\t\treset = true;\n\t\t\t\ti = size;\n\t\t\t\tnext = 0;\n\t\t\t} else if (i < 0) {\n\t\t\t\treset = true;\n\t\t\t\ti = -display;\n\t\t\t\tnext = lastDisplay;\n\t\t\t}\n\t\t} else {\n\t\t\tnext = clamp(next, 0, lastDisplay);\n\t\t\ti = next;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.swipable = true;\n\t\t}, duration + 32);\n\n\t\tif (type === \"fade\") {\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\treturn;\n\t\t}\n\n\t\tstate.current = i;\n\n\t\tif (!reset) {\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tonAfterSwipe?.(next);\n\t\t\t}, duration + 12);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.transition = \"none\";\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.transition = transition;\n\t\t\t}, 60);\n\t\t}, duration + 20);\n\t};\n\tconst swipeNext = () => {\n\t\tswipeTo(reverse ? state.current - scroll : state.current + scroll);\n\t};\n\n\tconst swipePrev = () => {\n\t\tswipeTo(reverse ? state.current + scroll : state.current - scroll);\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!draggable || !state.swipable || type === \"fade\") return;\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tObject.assign(state, {\n\t\t\tdragStart: vertical ? e.clientY : e.clientX,\n\t\t\tdragging: true,\n\t\t\ttransition: \"none\",\n\t\t});\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !listRef.current) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst offset =\n\t\t\t((dragEnd - state.dragStart) * 61.8) /\n\t\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] +\n\t\t\toffsetPercent;\n\n\t\tlistRef.current.style.transform = `translate3d(${\n\t\t\tvertical ? `0, ${offset}%` : `${offset}%, 0`\n\t\t}, 0)`;\n\t};\n\n\tconst handleMouseUp = (e) => {\n\t\tif (!state.dragging || !listRef.current) return;\n\n\t\tif (e.changedTouches) {\n\t\t\te = e.changedTouches[0];\n\t\t}\n\n\t\tconst dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst part =\n\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] / total;\n\t\tconst offset = (dragEnd - state.dragStart) * 0.618;\n\t\tconst absOffset = Math.abs(offset);\n\n\t\tif (absOffset > dragOffset) {\n\t\t\tconst base = Math.floor(absOffset / part);\n\t\t\tconst mod = (absOffset % part) - dragOffset > 0 ? 1 : 0;\n\t\t\tconst p = base + mod;\n\n\t\t\tlet to = state.current + (offset > 0 ? -p : p);\n\n\t\t\tswipeTo(to);\n\t\t}\n\n\t\tlistRef.current.style.transform = position || \"\";\n\n\t\tObject.assign(state, {\n\t\t\tdragging: false,\n\t\t\ttransition,\n\t\t});\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tswipeTo,\n\t\tswipeNext,\n\t\tswipePrev,\n\t}));\n\n\tuseEffect(() => {\n\t\tif (!autoplay) return;\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timerRef.current);\n\t\t\ttimerRef.current = null;\n\t\t};\n\t}, [autoplay, interval]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-swiper\",\n\t\t\t\t{\n\t\t\t\t\t\"i-swiper-vertical\": vertical,\n\t\t\t\t\t\"i-swiper-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-swiper-track'\n\t\t\t\tstyle={trackStyle}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tref={listRef}\n\t\t\t\t\tclassName={classNames(\"i-swiper-list\", {\n\t\t\t\t\t\t\"i-swiper-fade\": type === \"fade\",\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t[vertical ? \"height\" : \"width\"]: listSize,\n\t\t\t\t\t\ttransform: position,\n\t\t\t\t\t\ttransition: state.transition,\n\t\t\t\t\t}}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t>\n\t\t\t\t\t{displayItems.map((item, i) => {\n\t\t\t\t\t\tconst { props: itemProps } = item;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\titemIndex={(i - extra + size) % size}\n\t\t\t\t\t\t\t\tactive={i - extra === state.current}\n\t\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\t\tgap={gap}\n\t\t\t\t\t\t\t\ttransition={transition}\n\t\t\t\t\t\t\t\titemHeight={itemHeight}\n\t\t\t\t\t\t\t\tvertical={vertical}\n\t\t\t\t\t\t\t\tonItemClick={onItemClick}\n\t\t\t\t\t\t\t\t{...itemProps}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{arrow && size > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{(loop || state.current !== 0) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-prev'\n\t\t\t\t\t\t\t\tonClick={swipePrev}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{prev}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(loop || state.current < size - display) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-next'\n\t\t\t\t\t\t\t\tonClick={swipeNext}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{next}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{indicator && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-swiper-indicators\", {\n\t\t\t\t\t\t\"i-swiper-indicators-fixed\": fixedIndicator,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{indicatorsLoop.map((_, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-swiper-indicator\", {\n\t\t\t\t\t\t\t\t\t\"i-indicator-active\":\n\t\t\t\t\t\t\t\t\t\ti ===\n\t\t\t\t\t\t\t\t\t\tMath[loop ? \"floor\" : \"ceil\"](\n\t\t\t\t\t\t\t\t\t\t\t((state.current + size) % size) /\n\t\t\t\t\t\t\t\t\t\t\t\tscroll\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => swipeTo(i * scroll)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderIndicator?.(i)}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}) as CompositionSwiper;\n\nSwiper.Item = Item;\n\nexport default Swiper;\n"],"mappings":"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"}
+{"version":3,"file":"swiper.js","names":[],"sources":["../../../../packages/components/swiper/swiper.tsx"],"sourcesContent":["import {\n\tKeyboardArrowLeftRound,\n\tKeyboardArrowRightRound,\n} from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport {\n\tChildren,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from \"react\";\nimport { useMouseMove, useMouseUp, useReactive } from \"../../js/hooks\";\nimport { clamp } from \"../../js/utils\";\nimport Icon from \"../icon\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { CompositionSwiper, ISwiper } from \"./type\";\n\nconst Swiper = ((props: ISwiper) => {\n\tconst {\n\t\tref,\n\t\ttype = \"normal\",\n\t\tinitial = 0,\n\t\tdisplay = 1,\n\t\tscroll = 1,\n\t\tloop = true,\n\t\tvertical,\n\t\tprev = <Icon icon={<KeyboardArrowLeftRound />} size='2em' />,\n\t\tnext = <Icon icon={<KeyboardArrowRightRound />} size='2em' />,\n\t\tduration = 600,\n\t\tinterval = 3000,\n\t\tautoplay,\n\t\tpauseOnHover,\n\t\tarrow = true,\n\t\treverse,\n\t\tdraggable,\n\t\tdragOffset = 40,\n\t\tgap = 0,\n\t\titemHeight,\n\t\tindicator,\n\t\tfixedIndicator,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\trenderIndicator,\n\t\tonBeforeSwipe,\n\t\tonAfterSwipe,\n\t\tonItemClick,\n\t} = props;\n\n\tconst listRef = useRef<HTMLDivElement>(null);\n\tconst timerRef = useRef<any>(null);\n\tconst transition = `all ${duration / 1000}s`;\n\tconst state = useReactive({\n\t\tcurrent: initial,\n\t\tswipable: true,\n\t\ttransition: type === \"fade\" ? \"none\" : transition,\n\t\tdragStart: 0,\n\t\tdragging: false,\n\t\tinitialized: false,\n\t});\n\n\tconst items = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type !== Item) return;\n\n\t\t\treturn node;\n\t\t});\n\t}, [children]);\n\n\tconst [displayItems, extra, size, total, listSize] = useMemo(() => {\n\t\tconst extra =\n\t\t\ttype === \"normal\" && loop && items.length > display\n\t\t\t\t? display + 1\n\t\t\t\t: 0;\n\t\tlet list: any = [];\n\n\t\tif (extra <= 0) {\n\t\t\tlist = [...items];\n\t\t} else {\n\t\t\tconst head = items.slice(0, extra);\n\t\t\tconst tail = items.slice(-extra);\n\t\t\tlist = [...tail, ...items, ...head];\n\t\t}\n\n\t\tconst listSize = `${(list.length / display) * 100}%`;\n\n\t\treturn [list, extra, items.length, list.length, listSize];\n\t}, [display, loop, type, items]);\n\n\tconst offsetPercent = useMemo(\n\t\t() => (-100 * (state.current + extra)) / total,\n\t\t[state.current, total]\n\t);\n\n\tconst position = useMemo(() => {\n\t\tif (size <= display || type === \"fade\") return;\n\n\t\tconst offset = vertical\n\t\t\t? `0, ${offsetPercent}%`\n\t\t\t: `${offsetPercent}%, 0`;\n\t\treturn `translate3d(${offset}, 0)`;\n\t}, [offsetPercent, vertical, display, size, type]);\n\n\tconst trackStyle = useMemo(() => {\n\t\tif (!vertical || !itemHeight) return;\n\n\t\treturn {\n\t\t\theight: itemHeight * display,\n\t\t};\n\t}, [vertical, itemHeight, display]);\n\n\tconst indicatorsLoop = useMemo(() => {\n\t\treturn Array.from({\n\t\t\tlength: Math.ceil((size - display) / scroll) + 1,\n\t\t});\n\t}, [loop, indicator]);\n\n\tconst clearTimer = () => {\n\t\tclearTimeout(timerRef.current);\n\t\ttimerRef.current = null;\n\t};\n\n\tconst swipeTo = (i: number) => {\n\t\tif (!state.swipable || i === state.current) return;\n\t\tstate.swipable = false;\n\t\tonBeforeSwipe?.(state.current);\n\n\t\tlet reset = false;\n\t\tlet next = i;\n\t\tconst lastDisplay = size - display;\n\n\t\tif (loop) {\n\t\t\tif (i > lastDisplay) {\n\t\t\t\treset = true;\n\t\t\t\ti = size;\n\t\t\t\tnext = 0;\n\t\t\t} else if (i < 0) {\n\t\t\t\treset = true;\n\t\t\t\ti = -display;\n\t\t\t\tnext = lastDisplay;\n\t\t\t}\n\t\t} else {\n\t\t\tnext = clamp(next, 0, lastDisplay);\n\t\t\ti = next;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.swipable = true;\n\t\t}, duration + 32);\n\n\t\tif (type === \"fade\") {\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\treturn;\n\t\t}\n\n\t\tstate.current = i;\n\n\t\tif (!reset) {\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tonAfterSwipe?.(next);\n\t\t\t}, duration + 12);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tstate.transition = \"none\";\n\t\t\tstate.current = next;\n\t\t\tonAfterSwipe?.(next);\n\t\t\tif (autoplay) {\n\t\t\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t\t\t}\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.transition = transition;\n\t\t\t}, 60);\n\t\t}, duration + 20);\n\t};\n\tconst swipeNext = () => {\n\t\tswipeTo(reverse ? state.current - scroll : state.current + scroll);\n\t};\n\n\tconst swipePrev = () => {\n\t\tswipeTo(reverse ? state.current + scroll : state.current - scroll);\n\t};\n\n\tconst handleMouseDown = (e) => {\n\t\tif (!draggable || !state.swipable || type === \"fade\") return;\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tObject.assign(state, {\n\t\t\tdragStart: vertical ? e.clientY : e.clientX,\n\t\t\tdragging: true,\n\t\t\ttransition: \"none\",\n\t\t});\n\t};\n\n\tconst handleMouseMove = (e) => {\n\t\tif (!state.dragging || !listRef.current) return;\n\t\te.preventDefault();\n\n\t\tif (e.touches) {\n\t\t\te = e.touches[0];\n\t\t}\n\n\t\tconst dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst offset =\n\t\t\t((dragEnd - state.dragStart) * 61.8) /\n\t\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] +\n\t\t\toffsetPercent;\n\n\t\tlistRef.current.style.transform = `translate3d(${\n\t\t\tvertical ? `0, ${offset}%` : `${offset}%, 0`\n\t\t}, 0)`;\n\t};\n\n\tconst handleMouseUp = (e) => {\n\t\tif (!state.dragging || !listRef.current) return;\n\n\t\tif (e.changedTouches) {\n\t\t\te = e.changedTouches[0];\n\t\t}\n\n\t\tconst dragEnd = vertical ? e.clientY : e.clientX;\n\t\tconst part =\n\t\t\tlistRef.current[vertical ? \"offsetHeight\" : \"offsetWidth\"] / total;\n\t\tconst offset = (dragEnd - state.dragStart) * 0.618;\n\t\tconst absOffset = Math.abs(offset);\n\n\t\tif (absOffset > dragOffset) {\n\t\t\tconst base = Math.floor(absOffset / part);\n\t\t\tconst mod = (absOffset % part) - dragOffset > 0 ? 1 : 0;\n\t\t\tconst p = base + mod;\n\n\t\t\tlet to = state.current + (offset > 0 ? -p : p);\n\n\t\t\tswipeTo(to);\n\t\t}\n\n\t\tlistRef.current.style.transform = position || \"\";\n\n\t\tObject.assign(state, {\n\t\t\tdragging: false,\n\t\t\ttransition,\n\t\t});\n\t};\n\n\tconst handleMouseOver = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (!pauseOnHover) return;\n\t\tclearTimer();\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\t};\n\n\tuseMouseMove(handleMouseMove);\n\tuseMouseUp(handleMouseUp);\n\n\tuseImperativeHandle(ref, () => ({\n\t\tswipeTo,\n\t\tswipeNext,\n\t\tswipePrev,\n\t}));\n\n\tuseEffect(() => {\n\t\tif (!autoplay) return;\n\t\ttimerRef.current = setTimeout(swipeNext, interval);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timerRef.current);\n\t\t\ttimerRef.current = null;\n\t\t};\n\t}, [autoplay, interval]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(\n\t\t\t\t\"i-swiper\",\n\t\t\t\t{\n\t\t\t\t\t\"i-swiper-vertical\": vertical,\n\t\t\t\t\t\"i-swiper-initialized\": state.initialized,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName='i-swiper-track'\n\t\t\t\tstyle={trackStyle}\n\t\t\t\tonMouseOver={handleMouseOver}\n\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tref={listRef}\n\t\t\t\t\tclassName={classNames(\"i-swiper-list\", {\n\t\t\t\t\t\t\"i-swiper-fade\": type === \"fade\",\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t[vertical ? \"height\" : \"width\"]: listSize,\n\t\t\t\t\t\ttransform: position,\n\t\t\t\t\t\ttransition: state.transition,\n\t\t\t\t\t}}\n\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\tonTouchStart={handleMouseDown}\n\t\t\t\t>\n\t\t\t\t\t{displayItems.map((item, i) => {\n\t\t\t\t\t\tconst { props: itemProps } = item;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Item\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\titemIndex={(i - extra + size) % size}\n\t\t\t\t\t\t\t\tactive={i - extra === state.current}\n\t\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t\t\tgap={gap}\n\t\t\t\t\t\t\t\ttransition={transition}\n\t\t\t\t\t\t\t\titemHeight={itemHeight}\n\t\t\t\t\t\t\t\tvertical={vertical}\n\t\t\t\t\t\t\t\tonItemClick={onItemClick}\n\t\t\t\t\t\t\t\t{...itemProps}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\n\t\t\t\t{arrow && size > 1 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{(loop || state.current !== 0) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-prev'\n\t\t\t\t\t\t\t\tonClick={swipePrev}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{prev}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(loop || state.current < size - display) && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName='i-swiper-arrow i-swiper-next'\n\t\t\t\t\t\t\t\tonClick={swipeNext}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{next}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{indicator && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\"i-swiper-indicators\", {\n\t\t\t\t\t\t\"i-swiper-indicators-fixed\": fixedIndicator,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{indicatorsLoop.map((_, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tclassName={classNames(\"i-swiper-indicator\", {\n\t\t\t\t\t\t\t\t\t\"i-indicator-active\":\n\t\t\t\t\t\t\t\t\t\ti ===\n\t\t\t\t\t\t\t\t\t\tMath[loop ? \"floor\" : \"ceil\"](\n\t\t\t\t\t\t\t\t\t\t\t((state.current + size) % size) /\n\t\t\t\t\t\t\t\t\t\t\t\tscroll\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => swipeTo(i * scroll)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderIndicator?.(i)}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}) as CompositionSwiper;\n\nSwiper.Item = Item;\n\nexport default Swiper;\n"],"mappings":"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"}