vue-devui 1.6.10 → 1.6.12

package/vue-devui.es.js

@@ -12564,8 +12564,7 @@ const commonProps$2 = {
     default: void 0
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   showGlowStyle: {
     type: Boolean,
@@ -12765,7 +12764,7 @@ function useCheckboxGroup(props, ctx2) {
     formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
     });
   }, { deep: true });
-  const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
+  const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
   provide(checkboxGroupInjectionKey, {
     disabled: toRef(props, "disabled"),
     isShowTitle: toRef(props, "isShowTitle"),
@@ -17132,13 +17131,13 @@ var CategorySearch = defineComponent({
       onSearch
     } = useCategorySearch(props, ctx2);
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
       return createVNode("div", {
         "ref": rootRef,
         "class": containerClasses.value,
         "onMouseenter": () => isHover.value = true,
         "onMouseleave": () => isHover.value = false
-      }, [createVNode("div", {
+      }, [(_c = (_b = (_a2 = ctx2.slots).searchIcon) == null ? void 0 : _b.call(_a2)) != null ? _c : createVNode("div", {
         "class": "dp-category-search-icon",
         "onClick": onSearch
       }, [createVNode(SearchIcon, null, null)]), createVNode("div", {
@@ -17153,13 +17152,13 @@ var CategorySearch = defineComponent({
         "ref": inputRef
       }, null)])]), showExtendedConfig.value && createVNode("div", {
         "class": "dp-category-search-extended-container"
-      }, [((_a2 = operationConfig.clear) == null ? void 0 : _a2.show) && createVNode(Fragment, null, [(_e = (_c = (_b = ctx2.slots).clear) == null ? void 0 : _c.call(_b)) != null ? _e : createVNode(CategorySearchClear, {
-        "disabled": (_d = operationConfig.clear) == null ? void 0 : _d.disabled
-      }, null)]), ((_f = operationConfig.save) == null ? void 0 : _f.show) && createVNode(Fragment, null, [(_j = (_h = (_g = ctx2.slots).save) == null ? void 0 : _h.call(_g)) != null ? _j : createVNode(CategorySearchSave, {
-        "disabled": (_i = operationConfig.save) == null ? void 0 : _i.disabled
-      }, null)]), ((_k = operationConfig.more) == null ? void 0 : _k.show) && createVNode(Fragment, null, [(_o = (_m = (_l = ctx2.slots).more) == null ? void 0 : _m.call(_l)) != null ? _o : createVNode(CategorySearchMore, {
-        "disabled": (_n = operationConfig.more) == null ? void 0 : _n.disabled
-      }, null)]), (_q = (_p = ctx2.slots).operation) == null ? void 0 : _q.call(_p)])]);
+      }, [((_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, {
+        "disabled": (_g = operationConfig.clear) == null ? void 0 : _g.disabled
+      }, 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, {
+        "disabled": (_l = operationConfig.save) == null ? void 0 : _l.disabled
+      }, 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, {
+        "disabled": (_q = operationConfig.more) == null ? void 0 : _q.disabled
+      }, null)]), (_t = (_s = ctx2.slots).operation) == null ? void 0 : _t.call(_s)])]);
     };
   }
 });
@@ -21274,6 +21273,9 @@ const dataGridProps = {
     type: Boolean,
     default: false
   },
