@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/loadingbar/loadingbar.js

@@ -0,0 +1,124 @@
+"use client";
+import '../../../styles/components/loadingbar.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { classes } from "../shared/classes.js";
+import { motionDuration, useMotionEnabled } from "../shared/motion.js";
+import { ScopedPortal } from "../shared/scoped-portal.js";
+import { useText } from "../shared/use-text.js";
+function LoadingBar({ active = false, progress, color, height = 3, position = 'top', className, style }) {
+    const t = useText();
+    const bar = useRef(null);
+    const motion = useMotionEnabled();
+    const [visible, setVisible] = useState(active);
+    const normalized = void 0 === progress ? void 0 : Math.max(0, Math.min(100, Number.isFinite(progress) ? progress : 0));
+    const [amount, setAmount] = useState(active ? normalized ?? 8 : 0);
+    useEffect(()=>{
+        if (active) {
+            setVisible(true);
+            setAmount((current)=>normalized ?? (current >= 100 ? 8 : Math.max(8, current)));
+        } else if (visible) {
+            setAmount(100);
+            const duration = motion && bar.current ? motionDuration(bar.current, 1.2) : 0;
+            if (!duration) {
+                setVisible(false);
+                setAmount(0);
+                return;
+            }
+            const timer = setTimeout(()=>{
+                setVisible(false);
+                setAmount(0);
+            }, duration + 32);
+            return ()=>clearTimeout(timer);
+        }
+    }, [
+        active,
+        normalized,
+        visible,
+        motion
+    ]);
+    useEffect(()=>{
+        if (!active || void 0 !== progress) return;
+        const timer = setInterval(()=>setAmount((current)=>Math.min(94, current + Math.max(0.4, (96 - current) * 0.07))), 350);
+        return ()=>clearInterval(timer);
+    }, [
+        active,
+        progress
+    ]);
+    if (!visible) return null;
+    return /*#__PURE__*/ jsx(ScopedPortal, {
+        children: /*#__PURE__*/ jsx("div", {
+            ref: bar,
+            className: classes('leaf-loading-bar', `leaf-loading-bar--${position}`, className),
+            role: "progressbar",
+            "aria-label": t('页面加载进度', 'Page loading progress'),
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": void 0 === progress && active ? void 0 : amount,
+            "data-complete": !active || void 0,
+            style: {
+                height,
+                ...style
+            },
+            children: /*#__PURE__*/ jsx("span", {
+                style: {
+                    width: `${Math.max(0, Math.min(100, amount))}%`,
+                    background: color
+                }
+            })
+        })
+    });
+}
+const Context = /*#__PURE__*/ createContext(null);
+function LoadingBarProvider({ children, ...props }) {
+    const pending = useRef(new Set());
+    const [active, setActive] = useState(false);
+    const [progress, setProgress] = useState();
+    const api = useMemo(()=>{
+        const finish = (key)=>{
+            const first = key ?? pending.current.values().next().value;
+            if (first) pending.current.delete(first);
+            if (!pending.current.size) setActive(false);
+        };
+        return {
+            start: ()=>{
+                const key = Symbol();
+                pending.current.add(key);
+                setProgress(void 0);
+                setActive(true);
+                return ()=>finish(key);
+            },
+            finish: ()=>finish(),
+            set: (value)=>setProgress(Math.max(0, Math.min(100, value))),
+            reset: ()=>{
+                pending.current.clear();
+                setActive(false);
+                setProgress(void 0);
+            }
+        };
+    }, []);
+    return /*#__PURE__*/ jsxs(Context.Provider, {
+        value: api,
+        children: [
+            /*#__PURE__*/ jsx(LoadingBar, {
+                ...props,
+                active: active,
+                progress: progress
+            }),
+            children
+        ]
+    });
+}
+function LoadingBarScope({ children }) {
+    return useContext(Context) ? children : /*#__PURE__*/ jsx(LoadingBarProvider, {
+        children: children
+    });
+}
+function useLoadingBar() {
+    const api = useContext(Context);
+    if (!api) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');
+    return api;
+}
+export { LoadingBar, LoadingBarProvider, LoadingBarScope, useLoadingBar };
+
+//# sourceMappingURL=loadingbar.js.map

