vxe-pc-ui 4.20.25 → 4.20.26

package/lib/splitter/src/splitter.js

@@ -33,12 +33,13 @@ __export(splitter_exports, {
 module.exports = __toCommonJS(splitter_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_vn = require("../../ui/src/vn");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 var import_log = require("../../ui/src/log");
 var import_xe_utils = __toESM(require("xe-utils"));
+const { getConfig, getIcon, createEvent, globalEvents, globalResize, useFns, renderEmptyElement } = import_core.VxeUI;
 const { warnLog, errLog } = (0, import_log.createComponentLog)("splitter");
 var splitter_default = (0, import_comp.defineVxeComponent)({
   name: "VxeSplitter",
@@ -47,19 +48,19 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
     height: [Number, String],
     vertical: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().splitter.vertical
+      default: () => getConfig().splitter.vertical
     },
     border: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().splitter.border
+      default: () => getConfig().splitter.border
     },
     padding: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().splitter.padding
+      default: () => getConfig().splitter.padding
     },
     resize: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().splitter.resize
+      default: () => getConfig().splitter.resize
     },
     items: Array,
     itemConfig: Object,
@@ -68,24 +69,17 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
     actionConfig: Object,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().splitter.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().splitter.size || getConfig().size
     }
   },
-  emits: [
-    "action-dblclick",
-    "action-click",
-    "toggle-expand",
-    "resize-start",
-    "resize-drag",
-    "resize-end"
-  ],
+  emits: ["action-dblclick", "action-click", "toggle-expand", "resize-start", "resize-drag", "resize-end"],
   setup(props, context) {
     const { emit, slots } = context;
     const xID = import_xe_utils.default.uniqueId();
     const refElem = (0, import_vue.ref)();
     const refBarInfoElem = (0, import_vue.ref)();
     const refResizableSplitterTip = (0, import_vue.ref)();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = (0, import_vue.reactive)({
       staticItems: [],
       itemList: [],
@@ -98,16 +92,16 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       wrapperHeight: 0
     };
     const computeItemOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().splitter.itemConfig, props.itemConfig);
+      return Object.assign({}, getConfig().splitter.itemConfig, props.itemConfig);
     });
     const computeBarOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().splitter.barConfig, props.barConfig);
+      return Object.assign({}, getConfig().splitter.barConfig, props.barConfig);
     });
     const computeResizeOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().splitter.resizeConfig, props.resizeConfig);
+      return Object.assign({}, getConfig().splitter.resizeConfig, props.resizeConfig);
     });
     const computeActionOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().splitter.actionConfig, props.actionConfig);
+      return Object.assign({}, getConfig().splitter.actionConfig, props.actionConfig);
     });
     const computeVisibleItems = (0, import_vue.computed)(() => {
       return reactData.itemList.filter((item) => item.isExpand);
@@ -117,21 +111,23 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       const autoItems = [];
       let heightCount = 0;
       let widthCount = 0;
-      reactData.itemList.forEach(vertical ? (item) => {
-        const { renderHeight, resizeHeight, foldHeight, isExpand, height } = item;
-        const itemHeight = isExpand ? foldHeight || resizeHeight || renderHeight : 0;
-        if (!height) {
-          autoItems.push(item);
-        }
-        heightCount += itemHeight;
-      } : (item) => {
-        const { renderWidth, resizeWidth, foldWidth, isExpand, width } = item;
-        const itemWidth = isExpand ? foldWidth || resizeWidth || renderWidth : 0;
-        if (!width) {
-          autoItems.push(item);
-        }
-        widthCount += itemWidth;
-      });
+      reactData.itemList.forEach(
+        vertical ? (item) => {
+          const { renderHeight, resizeHeight, foldHeight, isExpand, height } = item;
+          const itemHeight = isExpand ? foldHeight || resizeHeight || renderHeight : 0;
+          if (!height) {
+            autoItems.push(item);
+          }
+          heightCount += itemHeight;
+        } : (item) => {
+          const { renderWidth, resizeWidth, foldWidth, isExpand, width } = item;
+          const itemWidth = isExpand ? foldWidth || resizeWidth || renderWidth : 0;
+          if (!width) {
+            autoItems.push(item);
+          }
+          widthCount += itemWidth;
+        }
+      );
       return {
         autoItems,
         heightCount,
@@ -177,7 +173,7 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $splitter: $xeSplitter }, params));
+      emit(type, createEvent(evnt, { $splitter: $xeSplitter }, params));
     };
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
@@ -211,7 +207,7 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
         }
       }
       if (iconName) {
-        return (0, import_ui.getIcon)()[iconName];
+        return getIcon()[iconName];
       }
       return "";
     };
