@koi-design/uxd-ui 14.0.2 → 14.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/es/components/Alert/Alert.mjs +10 -24
  2. package/es/components/Alert/Alert.mjs.map +1 -1
  3. package/es/components/Alert/Alert.type.d.ts +5 -7
  4. package/es/components/Alert/Alert.type.mjs +4 -7
  5. package/es/components/Alert/Alert.type.mjs.map +1 -1
  6. package/es/components/Alert/Alert.vue.d.ts +5 -15
  7. package/es/components/Alert/index.d.ts +9 -27
  8. package/es/components/Alert/index.mjs +1 -1
  9. package/es/components/Calendar/Calendar.vue.d.ts +2 -2
  10. package/es/components/Calendar/index.d.ts +6 -6
  11. package/es/components/DatePicker/DatePicker.vue.d.ts +14 -14
  12. package/es/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
  13. package/es/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
  14. package/es/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
  15. package/es/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
  16. package/es/components/DatePicker/index.d.ts +28 -28
  17. package/es/components/Menu/MenuItem.vue.d.ts +33 -33
  18. package/es/components/Menu/index.d.ts +33 -33
  19. package/es/components/Message/Message.mjs +4 -3
  20. package/es/components/Message/Message.mjs.map +1 -1
  21. package/es/components/Notice/Notice.mjs +15 -13
  22. package/es/components/Notice/Notice.mjs.map +1 -1
  23. package/es/components/Notice/Notice.type.d.ts +3 -2
  24. package/es/components/Notification/Notice.mjs +1 -5
  25. package/es/components/Notification/Notice.mjs.map +1 -1
  26. package/es/components/Notification/Notification.mjs.map +1 -1
  27. package/es/components/Rate/Rate.vue.d.ts +33 -33
  28. package/es/components/Rate/index.d.ts +66 -66
  29. package/es/components/Statistic/Statistic.vue.d.ts +33 -33
  30. package/es/components/Statistic/index.d.ts +66 -66
  31. package/es/components/Table/BaseTable.vue.d.ts +132 -132
  32. package/es/components/Table/BodyTable.vue.d.ts +132 -132
  33. package/es/components/Table/HeadTable.vue.d.ts +132 -132
  34. package/es/components/Table/Table.vue.d.ts +264 -264
  35. package/es/components/Table/TableBox.vue.d.ts +264 -264
  36. package/es/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
  37. package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
  38. package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
  39. package/es/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
  40. package/es/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
  41. package/es/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
  42. package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
  43. package/es/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
  44. package/es/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
  45. package/es/components/ThemePanel/index.d.ts +66 -66
  46. package/es/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
  47. package/es/components/TimePicker/TimePicker.vue.d.ts +12 -12
  48. package/es/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
  49. package/es/components/TimePicker/index.d.ts +28 -28
  50. package/es/components/Tooltip/Tooltip.mjs +84 -8
  51. package/es/components/Tooltip/Tooltip.mjs.map +1 -1
  52. package/es/components/Tooltip/Tooltip.type.d.ts +2 -2
  53. package/es/components/Tooltip/Tooltip.type.mjs +1 -3
  54. package/es/components/Tooltip/Tooltip.type.mjs.map +1 -1
  55. package/es/components/Tooltip/Tooltip.vue.d.ts +13 -13
  56. package/es/components/Tooltip/index.d.ts +33 -33
  57. package/es/components/index.mjs +1 -1
  58. package/es/index.mjs +1 -1
  59. package/lib/components/Alert/Alert.js +9 -23
  60. package/lib/components/Alert/Alert.js.map +1 -1
  61. package/lib/components/Alert/Alert.type.d.ts +5 -7
  62. package/lib/components/Alert/Alert.type.js +4 -6
  63. package/lib/components/Alert/Alert.type.js.map +1 -1
  64. package/lib/components/Alert/Alert.vue.d.ts +5 -15
  65. package/lib/components/Alert/index.d.ts +9 -27
  66. package/lib/components/Alert/index.js +1 -0
  67. package/lib/components/Alert/index.js.map +1 -1
  68. package/lib/components/Calendar/Calendar.vue.d.ts +2 -2
  69. package/lib/components/Calendar/index.d.ts +6 -6
  70. package/lib/components/DatePicker/DatePicker.vue.d.ts +14 -14
  71. package/lib/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
  72. package/lib/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
  73. package/lib/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
  74. package/lib/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
  75. package/lib/components/DatePicker/index.d.ts +28 -28
  76. package/lib/components/Menu/MenuItem.vue.d.ts +33 -33
  77. package/lib/components/Menu/index.d.ts +33 -33
  78. package/lib/components/Message/Message.js +4 -3
  79. package/lib/components/Message/Message.js.map +1 -1
  80. package/lib/components/Notice/Notice.js +15 -13
  81. package/lib/components/Notice/Notice.js.map +1 -1
  82. package/lib/components/Notice/Notice.type.d.ts +3 -2
  83. package/lib/components/Notification/Notice.js +1 -5
  84. package/lib/components/Notification/Notice.js.map +1 -1
  85. package/lib/components/Notification/Notification.js.map +1 -1
  86. package/lib/components/Rate/Rate.vue.d.ts +33 -33
  87. package/lib/components/Rate/index.d.ts +66 -66
  88. package/lib/components/Statistic/Statistic.vue.d.ts +33 -33
  89. package/lib/components/Statistic/index.d.ts +66 -66
  90. package/lib/components/Table/BaseTable.vue.d.ts +132 -132
  91. package/lib/components/Table/BodyTable.vue.d.ts +132 -132
  92. package/lib/components/Table/HeadTable.vue.d.ts +132 -132
  93. package/lib/components/Table/Table.vue.d.ts +264 -264
  94. package/lib/components/Table/TableBox.vue.d.ts +264 -264
  95. package/lib/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
  96. package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
  97. package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
  98. package/lib/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
  99. package/lib/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
  100. package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
  101. package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
  102. package/lib/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
  103. package/lib/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
  104. package/lib/components/ThemePanel/index.d.ts +66 -66
  105. package/lib/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
  106. package/lib/components/TimePicker/TimePicker.vue.d.ts +12 -12
  107. package/lib/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
  108. package/lib/components/TimePicker/index.d.ts +28 -28
  109. package/lib/components/Tooltip/Tooltip.js +84 -8
  110. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  111. package/lib/components/Tooltip/Tooltip.type.d.ts +2 -2
  112. package/lib/components/Tooltip/Tooltip.type.js +1 -3
  113. package/lib/components/Tooltip/Tooltip.type.js.map +1 -1
  114. package/lib/components/Tooltip/Tooltip.vue.d.ts +13 -13
  115. package/lib/components/Tooltip/index.d.ts +33 -33
  116. package/lib/components/index.js +1 -0
  117. package/lib/components/index.js.map +1 -1
  118. package/lib/index.js +1 -0
  119. package/lib/index.js.map +1 -1
  120. package/package.json +1 -1
  121. package/styles/components/alert/index.css +1 -1
  122. package/styles/components/alert/index.less +51 -48
  123. package/styles/components/alert/var.less +8 -42
  124. package/styles/components/autoComplete/index.css +1 -1
  125. package/styles/components/avatar/index.css +1 -1
  126. package/styles/components/badge/index.css +1 -1
  127. package/styles/components/badge/var.less +2 -2
  128. package/styles/components/button/index.css +1 -1
  129. package/styles/components/carousel/index.css +1 -1
  130. package/styles/components/cascader/index.css +1 -1
  131. package/styles/components/datePicker/index.css +1 -1
  132. package/styles/components/form/index.css +1 -1
  133. package/styles/components/icon/index.css +1 -1
  134. package/styles/components/input/index.css +1 -1
  135. package/styles/components/inputNumber/index.css +1 -1
  136. package/styles/components/link/index.css +1 -1
  137. package/styles/components/mentions/index.css +1 -1
  138. package/styles/components/message/index.css +1 -1
  139. package/styles/components/message/index.less +63 -30
  140. package/styles/components/message/var.less +6 -27
  141. package/styles/components/modal/index.css +1 -1
  142. package/styles/components/notice/index.css +1 -1
  143. package/styles/components/notice/index.less +93 -49
  144. package/styles/components/notice/var.less +10 -33
  145. package/styles/components/select/index.css +1 -1
  146. package/styles/components/spin/index.css +1 -1
  147. package/styles/components/tag/index.css +1 -1
  148. package/styles/components/tag/var.less +17 -17
  149. package/styles/components/timePicker/index.css +1 -1
  150. package/styles/components/tooltip/index.css +1 -1
  151. package/styles/components/tooltip/index.less +3 -55
  152. package/styles/components/tooltip/var.less +15 -14
  153. package/styles/cssVariable.css +1 -1
  154. package/styles/cssVariable.less +8 -9
  155. package/styles/index.css +1 -1
  156. package/types/components/Alert/Alert.type.d.ts +5 -7
  157. package/types/components/Alert/Alert.vue.d.ts +5 -15
  158. package/types/components/Alert/index.d.ts +9 -27
  159. package/types/components/Calendar/Calendar.vue.d.ts +2 -2
  160. package/types/components/Calendar/index.d.ts +6 -6
  161. package/types/components/DatePicker/DatePicker.vue.d.ts +14 -14
  162. package/types/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
  163. package/types/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
  164. package/types/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
  165. package/types/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
  166. package/types/components/DatePicker/index.d.ts +28 -28
  167. package/types/components/Menu/MenuItem.vue.d.ts +33 -33
  168. package/types/components/Menu/index.d.ts +33 -33
  169. package/types/components/Notice/Notice.type.d.ts +3 -2
  170. package/types/components/Rate/Rate.vue.d.ts +33 -33
  171. package/types/components/Rate/index.d.ts +66 -66
  172. package/types/components/Statistic/Statistic.vue.d.ts +33 -33
  173. package/types/components/Statistic/index.d.ts +66 -66
  174. package/types/components/Table/BaseTable.vue.d.ts +132 -132
  175. package/types/components/Table/BodyTable.vue.d.ts +132 -132
  176. package/types/components/Table/HeadTable.vue.d.ts +132 -132
  177. package/types/components/Table/Table.vue.d.ts +264 -264
  178. package/types/components/Table/TableBox.vue.d.ts +264 -264
  179. package/types/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
  180. package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
  181. package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
  182. package/types/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
  183. package/types/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
  184. package/types/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
  185. package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
  186. package/types/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
  187. package/types/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
  188. package/types/components/ThemePanel/index.d.ts +66 -66
  189. package/types/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
  190. package/types/components/TimePicker/TimePicker.vue.d.ts +12 -12
  191. package/types/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
  192. package/types/components/TimePicker/index.d.ts +28 -28
  193. package/types/components/Tooltip/Tooltip.type.d.ts +2 -2
  194. package/types/components/Tooltip/Tooltip.vue.d.ts +13 -13
  195. package/types/components/Tooltip/index.d.ts +33 -33
  196. package/uxd-ui.css +1 -1
  197. package/uxd-ui.esm.min.mjs +6 -6
  198. package/uxd-ui.esm.mjs +122 -64
  199. package/uxd-ui.umd.js +121 -62
  200. package/uxd-ui.umd.min.js +6 -6