package/dist/esm/browser/modules/loadingbar/loadingbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadingbar/loadingbar.js","sources":["../../../../../src/loadingbar/loadingbar.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classes } from '../shared/classes';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useText } from '../shared/use-text';\nexport interface LoadingBarProps {\n  active?: boolean;\n  progress?: number;\n  color?: string;\n  height?: number;\n  position?: 'top' | 'bottom';\n  className?: string;\n  style?: CSSProperties;\n}\nexport function LoadingBar({\n  active = false,\n  progress,\n  color,\n  height = 3,\n  position = 'top',\n  className,\n  style,\n}: LoadingBarProps) {\n  const t = useText();\n  const bar = useRef<HTMLDivElement>(null);\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(active);\n  const normalized =\n    progress === undefined\n      ? undefined\n      : Math.max(0, Math.min(100, Number.isFinite(progress) ? progress : 0));\n  const [amount, setAmount] = useState(active ? (normalized ?? 8) : 0);\n  useEffect(() => {\n    if (active) {\n      setVisible(true);\n      setAmount((current) => normalized ?? (current >= 100 ? 8 : Math.max(8, current)));\n    } else if (visible) {\n      setAmount(100);\n      const duration = motion && bar.current ? motionDuration(bar.current, 1.2) : 0;\n      if (!duration) {\n        setVisible(false);\n        setAmount(0);\n        return;\n      }\n      const timer = setTimeout(() => {\n        setVisible(false);\n        setAmount(0);\n      }, duration + 32);\n      return () => clearTimeout(timer);\n    }\n  }, [active, normalized, visible, motion]);\n  useEffect(() => {\n    if (!active || progress !== undefined) return;\n    const timer = setInterval(\n      () => setAmount((current) => Math.min(94, current + Math.max(0.4, (96 - current) * 0.07))),\n      350,\n    );\n    return () => clearInterval(timer);\n  }, [active, progress]);\n  if (!visible) return null;\n  return (\n    <ScopedPortal>\n      <div\n        ref={bar}\n        className={classes('leaf-loading-bar', `leaf-loading-bar--${position}`, className)}\n        role=\"progressbar\"\n        aria-label={t('页面加载进度', 'Page loading progress')}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={progress === undefined && active ? undefined : amount}\n        data-complete={!active || undefined}\n        style={{ height, ...style }}\n      >\n        <span style={{ width: `${Math.max(0, Math.min(100, amount))}%`, background: color }} />\n      </div>\n    </ScopedPortal>\n  );\n}\nexport interface LoadingBarApi {\n  start: () => () => void;\n  finish: () => void;\n  set: (progress: number) => void;\n  reset: () => void;\n}\nconst Context = createContext<LoadingBarApi | null>(null);\nexport interface LoadingBarProviderProps extends Omit<LoadingBarProps, 'active' | 'progress'> {\n  children?: ReactNode;\n}\nexport function LoadingBarProvider({ children, ...props }: LoadingBarProviderProps) {\n  const pending = useRef(new Set<symbol>());\n  const [active, setActive] = useState(false);\n  const [progress, setProgress] = useState<number | undefined>();\n  const api = useMemo<LoadingBarApi>(() => {\n    const finish = (key?: symbol) => {\n      const first = key ?? pending.current.values().next().value;\n      if (first) pending.current.delete(first);\n      if (!pending.current.size) setActive(false);\n    };\n    return {\n      start: () => {\n        const key = Symbol();\n        pending.current.add(key);\n        setProgress(undefined);\n        setActive(true);\n        return () => finish(key);\n      },\n      finish: () => finish(),\n      set: (value) => setProgress(Math.max(0, Math.min(100, value))),\n      reset: () => {\n        pending.current.clear();\n        setActive(false);\n        setProgress(undefined);\n      },\n    };\n  }, []);\n  return (\n    <Context.Provider value={api}>\n      <LoadingBar {...props} active={active} progress={progress} />\n      {children}\n    </Context.Provider>\n  );\n}\nexport function LoadingBarScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <LoadingBarProvider>{children}</LoadingBarProvider>;\n}\nexport function useLoadingBar() {\n  const api = useContext(Context);\n  if (!api) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');\n  return api;\n}\n"],"names":["LoadingBar","active","progress","color","height","position","className","style","t","useText","bar","useRef","motion","useMotionEnabled","visible","setVisible","useState","normalized","undefined","Math","Number","amount","setAmount","useEffect","current","duration","motionDuration","timer","setTimeout","clearTimeout","setInterval","clearInterval","ScopedPortal","classes","Context","createContext","LoadingBarProvider","children","props","pending","Set","setActive","setProgress","api","useMemo","finish","key","first","Symbol","value","LoadingBarScope","useContext","useLoadingBar","Error"],"mappings":"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"}

package/dist/esm/browser/modules/locales/zh-tw.js