+  columnVirtualScroll: {
+    type: Boolean
+  },
   reserveCheck: {
     type: Boolean,
     default: false
@@ -21709,6 +21711,7 @@ var GridTh = defineComponent({
       allChecked,
       halfAllChecked,
       virtualScroll,
+      columnVirtualScroll,
       resizable,
       addGridThContextToMap,
       toggleAllRowChecked
@@ -21730,7 +21733,7 @@ var GridTh = defineComponent({
       onFilterChange
     } = useGridThFilter(columnConfig);
     const classes = computed(() => {
-      var _a2;
+      var _a2, _b;
       return {
         [ns2.e("th")]: true,
         [ns2.m(columnConfig.value.align)]: true,
@@ -21738,7 +21741,7 @@ var GridTh = defineComponent({
         [ns2.em("th", size.value)]: true,
         [ns2.em("th", "filter-active")]: filterActive.value,
         [ns2.em("th", "sort-active")]: Boolean(direction.value),
-        [ns2.em("th", "operable")]: columnConfig.value.filterable || columnConfig.value.sortable || !virtualScroll.value && ((_a2 = columnConfig.value.resizable) != null ? _a2 : resizable.value)
+        [ns2.em("th", "operable")]: columnConfig.value.filterable || columnConfig.value.sortable || !((_a2 = columnVirtualScroll.value) != null ? _a2 : virtualScroll.value) && ((_b = columnConfig.value.resizable) != null ? _b : resizable.value)
       };
     });
     const {
@@ -21765,7 +21768,7 @@ var GridTh = defineComponent({
       }, [columnConfig.value.header])
     };
     return () => {
-      var _a2;
+      var _a2, _b;
       return createVNode("div", {
         "ref": thRef,
         "class": classes.value,
@@ -21789,7 +21792,7 @@ var GridTh = defineComponent({
         "filterMenu": columnConfig.value.filterMenu,
         "setFilterStatus": setFilterStatus,
         "onFilterChange": onFilterChange
-      }, null), !virtualScroll.value && ((_a2 = columnConfig.value.resizable) != null ? _a2 : resizable.value) && createVNode("span", {
+      }, null), !((_a2 = columnVirtualScroll.value) != null ? _a2 : virtualScroll.value) && ((_b = columnConfig.value.resizable) != null ? _b : resizable.value) && createVNode("span", {
         "class": "resize-handle"
       }, null)]);
     };
@@ -22867,7 +22870,7 @@ function useDataGridColumnDrag(bodyContentWidth, scrollRef, renderFixedLeftColum
   return { afterColumnDragend };
 }
 function useDataGrid(props, ctx2) {
-  const { data, columns, size, virtualScroll } = toRefs(props);
+  const { data, columns, size, virtualScroll, columnVirtualScroll } = toRefs(props);
   const scrollRef = ref();
   const headBoxRef = ref();
   const bodyContentWidth = ref(0);
@@ -22939,7 +22942,7 @@ function useDataGrid(props, ctx2) {
     calcVirtualRowData(scrollYParams);
   };
   const initOriginColumnData = () => {
-    var _a2, _b, _c;
+    var _a2, _b, _c, _d;
     let bodyTotalWidth = 0;
     let columnId = 0;
     const scrollViewWidth = ((_a2 = scrollRef.value) == null ? void 0 : _a2.clientWidth) || 0;
@@ -22972,9 +22975,9 @@ function useDataGrid(props, ctx2) {
       }
       bodyTotalWidth += itemColumn.width;
     }
-    if (!virtualScroll.value) {
+    if (!((_b = columnVirtualScroll.value) != null ? _b : virtualScroll.value)) {
       renderColumnData.value = scrollXParams.originColumnData;
-      translateX.value = (_c = (_b = renderColumnData.value[0]) == null ? void 0 : _b.offsetLeft) != null ? _c : 0;
+      translateX.value = (_d = (_c = renderColumnData.value[0]) == null ? void 0 : _c.offsetLeft) != null ? _d : 0;
     }
     bodyContentWidth.value = bodyTotalWidth;
   };
@@ -23021,8 +23024,9 @@ function useDataGrid(props, ctx2) {
     }
     let distance = 0;
     nextTick(() => {
+      var _a2;
       initOriginColumnData();
-      if (virtualScroll.value && scrollRef.value) {
+      if (((_a2 = columnVirtualScroll.value) != null ? _a2 : virtualScroll.value) && scrollRef.value) {
         distance = scrollRef.value.scrollLeft;
         initVirtualColumnData(distance, scrollRef.value.clientWidth);
       }
@@ -23034,11 +23038,13 @@ function useDataGrid(props, ctx2) {
     }
   }, { immediate: true });
   watch(virtualColumnData, (val) => {
-    if (virtualScroll.value) {
+    var _a2;
+    if ((_a2 = columnVirtualScroll.value) != null ? _a2 : virtualScroll.value) {
       renderColumnData.value = val;
     }
   }, { immediate: true });
   const onScroll2 = (e) => {
+    var _a2;
     if (tick) {
       return;
     }
@@ -23055,7 +23061,7 @@ function useDataGrid(props, ctx2) {
         return;
       }
       scrollXParams.distance = scrollLeft;
-      virtualScroll.value && calcVirtualColumnData(scrollXParams);
+      ((_a2 = columnVirtualScroll.value) != null ? _a2 : virtualScroll.value) && calcVirtualColumnData(scrollXParams);
     } else if (scrollTop !== scrollYParams.distance) {
       if (scrollYParams.originRowData.length === 0) {
         return;
@@ -23069,11 +23075,12 @@ function useDataGrid(props, ctx2) {
     (_a2 = scrollRef.value) == null ? void 0 : _a2.addEventListener("scroll", onScroll2);
     if (typeof window !== "undefined" && scrollRef.value) {
       resizeObserver = new ResizeObserver(() => {
+        var _a3;
         if (scrollRef.value && sliceColumns.value.length) {
           let distance = 0;
           initOriginColumnData();
           distance = scrollRef.value.scrollLeft;
-          virtualScroll.value && initVirtualColumnData(distance, scrollRef.value.clientWidth);
+          ((_a3 = columnVirtualScroll.value) != null ? _a3 : virtualScroll.value) && initVirtualColumnData(distance, scrollRef.value.clientWidth);
         }
       });
       resizeObserver.observe(scrollRef.value);
@@ -23172,6 +23179,7 @@ var DataGrid = defineComponent({
       size,
       indent,
       virtualScroll,
+      columnVirtualScroll,
       resizable
     } = toRefs(props);
     const rootRef = ref();
@@ -23214,6 +23222,7 @@ var DataGrid = defineComponent({
       lazy,
       indent,
       virtualScroll,
+      columnVirtualScroll,
       resizable,
       bodyContentWidth,
       bodyContentHeight,
@@ -24239,6 +24248,10 @@ const datePickerProCommonProps = {
   showGlowStyle: {
     type: Boolean,
     default: true
+  },
+  position: {
+    type: Array,
+    default: () => ["bottom-start", "top-start"]
   }
 };
 const datePickerProProps = __spreadValues({
@@ -27316,7 +27329,8 @@ var DatePickerPro = defineComponent({
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
     const {
-      showGlowStyle
+      showGlowStyle,
+      position
     } = toRefs(props);
     const ns2 = useNamespace$1("date-picker-pro");
     const {
@@ -27337,7 +27351,6 @@ var DatePickerPro = defineComponent({
       onSelectedDate,
       handlerClearTime
     } = usePickerPro(props, ctx2, t);
-    const position = ref(["bottom-start", "top-start"]);
     const currentPosition = ref("bottom");
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
@@ -27346,6 +27359,15 @@ var DatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
+    const align = computed(() => {
+      if (position.value.some((item) => item.includes("start"))) {
+        return "start";
+      }
+      if (position.value.some((item) => item.includes("end"))) {
+        return "end";
+      }
+      return void 0;
+    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27387,7 +27409,7 @@ var DatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": "start",
+            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -27553,7 +27575,8 @@ var DRangeDatePickerPro = defineComponent({
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
     const {
-      showGlowStyle
+      showGlowStyle,
+      position
     } = toRefs(props);
     const ns2 = useNamespace$1("range-date-picker-pro");
     const {
@@ -27578,7 +27601,6 @@ var DRangeDatePickerPro = defineComponent({
       handlerClearTime,
       onChangeRangeFocusType
     } = useRangePickerPro(props, ctx2);
-    const position = ref(["bottom-start", "top-start"]);
     const currentPosition = ref("bottom");
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
@@ -27587,6 +27609,15 @@ var DRangeDatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
+    const align = computed(() => {
+      if (position.value.some((item) => item.includes("start"))) {
+        return "start";
+      }
+      if (position.value.some((item) => item.includes("end"))) {
+        return "end";
+      }
+      return void 0;
+    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27648,7 +27679,7 @@ var DRangeDatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": "start",
+            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -40690,9 +40721,13 @@ var SubMenu = defineComponent({
         "class": `${ns$6.b()}-icon`
       }, [(_b = (_a2 = ctx2.slots) == null ? void 0 : _a2.icon) == null ? void 0 : _b.call(_a2)]), withDirectives(createVNode("span", {
         "class": `${subMenuClass}-title-content`
-      }, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode("i", {
+      }, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode(SelectArrowIcon, {
+        "class": [ns$6.e("arrow-icon"), {
+          "is-opened": isOpen.value
+        }]
+      }, null), [[vShow, !isCollapsed.value && key !== "overflowContainer" && class_layer.value !== `layer_${subMenuClass}`]]), withDirectives(createVNode("i", {
         "class": {
-          "icon icon-chevron-up": class_layer.value !== `layer_${subMenuClass}`,
+          "icon icon-chevron-up": false,
           "icon icon-chevron-right": class_layer.value === `layer_${subMenuClass}`,
           "is-opened": isOpen.value
         }
@@ -42364,7 +42399,7 @@ function useSelect$2(props, selectRef, ctx2, focus, blur2, isSelectFocus, t) {
       return label.toString().toLocaleLowerCase().includes(filterQuery.value.toLocaleLowerCase().trim());
     }).length;
     if (isLoading.value) {
-      return props.loadingText || t("loadingText");
+      return "";
     }
     if (isSupportFilter.value && filterQuery.value && injectOptionsArray.value.length > 0 && visibleOptionsCount === 0) {
       return props.noMatchText || t("noMatchText");
@@ -42856,6 +42891,9 @@ function useSelectFunction(props, selectRef) {
 var select = "";
 var Select = defineComponent({
   name: "DSelect",
+  directives: {
+    dLoading: LoadingDirective
+  },
   props: selectProps,
   emits: ["toggle-change", "value-change", "update:modelValue", "focus", "blur", "remove-tag", "clear", "input-change"],
   setup(props, ctx2) {
@@ -42985,7 +43023,7 @@ var Select = defineComponent({
           }, {
             default: () => {
               var _a2, _b, _c, _d;
-              return [createVNode("div", {
+              return [withDirectives(createVNode("div", {
                 "class": dropdownCls,
                 "style": {
                   width: `${dropdownWidth.value}`
@@ -43013,9 +43051,9 @@ var Select = defineComponent({
                   "label": item.name,
                   "disabled": isDisabled(item)
                 }, null) : item.name || item.value]
-              }))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx2.slots) == null ? void 0 : _c.empty) && ctx2.slots.empty(), !((_d = ctx2.slots) == null ? void 0 : _d.empty) && createVNode("p", {
+              }))]), [[vShow, !isLoading.value]]), (isLoading.value || isShowEmptyText.value) && createVNode("div", null, [((_c = ctx2.slots) == null ? void 0 : _c.empty) && ctx2.slots.empty(), !((_d = ctx2.slots) == null ? void 0 : _d.empty) && createVNode("p", {
                 "class": dropdownEmptyCls
-              }, [emptyText.value])])])];
+              }, [emptyText.value])])]), [[resolveDirective("dLoading"), isLoading.value]])];
             }
           }), [[vShow, isOpen.value]])]
         })]
@@ -47711,7 +47749,7 @@ function useTable(props, tableWidth) {
     maxHeight: props.maxHeight,
     maxWidth: props.maxWidth,
     height: props.tableHeight,
-    width: tableWidth.value ? `${tableWidth.value}px` : props.tableWidth
+    width: props.tableWidth
   }));
   return { classes, styles };
 }
@@ -49245,7 +49283,7 @@ var Table = defineComponent({
     const {
       classes,
       styles
-    } = useTable(props, tableWidth);
+    } = useTable(props);
     const {
       onTableScroll
     } = useHorizontalScroll(table2);
@@ -54332,7 +54370,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.10",
+  version: "1.6.12",
   install(app) {
     installs.forEach((p) => app.use(p));
   }