sakana-element 2.1.5 → 2.3.0

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.
Files changed (157) hide show
  1. package/README.md +95 -19
  2. package/dist/es/{Alert-C76ZWSVk.js → Alert-BwTsp4X3.js} +2 -2
  3. package/dist/es/Avatar-CJu6JYV3.js +9 -0
  4. package/dist/es/Badge-BmxZXX8k.js +14 -0
  5. package/dist/es/Breadcrumb-BP8MSklj.js +15 -0
  6. package/dist/es/{Button-fW_ZOLmT.js → Button-BJHtN7gh.js} +5 -5
  7. package/dist/es/Card-DJHkCmsz.js +16 -0
  8. package/dist/es/Checkbox-DX8L3fyp.js +51 -0
  9. package/dist/es/Collapse-Ir3V9CuO.js +53 -0
  10. package/dist/es/ConfigProvider-CsbSqwwi.js +44 -0
  11. package/dist/es/Divider-C7PtODSK.js +9 -0
  12. package/dist/es/Drawer-C2eVmvUp.js +40 -0
  13. package/dist/es/Dropdown-CVg_c2fB.js +104 -0
  14. package/dist/es/FileInput-BE26BmXm.js +33 -0
  15. package/dist/es/Form-7lZt5ehf.js +122 -0
  16. package/dist/es/{Icon-DpJyuj7c.js → Icon-BLDDdSU-.js} +1 -1
  17. package/dist/es/Indicator-B-en-MgG.js +9 -0
  18. package/dist/es/{Input-DBPpvf0Y.js → Input-C5HuVehE.js} +4 -4
  19. package/dist/es/Link-Av9RdcFv.js +11 -0
  20. package/dist/es/Loading-CBNDUWQd.js +92 -0
  21. package/dist/es/Message-DgnyyuXn.js +152 -0
  22. package/dist/es/Notification-LYRXnVAf.js +69 -0
  23. package/dist/es/{Overlay-BRDSWspM.js → Overlay-CpvMhnuU.js} +1 -1
  24. package/dist/es/Pixelate-BPypBgJU.js +67 -0
  25. package/dist/es/Popconfirm-DvxFdLrw.js +23 -0
  26. package/dist/es/Progress-Bc5INMhJ.js +12 -0
  27. package/dist/es/Radio-263_rtRl.js +33 -0
  28. package/dist/es/Select-7ZxUCS8z.js +133 -0
  29. package/dist/es/Switch-DiCsMJT3.js +34 -0
  30. package/dist/es/Table-BvA_xzDe.js +10 -0
  31. package/dist/es/Tooltip-J3ji6weH.js +74 -0
  32. package/dist/es/hooks-BqobYUzS.js +171 -0
  33. package/dist/es/index.js +94 -64
  34. package/dist/{theme → es/theme}/Alert.css +1 -1
  35. package/dist/es/theme/Avatar.css +86 -0
  36. package/dist/{theme → es/theme}/Badge.css +36 -30
  37. package/dist/es/theme/Breadcrumb.css +192 -0
  38. package/dist/{theme → es/theme}/Button.css +216 -216
  39. package/dist/es/theme/Card.css +347 -0
  40. package/dist/es/theme/Checkbox.css +484 -0
  41. package/dist/{theme → es/theme}/Collapse.css +214 -54
  42. package/dist/es/theme/Divider.css +111 -0
  43. package/dist/es/theme/Drawer.css +206 -0
  44. package/dist/es/theme/Dropdown.css +471 -0
  45. package/dist/es/theme/FileInput.css +365 -0
  46. package/dist/es/theme/Form.css +83 -0
  47. package/dist/es/theme/Indicator.css +159 -0
  48. package/dist/{theme → es/theme}/Input.css +1 -0
  49. package/dist/es/theme/Link.css +69 -0
  50. package/dist/es/theme/Loading.css +266 -0
  51. package/dist/es/theme/Message.css +565 -0
  52. package/dist/es/theme/Notification.css +316 -0
  53. package/dist/es/theme/Popconfirm.css +46 -0
  54. package/dist/es/theme/Progress.css +278 -0
  55. package/dist/es/theme/Radio.css +426 -0
  56. package/dist/{theme → es/theme}/Select.css +78 -78
  57. package/dist/es/theme/Table.css +680 -0
  58. package/dist/es/theme/Tooltip.css +235 -0
  59. package/dist/es/utils-BS5vsvlM.js +101 -0
  60. package/dist/index.css +1 -1
  61. package/dist/types/components/Avatar/index.d.ts +30 -0
  62. package/dist/types/components/Avatar/types.d.ts +8 -0
  63. package/dist/types/components/Badge/types.d.ts +1 -0
  64. package/dist/types/components/Breadcrumb/constants.d.ts +3 -0
  65. package/dist/types/components/Breadcrumb/index.d.ts +45 -0
  66. package/dist/types/components/Breadcrumb/types.d.ts +13 -0
  67. package/dist/types/components/Card/types.d.ts +6 -0
  68. package/dist/types/components/Checkbox/constants.d.ts +5 -0
  69. package/dist/types/components/Checkbox/index.d.ts +94 -0
  70. package/dist/types/components/Checkbox/types.d.ts +46 -0
  71. package/dist/types/components/Collapse/constants.d.ts +3 -0
  72. package/dist/types/components/Collapse/index.d.ts +14 -8
  73. package/dist/types/components/Collapse/types.d.ts +12 -0
  74. package/dist/types/components/Divider/index.d.ts +30 -0
  75. package/dist/types/components/Divider/types.d.ts +10 -0
  76. package/dist/types/components/Drawer/constants.d.ts +1 -0
  77. package/dist/types/components/Drawer/index.d.ts +72 -0
  78. package/dist/types/components/Drawer/types.d.ts +20 -0
  79. package/dist/types/components/Dropdown/index.d.ts +11 -1
  80. package/dist/types/components/Dropdown/types.d.ts +3 -0
  81. package/dist/types/components/Dropdown/useDropdownKeyboard.d.ts +8 -0
  82. package/dist/types/components/FileInput/constants.d.ts +3 -0
  83. package/dist/types/components/FileInput/index.d.ts +58 -0
  84. package/dist/types/components/FileInput/types.d.ts +24 -0
  85. package/dist/types/components/Form/types.d.ts +17 -7
  86. package/dist/types/components/Indicator/constants.d.ts +2 -0
  87. package/dist/types/components/Indicator/index.d.ts +28 -0
  88. package/dist/types/components/Indicator/types.d.ts +10 -0
  89. package/dist/types/components/Input/index.d.ts +10 -10
  90. package/dist/types/components/Link/index.d.ts +34 -0
  91. package/dist/types/components/Link/types.d.ts +10 -0
  92. package/dist/types/components/Loading/index.d.ts +25 -0
  93. package/dist/types/components/Loading/types.d.ts +9 -0
  94. package/dist/types/components/Message/methods.d.ts +2 -0
  95. package/dist/types/components/Message/types.d.ts +9 -3
  96. package/dist/types/components/MessageBox/types.d.ts +16 -4
  97. package/dist/types/components/Notification/index.d.ts +1 -1
  98. package/dist/types/components/Notification/methods.d.ts +6 -1
  99. package/dist/types/components/Notification/types.d.ts +10 -4
  100. package/dist/types/components/Pixelate/constants.d.ts +2 -0
  101. package/dist/types/components/Pixelate/index.d.ts +71 -0
  102. package/dist/types/components/Pixelate/types.d.ts +23 -0
  103. package/dist/types/components/Popconfirm/index.d.ts +16 -7
  104. package/dist/types/components/Popconfirm/types.d.ts +2 -1
  105. package/dist/types/components/Progress/constants.d.ts +2 -0
  106. package/dist/types/components/Progress/index.d.ts +50 -0
  107. package/dist/types/components/Progress/types.d.ts +22 -0
  108. package/dist/types/components/Radio/constants.d.ts +5 -0
  109. package/dist/types/components/Radio/index.d.ts +88 -0
  110. package/dist/types/components/Radio/types.d.ts +43 -0
  111. package/dist/types/components/Select/constants.d.ts +2 -1
  112. package/dist/types/components/Select/index.d.ts +35 -26
  113. package/dist/types/components/Switch/index.d.ts +5 -5
  114. package/dist/types/components/Table/index.d.ts +27 -0
  115. package/dist/types/components/Table/types.d.ts +20 -0
  116. package/dist/types/components/Tooltip/index.d.ts +6 -0
  117. package/dist/types/components/Tooltip/types.d.ts +7 -0
  118. package/dist/types/components/index.d.ts +12 -0
  119. package/dist/types/hooks/index.d.ts +3 -1
  120. package/dist/types/hooks/useDraggable.d.ts +7 -0
  121. package/dist/types/hooks/useFocusTrap.d.ts +5 -0
  122. package/dist/types/hooks/vitest.setup.d.ts +4 -0
  123. package/dist/types/utils/index.d.ts +1 -0
  124. package/dist/types/utils/instance-management.d.ts +40 -0
  125. package/dist/umd/index.css +1 -1
  126. package/dist/umd/index.css.gz +0 -0
  127. package/dist/umd/index.umd.cjs +5 -14
  128. package/dist/umd/index.umd.cjs.gz +0 -0
  129. package/package.json +5 -6
  130. package/dist/es/Badge-BG-vYP8Y.js +0 -13
  131. package/dist/es/Card-BCBnlVi_.js +0 -12
  132. package/dist/es/Collapse-B08VhCVq.js +0 -38
  133. package/dist/es/ConfigProvider-DZO1d5Eq.js +0 -44
  134. package/dist/es/Dropdown-49nf6F8P.js +0 -40
  135. package/dist/es/Form-CGiTDSGI.js +0 -108
  136. package/dist/es/Loading-DlygqGOv.js +0 -88
  137. package/dist/es/Message-ganFfLeU.js +0 -123
  138. package/dist/es/Notification-D4RYHV9o.js +0 -58
  139. package/dist/es/Popconfirm-Cop44KwQ.js +0 -22
  140. package/dist/es/Select-Blw_iO2r.js +0 -133
  141. package/dist/es/Switch-CHjcLtHs.js +0 -34
  142. package/dist/es/Tooltip-HWx_i2FA.js +0 -74
  143. package/dist/es/hooks-CYdEHUVd.js +0 -105
  144. package/dist/es/utils-bsCscZfS.js +0 -84
  145. package/dist/theme/Card.css +0 -112
  146. package/dist/theme/Dropdown.css +0 -187
  147. package/dist/theme/Form.css +0 -52
  148. package/dist/theme/Loading.css +0 -78
  149. package/dist/theme/Message.css +0 -353
  150. package/dist/theme/Notification.css +0 -126
  151. package/dist/theme/Popconfirm.css +0 -30
  152. package/dist/theme/Tooltip.css +0 -111
  153. /package/dist/{theme → es/theme}/Icon.css +0 -0
  154. /package/dist/{theme → es/theme}/Overlay.css +0 -0
  155. /package/dist/{theme → es/theme}/Switch.css +0 -0
  156. /package/dist/{theme → es/theme}/fonts/zpix.woff2 +0 -0
  157. /package/dist/{theme → es/theme}/index.css +0 -0
