vxe-pc-ui 4.20.25 → 4.20.26

package/es/textarea/src/textarea.js

@@ -1,9 +1,10 @@
 import { h, ref, computed, nextTick, watch, reactive, inject, onMounted } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, getIcon, getI18n, createEvent, useSize, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getFuncText } from "../../ui/src/utils";
 import { createComponentLog } from "../../ui/src/log";
+const { getConfig, getIcon, getI18n, createEvent, useFns, renderEmptyElement } = VxeUI;
 const { warnLog } = createComponentLog("textarea");
 let autoTxtElem;
 var textarea_default = defineVxeComponent({
@@ -80,24 +81,13 @@ var textarea_default = defineVxeComponent({
     // 已废弃
     maxlength: [String, Number]
   },
-  emits: [
-    "update:modelValue",
-    "input",
-    "keydown",
-    "keyup",
-    "click",
-    "change",
-    "focus",
-    "blur",
-    "clear",
-    "lazy-change"
-  ],
+  emits: ["update:modelValue", "input", "keydown", "keyup", "click", "change", "focus", "blur", "clear", "lazy-change"],
   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 reactData = reactive({
       inputValue: props.modelValue
     });
@@ -325,74 +315,108 @@ var textarea_default = defineVxeComponent({
       const inpPlaceholder = computeInpPlaceholder.value;
       const inpMaxLength = computeInpMaxLength.value;
       if (formReadonly) {
-        return h("div", {
-          ref: refElem,
-          class: ["vxe-textarea--readonly", className]
-        }, [
-          h("div", {
-            ref: refContent,
-            class: "vxe-textarea--content"
-          }, inputValue)
-        ]);
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-textarea--readonly", className]
+          },
+          [
+            h(
+              "div",
+              {
+                ref: refContent,
+                class: "vxe-textarea--content"
+              },
+              inputValue
+            )
+          ]
+        );
       }
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-textarea", className, {
-          [`size--${vSize}`]: vSize,
-          "is--autosize": autosize || autoSize,
-          "is--count": showWordCount,
-          "is--disabled": isDisabled,
-          "is-clear": clearable,
-          "is--rows": !XEUtils.eqNull(rows),
-          "is--cols": !XEUtils.eqNull(cols),
-          "show--clear": clearable && !isDisabled && !(inputValue === "" || XEUtils.eqNull(inputValue))
-        }],
-        spellcheck: false
-      }, [
-        h("textarea", {
-          ref: refTextarea,
-          class: "vxe-textarea--inner" + (inputClassName ? " " + inputClassName : ""),
-          name: props.name,
-          placeholder: inpPlaceholder,
-          maxlength: inpMaxLength,
-          readonly: inputReadonly,
-          disabled: isDisabled,
-          rows,
-          cols,
-          style: resize ? {
-            resize
-          } : null,
-          onInput: inputEvent,
-          onChange: changeEvent,
-          onKeydown: triggerEvent,
-          onKeyup: triggerEvent,
-          onClick: triggerEvent,
-          onFocus: triggerEvent,
-          onBlur: blurEvent
-        }),
-        clearable || showWordCount ? h("div", {
-          class: "vxe-textarea--suffix"
-        }, [
-          clearable ? h("div", {
-            class: "vxe-textarea--clear-icon",
-            onClick: clearValueEvent
-          }, [
-            h("i", {
-              class: getIcon().TEXTAREA_CLEAR
-            })
-          ]) : renderEmptyElement($xeTextarea),
-          showWordCount ? h("span", {
-            class: ["vxe-textarea--count", {
-              "is--error": isCountError
-            }]
-          }, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ""}`) : renderEmptyElement($xeTextarea)
-        ]) : renderEmptyElement($xeTextarea)
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-textarea",
+            className,
+            {
+              [`size--${vSize}`]: vSize,
+              "is--autosize": autosize || autoSize,
+              "is--count": showWordCount,
+              "is--disabled": isDisabled,
+              "is-clear": clearable,
+              "is--rows": !XEUtils.eqNull(rows),
+              "is--cols": !XEUtils.eqNull(cols),
+              "show--clear": clearable && !isDisabled && !(inputValue === "" || XEUtils.eqNull(inputValue))
+            }
+          ],
+          spellcheck: false
+        },
+        [
+          h("textarea", {
+            ref: refTextarea,
+            class: ["vxe-textarea--inner", inputClassName || ""],
+            name: props.name,
+            placeholder: inpPlaceholder,
+            maxlength: inpMaxLength,
+            readonly: inputReadonly,
+            disabled: isDisabled,
+            rows,
+            cols,
+            style: resize ? {
+              resize
+            } : null,
+            onInput: inputEvent,
+            onChange: changeEvent,
+            onKeydown: triggerEvent,
+            onKeyup: triggerEvent,
+            onClick: triggerEvent,
+            onFocus: triggerEvent,
+            onBlur: blurEvent
+          }),
+          clearable || showWordCount ? h(
+            "div",
+            {
+              class: "vxe-textarea--suffix"
+            },
+            [
+              clearable ? h(
+                "div",
+                {
+                  class: "vxe-textarea--clear-icon",
+                  onClick: clearValueEvent
+                },
+                [
+                  h("i", {
+                    class: getIcon().TEXTAREA_CLEAR
+                  })
+                ]
+              ) : renderEmptyElement($xeTextarea),
+              showWordCount ? h(
+                "span",
+                {
+                  class: [
+                    "vxe-textarea--count",
+                    {
+                      "is--error": isCountError
+                    }
+                  ]
+                },
+                countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ""}`
+              ) : renderEmptyElement($xeTextarea)
+            ]
+          ) : renderEmptyElement($xeTextarea)
+        ]
+      );
     };
