vue-devui 1.6.10 → 1.6.12
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/category-search/index.es.js +11 -12
- package/category-search/index.umd.js +9 -9
- package/checkbox/index.es.js +2 -3
- package/checkbox/index.umd.js +2 -2
- package/data-grid/index.es.js +24 -15
- package/data-grid/index.umd.js +17 -17
- package/date-picker-pro/index.es.js +28 -6
- package/date-picker-pro/index.umd.js +12 -12
- package/editable-select/style.css +1 -1
- package/menu/index.es.js +26 -2
- package/menu/index.umd.js +5 -1
- package/menu/style.css +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +222 -11
- package/pagination/index.umd.js +13 -13
- package/pagination/style.css +1 -1
- package/select/index.es.js +222 -11
- package/select/index.umd.js +13 -13
- package/select/style.css +1 -1
- package/style.css +1 -1
- package/table/index.es.js +4 -5
- package/table/index.umd.js +3 -3
- package/time-select/index.es.js +222 -11
- package/time-select/index.umd.js +13 -13
- package/time-select/style.css +1 -1
- package/tree/index.es.js +2 -3
- package/tree/index.umd.js +2 -2
- package/types/checkbox/src/checkbox-types.d.ts +0 -2
- package/types/data-grid/src/data-grid-types.d.ts +4 -0
- package/types/date-picker-pro/src/date-picker-pro-types.d.ts +13 -0
- package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
- package/vue-devui.es.js +77 -39
- package/vue-devui.umd.js +48 -48
|
@@ -67,6 +67,10 @@ const datePickerProCommonProps = {
|
|
|
67
67
|
showGlowStyle: {
|
|
68
68
|
type: Boolean,
|
|
69
69
|
default: true
|
|
70
|
+
},
|
|
71
|
+
position: {
|
|
72
|
+
type: Array,
|
|
73
|
+
default: () => ["bottom-start", "top-start"]
|
|
70
74
|
}
|
|
71
75
|
};
|
|
72
76
|
const datePickerProProps = __spreadValues({
|
|
@@ -11916,7 +11920,8 @@ var DatePickerPro = defineComponent({
|
|
|
11916
11920
|
const app = getCurrentInstance();
|
|
11917
11921
|
const t = createI18nTranslate("DDatePickerPro", app);
|
|
11918
11922
|
const {
|
|
11919
|
-
showGlowStyle
|
|
11923
|
+
showGlowStyle,
|
|
11924
|
+
position
|
|
11920
11925
|
} = toRefs(props);
|
|
11921
11926
|
const ns2 = useNamespace("date-picker-pro");
|
|
11922
11927
|
const {
|
|
@@ -11937,7 +11942,6 @@ var DatePickerPro = defineComponent({
|
|
|
11937
11942
|
onSelectedDate,
|
|
11938
11943
|
handlerClearTime
|
|
11939
11944
|
} = usePickerPro(props, ctx, t);
|
|
11940
|
-
const position = ref(["bottom-start", "top-start"]);
|
|
11941
11945
|
const currentPosition = ref("bottom");
|
|
11942
11946
|
const handlePositionChange = (pos) => {
|
|
11943
11947
|
currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
|
|
@@ -11946,6 +11950,15 @@ var DatePickerPro = defineComponent({
|
|
|
11946
11950
|
transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
|
|
11947
11951
|
"z-index": "var(--devui-z-index-dropdown, 1052)"
|
|
11948
11952
|
}));
|
|
11953
|
+
const align = computed(() => {
|
|
11954
|
+
if (position.value.some((item) => item.includes("start"))) {
|
|
11955
|
+
return "start";
|
|
11956
|
+
}
|
|
11957
|
+
if (position.value.some((item) => item.includes("end"))) {
|
|
11958
|
+
return "end";
|
|
11959
|
+
}
|
|
11960
|
+
return void 0;
|
|
11961
|
+
});
|
|
11949
11962
|
return () => {
|
|
11950
11963
|
var _a, _b;
|
|
11951
11964
|
const vSlots = {
|
|
@@ -11987,7 +12000,7 @@ var DatePickerPro = defineComponent({
|
|
|
11987
12000
|
"onUpdate:modelValue": ($event) => isPanelShow.value = $event,
|
|
11988
12001
|
"ref": overlayRef,
|
|
11989
12002
|
"origin": originRef.value,
|
|
11990
|
-
"align":
|
|
12003
|
+
"align": align.value,
|
|
11991
12004
|
"position": position.value,
|
|
11992
12005
|
"style": styles.value,
|
|
11993
12006
|
"onPositionChange": handlePositionChange
|
|
@@ -12153,7 +12166,8 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
12153
12166
|
const app = getCurrentInstance();
|
|
12154
12167
|
const t = createI18nTranslate("DDatePickerPro", app);
|
|
12155
12168
|
const {
|
|
12156
|
-
showGlowStyle
|
|
12169
|
+
showGlowStyle,
|
|
12170
|
+
position
|
|
12157
12171
|
} = toRefs(props);
|
|
12158
12172
|
const ns2 = useNamespace("range-date-picker-pro");
|
|
12159
12173
|
const {
|
|
@@ -12178,7 +12192,6 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
12178
12192
|
handlerClearTime,
|
|
12179
12193
|
onChangeRangeFocusType
|
|
12180
12194
|
} = useRangePickerPro(props, ctx);
|
|
12181
|
-
const position = ref(["bottom-start", "top-start"]);
|
|
12182
12195
|
const currentPosition = ref("bottom");
|
|
12183
12196
|
const handlePositionChange = (pos) => {
|
|
12184
12197
|
currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
|
|
@@ -12187,6 +12200,15 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
12187
12200
|
transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
|
|
12188
12201
|
"z-index": "var(--devui-z-index-dropdown, 1052)"
|
|
12189
12202
|
}));
|
|
12203
|
+
const align = computed(() => {
|
|
12204
|
+
if (position.value.some((item) => item.includes("start"))) {
|
|
12205
|
+
return "start";
|
|
12206
|
+
}
|
|
12207
|
+
if (position.value.some((item) => item.includes("end"))) {
|
|
12208
|
+
return "end";
|
|
12209
|
+
}
|
|
12210
|
+
return void 0;
|
|
12211
|
+
});
|
|
12190
12212
|
return () => {
|
|
12191
12213
|
var _a, _b;
|
|
12192
12214
|
const vSlots = {
|
|
@@ -12248,7 +12270,7 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
12248
12270
|
"onUpdate:modelValue": ($event) => isPanelShow.value = $event,
|
|
12249
12271
|
"ref": overlayRef,
|
|
12250
12272
|
"origin": originRef.value,
|
|
12251
|
-
"align":
|
|
12273
|
+
"align": align.value,
|
|
12252
12274
|
"position": position.value,
|
|
12253
12275
|
"style": styles.value,
|
|
12254
12276
|
"onPositionChange": handlePositionChange
|