package/uxd-ui.esm.mjs CHANGED
@@ -1,7 +1,7 @@
1
- /*! @koi-design/uxd-ui@4.0.2 */
1
+ /*! @koi-design/uxd-ui@4.0.3 */
2
2
 
3
3
  import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, createStaticVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, withKeys, TransitionGroup, createApp, onBeforeMount, unref } from 'vue';
4
- import { X, CircleCheck, CircleX, CircleAlert, Info, LoaderCircle, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckCircle, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, Image as Image$2, XCircle, Star as Star$1, CheckIcon, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
4
+ import { X, Terminal, CircleAlert, Info, CircleCheck, LoaderCircle, CircleX, Search, Eye, EyeOff, Check, CornerDownLeft, ChevronUp, ChevronDown, ChevronRight, MenuIcon, Minus, ChevronLeft, CheckCircle, ChevronsLeft, ChevronsRight, Calendar as Calendar$1, ZoomIn, ZoomOut, RotateCcw, RotateCw, PanelLeft, Image as Image$2, XCircle, Star as Star$1, CheckIcon, XIcon, FilterIcon, GripVertical, Plus, Clock, FileIcon, HelpCircle, CircleHelp, AlertCircle, SearchIcon } from 'lucide-vue-next';
5
5
 
6
6
  const isFunction$2 = (val) => typeof val === "function";
7
7
  const cacheStringFunction = (fn) => {
@@ -687,9 +687,9 @@ const _sfc_main$2h = defineComponent({
687
687
  };
688
688
  }
689
689
  });