@@ -0,0 +1,263 @@
+"use client";
+const traditionalMessages = {
+    select: '請選擇',
+    empty: '暫無選項',
+    noMatches: '沒有匹配建議，可繼續輸入',
+    clearSelection: '清除選擇',
+    date: '請選擇日期',
+    time: '請選擇時間',
+    dateTime: '請選擇日期和時間',
+    range: '請選擇日期區間',
+    clearDate: '清除日期',
+    clearTime: '清除時間',
+    clearRange: '清除區間',
+    clearCascader: '清除級聯選擇',
+    chooseDate: '選擇日期',
+    chooseTime: '選擇時間',
+    previousMonth: '上個月',
+    nextMonth: '下個月',
+    previousYear: '上一年',
+    nextYear: '下一年',
+    previousYears: '上一組年份',
+    nextYears: '下一組年份',
+    hours: '小時',
+    minutes: '分鐘',
+    seconds: '秒',
+    period: '時段',
+    am: '上午',
+    pm: '下午',
+    weekdays: [
+        '一',
+        '二',
+        '三',
+        '四',
+        '五',
+        '六',
+        '日'
+    ],
+    confirm: '確定',
+    cancel: '取消',
+    close: '關閉',
+    start: '開始',
+    end: '結束',
+    required: '請填寫此項',
+    invalid: '請檢查此項內容',
+    useTime: '使用',
+    year: '年',
+    month: '月',
+    week: '周',
+    dateMode: '日期',
+    loading: '處理中',
+    today: '今天',
+    now: '當前時間',
+    selectTime: '選擇時間',
+    selectDate: '選擇日期',
+    remove: '移除',
+    search: '搜尋選項',
+    breadcrumb: '麵包屑',
+    pagination: '分頁',
+    previousPage: '上一頁',
+    nextPage: '下一頁',
+    page: '頁',
+    pageSize: '每頁條數',
+    itemsPerPage: '條/頁',
+    jumpTo: '跳至',
+    showPassword: '顯示密碼',
+    hidePassword: '隱藏密碼',
+    increase: '增加數值',
+    decrease: '減少數值',
+    invalidNumber: '請輸入範圍內的有效數字',
+    progress: '進度',
+    calendar: '日曆',
+    clearInput: '清除輸入',
+    noData: '暫無資料',
+    avatar: '頭像',
+    rating: '評分',
+    resultSuccess: '操作成功',
+    resultWarning: '請留意',
+    resultError: '操作失敗',
+    resultInfo: '提示資訊',
+    color: '選擇顏色',
+    clearColor: '清除顏色',
+    saturation: '飽和度',
+    brightness: '亮度',
+    hue: '色相',
+    alpha: '透明度',
+    colorValue: '顏色值',
+    invalidColor: '請輸入有效的顏色',
+    presets: '預設顏色',
+    tree: '樹',
+    expand: '展開',
+    collapseNode: '收起',
+    collapse: '摺疊面板',
+    slider: '滑動輸入',
+    pageBack: '向前跳 5 頁',
+    pageForward: '向後跳 5 頁',
+    closeTab: '關閉標籤頁'
+};
+const traditionalTextMessages = {
+    '': '張圖片',
+    '{index} of {total}': '第 {index} 張，共 {total} 張',
+    'Action failed. Please retry.': '操作失敗，請重試',
+    'Add color stop': '增加色標',
+    'Add tab': '新增標籤頁',
+    'All items loaded': '已載入全部內容',
+    Angle: '角度',
+    Available: '可選專案',
+    'Back to top': '回到頂部',
+    'Bottom edge': '下邊緣',
+    'Bottom left': '左下角',
+    'Bottom right': '右下角',
+    'Cancel upload': '取消上傳',
+    Cancelled: '已取消',
+    Carousel: '輪播',
+    'Choose files': '選擇檔案',
+    'Choose files or drag them into this area': '支援選擇和拖拽上傳',
+    'Choose one file at a time': '每次只能選擇一個檔案',
+    'Choose time range': '選擇時間範圍',
+    Clear: '清空',
+    'Clear sorting': '取消排序',
+    'Clear time range': '清除時間範圍',
+    'Click or drop files here': '點選或拖拽檔案到這裡',
+    'Close preview': '關閉預覽',
+    Collapse: '收起',
+    'Collapse row': '收起行',
+    'Collapse sidebar': '收起側欄',
+    Color: '顏色',
+    'Color stop': '色標',
+    'Color stop position': '色標位置',
+    Columns: '顯示列',
+    'Command search': '命令搜尋',
+    Commands: '命令',
+    'Copy text': '複製文本',
+    Create: '建立',
+    Crop: '裁剪',
+    'Crop dimensions': '裁剪尺寸',
+    'Crop selection. Arrow keys move; drag edges to resize': '裁剪區域，方向鍵移動，拖動邊緣調整大小',
+    Download: '下載',
+    'Download failed. Open the original image to save it.': '下載失敗，可在新視窗開啟原圖儲存',
+    'Download image': '下載圖片',
+    'Drag to reorder': '拖動排序',
+    Dropped: '已放置',
+    'Edit text': '編輯文本',
+    'Enter fullscreen': '進入全屏',
+    'Exit fullscreen': '退出全屏',
+    Expand: '展開',
+    'Expand or collapse children': '展開或收起子節點',
+    'Expand row': '展開行',
+    'Expand rows': '展開行',
+    'Expand sidebar': '展開側欄',
+    'Export failed. Check image CORS permissions.': '匯出失敗，請檢查圖片跨域許可權',
+    FILE: '檔案',
+    'File count limit reached': '檔案數量達到上限',
+    'File exceeds the size limit': '檔案超過大小限制',
+    'File type is not accepted': '檔案格式不支援',
+    'File validation failed': '檔案未通過校驗',
+    Finish: '完成',
+    'Go to': '轉到',
+    Gradient: '漸變',
+    'Gradient angle': '漸變角度',
+    'Handwritten signature area': '手寫簽名區域',
+    'Horizontal scrollbar': '橫向捲軸',
+    Image: '圖片',
+    'Image could not be loaded': '圖片載入失敗',
+    'Image list': '圖片列表',
+    'Image preview': '圖片預覽',
+    'Image to crop': '待裁剪圖片',
+    'Image unavailable': '圖片載入失敗',
+    'Left edge': '左邊緣',
+    'Load more': '載入更多',
+    Loading: '載入中',
+    'Loading failed. Retry': '載入失敗，重試',
+    'More actions': '更多操作',
+    'More members': '更多成員',
+    'More tabs': '更多標籤頁',
+    'Move node': '移動節點',
+    'Move the selection · Drag its edges to resize': '拖動選框移動 · 拖動邊緣調整',
+    'Move to': '移至',
+    'Move to available': '移回可選',
+    'Move to selected': '移至已選',
+    Navigate: '選擇',
+    'Navigation menu': '導航選單',
+    Next: '下一步',
+    'Next image': '下一張',
+    'Next page': '下一頁',
+    'Next slide': '下一張',
+    'No data': '暫無資料',
+    'No files': '暫無檔案',
+    'No items': '暫無專案',
+    'Open original': '開啟原圖',
+    'Organization chart': '組織結構圖',
+    'Page loading progress': '頁面載入進度',
+    Pagination: '分頁',
+    'Picked up': '開始移動',
+    'Please retry or come back later.': '請重試，或稍後返回。',
+    Position: '位置',
+    'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.': '按空格開始拖動，上下選擇目標，左放在目標前方，右放在目標後方，空格放置，Escape 取消。',
+    'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.': '按空格開始排序，方向鍵移動，再按空格確認，Escape 取消。',
+    Preview: '預覽',
+    'Preview image': '預覽圖片',
+    Previous: '上一步',
+    'Previous image': '上一張',
+    'Previous page': '上一頁',
+    'Previous slide': '上一張',
+    'QR code': '二維碼',
+    'Quick actions': '快捷操作',
+    Ready: '待上傳',
+    'Refresh code': '重新整理二維碼',
+    Remove: '移除',
+    'Remove color stop': '刪除色標',
+    'Reorder column': '移動列',
+    'Reorder row': '移動行',
+    'Reorder rows': '移動行',
+    'Reordering cancelled': '已取消排序',
+    Reset: '重置',
+    'Reset zoom': '重置縮放',
+    'Resize column': '調整列寬',
+    'Resize panel': '調整面板',
+    Retry: '重試',
+    'Retry upload': '重新上傳',
+    'Right edge': '右邊緣',
+    Run: '執行',
+    'Scroll area': '滾動區域',
+    'Scroll thumbnails backward': '向前滾動縮圖',
+    'Scroll thumbnails forward': '向後滾動縮圖',
+    Search: '搜尋',
+    'Search available items': '搜尋可選專案',
+    'Search commands': '搜尋命令',
+    'Search commands…': '搜尋命令…',
+    'Search selected items': '搜尋已選專案',
+    'Search table': '搜尋表格',
+    'Select all rows': '選擇所有行',
+    'Select all rows on this page': '選擇本頁所有行',
+    'Select all visible items': '選擇本頁全部',
+    'Select row': '選擇行',
+    'Select rows': '選擇行',
+    Selected: '已選專案',
+    'Show thumbnails': '顯示縮圖',
+    'Sign here': '在此簽名',
+    'Sort ascending': '升序排序',
+    'Sort descending': '降序排序',
+    'Start time ~ End time': '開始時間 ～ 結束時間',
+    Table: '表格',
+    'This content could not be displayed': '內容暫時無法顯示',
+    'Toggle panel': '摺疊或展開面板',
+    'Top edge': '上邊緣',
+    'Top left': '左上角',
+    'Top right': '右上角',
+    'Unable to load data. Please try again.': '載入失敗，請重試',
+    Undo: '撤銷',
+    'Upload complete': '上傳完成',
+    'Upload failed': '上傳失敗',
+    'Upload progress': '上傳進度',
+    'Upload URL cannot be empty': '上傳地址不能為空',
+    Uploading: '上傳中',
+    'Verification code': '驗證碼',
+    'Vertical scrollbar': '縱向捲軸',
+    'View image': '檢視第',
+    'Zoom in': '放大',
+    'Zoom out': '縮小'
+};
+export { traditionalMessages, traditionalTextMessages };
+
+//# sourceMappingURL=zh-tw.js.map

