vue-devui 1.6.10 → 1.6.11
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 +2 -3
- package/data-grid/index.umd.js +2 -2
- package/date-picker-pro/index.es.js +28 -6
- package/date-picker-pro/index.umd.js +12 -12
- 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 +2 -3
- package/pagination/index.umd.js +1 -1
- package/select/index.es.js +2 -3
- package/select/index.umd.js +1 -1
- package/style.css +1 -1
- package/table/index.es.js +2 -3
- package/table/index.umd.js +2 -2
- package/time-select/index.es.js +2 -3
- package/time-select/index.umd.js +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/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 +46 -21
- package/vue-devui.umd.js +33 -33
package/vue-devui.es.js
CHANGED
|
@@ -12564,8 +12564,7 @@ const commonProps$2 = {
|
|
|
12564
12564
|
default: void 0
|
|
12565
12565
|
},
|
|
12566
12566
|
size: {
|
|
12567
|
-
type: String
|
|
12568
|
-
default: "md"
|
|
12567
|
+
type: String
|
|
12569
12568
|
},
|
|
12570
12569
|
showGlowStyle: {
|
|
12571
12570
|
type: Boolean,
|
|
@@ -12765,7 +12764,7 @@ function useCheckboxGroup(props, ctx2) {
|
|
|
12765
12764
|
formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
|
|
12766
12765
|
});
|
|
12767
12766
|
}, { deep: true });
|
|
12768
|
-
const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
|
|
12767
|
+
const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
|
|
12769
12768
|
provide(checkboxGroupInjectionKey, {
|
|
12770
12769
|
disabled: toRef(props, "disabled"),
|
|
12771
12770
|
isShowTitle: toRef(props, "isShowTitle"),
|
|
@@ -17132,13 +17131,13 @@ var CategorySearch = defineComponent({
|
|
|
17132
17131
|
onSearch
|
|
17133
17132
|
} = useCategorySearch(props, ctx2);
|
|
17134
17133
|
return () => {
|
|
17135
|
-
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
|
17134
|
+
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
|
|
17136
17135
|
return createVNode("div", {
|
|
17137
17136
|
"ref": rootRef,
|
|
17138
17137
|
"class": containerClasses.value,
|
|
17139
17138
|
"onMouseenter": () => isHover.value = true,
|
|
17140
17139
|
"onMouseleave": () => isHover.value = false
|
|
17141
|
-
}, [createVNode("div", {
|
|
17140
|
+
}, [(_c = (_b = (_a2 = ctx2.slots).searchIcon) == null ? void 0 : _b.call(_a2)) != null ? _c : createVNode("div", {
|
|
17142
17141
|
"class": "dp-category-search-icon",
|
|
17143
17142
|
"onClick": onSearch
|
|
17144
17143
|
}, [createVNode(SearchIcon, null, null)]), createVNode("div", {
|
|
@@ -17153,13 +17152,13 @@ var CategorySearch = defineComponent({
|
|
|
17153
17152
|
"ref": inputRef
|
|
17154
17153
|
}, null)])]), showExtendedConfig.value && createVNode("div", {
|
|
17155
17154
|
"class": "dp-category-search-extended-container"
|
|
17156
|
-
}, [((
|
|
17157
|
-
"disabled": (
|
|
17158
|
-
}, null)]), ((
|
|
17159
|
-
"disabled": (
|
|
17160
|
-
}, null)]), ((
|
|
17161
|
-
"disabled": (
|
|
17162
|
-
}, null)]), (
|
|
17155
|
+
}, [((_d = operationConfig.clear) == null ? void 0 : _d.show) && createVNode(Fragment, null, [(_h = (_f = (_e = ctx2.slots).clear) == null ? void 0 : _f.call(_e)) != null ? _h : createVNode(CategorySearchClear, {
|
|
17156
|
+
"disabled": (_g = operationConfig.clear) == null ? void 0 : _g.disabled
|
|
17157
|
+
}, null)]), ((_i = operationConfig.save) == null ? void 0 : _i.show) && createVNode(Fragment, null, [(_m = (_k = (_j = ctx2.slots).save) == null ? void 0 : _k.call(_j)) != null ? _m : createVNode(CategorySearchSave, {
|
|
17158
|
+
"disabled": (_l = operationConfig.save) == null ? void 0 : _l.disabled
|
|
17159
|
+
}, null)]), ((_n = operationConfig.more) == null ? void 0 : _n.show) && createVNode(Fragment, null, [(_r = (_p = (_o = ctx2.slots).more) == null ? void 0 : _p.call(_o)) != null ? _r : createVNode(CategorySearchMore, {
|
|
17160
|
+
"disabled": (_q = operationConfig.more) == null ? void 0 : _q.disabled
|
|
17161
|
+
}, null)]), (_t = (_s = ctx2.slots).operation) == null ? void 0 : _t.call(_s)])]);
|
|
17163
17162
|
};
|
|
17164
17163
|
}
|
|
17165
17164
|
});
|
|
@@ -24239,6 +24238,10 @@ const datePickerProCommonProps = {
|
|
|
24239
24238
|
showGlowStyle: {
|
|
24240
24239
|
type: Boolean,
|
|
24241
24240
|
default: true
|
|
24241
|
+
},
|
|
24242
|
+
position: {
|
|
24243
|
+
type: Array,
|
|
24244
|
+
default: () => ["bottom-start", "top-start"]
|
|
24242
24245
|
}
|
|
24243
24246
|
};
|
|
24244
24247
|
const datePickerProProps = __spreadValues({
|
|
@@ -27316,7 +27319,8 @@ var DatePickerPro = defineComponent({
|
|
|
27316
27319
|
const app = getCurrentInstance();
|
|
27317
27320
|
const t = createI18nTranslate("DDatePickerPro", app);
|
|
27318
27321
|
const {
|
|
27319
|
-
showGlowStyle
|
|
27322
|
+
showGlowStyle,
|
|
27323
|
+
position
|
|
27320
27324
|
} = toRefs(props);
|
|
27321
27325
|
const ns2 = useNamespace$1("date-picker-pro");
|
|
27322
27326
|
const {
|
|
@@ -27337,7 +27341,6 @@ var DatePickerPro = defineComponent({
|
|
|
27337
27341
|
onSelectedDate,
|
|
27338
27342
|
handlerClearTime
|
|
27339
27343
|
} = usePickerPro(props, ctx2, t);
|
|
27340
|
-
const position = ref(["bottom-start", "top-start"]);
|
|
27341
27344
|
const currentPosition = ref("bottom");
|
|
27342
27345
|
const handlePositionChange = (pos) => {
|
|
27343
27346
|
currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
|
|
@@ -27346,6 +27349,15 @@ var DatePickerPro = defineComponent({
|
|
|
27346
27349
|
transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
|
|
27347
27350
|
"z-index": "var(--devui-z-index-dropdown, 1052)"
|
|
27348
27351
|
}));
|
|
27352
|
+
const align = computed(() => {
|
|
27353
|
+
if (position.value.some((item) => item.includes("start"))) {
|
|
27354
|
+
return "start";
|
|
27355
|
+
}
|
|
27356
|
+
if (position.value.some((item) => item.includes("end"))) {
|
|
27357
|
+
return "end";
|
|
27358
|
+
}
|
|
27359
|
+
return void 0;
|
|
27360
|
+
});
|
|
27349
27361
|
return () => {
|
|
27350
27362
|
var _a2, _b;
|
|
27351
27363
|
const vSlots = {
|
|
@@ -27387,7 +27399,7 @@ var DatePickerPro = defineComponent({
|
|
|
27387
27399
|
"onUpdate:modelValue": ($event) => isPanelShow.value = $event,
|
|
27388
27400
|
"ref": overlayRef,
|
|
27389
27401
|
"origin": originRef.value,
|
|
27390
|
-
"align":
|
|
27402
|
+
"align": align.value,
|
|
27391
27403
|
"position": position.value,
|
|
27392
27404
|
"style": styles.value,
|
|
27393
27405
|
"onPositionChange": handlePositionChange
|
|
@@ -27553,7 +27565,8 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
27553
27565
|
const app = getCurrentInstance();
|
|
27554
27566
|
const t = createI18nTranslate("DDatePickerPro", app);
|
|
27555
27567
|
const {
|
|
27556
|
-
showGlowStyle
|
|
27568
|
+
showGlowStyle,
|
|
27569
|
+
position
|
|
27557
27570
|
} = toRefs(props);
|
|
27558
27571
|
const ns2 = useNamespace$1("range-date-picker-pro");
|
|
27559
27572
|
const {
|
|
@@ -27578,7 +27591,6 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
27578
27591
|
handlerClearTime,
|
|
27579
27592
|
onChangeRangeFocusType
|
|
27580
27593
|
} = useRangePickerPro(props, ctx2);
|
|
27581
|
-
const position = ref(["bottom-start", "top-start"]);
|
|
27582
27594
|
const currentPosition = ref("bottom");
|
|
27583
27595
|
const handlePositionChange = (pos) => {
|
|
27584
27596
|
currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
|
|
@@ -27587,6 +27599,15 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
27587
27599
|
transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
|
|
27588
27600
|
"z-index": "var(--devui-z-index-dropdown, 1052)"
|
|
27589
27601
|
}));
|
|
27602
|
+
const align = computed(() => {
|
|
27603
|
+
if (position.value.some((item) => item.includes("start"))) {
|
|
27604
|
+
return "start";
|
|
27605
|
+
}
|
|
27606
|
+
if (position.value.some((item) => item.includes("end"))) {
|
|
27607
|
+
return "end";
|
|
27608
|
+
}
|
|
27609
|
+
return void 0;
|
|
27610
|
+
});
|
|
27590
27611
|
return () => {
|
|
27591
27612
|
var _a2, _b;
|
|
27592
27613
|
const vSlots = {
|
|
@@ -27648,7 +27669,7 @@ var DRangeDatePickerPro = defineComponent({
|
|
|
27648
27669
|
"onUpdate:modelValue": ($event) => isPanelShow.value = $event,
|
|
27649
27670
|
"ref": overlayRef,
|
|
27650
27671
|
"origin": originRef.value,
|
|
27651
|
-
"align":
|
|
27672
|
+
"align": align.value,
|
|
27652
27673
|
"position": position.value,
|
|
27653
27674
|
"style": styles.value,
|
|
27654
27675
|
"onPositionChange": handlePositionChange
|
|
@@ -40690,9 +40711,13 @@ var SubMenu = defineComponent({
|
|
|
40690
40711
|
"class": `${ns$6.b()}-icon`
|
|
40691
40712
|
}, [(_b = (_a2 = ctx2.slots) == null ? void 0 : _a2.icon) == null ? void 0 : _b.call(_a2)]), withDirectives(createVNode("span", {
|
|
40692
40713
|
"class": `${subMenuClass}-title-content`
|
|
40693
|
-
}, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode(
|
|
40714
|
+
}, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode(SelectArrowIcon, {
|
|
40715
|
+
"class": [ns$6.e("arrow-icon"), {
|
|
40716
|
+
"is-opened": isOpen.value
|
|
40717
|
+
}]
|
|
40718
|
+
}, null), [[vShow, !isCollapsed.value && key !== "overflowContainer" && class_layer.value !== `layer_${subMenuClass}`]]), withDirectives(createVNode("i", {
|
|
40694
40719
|
"class": {
|
|
40695
|
-
"icon icon-chevron-up":
|
|
40720
|
+
"icon icon-chevron-up": false,
|
|
40696
40721
|
"icon icon-chevron-right": class_layer.value === `layer_${subMenuClass}`,
|
|
40697
40722
|
"is-opened": isOpen.value
|
|
40698
40723
|
}
|
|
@@ -54332,7 +54357,7 @@ const installs = [
|
|
|
54332
54357
|
VirtualListInstall
|
|
54333
54358
|
];
|
|
54334
54359
|
var vueDevui = {
|
|
54335
|
-
version: "1.6.
|
|
54360
|
+
version: "1.6.11",
|
|
54336
54361
|
install(app) {
|
|
54337
54362
|
installs.forEach((p) => app.use(p));
|
|
54338
54363
|
}
|