690
- const _hoisted_1$_ = { ref: "containerRef" };
690
+ const _hoisted_1$Z = { ref: "containerRef" };
691
691
  function _sfc_render$2f(_ctx, _cache, $props, $setup, $data, $options) {
692
- return openBlock(), createElementBlock("div", _hoisted_1$_, [
692
+ return openBlock(), createElementBlock("div", _hoisted_1$Z, [
693
693
  createElementVNode("div", {
694
694
  ref: "pointRef",
695
695
  class: normalizeClass(_ctx.classes),
@@ -1065,12 +1065,13 @@ const isArrayOf = (arg) => {
1065
1065
  };
1066
1066
  };
1067
1067
 
1068
- const alertType = ["success", "info", "warning", "error"];
1068
+ const alertType = ["default", "success", "info", "warning", "error", "error-outline"];
1069
+ const alertVariant = ["surface", "outline"];
1069
1070
  const alertProps = {
1070
1071
  type: {
1071
1072
  type: String,
1072
1073
  validator: oneOf(alertType),
1073
- default: "warning"
1074
+ default: "default"
1074
1075
  },
1075
1076
  closable: {
1076
1077
  type: Boolean,
@@ -1090,10 +1091,6 @@ const alertProps = {
1090
1091
  type: String,
1091
1092
  default: ""
1092
1093
  },
1093
- banner: {
1094
- type: Boolean,
1095
- default: false
1096
- },
1097
1094
  visible: {
1098
1095
  type: Boolean,
1099
1096
  default: true
@@ -1124,9 +1121,10 @@ const _sfc_main$2f = defineComponent({
1124
1121
  case "warning":
1125
1122
  return CircleAlert;
1126
1123
  case "error":
1127
- return CircleX;
1124
+ case "error-outline":
1125
+ return CircleAlert;
1128
1126
  default:
1129
- return CircleCheck;
1127
+ return Terminal;
1130
1128
  }
1131
1129
  });
1132
1130
  const handleClose = (e) => {
@@ -1146,28 +1144,15 @@ const _sfc_main$2f = defineComponent({
1146
1144
  props.afterClose();
1147
1145
  }
1148
1146
  };
1149
- const computedColor = computed(() => {
1150
- switch (props.type) {
1151
- case "info":
1152
- case "error":
1153
- case "warning":
1154
- case "success":
1155
- return props.type;
1156
- default:
1157
- return void 0;
1158
- }
1159
- });
1160
1147
  return {
1161
1148
  prefixCls,
1162
1149
  iconType,
1163
1150
  stateVisible,
1164
1151
  handleClose,
1165
- onTransitionOver,
1166
- computedColor
1152
+ onTransitionOver
1167
1153
  };
1168
1154
  }
1169
1155
  });
1170
- const _hoisted_1$Z = ["data-color"];
1171
1156
  function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
1172
1157
  const _component_UIcon = resolveComponent("UIcon");
1173
1158
  const _component_X = resolveComponent("X");
@@ -1183,11 +1168,9 @@ function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
1183
1168
  `${_ctx.prefixCls}-${_ctx.type}`,
1184
1169
  {
1185
1170
  [`${_ctx.prefixCls}-with-icon`]: _ctx.showIcon,
1186
- [`${_ctx.prefixCls}-with-desc`]: _ctx.description,
1187
- [`${_ctx.prefixCls}-with-banner`]: _ctx.banner
1171
+ [`${_ctx.prefixCls}-with-desc`]: _ctx.description
1188
1172
  }
1189
- ]),
1190
- "data-color": _ctx.computedColor
1173
+ ])
1191
1174
  }, [
1192
1175
  _ctx.showIcon ? (openBlock(), createElementBlock("span", {
1193
1176
  key: 0,
@@ -1200,12 +1183,12 @@ function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
1200
1183
  _: 1
1201
1184
  })
1202
1185
  ], 2)) : createCommentVNode("v-if", true),