package/dist/esm/browser/modules/locales/zh-tw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales/zh-tw.js","sources":["../../../../../src/locales/zh-tw.ts"],"sourcesContent":["// Generated by scripts/generate-locale.mjs using OpenCC (MIT).\nexport const traditionalMessages = {\n  select: '請選擇',\n  empty: '暫無選項',\n  noMatches: '沒有匹配建議，可繼續輸入',\n  clearSelection: '清除選擇',\n  date: '請選擇日期',\n  time: '請選擇時間',\n  dateTime: '請選擇日期和時間',\n  range: '請選擇日期區間',\n  clearDate: '清除日期',\n  clearTime: '清除時間',\n  clearRange: '清除區間',\n  clearCascader: '清除級聯選擇',\n  chooseDate: '選擇日期',\n  chooseTime: '選擇時間',\n  previousMonth: '上個月',\n  nextMonth: '下個月',\n  previousYear: '上一年',\n  nextYear: '下一年',\n  previousYears: '上一組年份',\n  nextYears: '下一組年份',\n  hours: '小時',\n  minutes: '分鐘',\n  seconds: '秒',\n  period: '時段',\n  am: '上午',\n  pm: '下午',\n  weekdays: ['一', '二', '三', '四', '五', '六', '日'],\n  confirm: '確定',\n  cancel: '取消',\n  close: '關閉',\n  start: '開始',\n  end: '結束',\n  required: '請填寫此項',\n  invalid: '請檢查此項內容',\n  useTime: '使用',\n  year: '年',\n  month: '月',\n  week: '周',\n  dateMode: '日期',\n  loading: '處理中',\n  today: '今天',\n  now: '當前時間',\n  selectTime: '選擇時間',\n  selectDate: '選擇日期',\n  remove: '移除',\n  search: '搜尋選項',\n  breadcrumb: '麵包屑',\n  pagination: '分頁',\n  previousPage: '上一頁',\n  nextPage: '下一頁',\n  page: '頁',\n  pageSize: '每頁條數',\n  itemsPerPage: '條/頁',\n  jumpTo: '跳至',\n  showPassword: '顯示密碼',\n  hidePassword: '隱藏密碼',\n  increase: '增加數值',\n  decrease: '減少數值',\n  invalidNumber: '請輸入範圍內的有效數字',\n  progress: '進度',\n  calendar: '日曆',\n  clearInput: '清除輸入',\n  noData: '暫無資料',\n  avatar: '頭像',\n  rating: '評分',\n  resultSuccess: '操作成功',\n  resultWarning: '請留意',\n  resultError: '操作失敗',\n  resultInfo: '提示資訊',\n  color: '選擇顏色',\n  clearColor: '清除顏色',\n  saturation: '飽和度',\n  brightness: '亮度',\n  hue: '色相',\n  alpha: '透明度',\n  colorValue: '顏色值',\n  invalidColor: '請輸入有效的顏色',\n  presets: '預設顏色',\n  tree: '樹',\n  expand: '展開',\n  collapseNode: '收起',\n  collapse: '摺疊面板',\n  slider: '滑動輸入',\n  pageBack: '向前跳 5 頁',\n  pageForward: '向後跳 5 頁',\n  closeTab: '關閉標籤頁',\n};\nexport const traditionalTextMessages: Record<string, string> = {\n  '': '張圖片',\n  '{index} of {total}': '第 {index} 張，共 {total} 張',\n  'Action failed. Please retry.': '操作失敗，請重試',\n  'Add color stop': '增加色標',\n  'Add tab': '新增標籤頁',\n  'All items loaded': '已載入全部內容',\n  Angle: '角度',\n  Available: '可選專案',\n  'Back to top': '回到頂部',\n  'Bottom edge': '下邊緣',\n  'Bottom left': '左下角',\n  'Bottom right': '右下角',\n  'Cancel upload': '取消上傳',\n  Cancelled: '已取消',\n  Carousel: '輪播',\n  'Choose files': '選擇檔案',\n  'Choose files or drag them into this area': '支援選擇和拖拽上傳',\n  'Choose one file at a time': '每次只能選擇一個檔案',\n  'Choose time range': '選擇時間範圍',\n  Clear: '清空',\n  'Clear sorting': '取消排序',\n  'Clear time range': '清除時間範圍',\n  'Click or drop files here': '點選或拖拽檔案到這裡',\n  'Close preview': '關閉預覽',\n  Collapse: '收起',\n  'Collapse row': '收起行',\n  'Collapse sidebar': '收起側欄',\n  Color: '顏色',\n  'Color stop': '色標',\n  'Color stop position': '色標位置',\n  Columns: '顯示列',\n  'Command search': '命令搜尋',\n  Commands: '命令',\n  'Copy text': '複製文本',\n  Create: '建立',\n  Crop: '裁剪',\n  'Crop dimensions': '裁剪尺寸',\n  'Crop selection. Arrow keys move; drag edges to resize': '裁剪區域，方向鍵移動，拖動邊緣調整大小',\n  Download: '下載',\n  'Download failed. Open the original image to save it.': '下載失敗，可在新視窗開啟原圖儲存',\n  'Download image': '下載圖片',\n  'Drag to reorder': '拖動排序',\n  Dropped: '已放置',\n  'Edit text': '編輯文本',\n  'Enter fullscreen': '進入全屏',\n  'Exit fullscreen': '退出全屏',\n  Expand: '展開',\n  'Expand or collapse children': '展開或收起子節點',\n  'Expand row': '展開行',\n  'Expand rows': '展開行',\n  'Expand sidebar': '展開側欄',\n  'Export failed. Check image CORS permissions.': '匯出失敗，請檢查圖片跨域許可權',\n  FILE: '檔案',\n  'File count limit reached': '檔案數量達到上限',\n  'File exceeds the size limit': '檔案超過大小限制',\n  'File type is not accepted': '檔案格式不支援',\n  'File validation failed': '檔案未通過校驗',\n  Finish: '完成',\n  'Go to': '轉到',\n  Gradient: '漸變',\n  'Gradient angle': '漸變角度',\n  'Handwritten signature area': '手寫簽名區域',\n  'Horizontal scrollbar': '橫向捲軸',\n  Image: '圖片',\n  'Image could not be loaded': '圖片載入失敗',\n  'Image list': '圖片列表',\n  'Image preview': '圖片預覽',\n  'Image to crop': '待裁剪圖片',\n  'Image unavailable': '圖片載入失敗',\n  'Left edge': '左邊緣',\n  'Load more': '載入更多',\n  Loading: '載入中',\n  'Loading failed. Retry': '載入失敗，重試',\n  'More actions': '更多操作',\n  'More members': '更多成員',\n  'More tabs': '更多標籤頁',\n  'Move node': '移動節點',\n  'Move the selection · Drag its edges to resize': '拖動選框移動 · 拖動邊緣調整',\n  'Move to': '移至',\n  'Move to available': '移回可選',\n  'Move to selected': '移至已選',\n  Navigate: '選擇',\n  'Navigation menu': '導航選單',\n  Next: '下一步',\n  'Next image': '下一張',\n  'Next page': '下一頁',\n  'Next slide': '下一張',\n  'No data': '暫無資料',\n  'No files': '暫無檔案',\n  'No items': '暫無專案',\n  'Open original': '開啟原圖',\n  'Organization chart': '組織結構圖',\n  'Page loading progress': '頁面載入進度',\n  Pagination: '分頁',\n  'Picked up': '開始移動',\n  'Please retry or come back later.': '請重試，或稍後返回。',\n  Position: '位置',\n  'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.':\n    '按空格開始拖動，上下選擇目標，左放在目標前方，右放在目標後方，空格放置，Escape 取消。',\n  'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.':\n    '按空格開始排序，方向鍵移動，再按空格確認，Escape 取消。',\n  Preview: '預覽',\n  'Preview image': '預覽圖片',\n  Previous: '上一步',\n  'Previous image': '上一張',\n  'Previous page': '上一頁',\n  'Previous slide': '上一張',\n  'QR code': '二維碼',\n  'Quick actions': '快捷操作',\n  Ready: '待上傳',\n  'Refresh code': '重新整理二維碼',\n  Remove: '移除',\n  'Remove color stop': '刪除色標',\n  'Reorder column': '移動列',\n  'Reorder row': '移動行',\n  'Reorder rows': '移動行',\n  'Reordering cancelled': '已取消排序',\n  Reset: '重置',\n  'Reset zoom': '重置縮放',\n  'Resize column': '調整列寬',\n  'Resize panel': '調整面板',\n  Retry: '重試',\n  'Retry upload': '重新上傳',\n  'Right edge': '右邊緣',\n  Run: '執行',\n  'Scroll area': '滾動區域',\n  'Scroll thumbnails backward': '向前滾動縮圖',\n  'Scroll thumbnails forward': '向後滾動縮圖',\n  Search: '搜尋',\n  'Search available items': '搜尋可選專案',\n  'Search commands': '搜尋命令',\n  'Search commands…': '搜尋命令…',\n  'Search selected items': '搜尋已選專案',\n  'Search table': '搜尋表格',\n  'Select all rows': '選擇所有行',\n  'Select all rows on this page': '選擇本頁所有行',\n  'Select all visible items': '選擇本頁全部',\n  'Select row': '選擇行',\n  'Select rows': '選擇行',\n  Selected: '已選專案',\n  'Show thumbnails': '顯示縮圖',\n  'Sign here': '在此簽名',\n  'Sort ascending': '升序排序',\n  'Sort descending': '降序排序',\n  'Start time ~ End time': '開始時間 ～ 結束時間',\n  Table: '表格',\n  'This content could not be displayed': '內容暫時無法顯示',\n  'Toggle panel': '摺疊或展開面板',\n  'Top edge': '上邊緣',\n  'Top left': '左上角',\n  'Top right': '右上角',\n  'Unable to load data. Please try again.': '載入失敗，請重試',\n  Undo: '撤銷',\n  'Upload complete': '上傳完成',\n  'Upload failed': '上傳失敗',\n  'Upload progress': '上傳進度',\n  'Upload URL cannot be empty': '上傳地址不能為空',\n  Uploading: '上傳中',\n  'Verification code': '驗證碼',\n  'Vertical scrollbar': '縱向捲軸',\n  'View image': '檢視第',\n  'Zoom in': '放大',\n  'Zoom out': '縮小',\n};\n"],"names":["traditionalMessages","traditionalTextMessages"],"mappings":"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"}

