vxe-pc-ui 4.20.25 → 4.20.26

package/lib/pulldown/src/pulldown.js

@@ -34,9 +34,10 @@ module.exports = __toCommonJS(pulldown_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");
+const { getConfig, globalEvents, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var pulldown_default = (0, import_comp.defineVxeComponent)({
   name: "VxePulldown",
   props: {
@@ -49,7 +50,7 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
      */
     trigger: {
       type: String,
-      default: () => (0, import_ui.getConfig)().pulldown.trigger
+      default: () => getConfig().pulldown.trigger
     },
     /**
      * 已废弃，请使用 popupConfig.zIndex
@@ -58,12 +59,12 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
     zIndex: Number,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().pulldown.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().pulldown.size || getConfig().size
     },
     options: Array,
     className: {
       type: [String, Function],
-      default: () => (0, import_ui.getConfig)().pulldown.className
+      default: () => getConfig().pulldown.className
     },
     /**
      * 已废弃，请使用 popupConfig.className
@@ -74,21 +75,14 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
     popupConfig: Object,
     destroyOnClose: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().pulldown.destroyOnClose
+      default: () => getConfig().pulldown.destroyOnClose
     },
     transfer: {
       type: Boolean,
       default: null
     }
   },
-  emits: [
-    "update:modelValue",
-    "click",
-    "option-click",
-    "show-panel",
-    "hide-panel",
-    "visible-change"
-  ],
+  emits: ["update:modelValue", "click", "option-click", "show-panel", "hide-panel", "visible-change"],
   setup(props, context) {
     const { slots, emit } = context;
     const $xeModal = (0, import_vue.inject)("$xeModal", null);
@@ -96,7 +90,7 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
     const $xeTable = (0, import_vue.inject)("$xeTable", null);
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = (0, import_vue.reactive)({
       initialized: false,
       panelIndex: 0,
@@ -119,7 +113,7 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
         return popupOpts.transfer;
       }
       if (transfer === null) {
-        const globalTransfer = (0, import_ui.getConfig)().pulldown.transfer;
+        const globalTransfer = getConfig().pulldown.transfer;
         if (import_xe_utils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -130,7 +124,7 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
       return transfer;
     });
     const computePopupOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().pulldown.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().pulldown.popupConfig, props.popupConfig);
     });
     const refMaps = {
       refElem
@@ -301,7 +295,7 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
       }
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $pulldown: $xePulldown }, params));
+      emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
     };
     pulldownMethods = {
       dispatchEvent,
@@ -319,12 +313,16 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
           class: "vxe-pulldown--panel-list"
         },
         options ? options.map((item) => {
-          return (0, import_vue.h)("div", {
-            class: "vxe-pulldown--panel-item",
-            onClick(evnt) {
-              handleOptionEvent(evnt, item);
-            }
-          }, optionSlot ? optionSlot({ $pulldown: $xePulldown, option: item }) : `${item.label || ""}`);
+          return (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-pulldown--panel-item",
+              onClick(evnt) {
+                handleOptionEvent(evnt, item);
+              }
+            },
+            optionSlot ? optionSlot({ $pulldown: $xePulldown, option: item }) : `${item.label || ""}`
+          );
         }) : []
       );
     };
@@ -339,78 +337,122 @@ var pulldown_default = (0, import_comp.defineVxeComponent)({
       const footerSlot = slots.footer;
       const dropdownSlot = slots.dropdown;
       const ppClassName = popupOpts.className || props.popupClassName;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-pulldown", className ? import_xe_utils.default.isFunction(className) ? className({ $pulldown: $xePulldown }) : className : "", {
-          [`size--${vSize}`]: vSize,
-          "is--visible": visiblePanel,
-          "is--disabled": disabled,
-          "is--active": isActivated
-        }]
-      }, [
-        (0, import_vue.h)("div", {
-          ref: refPulldownContent,
-          class: "vxe-pulldown--content",
-          onClick: clickTargetEvent
-        }, defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []),
-        (0, import_vue.h)(import_vue.Teleport, {
-          to: "body",
-          disabled: btnTransfer ? !initialized : true
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refPulldownPanel,
-            class: ["vxe-table--ignore-clear vxe-pulldown--panel", ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $pulldown: $xePulldown }) : ppClassName : "", {
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-pulldown",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $pulldown: $xePulldown }) : className : "",
+            {
               [`size--${vSize}`]: vSize,
-              "is--transfer": btnTransfer,
-              "ani--leave": isAniVisible,
-              "ani--enter": visiblePanel
-            }],
-            placement: panelPlacement,
-            style: panelStyle
-          }, [
-            (0, import_vue.h)("div", {
-              class: ["vxe-pulldown--panel-wrapper", {
-                "is--shadow": showPopupShadow
-              }]
-            }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [
-              headerSlot ? (0, import_vue.h)("div", {
-                class: "vxe-pulldown--panel-header"
-              }, headerSlot({ options, $pulldown: $xePulldown })) : (0, import_ui.renderEmptyElement)($xePulldown),
-              (0, import_vue.h)("div", {
-                class: "vxe-pulldown--panel-body"
-              }, dropdownSlot ? dropdownSlot({ options, $pulldown: $xePulldown }) : [
-                renderDefaultPanel(options)
-              ]),
-              footerSlot ? (0, import_vue.h)("div", {
-                class: "vxe-pulldown--panel-footer"
-              }, footerSlot({ options, $pulldown: $xePulldown })) : (0, import_ui.renderEmptyElement)($xePulldown)
-            ] : [])
-          ])
-        ])
-      ]);
+              "is--visible": visiblePanel,
+              "is--disabled": disabled,
+              "is--active": isActivated
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              ref: refPulldownContent,
+              class: "vxe-pulldown--content",
+              onClick: clickTargetEvent
+            },
+            defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []
+          ),
+          (0, import_vue.h)(
+            import_vue.Teleport,
+            {
+              to: "body",
+              disabled: btnTransfer ? !initialized : true
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refPulldownPanel,
+                  class: [
+                    "vxe-table--ignore-clear vxe-pulldown--panel",
+                    ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $pulldown: $xePulldown }) : ppClassName : "",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--transfer": btnTransfer,
+                      "ani--leave": isAniVisible,
+                      "ani--enter": visiblePanel
+                    }
+                  ],
+                  placement: panelPlacement,
+                  style: panelStyle
+                },
+                [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: [
+                        "vxe-pulldown--panel-wrapper",
+                        {
+                          "is--shadow": showPopupShadow
+                        }
+                      ]
+                    },
+                    initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [
+                      headerSlot ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-pulldown--panel-header"
+                        },
+                        headerSlot({ options, $pulldown: $xePulldown })
+                      ) : renderEmptyElement($xePulldown),
+                      (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-pulldown--panel-body"
+                        },
+                        dropdownSlot ? dropdownSlot({ options, $pulldown: $xePulldown }) : [renderDefaultPanel(options)]
+                      ),
+                      footerSlot ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-pulldown--panel-footer"
+                        },
+                        footerSlot({ options, $pulldown: $xePulldown })
+                      ) : renderEmptyElement($xePulldown)
+                    ] : []
+                  )
+                ]
+              )
+            ]
+          )
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.modelValue, (value) => {
-      reactData.isActivated = !!value;
-      if (value) {
-        showPanel();
-      } else {
-        hideOptionPanel();
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (value) => {
+        reactData.isActivated = !!value;
+        if (value) {
+          showPanel();
+        } else {
+          hideOptionPanel();
+        }
       }
-    });
+    );
     (0, import_vue.nextTick)(() => {
       if (props.modelValue) {
         showPanel();
       }
-      import_ui.globalEvents.on($xePulldown, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xePulldown, "blur", handleGlobalBlurEvent);
-      import_ui.globalEvents.on($xePulldown, "resize", handleGlobalResizeEvent);
-      import_ui.globalEvents.on($xePulldown, "scroll", handleGlobalScrollEvent);
+      globalEvents.on($xePulldown, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xePulldown, "blur", handleGlobalBlurEvent);
+      globalEvents.on($xePulldown, "resize", handleGlobalResizeEvent);
+      globalEvents.on($xePulldown, "scroll", handleGlobalScrollEvent);
     });
     (0, import_vue.onUnmounted)(() => {
-      import_ui.globalEvents.off($xePulldown, "mousedown");
-      import_ui.globalEvents.off($xePulldown, "blur");
-      import_ui.globalEvents.off($xePulldown, "resize");
-      import_ui.globalEvents.off($xePulldown, "scroll");
+      globalEvents.off($xePulldown, "mousedown");
+      globalEvents.off($xePulldown, "blur");
+      globalEvents.off($xePulldown, "resize");
+      globalEvents.off($xePulldown, "scroll");
     });
     $xePulldown.renderVN = renderVN;
     return $xePulldown;

package/lib/radio/src/button.js

@@ -35,8 +35,9 @@ var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_utils = require("../../ui/src/utils");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_log = require("../../ui/src/log");
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 const { warnLog } = (0, import_log.createComponentLog)("radio-button");
 var button_default = (0, import_comp.defineVxeComponent)({
   name: "VxeRadioButton",
@@ -55,11 +56,11 @@ var button_default = (0, import_comp.defineVxeComponent)({
     },
     strict: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().radioButton.strict
+      default: () => getConfig().radioButton.strict
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().radioButton.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().radioButton.size || getConfig().size
     },
     /**
      * 已废弃，被 checkedValue 替换
@@ -70,10 +71,7 @@ var button_default = (0, import_comp.defineVxeComponent)({
       default: null
     }
   },
-  emits: [
-    "update:modelValue",
-    "change"
-  ],
+  emits: ["update:modelValue", "change"],
   setup(props, context) {
     const { slots, emit } = context;
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
@@ -81,7 +79,7 @@ var button_default = (0, import_comp.defineVxeComponent)({
     const $xeRadioGroup = (0, import_vue.inject)("$xeRadioGroup", null);
     const xID = import_xe_utils.default.uniqueId();
     const reactData = (0, import_vue.reactive)({});
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const $xeRadioButton = {
       xID,
       props,
@@ -118,7 +116,7 @@ var button_default = (0, import_comp.defineVxeComponent)({
       return props.modelValue === checkValue;
     });
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $radioGroup: $xeRadioGroup }, params));
+      emit(type, createEvent(evnt, { $radioGroup: $xeRadioGroup }, params));
     };
     const radioButtonMethods = {
       dispatchEvent
@@ -167,61 +165,98 @@ var button_default = (0, import_comp.defineVxeComponent)({
         const isGroupReadonly = computeIsGroupReadonly.value;
         if (isGroupReadonly) {
           if (isChecked) {
-            return (0, import_vue.h)("label", {
-              class: ["vxe-radio vxe-radio--button-view", {
-                [`size--${vSize}`]: vSize,
-                "is--readonly": isGroupReadonly
-              }]
-            }, [
-              (0, import_vue.h)("span", {
-                class: "vxe-radio--label"
-              }, defaultSlot ? defaultSlot({}) : [
-                icon ? (0, import_vue.h)("span", {
-                  class: "vxe-radio--button-icon"
-                }, [
-                  (0, import_vue.h)("i", { class: icon })
-                ]) : (0, import_ui.renderEmptyElement)($xeRadioButton),
-                content ? (0, import_vue.h)("span", {
-                  class: "vxe-radio--button-content"
-                }, (0, import_utils.getFuncText)(content)) : (0, import_ui.renderEmptyElement)($xeRadioButton)
-              ])
-            ]);
+            return (0, import_vue.h)(
+              "label",
+              {
+                class: [
+                  "vxe-radio vxe-radio--button-view",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    "is--readonly": isGroupReadonly
+                  }
+                ]
+              },
+              [
+                (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-radio--label"
+                  },
+                  defaultSlot ? defaultSlot({}) : [
+                    icon ? (0, import_vue.h)(
+                      "span",
+                      {
+                        class: "vxe-radio--button-icon"
+                      },
+                      [(0, import_vue.h)("i", { class: icon })]
+                    ) : renderEmptyElement($xeRadioButton),
+                    content ? (0, import_vue.h)(
+                      "span",
+                      {
+                        class: "vxe-radio--button-content"
+                      },
+                      (0, import_utils.getFuncText)(content)
+                    ) : renderEmptyElement($xeRadioButton)
+                  ]
+                )
+              ]
+            );
           }
-          return (0, import_ui.renderEmptyElement)($xeRadioButton);
+          return renderEmptyElement($xeRadioButton);
         }
       }
-      return (0, import_vue.h)("label", {
-        key: `${checkValue}`,
-        class: ["vxe-radio vxe-radio--button", {
-          [`size--${vSize}`]: vSize,
-          "is--disabled": isDisabled
-        }],
-        title: props.title
-      }, [
-        (0, import_vue.h)("input", {
-          class: "vxe-radio--input",
-          type: "radio",
-          name,
-          checked: isChecked,
-          disabled: isDisabled,
-          onChange: changeEvent,
-          onClick: clickEvent
-        }),
-        (0, import_vue.h)("span", {
-          class: ["vxe-radio--label", {
-            "is--disabled": isDisabled
-          }]
-        }, defaultSlot ? defaultSlot({}) : [
-          icon ? (0, import_vue.h)("span", {
-            class: "vxe-radio--button-icon"
-          }, [
-            (0, import_vue.h)("i", { class: icon })
-          ]) : (0, import_ui.renderEmptyElement)($xeRadioButton),
-          content ? (0, import_vue.h)("span", {
-            class: "vxe-radio--button-content"
-          }, (0, import_utils.getFuncText)(content)) : (0, import_ui.renderEmptyElement)($xeRadioButton)
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "label",
+        {
+          key: `${checkValue}`,
+          class: [
+            "vxe-radio vxe-radio--button",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--disabled": isDisabled
+            }
+          ],
+          title: props.title
+        },
+        [
+          (0, import_vue.h)("input", {
+            class: "vxe-radio--input",
+            type: "radio",
+            name,
+            checked: isChecked,
+            disabled: isDisabled,
+            onChange: changeEvent,
+            onClick: clickEvent
+          }),
+          (0, import_vue.h)(
+            "span",
+            {
+              class: [
+                "vxe-radio--label",
+                {
+                  "is--disabled": isDisabled
+                }
+              ]
+            },
+            defaultSlot ? defaultSlot({}) : [
+              icon ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-radio--button-icon"
+                },
+                [(0, import_vue.h)("i", { class: icon })]
+              ) : renderEmptyElement($xeRadioButton),
+              content ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-radio--button-content"
+                },
+                (0, import_utils.getFuncText)(content)
+              ) : renderEmptyElement($xeRadioButton)
+            ]
+          )
+        ]
+      );
     };
     (0, import_vue.onMounted)(() => {
       if (props.label !== null) {

package/lib/radio/src/group.js

@@ -34,9 +34,10 @@ module.exports = __toCommonJS(group_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_radio = __toESM(require("../../radio"));
 var import_radio_button = __toESM(require("../../radio-button"));
+const { getConfig, createEvent, useFns } = import_core.VxeUI;
 function createReactData() {
   return {};
 }
@@ -60,31 +61,27 @@ var group_default = (0, import_comp.defineVxeComponent)({
     type: String,
     status: {
       type: String,
-      default: () => (0, import_ui.getConfig)().radioGroup.status
+      default: () => getConfig().radioGroup.status
     },
     options: Array,
     optionProps: Object,
     strict: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().radioGroup.strict
+      default: () => getConfig().radioGroup.strict
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().radioGroup.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().radioGroup.size || getConfig().size
     },
     defaultConfig: Object
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "default-change"
-  ],
+  emits: ["update:modelValue", "change", "default-change"],
   setup(props, context) {
     const { slots, emit } = context;
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = (0, import_vue.reactive)(createReactData());
     const internalData = createInternalData();
     const computeIsReadonly = (0, import_vue.computed)(() => {
@@ -153,7 +150,7 @@ var group_default = (0, import_comp.defineVxeComponent)({
       dispatchEvent("default-change", { value }, null);
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $radioGroup: $xeRadioGroup }, params));
+      emit(type, createEvent(evnt, { $radioGroup: $xeRadioGroup }, params));
     };
     const radioGroupMethods = {
       dispatchEvent
@@ -202,25 +199,36 @@ var group_default = (0, import_comp.defineVxeComponent)({
       const iconField = computeIconField.value;
       const titleField = computeTitleField.value;
       const btnComp = type === "button" ? import_radio_button.default : import_radio.default;
-      return (0, import_vue.h)("div", {
-        class: ["vxe-radio-group", `type--${type === "button" ? type : ""}`, {
-          [`theme--${status}`]: status,
-          [`size--${vSize}`]: vSize
-        }]
-      }, defaultSlot ? defaultSlot({}) : options ? options.map((item) => {
-        return (0, import_vue.h)(btnComp, {
-          key: item[valueField],
-          checkedValue: item[valueField],
-          content: item[labelField],
-          icon: item[iconField],
-          title: item[titleField],
-          disabled: item[disabledField]
-        });
-      }) : []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-radio-group",
+            `type--${type === "button" ? type : ""}`,
+            {
+              [`theme--${status}`]: status,
+              [`size--${vSize}`]: vSize
+            }
+          ]
+        },
+        defaultSlot ? defaultSlot({}) : options ? options.map((item) => {
+          return (0, import_vue.h)(btnComp, {
+            key: item[valueField],
+            checkedValue: item[valueField],
+            content: item[labelField],
+            icon: item[iconField],
+            title: item[titleField],
+            disabled: item[disabledField]
+          });
+        }) : []
+      );
     };
-    (0, import_vue.watch)(() => props.options, (val) => {
-      loadData(val || []);
-    });
+    (0, import_vue.watch)(
+      () => props.options,
+      (val) => {
+        loadData(val || []);
+      }
+    );
     (0, import_vue.onMounted)(() => {
       (0, import_vue.nextTick)(() => {
         const { options } = props;