package/dist/es/index.js CHANGED
@@ -1,81 +1,111 @@
1
- import { P as e } from "./Alert-C76ZWSVk.js";
2
- import { P as o } from "./Badge-BG-vYP8Y.js";
3
- import { a as t, P as l } from "./Button-fW_ZOLmT.js";
4
- import { P as r } from "./Card-BCBnlVi_.js";
5
- import { P as c, a as C } from "./Collapse-B08VhCVq.js";
6
- import { P as I, p as s } from "./ConfigProvider-DZO1d5Eq.js";
7
- import { E, u } from "./ConfigProvider-DZO1d5Eq.js";
8
- import { P as p, a as Z } from "./Dropdown-49nf6F8P.js";
9
- import { P as A, a as b } from "./Form-CGiTDSGI.js";
10
- import { u as u2 } from "./Form-CGiTDSGI.js";
11
- import { a as B, r as G } from "./Icon-DpJyuj7c.js";
12
- import { d, i } from "./Icon-DpJyuj7c.js";
13
- import { P as y } from "./Input-DBPpvf0Y.js";
14
- import { P as w } from "./Loading-DlygqGOv.js";
15
- import { v, L, v as v2 } from "./Loading-DlygqGOv.js";
16
- import { P as W, a as X } from "./Message-ganFfLeU.js";
17
- import { m } from "./Message-ganFfLeU.js";
18
- import { P as f } from "./Notification-D4RYHV9o.js";
19
- import { a, n } from "./Notification-D4RYHV9o.js";
20
- import { P as H } from "./Popconfirm-Cop44KwQ.js";
21
- import { P as S, a as x } from "./Select-Blw_iO2r.js";
22
- import { P as Y } from "./Switch-CHjcLtHs.js";
23
- import { P as k } from "./Tooltip-HWx_i2FA.js";
24
- import { f as K } from "./vendor-DXmGx29U.js";
1
+ import { P as g } from "./Alert-BwTsp4X3.js";
2
+ import { P as o } from "./Avatar-CJu6JYV3.js";
3
+ import { P as I } from "./Badge-BmxZXX8k.js";
4
+ import { P as C, a as l } from "./Breadcrumb-BP8MSklj.js";
5
+ import { a as Z, P as s } from "./Button-BJHtN7gh.js";
6
+ import { P as c } from "./Card-DJHkCmsz.js";
7
+ import { P as e, a as A } from "./Checkbox-DX8L3fyp.js";
8
+ import { P as p, a as B } from "./Collapse-Ir3V9CuO.js";
9
+ import { P as b, p as G } from "./ConfigProvider-CsbSqwwi.js";
10
+ import { E, u } from "./ConfigProvider-CsbSqwwi.js";
11
+ import { P as r } from "./Drawer-C2eVmvUp.js";
12
+ import { P as y } from "./Divider-C7PtODSK.js";
13
+ import { P as W, a as X } from "./Dropdown-CVg_c2fB.js";
14
+ import { P as w } from "./FileInput-BE26BmXm.js";
15
+ import { P as h, a as S } from "./Form-7lZt5ehf.js";
16
+ import { u as u2 } from "./Form-7lZt5ehf.js";
17
+ import { a as H, r as K } from "./Icon-BLDDdSU-.js";
18
+ import { d, i } from "./Icon-BLDDdSU-.js";
19
+ import { P as Y } from "./Indicator-B-en-MgG.js";
20
+ import { P as R } from "./Input-C5HuVehE.js";
21
+ import { P as Q } from "./Link-Av9RdcFv.js";
22
+ import { P as V, a as f } from "./Loading-CBNDUWQd.js";
23
+ import { v, L, v as v2 } from "./Loading-CBNDUWQd.js";
24
+ import { P as x, a as N } from "./Message-DgnyyuXn.js";
25
+ import { m } from "./Message-DgnyyuXn.js";
26
+ import { P as F } from "./Notification-LYRXnVAf.js";
27
+ import { a, n } from "./Notification-LYRXnVAf.js";
28
+ import { P } from "./Pixelate-BPypBgJU.js";
29
+ import { P as J } from "./Popconfirm-DvxFdLrw.js";
30
+ import { P as D } from "./Progress-Bc5INMhJ.js";
31
+ import { P as U, a as z } from "./Radio-263_rtRl.js";
32
+ import { P as T, a as M } from "./Select-7ZxUCS8z.js";
33
+ import { P as O } from "./Switch-DiCsMJT3.js";
34
+ import { P as q } from "./Table-BvA_xzDe.js";
35
+ import { t } from "./Table-BvA_xzDe.js";
36
+ import { P as $ } from "./Tooltip-J3ji6weH.js";
37
+ import { f as _ } from "./vendor-DXmGx29U.js";
25
38
  import "vue";