package/dist/esm/browser/modules/masonry/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Masonry } from "./masonry.js";

package/dist/esm/browser/modules/masonry/masonry.js

@@ -0,0 +1,42 @@
+"use client";
+import '../../../styles/components/masonry.css';
+import { jsx } from "react/jsx-runtime";
+import { Children, forwardRef } from "react";
+import { classes } from "../shared/classes.js";
+const masonry_Masonry = /*#__PURE__*/ forwardRef(function({ columns = {
+    xs: 1,
+    sm: 2,
+    lg: 3
+}, gap = 16, className, children, style, ...props }, ref) {
+    const variables = {
+        '--leaf-masonry-gap': 'number' == typeof gap ? `${gap}px` : gap,
+        ...style
+    };
+    if ('number' == typeof columns) variables['--leaf-masonry-columns'] = Math.max(1, columns);
+    else {
+        let last = 1;
+        for (const point of [
+            'xs',
+            'sm',
+            'md',
+            'lg',
+            'xl'
+        ]){
+            last = columns[point] ?? last;
+            variables[`--leaf-masonry-columns-${point}`] = Math.max(1, Math.trunc(last));
+        }
+    }
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-masonry', className),
+        style: variables,
+        children: Children.toArray(children).map((child, index)=>/*#__PURE__*/ jsx("div", {
+                className: "leaf-masonry__item",
+                children: child
+            }, 'object' == typeof child && null !== child && 'key' in child ? child.key : index))
+    });
+});
+export { masonry_Masonry as Masonry };
+
+//# sourceMappingURL=masonry.js.map