1203
- createElementVNode("span", {
1186
+ createElementVNode("div", {
1204
1187
  class: normalizeClass(`${_ctx.prefixCls}-message`)
1205
1188
  }, [
1206
1189
  renderSlot(_ctx.$slots, "default")
1207
1190
  ], 2),
1208
- createElementVNode("span", {
1191
+ createElementVNode("div", {
1209
1192
  class: normalizeClass(`${_ctx.prefixCls}-desc`)
1210
1193
  }, toDisplayString(_ctx.description), 3),
1211
1194
  _ctx.closable ? (openBlock(), createElementBlock("a", {
@@ -1222,7 +1205,7 @@ function _sfc_render$2d(_ctx, _cache, $props, $setup, $data, $options) {
1222
1205
  })
1223
1206
  ])
1224
1207
  ], 2)) : createCommentVNode("v-if", true)
1225
- ], 10, _hoisted_1$Z)) : createCommentVNode("v-if", true)
1208
+ ], 2)) : createCommentVNode("v-if", true)
1226
1209
  ]),
1227
1210
  _: 3
1228
1211
  }, 8, ["onAfterLeave"]);
@@ -11945,7 +11928,7 @@ const tooltipsProps = {
11945
11928
  color: {
11946
11929
  type: String,
11947
11930
  default: void 0,
11948
- validator: oneOf([...colorType, "light"])
11931
+ validator: oneOf(["red", "light"])
11949
11932
  }
11950
11933
  };
