@element-plus/nightly 0.0.20260307 → 0.0.20260309

package/dist/locale/zh-hk.min.js

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 (function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.ElementPlusLocaleZhHk=t())})(this,function(){return{name:`zh-hk`,el:{breadcrumb:{label:`麵包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`顏色選擇器`,description:`當前顏色為 {color}。按 Enter 鍵選擇新顏色。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}}});
 //# sourceMappingURL=zh-hk.min.js.map

package/dist/locale/zh-hk.min.mjs

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 var e={name:`zh-hk`,el:{breadcrumb:{label:`麵包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`顏色選擇器`,description:`當前顏色為 {color}。按 Enter 鍵選擇新顏色。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}};export{e as default};
 //# sourceMappingURL=zh-hk.min.mjs.map

package/dist/locale/zh-hk.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 
 //#region ../../packages/locale/lang/zh-hk.ts
 var zh_hk_default = {

package/dist/locale/zh-mo.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports =  factory() :

package/dist/locale/zh-mo.min.js

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 (function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.ElementPlusLocaleZhMo=t())})(this,function(){return{name:`zh-mo`,el:{breadcrumb:{label:`麵包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`顏色選擇器`,description:`當前顏色為 {color}。按 Enter 鍵選擇新顏色。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}}});
 //# sourceMappingURL=zh-mo.min.js.map

package/dist/locale/zh-mo.min.mjs

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 var e={name:`zh-mo`,el:{breadcrumb:{label:`麵包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`顏色選擇器`,description:`當前顏色為 {color}。按 Enter 鍵選擇新顏色。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}};export{e as default};
 //# sourceMappingURL=zh-mo.min.mjs.map

package/dist/locale/zh-mo.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 
 //#region ../../packages/locale/lang/zh-mo.ts
 var zh_mo_default = {

package/dist/locale/zh-tw.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports =  factory() :

package/dist/locale/zh-tw.min.js

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 (function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.ElementPlusLocaleZhTw=t())})(this,function(){return{name:`zh-tw`,el:{breadcrumb:{label:`面包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`色彩選擇器`,description:`目前色彩為 {color}。按一下 Enter 以選擇新色彩。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}}});
 //# sourceMappingURL=zh-tw.min.js.map

package/dist/locale/zh-tw.min.mjs

@@ -1,3 +1,3 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 var e={name:`zh-tw`,el:{breadcrumb:{label:`面包屑`},colorpicker:{confirm:`確認`,clear:`清空`,defaultLabel:`色彩選擇器`,description:`目前色彩為 {color}。按一下 Enter 以選擇新色彩。`,alphaLabel:`選擇透明度的值`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},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:`請選擇`},mention:{loading:`載入中`},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:`合計`,selectAllLabel:`Select all rows`,selectRowLabel:`Select this row`,expandRowLabel:`Expand this row`,collapseRowLabel:`Collapse this row`,sortLabel:`Sort by {column}`,filterLabel:`Filter by {column}`},tag:{close:`關閉此標籤`},tour:{next:`下一步`,previous:`上一步`,finish:`結束導覽`,close:`關閉此對話框`},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}`}}};export{e as default};
 //# sourceMappingURL=zh-tw.min.mjs.map

package/dist/locale/zh-tw.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260307 */
+/*! Element Plus v0.0.20260309 */
 
 //#region ../../packages/locale/lang/zh-tw.ts
 var zh_tw_default = {

package/es/components/button/src/button.vue.d.ts

@@ -26,7 +26,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }>, {
   /** @description button html element */ref: vue.Ref<HTMLButtonElement | undefined>; /** @description button size */
   size: vue.ComputedRef<"" | "default" | "small" | "large">; /** @description button type */
-  type: vue.ComputedRef<"" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger">; /** @description button disabled */
+  type: vue.ComputedRef<"default" | "" | "info" | "primary" | "success" | "warning" | "text" | "danger">; /** @description button disabled */
   disabled: vue.ComputedRef<boolean>; /** @description whether adding space */
   shouldAddSpace: vue.ComputedRef<boolean>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {

package/es/components/color-picker/src/color-picker.d.ts

@@ -86,7 +86,7 @@ declare const colorPickerProps: {
   readonly id: StringConstructor;
   readonly showAlpha: BooleanConstructor;
   readonly colorFormat: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv") | (() => ColorFormats) | ((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv") | (() => ColorFormats))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | ((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats))[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/color-picker-panel/src/color-picker-panel.d.ts

@@ -45,7 +45,7 @@ declare const colorPickerPanelProps: {
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showAlpha: BooleanConstructor;
   readonly colorFormat: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv") | (() => ColorFormats) | ((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv") | (() => ColorFormats))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | ((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats))[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/config-provider/src/hooks/use-global-config.d.ts

@@ -35,7 +35,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: vue.ComputedRef<"default" | "" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/es/components/slider/src/composables/index.d.ts

@@ -1,5 +1,5 @@
-import { useLifecycle } from "./use-lifecycle.js";
 import { Mark, useMarks } from "./use-marks.js";
+import { useLifecycle } from "./use-lifecycle.js";
 import { useSlide } from "./use-slide.js";
 import { useSliderButton } from "./use-slider-button.js";
 import { useStops } from "./use-stops.js";

package/es/components/slider/src/composables/use-marks.mjs

@@ -1,8 +1,9 @@
-import { computed } from "vue";
+import { debugWarn } from "../../../../utils/error.mjs";
+import { computed, watchEffect } from "vue";
 
 //#region ../../packages/components/slider/src/composables/use-marks.ts
 const useMarks = (props) => {
-	return computed(() => {
+	const markList = computed(() => {
 		if (!props.marks) return [];
 		return Object.keys(props.marks).map(Number.parseFloat).sort((a, b) => a - b).filter((point) => point <= props.max && point >= props.min).map((point) => ({
 			point,
@@ -10,6 +11,19 @@ const useMarks = (props) => {
 			mark: props.marks[point]
 		}));
 	});
+	watchEffect(() => {
+		if (props.step === "mark" && !props.marks) debugWarn("ElSlider", "marks prop must be provided when step is mark");
+		if (props.marks) {
+			const keys = Object.keys(props.marks);
+			const validPoints = markList.value.map((m) => m.point);
+			const invalidKeys = keys.filter((key) => {
+				const parsed = Number.parseFloat(key);
+				return Number.isNaN(parsed) || !validPoints.includes(parsed);
+			});
+			if (invalidKeys.length > 0) debugWarn("ElSlider", `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(", ")}] and will be ignored.`);
+		}
+	});
+	return markList;
 };
 
 //#endregion

package/es/components/slider/src/composables/use-marks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-marks.mjs","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-marks.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { SliderProps } from '../slider'\nimport type { SliderMarkerProps } from '../marker'\n\nexport interface Mark extends SliderMarkerProps {\n  point: number\n  position: number\n}\n\nexport const useMarks = (props: SliderProps) => {\n  return computed(() => {\n    if (!props.marks) {\n      return []\n    }\n\n    const marksKeys = Object.keys(props.marks)\n    return marksKeys\n      .map(Number.parseFloat)\n      .sort((a, b) => a - b)\n      .filter((point) => point <= props.max && point >= props.min)\n      .map(\n        (point): Mark => ({\n          point,\n          position: ((point - props.min) * 100) / (props.max - props.min),\n          mark: props.marks![point],\n        })\n      )\n  })\n}\n"],"mappings":";;;AAUA,MAAa,YAAY,UAAuB;AAC9C,QAAO,eAAe;AACpB,MAAI,CAAC,MAAM,MACT,QAAO,EAAE;AAIX,SADkB,OAAO,KAAK,MAAM,MAAM,CAEvC,IAAI,OAAO,WAAW,CACtB,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,IAAI,CAC3D,KACE,WAAiB;GAChB;GACA,WAAY,QAAQ,MAAM,OAAO,OAAQ,MAAM,MAAM,MAAM;GAC3D,MAAM,MAAM,MAAO;GACpB,EACF;GACH"}
+{"version":3,"file":"use-marks.mjs","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-marks.ts"],"sourcesContent":["import { computed, watchEffect } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { SliderProps } from '../slider'\nimport type { SliderMarkerProps } from '../marker'\n\nexport interface Mark extends SliderMarkerProps {\n  point: number\n  position: number\n}\n\nexport const useMarks = (props: SliderProps) => {\n  const markList = computed(() => {\n    if (!props.marks) {\n      return []\n    }\n    const marksKeys = Object.keys(props.marks)\n    return marksKeys\n      .map(Number.parseFloat)\n      .sort((a, b) => a - b)\n      .filter((point) => point <= props.max && point >= props.min)\n      .map(\n        (point): Mark => ({\n          point,\n          position: ((point - props.min) * 100) / (props.max - props.min),\n          mark: props.marks![point],\n        })\n      )\n  })\n\n  watchEffect(() => {\n    if (props.step === 'mark' && !props.marks) {\n      debugWarn('ElSlider', 'marks prop must be provided when step is mark')\n    }\n    if (props.marks) {\n      const keys = Object.keys(props.marks)\n      const validPoints = markList.value.map((m) => m.point)\n      const invalidKeys = keys.filter((key) => {\n        const parsed = Number.parseFloat(key)\n        return Number.isNaN(parsed) || !validPoints.includes(parsed)\n      })\n      if (invalidKeys.length > 0) {\n        debugWarn(\n          'ElSlider',\n          `Some marks keys are invalid (not a number or out of [min, max]): [${invalidKeys.map((k) => `'${k}'`).join(', ')}] and will be ignored.`\n        )\n      }\n    }\n  })\n\n  return markList\n}\n"],"mappings":";;;;AAWA,MAAa,YAAY,UAAuB;CAC9C,MAAM,WAAW,eAAe;AAC9B,MAAI,CAAC,MAAM,MACT,QAAO,EAAE;AAGX,SADkB,OAAO,KAAK,MAAM,MAAM,CAEvC,IAAI,OAAO,WAAW,CACtB,MAAM,GAAG,MAAM,IAAI,EAAE,CACrB,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,MAAM,IAAI,CAC3D,KACE,WAAiB;GAChB;GACA,WAAY,QAAQ,MAAM,OAAO,OAAQ,MAAM,MAAM,MAAM;GAC3D,MAAM,MAAM,MAAO;GACpB,EACF;GACH;AAEF,mBAAkB;AAChB,MAAI,MAAM,SAAS,UAAU,CAAC,MAAM,MAClC,WAAU,YAAY,gDAAgD;AAExE,MAAI,MAAM,OAAO;GACf,MAAM,OAAO,OAAO,KAAK,MAAM,MAAM;GACrC,MAAM,cAAc,SAAS,MAAM,KAAK,MAAM,EAAE,MAAM;GACtD,MAAM,cAAc,KAAK,QAAQ,QAAQ;IACvC,MAAM,SAAS,OAAO,WAAW,IAAI;AACrC,WAAO,OAAO,MAAM,OAAO,IAAI,CAAC,YAAY,SAAS,OAAO;KAC5D;AACF,OAAI,YAAY,SAAS,EACvB,WACE,YACA,qEAAqE,YAAY,KAAK,MAAM,IAAI,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,wBAClH;;GAGL;AAEF,QAAO"}

package/es/components/slider/src/composables/use-slider-button.mjs

@@ -1,6 +1,7 @@
 import { EVENT_CODE } from "../../../../constants/aria.mjs";
 import { UPDATE_MODEL_EVENT } from "../../../../constants/event.mjs";
 import { getEventCode } from "../../../../utils/dom/event.mjs";
+import { isNumber } from "../../../../utils/types.mjs";
 import { sliderContextKey } from "../constants.mjs";
 import { useEventListener } from "@vueuse/core";
 import { clamp as clamp$1, debounce } from "lodash-unified";
@@ -28,7 +29,7 @@ const useTooltip = (props, formatTooltip, showTooltip) => {
 	};
 };
 const useSliderButton = (props, initData, emit) => {
-	const { disabled, min, max, step, showTooltip, persistent, precision, sliderSize, formatTooltip, emitChange, resetSize, updateDragging } = inject(sliderContextKey);
+	const { disabled, min, max, step, showTooltip, persistent, precision, sliderSize, formatTooltip, emitChange, resetSize, updateDragging, markList } = inject(sliderContextKey);
 	const { tooltip, tooltipVisible, formatValue, displayTooltip, hideTooltip } = useTooltip(props, formatTooltip, showTooltip);
 	const button = ref();
 	const currentPosition = computed(() => {
@@ -37,6 +38,9 @@ const useSliderButton = (props, initData, emit) => {
 	const wrapperStyle = computed(() => {
 		return props.vertical ? { bottom: currentPosition.value } : { left: currentPosition.value };
 	});
+	const shouldMoveToMark = computed(() => {
+		return step.value === "mark" && markList.value.length > 0;
+	});
 	const handleMouseEnter = () => {
 		initData.hovering = true;
 		displayTooltip();
@@ -62,17 +66,49 @@ const useSliderButton = (props, initData, emit) => {
 		setPosition(initData.newPosition);
 		emitChange();
 	};
+	const moveToMark = (amount) => {
+		if (disabled.value || !markList.value.length) return;
+		const current = props.modelValue;
+		const epsilon = Number.EPSILON;
+		const stride = Math.abs(amount);
+		let target;
+		if (amount > 0) {
+			const startIndex = markList.value.findIndex((m) => m.point > current + epsilon);
+			if (startIndex !== -1) {
+				const targetIndex = Math.min(startIndex + stride - 1, markList.value.length - 1);
+				target = markList.value[targetIndex].point;
+			}
+		} else {
+			let startIndex = -1;
+			for (let i = markList.value.length - 1; i >= 0; i--) if (markList.value[i].point < current - epsilon) {
+				startIndex = i;
+				break;
+			}
+			if (startIndex !== -1) {
+				const targetIndex = Math.max(startIndex - (stride - 1), 0);
+				target = markList.value[targetIndex].point;
+			}
+		}
+		if (target !== void 0 && target !== current) {
+			setPosition((target - min.value) / (max.value - min.value) * 100);
+			emitChange();
+		}
+	};
 	const onLeftKeyDown = () => {
-		incrementPosition(-step.value);
+		if (shouldMoveToMark.value) moveToMark(-1);
+		else if (isNumber(step.value)) incrementPosition(-step.value);
 	};
 	const onRightKeyDown = () => {
-		incrementPosition(step.value);
+		if (shouldMoveToMark.value) moveToMark(1);
+		else if (isNumber(step.value)) incrementPosition(step.value);
 	};
 	const onPageDownKeyDown = () => {
-		incrementPosition(-step.value * 4);
+		if (shouldMoveToMark.value) moveToMark(-4);
+		else if (isNumber(step.value)) incrementPosition(-step.value * 4);
 	};
 	const onPageUpKeyDown = () => {
-		incrementPosition(step.value * 4);
+		if (shouldMoveToMark.value) moveToMark(4);
+		else if (isNumber(step.value)) incrementPosition(step.value * 4);
 	};
 	const onHomeKeyDown = () => {
 		if (disabled.value) return;
@@ -174,17 +210,23 @@ const useSliderButton = (props, initData, emit) => {
 	const setPosition = async (newPosition) => {
 		if (newPosition === null || Number.isNaN(+newPosition)) return;
 		newPosition = clamp$1(newPosition, 0, 100);
-		const fullSteps = Math.floor((max.value - min.value) / step.value);
-		const fullRangePercentage = fullSteps * step.value / (max.value - min.value) * 100;
-		const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2;
 		let value;
-		if (newPosition < fullRangePercentage) {
-			const valueBetween = fullRangePercentage / fullSteps;
-			const steps = Math.round(newPosition / valueBetween);
-			value = min.value + steps * step.value;
-		} else if (newPosition < threshold) value = min.value + fullSteps * step.value;
-		else value = max.value;
-		value = Number.parseFloat(value.toFixed(precision.value));
+		if (step.value === "mark") if (markList.value.length === 0) value = newPosition <= 50 ? min.value : max.value;
+		else value = markList.value.reduce((prev, curr) => {
+			return Math.abs(curr.position - newPosition) < Math.abs(prev.position - newPosition) ? curr : prev;
+		}).point;
+		else {
+			const fullSteps = Math.floor((max.value - min.value) / step.value);
+			const fullRangePercentage = fullSteps * step.value / (max.value - min.value) * 100;
+			const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2;
+			if (newPosition < fullRangePercentage) {
+				const valueBetween = fullRangePercentage / fullSteps;
+				const steps = Math.round(newPosition / valueBetween);
+				value = min.value + steps * step.value;
+			} else if (newPosition < threshold) value = min.value + fullSteps * step.value;
+			else value = max.value;
+			value = Number.parseFloat(value.toFixed(precision.value));
+		}
 		if (value !== props.modelValue) emit(UPDATE_MODEL_EVENT, value);
 		if (!initData.dragging && props.modelValue !== initData.oldValue) initData.oldValue = props.modelValue;
 		await nextTick();

package/es/components/slider/src/composables/use-slider-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider-button.mjs","names":["clamp"],"sources":["../../../../../../../packages/components/slider/src/composables/use-slider-button.ts"],"sourcesContent":["import { computed, inject, nextTick, ref, watch } from 'vue'\nimport { clamp, debounce } from 'lodash-unified'\nimport { useEventListener } from '@vueuse/core'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { getEventCode } from '@element-plus/utils'\nimport { sliderContextKey } from '../constants'\n\nimport type { CSSProperties, ComputedRef, Ref, SetupContext } from 'vue'\nimport type { SliderProps } from '../slider'\nimport type {\n  SliderButtonEmits,\n  SliderButtonInitData,\n  SliderButtonProps,\n} from '../button'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\nconst useTooltip = (\n  props: SliderButtonProps,\n  formatTooltip: Ref<SliderProps['formatTooltip']>,\n  showTooltip: Ref<SliderProps['showTooltip']>\n) => {\n  const tooltip = ref<TooltipInstance>()\n\n  const tooltipVisible = ref(false)\n\n  const enableFormat = computed(() => {\n    return formatTooltip.value instanceof Function\n  })\n\n  const formatValue = computed(() => {\n    return (\n      (enableFormat.value && formatTooltip.value!(props.modelValue)) ||\n      props.modelValue\n    )\n  })\n\n  const displayTooltip = debounce(() => {\n    showTooltip.value && (tooltipVisible.value = true)\n  }, 50)\n\n  const hideTooltip = debounce(() => {\n    showTooltip.value && (tooltipVisible.value = false)\n  }, 50)\n\n  return {\n    tooltip,\n    tooltipVisible,\n    formatValue,\n    displayTooltip,\n    hideTooltip,\n  }\n}\n\nexport const useSliderButton = (\n  props: SliderButtonProps,\n  initData: SliderButtonInitData,\n  emit: SetupContext<SliderButtonEmits>['emit']\n) => {\n  const {\n    disabled,\n    min,\n    max,\n    step,\n    showTooltip,\n    persistent,\n    precision,\n    sliderSize,\n    formatTooltip,\n    emitChange,\n    resetSize,\n    updateDragging,\n  } = inject(sliderContextKey)!\n\n  const { tooltip, tooltipVisible, formatValue, displayTooltip, hideTooltip } =\n    useTooltip(props, formatTooltip!, showTooltip)\n\n  const button = ref<HTMLDivElement>()\n\n  const currentPosition = computed(() => {\n    return `${\n      ((props.modelValue - min.value) / (max.value - min.value)) * 100\n    }%`\n  })\n\n  const wrapperStyle: ComputedRef<CSSProperties> = computed(() => {\n    return props.vertical\n      ? { bottom: currentPosition.value }\n      : { left: currentPosition.value }\n  })\n\n  const handleMouseEnter = () => {\n    initData.hovering = true\n    displayTooltip()\n  }\n\n  const handleMouseLeave = () => {\n    initData.hovering = false\n    if (!initData.dragging) {\n      hideTooltip()\n    }\n  }\n\n  const onButtonDown = (event: MouseEvent | TouchEvent) => {\n    if (disabled.value) return\n    event.preventDefault()\n    onDragStart(event)\n    window.addEventListener('mousemove', onDragging)\n    window.addEventListener('touchmove', onDragging)\n    window.addEventListener('mouseup', onDragEnd)\n    window.addEventListener('touchend', onDragEnd)\n    window.addEventListener('contextmenu', onDragEnd)\n    button.value!.focus()\n  }\n\n  const incrementPosition = (amount: number) => {\n    if (disabled.value) return\n    initData.newPosition =\n      Number.parseFloat(currentPosition.value) +\n      (amount / (max.value - min.value)) * 100\n    setPosition(initData.newPosition)\n    emitChange()\n  }\n\n  const onLeftKeyDown = () => {\n    incrementPosition(-step.value)\n  }\n\n  const onRightKeyDown = () => {\n    incrementPosition(step.value)\n  }\n\n  const onPageDownKeyDown = () => {\n    incrementPosition(-step.value * 4)\n  }\n\n  const onPageUpKeyDown = () => {\n    incrementPosition(step.value * 4)\n  }\n\n  const onHomeKeyDown = () => {\n    if (disabled.value) return\n    setPosition(0)\n    emitChange()\n  }\n\n  const onEndKeyDown = () => {\n    if (disabled.value) return\n    setPosition(100)\n    emitChange()\n  }\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const code = getEventCode(event)\n    let isPreventDefault = true\n\n    switch (code) {\n      case EVENT_CODE.left:\n      case EVENT_CODE.down:\n        onLeftKeyDown()\n        break\n      case EVENT_CODE.right:\n      case EVENT_CODE.up:\n        onRightKeyDown()\n        break\n      case EVENT_CODE.home:\n        onHomeKeyDown()\n        break\n      case EVENT_CODE.end:\n        onEndKeyDown()\n        break\n      case EVENT_CODE.pageDown:\n        onPageDownKeyDown()\n        break\n      case EVENT_CODE.pageUp:\n        onPageUpKeyDown()\n        break\n      default:\n        isPreventDefault = false\n        break\n    }\n\n    isPreventDefault && event.preventDefault()\n  }\n\n  const getClientXY = (event: MouseEvent | TouchEvent) => {\n    let clientX: number\n    let clientY: number\n    if (event.type.startsWith('touch')) {\n      clientY = (event as TouchEvent).touches[0].clientY\n      clientX = (event as TouchEvent).touches[0].clientX\n    } else {\n      clientY = (event as MouseEvent).clientY\n      clientX = (event as MouseEvent).clientX\n    }\n    return {\n      clientX,\n      clientY,\n    }\n  }\n\n  const onDragStart = (event: MouseEvent | TouchEvent) => {\n    initData.dragging = true\n    initData.isClick = true\n    const { clientX, clientY } = getClientXY(event)\n    if (props.vertical) {\n      initData.startY = clientY\n    } else {\n      initData.startX = clientX\n    }\n    initData.startPosition = Number.parseFloat(currentPosition.value)\n    initData.newPosition = initData.startPosition\n  }\n\n  const onDragging = (event: MouseEvent | TouchEvent) => {\n    if (initData.dragging) {\n      initData.isClick = false\n      displayTooltip()\n      resetSize()\n      let diff: number\n      const { clientX, clientY } = getClientXY(event)\n      if (props.vertical) {\n        initData.currentY = clientY\n        diff = ((initData.startY - initData.currentY) / sliderSize.value) * 100\n      } else {\n        initData.currentX = clientX\n        diff = ((initData.currentX - initData.startX) / sliderSize.value) * 100\n      }\n      initData.newPosition = initData.startPosition + diff\n      setPosition(initData.newPosition)\n    }\n  }\n\n  const onDragEnd = () => {\n    if (initData.dragging) {\n      /*\n       * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移\n       * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上\n       */\n      setTimeout(() => {\n        initData.dragging = false\n        if (!initData.hovering) {\n          hideTooltip()\n        }\n        if (!initData.isClick) {\n          setPosition(initData.newPosition)\n        }\n        emitChange()\n      }, 0)\n      window.removeEventListener('mousemove', onDragging)\n      window.removeEventListener('touchmove', onDragging)\n      window.removeEventListener('mouseup', onDragEnd)\n      window.removeEventListener('touchend', onDragEnd)\n      window.removeEventListener('contextmenu', onDragEnd)\n    }\n  }\n\n  const setPosition = async (newPosition: number) => {\n    if (newPosition === null || Number.isNaN(+newPosition)) return\n\n    newPosition = clamp(newPosition, 0, 100)\n    const fullSteps = Math.floor((max.value - min.value) / step.value)\n    const fullRangePercentage =\n      ((fullSteps * step.value) / (max.value - min.value)) * 100\n    const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2\n    let value\n    if (newPosition < fullRangePercentage) {\n      const valueBetween = fullRangePercentage / fullSteps\n      const steps = Math.round(newPosition / valueBetween)\n      value = min.value + steps * step.value\n    } else if (newPosition < threshold) {\n      value = min.value + fullSteps * step.value\n    } else {\n      value = max.value\n    }\n    value = Number.parseFloat(value.toFixed(precision.value))\n\n    if (value !== props.modelValue) {\n      emit(UPDATE_MODEL_EVENT, value)\n    }\n\n    if (!initData.dragging && props.modelValue !== initData.oldValue) {\n      initData.oldValue = props.modelValue\n    }\n\n    await nextTick()\n    initData.dragging && displayTooltip()\n    tooltip.value!.updatePopper()\n  }\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      updateDragging(val)\n    }\n  )\n\n  useEventListener(button, 'touchstart', onButtonDown, { passive: false })\n\n  return {\n    disabled,\n    button,\n    tooltip,\n    tooltipVisible,\n    showTooltip,\n    persistent,\n    wrapperStyle,\n    formatValue,\n    handleMouseEnter,\n    handleMouseLeave,\n    onButtonDown,\n    onKeyDown,\n    setPosition,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-slider-button.mjs","names":["clamp"],"sources":["../../../../../../../packages/components/slider/src/composables/use-slider-button.ts"],"sourcesContent":["import { computed, inject, nextTick, ref, watch } from 'vue'\nimport { clamp, debounce } from 'lodash-unified'\nimport { useEventListener } from '@vueuse/core'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { getEventCode, isNumber } from '@element-plus/utils'\nimport { sliderContextKey } from '../constants'\n\nimport type { CSSProperties, ComputedRef, Ref, SetupContext } from 'vue'\nimport type { SliderProps } from '../slider'\nimport type {\n  SliderButtonEmits,\n  SliderButtonInitData,\n  SliderButtonProps,\n} from '../button'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\nconst useTooltip = (\n  props: SliderButtonProps,\n  formatTooltip: Ref<SliderProps['formatTooltip']>,\n  showTooltip: Ref<SliderProps['showTooltip']>\n) => {\n  const tooltip = ref<TooltipInstance>()\n\n  const tooltipVisible = ref(false)\n\n  const enableFormat = computed(() => {\n    return formatTooltip.value instanceof Function\n  })\n\n  const formatValue = computed(() => {\n    return (\n      (enableFormat.value && formatTooltip.value!(props.modelValue)) ||\n      props.modelValue\n    )\n  })\n\n  const displayTooltip = debounce(() => {\n    showTooltip.value && (tooltipVisible.value = true)\n  }, 50)\n\n  const hideTooltip = debounce(() => {\n    showTooltip.value && (tooltipVisible.value = false)\n  }, 50)\n\n  return {\n    tooltip,\n    tooltipVisible,\n    formatValue,\n    displayTooltip,\n    hideTooltip,\n  }\n}\n\nexport const useSliderButton = (\n  props: SliderButtonProps,\n  initData: SliderButtonInitData,\n  emit: SetupContext<SliderButtonEmits>['emit']\n) => {\n  const {\n    disabled,\n    min,\n    max,\n    step,\n    showTooltip,\n    persistent,\n    precision,\n    sliderSize,\n    formatTooltip,\n    emitChange,\n    resetSize,\n    updateDragging,\n    markList,\n  } = inject(sliderContextKey)!\n\n  const { tooltip, tooltipVisible, formatValue, displayTooltip, hideTooltip } =\n    useTooltip(props, formatTooltip!, showTooltip)\n\n  const button = ref<HTMLDivElement>()\n\n  const currentPosition = computed(() => {\n    return `${\n      ((props.modelValue - min.value) / (max.value - min.value)) * 100\n    }%`\n  })\n\n  const wrapperStyle: ComputedRef<CSSProperties> = computed(() => {\n    return props.vertical\n      ? { bottom: currentPosition.value }\n      : { left: currentPosition.value }\n  })\n\n  const shouldMoveToMark = computed(() => {\n    return step.value === 'mark' && markList.value.length > 0\n  })\n\n  const handleMouseEnter = () => {\n    initData.hovering = true\n    displayTooltip()\n  }\n\n  const handleMouseLeave = () => {\n    initData.hovering = false\n    if (!initData.dragging) {\n      hideTooltip()\n    }\n  }\n\n  const onButtonDown = (event: MouseEvent | TouchEvent) => {\n    if (disabled.value) return\n    event.preventDefault()\n    onDragStart(event)\n    window.addEventListener('mousemove', onDragging)\n    window.addEventListener('touchmove', onDragging)\n    window.addEventListener('mouseup', onDragEnd)\n    window.addEventListener('touchend', onDragEnd)\n    window.addEventListener('contextmenu', onDragEnd)\n    button.value!.focus()\n  }\n\n  const incrementPosition = (amount: number) => {\n    if (disabled.value) return\n    initData.newPosition =\n      Number.parseFloat(currentPosition.value) +\n      (amount / (max.value - min.value)) * 100\n    setPosition(initData.newPosition)\n    emitChange()\n  }\n\n  const moveToMark = (amount: number) => {\n    if (disabled.value || !markList.value.length) return\n\n    const current = props.modelValue\n    const epsilon = Number.EPSILON\n    const stride = Math.abs(amount)\n    let target: number | undefined\n\n    if (amount > 0) {\n      const startIndex = markList.value.findIndex(\n        (m) => m.point > current + epsilon\n      )\n      if (startIndex !== -1) {\n        const targetIndex = Math.min(\n          startIndex + stride - 1,\n          markList.value.length - 1\n        )\n        target = markList.value[targetIndex].point\n      }\n    } else {\n      let startIndex = -1\n      for (let i = markList.value.length - 1; i >= 0; i--) {\n        if (markList.value[i].point < current - epsilon) {\n          startIndex = i\n          break\n        }\n      }\n\n      if (startIndex !== -1) {\n        const targetIndex = Math.max(startIndex - (stride - 1), 0)\n        target = markList.value[targetIndex].point\n      }\n    }\n\n    if (target !== undefined && target !== current) {\n      const newPos = ((target - min.value) / (max.value - min.value)) * 100\n      setPosition(newPos)\n      emitChange()\n    }\n  }\n\n  const onLeftKeyDown = () => {\n    if (shouldMoveToMark.value) {\n      moveToMark(-1)\n    } else if (isNumber(step.value)) {\n      incrementPosition(-step.value)\n    }\n  }\n\n  const onRightKeyDown = () => {\n    if (shouldMoveToMark.value) {\n      moveToMark(1)\n    } else if (isNumber(step.value)) {\n      incrementPosition(step.value)\n    }\n  }\n\n  const onPageDownKeyDown = () => {\n    if (shouldMoveToMark.value) {\n      moveToMark(-4)\n    } else if (isNumber(step.value)) {\n      incrementPosition(-step.value * 4)\n    }\n  }\n\n  const onPageUpKeyDown = () => {\n    if (shouldMoveToMark.value) {\n      moveToMark(4)\n    } else if (isNumber(step.value)) {\n      incrementPosition(step.value * 4)\n    }\n  }\n\n  const onHomeKeyDown = () => {\n    if (disabled.value) return\n    setPosition(0)\n    emitChange()\n  }\n\n  const onEndKeyDown = () => {\n    if (disabled.value) return\n    setPosition(100)\n    emitChange()\n  }\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const code = getEventCode(event)\n    let isPreventDefault = true\n\n    switch (code) {\n      case EVENT_CODE.left:\n      case EVENT_CODE.down:\n        onLeftKeyDown()\n        break\n      case EVENT_CODE.right:\n      case EVENT_CODE.up:\n        onRightKeyDown()\n        break\n      case EVENT_CODE.home:\n        onHomeKeyDown()\n        break\n      case EVENT_CODE.end:\n        onEndKeyDown()\n        break\n      case EVENT_CODE.pageDown:\n        onPageDownKeyDown()\n        break\n      case EVENT_CODE.pageUp:\n        onPageUpKeyDown()\n        break\n      default:\n        isPreventDefault = false\n        break\n    }\n\n    isPreventDefault && event.preventDefault()\n  }\n\n  const getClientXY = (event: MouseEvent | TouchEvent) => {\n    let clientX: number\n    let clientY: number\n    if (event.type.startsWith('touch')) {\n      clientY = (event as TouchEvent).touches[0].clientY\n      clientX = (event as TouchEvent).touches[0].clientX\n    } else {\n      clientY = (event as MouseEvent).clientY\n      clientX = (event as MouseEvent).clientX\n    }\n    return {\n      clientX,\n      clientY,\n    }\n  }\n\n  const onDragStart = (event: MouseEvent | TouchEvent) => {\n    initData.dragging = true\n    initData.isClick = true\n    const { clientX, clientY } = getClientXY(event)\n    if (props.vertical) {\n      initData.startY = clientY\n    } else {\n      initData.startX = clientX\n    }\n    initData.startPosition = Number.parseFloat(currentPosition.value)\n    initData.newPosition = initData.startPosition\n  }\n\n  const onDragging = (event: MouseEvent | TouchEvent) => {\n    if (initData.dragging) {\n      initData.isClick = false\n      displayTooltip()\n      resetSize()\n      let diff: number\n      const { clientX, clientY } = getClientXY(event)\n      if (props.vertical) {\n        initData.currentY = clientY\n        diff = ((initData.startY - initData.currentY) / sliderSize.value) * 100\n      } else {\n        initData.currentX = clientX\n        diff = ((initData.currentX - initData.startX) / sliderSize.value) * 100\n      }\n      initData.newPosition = initData.startPosition + diff\n      setPosition(initData.newPosition)\n    }\n  }\n\n  const onDragEnd = () => {\n    if (initData.dragging) {\n      /*\n       * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移\n       * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上\n       */\n      setTimeout(() => {\n        initData.dragging = false\n        if (!initData.hovering) {\n          hideTooltip()\n        }\n        if (!initData.isClick) {\n          setPosition(initData.newPosition)\n        }\n        emitChange()\n      }, 0)\n      window.removeEventListener('mousemove', onDragging)\n      window.removeEventListener('touchmove', onDragging)\n      window.removeEventListener('mouseup', onDragEnd)\n      window.removeEventListener('touchend', onDragEnd)\n      window.removeEventListener('contextmenu', onDragEnd)\n    }\n  }\n\n  const setPosition = async (newPosition: number) => {\n    if (newPosition === null || Number.isNaN(+newPosition)) return\n\n    newPosition = clamp(newPosition, 0, 100)\n    let value: number\n\n    if (step.value === 'mark') {\n      if (markList.value.length === 0) {\n        value = newPosition <= 50 ? min.value : max.value\n      } else {\n        const closestMark = markList.value.reduce((prev, curr) => {\n          return Math.abs(curr.position - newPosition) <\n            Math.abs(prev.position - newPosition)\n            ? curr\n            : prev\n        })\n        value = closestMark.point\n      }\n    } else {\n      const fullSteps = Math.floor((max.value - min.value) / step.value)\n      const fullRangePercentage =\n        ((fullSteps * step.value) / (max.value - min.value)) * 100\n      const threshold = fullRangePercentage + (100 - fullRangePercentage) / 2\n      if (newPosition < fullRangePercentage) {\n        const valueBetween = fullRangePercentage / fullSteps\n        const steps = Math.round(newPosition / valueBetween)\n        value = min.value + steps * step.value\n      } else if (newPosition < threshold) {\n        value = min.value + fullSteps * step.value\n      } else {\n        value = max.value\n      }\n      value = Number.parseFloat(value.toFixed(precision.value))\n    }\n\n    if (value !== props.modelValue) {\n      emit(UPDATE_MODEL_EVENT, value)\n    }\n\n    if (!initData.dragging && props.modelValue !== initData.oldValue) {\n      initData.oldValue = props.modelValue\n    }\n\n    await nextTick()\n    initData.dragging && displayTooltip()\n    tooltip.value!.updatePopper()\n  }\n\n  watch(\n    () => initData.dragging,\n    (val) => {\n      updateDragging(val)\n    }\n  )\n\n  useEventListener(button, 'touchstart', onButtonDown, { passive: false })\n\n  return {\n    disabled,\n    button,\n    tooltip,\n    tooltipVisible,\n    showTooltip,\n    persistent,\n    wrapperStyle,\n    formatValue,\n    handleMouseEnter,\n    handleMouseLeave,\n    onButtonDown,\n    onKeyDown,\n    setPosition,\n  }\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,cACJ,OACA,eACA,gBACG;CACH,MAAM,UAAU,KAAsB;CAEtC,MAAM,iBAAiB,IAAI,MAAM;CAEjC,MAAM,eAAe,eAAe;AAClC,SAAO,cAAc,iBAAiB;GACtC;AAiBF,QAAO;EACL;EACA;EACA,aAlBkB,eAAe;AACjC,UACG,aAAa,SAAS,cAAc,MAAO,MAAM,WAAW,IAC7D,MAAM;IAER;EAcA,gBAZqB,eAAe;AACpC,eAAY,UAAU,eAAe,QAAQ;KAC5C,GAAG;EAWJ,aATkB,eAAe;AACjC,eAAY,UAAU,eAAe,QAAQ;KAC5C,GAAG;EAQL;;AAGH,MAAa,mBACX,OACA,UACA,SACG;CACH,MAAM,EACJ,UACA,KACA,KACA,MACA,aACA,YACA,WACA,YACA,eACA,YACA,WACA,gBACA,aACE,OAAO,iBAAiB;CAE5B,MAAM,EAAE,SAAS,gBAAgB,aAAa,gBAAgB,gBAC5D,WAAW,OAAO,eAAgB,YAAY;CAEhD,MAAM,SAAS,KAAqB;CAEpC,MAAM,kBAAkB,eAAe;AACrC,SAAO,IACH,MAAM,aAAa,IAAI,UAAU,IAAI,QAAQ,IAAI,SAAU,IAC9D;GACD;CAEF,MAAM,eAA2C,eAAe;AAC9D,SAAO,MAAM,WACT,EAAE,QAAQ,gBAAgB,OAAO,GACjC,EAAE,MAAM,gBAAgB,OAAO;GACnC;CAEF,MAAM,mBAAmB,eAAe;AACtC,SAAO,KAAK,UAAU,UAAU,SAAS,MAAM,SAAS;GACxD;CAEF,MAAM,yBAAyB;AAC7B,WAAS,WAAW;AACpB,kBAAgB;;CAGlB,MAAM,yBAAyB;AAC7B,WAAS,WAAW;AACpB,MAAI,CAAC,SAAS,SACZ,cAAa;;CAIjB,MAAM,gBAAgB,UAAmC;AACvD,MAAI,SAAS,MAAO;AACpB,QAAM,gBAAgB;AACtB,cAAY,MAAM;AAClB,SAAO,iBAAiB,aAAa,WAAW;AAChD,SAAO,iBAAiB,aAAa,WAAW;AAChD,SAAO,iBAAiB,WAAW,UAAU;AAC7C,SAAO,iBAAiB,YAAY,UAAU;AAC9C,SAAO,iBAAiB,eAAe,UAAU;AACjD,SAAO,MAAO,OAAO;;CAGvB,MAAM,qBAAqB,WAAmB;AAC5C,MAAI,SAAS,MAAO;AACpB,WAAS,cACP,OAAO,WAAW,gBAAgB,MAAM,GACvC,UAAU,IAAI,QAAQ,IAAI,SAAU;AACvC,cAAY,SAAS,YAAY;AACjC,cAAY;;CAGd,MAAM,cAAc,WAAmB;AACrC,MAAI,SAAS,SAAS,CAAC,SAAS,MAAM,OAAQ;EAE9C,MAAM,UAAU,MAAM;EACtB,MAAM,UAAU,OAAO;EACvB,MAAM,SAAS,KAAK,IAAI,OAAO;EAC/B,IAAI;AAEJ,MAAI,SAAS,GAAG;GACd,MAAM,aAAa,SAAS,MAAM,WAC/B,MAAM,EAAE,QAAQ,UAAU,QAC5B;AACD,OAAI,eAAe,IAAI;IACrB,MAAM,cAAc,KAAK,IACvB,aAAa,SAAS,GACtB,SAAS,MAAM,SAAS,EACzB;AACD,aAAS,SAAS,MAAM,aAAa;;SAElC;GACL,IAAI,aAAa;AACjB,QAAK,IAAI,IAAI,SAAS,MAAM,SAAS,GAAG,KAAK,GAAG,IAC9C,KAAI,SAAS,MAAM,GAAG,QAAQ,UAAU,SAAS;AAC/C,iBAAa;AACb;;AAIJ,OAAI,eAAe,IAAI;IACrB,MAAM,cAAc,KAAK,IAAI,cAAc,SAAS,IAAI,EAAE;AAC1D,aAAS,SAAS,MAAM,aAAa;;;AAIzC,MAAI,WAAW,UAAa,WAAW,SAAS;AAE9C,gBADiB,SAAS,IAAI,UAAU,IAAI,QAAQ,IAAI,SAAU,IAC/C;AACnB,eAAY;;;CAIhB,MAAM,sBAAsB;AAC1B,MAAI,iBAAiB,MACnB,YAAW,GAAG;WACL,SAAS,KAAK,MAAM,CAC7B,mBAAkB,CAAC,KAAK,MAAM;;CAIlC,MAAM,uBAAuB;AAC3B,MAAI,iBAAiB,MACnB,YAAW,EAAE;WACJ,SAAS,KAAK,MAAM,CAC7B,mBAAkB,KAAK,MAAM;;CAIjC,MAAM,0BAA0B;AAC9B,MAAI,iBAAiB,MACnB,YAAW,GAAG;WACL,SAAS,KAAK,MAAM,CAC7B,mBAAkB,CAAC,KAAK,QAAQ,EAAE;;CAItC,MAAM,wBAAwB;AAC5B,MAAI,iBAAiB,MACnB,YAAW,EAAE;WACJ,SAAS,KAAK,MAAM,CAC7B,mBAAkB,KAAK,QAAQ,EAAE;;CAIrC,MAAM,sBAAsB;AAC1B,MAAI,SAAS,MAAO;AACpB,cAAY,EAAE;AACd,cAAY;;CAGd,MAAM,qBAAqB;AACzB,MAAI,SAAS,MAAO;AACpB,cAAY,IAAI;AAChB,cAAY;;CAGd,MAAM,aAAa,UAAyB;EAC1C,MAAM,OAAO,aAAa,MAAM;EAChC,IAAI,mBAAmB;AAEvB,UAAQ,MAAR;GACE,KAAK,WAAW;GAChB,KAAK,WAAW;AACd,mBAAe;AACf;GACF,KAAK,WAAW;GAChB,KAAK,WAAW;AACd,oBAAgB;AAChB;GACF,KAAK,WAAW;AACd,mBAAe;AACf;GACF,KAAK,WAAW;AACd,kBAAc;AACd;GACF,KAAK,WAAW;AACd,uBAAmB;AACnB;GACF,KAAK,WAAW;AACd,qBAAiB;AACjB;GACF;AACE,uBAAmB;AACnB;;AAGJ,sBAAoB,MAAM,gBAAgB;;CAG5C,MAAM,eAAe,UAAmC;EACtD,IAAI;EACJ,IAAI;AACJ,MAAI,MAAM,KAAK,WAAW,QAAQ,EAAE;AAClC,aAAW,MAAqB,QAAQ,GAAG;AAC3C,aAAW,MAAqB,QAAQ,GAAG;SACtC;AACL,aAAW,MAAqB;AAChC,aAAW,MAAqB;;AAElC,SAAO;GACL;GACA;GACD;;CAGH,MAAM,eAAe,UAAmC;AACtD,WAAS,WAAW;AACpB,WAAS,UAAU;EACnB,MAAM,EAAE,SAAS,YAAY,YAAY,MAAM;AAC/C,MAAI,MAAM,SACR,UAAS,SAAS;MAElB,UAAS,SAAS;AAEpB,WAAS,gBAAgB,OAAO,WAAW,gBAAgB,MAAM;AACjE,WAAS,cAAc,SAAS;;CAGlC,MAAM,cAAc,UAAmC;AACrD,MAAI,SAAS,UAAU;AACrB,YAAS,UAAU;AACnB,mBAAgB;AAChB,cAAW;GACX,IAAI;GACJ,MAAM,EAAE,SAAS,YAAY,YAAY,MAAM;AAC/C,OAAI,MAAM,UAAU;AAClB,aAAS,WAAW;AACpB,YAAS,SAAS,SAAS,SAAS,YAAY,WAAW,QAAS;UAC/D;AACL,aAAS,WAAW;AACpB,YAAS,SAAS,WAAW,SAAS,UAAU,WAAW,QAAS;;AAEtE,YAAS,cAAc,SAAS,gBAAgB;AAChD,eAAY,SAAS,YAAY;;;CAIrC,MAAM,kBAAkB;AACtB,MAAI,SAAS,UAAU;AAKrB,oBAAiB;AACf,aAAS,WAAW;AACpB,QAAI,CAAC,SAAS,SACZ,cAAa;AAEf,QAAI,CAAC,SAAS,QACZ,aAAY,SAAS,YAAY;AAEnC,gBAAY;MACX,EAAE;AACL,UAAO,oBAAoB,aAAa,WAAW;AACnD,UAAO,oBAAoB,aAAa,WAAW;AACnD,UAAO,oBAAoB,WAAW,UAAU;AAChD,UAAO,oBAAoB,YAAY,UAAU;AACjD,UAAO,oBAAoB,eAAe,UAAU;;;CAIxD,MAAM,cAAc,OAAO,gBAAwB;AACjD,MAAI,gBAAgB,QAAQ,OAAO,MAAM,CAAC,YAAY,CAAE;AAExD,gBAAcA,QAAM,aAAa,GAAG,IAAI;EACxC,IAAI;AAEJ,MAAI,KAAK,UAAU,OACjB,KAAI,SAAS,MAAM,WAAW,EAC5B,SAAQ,eAAe,KAAK,IAAI,QAAQ,IAAI;MAQ5C,SANoB,SAAS,MAAM,QAAQ,MAAM,SAAS;AACxD,UAAO,KAAK,IAAI,KAAK,WAAW,YAAY,GAC1C,KAAK,IAAI,KAAK,WAAW,YAAY,GACnC,OACA;IACJ,CACkB;OAEjB;GACL,MAAM,YAAY,KAAK,OAAO,IAAI,QAAQ,IAAI,SAAS,KAAK,MAAM;GAClE,MAAM,sBACF,YAAY,KAAK,SAAU,IAAI,QAAQ,IAAI,SAAU;GACzD,MAAM,YAAY,uBAAuB,MAAM,uBAAuB;AACtE,OAAI,cAAc,qBAAqB;IACrC,MAAM,eAAe,sBAAsB;IAC3C,MAAM,QAAQ,KAAK,MAAM,cAAc,aAAa;AACpD,YAAQ,IAAI,QAAQ,QAAQ,KAAK;cACxB,cAAc,UACvB,SAAQ,IAAI,QAAQ,YAAY,KAAK;OAErC,SAAQ,IAAI;AAEd,WAAQ,OAAO,WAAW,MAAM,QAAQ,UAAU,MAAM,CAAC;;AAG3D,MAAI,UAAU,MAAM,WAClB,MAAK,oBAAoB,MAAM;AAGjC,MAAI,CAAC,SAAS,YAAY,MAAM,eAAe,SAAS,SACtD,UAAS,WAAW,MAAM;AAG5B,QAAM,UAAU;AAChB,WAAS,YAAY,gBAAgB;AACrC,UAAQ,MAAO,cAAc;;AAG/B,aACQ,SAAS,WACd,QAAQ;AACP,iBAAe,IAAI;GAEtB;AAED,kBAAiB,QAAQ,cAAc,cAAc,EAAE,SAAS,OAAO,CAAC;AAExE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/es/components/slider/src/composables/use-stops.mjs

@@ -5,8 +5,8 @@ import { computed } from "vue";
 const useStops = (props, initData, minValue, maxValue) => {
 	const stops = computed(() => {
 		if (!props.showStops || props.min > props.max) return [];
-		if (props.step === 0) {
-			debugWarn("ElSlider", "step should not be 0.");
+		if (props.step === "mark" || props.step === 0) {
+			if (props.step === 0) debugWarn("ElSlider", "step should not be 0.");
 			return [];
 		}
 		const stopCount = Math.ceil((props.max - props.min) / props.step);

package/es/components/slider/src/composables/use-stops.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-stops.mjs","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-stops.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { CSSProperties, ComputedRef } from 'vue'\nimport type { SliderInitData, SliderProps } from '../slider'\n\ntype Stops = {\n  stops: ComputedRef<number[]>\n  getStopStyle: (position: number) => CSSProperties\n}\n\nexport const useStops = (\n  props: SliderProps,\n  initData: SliderInitData,\n  minValue: ComputedRef<number>,\n  maxValue: ComputedRef<number>\n): Stops => {\n  const stops = computed(() => {\n    if (!props.showStops || props.min > props.max) return []\n    if (props.step === 0) {\n      debugWarn('ElSlider', 'step should not be 0.')\n      return []\n    }\n\n    const stopCount = Math.ceil((props.max - props.min) / props.step)\n    const stepWidth = (100 * props.step) / (props.max - props.min)\n    const result = Array.from<number>({ length: stopCount - 1 }).map(\n      (_, index) => (index + 1) * stepWidth\n    )\n\n    if (props.range) {\n      return result.filter((step) => {\n        return (\n          step <\n            (100 * (minValue.value - props.min)) / (props.max - props.min) ||\n          step > (100 * (maxValue.value - props.min)) / (props.max - props.min)\n        )\n      })\n    } else {\n      return result.filter(\n        (step) =>\n          step >\n          (100 * (initData.firstValue - props.min)) / (props.max - props.min)\n      )\n    }\n  })\n\n  const getStopStyle = (position: number): CSSProperties => {\n    return props.vertical\n      ? { bottom: `${position}%` }\n      : { left: `${position}%` }\n  }\n\n  return {\n    stops,\n    getStopStyle,\n  }\n}\n"],"mappings":";;;;AAWA,MAAa,YACX,OACA,UACA,UACA,aACU;CACV,MAAM,QAAQ,eAAe;AAC3B,MAAI,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,IAAK,QAAO,EAAE;AACxD,MAAI,MAAM,SAAS,GAAG;AACpB,aAAU,YAAY,wBAAwB;AAC9C,UAAO,EAAE;;EAGX,MAAM,YAAY,KAAK,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;EACjE,MAAM,YAAa,MAAM,MAAM,QAAS,MAAM,MAAM,MAAM;EAC1D,MAAM,SAAS,MAAM,KAAa,EAAE,QAAQ,YAAY,GAAG,CAAC,CAAC,KAC1D,GAAG,WAAW,QAAQ,KAAK,UAC7B;AAED,MAAI,MAAM,MACR,QAAO,OAAO,QAAQ,SAAS;AAC7B,UACE,OACG,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM,QAC5D,OAAQ,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM;IAEnE;MAEF,QAAO,OAAO,QACX,SACC,OACC,OAAO,SAAS,aAAa,MAAM,QAAS,MAAM,MAAM,MAAM,KAClE;GAEH;CAEF,MAAM,gBAAgB,aAAoC;AACxD,SAAO,MAAM,WACT,EAAE,QAAQ,GAAG,SAAS,IAAI,GAC1B,EAAE,MAAM,GAAG,SAAS,IAAI;;AAG9B,QAAO;EACL;EACA;EACD"}
+{"version":3,"file":"use-stops.mjs","names":[],"sources":["../../../../../../../packages/components/slider/src/composables/use-stops.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { debugWarn } from '@element-plus/utils'\n\nimport type { CSSProperties, ComputedRef } from 'vue'\nimport type { SliderInitData, SliderProps } from '../slider'\n\ntype Stops = {\n  stops: ComputedRef<number[]>\n  getStopStyle: (position: number) => CSSProperties\n}\n\nexport const useStops = (\n  props: SliderProps,\n  initData: SliderInitData,\n  minValue: ComputedRef<number>,\n  maxValue: ComputedRef<number>\n): Stops => {\n  const stops = computed(() => {\n    if (!props.showStops || props.min > props.max) return []\n    if (props.step === 'mark' || props.step === 0) {\n      if (props.step === 0) debugWarn('ElSlider', 'step should not be 0.')\n      return []\n    }\n\n    const stopCount = Math.ceil((props.max - props.min) / props.step)\n    const stepWidth = (100 * props.step) / (props.max - props.min)\n    const result = Array.from<number>({ length: stopCount - 1 }).map(\n      (_, index) => (index + 1) * stepWidth\n    )\n\n    if (props.range) {\n      return result.filter((step) => {\n        return (\n          step <\n            (100 * (minValue.value - props.min)) / (props.max - props.min) ||\n          step > (100 * (maxValue.value - props.min)) / (props.max - props.min)\n        )\n      })\n    } else {\n      return result.filter(\n        (step) =>\n          step >\n          (100 * (initData.firstValue - props.min)) / (props.max - props.min)\n      )\n    }\n  })\n\n  const getStopStyle = (position: number): CSSProperties => {\n    return props.vertical\n      ? { bottom: `${position}%` }\n      : { left: `${position}%` }\n  }\n\n  return {\n    stops,\n    getStopStyle,\n  }\n}\n"],"mappings":";;;;AAWA,MAAa,YACX,OACA,UACA,UACA,aACU;CACV,MAAM,QAAQ,eAAe;AAC3B,MAAI,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,IAAK,QAAO,EAAE;AACxD,MAAI,MAAM,SAAS,UAAU,MAAM,SAAS,GAAG;AAC7C,OAAI,MAAM,SAAS,EAAG,WAAU,YAAY,wBAAwB;AACpE,UAAO,EAAE;;EAGX,MAAM,YAAY,KAAK,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;EACjE,MAAM,YAAa,MAAM,MAAM,QAAS,MAAM,MAAM,MAAM;EAC1D,MAAM,SAAS,MAAM,KAAa,EAAE,QAAQ,YAAY,GAAG,CAAC,CAAC,KAC1D,GAAG,WAAW,QAAQ,KAAK,UAC7B;AAED,MAAI,MAAM,MACR,QAAO,OAAO,QAAQ,SAAS;AAC7B,UACE,OACG,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM,QAC5D,OAAQ,OAAO,SAAS,QAAQ,MAAM,QAAS,MAAM,MAAM,MAAM;IAEnE;MAEF,QAAO,OAAO,QACX,SACC,OACC,OAAO,SAAS,aAAa,MAAM,QAAS,MAAM,MAAM,MAAM,KAClE;GAEH;CAEF,MAAM,gBAAgB,aAAoC;AACxD,SAAO,MAAM,WACT,EAAE,QAAQ,GAAG,SAAS,IAAI,GAC1B,EAAE,MAAM,GAAG,SAAS,IAAI;;AAG9B,QAAO;EACL;EACA;EACD"}

package/es/components/slider/src/constants.d.ts

@@ -1,4 +1,5 @@
 import { SliderProps } from "./slider.js";
+import { Mark } from "./composables/use-marks.js";
 import { ComputedRef, InjectionKey, Ref, ToRefs } from "vue";
 
 //#region ../../packages/components/slider/src/constants.d.ts
@@ -9,6 +10,7 @@ interface SliderContext extends ToRefs<SliderProps> {
   resetSize: () => void;
   updateDragging: (val: boolean) => void;
   disabled: ComputedRef<boolean>;
+  markList: ComputedRef<Mark[]>;
 }
 declare const sliderContextKey: InjectionKey<SliderContext>;
 //#endregion

package/es/components/slider/src/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","names":[],"sources":["../../../../../../packages/components/slider/src/constants.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref, ToRefs } from 'vue'\nimport type { SliderProps } from './slider'\n\nexport interface SliderContext extends ToRefs<SliderProps> {\n  precision: ComputedRef<number>\n  sliderSize: Ref<number>\n  emitChange: () => void\n  resetSize: () => void\n  updateDragging: (val: boolean) => void\n  disabled: ComputedRef<boolean>\n}\n\nexport const sliderContextKey: InjectionKey<SliderContext> =\n  Symbol('sliderContextKey')\n"],"mappings":";AAYA,MAAa,mBACX,OAAO,mBAAmB"}
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../../../../../packages/components/slider/src/constants.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref, ToRefs } from 'vue'\nimport type { SliderProps } from './slider'\nimport type { Mark } from './composables/use-marks'\n\nexport interface SliderContext extends ToRefs<SliderProps> {\n  precision: ComputedRef<number>\n  sliderSize: Ref<number>\n  emitChange: () => void\n  resetSize: () => void\n  updateDragging: (val: boolean) => void\n  disabled: ComputedRef<boolean>\n  markList: ComputedRef<Mark[]>\n}\n\nexport const sliderContextKey: InjectionKey<SliderContext> =\n  Symbol('sliderContextKey')\n"],"mappings":";AAcA,MAAa,mBACX,OAAO,mBAAmB"}

package/es/components/slider/src/slider.d.ts

@@ -22,7 +22,7 @@ declare const sliderProps: {
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {

package/es/components/slider/src/slider.mjs

@@ -24,7 +24,7 @@ const sliderProps = buildProps({
 		default: 100
 	},
 	step: {
-		type: Number,
+		type: definePropType([Number, String]),
 		default: 1
 	},
 	showInput: Boolean,

package/es/components/slider/src/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","names":[],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size\n   */\n  step: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;AA6BA,MAAa,cAAc,WAAW;CAIpC,YAAY;EACV,MAAM,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,MAAM;CAIN,WAAW;CAIX,WAAW;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM,eAAiD,SAAS;EAChE,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,UAAU;CAIV,QAAQ;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM,eAAwC,SAAS;EACvD,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACV;CAID,OAAO,EACL,MAAM,eAA4B,OAAO,EAC1C;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAG,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpB,SAAS,MAAM,IAAK,QAAQ,MAAM,IAAI,MAAM,MAAM,SAAS;AAC7D,MAAa,cAAc;EACxB,qBAAqB;EACrB,cAAc;EACd,eAAe;CACjB"}
+{"version":3,"file":"slider.mjs","names":[],"sources":["../../../../../../packages/components/slider/src/slider.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { SliderMarkerProps } from './marker'\nimport type Slider from './slider.vue'\n\ntype SliderMarks = Record<number, string | SliderMarkerProps['mark']>\n\nexport interface SliderInitData {\n  firstValue: number\n  secondValue: number\n  oldValue?: Arrayable<number>\n  dragging: boolean\n  sliderSize: number\n}\n\nexport const sliderProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<Arrayable<number>>([Number, Array]),\n    default: 0,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description minimum value\n   */\n  min: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description maximum value\n   */\n  max: {\n    type: Number,\n    default: 100,\n  },\n  /**\n   * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set\n   */\n  step: {\n    type: definePropType<number | 'mark'>([Number, String]),\n    default: 1,\n  },\n  /**\n   * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`\n   */\n  showInput: Boolean,\n  /**\n   * @description whether to display control buttons when `show-input` is true\n   */\n  showInputControls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of the slider wrapper, will not work in vertical mode\n   */\n  size: useSizeProp,\n  /**\n   * @description size of the input box, when set `size`, the default is the value of `size`\n   */\n  inputSize: useSizeProp,\n  /**\n   * @description whether to display breakpoints\n   */\n  showStops: Boolean,\n  /**\n   * @description whether to display tooltip value\n   */\n  showTooltip: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description format to display tooltip value\n   */\n  formatTooltip: {\n    type: definePropType<(val: number) => number | string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description whether Slider is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to select a range\n   */\n  range: Boolean,\n  /**\n   * @description vertical mode\n   */\n  vertical: Boolean,\n  /**\n   * @description slider height, required in vertical mode\n   */\n  height: String,\n  /**\n   * @description when `range` is true, screen reader label for the start of the range\n   */\n  rangeStartLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description when `range` is true, screen reader label for the end of the range\n   */\n  rangeEndLabel: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description format to display the `aria-valuenow` attribute for screen readers\n   */\n  formatValueText: {\n    type: definePropType<(val: number) => string>(Function),\n    default: undefined,\n  },\n  /**\n   * @description custom class name for the tooltip\n   */\n  tooltipClass: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description position of Tooltip\n   */\n  placement: {\n    type: String,\n    values: placements,\n    default: 'top',\n  },\n  /**\n   * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style\n   */\n  marks: {\n    type: definePropType<SliderMarks>(Object),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type SliderProps = ExtractPropTypes<typeof sliderProps>\nexport type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>\n\nconst isValidValue = (value: Arrayable<number>) =>\n  isNumber(value) || (isArray(value) && value.every(isNumber))\nexport const sliderEmits = {\n  [UPDATE_MODEL_EVENT]: isValidValue,\n  [INPUT_EVENT]: isValidValue,\n  [CHANGE_EVENT]: isValidValue,\n}\nexport type SliderEmits = typeof sliderEmits\n\nexport type SliderInstance = InstanceType<typeof Slider> & unknown\n"],"mappings":";;;;;;;;AA6BA,MAAa,cAAc,WAAW;CAIpC,YAAY;EACV,MAAM,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACV;CACD,IAAI;EACF,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;CAID,MAAM;EACJ,MAAM,eAAgC,CAAC,QAAQ,OAAO,CAAC;EACvD,SAAS;EACV;CAID,WAAW;CAIX,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CAID,MAAM;CAIN,WAAW;CAIX,WAAW;CAIX,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM,eAAiD,SAAS;EAChE,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,UAAU;CAIV,QAAQ;CAIR,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,iBAAiB;EACf,MAAM,eAAwC,SAAS;EACvD,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACV;CAID,OAAO,EACL,MAAM,eAA4B,OAAO,EAC1C;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAG,aAAa,CAAC,YAAY,CAAC;CAC/B,CAAU;AAIX,MAAM,gBAAgB,UACpB,SAAS,MAAM,IAAK,QAAQ,MAAM,IAAI,MAAM,MAAM,SAAS;AAC7D,MAAa,cAAc;EACxB,qBAAqB;EACrB,cAAc;EACd,eAAe;CACjB"}

package/es/components/slider/src/slider.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -89,7 +89,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly min: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
-  readonly step: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+  readonly step: EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown, 1, boolean>;
   readonly showInput: BooleanConstructor;
   readonly showInputControls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
@@ -169,7 +169,7 @@ declare const __VLS_export: vue.DefineComponent<{
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly max: number;
   readonly min: number;
-  readonly step: number;
+  readonly step: EpPropMergeType<(new (...args: any[]) => number | "mark") | (() => number | "mark") | ((new (...args: any[]) => number | "mark") | (() => number | "mark"))[], unknown, unknown>;
   readonly showInputControls: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly formatTooltip: (val: number) => number | string;

package/es/components/slider/src/slider.vue_vue_type_script_setup_true_lang.mjs

@@ -1,3 +1,4 @@
+import { isNumber } from "../../../utils/types.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useFormSize } from "../../form/src/hooks/use-form-common-props.mjs";
@@ -45,6 +46,9 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const { inputId, isLabeledByFormItem } = useFormItemInputId(props, { formItemContext: elFormItem });
 		const sliderWrapperSize = useFormSize();
 		const sliderInputSize = computed(() => props.inputSize || sliderWrapperSize.value);
+		const renderInput = computed(() => {
+			return props.showInput && !props.range && props.step !== "mark";
+		});
 		const groupLabel = computed(() => {
 			return props.ariaLabel || t("el.slider.defaultLabel", {
 				min: props.min,
@@ -68,15 +72,19 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			ns.b(),
 			ns.m(sliderWrapperSize.value),
 			ns.is("vertical", props.vertical),
-			{ [ns.m("with-input")]: props.showInput }
+			{ [ns.m("with-input")]: renderInput.value }
 		]);
 		const markList = useMarks(props);
 		useWatch(props, initData, minValue, maxValue, emit, elFormItem);
+		const sliderInputStep = computed(() => {
+			return isNumber(props.step) ? props.step : 1;
+		});
 		const precision = computed(() => {
+			const stepValue = isNumber(props.step) ? props.step : 1;
 			const precisions = [
 				props.min,
 				props.max,
-				props.step
+				stepValue
 			].map((item) => {
 				const decimal = `${item}`.split(".")[1];
 				return decimal ? decimal.length : 0;
@@ -95,6 +103,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			sliderSize,
 			disabled: sliderDisabled,
 			precision,
+			markList,
 			emitChange,
 			resetSize,
 			updateDragging
@@ -114,7 +123,7 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				ref: slider,
 				class: normalizeClass([
 					unref(ns).e("runway"),
-					{ "show-input": _ctx.showInput && !_ctx.range },
+					{ "show-input": renderInput.value },
 					unref(ns).is("disabled", unref(sliderDisabled))
 				]),
 				style: normalizeStyle(unref(runwayStyle)),
@@ -215,12 +224,12 @@ var slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						"onMousedown"
 					]);
 				}), 128))], 2)], 64)) : createCommentVNode("v-if", true)
-			], 38), _ctx.showInput && !_ctx.range ? (openBlock(), createBlock(unref(ElInputNumber), {
+			], 38), renderInput.value ? (openBlock(), createBlock(unref(ElInputNumber), {
 				key: 0,
 				ref: "input",
 				"model-value": unref(firstValue),
 				class: normalizeClass(unref(ns).e("input")),
-				step: _ctx.step,
+				step: sliderInputStep.value,
 				disabled: unref(sliderDisabled),
 				controls: _ctx.showInputControls,
 				min: _ctx.min,