package/dist/esm/browser/modules/masonry/masonry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masonry/masonry.js","sources":["../../../../../src/masonry/masonry.tsx"],"sourcesContent":["import { Children, forwardRef, type HTMLAttributes } from 'react';\nimport type { GridBreakpoint } from '../grid/grid';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\nexport interface MasonryProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string;\n}\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(function Masonry(\n  { columns = { xs: 1, sm: 2, lg: 3 }, gap = 16, className, children, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    '--leaf-masonry-gap': typeof gap === 'number' ? `${gap}px` : gap,\n    ...style,\n  };\n  if (typeof columns === 'number') variables['--leaf-masonry-columns'] = Math.max(1, columns);\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-masonry-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return (\n    <div {...props} ref={ref} className={classes('leaf-masonry', className)} style={variables}>\n      {Children.toArray(children).map((child, index) => (\n        <div\n          className=\"leaf-masonry__item\"\n          key={typeof child === 'object' && child !== null && 'key' in child ? child.key : index}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n});\n"],"names":["Masonry","forwardRef","columns","gap","className","children","style","props","ref","variables","Math","last","point","classes","Children","child","index"],"mappings":";;;;;AAQO,MAAMA,kBAAU,WAAHA,GAAGC,WAAyC,SAC9D,EAAEC,UAAU;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;AAAE,CAAC,EAAEC,MAAM,EAAE,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,OAAO,EACrFC,GAAG;IAEH,MAAMC,YAA4B;QAChC,sBAAsB,AAAe,YAAf,OAAON,MAAmB,GAAGA,IAAI,EAAE,CAAC,GAAGA;QAC7D,GAAGG,KAAK;IACV;IACA,IAAI,AAAmB,YAAnB,OAAOJ,SAAsBO,SAAS,CAAC,yBAAyB,GAAGC,KAAK,GAAG,CAAC,GAAGR;SAC9E;QACH,IAAIS,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOT,OAAO,CAACU,MAAM,IAAID;YACzBF,SAAS,CAAC,CAAC,uBAAuB,EAAEG,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACC;QACxE;IACF;IACA,OAAO,WAAP,GACE,IAAC;QAAK,GAAGJ,KAAK;QAAE,KAAKC;QAAK,WAAWK,QAAQ,gBAAgBT;QAAY,OAAOK;kBAC7EK,SAAS,OAAO,CAACT,UAAU,GAAG,CAAC,CAACU,OAAOC,QAAAA,WAAAA,GACtC,IAAC;gBACC,WAAU;0BAGTD;eAFI,AAAiB,YAAjB,OAAOA,SAAsBA,AAAU,SAAVA,SAAkB,SAASA,QAAQA,MAAM,GAAG,GAAGC;;AAO3F"}

package/dist/esm/browser/modules/mentions/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./mentions.js";

package/dist/esm/browser/modules/mentions/mentions.js

@@ -0,0 +1,153 @@
+"use client";
+import '../../../styles/components/mentions.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { classes } from "../shared/classes.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
+import { Textarea } from "../textarea/index.js";
+const defaultPrefixes = [
+    '@'
+];
+const mentions_Mentions = /*#__PURE__*/ forwardRef(function({ value, defaultValue = '', onChange, onSearch, onSelect, options, prefixes = defaultPrefixes, split = ' ', loading, notFoundContent, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, ...props }, ref) {
+    const input = useRef(null), panel = useRef(null), merged = useMergedRef(input, ref), id = useId(), field = useFormField();
+    const { messages } = useLeafConfig();
+    const [text, setText] = useFieldValue(value, defaultValue, input, props.form);
+    const [match, setMatch] = useState(null), [active, setActive] = useState(0);
+    const disabled = props.disabled || field?.disabled || props.readOnly;
+    const find = (value, cursor)=>{
+        const before = value.slice(0, cursor);
+        let found = null;
+        for (const prefix of prefixes){
+            const start = before.lastIndexOf(prefix);
+            if (start < 0 || start > 0 && !/\s/.test(before[start - 1] ?? '')) continue;
+            const query = before.slice(start + prefix.length);
+            if (!/\s/.test(query)) {
+                if (!found || start > found.start) found = {
+                    start,
+                    end: cursor,
+                    prefix,
+                    query
+                };
+            }
+        }
+        setMatch(found);
+        setActive(0);
+        if (found) onSearch?.(found.query, found.prefix);
+    };
+    const list = options.filter((option)=>(option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).toLocaleLowerCase().includes(match?.query.toLocaleLowerCase() ?? ''));
+    const select = (option)=>{
+        if (!match || disabled || option.disabled) return;
+        const insertion = match.prefix + option.value + split;
+        const next = text.slice(0, match.start) + insertion + text.slice(match.end);
+        setText(next);
+        onChange?.(next);
+        onSelect?.(option, match.prefix);
+        setMatch(null);
+        requestAnimationFrame(()=>{
+            input.current?.focus();
+            input.current?.setSelectionRange(match.start + insertion.length, match.start + insertion.length);
+        });
+    };
+    const open = !!match && !disabled;
+    useFloatingDismiss(open, ()=>setMatch(null), input, panel);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Textarea, {
+                ...props,
+                className: classes('leaf-mentions', props.className),
+                ref: merged,
+                value: text,
+                role: "combobox",
+                "aria-autocomplete": "list",
+                "aria-haspopup": "listbox",
+                "aria-expanded": open,
+                "aria-controls": open ? id : void 0,
+                "aria-activedescendant": open && list[active] ? `${id}-${active}` : void 0,
+                onChange: (event)=>{
+                    setText(event.target.value);
+                    onChange?.(event.target.value);
+                    if (!event.nativeEvent.isComposing) find(event.target.value, event.target.selectionStart);
+                },
+                onCompositionEnd: (event)=>{
+                    props.onCompositionEnd?.(event);
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onClick: (event)=>{
+                    props.onClick?.(event);
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onSelect: (event)=>{
+                    find(event.currentTarget.value, event.currentTarget.selectionStart);
+                },
+                onKeyDown: (event)=>{
+                    props.onKeyDown?.(event);
+                    if (event.defaultPrevented || event.nativeEvent.isComposing || !open) return;
+                    if ([
+                        'ArrowUp',
+                        'ArrowDown'
+                    ].includes(event.key)) {
+                        event.preventDefault();
+                        let next = active;
+                        for(let i = 0; i < list.length; i++){
+                            next = (next + ('ArrowDown' === event.key ? 1 : -1) + list.length) % list.length;
+                            if (!list[next]?.disabled) break;
+                        }
+                        setActive(next);
+                    }
+                    const option = list[active];
+                    if ('Enter' === event.key && option) {
+                        event.preventDefault();
+                        select(option);
+                    }
+                    if ('Escape' === event.key) {
+                        event.preventDefault();
+                        setMatch(null);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(FloatingPanel, {
+                open: open,
+                triggerRef: input,
+                panelRef: panel,
+                matchWidth: true,
+                placement: popupPlacement,
+                style: popupStyle,
+                render: popupRender,
+                container: getPopupContainer,
+                className: classes('leaf-floating', 'leaf-mentions__panel', popupClassName),
+                role: "listbox",
+                id: id,
+                "aria-label": messages.search,
+                children: list.length ? list.map((option, index)=>/*#__PURE__*/ jsxs("button", {
+                        id: `${id}-${index}`,
+                        type: "button",
+                        role: "option",
+                        "aria-selected": active === index,
+                        disabled: option.disabled,
+                        tabIndex: -1,
+                        className: "leaf-floating__option",
+                        onMouseDown: (event)=>event.preventDefault(),
+                        onMouseEnter: ()=>setActive(index),
+                        onClick: ()=>select(option),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "leaf-mentions__prefix",
+                                "aria-hidden": "true",
+                                children: match?.prefix
+                            }),
+                            option.label ?? option.value
+                        ]
+                    }, option.value)) : /*#__PURE__*/ jsx("div", {
+                    className: "leaf-floating__empty",
+                    children: loading ? messages.loading : notFoundContent ?? messages.empty
+                })
+            })
+        ]
+    });
+});
+export { mentions_Mentions as Mentions };
+
+//# sourceMappingURL=mentions.js.map