vxe-pc-ui 4.20.25 → 4.20.26

package/es/select/src/util.js

@@ -9,9 +9,12 @@ function createOption($xeSelect, _vm) {
 }
 function watchOption(props, option) {
   Object.keys(props).forEach((name) => {
-    watch(() => props[name], (value) => {
-      option.update(name, value);
-    });
+    watch(
+      () => props[name],
+      (value) => {
+        option.update(name, value);
+      }
+    );
   });
 }
 function assembleOption($xeSelect, el, option, $xeOptgroup) {

package/es/slider/src/slider.js

@@ -1,8 +1,9 @@
 import { ref, h, reactive, watch, computed, inject, onMounted, onBeforeUnmount } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { VxeUI, getConfig, createEvent, renderEmptyElement, useSize } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getText } from "../../ui/src/utils";
+const { getConfig, createEvent, renderEmptyElement, useFns } = VxeUI;
 function createInternalData() {
   return {
     // _isUp: false,
@@ -65,21 +66,13 @@ var slider_default = defineVxeComponent({
     },
     tooltipConfig: Object
   },
-  emits: [
-    "update:modelValue",
-    "update:startValue",
-    "update:endValue",
-    "change",
-    "track-dragstart",
-    "track-dragover",
-    "track-dragend"
-  ],
+  emits: ["update:modelValue", "update:startValue", "update:endValue", "change", "track-dragstart", "track-dragover", "track-dragend"],
   setup(props, context) {
     const { emit } = context;
     const $xeForm = inject("$xeForm", null);
     const formItemInfo = inject("xeFormItemInfo", null);
     const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = ref();
     const refBarElem = ref();
     const refTrackElem = ref();
@@ -273,17 +266,26 @@ var slider_default = defineVxeComponent({
           const { currValue } = internalData;
           const tooltipOpts = computeTooltipOpts.value;
           const { contentMethod } = tooltipOpts;
-          const content = getText(contentMethod ? contentMethod({
-            $slider: $xeSlider,
-            value: currValue
-          }) : "" + currValue);
+          const content = getText(
+            contentMethod ? contentMethod({
+              $slider: $xeSlider,
+              value: currValue
+            }) : "" + currValue
+          );
           if (content) {
-            VxeUI.tooltip.open(btnElem, Object.assign({}, {
-              ...tooltipOpts,
-              content
-            }, {
-              contentMethod: void 0
-            }));
+            VxeUI.tooltip.open(
+              btnElem,
+              Object.assign(
+                {},
+                {
+                  ...tooltipOpts,
+                  content
+                },
+                {
+                  contentMethod: void 0
+                }
+              )
+            );
           } else {
             VxeUI.tooltip.close();
           }
@@ -325,11 +327,15 @@ var slider_default = defineVxeComponent({
             }
             internalData.currValue = currValue;
             btnElem.style.left = getBarPercent(currValue) + "%";
-            dispatchEvent("track-dragover", {
-              currentValue: internalData.currValue,
-              startValue: internalData.startValue,
-              endValue: internalData.endValue
-            }, evnt2);
+            dispatchEvent(
+              "track-dragover",
+              {
+                currentValue: internalData.currValue,
+                startValue: internalData.startValue,
+                endValue: internalData.endValue
+              },
+              evnt2
+            );
           }
           if (immediate) {
             changeEvent(evnt2);
@@ -341,22 +347,30 @@ var slider_default = defineVxeComponent({
           document.onmousemove = null;
           document.onmouseup = null;
           internalData.isDragStatus = false;
-          dispatchEvent("track-dragend", {
-            currentValue: internalData.currValue,
-            startValue: internalData.startValue,
-            endValue: internalData.endValue
-          }, evnt2);
+          dispatchEvent(
+            "track-dragend",
+            {
+              currentValue: internalData.currValue,
+              startValue: internalData.startValue,
+              endValue: internalData.endValue
+            },
+            evnt2
+          );
           changeEvent(evnt2);
           updateTrackStyle();
           if (!internalData.isBtnActive) {
             handleHideTip();
           }
         };
-        dispatchEvent("track-dragstart", {
-          currentValue: internalData.currValue,
-          startValue: internalData.startValue,
-          endValue: internalData.endValue
-        }, evnt);
+        dispatchEvent(
+          "track-dragstart",
+          {
+            currentValue: internalData.currValue,
+            startValue: internalData.startValue,
+            endValue: internalData.endValue
+          },
+          evnt
+        );
         internalData.isDragStatus = false;
       }
     };
@@ -382,52 +396,66 @@ var slider_default = defineVxeComponent({
       const vSize = computeSize.value;
       const formReadonly = computeFormReadonly.value;
       const isDisabled = computeIsDisabled.value;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-slider", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "is--vertical": vertical,
-          "is--readonly": formReadonly,
-          "is--disabled": isDisabled
-        }]
-      }, [
-        h("div", {
-          class: "vxe-slider--inner"
-        }, [
-          h("div", {
-            ref: refBarElem,
-            class: "vxe-slider--bar-wrapper"
-          }),
-          h("div", {
-            ref: refTrackElem,
-            class: "vxe-slider--bar-track"
-          }),
-          formReadonly || !range ? renderEmptyElement($xeSlider) : h("div", {
-            ref: refStartBtnElem,
-            class: "vxe-slider--bar-btn",
-            "data-type": "1",
-            onMouseenter: handleBtnMouseenterEvent,
-            onMouseleave: handleBtnMouseleaveEvent,
-            onMousedown: handleBtnMousedownEvent
-          }),
-          formReadonly ? renderEmptyElement($xeSlider) : h("div", {
-            ref: refEndBtnElem,
-            class: "vxe-slider--bar-btn",
-            "data-type": "2",
-            onMouseenter: handleBtnMouseenterEvent,
-            onMouseleave: handleBtnMouseleaveEvent,
-            onMousedown: handleBtnMousedownEvent
-          })
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-slider",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "is--vertical": vertical,
+              "is--readonly": formReadonly,
+              "is--disabled": isDisabled
+            }
+          ]
+        },
+        [
+          h(
+            "div",
+            {
+              class: "vxe-slider--inner"
+            },
+            [
+              h("div", {
+                ref: refBarElem,
+                class: "vxe-slider--bar-wrapper"
+              }),
+              h("div", {
+                ref: refTrackElem,
+                class: "vxe-slider--bar-track"
+              }),
+              formReadonly || !range ? renderEmptyElement($xeSlider) : h("div", {
+                ref: refStartBtnElem,
+                class: "vxe-slider--bar-btn",
+                "data-type": "1",
+                onMouseenter: handleBtnMouseenterEvent,
+                onMouseleave: handleBtnMouseleaveEvent,
+                onMousedown: handleBtnMousedownEvent
+              }),
+              formReadonly ? renderEmptyElement($xeSlider) : h("div", {
+                ref: refEndBtnElem,
+                class: "vxe-slider--bar-btn",
+                "data-type": "2",
+                onMouseenter: handleBtnMouseenterEvent,
+                onMouseleave: handleBtnMouseleaveEvent,
+                onMousedown: handleBtnMousedownEvent
+              })
+            ]
+          )
+        ]
+      );
     };
-    watch(() => props.modelValue, () => {
-      if (!internalData._isUp) {
-        updateModelValue(1);
+    watch(
+      () => props.modelValue,
+      () => {
+        if (!internalData._isUp) {
+          updateModelValue(1);
+        }
+        internalData._isUp = false;
       }
-      internalData._isUp = false;
-    });
+    );
     watch(computeMVal, () => {
       if (!internalData._isUp) {
         updateModelValue(2);

package/es/space/src/space.js

@@ -1,9 +1,10 @@
 import { ref, h, computed, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent, useSize } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getPropClass, toCssUnit } from "../../ui/src/dom";
 import { eqEmptyValue } from "../../ui/src/utils";
+const { getConfig, createEvent, useFns } = VxeUI;
 var space_default = defineVxeComponent({
   name: "VxeSpace",
   props: {
@@ -65,7 +66,7 @@ var space_default = defineVxeComponent({
   setup(props, context) {
     const { emit, slots } = context;
     const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
+    const { computeSize } = useFns.useSize(props);
     const refElem = ref();
     const reactData = reactive({
       activeValue: null
@@ -143,19 +144,27 @@ var space_default = defineVxeComponent({
       if (defaultSlot) {
         XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
           itemVNs.push(
-            h("div", {
-              key: "i" + index,
-              class: ["vxe-space--item", getPropClass(itemClassName, { index })],
-              style: itemStys
-            }, [itemVN])
+            h(
+              "div",
+              {
+                key: "i" + index,
+                class: ["vxe-space--item", getPropClass(itemClassName, { index })],
+                style: itemStys
+              },
+              [itemVN]
+            )
           );
           if ((separator || separatorSlot) && index < items.length - 1) {
             itemVNs.push(
-              h("div", {
-                key: "s" + index,
-                class: "vxe-space--separator",
-                style: srStys
-              }, separatorSlot ? separatorSlot({}) : "" + separator)
+              h(
+                "div",
+                {
+                  key: "s" + index,
+                  class: "vxe-space--separator",
+                  style: srStys
+                },
+                separatorSlot ? separatorSlot({}) : "" + separator
+              )
             );
           }
         });
@@ -166,17 +175,25 @@ var space_default = defineVxeComponent({
       const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props;
       const currStyle = computeCurrStyle.value;
       const vSize = computeSize.value;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-space", getPropClass(className, {}), {
-          [`size--${vSize}`]: vSize,
-          "is--wrap": wrap,
-          "is--vertical": vertical,
-          "is--fill": fill,
-          "is--width": itemWidth || itemMinWidth || itemMaxWidth
-        }],
-        style: currStyle
-      }, renderItems());
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-space",
+            getPropClass(className, {}),
+            {
+              [`size--${vSize}`]: vSize,
+              "is--wrap": wrap,
+              "is--vertical": vertical,
+              "is--fill": fill,
+              "is--width": itemWidth || itemMinWidth || itemMaxWidth
+            }
+          ],
+          style: currStyle
+        },
+        renderItems()
+      );
     };
     $xeSpace.renderVN = renderVN;
     return $xeSpace;

package/es/splitter/src/splitter-panel.js

@@ -1,8 +1,9 @@
 import { ref, h, reactive, watch, provide, inject, onMounted, onUnmounted } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
-import { createEvent } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { assembleSplitterItem, destroySplitterItem } from "./util";
 import XEUtils from "xe-utils";
+const { createEvent } = VxeUI;
 var splitter_panel_default = defineVxeComponent({
   name: "VxeSplitterPanel",
   props: {
@@ -81,30 +82,54 @@ var splitter_panel_default = defineVxeComponent({
         ref: refElem
       });
     };
-    watch(() => props.name, (val) => {
-      paneConfig.name = val;
-    });
-    watch(() => props.width, (val) => {
-      paneConfig.width = val;
-    });
-    watch(() => props.height, (val) => {
-      paneConfig.height = val;
-    });
-    watch(() => props.minWidth, (val) => {
-      paneConfig.minWidth = val;
-    });
-    watch(() => props.minHeight, (val) => {
-      paneConfig.minHeight = val;
-    });
-    watch(() => props.maxWidth, (val) => {
-      paneConfig.maxWidth = val;
-    });
-    watch(() => props.maxHeight, (val) => {
-      paneConfig.maxHeight = val;
-    });
-    watch(() => props.showAction, (val) => {
-      paneConfig.showAction = val;
-    });
+    watch(
+      () => props.name,
+      (val) => {
+        paneConfig.name = val;
+      }
+    );
+    watch(
+      () => props.width,
+      (val) => {
+        paneConfig.width = val;
+      }
+    );
+    watch(
+      () => props.height,
+      (val) => {
+        paneConfig.height = val;
+      }
+    );
+    watch(
+      () => props.minWidth,
+      (val) => {
+        paneConfig.minWidth = val;
+      }
+    );
+    watch(
+      () => props.minHeight,
+      (val) => {
+        paneConfig.minHeight = val;
+      }
+    );
+    watch(
+      () => props.maxWidth,
+      (val) => {
+        paneConfig.maxWidth = val;
+      }
+    );
+    watch(
+      () => props.maxHeight,
+      (val) => {
+        paneConfig.maxHeight = val;
+      }
+    );
+    watch(
+      () => props.showAction,
+      (val) => {
+        paneConfig.showAction = val;
+      }
+    );
     onMounted(() => {
       const elem = refElem.value;
       if ($xeSplitter && elem) {