@@ -745,39 +741,60 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       const showNextButton = import_xe_utils.default.isBoolean(actionOpts.showNextButton) ? actionOpts.showNextButton : direction === "next" && itemList.some((item) => item.showAction);
       const resizeOpts = computeResizeOpts.value;
       const { immediate } = resizeOpts;
-      return (0, import_vue.h)("div", {
-        class: ["vxe-splitter-panel-handle", vertical ? "is--vertical" : "is--horizontal", immediate ? "is-resize--immediate" : "is-resize--lazy", {
-          "is--resize": resize,
-          "is--border": border
-        }]
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-splitter-panel-handle-bar",
-          onMousedown: dragEvent
-        }),
-        itemList.length === 2 ? (0, import_vue.h)("div", {
-          class: "vxe-splitter-panel-action-btn-wrapper"
-        }, [
-          showPrevButton && nextItem.isExpand ? (0, import_vue.h)("div", {
-            class: ["vxe-splitter-panel-action-btn", prevItem.isExpand ? "is--prev" : "is--next"],
-            onDblclick: handlePrevActionDblclickEvent,
-            onClick: handlePrevActionClickEvent
-          }, [
-            (0, import_vue.h)("i", {
-              class: getActionIcon(prevItem, nextItem, false)
-            })
-          ]) : (0, import_ui.renderEmptyElement)($xeSplitter),
-          showNextButton && prevItem.isExpand ? (0, import_vue.h)("div", {
-            class: ["vxe-splitter-panel-action-btn", nextItem.isExpand ? "is--next" : "is--prev"],
-            onDblclick: handleNextActionDblclickEvent,
-            onClick: handleNextActionClickEvent
-          }, [
-            (0, import_vue.h)("i", {
-              class: getActionIcon(prevItem, nextItem, true)
-            })
-          ]) : (0, import_ui.renderEmptyElement)($xeSplitter)
-        ]) : (0, import_ui.renderEmptyElement)($xeSplitter)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-splitter-panel-handle",
+            vertical ? "is--vertical" : "is--horizontal",
+            immediate ? "is-resize--immediate" : "is-resize--lazy",
+            {
+              "is--resize": resize,
+              "is--border": border
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)("div", {
+            class: "vxe-splitter-panel-handle-bar",
+            onMousedown: dragEvent
+          }),
+          itemList.length === 2 ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-splitter-panel-action-btn-wrapper"
+            },
+            [
+              showPrevButton && nextItem.isExpand ? (0, import_vue.h)(
+                "div",
+                {
+                  class: ["vxe-splitter-panel-action-btn", prevItem.isExpand ? "is--prev" : "is--next"],
+                  onDblclick: handlePrevActionDblclickEvent,
+                  onClick: handlePrevActionClickEvent
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: getActionIcon(prevItem, nextItem, false)
+                  })
+                ]
+              ) : renderEmptyElement($xeSplitter),
+              showNextButton && prevItem.isExpand ? (0, import_vue.h)(
+                "div",
+                {
+                  class: ["vxe-splitter-panel-action-btn", nextItem.isExpand ? "is--next" : "is--prev"],
+                  onDblclick: handleNextActionDblclickEvent,
+                  onClick: handleNextActionClickEvent
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: getActionIcon(prevItem, nextItem, true)
+                  })
+                ]
+              ) : renderEmptyElement($xeSplitter)
+            ]
+          ) : renderEmptyElement($xeSplitter)
+        ]
+      );
     };
     const renderItems = () => {
       const { border, padding, resize, vertical } = props;
@@ -822,41 +839,65 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
           }
         }
         itemVNs.push(
-          (0, import_vue.h)("div", {
-            itemid: id,
-            class: ["vxe-splitter-panel", vertical ? "is--vertical" : "is--horizontal", immediate ? "is-resize--immediate" : "is-resize--lazy", {
-              [`size--${vSize}`]: vSize,
-              "is--resize": resize,
-              "is--padding": padding,
-              "is--border": border,
-              "is--height": itemHeight,
-              "is--width": itemWidth,
-              "is--visible": isExpand,
-              "is--hidden": !isExpand,
-              "is--fill": isExpand && isFill
-            }],
-            style: stys
-          }, [
-            (0, import_vue.h)("div", {
+          (0, import_vue.h)(
+            "div",
+            {
               itemid: id,
-              class: "vxe-splitter-panel--wrapper"
-            }, [
-              (0, import_vue.h)("div", {
-                class: "vxe-splitter-panel--inner"
-              }, defaultSlot ? callSlot(defaultSlot, { name, isExpand }) : [])
-            ])
-          ])
+              class: [
+                "vxe-splitter-panel",
+                vertical ? "is--vertical" : "is--horizontal",
+                immediate ? "is-resize--immediate" : "is-resize--lazy",
+                {
+                  [`size--${vSize}`]: vSize,
+                  "is--resize": resize,
+                  "is--padding": padding,
+                  "is--border": border,
+                  "is--height": itemHeight,
+                  "is--width": itemWidth,
+                  "is--visible": isExpand,
+                  "is--hidden": !isExpand,
+                  "is--fill": isExpand && isFill
+                }
+              ],
+              style: stys
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  itemid: id,
+                  class: "vxe-splitter-panel--wrapper"
+                },
+                [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-splitter-panel--inner"
+                    },
+                    defaultSlot ? callSlot(defaultSlot, { name, isExpand }) : []
+                  )
+                ]
+              )
+            ]
+          )
         );
         if (nextItem) {
           itemVNs.push(renderHandleBar(prevItem, nextItem));
         }
       });