11951
11934
  const tooltipEmits = {
@@ -11970,44 +11953,120 @@ const _sfc_main$21 = defineComponent({
11970
11953
  if (((_a = popupRef.value) == null ? void 0 : _a.reference) && innerRef.value) {
11971
11954
  const { width, height } = findDOMNode(popupRef.value.reference).getBoundingClientRect();
11972
11955
  const { width: contentWidth, height: contentHeight } = innerRef.value.getBoundingClientRect();
11973
- if (props.placement === "left-start" || props.placement === "right-start") {
11956
+ if (props.placement === "left") {
11957
+ return {
11958
+ top: "50%",
11959
+ right: "0",
11960
+ transform: "translateY(-50%) translateX(-50%)"
11961
+ };
11962
+ }
11963
+ if (props.placement === "left-start") {
11974
11964
  let top = height / 2;
11975
11965
  if (top > contentHeight) {
11976
11966
  top = 8;
11977
11967
  }
11978
11968
  return {
11979
11969
  top: `${top}px`,
11980
- transform: "translateY(-50%)"
11970
+ right: "0",
11971
+ transform: "translateY(-50%) translateX(-50%)"
11981
11972
  };
11982
11973
  }
11983
- if (props.placement === "left-end" || props.placement === "right-end") {
11974
+ if (props.placement === "left-end") {
11984
11975
  let bottom = height / 2;
11985
11976
  if (bottom > contentHeight) {
11986
11977
  bottom = 8;
11987
11978
  }
11988
11979
  return {
11989
11980
  bottom: `${bottom}px`,
11990
- transform: "translateY(50%)"
11981
+ right: "0",
11982
+ transform: "translateY(50%) translateX(-50%)"
11991
11983
  };
11992
11984
  }
11993
- if (props.placement === "top-start" || props.placement === "bottom-start") {
11985
+ if (props.placement === "right") {
11986
+ return {
11987
+ top: "50%",
11988
+ left: "0",
11989
+ transform: "translateY(-50%) translateX(50%)"
11990
+ };
11991
+ }
11992
+ if (props.placement === "right-start") {
11993
+ let top = height / 2;
11994
+ if (top > contentHeight) {
11995
+ top = 8;
11996
+ }
11997
+ return {
11998
+ top: `${top}px`,
11999
+ left: "0",
12000
+ transform: "translateY(-50%) translateX(50%)"
12001
+ };
12002
+ }
12003
+ if (props.placement === "right-end") {
12004
+ let bottom = height / 2;
12005
+ if (bottom > contentHeight) {
12006
+ bottom = 8;
12007
+ }
12008
+ return {
12009
+ bottom: `${bottom}px`,
12010
+ left: "0",
12011
+ transform: "translateY(50%) translateX(50%)"
12012
+ };
12013
+ }
12014
+ if (props.placement === "top") {
12015
+ return {
12016
+ left: "50%",
12017
+ bottom: "0",
12018
+ transform: "translateX(-50%) translateY(-50%)"
12019
+ };
12020
+ }
12021
+ if (props.placement === "top-start") {
11994
12022
  let left = width / 2;
11995
12023
  if (left > contentWidth) {
11996
12024
  left = 16;
11997
12025
  }
11998
12026
  return {
11999
12027
  left: `${left}px`,
12000
- transform: "translateX(-50%)"
12028
+ bottom: "0",
12029
+ transform: "translateX(-50%) translateY(-50%)"
12001
12030
  };
12002
12031
  }
12003
- if (props.placement === "top-end" || props.placement === "bottom-end") {
12032
+ if (props.placement === "top-end") {
12004
12033
  let right = width / 2;
12005
12034
  if (right > contentWidth) {
12006
12035
  right = 16;
12007
12036
  }
12008
12037
  return {
12009
12038
  right: `${right}px`,
12010
- transform: "translateX(50%)"
12039
+ bottom: "0",
12040
+ transform: "translateX(50%) translateY(-50%)"
12041
+ };
12042
+ }
12043
+ if (props.placement === "bottom") {
12044
+ return {
12045
+ left: "50%",
12046
+ top: "0",
12047
+ transform: "translateX(-50%) translateY(50%)"
12048
+ };
12049
+ }
12050
+ if (props.placement === "bottom-start") {
12051
+ let left = width / 2;
12052
+ if (left > contentWidth) {
12053
+ left = 16;
12054
+ }
12055
+ return {
12056
+ left: `${left}px`,
12057
+ top: "0",
12058
+ transform: "translateX(-50%) translateY(50%)"
12059
+ };
12060
+ }
12061
+ if (props.placement === "bottom-end") {
12062
+ let right = width / 2;
12063
+ if (right > contentWidth) {
12064
+ right = 16;
12065
+ }
12066
+ return {
12067
+ right: `${right}px`,
12068
+ top: "0",
12069
+ transform: "translateX(50%) translateY(50%)"
12011
12070
  };
12012
12071
  }
12013
12072
  }
@@ -42394,11 +42453,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
42394
42453
  }
42395
42454
  ])
42396
42455
  }, [
42397
- createElementVNode("div", {
42398
- class: normalizeClass(`${_ctx.prefixCls}-content-text`)
42399
- }, [
42400
- createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"])
42401
- ], 2),
42456
+ createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"]),
42402
42457
  _ctx.closable ? (openBlock(), createElementBlock("a", {
42403
42458
  key: 0,
42404
42459
  tabindex: "0",
@@ -42548,9 +42603,9 @@ Notification.newInstance = (props) => {
42548
42603
  let prefixCls$1 = "uui-notice";
42549
42604
  const prefixKey$1 = "uui_notice_key_";
42550
42605
  let defaultDuration$1 = 4.5;
42551
- let defaultPlacement = "top-right";
42552
- let defaultBottom = "24px";
42553
- let defaultTop$1 = "24px";
42606
+ let defaultPlacement = "bottom-right";
42607
+ let defaultBottom = "0px";
42608
+ let defaultTop$1 = "0px";
42554
42609
  let key$1 = 0;
42555
42610
  const noticeInstance = {};
42556
42611
  const transitionName$1 = "move-notice";
@@ -42625,7 +42680,8 @@ const notice$2 = (args) => {
42625
42680
  placement,
42626
42681
  top,
42627
42682
  bottom,
42628
- btn
42683
+ action,
42684
+ showIcon = true
42629
42685
  } = args;
42630
42686
  const duration = args.duration !== void 0 ? args.duration : defaultDuration$1;
42631
42687
  let iconType = propIconType || void 0;
@@ -42639,15 +42695,14 @@ const notice$2 = (args) => {
42639
42695
  top,
42640
42696
  bottom
42641
42697
  });
42642
- const IconNode = iconType ? createVNode("span", {
42643
- "class": `${prefixCls$1}-icon ${prefixCls$1}-icon-${type}`,
42644
- "data-color": type || void 0
42698
+ const IconNode = showIcon && iconType ? createVNode("span", {
42699
+ "class": `${prefixCls$1}-icon ${prefixCls$1}-icon-${type}`
42645
42700
  }, [createVNode(UIcon, {
42646
42701
  "class": `${iconClass || ""}`
42647
42702
  }, {
42648
42703
  default: () => [createVNode(iconType, null, null)]
42649
42704
  })]) : null;
42650
- const withIconCls = iconType ? `${prefixCls$1}-with-icon ${prefixCls$1}-with-${type} ` : "";
42705
+ const withIconCls = showIcon && iconType ? `${prefixCls$1}-with-icon ${prefixCls$1}-with-${type} ` : "";
42651
42706
  const withDescCls = desc ? `${prefixCls$1}-with-desc` : "";
42652
42707
  instance.notice({
42653
42708
  key: target,
@@ -42657,14 +42712,16 @@ const notice$2 = (args) => {
42657
42712
  style: args.style || {},
42658
42713
  class: args.class,
42659
42714
  content: () => createVNode("div", {
42660
- "class": `${withIconCls} ${withDescCls}`
42661
- }, [IconNode, createVNode("div", {
42715
+ "class": `${prefixCls$1}-wrapper ${withIconCls} ${withDescCls}`,
42716
+ "data-type": type || void 0
42717
+ }, [IconNode, createVNode("div", null, [createVNode("div", {
42662
42718
  "class": `${prefixCls$1}-title`
42663
42719
  }, [typeof title === "function" ? title() : title]), createVNode("div", {
42664
42720
  "class": `${prefixCls$1}-desc`
42665
- }, [typeof desc === "function" ? desc() : desc]), btn ? createVNode("span", {
42666
- "class": `${prefixCls$1}-btn`
42667
- }, [typeof btn === "function" ? btn() : btn]) : null])
42721
+ }, [typeof desc === "function" ? desc() : desc])]), action ? createVNode("button", {
42722
+ "class": `${prefixCls$1}-btn`,
42723
+ "onClick": args.onAction
42724
+ }, [action]) : null])
42668
42725
  });
42669
42726
  const result = () => {
42670
42727
  const cls = `${prefixCls$1}-${placement}`;
@@ -42989,7 +43046,8 @@ const getMessageInstance = () => {
42989
43046
  const notice = (args) => {
42990
43047
  const {
42991
43048
  type,
42992
- content
43049
+ content,
43050
+ showIcon = true
42993
43051
  } = args;
42994
43052
  const duration = args.duration !== void 0 ? args.duration : defaultDuration;
42995
43053
  const iconType = iconTypes[type];
@@ -43006,8 +43064,8 @@ const notice = (args) => {
43006
43064
  background: args.background,
43007
43065
  content: () => createVNode("div", {
43008
43066
  "class": `${prefixCls}-custom-content ${prefixCls}-${type}`,
43009
- "data-color": type
43010
- }, [createVNode(UIcon, {
43067
+ "data-type": type
43068
+ }, [showIcon && createVNode(UIcon, {
43011
43069
  "spin": type === "loading"
43012
43070
  }, {
43013
43071
  default: () => [createVNode(iconType, null, null)]
@@ -44533,4 +44591,4 @@ var installer = {
44533
44591
 
44534
44592
  const { install } = installer;
44535
44593
 
44536
- export { ConfigDefaultProps, DEFAULT_COLUMN_MAP, FormItemKey, MAX_SAFE_INTEGER, MentionsopenDialogValue, ModalFunction, TREE_CONTEXT_INJECTION_KEY, UAffix, UAlert, UAnchor, AnchorLink as UAnchorLink, UAutoComplete, UAvatar, AvatarGroup as UAvatarGroup, UBackTop, UBadge, UBreadcrumb, BreadcrumbItem as UBreadcrumbItem, UButton, ButtonGroup as UButtonGroup, UCalendar, UCard, CardGrid as UCardGrid, CardMeta as UCardMeta, UCarousel, CarouselItem as UCarouselItem, UCascader, UCheckbox, CheckboxGroup as UCheckboxGroup, Col as UCol, UCollapse, CollapsePanel as UCollapsePanel, UColorPicker, UComment, UConfigProvider, Content as UContent, UDatePicker, UDivider, UDrawer, UDropdown, DropdownMenu as UDropdownMenu, DropdownTrigger as UDropdownTrigger, UEmpty, Footer as UFooter, UForm, FormItem as UFormItem, UGrid, Header as UHeader, UIcon, UImage, ImageViewer as UImageViewer, UInfiniteScroll, UInfoView, UInput, UInputNumber, ULayout, ULink, UList, ListItem$1 as UListItem, ListItemMeta as UListItemMeta, UMask, UMentions, UMenu, MenuDivider as UMenuDivider, MenuItem$2 as UMenuItem, MenuItemGroup as UMenuItemGroup, UModal, Option as UOption, OptionGroup as UOptionGroup, UPageHeader, UPagination, UPopConfirm, UPopover, UProgress, URadio, RadioGroup as URadioGroup, URate, UResult, Row$1 as URow, UScrollbar, USelect, Sider as USider, USkeleton, SkeletonItem as USkeletonItem, USlider, USpace, USpin, UStatistic, USteps, SubMenu as USubMenu, USwitch, TabNav as UTabNav, TabPane as UTabPane, UTable, UTabs, UTag, UText, ThemeConfigProvider as UThemeConfigProvider, UThemePanel, UTimePicker, UTimeline, TimelineItem as UTimelineItem, UTooltip, UTransfer, UTree, UTreeSelect, UUpload, affixEmits, affixProps, alertEmits, alertProps, alertType, anchorEmits, anchorLinkEmits, anchorLinkProps, anchorProps, anyType, appearanceType, arrayType, autoCompleteEmits, autoCompleteProps, avatarEmits, avatarProps, avatarShape, backTopProps, badgeProps, badgeStatus, badgeType, baseOptionsProps, breadcrumbProps, buttonEmits, buttonGroupProps, buttonProps, buttonType, buttonVariantType, calendarEmits, calendarProps, cardMetaProps, cardProps, carouselArrow, carouselDirection, carouselDots, carouselEffect, carouselEmits, carouselProps, carouselTrigger, cascaderEmits, cascaderProps, checkboxButtonType, checkboxEmits, checkboxGroupEmits, checkboxGroupProps, checkboxGroupType, checkboxProps, checkedStrategy, colProps, collapseEmits, collapsePanelProps, collapseProps, colorPickerEmits, colorPickerFormat, colorPickerProps, colorType, datePickerEmits, datePickerProps, installer as default, directionType, dividerOrientation, dividerProps, dividerSize, dividerType, drawerCloseType, drawerEmits, drawerPlacement, drawerProps, drawerSize, dropdownEmits, dropdownProps, dropdownTrigger, emptyProps, extraPosition, formEmits, formItemProps, formLayout, formProps, gridAlign, gridJustify, hackColors, iconEmits, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, infoViewProps, infoViewSize, inputEmits, inputNumberEmits, inputNumberProps, inputNumberType, inputProps, inputType, install, isCascaderSingleValue, isCascaderUnitValue, labelAlign, linkEmits, linkProps, linkType, listExtraPopsition, listItemLayout, listItemMetaProps, listItemProps, listProps, loadingBar, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuMode, menuProps, menuTheme, message, middleSizeMap, normalSizeMap, notice$1 as notice, objectType, optionProps, pageHeaderEmits, pageHeaderProps, pageinationSize, paginationEmits, paginationProps, paginationVariants, popConfirmEmits, popConfirmProps, popoverEmits, popoverProps, popoverTrigger, popoverType, progressEmits, progressProps, progressStatus, progressType, radioButtonType, radioEmits, radioGroupEmits, radioGroupProps, radioGroupType, radioProps, radiusType, rangeDirection, rateEmits, rateProps, resultProps, resultStatus, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectEmits, selectProps, siderEmits, siderProps, siderTheme, skeletionProps, skeletonItemProps, sliderEmits, sliderProps, spaceAlign, spaceDirection, spaceProps, spaceSizeMap, spinAnimation, spinProps, statisticProps, statusType, stepProps, stepsEmits, stepsLabelPlacement, stepsProps, stepsSize, stepsStatus, stepsType, subMenuEmits, subMenuProps, switchEmits, switchProps, tabNavEmits, tabNavProps, tabPaneProps, tabPosition, tableEmits, tableProps, tabsEmits, tabsProps, tabsType, tagEmits, tagProps, themeConfigProviderProps, themePanelProps, timePickerEmits, timePickerProps, timelineItemPosition, timelineItemProps, timelineMode, timelineProps, tooltipEmits, tooltipTrigger, tooltipsProps, transferEmits, transferProps, transferSide, treeEmits, treeNodeProps, treeProps, treeSelectEmits, treeSelectProps, uploadEmits, uploadProps, validateStatus, variantType };
44594
+ export { ConfigDefaultProps, DEFAULT_COLUMN_MAP, FormItemKey, MAX_SAFE_INTEGER, MentionsopenDialogValue, ModalFunction, TREE_CONTEXT_INJECTION_KEY, UAffix, UAlert, UAnchor, AnchorLink as UAnchorLink, UAutoComplete, UAvatar, AvatarGroup as UAvatarGroup, UBackTop, UBadge, UBreadcrumb, BreadcrumbItem as UBreadcrumbItem, UButton, ButtonGroup as UButtonGroup, UCalendar, UCard, CardGrid as UCardGrid, CardMeta as UCardMeta, UCarousel, CarouselItem as UCarouselItem, UCascader, UCheckbox, CheckboxGroup as UCheckboxGroup, Col as UCol, UCollapse, CollapsePanel as UCollapsePanel, UColorPicker, UComment, UConfigProvider, Content as UContent, UDatePicker, UDivider, UDrawer, UDropdown, DropdownMenu as UDropdownMenu, DropdownTrigger as UDropdownTrigger, UEmpty, Footer as UFooter, UForm, FormItem as UFormItem, UGrid, Header as UHeader, UIcon, UImage, ImageViewer as UImageViewer, UInfiniteScroll, UInfoView, UInput, UInputNumber, ULayout, ULink, UList, ListItem$1 as UListItem, ListItemMeta as UListItemMeta, UMask, UMentions, UMenu, MenuDivider as UMenuDivider, MenuItem$2 as UMenuItem, MenuItemGroup as UMenuItemGroup, UModal, Option as UOption, OptionGroup as UOptionGroup, UPageHeader, UPagination, UPopConfirm, UPopover, UProgress, URadio, RadioGroup as URadioGroup, URate, UResult, Row$1 as URow, UScrollbar, USelect, Sider as USider, USkeleton, SkeletonItem as USkeletonItem, USlider, USpace, USpin, UStatistic, USteps, SubMenu as USubMenu, USwitch, TabNav as UTabNav, TabPane as UTabPane, UTable, UTabs, UTag, UText, ThemeConfigProvider as UThemeConfigProvider, UThemePanel, UTimePicker, UTimeline, TimelineItem as UTimelineItem, UTooltip, UTransfer, UTree, UTreeSelect, UUpload, affixEmits, affixProps, alertEmits, alertProps, alertType, alertVariant, anchorEmits, anchorLinkEmits, anchorLinkProps, anchorProps, anyType, appearanceType, arrayType, autoCompleteEmits, autoCompleteProps, avatarEmits, avatarProps, avatarShape, backTopProps, badgeProps, badgeStatus, badgeType, baseOptionsProps, breadcrumbProps, buttonEmits, buttonGroupProps, buttonProps, buttonType, buttonVariantType, calendarEmits, calendarProps, cardMetaProps, cardProps, carouselArrow, carouselDirection, carouselDots, carouselEffect, carouselEmits, carouselProps, carouselTrigger, cascaderEmits, cascaderProps, checkboxButtonType, checkboxEmits, checkboxGroupEmits, checkboxGroupProps, checkboxGroupType, checkboxProps, checkedStrategy, colProps, collapseEmits, collapsePanelProps, collapseProps, colorPickerEmits, colorPickerFormat, colorPickerProps, colorType, datePickerEmits, datePickerProps, installer as default, directionType, dividerOrientation, dividerProps, dividerSize, dividerType, drawerCloseType, drawerEmits, drawerPlacement, drawerProps, drawerSize, dropdownEmits, dropdownProps, dropdownTrigger, emptyProps, extraPosition, formEmits, formItemProps, formLayout, formProps, gridAlign, gridJustify, hackColors, iconEmits, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, infoViewProps, infoViewSize, inputEmits, inputNumberEmits, inputNumberProps, inputNumberType, inputProps, inputType, install, isCascaderSingleValue, isCascaderUnitValue, labelAlign, linkEmits, linkProps, linkType, listExtraPopsition, listItemLayout, listItemMetaProps, listItemProps, listProps, loadingBar, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuMode, menuProps, menuTheme, message, middleSizeMap, normalSizeMap, notice$1 as notice, objectType, optionProps, pageHeaderEmits, pageHeaderProps, pageinationSize, paginationEmits, paginationProps, paginationVariants, popConfirmEmits, popConfirmProps, popoverEmits, popoverProps, popoverTrigger, popoverType, progressEmits, progressProps, progressStatus, progressType, radioButtonType, radioEmits, radioGroupEmits, radioGroupProps, radioGroupType, radioProps, radiusType, rangeDirection, rateEmits, rateProps, resultProps, resultStatus, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectEmits, selectProps, siderEmits, siderProps, siderTheme, skeletionProps, skeletonItemProps, sliderEmits, sliderProps, spaceAlign, spaceDirection, spaceProps, spaceSizeMap, spinAnimation, spinProps, statisticProps, statusType, stepProps, stepsEmits, stepsLabelPlacement, stepsProps, stepsSize, stepsStatus, stepsType, subMenuEmits, subMenuProps, switchEmits, switchProps, tabNavEmits, tabNavProps, tabPaneProps, tabPosition, tableEmits, tableProps, tabsEmits, tabsProps, tabsType, tagEmits, tagProps, themeConfigProviderProps, themePanelProps, timePickerEmits, timePickerProps, timelineItemPosition, timelineItemProps, timelineMode, timelineProps, tooltipEmits, tooltipTrigger, tooltipsProps, transferEmits, transferProps, transferSide, treeEmits, treeNodeProps, treeProps, treeSelectEmits, treeSelectProps, uploadEmits, uploadProps, validateStatus, variantType };