vxe-pc-ui 4.20.24 → 4.20.26

package/lib/scrollbar/src/scrollbar.js

@@ -34,11 +34,11 @@ module.exports = __toCommonJS(scrollbar_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 var import_loading = __toESM(require("../../loading"));
-const { getConfig, createEvent, domUtils, globalResize, globalEvents, renderEmptyElement } = import_ui.VxeUI;
+const { getConfig, createEvent, useFns, domUtils, globalResize, globalEvents, renderEmptyElement } = import_core.VxeUI;
 function createReactData() {
   return {
     yThumbHeight: 0,
@@ -132,10 +132,7 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
      */
     syncResize: [Boolean, String, Number]
   },
-  emits: [
-    "scroll",
-    "scroll-boundary"
-  ],
+  emits: ["scroll", "scroll-boundary"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -144,7 +141,7 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
     const refViewInnerElem = (0, import_vue.ref)();
     const reactData = (0, import_vue.reactive)(createReactData());
     const internalData = createInternalData();
-    const { computeSize } = import_ui.useFns.useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const computeWrapperStyle = (0, import_vue.computed)(() => {
       const { width, height, minWidth, minHeight, maxWidth, maxHeight } = props;
       const barWidth = computeYWidth.value;
@@ -212,38 +209,35 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
       const yVisible = computeYVisible.value;
       const xAutoHide = computeXAutoHide.value;
       const yAutoHide = computeYAutoHide.value;
-      return domUtils.buildClass([
-        "vxe-scrollbar",
-        vSize ? `size--${vSize}` : "",
-        theme ? `theme--${theme}` : "",
-        fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
-        `ov-x--${xVisible === false ? "hidden" : "visible"}`,
-        `ov-y--${yVisible === false ? "hidden" : "visible"}`,
-        `sx-pos--${xToTop ? "top" : "bottom"}`,
-        `sy-pos--${yToLeft ? "left" : "right"}`,
-        native ? "is--native" : "is--virtual",
-        className
-      ], {
-        "is--padding": padding,
-        "ov-x--auto-hide": xAutoHide,
-        "ov-y--auto-hide": yAutoHide,
-        "overflow-y": yThumbHeight,
-        "overflow-x": xThumbWidth
-      });
+      return domUtils.buildClass(
+        [
+          "vxe-scrollbar",
+          vSize ? `size--${vSize}` : "",
+          theme ? `theme--${theme}` : "",
+          fluentOverlay ? "is--fluent-overlay" : "is--default-mode",
+          `ov-x--${xVisible === false ? "hidden" : "visible"}`,
+          `ov-y--${yVisible === false ? "hidden" : "visible"}`,
+          `sx-pos--${xToTop ? "top" : "bottom"}`,
+          `sy-pos--${yToLeft ? "left" : "right"}`,
+          native ? "is--native" : "is--virtual",
+          className
+        ],
+        {
+          "is--padding": padding,
+          "ov-x--auto-hide": xAutoHide,
+          "ov-y--auto-hide": yAutoHide,
+          "overflow-y": yThumbHeight,
+          "overflow-x": xThumbWidth
+        }
+      );
     });
     const computeViewClss = (0, import_vue.computed)(() => {
       const { viewClassName } = props;
-      return domUtils.buildClass([
-        "vxe-scrollbar--view",
-        viewClassName
-      ]);
+      return domUtils.buildClass(["vxe-scrollbar--view", viewClassName]);
     });
     const computeViewInnerClss = (0, import_vue.computed)(() => {
       const { viewInnerClassName } = props;
-      return domUtils.buildClass([
-        "vxe-scrollbar--view-inner",
-        viewInnerClassName
-      ]);
+      return domUtils.buildClass(["vxe-scrollbar--view-inner", viewInnerClassName]);
     });
     const computeXOpts = (0, import_vue.computed)(() => {
       return Object.assign({}, getConfig().scrollbar.xConfig, props.xConfig);
@@ -272,21 +266,7 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    const {
-      refTrackXElem,
-      refTrackYElem,
-      refThumbXElem,
-      refThumbYElem,
-      updateThumbSize,
-      updateThumbOffset,
-      clickTrackXEvent,
-      clickTrackYEvent,
-      pointerdownThumbXEvent,
-      pointermoveThumbXEvent,
-      cleatPointerThumbEvent,
-      pointerdownThumbYEvent,
-      pointermoveThumbYEvent
-    } = import_ui.useFns.useInitVScrollbar($xeScrollbar);
+    const { refTrackXElem, refTrackYElem, refThumbXElem, refThumbYElem, updateThumbSize, updateThumbOffset, clickTrackXEvent, clickTrackYEvent, pointerdownThumbXEvent, pointermoveThumbXEvent, cleatPointerThumbEvent, pointerdownThumbYEvent, pointermoveThumbYEvent } = useFns.useInitVScrollbar($xeScrollbar);
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, { $scrollbar: $xeScrollbar }, params));
     };
@@ -399,33 +379,41 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
       internalData.lastScrollTop = scrollTop;
       internalData.lastScrollLeft = scrollLeft;
       if (isBottomBoundary || isTopBoundary || isRightBoundary || isLeftBoundary) {
-        dispatchEvent("scroll-boundary", {
+        dispatchEvent(
+          "scroll-boundary",
+          {
+            direction,
+            isTop: isTopBoundary,
+            isBottom: isBottomBoundary,
+            isLeft: isLeftBoundary,
+            isRight: isRightBoundary,
+            scrollTop,
+            scrollLeft,
+            clientWidth,
+            clientHeight,
+            scrollHeight,
+            scrollWidth
+          },
+          evnt
+        );
+      }
+      dispatchEvent(
+        "scroll",
+        {
           direction,
-          isTop: isTopBoundary,
-          isBottom: isBottomBoundary,
-          isLeft: isLeftBoundary,
-          isRight: isRightBoundary,
+          isTop: yThumbHeight > 0 && scrollTop <= 0,
+          isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
+          isLeft: xThumbWidth > 0 && scrollLeft <= 0,
+          isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
           scrollTop,
           scrollLeft,
           clientWidth,
           clientHeight,
           scrollHeight,
           scrollWidth
-        }, evnt);
-      }
-      dispatchEvent("scroll", {
-        direction,
-        isTop: yThumbHeight > 0 && scrollTop <= 0,
-        isBottom: yThumbHeight > 0 && scrollTop + clientHeight >= scrollHeight,
-        isLeft: xThumbWidth > 0 && scrollLeft <= 0,
-        isRight: xThumbWidth > 0 && scrollLeft + clientWidth >= scrollWidth,
-        scrollTop,
-        scrollLeft,
-        clientWidth,
-        clientHeight,
-        scrollHeight,
-        scrollWidth
-      }, evnt);
+        },
+        evnt
+      );
     };
     const scrollbarPrivateMethods = {};
     Object.assign($xeScrollbar, scrollbarMethods, scrollbarPrivateMethods);
