@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.
- package/es/components/Alert/Alert.mjs +10 -24
- package/es/components/Alert/Alert.mjs.map +1 -1
- package/es/components/Alert/Alert.type.d.ts +5 -7
- package/es/components/Alert/Alert.type.mjs +4 -7
- package/es/components/Alert/Alert.type.mjs.map +1 -1
- package/es/components/Alert/Alert.vue.d.ts +5 -15
- package/es/components/Alert/index.d.ts +9 -27
- package/es/components/Alert/index.mjs +1 -1
- package/es/components/Calendar/Calendar.vue.d.ts +2 -2
- package/es/components/Calendar/index.d.ts +6 -6
- package/es/components/DatePicker/DatePicker.vue.d.ts +14 -14
- package/es/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
- package/es/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
- package/es/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
- package/es/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
- package/es/components/DatePicker/index.d.ts +28 -28
- package/es/components/Menu/MenuItem.vue.d.ts +33 -33
- package/es/components/Menu/index.d.ts +33 -33
- package/es/components/Message/Message.mjs +4 -3
- package/es/components/Message/Message.mjs.map +1 -1
- package/es/components/Notice/Notice.mjs +15 -13
- package/es/components/Notice/Notice.mjs.map +1 -1
- package/es/components/Notice/Notice.type.d.ts +3 -2
- package/es/components/Notification/Notice.mjs +1 -5
- package/es/components/Notification/Notice.mjs.map +1 -1
- package/es/components/Notification/Notification.mjs.map +1 -1
- package/es/components/Rate/Rate.vue.d.ts +33 -33
- package/es/components/Rate/index.d.ts +66 -66
- package/es/components/Statistic/Statistic.vue.d.ts +33 -33
- package/es/components/Statistic/index.d.ts +66 -66
- package/es/components/Table/BaseTable.vue.d.ts +132 -132
- package/es/components/Table/BodyTable.vue.d.ts +132 -132
- package/es/components/Table/HeadTable.vue.d.ts +132 -132
- package/es/components/Table/Table.vue.d.ts +264 -264
- package/es/components/Table/TableBox.vue.d.ts +264 -264
- package/es/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
- package/es/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
- package/es/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
- package/es/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
- package/es/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
- package/es/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
- package/es/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
- package/es/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
- package/es/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
- package/es/components/ThemePanel/index.d.ts +66 -66
- package/es/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
- package/es/components/TimePicker/TimePicker.vue.d.ts +12 -12
- package/es/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
- package/es/components/TimePicker/index.d.ts +28 -28
- package/es/components/Tooltip/Tooltip.mjs +84 -8
- package/es/components/Tooltip/Tooltip.mjs.map +1 -1
- package/es/components/Tooltip/Tooltip.type.d.ts +2 -2
- package/es/components/Tooltip/Tooltip.type.mjs +1 -3
- package/es/components/Tooltip/Tooltip.type.mjs.map +1 -1
- package/es/components/Tooltip/Tooltip.vue.d.ts +13 -13
- package/es/components/Tooltip/index.d.ts +33 -33
- package/es/components/index.mjs +1 -1
- package/es/index.mjs +1 -1
- package/lib/components/Alert/Alert.js +9 -23
- package/lib/components/Alert/Alert.js.map +1 -1
- package/lib/components/Alert/Alert.type.d.ts +5 -7
- package/lib/components/Alert/Alert.type.js +4 -6
- package/lib/components/Alert/Alert.type.js.map +1 -1
- package/lib/components/Alert/Alert.vue.d.ts +5 -15
- package/lib/components/Alert/index.d.ts +9 -27
- package/lib/components/Alert/index.js +1 -0
- package/lib/components/Alert/index.js.map +1 -1
- package/lib/components/Calendar/Calendar.vue.d.ts +2 -2
- package/lib/components/Calendar/index.d.ts +6 -6
- package/lib/components/DatePicker/DatePicker.vue.d.ts +14 -14
- package/lib/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
- package/lib/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
- package/lib/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
- package/lib/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
- package/lib/components/DatePicker/index.d.ts +28 -28
- package/lib/components/Menu/MenuItem.vue.d.ts +33 -33
- package/lib/components/Menu/index.d.ts +33 -33
- package/lib/components/Message/Message.js +4 -3
- package/lib/components/Message/Message.js.map +1 -1
- package/lib/components/Notice/Notice.js +15 -13
- package/lib/components/Notice/Notice.js.map +1 -1
- package/lib/components/Notice/Notice.type.d.ts +3 -2
- package/lib/components/Notification/Notice.js +1 -5
- package/lib/components/Notification/Notice.js.map +1 -1
- package/lib/components/Notification/Notification.js.map +1 -1
- package/lib/components/Rate/Rate.vue.d.ts +33 -33
- package/lib/components/Rate/index.d.ts +66 -66
- package/lib/components/Statistic/Statistic.vue.d.ts +33 -33
- package/lib/components/Statistic/index.d.ts +66 -66
- package/lib/components/Table/BaseTable.vue.d.ts +132 -132
- package/lib/components/Table/BodyTable.vue.d.ts +132 -132
- package/lib/components/Table/HeadTable.vue.d.ts +132 -132
- package/lib/components/Table/Table.vue.d.ts +264 -264
- package/lib/components/Table/TableBox.vue.d.ts +264 -264
- package/lib/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
- package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
- package/lib/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
- package/lib/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
- package/lib/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
- package/lib/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
- package/lib/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
- package/lib/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
- package/lib/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
- package/lib/components/ThemePanel/index.d.ts +66 -66
- package/lib/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
- package/lib/components/TimePicker/TimePicker.vue.d.ts +12 -12
- package/lib/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
- package/lib/components/TimePicker/index.d.ts +28 -28
- package/lib/components/Tooltip/Tooltip.js +84 -8
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.type.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.type.js +1 -3
- package/lib/components/Tooltip/Tooltip.type.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.vue.d.ts +13 -13
- package/lib/components/Tooltip/index.d.ts +33 -33
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/components/alert/index.css +1 -1
- package/styles/components/alert/index.less +51 -48
- package/styles/components/alert/var.less +8 -42
- package/styles/components/autoComplete/index.css +1 -1
- package/styles/components/avatar/index.css +1 -1
- package/styles/components/badge/index.css +1 -1
- package/styles/components/badge/var.less +2 -2
- package/styles/components/button/index.css +1 -1
- package/styles/components/carousel/index.css +1 -1
- package/styles/components/cascader/index.css +1 -1
- package/styles/components/datePicker/index.css +1 -1
- package/styles/components/form/index.css +1 -1
- package/styles/components/icon/index.css +1 -1
- package/styles/components/input/index.css +1 -1
- package/styles/components/inputNumber/index.css +1 -1
- package/styles/components/link/index.css +1 -1
- package/styles/components/mentions/index.css +1 -1
- package/styles/components/message/index.css +1 -1
- package/styles/components/message/index.less +63 -30
- package/styles/components/message/var.less +6 -27
- package/styles/components/modal/index.css +1 -1
- package/styles/components/notice/index.css +1 -1
- package/styles/components/notice/index.less +93 -49
- package/styles/components/notice/var.less +10 -33
- package/styles/components/select/index.css +1 -1
- package/styles/components/spin/index.css +1 -1
- package/styles/components/tag/index.css +1 -1
- package/styles/components/tag/var.less +17 -17
- package/styles/components/timePicker/index.css +1 -1
- package/styles/components/tooltip/index.css +1 -1
- package/styles/components/tooltip/index.less +3 -55
- package/styles/components/tooltip/var.less +15 -14
- package/styles/cssVariable.css +1 -1
- package/styles/cssVariable.less +8 -9
- package/styles/index.css +1 -1
- package/types/components/Alert/Alert.type.d.ts +5 -7
- package/types/components/Alert/Alert.vue.d.ts +5 -15
- package/types/components/Alert/index.d.ts +9 -27
- package/types/components/Calendar/Calendar.vue.d.ts +2 -2
- package/types/components/Calendar/index.d.ts +6 -6
- package/types/components/DatePicker/DatePicker.vue.d.ts +14 -14
- package/types/components/DatePicker/Panel/DatePickerPanel.vue.d.ts +4 -4
- package/types/components/DatePicker/Panel/DateRangePanel.vue.d.ts +6 -6
- package/types/components/DatePicker/Panel/RangePart.vue.d.ts +2 -2
- package/types/components/DatePicker/Trigger/DateRangeInput.vue.d.ts +4 -4
- package/types/components/DatePicker/index.d.ts +28 -28
- package/types/components/Menu/MenuItem.vue.d.ts +33 -33
- package/types/components/Menu/index.d.ts +33 -33
- package/types/components/Notice/Notice.type.d.ts +3 -2
- package/types/components/Rate/Rate.vue.d.ts +33 -33
- package/types/components/Rate/index.d.ts +66 -66
- package/types/components/Statistic/Statistic.vue.d.ts +33 -33
- package/types/components/Statistic/index.d.ts +66 -66
- package/types/components/Table/BaseTable.vue.d.ts +132 -132
- package/types/components/Table/BodyTable.vue.d.ts +132 -132
- package/types/components/Table/HeadTable.vue.d.ts +132 -132
- package/types/components/Table/Table.vue.d.ts +264 -264
- package/types/components/Table/TableBox.vue.d.ts +264 -264
- package/types/components/Table/tableUnits/ExpandRows.vue.d.ts +33 -33
- package/types/components/Table/tableUnits/FilterDropdown.vue.d.ts +66 -66
- package/types/components/Table/tableUnits/SelectionCheckAll.vue.d.ts +66 -66
- package/types/components/Table/tableUnits/TableBody.vue.d.ts +66 -66
- package/types/components/Table/tableUnits/TableCell.vue.d.ts +33 -33
- package/types/components/Table/tableUnits/TableHeader.vue.d.ts +66 -66
- package/types/components/Table/tableUnits/TableHeaderRow.vue.d.ts +66 -66
- package/types/components/Table/tableUnits/TableRow.vue.d.ts +33 -33
- package/types/components/ThemePanel/ThemePanel.vue.d.ts +33 -33
- package/types/components/ThemePanel/index.d.ts +66 -66
- package/types/components/TimePicker/Panel/TimeRangePane.vue.d.ts +4 -4
- package/types/components/TimePicker/TimePicker.vue.d.ts +12 -12
- package/types/components/TimePicker/Trigger/TimeRangeInput.vue.d.ts +4 -4
- package/types/components/TimePicker/index.d.ts +28 -28
- package/types/components/Tooltip/Tooltip.type.d.ts +2 -2
- package/types/components/Tooltip/Tooltip.vue.d.ts +13 -13
- package/types/components/Tooltip/index.d.ts +33 -33
- package/uxd-ui.css +1 -1
- package/uxd-ui.esm.min.mjs +6 -6
- package/uxd-ui.esm.mjs +122 -64
- package/uxd-ui.umd.js +121 -62
- 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.
|
|
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,
|
|
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$
|
|
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: "
|
|
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
|
-
|
|
1124
|
+
case "error-outline":
|
|
1125
|
+
return CircleAlert;
|
|
1128
1126
|
default:
|
|
1129
|
-
return
|
|
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("
|
|
1186
|
+
createElementVNode("div", {
|
|
1204
1187
|
class: normalizeClass(`${_ctx.prefixCls}-message`)
|
|
1205
1188
|
}, [
|
|
1206
1189
|
renderSlot(_ctx.$slots, "default")
|
|
1207
1190
|
], 2),
|
|
1208
|
-
createElementVNode("
|
|
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
|
-
],
|
|
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([
|
|
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
|
|
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
|
-
|
|
11970
|
+
right: "0",
|
|
11971
|
+
transform: "translateY(-50%) translateX(-50%)"
|
|
11981
11972
|
};
|
|
11982
11973
|
}
|
|
11983
|
-
if (props.placement === "left-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
|
-
|
|
11981
|
+
right: "0",
|
|
11982
|
+
transform: "translateY(50%) translateX(-50%)"
|
|
11991
11983
|
};
|
|
11992
11984
|
}
|
|
11993
|
-
if (props.placement === "
|
|
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
|
-
|
|
12028
|
+
bottom: "0",
|
|
12029
|
+
transform: "translateX(-50%) translateY(-50%)"
|
|
12001
12030
|
};
|
|
12002
12031
|
}
|
|
12003
|
-
if (props.placement === "top-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
|
-
|
|
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
|
-
|
|
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 = "
|
|
42552
|
-
let defaultBottom = "
|
|
42553
|
-
let defaultTop$1 = "
|
|
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
|
-
|
|
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
|
-
|
|
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]),
|
|
42666
|
-
"class": `${prefixCls$1}-btn
|
|
42667
|
-
|
|
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-
|
|
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 };
|