asterui 0.12.0 → 0.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/Calendar.d.ts +23 -0
- package/dist/components/Checkbox.d.ts +10 -0
- package/dist/components/Dock.d.ts +38 -0
- package/dist/components/Form.d.ts +27 -2
- package/dist/components/Mask.d.ts +14 -0
- package/dist/components/Radio.d.ts +7 -1
- package/dist/components/Status.d.ts +18 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +12 -3
- package/dist/index.js +203 -192
- package/dist/index.js.map +1 -1
- package/dist/index10.js +85 -59
- package/dist/index10.js.map +1 -1
- package/dist/index100.js +44 -11
- package/dist/index100.js.map +1 -1
- package/dist/index101.js +11 -29
- package/dist/index101.js.map +1 -1
- package/dist/index102.js +13 -16
- package/dist/index102.js.map +1 -1
- package/dist/index103.js +7 -10792
- package/dist/index103.js.map +1 -1
- package/dist/index104.js +13 -5
- package/dist/index104.js.map +1 -1
- package/dist/index105.js +30 -41
- package/dist/index105.js.map +1 -1
- package/dist/index106.js +18 -2
- package/dist/index106.js.map +1 -1
- package/dist/index107.js +174 -7
- package/dist/index107.js.map +1 -1
- package/dist/index109.js +10788 -25
- package/dist/index109.js.map +1 -1
- package/dist/index110.js +5 -30
- package/dist/index110.js.map +1 -1
- package/dist/index111.js +42 -2
- package/dist/index111.js.map +1 -1
- package/dist/index112.js +2 -72
- package/dist/index112.js.map +1 -1
- package/dist/index113.js +6 -38
- package/dist/index113.js.map +1 -1
- package/dist/index114.js +150 -24
- package/dist/index114.js.map +1 -1
- package/dist/index115.js +29 -20
- package/dist/index115.js.map +1 -1
- package/dist/index116.js +29 -23
- package/dist/index116.js.map +1 -1
- package/dist/index117.js +2 -20
- package/dist/index117.js.map +1 -1
- package/dist/index118.js +71 -99
- package/dist/index118.js.map +1 -1
- package/dist/index119.js +37 -358
- package/dist/index119.js.map +1 -1
- package/dist/index120.js +23 -22
- package/dist/index120.js.map +1 -1
- package/dist/index121.js +20 -72
- package/dist/index121.js.map +1 -1
- package/dist/index122.js +23 -15
- package/dist/index122.js.map +1 -1
- package/dist/index123.js +19 -65
- package/dist/index123.js.map +1 -1
- package/dist/index124.js +92 -136
- package/dist/index124.js.map +1 -1
- package/dist/index125.js +360 -2
- package/dist/index125.js.map +1 -1
- package/dist/index126.js +23 -54
- package/dist/index126.js.map +1 -1
- package/dist/index127.js +73 -2
- package/dist/index127.js.map +1 -1
- package/dist/index128.js +16 -2
- package/dist/index128.js.map +1 -1
- package/dist/index129.js +66 -2
- package/dist/index129.js.map +1 -1
- package/dist/index13.js +35 -95
- package/dist/index13.js.map +1 -1
- package/dist/index130.js +144 -2
- package/dist/index130.js.map +1 -1
- package/dist/index131.js +2 -2
- package/dist/index132.js +56 -2
- package/dist/index132.js.map +1 -1
- package/dist/index135.js +2 -32
- package/dist/index135.js.map +1 -1
- package/dist/index137.js +2 -8
- package/dist/index137.js.map +1 -1
- package/dist/index138.js +2 -2
- package/dist/index139.js +2 -2
- package/dist/index14.js +90 -153
- package/dist/index14.js.map +1 -1
- package/dist/index140.js +2 -21
- package/dist/index140.js.map +1 -1
- package/dist/index141.js +32 -2
- package/dist/index141.js.map +1 -1
- package/dist/index142.js +2 -24
- package/dist/index142.js.map +1 -1
- package/dist/index143.js +7 -70
- package/dist/index143.js.map +1 -1
- package/dist/index144.js +2 -21
- package/dist/index144.js.map +1 -1
- package/dist/index145.js +2 -34
- package/dist/index145.js.map +1 -1
- package/dist/index146.js +20 -69
- package/dist/index146.js.map +1 -1
- package/dist/index147.js +2 -2
- package/dist/index148.js +23 -21
- package/dist/index148.js.map +1 -1
- package/dist/index149.js +71 -2
- package/dist/index149.js.map +1 -1
- package/dist/index15.js +154 -146
- package/dist/index15.js.map +1 -1
- package/dist/index150.js +21 -2
- package/dist/index150.js.map +1 -1
- package/dist/index151.js +34 -2
- package/dist/index151.js.map +1 -1
- package/dist/index152.js +70 -2
- package/dist/index152.js.map +1 -1
- package/dist/index153.js +2 -4
- package/dist/index153.js.map +1 -1
- package/dist/index154.js +25 -0
- package/dist/index154.js.map +1 -0
- package/dist/index155.js +5 -0
- package/dist/index155.js.map +1 -0
- package/dist/index156.js +5 -0
- package/dist/index156.js.map +1 -0
- package/dist/index157.js +5 -0
- package/dist/index157.js.map +1 -0
- package/dist/index158.js +5 -0
- package/dist/index158.js.map +1 -0
- package/dist/index159.js +7 -0
- package/dist/index159.js.map +1 -0
- package/dist/index16.js +150 -5
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +5 -71
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +71 -17
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +15 -96
- package/dist/index19.js.map +1 -1
- package/dist/index20.js +89 -105
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +107 -177
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +181 -107
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +110 -19
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +19 -32
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +42 -40
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +31 -11
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +41 -33
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +12 -63
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +33 -80
- package/dist/index29.js.map +1 -1
- package/dist/index30.js +63 -18
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +78 -159
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +16 -1080
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +218 -16
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +1081 -121
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +17 -39
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +121 -190
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +37 -94
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +186 -157
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +89 -138
- package/dist/index39.js.map +1 -1
- package/dist/index40.js +161 -14
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +146 -18
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +14 -20
- package/dist/index42.js.map +1 -1
- package/dist/index43.js +15 -116
- package/dist/index43.js.map +1 -1
- package/dist/index44.js +18 -10
- package/dist/index44.js.map +1 -1
- package/dist/index45.js +119 -35
- package/dist/index45.js.map +1 -1
- package/dist/index46.js +12 -115
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +33 -174
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +10 -147
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +116 -12
- package/dist/index49.js.map +1 -1
- package/dist/index50.js +176 -22
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +147 -14
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +10 -5
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +21 -265
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +10 -13
- package/dist/index54.js.map +1 -1
- package/dist/index55.js +7 -122
- package/dist/index55.js.map +1 -1
- package/dist/index56.js +262 -106
- package/dist/index56.js.map +1 -1
- package/dist/index57.js +14 -167
- package/dist/index57.js.map +1 -1
- package/dist/index58.js +121 -31
- package/dist/index58.js.map +1 -1
- package/dist/index59.js +107 -119
- package/dist/index59.js.map +1 -1
- package/dist/index60.js +161 -77
- package/dist/index60.js.map +1 -1
- package/dist/index61.js +31 -19
- package/dist/index61.js.map +1 -1
- package/dist/index62.js +117 -69
- package/dist/index62.js.map +1 -1
- package/dist/index63.js +82 -53
- package/dist/index63.js.map +1 -1
- package/dist/index64.js +19 -44
- package/dist/index64.js.map +1 -1
- package/dist/index65.js +70 -48
- package/dist/index65.js.map +1 -1
- package/dist/index66.js +55 -60
- package/dist/index66.js.map +1 -1
- package/dist/index67.js +39 -101
- package/dist/index67.js.map +1 -1
- package/dist/index68.js +52 -41
- package/dist/index68.js.map +1 -1
- package/dist/index69.js +58 -64
- package/dist/index69.js.map +1 -1
- package/dist/index70.js +105 -19
- package/dist/index70.js.map +1 -1
- package/dist/index71.js +41 -46
- package/dist/index71.js.map +1 -1
- package/dist/index72.js +63 -129
- package/dist/index72.js.map +1 -1
- package/dist/index73.js +19 -50
- package/dist/index73.js.map +1 -1
- package/dist/index74.js +46 -22
- package/dist/index74.js.map +1 -1
- package/dist/index75.js +134 -22
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +51 -328
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +19 -53
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +31 -40
- package/dist/index78.js.map +1 -1
- package/dist/index79.js +22 -23
- package/dist/index79.js.map +1 -1
- package/dist/index80.js +319 -85
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +52 -126
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +39 -160
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +23 -65
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +95 -35
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +126 -230
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +159 -32
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +60 -205
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +34 -212
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +229 -290
- package/dist/index89.js.map +1 -1
- package/dist/index90.js +32 -176
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +199 -247
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +211 -12
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +290 -28
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +177 -5
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +257 -13
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +13 -45
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +32 -12
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +5 -14
- package/dist/index98.js.map +1 -1
- package/dist/index99.js +13 -7
- package/dist/index99.js.map +1 -1
- package/package.json +2 -1
- package/dist/index108.js +0 -155
- package/dist/index108.js.map +0 -1
package/dist/index86.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index86.js","sources":["../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode\n tip: string\n position?: 'top' | 'bottom' | 'left' | 'right'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n tip,\n className = '',\n position = 'top',\n color,\n open = false,\n ...rest\n}) => {\n const positionClasses = {\n top: 'tooltip-top',\n bottom: 'tooltip-bottom',\n left: 'tooltip-left',\n right: 'tooltip-right',\n }\n\n const colorClasses = color\n ? {\n neutral: 'tooltip-neutral',\n primary: 'tooltip-primary',\n secondary: 'tooltip-secondary',\n accent: 'tooltip-accent',\n info: 'tooltip-info',\n success: 'tooltip-success',\n warning: 'tooltip-warning',\n error: 'tooltip-error',\n }[color]\n : undefined\n\n const classes = [\n 'tooltip',\n positionClasses[position],\n colorClasses,\n open && 'tooltip-open',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n {children}\n </div>\n )\n}\n"],"names":["Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAeJ,IACjB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EACPA,CAAK,IACP,QAEEK,IAAU;AAAA,IACd;AAAA,IACAF,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQ;AAAA,IACRH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}
|
|
1
|
+
{"version":3,"file":"index86.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (date: Date | null) => void\n format?: '12' | '24'\n placeholder?: string\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg'\n showSeconds?: boolean\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n if (!date) return ''\n\n let hours = date.getHours()\n const minutes = String(date.getMinutes()).padStart(2, '0')\n const seconds = String(date.getSeconds()).padStart(2, '0')\n\n if (format === '12') {\n const period = hours >= 12 ? 'PM' : 'AM'\n hours = hours % 12 || 12\n const timeStr = showSeconds\n ? `${hours}:${minutes}:${seconds} ${period}`\n : `${hours}:${minutes} ${period}`\n return timeStr\n }\n\n const hoursStr = String(hours).padStart(2, '0')\n return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n value,\n defaultValue,\n onChange,\n format = '24',\n placeholder = 'Select time',\n disabled = false,\n className = '',\n size = 'md',\n showSeconds = false,\n ...rest\n}) => {\n const [selectedTime, setSelectedTime] = useState<Date | null>(\n value || defaultValue || null\n )\n const [isOpen, setIsOpen] = useState(false)\n const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n const [period, setPeriod] = useState<'AM' | 'PM'>(\n selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n )\n\n const containerRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (value !== undefined) {\n setSelectedTime(value)\n if (value) {\n setHours(value.getHours())\n setMinutes(value.getMinutes())\n setSeconds(value.getSeconds())\n setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n }\n }\n }, [value])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n const now = new Date()\n const newTime = new Date(\n now.getFullYear(),\n now.getMonth(),\n now.getDate(),\n newHours,\n newMinutes,\n newSeconds\n )\n setSelectedTime(newTime)\n onChange?.(newTime)\n }\n\n const handleHourChange = (newHour: number) => {\n let actualHour = newHour\n if (format === '12') {\n actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n }\n setHours(actualHour)\n handleTimeChange(actualHour, minutes, seconds)\n }\n\n const handleMinuteChange = (newMinute: number) => {\n setMinutes(newMinute)\n handleTimeChange(hours, newMinute, seconds)\n }\n\n const handleSecondChange = (newSecond: number) => {\n setSeconds(newSecond)\n handleTimeChange(hours, minutes, newSecond)\n }\n\n const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n setPeriod(newPeriod)\n const newHours = newPeriod === 'PM'\n ? (hours % 12) + 12\n : hours % 12\n setHours(newHours)\n handleTimeChange(newHours, minutes, seconds)\n }\n\n const renderTimeColumn = (\n label: string,\n maxValue: number,\n currentValue: number,\n onChange: (value: number) => void,\n start: number = 0\n ) => {\n const items = Array.from({ length: maxValue - start + 1 }, (_, i) => start + i)\n\n return (\n <div className=\"flex flex-col\">\n <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n {label}\n </div>\n <div className=\"flex-1 overflow-y-auto max-h-48\">\n {items.map((item) => (\n <button\n key={item}\n type=\"button\"\n onClick={() => onChange(item)}\n className={`\n w-full px-4 py-2 text-center hover:bg-base-200 transition-colors\n ${currentValue === item ? 'bg-primary text-primary-content' : ''}\n `}\n >\n {String(item).padStart(2, '0')}\n </button>\n ))}\n </div>\n </div>\n )\n }\n\n const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n return (\n <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n <Input\n value={formatTime(selectedTime, format, showSeconds)}\n placeholder={placeholder}\n disabled={disabled}\n size={size}\n readOnly\n onClick={() => !disabled && setIsOpen(!isOpen)}\n className=\"cursor-pointer\"\n />\n\n {isOpen && (\n <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50\">\n <div className=\"flex divide-x divide-base-300\">\n {renderTimeColumn(\n 'Hour',\n format === '12' ? 12 : 23,\n displayHours,\n handleHourChange,\n format === '12' ? 1 : 0\n )}\n\n {renderTimeColumn('Min', 59, minutes, handleMinuteChange)}\n\n {showSeconds && renderTimeColumn('Sec', 59, seconds, handleSecondChange)}\n\n {format === '12' && (\n <div className=\"flex flex-col\">\n <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n Period\n </div>\n <div className=\"flex-1 flex flex-col p-2 gap-2\">\n <button\n type=\"button\"\n onClick={() => handlePeriodChange('AM')}\n className={`\n btn btn-sm\n ${period === 'AM' ? 'btn-primary' : 'btn-ghost'}\n `}\n >\n AM\n </button>\n <button\n type=\"button\"\n onClick={() => handlePeriodChange('PM')}\n className={`\n btn btn-sm\n ${period === 'PM' ? 'btn-primary' : 'btn-ghost'}\n `}\n >\n PM\n </button>\n </div>\n </div>\n )}\n </div>\n\n {/* Action buttons */}\n <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n <button\n type=\"button\"\n onClick={() => {\n const now = new Date()\n setHours(now.getHours())\n setMinutes(now.getMinutes())\n setSeconds(now.getSeconds())\n setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n }}\n className=\"btn btn-ghost btn-sm\"\n >\n Now\n </button>\n <button\n type=\"button\"\n onClick={() => setIsOpen(false)}\n className=\"btn btn-primary btn-sm\"\n >\n OK\n </button>\n </div>\n </div>\n )}\n </div>\n )\n}\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedTime","setSelectedTime","useState","isOpen","setIsOpen","setHours","setMinutes","setSeconds","setPeriod","containerRef","useRef","useEffect","handleClickOutside","event","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","handleHourChange","newHour","actualHour","handleMinuteChange","newMinute","handleSecondChange","newSecond","handlePeriodChange","newPeriod","renderTimeColumn","label","maxValue","currentValue","start","items","_","i","jsxs","jsx","item","displayHours","Input"],"mappings":"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"}
|
package/dist/index87.js
CHANGED
|
@@ -1,213 +1,68 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
showSelectAll: w,
|
|
12
|
-
disabled: u,
|
|
13
|
-
listStyle: T
|
|
1
|
+
import { jsx as e, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import v from "react";
|
|
3
|
+
function N({
|
|
4
|
+
children: n,
|
|
5
|
+
className: l = "",
|
|
6
|
+
vertical: i = !1,
|
|
7
|
+
horizontal: o = !1,
|
|
8
|
+
compact: a = !1,
|
|
9
|
+
snapIcon: r = !1,
|
|
10
|
+
...t
|
|
14
11
|
}) {
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
{
|
|
29
|
-
className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
|
|
30
|
-
style: { width: 200, height: 300, ...T },
|
|
31
|
-
children: [
|
|
32
|
-
/* @__PURE__ */ k("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
|
|
33
|
-
w && /* @__PURE__ */ r(
|
|
34
|
-
"input",
|
|
35
|
-
{
|
|
36
|
-
type: "checkbox",
|
|
37
|
-
className: "checkbox checkbox-sm checkbox-primary",
|
|
38
|
-
checked: d,
|
|
39
|
-
ref: (e) => {
|
|
40
|
-
e && (e.indeterminate = h && !d);
|
|
41
|
-
},
|
|
42
|
-
onChange: i,
|
|
43
|
-
disabled: u || m.length === 0
|
|
44
|
-
}
|
|
45
|
-
),
|
|
46
|
-
/* @__PURE__ */ r("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
|
|
47
|
-
/* @__PURE__ */ k("span", { className: "text-xs text-base-content/50", children: [
|
|
48
|
-
n.filter((e) => b.some((a) => a.key === e)).length,
|
|
49
|
-
"/",
|
|
50
|
-
b.length
|
|
51
|
-
] })
|
|
52
|
-
] }),
|
|
53
|
-
g && /* @__PURE__ */ r("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ r(
|
|
54
|
-
"input",
|
|
55
|
-
{
|
|
56
|
-
type: "text",
|
|
57
|
-
className: "input input-bordered input-sm w-full",
|
|
58
|
-
placeholder: "Search...",
|
|
59
|
-
value: l,
|
|
60
|
-
onChange: (e) => L(e.target.value),
|
|
61
|
-
disabled: u
|
|
62
|
-
}
|
|
63
|
-
) }),
|
|
64
|
-
/* @__PURE__ */ r("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ k(
|
|
65
|
-
"div",
|
|
66
|
-
{
|
|
67
|
-
className: [
|
|
68
|
-
"flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
|
|
69
|
-
n.includes(e.key) && "bg-primary/10",
|
|
70
|
-
(u || e.disabled) && "opacity-50 cursor-not-allowed"
|
|
71
|
-
].filter(Boolean).join(" "),
|
|
72
|
-
onClick: () => M(e.key, !!e.disabled),
|
|
73
|
-
children: [
|
|
74
|
-
/* @__PURE__ */ r(
|
|
75
|
-
"input",
|
|
76
|
-
{
|
|
77
|
-
type: "checkbox",
|
|
78
|
-
className: "checkbox checkbox-sm checkbox-primary",
|
|
79
|
-
checked: n.includes(e.key),
|
|
80
|
-
disabled: u || e.disabled,
|
|
81
|
-
onChange: () => {
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
/* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm", children: N(e) })
|
|
86
|
-
]
|
|
87
|
-
},
|
|
88
|
-
e.key
|
|
89
|
-
)) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
);
|
|
12
|
+
const h = [
|
|
13
|
+
"timeline",
|
|
14
|
+
i && "timeline-vertical",
|
|
15
|
+
o && "timeline-horizontal",
|
|
16
|
+
a && "timeline-compact",
|
|
17
|
+
r && "timeline-snap-icon",
|
|
18
|
+
l
|
|
19
|
+
].filter(Boolean).join(" "), f = v.Children.map(n, (s, m) => v.isValidElement(s) ? v.cloneElement(s, {
|
|
20
|
+
_index: m,
|
|
21
|
+
_compact: a,
|
|
22
|
+
_vertical: i
|
|
23
|
+
}) : s);
|
|
24
|
+
return /* @__PURE__ */ e("ul", { className: h, ...t, children: f });
|
|
93
25
|
}
|
|
94
|
-
function
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
disabled: l = !1,
|
|
106
|
-
listStyle: L,
|
|
107
|
-
className: b = "",
|
|
108
|
-
...m
|
|
26
|
+
function p({
|
|
27
|
+
start: n,
|
|
28
|
+
end: l,
|
|
29
|
+
icon: i,
|
|
30
|
+
startBox: o = !1,
|
|
31
|
+
endBox: a = !1,
|
|
32
|
+
className: r = "",
|
|
33
|
+
_index: t = 0,
|
|
34
|
+
_compact: h = !1,
|
|
35
|
+
_vertical: f = !1,
|
|
36
|
+
...s
|
|
109
37
|
}) {
|
|
110
|
-
const [
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
),
|
|
117
|
-
(
|
|
118
|
-
|
|
119
|
-
},
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
},
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
})
|
|
132
|
-
if (t.length === 0) return;
|
|
133
|
-
const c = [...o, ...t];
|
|
134
|
-
n === void 0 && h(c), M([]), x?.(c, "right", t);
|
|
135
|
-
}, [l, i, o, n, x, s]), z = j(() => {
|
|
136
|
-
if (l || e.length === 0) return;
|
|
137
|
-
const t = e.filter((f) => {
|
|
138
|
-
const v = s.find((I) => I.key === f);
|
|
139
|
-
return v && !v.disabled;
|
|
140
|
-
});
|
|
141
|
-
if (t.length === 0) return;
|
|
142
|
-
const c = o.filter((f) => !t.includes(f));
|
|
143
|
-
n === void 0 && h(c), a([]), x?.(c, "left", t);
|
|
144
|
-
}, [l, e, o, n, x, s]), A = i.some((t) => {
|
|
145
|
-
const c = s.find((f) => f.key === t);
|
|
146
|
-
return c && !c.disabled;
|
|
147
|
-
}), D = e.some((t) => {
|
|
148
|
-
const c = s.find((f) => f.key === t);
|
|
149
|
-
return c && !c.disabled;
|
|
150
|
-
});
|
|
151
|
-
return /* @__PURE__ */ k("div", { className: `flex items-center gap-4 ${b}`, ...m, children: [
|
|
152
|
-
/* @__PURE__ */ r(
|
|
153
|
-
B,
|
|
154
|
-
{
|
|
155
|
-
items: K,
|
|
156
|
-
selectedKeys: i,
|
|
157
|
-
onSelectChange: W,
|
|
158
|
-
title: y[0],
|
|
159
|
-
showSearch: w,
|
|
160
|
-
filterOption: u,
|
|
161
|
-
render: N,
|
|
162
|
-
showSelectAll: T,
|
|
163
|
-
disabled: l,
|
|
164
|
-
listStyle: L,
|
|
165
|
-
direction: "left"
|
|
166
|
-
}
|
|
167
|
-
),
|
|
168
|
-
/* @__PURE__ */ k("div", { className: "flex flex-col gap-2", children: [
|
|
169
|
-
/* @__PURE__ */ r(
|
|
170
|
-
"button",
|
|
171
|
-
{
|
|
172
|
-
type: "button",
|
|
173
|
-
className: "btn btn-sm btn-outline",
|
|
174
|
-
onClick: q,
|
|
175
|
-
disabled: l || !A,
|
|
176
|
-
"aria-label": "Move to target",
|
|
177
|
-
children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
|
|
178
|
-
}
|
|
179
|
-
),
|
|
180
|
-
/* @__PURE__ */ r(
|
|
181
|
-
"button",
|
|
182
|
-
{
|
|
183
|
-
type: "button",
|
|
184
|
-
className: "btn btn-sm btn-outline",
|
|
185
|
-
onClick: z,
|
|
186
|
-
disabled: l || !D,
|
|
187
|
-
"aria-label": "Move to source",
|
|
188
|
-
children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
|
|
189
|
-
}
|
|
190
|
-
)
|
|
191
|
-
] }),
|
|
192
|
-
/* @__PURE__ */ r(
|
|
193
|
-
B,
|
|
194
|
-
{
|
|
195
|
-
items: V,
|
|
196
|
-
selectedKeys: e,
|
|
197
|
-
onSelectChange: $,
|
|
198
|
-
title: y[1],
|
|
199
|
-
showSearch: w,
|
|
200
|
-
filterOption: u,
|
|
201
|
-
render: N,
|
|
202
|
-
showSelectAll: T,
|
|
203
|
-
disabled: l,
|
|
204
|
-
listStyle: L,
|
|
205
|
-
direction: "right"
|
|
206
|
-
}
|
|
207
|
-
)
|
|
38
|
+
const m = ["timeline-start", o && "timeline-box"].filter(Boolean).join(" "), c = ["timeline-end", a && "timeline-box"].filter(Boolean).join(" "), u = t % 2 === 0;
|
|
39
|
+
return h ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
|
|
40
|
+
/* @__PURE__ */ e("hr", {}),
|
|
41
|
+
i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
|
|
42
|
+
l && /* @__PURE__ */ e("div", { className: c, children: l }),
|
|
43
|
+
t !== void 0 && /* @__PURE__ */ e("hr", {})
|
|
44
|
+
] }) : f ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
|
|
45
|
+
/* @__PURE__ */ e("hr", {}),
|
|
46
|
+
n && /* @__PURE__ */ e("div", { className: m, children: n }),
|
|
47
|
+
i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
|
|
48
|
+
l && /* @__PURE__ */ e("div", { className: c, children: l }),
|
|
49
|
+
/* @__PURE__ */ e("hr", {})
|
|
50
|
+
] }) : u ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
|
|
51
|
+
n && /* @__PURE__ */ e("div", { className: m, children: n }),
|
|
52
|
+
i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
|
|
53
|
+
l && /* @__PURE__ */ e("div", { className: c, children: l }),
|
|
54
|
+
/* @__PURE__ */ e("hr", {})
|
|
55
|
+
] }) : /* @__PURE__ */ d("li", { className: r, ...s, children: [
|
|
56
|
+
/* @__PURE__ */ e("hr", {}),
|
|
57
|
+
i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
|
|
58
|
+
n && /* @__PURE__ */ e("div", { className: m, children: n }),
|
|
59
|
+
l && /* @__PURE__ */ e("div", { className: c, children: l })
|
|
208
60
|
] });
|
|
209
61
|
}
|
|
62
|
+
const b = Object.assign(N, {
|
|
63
|
+
Item: p
|
|
64
|
+
});
|
|
210
65
|
export {
|
|
211
|
-
|
|
66
|
+
b as Timeline
|
|
212
67
|
};
|
|
213
68
|
//# sourceMappingURL=index87.js.map
|
package/dist/index87.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index87.js","sources":["../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TransferItem {\n key: string\n title: React.ReactNode\n description?: React.ReactNode\n disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n dataSource: TransferItem[]\n targetKeys?: string[]\n defaultTargetKeys?: string[]\n onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n titles?: [React.ReactNode, React.ReactNode]\n render?: (item: TransferItem) => React.ReactNode\n showSearch?: boolean\n filterOption?: (inputValue: string, item: TransferItem) => boolean\n showSelectAll?: boolean\n disabled?: boolean\n listStyle?: React.CSSProperties\n}\n\ninterface TransferListProps {\n items: TransferItem[]\n selectedKeys: string[]\n onSelectChange: (keys: string[]) => void\n title: React.ReactNode\n showSearch: boolean\n filterOption: (inputValue: string, item: TransferItem) => boolean\n render: (item: TransferItem) => React.ReactNode\n showSelectAll: boolean\n disabled: boolean\n listStyle?: React.CSSProperties\n direction: 'left' | 'right'\n}\n\nfunction TransferList({\n items,\n selectedKeys,\n onSelectChange,\n title,\n showSearch,\n filterOption,\n render,\n showSelectAll,\n disabled,\n listStyle,\n}: TransferListProps) {\n const [searchValue, setSearchValue] = useState('')\n\n const filteredItems = useMemo(() => {\n if (!searchValue) return items\n return items.filter((item) => filterOption(searchValue, item))\n }, [items, searchValue, filterOption])\n\n const enabledItems = filteredItems.filter((item) => !item.disabled)\n const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n const handleSelectAll = () => {\n if (disabled) return\n\n if (allSelected) {\n // Deselect all enabled items\n onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n } else {\n // Select all enabled items\n const enabledKeys = enabledItems.map((item) => item.key)\n const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n onSelectChange(newKeys)\n }\n }\n\n const handleSelectItem = (key: string, itemDisabled: boolean) => {\n if (disabled || itemDisabled) return\n\n if (selectedKeys.includes(key)) {\n onSelectChange(selectedKeys.filter((k) => k !== key))\n } else {\n onSelectChange([...selectedKeys, key])\n }\n }\n\n return (\n <div\n className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n style={{ width: 200, height: 300, ...listStyle }}\n >\n {/* Header */}\n <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n {showSelectAll && (\n <input\n type=\"checkbox\"\n className=\"checkbox checkbox-sm checkbox-primary\"\n checked={allSelected}\n ref={(el) => {\n if (el) el.indeterminate = someSelected && !allSelected\n }}\n onChange={handleSelectAll}\n disabled={disabled || enabledItems.length === 0}\n />\n )}\n <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n <span className=\"text-xs text-base-content/50\">\n {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n {filteredItems.length}\n </span>\n </div>\n\n {/* Search */}\n {showSearch && (\n <div className=\"px-2 py-2 border-b border-base-300\">\n <input\n type=\"text\"\n className=\"input input-bordered input-sm w-full\"\n placeholder=\"Search...\"\n value={searchValue}\n onChange={(e) => setSearchValue(e.target.value)}\n disabled={disabled}\n />\n </div>\n )}\n\n {/* List */}\n <div className=\"flex-1 overflow-auto\">\n {filteredItems.length > 0 ? (\n filteredItems.map((item) => (\n <div\n key={item.key}\n className={[\n 'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n selectedKeys.includes(item.key) && 'bg-primary/10',\n (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={() => handleSelectItem(item.key, !!item.disabled)}\n >\n <input\n type=\"checkbox\"\n className=\"checkbox checkbox-sm checkbox-primary\"\n checked={selectedKeys.includes(item.key)}\n disabled={disabled || item.disabled}\n onChange={() => {}}\n />\n <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n </div>\n ))\n ) : (\n <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n No data\n </div>\n )}\n </div>\n </div>\n )\n}\n\nexport function Transfer({\n dataSource,\n targetKeys: controlledTargetKeys,\n defaultTargetKeys = [],\n onChange,\n onSelectChange,\n titles = ['Source', 'Target'],\n render = (item) => item.title,\n showSearch = false,\n filterOption = (inputValue, item) => {\n const title = typeof item.title === 'string' ? item.title : String(item.title)\n return title.toLowerCase().includes(inputValue.toLowerCase())\n },\n showSelectAll = true,\n disabled = false,\n listStyle,\n className = '',\n ...rest\n}: TransferProps) {\n const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n // Split items into source and target\n const sourceItems = useMemo(\n () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n [dataSource, targetKeys]\n )\n\n const targetItems = useMemo(\n () => dataSource.filter((item) => targetKeys.includes(item.key)),\n [dataSource, targetKeys]\n )\n\n const handleSourceSelectChange = useCallback(\n (keys: string[]) => {\n setSourceSelectedKeys(keys)\n onSelectChange?.(keys, targetSelectedKeys)\n },\n [targetSelectedKeys, onSelectChange]\n )\n\n const handleTargetSelectChange = useCallback(\n (keys: string[]) => {\n setTargetSelectedKeys(keys)\n onSelectChange?.(sourceSelectedKeys, keys)\n },\n [sourceSelectedKeys, onSelectChange]\n )\n\n const moveToTarget = useCallback(() => {\n if (disabled || sourceSelectedKeys.length === 0) return\n\n // Filter out disabled items\n const movableKeys = sourceSelectedKeys.filter((key) => {\n const item = dataSource.find((i) => i.key === key)\n return item && !item.disabled\n })\n\n if (movableKeys.length === 0) return\n\n const newTargetKeys = [...targetKeys, ...movableKeys]\n\n if (controlledTargetKeys === undefined) {\n setInternalTargetKeys(newTargetKeys)\n }\n\n setSourceSelectedKeys([])\n onChange?.(newTargetKeys, 'right', movableKeys)\n }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n const moveToSource = useCallback(() => {\n if (disabled || targetSelectedKeys.length === 0) return\n\n // Filter out disabled items\n const movableKeys = targetSelectedKeys.filter((key) => {\n const item = dataSource.find((i) => i.key === key)\n return item && !item.disabled\n })\n\n if (movableKeys.length === 0) return\n\n const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n if (controlledTargetKeys === undefined) {\n setInternalTargetKeys(newTargetKeys)\n }\n\n setTargetSelectedKeys([])\n onChange?.(newTargetKeys, 'left', movableKeys)\n }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n const canMoveToTarget = sourceSelectedKeys.some((key) => {\n const item = dataSource.find((i) => i.key === key)\n return item && !item.disabled\n })\n\n const canMoveToSource = targetSelectedKeys.some((key) => {\n const item = dataSource.find((i) => i.key === key)\n return item && !item.disabled\n })\n\n return (\n <div className={`flex items-center gap-4 ${className}`} {...rest}>\n {/* Source list */}\n <TransferList\n items={sourceItems}\n selectedKeys={sourceSelectedKeys}\n onSelectChange={handleSourceSelectChange}\n title={titles[0]}\n showSearch={showSearch}\n filterOption={filterOption}\n render={render}\n showSelectAll={showSelectAll}\n disabled={disabled}\n listStyle={listStyle}\n direction=\"left\"\n />\n\n {/* Actions */}\n <div className=\"flex flex-col gap-2\">\n <button\n type=\"button\"\n className=\"btn btn-sm btn-outline\"\n onClick={moveToTarget}\n disabled={disabled || !canMoveToTarget}\n aria-label=\"Move to target\"\n >\n <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n </svg>\n </button>\n <button\n type=\"button\"\n className=\"btn btn-sm btn-outline\"\n onClick={moveToSource}\n disabled={disabled || !canMoveToSource}\n aria-label=\"Move to source\"\n >\n <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n </svg>\n </button>\n </div>\n\n {/* Target list */}\n <TransferList\n items={targetItems}\n selectedKeys={targetSelectedKeys}\n onSelectChange={handleTargetSelectChange}\n title={titles[1]}\n showSearch={showSearch}\n filterOption={filterOption}\n render={render}\n showSelectAll={showSelectAll}\n disabled={disabled}\n listStyle={listStyle}\n direction=\"right\"\n />\n </div>\n )\n}\n"],"names":["TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index87.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n children: React.ReactNode\n vertical?: boolean\n horizontal?: boolean\n compact?: boolean\n snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n start?: React.ReactNode\n end?: React.ReactNode\n icon?: React.ReactNode\n startBox?: boolean\n endBox?: boolean\n // Internal props injected by Timeline container\n _index?: number\n _compact?: boolean\n _vertical?: boolean\n}\n\nfunction TimelineRoot({\n children,\n className = '',\n vertical = false,\n horizontal = false,\n compact = false,\n snapIcon = false,\n ...rest\n}: TimelineProps) {\n const classes = [\n 'timeline',\n vertical && 'timeline-vertical',\n horizontal && 'timeline-horizontal',\n compact && 'timeline-compact',\n snapIcon && 'timeline-snap-icon',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n // Inject index and layout props into each Timeline.Item\n const childrenWithProps = React.Children.map(children, (child, index) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n _index: index,\n _compact: compact,\n _vertical: vertical,\n } as any)\n }\n return child\n })\n\n return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n start,\n end,\n icon,\n startBox = false,\n endBox = false,\n className = '',\n _index = 0,\n _compact = false,\n _vertical = false,\n ...rest\n}: TimelineItemProps) {\n const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n // Determine if this is an even item (for alternating horizontal layout)\n const isEven = _index % 2 === 0\n\n // Render connectors and content based on layout\n if (_compact) {\n // Compact layout: connector, icon, end content, connector\n return (\n <li className={className} {...rest}>\n <hr />\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n {_index !== undefined && <hr />}\n </li>\n )\n } else if (_vertical) {\n // Vertical layout: connector, start, icon, end, connector\n return (\n <li className={className} {...rest}>\n <hr />\n {start && <div className={startClasses}>{start}</div>}\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n <hr />\n </li>\n )\n } else {\n // Horizontal alternating layout\n if (isEven) {\n // Even items: start, icon, end, connector\n return (\n <li className={className} {...rest}>\n {start && <div className={startClasses}>{start}</div>}\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n <hr />\n </li>\n )\n } else {\n // Odd items: connector, icon, start, end\n return (\n <li className={className} {...rest}>\n <hr />\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {start && <div className={startClasses}>{start}</div>}\n {end && <div className={endClasses}>{end}</div>}\n </li>\n )\n }\n }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}
|
package/dist/index88.js
CHANGED
|
@@ -1,216 +1,38 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
if (r) return r;
|
|
33
|
-
}
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i } from "react";
|
|
3
|
+
const m = i(
|
|
4
|
+
({
|
|
5
|
+
size: e,
|
|
6
|
+
color: g,
|
|
7
|
+
className: t = "",
|
|
8
|
+
...o
|
|
9
|
+
}, l) => {
|
|
10
|
+
const s = {
|
|
11
|
+
xs: "toggle-xs",
|
|
12
|
+
sm: "toggle-sm",
|
|
13
|
+
md: "toggle-md",
|
|
14
|
+
lg: "toggle-lg",
|
|
15
|
+
xl: "toggle-xl"
|
|
16
|
+
}, a = {
|
|
17
|
+
primary: "toggle-primary",
|
|
18
|
+
secondary: "toggle-secondary",
|
|
19
|
+
accent: "toggle-accent",
|
|
20
|
+
neutral: "toggle-neutral",
|
|
21
|
+
success: "toggle-success",
|
|
22
|
+
warning: "toggle-warning",
|
|
23
|
+
info: "toggle-info",
|
|
24
|
+
error: "toggle-error"
|
|
25
|
+
}, r = [
|
|
26
|
+
"toggle",
|
|
27
|
+
e && s[e],
|
|
28
|
+
g && a[g],
|
|
29
|
+
t
|
|
30
|
+
].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
|
|
31
|
+
return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
|
|
34
32
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
function _({
|
|
38
|
-
node: e,
|
|
39
|
-
level: t,
|
|
40
|
-
expanded: i,
|
|
41
|
-
selected: r,
|
|
42
|
-
checked: l,
|
|
43
|
-
indeterminate: o,
|
|
44
|
-
checkable: x,
|
|
45
|
-
selectable: M,
|
|
46
|
-
showLine: b,
|
|
47
|
-
showIcon: S,
|
|
48
|
-
onToggle: C,
|
|
49
|
-
onSelect: N,
|
|
50
|
-
onCheck: w,
|
|
51
|
-
renderChildren: j
|
|
52
|
-
}) {
|
|
53
|
-
const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
|
|
54
|
-
f.stopPropagation(), m || C(e.key);
|
|
55
|
-
}, L = () => {
|
|
56
|
-
M && e.selectable !== !1 && !e.disabled && N(e.key, e);
|
|
57
|
-
}, B = (f) => {
|
|
58
|
-
f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
|
|
59
|
-
};
|
|
60
|
-
return /* @__PURE__ */ H("div", { className: "tree-node", children: [
|
|
61
|
-
/* @__PURE__ */ H(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
className: [
|
|
65
|
-
"flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
|
|
66
|
-
r && "bg-primary/10 text-primary",
|
|
67
|
-
e.disabled && "opacity-50 cursor-not-allowed"
|
|
68
|
-
].filter(Boolean).join(" "),
|
|
69
|
-
style: { paddingLeft: `${t * 20}px` },
|
|
70
|
-
onClick: L,
|
|
71
|
-
children: [
|
|
72
|
-
/* @__PURE__ */ d(
|
|
73
|
-
"span",
|
|
74
|
-
{
|
|
75
|
-
className: [
|
|
76
|
-
"w-5 h-5 flex items-center justify-center flex-shrink-0",
|
|
77
|
-
!m && "cursor-pointer hover:bg-base-300 rounded"
|
|
78
|
-
].filter(Boolean).join(" "),
|
|
79
|
-
onClick: T,
|
|
80
|
-
children: !m && /* @__PURE__ */ d(
|
|
81
|
-
"svg",
|
|
82
|
-
{
|
|
83
|
-
className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
|
|
84
|
-
fill: "none",
|
|
85
|
-
viewBox: "0 0 24 24",
|
|
86
|
-
stroke: "currentColor",
|
|
87
|
-
children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
}
|
|
91
|
-
),
|
|
92
|
-
x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
|
|
93
|
-
"input",
|
|
94
|
-
{
|
|
95
|
-
type: "checkbox",
|
|
96
|
-
className: "checkbox checkbox-sm checkbox-primary",
|
|
97
|
-
checked: l,
|
|
98
|
-
ref: (f) => {
|
|
99
|
-
f && (f.indeterminate = o);
|
|
100
|
-
},
|
|
101
|
-
disabled: e.disabled || e.disableCheckbox,
|
|
102
|
-
onChange: () => {
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
) }),
|
|
106
|
-
S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
|
|
107
|
-
/* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
),
|
|
111
|
-
v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
|
|
112
|
-
] });
|
|
113
|
-
}
|
|
114
|
-
function se({
|
|
115
|
-
treeData: e,
|
|
116
|
-
checkable: t = !1,
|
|
117
|
-
selectable: i = !0,
|
|
118
|
-
multiple: r = !1,
|
|
119
|
-
defaultExpandAll: l = !1,
|
|
120
|
-
defaultExpandedKeys: o = [],
|
|
121
|
-
expandedKeys: x,
|
|
122
|
-
defaultSelectedKeys: M = [],
|
|
123
|
-
selectedKeys: b,
|
|
124
|
-
defaultCheckedKeys: S = [],
|
|
125
|
-
checkedKeys: C,
|
|
126
|
-
onExpand: N,
|
|
127
|
-
onSelect: w,
|
|
128
|
-
onCheck: j,
|
|
129
|
-
showLine: v = !1,
|
|
130
|
-
showIcon: m = !1,
|
|
131
|
-
className: T = "",
|
|
132
|
-
...L
|
|
133
|
-
}) {
|
|
134
|
-
const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
|
|
135
|
-
(n) => {
|
|
136
|
-
if (!n.children || n.children.length === 0)
|
|
137
|
-
return { checked: p.includes(n.key), indeterminate: !1 };
|
|
138
|
-
const a = I(n), c = a.filter((s) => p.includes(s));
|
|
139
|
-
return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
|
|
140
|
-
},
|
|
141
|
-
[p]
|
|
142
|
-
), q = K(
|
|
143
|
-
(n) => {
|
|
144
|
-
const a = A(e, n), c = y.includes(n), s = c ? y.filter((g) => g !== n) : [...y, n];
|
|
145
|
-
x === void 0 && O(s), N?.(s, { node: a, expanded: !c });
|
|
146
|
-
},
|
|
147
|
-
[y, x, N, e]
|
|
148
|
-
), z = K(
|
|
149
|
-
(n, a) => {
|
|
150
|
-
let c;
|
|
151
|
-
r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
|
|
152
|
-
},
|
|
153
|
-
[u, r, b, w]
|
|
154
|
-
), F = K(
|
|
155
|
-
(n, a) => {
|
|
156
|
-
const c = p.includes(n);
|
|
157
|
-
let s = [...p];
|
|
158
|
-
const g = I(a);
|
|
159
|
-
c ? s = s.filter(
|
|
160
|
-
(h) => h !== n && !g.includes(h)
|
|
161
|
-
) : (s.push(n), g.forEach((h) => {
|
|
162
|
-
s.includes(h) || s.push(h);
|
|
163
|
-
}));
|
|
164
|
-
let k = P.get(n) ?? null;
|
|
165
|
-
for (; k; ) {
|
|
166
|
-
const h = A(e, k);
|
|
167
|
-
h && h.children && (h.children.every(
|
|
168
|
-
(E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
|
|
169
|
-
) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
|
|
170
|
-
}
|
|
171
|
-
C === void 0 && V(s), j?.(s, { node: a, checked: !c });
|
|
172
|
-
},
|
|
173
|
-
[p, C, j, P, e]
|
|
174
|
-
), G = K(
|
|
175
|
-
(n, a) => n.map((c) => {
|
|
176
|
-
const { checked: s, indeterminate: g } = W(c);
|
|
177
|
-
return /* @__PURE__ */ d(
|
|
178
|
-
_,
|
|
179
|
-
{
|
|
180
|
-
node: c,
|
|
181
|
-
level: a,
|
|
182
|
-
expanded: y.includes(c.key),
|
|
183
|
-
selected: u.includes(c.key),
|
|
184
|
-
checked: s,
|
|
185
|
-
indeterminate: g,
|
|
186
|
-
checkable: t,
|
|
187
|
-
selectable: i,
|
|
188
|
-
showLine: v,
|
|
189
|
-
showIcon: m,
|
|
190
|
-
onToggle: q,
|
|
191
|
-
onSelect: z,
|
|
192
|
-
onCheck: F,
|
|
193
|
-
renderChildren: G
|
|
194
|
-
},
|
|
195
|
-
c.key
|
|
196
|
-
);
|
|
197
|
-
}),
|
|
198
|
-
[
|
|
199
|
-
y,
|
|
200
|
-
u,
|
|
201
|
-
t,
|
|
202
|
-
i,
|
|
203
|
-
v,
|
|
204
|
-
m,
|
|
205
|
-
q,
|
|
206
|
-
z,
|
|
207
|
-
F,
|
|
208
|
-
W
|
|
209
|
-
]
|
|
210
|
-
);
|
|
211
|
-
return /* @__PURE__ */ d("div", { className: `tree ${T}`, ...L, children: G(e, 0) });
|
|
212
|
-
}
|
|
33
|
+
);
|
|
34
|
+
m.displayName = "Toggle";
|
|
213
35
|
export {
|
|
214
|
-
|
|
36
|
+
m as Toggle
|
|
215
37
|
};
|
|
216
38
|
//# sourceMappingURL=index88.js.map
|