26
- import { g, h } from "./hooks-CYdEHUVd.js";
27
- const F = [o, t, l, r, B, c, C, e, k, H, p, Z, W, f, y, X, w, Y, S, x, A, b, I], R = { name: "ja", el: { colorpicker: { confirm: "OK", clear: "クリア" }, datepicker: { now: "現在", today: "今日", cancel: "キャンセル", clear: "クリア", confirm: "OK", selectDate: "日付を選択", selectTime: "時間を選択", startDate: "開始日", startTime: "開始時間", endDate: "終了日", endTime: "終了時間", prevYear: "前年", nextYear: "翌年", prevMonth: "前月", nextMonth: "翌月", year: "年", month1: "1月", month2: "2月", month3: "3月", month4: "4月", month5: "5月", month6: "6月", month7: "7月", month8: "8月", month9: "9月", month10: "10月", month11: "11月", month12: "12月", weeks: { sun: "", mon: "月", tue: "火", wed: "水", thu: "木", fri: "金", sat: "土" }, months: { jan: "1月", feb: "2月", mar: "3月", apr: "4月", may: "5月", jun: "6月", jul: "7月", aug: "8月", sep: "9月", oct: "10月", nov: "11月", dec: "12月" } }, select: { loading: "ロード中", noMatch: "データなし", noData: "データなし", placeholder: "選択してください" }, cascader: { noMatch: "データなし", loading: "ロード中", placeholder: "選択してください", noData: "データなし" }, pagination: { goto: "", pagesize: "件/ページ", total: "総計 {total} 件", pageClassifier: "ページ目へ", page: "Page", prev: "Go to previous page", next: "Go to next page", currentPage: "page {pager}", prevPages: "Previous {pager} pages", nextPages: "Next {pager} pages" }, messagebox: { title: "メッセージ", confirm: "OK", cancel: "キャンセル", error: "正しくない入力" }, upload: { deleteTip: "Delキーを押して削除する", delete: "削除する", preview: "プレビュー", continue: "続行する" }, table: { emptyText: "データなし", confirmFilter: "確認", resetFilter: "初期化", clearFilter: "すべて", sumText: "合計" }, tour: { next: "次へ", previous: "前へ", finish: "ツアー終了" }, tree: { emptyText: "データなし" }, transfer: { noMatch: "データなし", noData: "データなし", titles: ["リスト 1", "リスト 2"], filterPlaceholder: "キーワードを入力", noCheckedFormat: "総計 {total} 件", hasCheckedFormat: "{checked}/{total} を選択した" }, image: { error: "失敗" }, pageHeader: { title: "戻る" }, popconfirm: { confirmButtonText: "はい", cancelButtonText: "いいえ" }, carousel: { leftArrow: "Carousel arrow left", rightArrow: "Carousel arrow right", indicator: "Carousel switch to index {index}" } } }, Q = { name: "ko", el: { colorpicker: { confirm: "확인", clear: "초기화", defaultLabel: "색상 선택기", description: "현재 색상은 {color}입니다. Enter 키를 눌러 새 색상을 선택합니다." }, datepicker: { now: "지금", today: "오늘", cancel: "취소", clear: "초기화", confirm: "확인", dateTablePrompt: "화살표 키를 사용하고 Enter를 눌러 날짜를 선택하십시오.", monthTablePrompt: "화살표 키를 사용하고 Enter를 눌러 월을 선택합니다.", yearTablePrompt: "화살표 키를 사용하고 Enter 키를 눌러 연도를 선택합니다.", selectDate: "날짜 선택", selectTime: "시간 선택", startDate: "시작 날짜", startTime: "시작 시간", endDate: "종료 날짜", endTime: "종료 시간", prevYear: "지난해", nextYear: "다음해", prevMonth: "지난달", nextMonth: "다음달", year: "년", month1: "1월", month2: "2월", month3: "3월", month4: "4월", month5: "5월", month6: "6월", month7: "7월", month8: "8월", month9: "9월", month10: "10월", month11: "11월", month12: "12월", weeks: { sun: "일", mon: "월", tue: "화", wed: "수", thu: "목", fri: "금", sat: "토" }, months: { jan: "1월", feb: "2월", mar: "3월", apr: "4월", may: "5월", jun: "6월", jul: "7월", aug: "8월", sep: "9월", oct: "10월", nov: "11월", dec: "12월" } }, inputNumber: { decrease: "값 증가", increase: "값 감소" }, select: { loading: "불러오는 중", noMatch: "검색된 데이터 없음", noData: "데이터 없음", placeholder: "선택" }, dropdown: { toggleDropdown: "드롭다운 전환" }, cascader: { noMatch: "검색된 데이터 없음", loading: "불러오는 중", placeholder: "선택", noData: "데이터 없음" }, pagination: { goto: "", pagesize: "건/페이지", total: "총 {total} 건", pageClassifier: "페이지로", page: "페이지", prev: "이전 페이지로 이동", next: "다음 페이지로 이동", currentPage: "페이지 {pager}", prevPages: "이전 {pager} 페이지", nextPages: "다음 {pager} 페이지", deprecationWarning: "더 이상 사용되지 않는 동작이 감지되었습니다. 자세한 내용은 el-pagination 문서를 참조하세요." }, dialog: { close: "대화 상자 닫기" }, drawer: { close: "대화 상자 닫기" }, messagebox: { title: "메시지", confirm: "확인", cancel: "취소", error: "올바르지 않은 입력", close: "대화 상자 닫기" }, upload: { deleteTip: "Delete 키를 눌러 삭제", delete: "삭제", preview: "미리보기", continue: "계속하기" }, slider: { defaultLabel: "{min}과 {max} 사이의 슬라이더", defaultRangeStartLabel: "시작 값 선택", defaultRangeEndLabel: "종료 값 선택" }, table: { emptyText: "데이터 없음", confirmFilter: "확인", resetFilter: "초기화", clearFilter: "전체", sumText: "합계" }, tour: { next: "다음", previous: "이전", finish: "종료" }, tree: { emptyText: "데이터 없음" }, transfer: { noMatch: "검색된 데이터 없음", noData: "데이터 없음", titles: ["리스트 1", "리스트 2"], filterPlaceholder: "검색어를 입력하세요", noCheckedFormat: "총 {total} 건", hasCheckedFormat: "{checked}/{total} 선택됨" }, image: { error: "불러오기 실패" }, pageHeader: { title: "뒤로" }, popconfirm: { confirmButtonText: "예", cancelButtonText: "아니오" }, carousel: { leftArrow: "Carousel arrow left", rightArrow: "Carousel arrow right", indicator: "Carousel switch to index {index}" } } }, V = { name: "zh-cn", el: { colorpicker: { confirm: "确定", clear: "清空" }, datepicker: { now: "此刻", today: "今天", cancel: "取消", clear: "清空", confirm: "确定", selectDate: "选择日期", selectTime: "选择时间", startDate: "开始日期", startTime: "开始时间", endDate: "结束日期", endTime: "结束时间", prevYear: "前一年", nextYear: "后一年", prevMonth: "上个月", nextMonth: "下个月", year: "年", month1: "1 月", month2: "2 月", month3: "3 月", month4: "4 月", month5: "5 月", month6: "6 月", month7: "7 月", month8: "8 月", month9: "9 月", month10: "10 月", month11: "11 月", month12: "12 月", weeks: { sun: "日", mon: "一", tue: "二", wed: "三", thu: "四", fri: "五", sat: "六" }, months: { jan: "一月", feb: "二月", mar: "三月", apr: "四月", may: "五月", jun: "六月", jul: "七月", aug: "八月", sep: "九月", oct: "十月", nov: "十一月", dec: "十二月" } }, select: { loading: "加载中", noMatch: "无匹配数据", noData: "无数据", placeholder: "请选择" }, cascader: { noMatch: "无匹配数据", loading: "加载中", placeholder: "请选择", noData: "暂无数据" }, pagination: { goto: "前往", pagesize: "条/页", total: "共 {total} 条", pageClassifier: "页", page: "页", prev: "上一页", next: "下一页", currentPage: "第 {pager} 页", prevPages: "向前 {pager} 页", nextPages: "向后 {pager} 页", deprecationWarning: "你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档" }, messagebox: { title: "提示", confirm: "确定", cancel: "取消", error: "输入的数据不合法!" }, upload: { deleteTip: "按 delete 键可删除", delete: "删除", preview: "查看图片", continue: "继续上传" }, table: { emptyText: "暂无数据", confirmFilter: "筛选", resetFilter: "重置", clearFilter: "全部", sumText: "合计" }, tour: { next: "下一步", previous: "上一步", finish: "结束导览" }, tree: { emptyText: "暂无数据" }, transfer: { noMatch: "无匹配数据", noData: "无数据", titles: ["列表 1", "列表 2"], filterPlaceholder: "请输入搜索内容", noCheckedFormat: "共 {total} 项", hasCheckedFormat: "已选 {checked}/{total} 项" }, image: { error: "加载失败" }, pageHeader: { title: "返回" }, popconfirm: { confirmButtonText: "确定", cancelButtonText: "取消" }, carousel: { leftArrow: "上一张幻灯片", rightArrow: "下一张幻灯片", indicator: "幻灯片切换至索引 {index}" } } }, N = { name: "zh-tw", el: { colorpicker: { confirm: "確認", clear: "清空", defaultLabel: "色彩選擇器", description: "目前色彩為 {color}。按一下 Enter 以選擇新色彩。" }, datepicker: { now: "現在", today: "今天", cancel: "取消", clear: "清空", confirm: "確認", dateTablePrompt: "使用方向鍵與 Enter 鍵以選擇日期", monthTablePrompt: "使用方向鍵與 Enter 鍵以選擇月份", yearTablePrompt: "使用方向鍵與 Enter 鍵以選擇年份", selectedDate: "已選日期", selectDate: "選擇日期", selectTime: "選擇時間", startDate: "開始日期", startTime: "開始時間", endDate: "結束日期", endTime: "結束時間", prevYear: "前一年", nextYear: "後一年", prevMonth: "上個月", nextMonth: "下個月", year: "年", month1: "1 月", month2: "2 月", month3: "3 月", month4: "4 月", month5: "5 月", month6: "6 月", month7: "7 月", month8: "8 月", month9: "9 月", month10: "10 月", month11: "11 月", month12: "12 月", weeks: { sun: "日", mon: "一", tue: "二", wed: "三", thu: "四", fri: "五", sat: "六" }, weeksFull: { sun: "星期日", mon: "星期一", tue: "星期二", wed: "星期三", thu: "星期四", fri: "星期五", sat: "星期六" }, months: { jan: "一月", feb: "二月", mar: "三月", apr: "四月", may: "五月", jun: "六月", jul: "七月", aug: "八月", sep: "九月", oct: "十月", nov: "十一月", dec: "十二月" } }, inputNumber: { decrease: "減少數值", increase: "增加數值" }, select: { loading: "載入中", noMatch: "無相符資料", noData: "無資料", placeholder: "請選擇" }, dropdown: { toggleDropdown: "切換下拉選單" }, cascader: { noMatch: "無相符資料", loading: "載入中", placeholder: "請選擇", noData: "無資料" }, pagination: { goto: "前往", pagesize: "項/頁", total: "共 {total} 項", pageClassifier: "頁", page: "頁", prev: "上一頁", next: "下一頁", currentPage: "第 {pager} 頁", prevPages: "向前 {pager} 頁", nextPages: "向后 {pager} 頁", deprecationWarning: "偵測到已過時的使用方式,請參閱 el-pagination 說明文件以了解更多資訊" }, dialog: { close: "關閉此對話框" }, drawer: { close: "關閉此對話框" }, messagebox: { title: "提示", confirm: "確定", cancel: "取消", error: "輸入的資料不符規定!", close: "關閉此對話框" }, upload: { deleteTip: "按一下 Delete 鍵以刪除", delete: "刪除", preview: "查看圖片", continue: "繼續上傳" }, slider: { defaultLabel: "滑桿介於 {min} 至 {max}", defaultRangeStartLabel: "選擇起始值", defaultRangeEndLabel: "選擇結束值" }, table: { emptyText: "暫無資料", confirmFilter: "篩選", resetFilter: "重置", clearFilter: "全部", sumText: "合計" }, tour: { next: "下一步", previous: "上一步", finish: "結束導覽" }, tree: { emptyText: "暫無資料" }, transfer: { noMatch: "無相符資料", noData: "無資料", titles: ["列表 1", "列表 2"], filterPlaceholder: "請輸入搜尋內容", noCheckedFormat: "共 {total} 項", hasCheckedFormat: "已選 {checked}/{total} 項" }, image: { error: "載入失敗" }, pageHeader: { title: "返回" }, popconfirm: { confirmButtonText: "確認", cancelButtonText: "取消" }, carousel: { leftArrow: "上一張投影片", rightArrow: "下一張投影片", indicator: "投影片切換至索引 {index}" } } };
28
- if (G(), "undefined" != typeof CSS && "paintWorklet" in CSS) try {
39
+ import { j, k } from "./hooks-BqobYUzS.js";
40
+ const gg = [o, I, C, l, Z, s, c, e, A, H, Y, p, B, g, r, $, J, W, X, x, F, R, Q, w, N, V, f, O, q, T, M, P, D, h, S, b, y, U, z], og = { name: "ja", el: { select: { loading: "ロード中", noMatch: "データなし", noData: "データなし", placeholder: "選択してください" }, dropdown: { toggleDropdown: "ドロップダウン切替" }, messagebox: { title: "メッセージ", confirm: "OK", cancel: "キャンセル", error: "正しくない入力", close: "このダイアログを閉じる" }, popconfirm: { confirmButtonText: "はい", cancelButtonText: "いいえ" } } }, Ig = { name: "ko", el: { select: { loading: "불러오는 중", noMatch: "검색된 데이터 없음", noData: "데이터 없음", placeholder: "선택" }, dropdown: { toggleDropdown: "드롭다운 전환" }, messagebox: { title: "메시지", confirm: "확인", cancel: "취소", error: "올바르지 않은 입력", close: "대화 상자 닫기" }, popconfirm: { confirmButtonText: "예", cancelButtonText: "아니오" } } }, Cg = { name: "zh-cn", el: { select: { loading: "加载中", noMatch: "无匹配数据", noData: "无数据", placeholder: "请选择" }, dropdown: { toggleDropdown: "切换下拉菜单" }, messagebox: { title: "提示", confirm: "确定", cancel: "取消", error: "输入的数据不合法!", close: "关闭此对话框" }, popconfirm: { confirmButtonText: "确定", cancelButtonText: "取消" } } }, ag = { name: "zh-tw", el: { select: { loading: "載入中", noMatch: "無相符資料", noData: "無資料", placeholder: "請選擇" }, dropdown: { toggleDropdown: "切換下拉選單" }, messagebox: { title: "提示", confirm: "確定", cancel: "取消", error: "輸入的資料不符規定!", close: "關閉此對話框" }, popconfirm: { confirmButtonText: "確認", cancelButtonText: "取消" } } };
41
+ if (K(), "undefined" != typeof CSS && "paintWorklet" in CSS) try {
29
42
  CSS.paintWorklet.addModule(new URL("data:text/javascript;base64,LyoqCiAqIENTUyBIb3VkaW5pIFBhaW50IFdvcmtsZXQgLSBQaXhlbCBCb3JkZXIKICoKICogQ3JlYXRlcyBhdXRoZW50aWMgcGl4ZWxhdGVkIGJvcmRlcnMgZm9yIHJldHJvIFVJIGFlc3RoZXRpYwogKgogKiBDdXN0b20gUHJvcGVydGllczoKICogLSAtLXB4LWJvcmRlci1jb2xvcjogQm9yZGVyIGNvbG9yIChkZWZhdWx0OiAjMDAwMDAwKQogKiAtIC0tcHgtYm9yZGVyLXdpZHRoOiBCb3JkZXIgd2lkdGggaW4gcGl4ZWxzIChkZWZhdWx0OiAyKQogKiAtIC0tcHgtYm9yZGVyLXBpeGVsLXNpemU6IFNpemUgb2YgZWFjaCBwaXhlbCBibG9jayAoZGVmYXVsdDogMikKICovCgpjbGFzcyBQaXhlbEJvcmRlclBhaW50ZXIgewogIHN0YXRpYyBnZXQgaW5wdXRQcm9wZXJ0aWVzKCkgewogICAgcmV0dXJuIFsnLS1weC1ib3JkZXItY29sb3InLCAnLS1weC1ib3JkZXItd2lkdGgnLCAnLS1weC1ib3JkZXItcGl4ZWwtc2l6ZSddOwogIH0KCiAgcGFpbnQoY3R4LCBzaXplLCBwcm9wZXJ0aWVzKSB7CiAgICAvLyBHZXQgY3VzdG9tIHByb3BlcnR5IHZhbHVlcwogICAgY29uc3QgYm9yZGVyQ29sb3IgPSBwcm9wZXJ0aWVzLmdldCgnLS1weC1ib3JkZXItY29sb3InKS50b1N0cmluZygpLnRyaW0oKSB8fCAnIzAwMDAwMCc7CiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LWJvcmRlci13aWR0aCcpLnRvU3RyaW5nKCksIDEwKSB8fCAyOwogICAgY29uc3QgcGl4ZWxTaXplID0gcGFyc2VJbnQocHJvcGVydGllcy5nZXQoJy0tcHgtYm9yZGVyLXBpeGVsLXNpemUnKS50b1N0cmluZygpLCAxMCkgfHwgMjsKCiAgICBjb25zdCB3aWR0aCA9IHNpemUud2lkdGg7CiAgICBjb25zdCBoZWlnaHQgPSBzaXplLmhlaWdodDsKCiAgICBjdHguZmlsbFN0eWxlID0gYm9yZGVyQ29sb3I7CgogICAgLy8gRHJhdyB0b3AgYm9yZGVyIChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gMDsgeCA8IHdpZHRoOyB4ICs9IHBpeGVsU2l6ZSkgewogICAgICBmb3IgKGxldCB5ID0gMDsgeSA8IGJvcmRlcldpZHRoOyB5ICs9IHBpeGVsU2l6ZSkgewogICAgICAgIGN0eC5maWxsUmVjdCh4LCB5LCBwaXhlbFNpemUsIHBpeGVsU2l6ZSk7CiAgICAgIH0KICAgIH0KCiAgICAvLyBEcmF3IGJvdHRvbSBib3JkZXIgKHBpeGVsYXRlZCkKICAgIGZvciAobGV0IHggPSAwOyB4IDwgd2lkdGg7IHggKz0gcGl4ZWxTaXplKSB7CiAgICAgIGZvciAobGV0IHkgPSBoZWlnaHQgLSBib3JkZXJXaWR0aDsgeSA8IGhlaWdodDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICB9CiAgICB9CgogICAgLy8gRHJhdyBsZWZ0IGJvcmRlciAocGl4ZWxhdGVkKQogICAgZm9yIChsZXQgeCA9IDA7IHggPCBib3JkZXJXaWR0aDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IDA7IHkgPCBoZWlnaHQ7IHkgKz0gcGl4ZWxTaXplKSB7CiAgICAgICAgY3R4LmZpbGxSZWN0KHgsIHksIHBpeGVsU2l6ZSwgcGl4ZWxTaXplKTsKICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgcmlnaHQgYm9yZGVyIChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gd2lkdGggLSBib3JkZXJXaWR0aDsgeCA8IHdpZHRoOyB4ICs9IHBpeGVsU2l6ZSkgewogICAgICBmb3IgKGxldCB5ID0gMDsgeSA8IGhlaWdodDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICB9CiAgICB9CgogICAgLy8gT3B0aW9uYWw6IEFkZCBjb3JuZXIgcGl4ZWxzIGZvciBtb3JlIHByb25vdW5jZWQgcGl4ZWwgZWZmZWN0CiAgICBjb25zdCBjb3JuZXJTaXplID0gYm9yZGVyV2lkdGggKyBwaXhlbFNpemU7CgogICAgLy8gVG9wLWxlZnQgY29ybmVyIGVuaGFuY2VtZW50CiAgICBjdHguZmlsbFJlY3QoMCwgMCwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gVG9wLXJpZ2h0IGNvcm5lciBlbmhhbmNlbWVudAogICAgY3R4LmZpbGxSZWN0KHdpZHRoIC0gY29ybmVyU2l6ZSwgMCwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gQm90dG9tLWxlZnQgY29ybmVyIGVuaGFuY2VtZW50CiAgICBjdHguZmlsbFJlY3QoMCwgaGVpZ2h0IC0gY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CgogICAgLy8gQm90dG9tLXJpZ2h0IGNvcm5lciBlbmhhbmNlbWVudAogICAgY3R4LmZpbGxSZWN0KHdpZHRoIC0gY29ybmVyU2l6ZSwgaGVpZ2h0IC0gY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSwgY29ybmVyU2l6ZSk7CiAgfQp9CgovLyBSZWdpc3RlciB0aGUgcGFpbnQgd29ya2xldApyZWdpc3RlclBhaW50KCdwaXhlbC1ib3JkZXInLCBQaXhlbEJvcmRlclBhaW50ZXIpOwo=", import.meta.url).href), CSS.paintWorklet.addModule(new URL("data:text/javascript;base64,LyoqCiAqIENTUyBIb3VkaW5pIFBhaW50IFdvcmtsZXQgLSBQaXhlbCBTaGFkb3cKICoKICogQ3JlYXRlcyBwaXhlbGF0ZWQgc2hhZG93IGVmZmVjdCBmb3IgZGVwdGgKICoKICogQ3VzdG9tIFByb3BlcnRpZXM6CiAqIC0gLS1weC1zaGFkb3ctY29sb3I6IFNoYWRvdyBjb2xvciAoZGVmYXVsdDogcmdiYSgwLDAsMCwwLjMpKQogKiAtIC0tcHgtc2hhZG93LW9mZnNldDogU2hhZG93IG9mZnNldCBpbiBwaXhlbHMgKGRlZmF1bHQ6IDQpCiAqIC0gLS1weC1ib3JkZXItcGl4ZWwtc2l6ZTogU2l6ZSBvZiBlYWNoIHBpeGVsIGJsb2NrIChkZWZhdWx0OiAyKQogKi8KCmNsYXNzIFBpeGVsU2hhZG93UGFpbnRlciB7CiAgc3RhdGljIGdldCBpbnB1dFByb3BlcnRpZXMoKSB7CiAgICByZXR1cm4gWyctLXB4LXNoYWRvdy1jb2xvcicsICctLXB4LXNoYWRvdy1vZmZzZXQnLCAnLS1weC1ib3JkZXItcGl4ZWwtc2l6ZSddOwogIH0KCiAgcGFpbnQoY3R4LCBzaXplLCBwcm9wZXJ0aWVzKSB7CiAgICAvLyBHZXQgY3VzdG9tIHByb3BlcnR5IHZhbHVlcwogICAgY29uc3Qgc2hhZG93Q29sb3IgPSBwcm9wZXJ0aWVzLmdldCgnLS1weC1zaGFkb3ctY29sb3InKS50b1N0cmluZygpLnRyaW0oKSB8fCAncmdiYSgwLDAsMCwwLjMpJzsKICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LXNoYWRvdy1vZmZzZXQnKS50b1N0cmluZygpLCAxMCkgfHwgNDsKICAgIGNvbnN0IHBpeGVsU2l6ZSA9IHBhcnNlSW50KHByb3BlcnRpZXMuZ2V0KCctLXB4LWJvcmRlci1waXhlbC1zaXplJykudG9TdHJpbmcoKSwgMTApIHx8IDI7CgogICAgY29uc3Qgd2lkdGggPSBzaXplLndpZHRoOwogICAgY29uc3QgaGVpZ2h0ID0gc2l6ZS5oZWlnaHQ7CgogICAgY3R4LmZpbGxTdHlsZSA9IHNoYWRvd0NvbG9yOwoKICAgIC8vIERyYXcgcmlnaHQgc2hhZG93IChwaXhlbGF0ZWQpCiAgICBmb3IgKGxldCB4ID0gd2lkdGg7IHggPCB3aWR0aCArIHNoYWRvd09mZnNldDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IHNoYWRvd09mZnNldDsgeSA8IGhlaWdodCArIHNoYWRvd09mZnNldDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICAvLyBDcmVhdGUgc3RlcHBlZCBzaGFkb3cgZWZmZWN0CiAgICAgICAgY29uc3QgZGlzdGFuY2UgPSB4IC0gd2lkdGg7CiAgICAgICAgaWYgKGRpc3RhbmNlIDwgc2hhZG93T2Zmc2V0KSB7CiAgICAgICAgICBjdHguZ2xvYmFsQWxwaGEgPSAxIC0gZGlzdGFuY2UgLyBzaGFkb3dPZmZzZXQ7CiAgICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgYm90dG9tIHNoYWRvdyAocGl4ZWxhdGVkKQogICAgY3R4Lmdsb2JhbEFscGhhID0gMTsKICAgIGZvciAobGV0IHggPSBzaGFkb3dPZmZzZXQ7IHggPCB3aWR0aDsgeCArPSBwaXhlbFNpemUpIHsKICAgICAgZm9yIChsZXQgeSA9IGhlaWdodDsgeSA8IGhlaWdodCArIHNoYWRvd09mZnNldDsgeSArPSBwaXhlbFNpemUpIHsKICAgICAgICBjb25zdCBkaXN0YW5jZSA9IHkgLSBoZWlnaHQ7CiAgICAgICAgaWYgKGRpc3RhbmNlIDwgc2hhZG93T2Zmc2V0KSB7CiAgICAgICAgICBjdHguZ2xvYmFsQWxwaGEgPSAxIC0gZGlzdGFuY2UgLyBzaGFkb3dPZmZzZXQ7CiAgICAgICAgICBjdHguZmlsbFJlY3QoeCwgeSwgcGl4ZWxTaXplLCBwaXhlbFNpemUpOwogICAgICAgIH0KICAgICAgfQogICAgfQoKICAgIC8vIERyYXcgY29ybmVyIHNoYWRvdwogICAgY3R4Lmdsb2JhbEFscGhhID0gMC41OwogICAgZm9yIChsZXQgeCA9IHdpZHRoOyB4IDwgd2lkdGggKyBzaGFkb3dPZmZzZXQ7IHggKz0gcGl4ZWxTaXplKSB7CiAgICAgIGZvciAobGV0IHkgPSBoZWlnaHQ7IHkgPCBoZWlnaHQgKyBzaGFkb3dPZmZzZXQ7IHkgKz0gcGl4ZWxTaXplKSB7CiAgICAgICAgY3R4LmZpbGxSZWN0KHgsIHksIHBpeGVsU2l6ZSwgcGl4ZWxTaXplKTsKICAgICAgfQogICAgfQoKICAgIGN0eC5nbG9iYWxBbHBoYSA9IDE7CiAgfQp9CgovLyBSZWdpc3RlciB0aGUgcGFpbnQgd29ya2xldApyZWdpc3RlclBhaW50KCdwaXhlbC1zaGFkb3cnLCBQaXhlbFNoYWRvd1BhaW50ZXIpOwo=", import.meta.url).href);
30
- } catch (e2) {
43
+ } catch (g2) {
31
44
  }
32
- const D = /* @__PURE__ */ (function(e2) {
33
- return (a2, o2) => {
34
- K(e2, ((e3) => a2.use(e3))), o2 && s(o2, a2, true);
45
+ const lg = /* @__PURE__ */ (function(g2) {
46
+ return (o2, I2) => {
47
+ _(g2, ((g3) => o2.use(g3))), I2 && G(I2, o2, true);
35
48
  };
36
- })(F);
49
+ })(gg);
37
50
  export {
38
- e as PxAlert,
39
- o as PxBadge,
40
- t as PxButton,
41
- l as PxButtonGroup,
42
- r as PxCard,
43
- c as PxCollapse,
44
- C as PxCollapseItem,
45
- I as PxConfigProvider,
46
- p as PxDropdown,
47
- Z as PxDropdownItem,
48
- A as PxForm,
49
- b as PxFormItem,
50
- B as PxIcon,
51
- y as PxInput,
52
- w as PxLoading,
51
+ g as PxAlert,
52
+ o as PxAvatar,
53
+ I as PxBadge,
54
+ C as PxBreadcrumb,
55
+ l as PxBreadcrumbItem,
56
+ Z as PxButton,
57
+ s as PxButtonGroup,
58
+ c as PxCard,
59
+ e as PxCheckbox,
60
+ A as PxCheckboxGroup,
61
+ p as PxCollapse,
62
+ B as PxCollapseItem,
63
+ b as PxConfigProvider,
64
+ y as PxDivider,
65
+ r as PxDrawer,
66
+ W as PxDropdown,
67
+ X as PxDropdownItem,
68
+ w as PxFileInput,
69
+ h as PxForm,
70
+ S as PxFormItem,
71
+ H as PxIcon,
72
+ Y as PxIndicator,
73
+ R as PxInput,
74
+ Q as PxLink,
75
+ V as PxLoading,
53
76
  v as PxLoadingDirective,
77
+ f as PxLoadingIndicator,
54
78
  L as PxLoadingService,
55
- W as PxMessage,
56
- X as PxMessageBox,
57
- f as PxNotification,
58
- x as PxOption,
59
- H as PxPopconfirm,
60
- S as PxSelect,
61
- Y as PxSwitch,
62
- k as PxTooltip,
63
- D as default,
79
+ x as PxMessage,
80
+ N as PxMessageBox,
81
+ F as PxNotification,
82
+ M as PxOption,
83
+ P as PxPixelate,
84
+ J as PxPopconfirm,
85
+ D as PxProgress,
86
+ U as PxRadio,
87
+ z as PxRadioGroup,
88
+ T as PxSelect,
89
+ O as PxSwitch,
90
+ q as PxTable,
91
+ $ as PxTooltip,
92
+ lg as default,
64
93
  d as defaultPixelIcons,
65
94
  E as en,
66
95
  i as iconSizeMap,
67
- R as ja,
68
- Q as ko,
96
+ og as ja,
97
+ Ig as ko,
69
98
  m as messageTypes,
70
99
  a as notificationPosition,
71
100
  n as notificationTypes,
72
- s as provideGlobalConfig,
73
- G as registerDefaultPixelIcons,
101
+ G as provideGlobalConfig,
102
+ K as registerDefaultPixelIcons,
103
+ t as tableSize,
74
104
  u2 as useFormItem,
75
105
  u as useGlobalConfig,
76
- g as useSystemTheme,
77
- h as useTheme,
106
+ j as useSystemTheme,
107
+ k as useTheme,
78
108
  v2 as vLoading,
79
- V as zhCn,
80
- N as zhTw
109
+ Cg as zhCn,
110
+ ag as zhTw
81
111
  };
@@ -178,7 +178,7 @@
178
178
  }
179
179
  .px-alert-fade-enter-active[data-v-772da9f8],
180
180
  .px-alert-fade-leave-active[data-v-772da9f8] {
181
- transition: opacity 0.15s, transform 0.15s;
181
+ transition: opacity 0.15s steps(3), transform 0.15s steps(3);
182
182
  }
183
183
  /* Type variants - Light theme */
184
184
  .px-alert__success.px-alert__light[data-v-772da9f8] {
@@ -0,0 +1,86 @@
1
+ /* Avatar Variables */
2
+ .px-avatar[data-v-be451b35] {
3
+ --px-avatar-size: 48px;
4
+ --px-avatar-bg-color: var(--px-fill-color);
5
+ --px-avatar-text-color: var(--px-text-color-primary);
6
+ --px-avatar-border-color: var(--px-border-color);
7
+ --px-avatar-shadow-color: var(--px-shadow-color);
8
+ --px-avatar-font-size: var(--px-font-size-base);
9
+ }
10
+ /* Base Avatar Styles - Pixel Game Aesthetic */
11
+ .px-avatar[data-v-be451b35] {
12
+ display: inline-flex;
13
+ justify-content: center;
14
+ align-items: center;
15
+ width: var(--px-avatar-size);
16
+ height: var(--px-avatar-size);
17
+ font-size: var(--px-avatar-font-size);
18
+ font-family: var(--px-font-family);
19
+ font-weight: 600;
20
+ color: var(--px-avatar-text-color);
21
+ line-height: 1;
22
+ white-space: nowrap;
23
+ box-sizing: border-box;
24
+ position: relative;
25
+ background: transparent;
26
+ vertical-align: middle;
27
+ user-select: none;
28
+ border: none;
29
+
30
+ /* Pixel shadow via drop-shadow */
31
+ filter: drop-shadow(2px 2px 0px var(--px-avatar-shadow-color));
32
+ }
33
+ /* Circle shape (default) — 4-step staircase pixel circle */
34
+ .px-avatar[data-v-be451b35]::before,
35
+ .px-avatar[data-v-be451b35]::after {
36
+ content: '';
37
+ position: absolute;
38
+ background: var(--px-avatar-bg-color);
39
+ z-index: -1;
40
+ clip-path: polygon(
41
+ 0 10px, 2px 10px, 2px 6px, 4px 6px, 4px 4px, 6px 4px, 6px 2px, 10px 2px, 10px 0,
42
+ calc(100% - 10px) 0, calc(100% - 10px) 2px, calc(100% - 6px) 2px, calc(100% - 6px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 6px, calc(100% - 2px) 6px, calc(100% - 2px) 10px, 100% 10px,
43
+ 100% calc(100% - 10px), calc(100% - 2px) calc(100% - 10px), calc(100% - 2px) calc(100% - 6px), calc(100% - 4px) calc(100% - 6px), calc(100% - 4px) calc(100% - 4px), calc(100% - 6px) calc(100% - 4px), calc(100% - 6px) calc(100% - 2px), calc(100% - 10px) calc(100% - 2px), calc(100% - 10px) 100%,
44
+ 10px 100%, 10px calc(100% - 2px), 6px calc(100% - 2px), 6px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 6px), 2px calc(100% - 6px), 2px calc(100% - 10px), 0 calc(100% - 10px)
45
+ );
46
+ }
47
+ /* Border layer — hidden by default, shown with is-border */
48
+ .px-avatar[data-v-be451b35]::before {
49
+ inset: 0;
50
+ background: var(--px-avatar-border-color);
51
+ display: none;
52
+ }
53
+ /* Fill layer */
54
+ .px-avatar[data-v-be451b35]::after {
55
+ inset: 0;
56
+ }
57
+ /* Border visible */
58
+ .px-avatar.is-border[data-v-be451b35]::before {
59
+ display: block;
60
+ }
61
+ .px-avatar.is-border[data-v-be451b35]::after {
62
+ inset: 2px;
63
+ }
64
+ /* Square shape — 2px chamfered pixel rectangle */
65
+ .px-avatar.is-square[data-v-be451b35]::before,
66
+ .px-avatar.is-square[data-v-be451b35]::after {
67
+ clip-path: polygon(
68
+ 0 2px, 2px 2px, 2px 0,
69
+ calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
70
+ 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
71
+ 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
72
+ );
73
+ }
74
+ .px-avatar + .px-avatar[data-v-be451b35] {
75
+ margin-left: 8px;
76
+ }
77
+ /* Size variants */
78
+ .px-avatar--large[data-v-be451b35] {
79
+ --px-avatar-size: 64px;
80
+ --px-avatar-font-size: var(--px-font-size-large);
81
+ }
82
+ .px-avatar--small[data-v-be451b35] {
83
+ --px-avatar-size: 32px;
84
+ --px-avatar-font-size: var(--px-font-size-small);
85
+ filter: drop-shadow(1px 1px 0px var(--px-avatar-shadow-color));
86
+ }
@@ -1,5 +1,5 @@
1
1
  /* Badge Variables */
2
- .px-badge[data-v-c5a490ec] {
2
+ .px-badge[data-v-b16297ef] {
3
3
  --px-badge-text-color: var(--px-color-white);
4
4
  --px-badge-bg-color: var(--px-color-primary);
5
5
  --px-badge-border-color: var(--px-color-primary-dark);
@@ -9,10 +9,11 @@
9
9
  --px-badge-padding: 0 8px;
10
10
  }
11
11
  /* Base Badge Styles - Pixel Game Aesthetic */
12
- .px-badge[data-v-c5a490ec] {
12
+ .px-badge[data-v-b16297ef] {
13
13
  display: inline-flex;
14
14
  justify-content: center;
15
15
  align-items: center;
16
+ gap: 4px;
16
17
  height: var(--px-badge-height);
17
18
  padding: var(--px-badge-padding);
18
19
  font-size: var(--px-badge-font-size);
@@ -35,7 +36,7 @@
35
36
  transition: none;
36
37
  }
37
38
  /* Border layer — filled with border color, clipped to pixel shape */
38
- .px-badge[data-v-c5a490ec]::before {
39
+ .px-badge[data-v-b16297ef]::before {
39
40
  content: '';
40
41
  position: absolute;
41
42
  inset: 0;
@@ -49,7 +50,7 @@
49
50
  z-index: -1;
50
51
  }
51
52
  /* Fill layer — inset by border width, filled with bg color */
52
- .px-badge[data-v-c5a490ec]::after {
53
+ .px-badge[data-v-b16297ef]::after {
53
54
  content: '';
54
55
  position: absolute;
55
56
  inset: 2px;
@@ -62,40 +63,40 @@
62
63
  );
63
64
  z-index: -1;
64
65
  }
65
- .px-badge + .px-badge[data-v-c5a490ec] {
66
+ .px-badge + .px-badge[data-v-b16297ef] {
66
67
  margin-left: 8px;
67
68
  }
68
69
  /* Outline variant */
69
- .px-badge.is-outline[data-v-c5a490ec] {
70
+ .px-badge.is-outline[data-v-b16297ef] {
70
71
  border: 2px solid var(--px-badge-border-color);
71
72
  filter: none;
72
73
  }
73
- .px-badge.is-outline[data-v-c5a490ec]::before {
74
+ .px-badge.is-outline[data-v-b16297ef]::before {
74
75
  display: none;
75
76
  }
76
- .px-badge.is-outline[data-v-c5a490ec]::after {
77
+ .px-badge.is-outline[data-v-b16297ef]::after {
77
78
  clip-path: none;
78
79
  inset: 0;
79
80
  background: var(--px-badge-bg-color);
80
81
  }
81
82
  /* Dash variant */
82
- .px-badge.is-dash[data-v-c5a490ec] {
83
+ .px-badge.is-dash[data-v-b16297ef] {
83
84
  border: 2px dashed var(--px-badge-border-color);
84
85
  filter: none;
85
86
  }
86
- .px-badge.is-dash[data-v-c5a490ec]::before {
87
+ .px-badge.is-dash[data-v-b16297ef]::before {
87
88
  display: none;
88
89
  }
89
- .px-badge.is-dash[data-v-c5a490ec]::after {
90
+ .px-badge.is-dash[data-v-b16297ef]::after {
90
91
  clip-path: none;
91
92
  inset: 0;
92
93
  background: var(--px-badge-bg-color);
93
94
  }
94
95
  /* Round - Pixel-style rounded corners */
95
- .px-badge.is-round[data-v-c5a490ec] {
96
+ .px-badge.is-round[data-v-b16297ef] {
96
97
  padding: 0 10px;
97
98
  }
98
- .px-badge.is-round[data-v-c5a490ec]::before, .px-badge.is-round[data-v-c5a490ec]::after {
99
+ .px-badge.is-round[data-v-b16297ef]::before, .px-badge.is-round[data-v-b16297ef]::after {
99
100
  clip-path: polygon(
100
101
  0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0,
101
102
  calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px,
@@ -103,104 +104,109 @@
103
104
  4px 100%, 4px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 4px), 0 calc(100% - 4px)
104
105
  );
105
106
  }
107
+ /* Empty badge - dot indicator */
108
+ .px-badge.is-empty[data-v-b16297ef] {
109
+ width: var(--px-badge-height);
110
+ padding: 0;
111
+ }
106
112
  /* Type variants */
107
- .px-badge--primary[data-v-c5a490ec] {
113
+ .px-badge--primary[data-v-b16297ef] {
108
114
  --px-badge-text-color: var(--px-color-white);
109
115
  --px-badge-bg-color: var(--px-color-primary);
110
116
  --px-badge-border-color: var(--px-color-primary-dark);
111
117
  --px-badge-shadow-color: var(--px-color-primary-dark);
112
118
  }
113
119
  /* Outline variant for type */
114
- .px-badge--primary.is-outline[data-v-c5a490ec] {
120
+ .px-badge--primary.is-outline[data-v-b16297ef] {
115
121
  --px-badge-text-color: var(--px-color-primary);
116
122
  --px-badge-bg-color: transparent;
117
123
  --px-badge-border-color: var(--px-color-primary);
118
124
  }
119
125
  /* Dash variant for type */
120
- .px-badge--primary.is-dash[data-v-c5a490ec] {
126
+ .px-badge--primary.is-dash[data-v-b16297ef] {
121
127
  --px-badge-text-color: var(--px-color-primary);
122
128
  --px-badge-bg-color: var(--px-color-primary-light-9);
123
129
  --px-badge-border-color: var(--px-color-primary);
124
130
  }
125
- .px-badge--success[data-v-c5a490ec] {
131
+ .px-badge--success[data-v-b16297ef] {
126
132
  --px-badge-text-color: var(--px-color-white);
127
133
  --px-badge-bg-color: var(--px-color-success);
128
134
  --px-badge-border-color: var(--px-color-success-dark);
129
135
  --px-badge-shadow-color: var(--px-color-success-dark);
130
136
  }
131
137
  /* Outline variant for type */
132
- .px-badge--success.is-outline[data-v-c5a490ec] {
138
+ .px-badge--success.is-outline[data-v-b16297ef] {
133
139
  --px-badge-text-color: var(--px-color-success);
134
140
  --px-badge-bg-color: transparent;
135
141
  --px-badge-border-color: var(--px-color-success);
136
142
  }
137
143
  /* Dash variant for type */
138
- .px-badge--success.is-dash[data-v-c5a490ec] {
144
+ .px-badge--success.is-dash[data-v-b16297ef] {
139
145
  --px-badge-text-color: var(--px-color-success);
140
146
  --px-badge-bg-color: var(--px-color-success-light-9);
141
147
  --px-badge-border-color: var(--px-color-success);
142
148
  }
143
- .px-badge--info[data-v-c5a490ec] {
149
+ .px-badge--info[data-v-b16297ef] {
144
150
  --px-badge-text-color: var(--px-color-white);
145
151
  --px-badge-bg-color: var(--px-color-info);
146
152
  --px-badge-border-color: var(--px-color-info-dark);
147
153
  --px-badge-shadow-color: var(--px-color-info-dark);
148
154
  }
149
155
  /* Outline variant for type */
150
- .px-badge--info.is-outline[data-v-c5a490ec] {
156
+ .px-badge--info.is-outline[data-v-b16297ef] {
151
157
  --px-badge-text-color: var(--px-color-info);
152
158
  --px-badge-bg-color: transparent;
153
159
  --px-badge-border-color: var(--px-color-info);
154
160
  }
155
161
  /* Dash variant for type */
156
- .px-badge--info.is-dash[data-v-c5a490ec] {
162
+ .px-badge--info.is-dash[data-v-b16297ef] {
157
163
  --px-badge-text-color: var(--px-color-info);
158
164
  --px-badge-bg-color: var(--px-color-info-light-9);
159
165
  --px-badge-border-color: var(--px-color-info);
160
166
  }
161
- .px-badge--warning[data-v-c5a490ec] {
167
+ .px-badge--warning[data-v-b16297ef] {
162
168
  --px-badge-text-color: var(--px-color-white);
163
169
  --px-badge-bg-color: var(--px-color-warning);
164
170
  --px-badge-border-color: var(--px-color-warning-dark);
165
171
  --px-badge-shadow-color: var(--px-color-warning-dark);
166
172
  }
167
173
  /* Outline variant for type */
168
- .px-badge--warning.is-outline[data-v-c5a490ec] {
174
+ .px-badge--warning.is-outline[data-v-b16297ef] {
169
175
  --px-badge-text-color: var(--px-color-warning);
170
176
  --px-badge-bg-color: transparent;
171
177
  --px-badge-border-color: var(--px-color-warning);
172
178
  }
173
179
  /* Dash variant for type */
174
- .px-badge--warning.is-dash[data-v-c5a490ec] {
180
+ .px-badge--warning.is-dash[data-v-b16297ef] {
175
181
  --px-badge-text-color: var(--px-color-warning);
176
182
  --px-badge-bg-color: var(--px-color-warning-light-9);
177
183
  --px-badge-border-color: var(--px-color-warning);
178
184
  }
179
- .px-badge--danger[data-v-c5a490ec] {
185
+ .px-badge--danger[data-v-b16297ef] {
180
186
  --px-badge-text-color: var(--px-color-white);
181
187
  --px-badge-bg-color: var(--px-color-danger);
182
188
  --px-badge-border-color: var(--px-color-danger-dark);
183
189
  --px-badge-shadow-color: var(--px-color-danger-dark);
184
190
  }
185
191
  /* Outline variant for type */
186
- .px-badge--danger.is-outline[data-v-c5a490ec] {
192
+ .px-badge--danger.is-outline[data-v-b16297ef] {
187
193
  --px-badge-text-color: var(--px-color-danger);
188
194
  --px-badge-bg-color: transparent;
189
195
  --px-badge-border-color: var(--px-color-danger);
190
196
  }
191
197
  /* Dash variant for type */
192
- .px-badge--danger.is-dash[data-v-c5a490ec] {
198
+ .px-badge--danger.is-dash[data-v-b16297ef] {
193
199
  --px-badge-text-color: var(--px-color-danger);
194
200
  --px-badge-bg-color: var(--px-color-danger-light-9);
195
201
  --px-badge-border-color: var(--px-color-danger);
196
202
  }
197
203
  /* Size variants */
198
- .px-badge--large[data-v-c5a490ec] {
204
+ .px-badge--large[data-v-b16297ef] {
199
205
  --px-badge-height: 28px;
200
206
  --px-badge-padding: 0 12px;
201
207
  --px-badge-font-size: var(--px-font-size-small);
202
208
  }
203
- .px-badge--small[data-v-c5a490ec] {
209
+ .px-badge--small[data-v-b16297ef] {
204
210
  --px-badge-height: 18px;
205
211
  --px-badge-padding: 0 6px;
206
212
  --px-badge-font-size: 10px;