-      return (0, import_vue.h)("div", {
-        class: ["vxe-splitter-wrapper", {
-          "is--ah-btn": autoHideButton,
-          "is--only-view": isOnlyView
-        }]
-      }, itemVNs);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-splitter-wrapper",
+            {
+              "is--ah-btn": autoHideButton,
+              "is--only-view": isOnlyView
+            }
+          ]
+        },
+        itemVNs
+      );
     };
     const renderVN = () => {
       const { vertical } = props;
@@ -865,69 +906,103 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       const wrapperStyle = computeWrapperStyle.value;
       const { immediate, showTip } = resizeOpts;
       const defaultSlot = slots.default;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-splitter", vertical ? "is--vertical" : "is--horizontal", immediate ? "is-resize--immediate" : "is-resize--lazy", {
-          [`size--${vSize}`]: vSize
-        }],
-        style: wrapperStyle
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-splitter-slots"
-        }, defaultSlot ? defaultSlot({}) : []),
-        renderItems(),
-        (0, import_vue.h)("div", {
-          ref: refResizableSplitterTip,
-          class: ["vxe-splitter--resizable-splitter-tip", vertical ? "is--vertical" : "is--horizontal", immediate ? "is-resize--immediate" : "is-resize--lazy"]
-        }, showTip ? [
-          (0, import_vue.h)("div", {
-            class: "vxe-splitter--resizable-splitter-tip-number"
-          }, [
-            (0, import_vue.h)("div", {
-              class: "vxe-splitter--resizable-splitter-number-prev"
-            }),
-            (0, import_vue.h)("div", {
-              class: "vxe-splitter--resizable-splitter-number-next"
-            })
-          ])
-        ] : []),
-        (0, import_vue.h)("div", {
-          class: "vxe-splitter--render-vars"
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refBarInfoElem,
-            class: "vxe-splitter--handle-bar-info"
-          })
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-splitter",
+            vertical ? "is--vertical" : "is--horizontal",
+            immediate ? "is-resize--immediate" : "is-resize--lazy",
+            {
+              [`size--${vSize}`]: vSize
+            }
+          ],
+          style: wrapperStyle
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-splitter-slots"
+            },
+            defaultSlot ? defaultSlot({}) : []
+          ),
+          renderItems(),
+          (0, import_vue.h)(
+            "div",
+            {
+              ref: refResizableSplitterTip,
+              class: ["vxe-splitter--resizable-splitter-tip", vertical ? "is--vertical" : "is--horizontal", immediate ? "is-resize--immediate" : "is-resize--lazy"]
+            },
+            showTip ? [
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-splitter--resizable-splitter-tip-number"
+                },
+                [
+                  (0, import_vue.h)("div", {
+                    class: "vxe-splitter--resizable-splitter-number-prev"
+                  }),
+                  (0, import_vue.h)("div", {
+                    class: "vxe-splitter--resizable-splitter-number-next"
+                  })
+                ]
+              )
+            ] : []
+          ),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-splitter--render-vars"
+            },
+            [
+              (0, import_vue.h)("div", {
+                ref: refBarInfoElem,
+                class: "vxe-splitter--handle-bar-info"
+              })
+            ]
+          )
+        ]
+      );
     };
     const itemFlag = (0, import_vue.ref)(0);
