x-next 1.5.0 → 1.6.0

package/dist/es/icons/_self/empty-better.js

@@ -1,6 +1,11 @@
 import { h as a, createVNode as l } from "vue";
-import { generateIcon as t } from "../icon.js";
-const n = t("EmptyBetter", a(l("svg", {
+import { generateIcon as e } from "../icon.js";
+const t = {
+  planes: "var(--x-empty-illustration-planes)",
+  mid: "var(--x-empty-illustration-mid)",
+  strong: "var(--x-empty-illustration-strong)",
+  highlight: "var(--x-empty-illustration-highlight)"
+}, n = e("EmptyBetter", a(l("svg", {
   width: "184",
   height: "152",
   viewBox: "0 0 184 152",
@@ -12,30 +17,42 @@ const n = t("EmptyBetter", a(l("svg", {
   transform: "translate(24 31.67)"
 }, [l("ellipse", {
   "fill-opacity": ".8",
-  fill: "#F5F5F7",
+  style: {
+    fill: t.planes
+  },
   cx: "67.797",
   cy: "106.89",
   rx: "67.797",
   ry: "12.668"
 }, null), l("path", {
   d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z",
-  fill: "#AEB8C2"
+  style: {
+    fill: t.strong
+  }
 }, null), l("path", {
   d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
   fill: "url(#linearGradient-1)",
   transform: "translate(13.56)"
 }, null), l("path", {
   d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z",
-  fill: "#F5F5F7"
+  style: {
+    fill: t.planes
+  }
 }, null), l("path", {
   d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z",
-  fill: "#DCE0E6"
+  style: {
+    fill: t.mid
+  }
 }, null)]), l("path", {
   d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z",
-  fill: "#DCE0E6"
+  style: {
+    fill: t.mid
+  }
 }, null), l("g", {
   transform: "translate(149.65 15.383)",
-  fill: "#FFF"
+  style: {
+    fill: t.highlight
+  }
 }, [l("ellipse", {
   cx: "20.654",
   cy: "3.167",

package/dist/es/index.js

@@ -6,8 +6,8 @@ import { default as c } from "./components/dialog/use.js";
 import { default as l } from "./components/message/warp.js";
 import { default as g } from "./components/message-box/MessageBox.js";
 import { default as S } from "./components/notification/warp.js";
-import { Dialog as b } from "./components/dialog/index.js";
-import { Message as L } from "./components/message/index.js";
+import { Dialog as P } from "./components/dialog/index.js";
+import { Message as k } from "./components/message/index.js";
 import { Notification as C } from "./components/notification/index.js";
 import { useResizeObserver as w } from "./_hooks/use-resize-observer.js";
 import { useFormItem as y } from "./_hooks/use-form-item.js";
@@ -15,68 +15,70 @@ import { applyThemeColor as M, generatePalette as v } from "./_utils/palette.js"
 import { LOCALES as E, formatMessage as O, getGlobalLocale as R, setGlobalLocale as A, useLocale as B } from "./locale/index.js";
 import { useDraggable as F } from "./components/draggable/useDraggable.js";
 import { vDraggable as z } from "./components/draggable/directive.js";
-import { Watermark as W } from "./components/watermark/index.js";
+import { Watermark as K } from "./components/watermark/index.js";
 import { default as U } from "./locale/en-US.js";
 import { default as X } from "./locale/zh-CN.js";
 import { Alert as Z } from "./components/alert/index.js";
 import { Button as J, ButtonGroup as V } from "./components/button/index.js";
 import { Checkbox as oo, CheckboxGroup as eo } from "./components/form-checkbox/index.js";
 import { Col as to, Grid as mo, GridItem as po, Row as fo } from "./components/grid/index.js";
-import { ConfigProvider as no } from "./components/config-provider/index.js";
-import { DatePicker as io, MonthPicker as so, QuarterPicker as co, RangePicker as uo, WeekPicker as lo, YearPicker as go } from "./components/date-picker/index.js";
-import { Draggable as So } from "./components/draggable/index.js";
-import { Drawer as bo } from "./components/drawer/index.js";
-import { Dropdown as Lo, DropdownButton as ko, DropdownGroup as Co, DropdownOption as Do, DropdownSubmenu as wo } from "./components/dropdown/index.js";
-import { Empty as yo } from "./components/empty/index.js";
-import { Form as Mo, FormItem as vo } from "./components/form/index.js";
-import { Image as Eo, ImagePreview as Oo, ImagePreviewAction as Ro, ImagePreviewGroup as Ao } from "./components/image/index.js";
-import { Input as _o, InputGroup as Fo, InputPassword as jo, InputSearch as zo } from "./components/form-input/index.js";
-import { InputNumber as Wo } from "./components/form-input-number/index.js";
-import { InputTag as Uo } from "./components/form-input-tag/index.js";
-import { Layout as Xo, LayoutContent as Yo, LayoutFooter as Zo, LayoutHeader as qo, LayoutSidebar as Jo } from "./components/layout/index.js";
-import { Link as $o } from "./components/link/index.js";
-import { Menu as ee, MenuItem as re, MenuItemGroup as te, MenuSubMenu as me } from "./components/menu/index.js";
-import { Network as fe } from "./components/network/index.js";
-import { Pagination as ne } from "./components/pagination/index.js";
-import { Popconfirm as ie } from "./components/popconfirm/index.js";
-import { Popover as ce } from "./components/popover/index.js";
-import { Popup as le } from "./components/popup/index.js";
-import { Progress as ge } from "./components/progress/index.js";
-import { Radio as Se, RadioGroup as Te } from "./components/form-radio/index.js";
-import { Rate as Pe } from "./components/rate/index.js";
-import { ResizeBox as ke } from "./components/resize-box/index.js";
-import { Scrollbar as De } from "./components/scrollbar-v2/index.js";
-import { Select as he, SelectDropdown as ye, SelectOption as Ge, SelectOptionGroup as Me } from "./components/form-select/index.js";
-import { Skeleton as Ne, SkeletonLine as Ee, SkeletonShape as Oe } from "./components/skeleton/index.js";
-import { Slider as Ae } from "./components/form-slider/index.js";
-import { Space as _e } from "./components/space/index.js";
-import { Spin as je } from "./components/spin/index.js";
-import { Step as Ke, Steps as We } from "./components/steps/index.js";
-import { Switch as Ue } from "./components/form-switch/index.js";
-import { TABLE_LOCALE_EN_US as Xe, TABLE_LOCALE_ZH_CN as Ye, formatLocaleText as Ze } from "./components/table/locale.js";
-import { TabPane as Je, Tabs as Ve } from "./components/tabs/index.js";
-import { Table as or, TableColumn as er } from "./components/table/index.js";
-import { Tag as tr } from "./components/tag/index.js";
-import { default as pr } from "./components/table/table-tbody.js";
-import { default as ar } from "./components/table/table-td.js";
-import { Textarea as xr } from "./components/form-textarea/index.js";
-import { default as sr } from "./components/table/table-th.js";
-import { default as ur } from "./components/table/table-thead.js";
-import { TimePicker as dr } from "./components/time-picker/index.js";
-import { TimeRangeSelector as Ir } from "./components/time-range-selector/index.js";
-import { Timeline as Tr } from "./components/timeline/index.js";
-import { TimelineItem as Pr } from "./components/timeline-item/index.js";
-import { Tooltip as kr } from "./components/tooltip/index.js";
-import { default as Dr } from "./components/table/table-tr.js";
-import { TrendChart as hr } from "./components/trend-chart/index.js";
-import { Trigger as Gr } from "./components/trigger/index.js";
-import { addIcon as vr, hasIcon as Nr, registerIcons as Er, removeIcon as Or } from "./icons/registry.js";
-import { configProviderInjectionKey as Ar } from "./components/config-provider/context.js";
-import { finiconCategories as _r, finiconIconsMeta as Fr } from "./icons/public/finicon-meta.js";
-import { finiconIconNames as zr, finiconIcons as Kr, registerFiniconIcons as Wr } from "./icons/public/finicon.js";
-import { formInjectionKey as Ur, formItemInjectionKey as Qr } from "./components/form/context.js";
-import { publicIconNames as Yr, registerPublicIcons as Zr } from "./icons/public/lucide.js";
-import { vWatermark as Jr } from "./components/watermark/directive.js";
+import { ColorPicker as no } from "./components/color-picker/index.js";
+import { ConfigProvider as io } from "./components/config-provider/index.js";
+import { DatePicker as co, MonthPicker as uo, QuarterPicker as lo, RangePicker as go, WeekPicker as Io, YearPicker as So } from "./components/date-picker/index.js";
+import { Draggable as Po } from "./components/draggable/index.js";
+import { Drawer as ko } from "./components/drawer/index.js";
+import { Dropdown as Co, DropdownButton as Do, DropdownGroup as wo, DropdownOption as ho, DropdownSubmenu as yo } from "./components/dropdown/index.js";
+import { Empty as Mo } from "./components/empty/index.js";
+import { Form as No, FormItem as Eo } from "./components/form/index.js";
+import { Heatmap as Ro } from "./components/heatmap/index.js";
+import { Image as Bo, ImagePreview as _o, ImagePreviewAction as Fo, ImagePreviewGroup as jo } from "./components/image/index.js";
+import { Input as Ho, InputGroup as Ko, InputPassword as Wo, InputSearch as Uo } from "./components/form-input/index.js";
+import { InputNumber as Xo } from "./components/form-input-number/index.js";
+import { InputTag as Zo } from "./components/form-input-tag/index.js";
+import { Layout as Jo, LayoutContent as Vo, LayoutFooter as $o, LayoutHeader as oe, LayoutSidebar as ee } from "./components/layout/index.js";
+import { Link as te } from "./components/link/index.js";
+import { Menu as pe, MenuItem as fe, MenuItemGroup as ae, MenuSubMenu as ne } from "./components/menu/index.js";
+import { Network as ie } from "./components/network/index.js";
+import { Pagination as ce } from "./components/pagination/index.js";
+import { Popconfirm as le } from "./components/popconfirm/index.js";
+import { Popover as ge } from "./components/popover/index.js";
+import { Popup as Se } from "./components/popup/index.js";
+import { Progress as Pe } from "./components/progress/index.js";
+import { Radio as ke, RadioGroup as Le } from "./components/form-radio/index.js";
+import { Rate as De } from "./components/rate/index.js";
+import { ResizeBox as he } from "./components/resize-box/index.js";
+import { Scrollbar as Ge } from "./components/scrollbar-v2/index.js";
+import { Select as ve, SelectDropdown as Ne, SelectOption as Ee, SelectOptionGroup as Oe } from "./components/form-select/index.js";
+import { Skeleton as Ae, SkeletonLine as Be, SkeletonShape as _e } from "./components/skeleton/index.js";
+import { Slider as je } from "./components/form-slider/index.js";
+import { Space as He } from "./components/space/index.js";
+import { Spin as We } from "./components/spin/index.js";
+import { Step as Qe, Steps as Xe } from "./components/steps/index.js";
+import { Switch as Ze } from "./components/form-switch/index.js";
+import { TABLE_LOCALE_EN_US as Je, TABLE_LOCALE_ZH_CN as Ve, formatLocaleText as $e } from "./components/table/locale.js";
+import { TabPane as er, Tabs as rr } from "./components/tabs/index.js";
+import { Table as mr, TableColumn as pr } from "./components/table/index.js";
+import { Tag as ar } from "./components/tag/index.js";
+import { default as xr } from "./components/table/table-tbody.js";
+import { default as sr } from "./components/table/table-td.js";
+import { Textarea as ur } from "./components/form-textarea/index.js";
+import { default as dr } from "./components/table/table-th.js";
+import { default as Ir } from "./components/table/table-thead.js";
+import { TimePicker as Tr } from "./components/time-picker/index.js";
+import { TimeRangeSelector as br } from "./components/time-range-selector/index.js";
+import { Timeline as Lr } from "./components/timeline/index.js";
+import { TimelineItem as Dr } from "./components/timeline-item/index.js";
+import { Tooltip as hr } from "./components/tooltip/index.js";
+import { default as Gr } from "./components/table/table-tr.js";
+import { TrendChart as vr } from "./components/trend-chart/index.js";
+import { Trigger as Er } from "./components/trigger/index.js";
+import { addIcon as Rr, hasIcon as Ar, registerIcons as Br, removeIcon as _r } from "./icons/registry.js";
+import { configProviderInjectionKey as jr } from "./components/config-provider/context.js";
+import { finiconCategories as Hr, finiconIconsMeta as Kr } from "./icons/public/finicon-meta.js";
+import { finiconIconNames as Ur, finiconIcons as Qr, registerFiniconIcons as Xr } from "./icons/public/finicon.js";
+import { formInjectionKey as Zr, formItemInjectionKey as qr } from "./components/form/context.js";
+import { publicIconNames as Vr, registerPublicIcons as $r } from "./icons/public/lucide.js";
+import { vWatermark as et } from "./components/watermark/directive.js";
 const x = {
   install: function(o) {
     p(o), o.use(m), Object.keys(r).forEach((t) => {
@@ -92,127 +94,129 @@ export {
   oo as Checkbox,
   eo as CheckboxGroup,
   to as Col,
-  no as ConfigProvider,
-  io as DatePicker,
+  no as ColorPicker,
+  io as ConfigProvider,
+  co as DatePicker,
   c as Dialog,
-  b as DialogComponent,
-  So as Draggable,
-  bo as Drawer,
-  Lo as Dropdown,
-  ko as DropdownButton,
-  Co as DropdownGroup,
-  Do as DropdownOption,
-  wo as DropdownSubmenu,
-  yo as Empty,
-  Mo as Form,
-  vo as FormItem,
+  P as DialogComponent,
+  Po as Draggable,
+  ko as Drawer,
+  Co as Dropdown,
+  Do as DropdownButton,
+  wo as DropdownGroup,
+  ho as DropdownOption,
+  yo as DropdownSubmenu,
+  Mo as Empty,
+  No as Form,
+  Eo as FormItem,
   mo as Grid,
   po as GridItem,
+  Ro as Heatmap,
   m as Icon,
-  Eo as Image,
-  Oo as ImagePreview,
-  Ro as ImagePreviewAction,
-  Ao as ImagePreviewGroup,
-  _o as Input,
-  Fo as InputGroup,
-  Wo as InputNumber,
-  jo as InputPassword,
-  zo as InputSearch,
-  Uo as InputTag,
+  Bo as Image,
+  _o as ImagePreview,
+  Fo as ImagePreviewAction,
+  jo as ImagePreviewGroup,
+  Ho as Input,
+  Ko as InputGroup,
+  Xo as InputNumber,
+  Wo as InputPassword,
+  Uo as InputSearch,
+  Zo as InputTag,
   E as LOCALES,
-  Xo as Layout,
-  Yo as LayoutContent,
-  Zo as LayoutFooter,
-  qo as LayoutHeader,
-  Jo as LayoutSidebar,
-  $o as Link,
-  ee as Menu,
-  re as MenuItem,
-  te as MenuItemGroup,
-  me as MenuSubMenu,
+  Jo as Layout,
+  Vo as LayoutContent,
+  $o as LayoutFooter,
+  oe as LayoutHeader,
+  ee as LayoutSidebar,
+  te as Link,
+  pe as Menu,
+  fe as MenuItem,
+  ae as MenuItemGroup,
+  ne as MenuSubMenu,
   l as Message,
   g as MessageBox,
-  L as MessageComponent,
-  so as MonthPicker,
-  fe as Network,
+  k as MessageComponent,
+  uo as MonthPicker,
+  ie as Network,
   S as Notification,
   C as NotificationComponent,
-  ne as Pagination,
-  ie as Popconfirm,
-  ce as Popover,
-  le as Popup,
-  ge as Progress,
-  co as QuarterPicker,
-  Se as Radio,
-  Te as RadioGroup,
-  uo as RangePicker,
-  Pe as Rate,
-  ke as ResizeBox,
+  ce as Pagination,
+  le as Popconfirm,
+  ge as Popover,
+  Se as Popup,
+  Pe as Progress,
+  lo as QuarterPicker,
+  ke as Radio,
+  Le as RadioGroup,
+  go as RangePicker,
+  De as Rate,
+  he as ResizeBox,
   fo as Row,
-  De as Scrollbar,
-  he as Select,
-  ye as SelectDropdown,
-  Ge as SelectOption,
-  Me as SelectOptionGroup,
-  Ne as Skeleton,
-  Ee as SkeletonLine,
-  Oe as SkeletonShape,
-  Ae as Slider,
-  _e as Space,
-  je as Spin,
-  Ke as Step,
-  We as Steps,
-  Ue as Switch,
-  Xe as TABLE_LOCALE_EN_US,
-  Ye as TABLE_LOCALE_ZH_CN,
-  Je as TabPane,
-  or as Table,
-  er as TableColumn,
-  Ve as Tabs,
-  tr as Tag,
-  pr as Tbody,
-  ar as Td,
-  xr as Textarea,
-  sr as Th,
-  ur as Thead,
-  dr as TimePicker,
-  Ir as TimeRangeSelector,
-  Tr as Timeline,
-  Pr as TimelineItem,
-  kr as Tooltip,
-  Dr as Tr,
-  hr as TrendChart,
-  Gr as Trigger,
-  W as Watermark,
-  lo as WeekPicker,
-  go as YearPicker,
-  vr as addIcon,
+  Ge as Scrollbar,
+  ve as Select,
+  Ne as SelectDropdown,
+  Ee as SelectOption,
+  Oe as SelectOptionGroup,
+  Ae as Skeleton,
+  Be as SkeletonLine,
+  _e as SkeletonShape,
+  je as Slider,
+  He as Space,
+  We as Spin,
+  Qe as Step,
+  Xe as Steps,
+  Ze as Switch,
+  Je as TABLE_LOCALE_EN_US,
+  Ve as TABLE_LOCALE_ZH_CN,
+  er as TabPane,
+  mr as Table,
+  pr as TableColumn,
+  rr as Tabs,
+  ar as Tag,
+  xr as Tbody,
+  sr as Td,
+  ur as Textarea,
+  dr as Th,
+  Ir as Thead,
+  Tr as TimePicker,
+  br as TimeRangeSelector,
+  Lr as Timeline,
+  Dr as TimelineItem,
+  hr as Tooltip,
+  Gr as Tr,
+  vr as TrendChart,
+  Er as Trigger,
+  K as Watermark,
+  Io as WeekPicker,
+  So as YearPicker,
+  Rr as addIcon,
   M as applyThemeColor,
-  Ar as configProviderInjectionKey,
+  jr as configProviderInjectionKey,
   x as default,
   U as enUS,
-  _r as finiconCategories,
-  zr as finiconIconNames,
-  Kr as finiconIcons,
-  Fr as finiconIconsMeta,
-  Ur as formInjectionKey,
-  Qr as formItemInjectionKey,
-  Ze as formatLocaleText,
+  Hr as finiconCategories,
+  Ur as finiconIconNames,
+  Qr as finiconIcons,
+  Kr as finiconIconsMeta,
+  Zr as formInjectionKey,
+  qr as formItemInjectionKey,
+  $e as formatLocaleText,
   O as formatMessage,
   v as generatePalette,
   R as getGlobalLocale,
-  Nr as hasIcon,
-  Yr as publicIconNames,
-  Wr as registerFiniconIcons,
-  Er as registerIcons,
-  Zr as registerPublicIcons,
-  Or as removeIcon,
+  Ar as hasIcon,
+  Vr as publicIconNames,
+  Xr as registerFiniconIcons,
+  Br as registerIcons,
+  $r as registerPublicIcons,
+  _r as removeIcon,
   A as setGlobalLocale,
   F as useDraggable,
   y as useFormItem,
   B as useLocale,
   w as useResizeObserver,
   z as vDraggable,
-  Jr as vWatermark,
+  et as vWatermark,
   X as zhCN
 };

package/dist/es/locale/en-US.js

@@ -6,13 +6,29 @@ const e = {
     readonly: "Read-only time ranges. Changes are unavailable.",
     instructions: "On the grid, use Left or Right to position and Enter to create. On a range, use Left or Right to move, Shift to resize the end, Alt to resize the start, and Delete to remove."
   },
+  heatmap: {
+    month: "M{month}",
+    less: "Less",
+    more: "More",
+    value: "{date}: {value}",
+    noData: "{date}: No data"
+  },
+  colorPicker: {
+    trigger: "Select color",
+    clear: "Clear",
+    confirm: "Confirm",
+    hue: "Hue",
+    alpha: "Alpha",
+    saturation: "Saturation and brightness"
+  },
   pagination: {
     prev: "Previous page",
     next: "Next page",
     jumpToPage: "Jump to page {page}",
     pageSizeOption: "{size} / page",
     jumpTo: "Go to",
-    total: "Total {total}"
+    total: "Total {total}",
+    ariaLabel: "Pagination"
   },
   table: {
     resetText: "Reset",

package/dist/es/locale/zh-CN.js

@@ -6,13 +6,29 @@ const e = {
     readonly: "只读时间区间，不能修改。",
     instructions: "网格上用左右方向键定位，Enter 新建；区间上用左右方向键移动，Shift 调整结束，Alt 调整开始，Delete 删除。"
   },
+  heatmap: {
+    month: "{month}月",
+    less: "少",
+    more: "多",
+    value: "{date}：{value}",
+    noData: "{date}：无数据"
+  },
+  colorPicker: {
+    trigger: "选择颜色",
+    clear: "清除",
+    confirm: "确定",
+    hue: "色相",
+    alpha: "透明度",
+    saturation: "饱和度与明度"
+  },
   pagination: {
     prev: "上一页",
     next: "下一页",
     jumpToPage: "快速跳转到第 {page} 页",
     pageSizeOption: "{size} 条/页",
     jumpTo: "跳转至",
-    total: "共 {total} 条"
+    total: "共 {total} 条",
+    ariaLabel: "分页导航"
   },
   table: {
     resetText: "重置",