@@ -438,87 +426,131 @@ var scrollbar_default = (0, import_comp.defineVxeComponent)({
       const xVisible = computeXVisible.value;
       const yVisible = computeYVisible.value;
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        id: id || null,
-        class: wrapperClss,
-        style: wrapperStyle
-      }, [
-        (0, import_vue.h)("div", {
-          ref: refViewElem,
-          class: viewClss,
-          onScroll: scrollEvent,
-          id: viewId || null,
-          style: viewStyle,
-          ...viewAttrs
-        }, [
-          (0, import_vue.h)("div", {
-            key: "vi",
-            ref: refViewInnerElem,
-            class: viewInnerClss
-          }, defaultSlot ? defaultSlot({}) : [])
-        ]),
-        native || xVisible === false ? renderEmptyElement($xeScrollbar) : (0, import_vue.h)("div", {
-          ref: refTrackXElem,
-          class: "vxe-scrollbar--track-x",
-          onClick: clickTrackXEvent
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refThumbXElem,
-            class: "vxe-scrollbar--thumb-x",
-            onPointerdown: pointerdownThumbXEvent,
-            onPointermove: pointermoveThumbXEvent,
-            onPointerup: cleatPointerThumbEvent,
-            onPointercancel: cleatPointerThumbEvent,
-            onLostpointercapture: cleatPointerThumbEvent
-          })
-        ]),
-        native || yVisible === false ? renderEmptyElement($xeScrollbar) : (0, import_vue.h)("div", {
-          ref: refTrackYElem,
-          class: "vxe-scrollbar--track-y",
-          onClick: clickTrackYEvent
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refThumbYElem,
-            class: "vxe-scrollbar--thumb-y",
-            onPointerdown: pointerdownThumbYEvent,
-            onPointermove: pointermoveThumbYEvent,
-            onPointerup: cleatPointerThumbEvent,
-            onPointercancel: cleatPointerThumbEvent,
-            onLostpointercapture: cleatPointerThumbEvent
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          id: id || null,
+          class: wrapperClss,
+          style: wrapperStyle
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              ref: refViewElem,
+              class: viewClss,
+              onScroll: scrollEvent,
+              id: viewId || null,
+              style: viewStyle,
+              ...viewAttrs
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  key: "vi",
+                  ref: refViewInnerElem,
+                  class: viewInnerClss
+                },
+                defaultSlot ? defaultSlot({}) : []
+              )
+            ]
+          ),
+          native || xVisible === false ? renderEmptyElement($xeScrollbar) : (0, import_vue.h)(
+            "div",
+            {
+              ref: refTrackXElem,
+              class: "vxe-scrollbar--track-x",
+              onClick: clickTrackXEvent
+            },
+            [
+              (0, import_vue.h)("div", {
+                ref: refThumbXElem,
+                class: "vxe-scrollbar--thumb-x",
+                onPointerdown: pointerdownThumbXEvent,
+                onPointermove: pointermoveThumbXEvent,
+                onPointerup: cleatPointerThumbEvent,
+                onPointercancel: cleatPointerThumbEvent,
+                onLostpointercapture: cleatPointerThumbEvent
+              })
+            ]
+          ),
+          native || yVisible === false ? renderEmptyElement($xeScrollbar) : (0, import_vue.h)(
+            "div",
+            {
+              ref: refTrackYElem,
+              class: "vxe-scrollbar--track-y",
+              onClick: clickTrackYEvent
+            },
+            [
+              (0, import_vue.h)("div", {
+                ref: refThumbYElem,
+                class: "vxe-scrollbar--thumb-y",
+                onPointerdown: pointerdownThumbYEvent,
+                onPointermove: pointermoveThumbYEvent,
+                onPointerup: cleatPointerThumbEvent,
+                onPointercancel: cleatPointerThumbEvent,
+                onLostpointercapture: cleatPointerThumbEvent
+              })
+            ]
+          ),
+          (0, import_vue.h)(import_loading.default, {
+            class: "vxe-scrollbar--loading",
+            modelValue: loading
           })