-    watch(() => props.modelValue, (val) => {
-      reactData.inputValue = val;
-      updateAutoTxt();
-    });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        reactData.inputValue = val;
+        updateAutoTxt();
+      }
+    );
     const reFlag = ref(0);
     watch(computeFormReadonly, () => {
       reFlag.value++;
@@ -400,12 +424,18 @@ var textarea_default = defineVxeComponent({
     watch(computeSizeOpts, () => {
       reFlag.value++;
     });
-    watch(() => props.autoSize, () => {
-      reFlag.value++;
-    });
-    watch(() => props.autosize, () => {
-      reFlag.value++;
-    });
+    watch(
+      () => props.autoSize,
+      () => {
+        reFlag.value++;
+      }
+    );
+    watch(
+      () => props.autosize,
+      () => {
+        reFlag.value++;
+      }
+    );
     watch(reFlag, () => {
       updateAutoTxt();
       handleResize();

package/es/timeline/src/timeline-item.js

@@ -1,7 +1,8 @@
 import { ref, h, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { createEvent } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { createEvent } = VxeUI;
 var timeline_item_default = defineVxeComponent({
   name: "VxeTimelineItem",
   props: {},

package/es/timeline/src/timeline.js

@@ -1,7 +1,8 @@
 import { ref, h, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, createEvent } = VxeUI;
 var timeline_default = defineVxeComponent({
   name: "VxeTimeline",
   props: {

package/es/tip/src/tip.js

@@ -1,8 +1,9 @@
 import { ref, h, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, useSize, usePermission, createEvent, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getSlotVNs } from "../../ui/src/vn";
+const { getConfig, useFns, createEvent, renderEmptyElement } = VxeUI;
 var tip_default = defineVxeComponent({
   name: "VxeTip",
   props: {
@@ -29,8 +30,8 @@ var tip_default = defineVxeComponent({
   setup(props, context) {
     const { slots, emit } = context;
     const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
-    const { computePermissionInfo } = usePermission(props);
+    const { computeSize } = useFns.useSize(props);
+    const { computePermissionInfo } = useFns.usePermission(props);
     const refElem = ref();
     const reactData = reactive({});
     const refMaps = {
@@ -63,32 +64,55 @@ var tip_default = defineVxeComponent({
       if (!permissionInfo.visible) {
         return renderEmptyElement($xeTip);
       }
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-tip", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          "has--title": !!(titleSlot || title)
-        }]
-      }, [
-        iconSlot || icon ? h("div", {
-          class: "vxe-tip--icon"
-        }, iconSlot ? getSlotVNs(iconSlot({})) : [
-          h("i", {
-            class: icon
-          })
-        ]) : renderEmptyElement($xeTip),
-        h("div", {
-          class: "vxe-tip--body"
-        }, [
-          titleSlot || title ? h("div", {
-            class: "vxe-tip--title"
-          }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)) : renderEmptyElement($xeTip),
-          h("div", {
-            class: "vxe-tip--content"
-          }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-tip",
+            {
+              [`size--${vSize}`]: vSize,
+              [`theme--${status}`]: status,
+              "has--title": !!(titleSlot || title)
+            }
+          ]
+        },
+        [
+          iconSlot || icon ? h(
+            "div",
+            {
+              class: "vxe-tip--icon"
+            },
+            iconSlot ? getSlotVNs(iconSlot({})) : [
+              h("i", {
+                class: icon
+              })
+            ]
+          ) : renderEmptyElement($xeTip),
+          h(
+            "div",
+            {
+              class: "vxe-tip--body"
+            },
+            [
+              titleSlot || title ? h(
+                "div",
+                {
+                  class: "vxe-tip--title"
+                },
+                titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title)
+              ) : renderEmptyElement($xeTip),
+              h(
+                "div",
+                {
+                  class: "vxe-tip--content"
+                },
+                defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content)
+              )
+            ]
+          )
+        ]
+      );
     };
     $xeTip.renderVN = renderVN;
     return $xeTip;

package/es/tooltip/src/tooltip.js

@@ -1,12 +1,12 @@
 import { h, ref, nextTick, onBeforeUnmount, onMounted, computed, reactive, watch } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { VxeUI, useFns } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getLastZIndex, nextZIndex } from "../../ui/src/utils";
 import { getPopupAppendElement, toCssUnit, updatePanelPlacement } from "../../ui/src/dom";
 import { getSlotVNs } from "../../ui/src/vn";
 import VxeScrollbarComponent from "../../scrollbar";
-const { baseUtils, getConfig, createEvent, globalEvents } = VxeUI;
+const { baseUtils, useFns, getConfig, createEvent, globalEvents } = VxeUI;
 const { getDefVal } = baseUtils;
 function createReactData() {
   return {
@@ -121,11 +121,7 @@ var tooltip_default = defineVxeComponent({
     },
     scrollbarConfig: Object
   },
-  emits: [
-    "update:modelValue",
-    "show",
-    "hide"
-  ],
+  emits: ["update:modelValue", "show", "hide"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = XEUtils.uniqueId();
@@ -245,11 +241,15 @@ var tooltip_default = defineVxeComponent({
       });
     };
     const handleDelayFn = () => {
-      internalData.showDelayTip = XEUtils.debounce(() => {
-        if (reactData.tipActive) {
-          showTip();
-        }
-      }, props.enterDelay, { leading: false, trailing: true });
+      internalData.showDelayTip = XEUtils.debounce(
+        () => {
+          if (reactData.tipActive) {
+            showTip();
+          }
+        },
+        props.enterDelay,
+        { leading: false, trailing: true }
+      );
     };
     const handleVisible = (target, content, evnt) => {
       const contentSlot = slots.content;
@@ -404,9 +404,13 @@ var tooltip_default = defineVxeComponent({
       const contVNs = [];
       if (contentSlot) {
         contVNs.push(
-          h("div", {
-            key: "ct"
-          }, getSlotVNs(contentSlot({})))
+          h(
+            "div",
+            {
+              key: "ct"
+            },
+            getSlotVNs(contentSlot({}))
+          )
         );
       } else if (XEUtils.isBoolean(useHtml) ? useHtml : useHTML) {
         contVNs.push(
@@ -416,29 +420,43 @@ var tooltip_default = defineVxeComponent({
           })
         );
       } else {
-        contVNs.push(h("span", {
-          key: "cd"
-        }, `${tipContent}`));
+        contVNs.push(
+          h(
+            "span",
+            {
+              key: "cd"
+            },
+            `${tipContent}`
+          )
+        );
       }
       if (isVScrollbar) {
-        return h(VxeScrollbarComponent, {
-          key: 5,
-          ref: contentScrollbar,
-          class: "vxe-tooltip--scrollbar-content",
-          theme,
-          viewClassName: "vxe-tooltip--scrollbar-content-view",
-          viewInnerClassName: "vxe-tooltip--scrollbar-content-inner",
-          viewStyle: wrapperStyle
-        }, {
-          default: () => contVNs
-        });
+        return h(
+          VxeScrollbarComponent,
+          {
+            key: 5,
+            ref: contentScrollbar,
+            class: "vxe-tooltip--scrollbar-content",
+            theme,
+            viewClassName: "vxe-tooltip--scrollbar-content-view",
+            viewInnerClassName: "vxe-tooltip--scrollbar-content-inner",
+            viewStyle: wrapperStyle
+          },
+          {
+            default: () => contVNs
+          }
+        );
       }
-      return h("div", {
-        key: 3,
-        ref: contentWrapperElem,
-        class: "vxe-tooltip--content",
-        style: wrapperStyle
-      }, contVNs);
+      return h(
+        "div",
+        {
+          key: 3,
+          ref: contentWrapperElem,
+          class: "vxe-tooltip--content",
+          style: wrapperStyle
+        },
+        contVNs
+      );
     };
     const renderVN = () => {
       const { popupClassName, theme, isArrow, enterable } = props;
@@ -452,48 +470,70 @@ var tooltip_default = defineVxeComponent({
           onMouseleave: wrapperMouseleaveEvent
         };
       }
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-tooltip--wrapper", `theme--${theme}`, popupClassName ? XEUtils.isFunction(popupClassName) ? popupClassName({ $tooltip: $xeTooltip }) : popupClassName : "", {
-          [`size--${vSize}`]: vSize,
-          [`placement--${tipStore.placement}`]: tipStore.placement,
-          "is--enterable": enterable,
-          "is--visible": visible,
-          "is--arrow": isArrow,
-          "is--active": tipActive
-        }],
-        style: tipStore.style,
-        ...ons
-      }, [
-        h("div", {
-          key: "tby",
-          class: "vxe-tooltip--body"
-        }, [
-          renderContent(),
-          h("div", {
-            class: "vxe-tooltip--arrow",
-            style: tipStore.arrowStyle
-          })
-        ]),
-        ...defaultSlot ? getSlotVNs(defaultSlot({})) : []
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-tooltip--wrapper",
+            `theme--${theme}`,
+            popupClassName ? XEUtils.isFunction(popupClassName) ? popupClassName({ $tooltip: $xeTooltip }) : popupClassName : "",
+            {
+              [`size--${vSize}`]: vSize,
+              [`placement--${tipStore.placement}`]: tipStore.placement,
+              "is--enterable": enterable,
+              "is--visible": visible,
+              "is--arrow": isArrow,
+              "is--active": tipActive
+            }
+          ],
+          style: tipStore.style,
+          ...ons
+        },
+        [
+          h(
+            "div",
+            {
+              key: "tby",
+              class: "vxe-tooltip--body"
+            },
+            [
+              renderContent(),
+              h("div", {
+                class: "vxe-tooltip--arrow",
+                style: tipStore.arrowStyle
+              })
+            ]
+          ),
+          ...defaultSlot ? getSlotVNs(defaultSlot({})) : []
+        ]
+      );
     };
-    watch(() => props.enterDelay, () => {
-      handleDelayFn();
-    });
-    watch(() => props.content, (val) => {
-      reactData.tipContent = val;
-    });
-    watch(() => props.modelValue, (val) => {
-      if (!reactData.isUpdate) {
-        if (val) {
-          handleVisible(reactData.target || getSelectorEl(), props.content);
-        } else {
-          $xeTooltip.close();
+    watch(
+      () => props.enterDelay,
+      () => {
+        handleDelayFn();
+      }
+    );
+    watch(
+      () => props.content,
+      (val) => {
+        reactData.tipContent = val;
+      }
+    );
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (!reactData.isUpdate) {
+          if (val) {
+            handleVisible(reactData.target || getSelectorEl(), props.content);
+          } else {
+            $xeTooltip.close();
+          }
         }
+        reactData.isUpdate = false;
       }
-      reactData.isUpdate = false;
-    });
+    );
     handleDelayFn();
     onMounted(() => {
       const $scrollbar = contentScrollbar.value;

package/es/tour/src/tour.js

@@ -1,7 +1,8 @@
 import { ref, h, reactive } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { getConfig, createEvent } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
+const { getConfig, createEvent } = VxeUI;
 var tour_default = defineVxeComponent({
   name: "VxeTour",
   props: {