-    (0, import_vue.watch)(() => props.items ? props.items.length : -1, () => {
-      itemFlag.value++;
-    });
-    (0, import_vue.watch)(() => props.items, () => {
-      itemFlag.value++;
-    });
+    (0, import_vue.watch)(
+      () => props.items ? props.items.length : -1,
+      () => {
+        itemFlag.value++;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.items,
+      () => {
+        itemFlag.value++;
+      }
+    );
     (0, import_vue.watch)(itemFlag, () => {
       loadItem(props.items || []);
     });
-    (0, import_vue.watch)(() => reactData.staticItems, (val) => {
-      const actionOpts = computeActionOpts.value;
-      const { showPrevButton, showNextButton } = actionOpts;
-      if (props.items && props.items.length) {
-        errLog("vxe.error.errConflicts", ["<vxe-splitter-panel ...>", "items"]);
-      }
-      reactData.itemList = val || [];
-      if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
-        errLog("vxe.error.modelConflicts", ["action-config.showPrevButton | action-config.showNextButton", "<vxe-splitter-panel ...> Only supports 2 panel"]);
-      }
-      reactData.itemList.forEach((item) => {
-        if (item.showAction) {
-          warnLog("vxe.error.removeProp", ["showAction"]);
+    (0, import_vue.watch)(
+      () => reactData.staticItems,
+      (val) => {
+        const actionOpts = computeActionOpts.value;
+        const { showPrevButton, showNextButton } = actionOpts;
+        if (props.items && props.items.length) {
+          errLog("vxe.error.errConflicts", ["<vxe-splitter-panel ...>", "items"]);
         }
-      });
-      recalculate();
-    });
+        reactData.itemList = val || [];
+        if ((showPrevButton || showNextButton) && reactData.itemList.length > 2) {
+          errLog("vxe.error.modelConflicts", ["action-config.showPrevButton | action-config.showNextButton", "<vxe-splitter-panel ...> Only supports 2 panel"]);
+        }
+        reactData.itemList.forEach((item) => {
+          if (item.showAction) {
+            warnLog("vxe.error.removeProp", ["showAction"]);
+          }
+        });
+        recalculate();
+      }
+    );
     let resizeObserver;
     (0, import_vue.onMounted)(() => {
       (0, import_vue.nextTick)(() => {
@@ -935,7 +1010,7 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       });
       const el = refElem.value;
       if (el) {
-        resizeObserver = import_ui.globalResize.create(() => {
+        resizeObserver = globalResize.create(() => {
           recalculate();
         });
         resizeObserver.observe(el);
@@ -944,13 +1019,13 @@ var splitter_default = (0, import_comp.defineVxeComponent)({
       if (actionOpts.direction) {
         errLog("vxe.error.delProp", ["action-config.direction", "action-config.showPrevButton | action-config.showNextButton"]);
       }
-      import_ui.globalEvents.on($xeSplitter, "resize", handleGlobalResizeEvent);
+      globalEvents.on($xeSplitter, "resize", handleGlobalResizeEvent);
     });
     (0, import_vue.onUnmounted)(() => {
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
-      import_ui.globalEvents.off($xeSplitter, "resize");
+      globalEvents.off($xeSplitter, "resize");
     });
     (0, import_vue.onActivated)(() => {
       recalculate();

package/lib/steps/src/steps.js

@@ -34,7 +34,8 @@ module.exports = __toCommonJS(steps_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");
+const { createEvent } = import_core.VxeUI;
 var steps_default = (0, import_comp.defineVxeComponent)({
   name: "VxeSteps",
   props: {},
@@ -57,7 +58,7 @@ var steps_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $steps: $xeSteps }, params));
+      emit(type, createEvent(evnt, { $steps: $xeSteps }, params));
     };
     const stepsMethods = {
       dispatchEvent
@@ -65,10 +66,14 @@ var steps_default = (0, import_comp.defineVxeComponent)({
     const stepsPrivateMethods = {};
     Object.assign($xeSteps, stepsMethods, stepsPrivateMethods);
     const renderVN = () => {
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: "vxe-steps"
-      }, []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-steps"
+        },
+        []
+      );
     };
     $xeSteps.renderVN = renderVN;
     return $xeSteps;