-        ]),
-        (0, import_vue.h)(import_loading.default, {
-          class: "vxe-scrollbar--loading",
-          modelValue: loading
-        })
-      ]);
+        ]
+      );
     };
     const reFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.height, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.width, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.minHeight, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.minWidth, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.maxHeight, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.maxWidth, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.native, () => {
-      reFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.syncResize, () => {
-      reFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.height,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.width,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.minHeight,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.minWidth,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.maxHeight,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.maxWidth,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.native,
+      () => {
+        reFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.syncResize,
+      () => {
+        reFlag.value++;
+      }
+    );
     (0, import_vue.watch)(computeYWidth, () => {
       reFlag.value++;
     });

package/lib/segmented/src/segmented.js

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(segmented_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 function createReactData() {
   return {
     groupName: import_xe_utils.default.uniqueId("xe_group_"),
@@ -55,7 +56,7 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
     options: Array,
     type: {
       type: String,
-      default: () => (0, import_ui.getConfig)().segmented.type
+      default: () => getConfig().segmented.type
     },
     status: String,
     width: [String, Number],
@@ -63,17 +64,14 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
     optionConfig: Object,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().segmented.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().segmented.size || getConfig().size
     }
   },
-  emits: [
-    "update:modelValue",
-    "change"
-  ],
+  emits: ["update:modelValue", "change"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = (0, import_vue.ref)();
     const refWrapperElem = (0, import_vue.ref)();
     const refSelectedElem = (0, import_vue.ref)();
@@ -103,7 +101,7 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
       return stys;
     });
     const computeOptionOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().segmented.optionConfig, props.optionConfig);
+      return Object.assign({}, getConfig().segmented.optionConfig, props.optionConfig);
     });
     const computeItemList = (0, import_vue.computed)(() => {
       return props.options || [];
@@ -127,7 +125,7 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $segmented: $xeSegmented }, params));
+      emit(type, createEvent(evnt, { $segmented: $xeSegmented }, params));
     };
     const emitModel = (value) => {
       emit("update:modelValue", value);
@@ -176,38 +174,57 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
         const { icon, width } = item;
         const itemWidth = width || optionOpts.width;
         itemVNs.push(
-          (0, import_vue.h)("label", {
-            key: i,
-            class: ["vxe-segmented--item", {
-              "is--checked": modelValue === item.value
-            }],
-            style: isFullWidth || itemWidth ? {
-              width: itemWidth ? (0, import_dom.toCssUnit)(itemWidth) : fullItemWidth ? `${fullItemWidth}%` : ""
-            } : void 0
-          }, [
-            (0, import_vue.h)("input", {
-              class: "vxe-segmented--input",
-              type: "radio",
-              name: name || groupName,
-              onChange(evnt) {
-                changeEvent(evnt, item);
-              }
-            }),
-            (0, import_vue.h)("div", {
-              class: "vxe-segmented--content"
-            }, [
-              icon ? (0, import_vue.h)("div", {
-                class: "vxe-segmented--icon"
-              }, [
-                (0, import_vue.h)("i", {
-                  class: icon
-                })
-              ]) : (0, import_ui.renderEmptyElement)($xeSegmented),
-              (0, import_vue.h)("div", {
-                class: "vxe-segmented--label"
-              }, defaultSlot ? defaultSlot({ option: item }) : import_xe_utils.default.eqNull(item.label) ? "" : `${item.label}`)
-            ])
-          ])
+          (0, import_vue.h)(
+            "label",
+            {
+              key: i,
+              class: [
+                "vxe-segmented--item",
+                {
+                  "is--checked": modelValue === item.value
+                }
+              ],
+              style: isFullWidth || itemWidth ? {
+                width: itemWidth ? (0, import_dom.toCssUnit)(itemWidth) : fullItemWidth ? `${fullItemWidth}%` : ""
+              } : void 0
+            },
+            [
+              (0, import_vue.h)("input", {
+                class: "vxe-segmented--input",
+                type: "radio",
+                name: name || groupName,
+                onChange(evnt) {
+                  changeEvent(evnt, item);
+                }
+              }),
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-segmented--content"
+                },
+                [
+                  icon ? (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-segmented--icon"
+                    },
+                    [
+                      (0, import_vue.h)("i", {
+                        class: icon
+                      })
+                    ]
+                  ) : renderEmptyElement($xeSegmented),
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-segmented--label"
+                    },
+                    defaultSlot ? defaultSlot({ option: item }) : import_xe_utils.default.eqNull(item.label) ? "" : `${item.label}`
+                  )
+                ]
+              )
+            ]
+          )
         );
       });
       return itemVNs;
@@ -218,28 +235,44 @@ var segmented_default = (0, import_comp.defineVxeComponent)({
       const itemType = computeItemType.value;
       const wrapperStyle = computeWrapperStyle.value;
       const vSize = computeSize.value;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-segmented", `type--${itemType}`, {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status
-        }]
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-segmented--group",
-          style: wrapperStyle
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refSelectedElem,
-            class: "vxe-segmented--selected",
-            style: selectStyle
-          }),
-          (0, import_vue.h)("div", {
-            ref: refWrapperElem,
-            class: "vxe-segmented--inner"
-          }, renderItems())
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-segmented",
+            `type--${itemType}`,
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-segmented--group",
+              style: wrapperStyle
+            },
+            [
+              (0, import_vue.h)("div", {
+                ref: refSelectedElem,
+                class: "vxe-segmented--selected",
+                style: selectStyle
+              }),
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refWrapperElem,
+                  class: "vxe-segmented--inner"
+                },
+                renderItems()
+              )
+            ]
+          )
+        ]
+      );
     };
     (0, import_vue.watch)(computeSelectIndex, () => {
       updateStyle();

package/lib/select/src/optgroup.js

@@ -56,9 +56,13 @@ var optgroup_default = (0, import_comp.defineVxeComponent)({
     });
     return () => {
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: elem
-      }, defaultSlot ? defaultSlot({}) : []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: elem
+        },
+        defaultSlot ? defaultSlot({}) : []
+      );
     };
   }
 });