vxe-pc-ui 4.20.25 → 4.20.26

package/lib/checkbox/src/button.js

@@ -35,9 +35,10 @@ 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 { warnLog } = (0, import_log.createComponentLog)("checkbox-button");
+const { getConfig, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var button_default = (0, import_comp.defineVxeComponent)({
   name: "VxeCheckboxButton",
   props: {
@@ -67,13 +68,10 @@ var button_default = (0, import_comp.defineVxeComponent)({
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().checkboxButton.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().checkboxButton.size || getConfig().size
     }
   },
-  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 $xeCheckboxGroup = (0, import_vue.inject)("$xeCheckboxGroup", 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 $xeCheckboxButton = {
       xID,
       props,
@@ -136,7 +134,7 @@ var button_default = (0, import_comp.defineVxeComponent)({
     };
     const checkboxButtonMethods = {
       dispatchEvent(type, params, evnt) {
-        emit(type, (0, import_ui.createEvent)(evnt, { $checkboxButton: $xeCheckboxButton }, params));
+        emit(type, createEvent(evnt, { $checkboxButton: $xeCheckboxButton }, params));
       }
     };
     const checkboxButtonPrivateMethods = {};
@@ -153,59 +151,96 @@ var button_default = (0, import_comp.defineVxeComponent)({
         const isGroupReadonly = computeIsGroupReadonly.value;
         if (isGroupReadonly) {
           if (isChecked) {
-            return (0, import_vue.h)("label", {
-              class: ["vxe-checkbox vxe-checkbox--button-view", {
-                [`size--${vSize}`]: vSize,
-                "is--readonly": isGroupReadonly
-              }]
-            }, [
-              (0, import_vue.h)("span", {
-                class: "vxe-checkbox--label"
-              }, defaultSlot ? defaultSlot({}) : [
-                icon ? (0, import_vue.h)("span", {
-                  class: "vxe-checkbox--button-icon"
-                }, [
-                  (0, import_vue.h)("i", { class: icon })
-                ]) : (0, import_ui.renderEmptyElement)($xeCheckboxButton),
-                content ? (0, import_vue.h)("span", {
-                  class: "vxe-checkbox--button-content"
-                }, (0, import_utils.getFuncText)(content)) : (0, import_ui.renderEmptyElement)($xeCheckboxButton)
-              ])
-            ]);
+            return (0, import_vue.h)(
+              "label",
+              {
+                class: [
+                  "vxe-checkbox vxe-checkbox--button-view",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    "is--readonly": isGroupReadonly
+                  }
+                ]
+              },
+              [
+                (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-checkbox--label"
+                  },
+                  defaultSlot ? defaultSlot({}) : [
+                    icon ? (0, import_vue.h)(
+                      "span",
+                      {
+                        class: "vxe-checkbox--button-icon"
+                      },
+                      [(0, import_vue.h)("i", { class: icon })]
+                    ) : renderEmptyElement($xeCheckboxButton),
+                    content ? (0, import_vue.h)(
+                      "span",
+                      {
+                        class: "vxe-checkbox--button-content"
+                      },
+                      (0, import_utils.getFuncText)(content)
+                    ) : renderEmptyElement($xeCheckboxButton)
+                  ]
+                )
+              ]
+            );
           }
-          return (0, import_ui.renderEmptyElement)($xeCheckboxButton);
+          return renderEmptyElement($xeCheckboxButton);
         }
       }
-      return (0, import_vue.h)("label", {
-        key: `${checkValue}`,
-        class: ["vxe-checkbox vxe-checkbox--button", {
-          [`size--${vSize}`]: vSize,
-          "is--disabled": isDisabled
-        }],
-        title: props.title
-      }, [
-        (0, import_vue.h)("input", {
-          class: "vxe-checkbox--input",
-          type: "checkbox",
-          disabled: isDisabled,
-          checked: isChecked,
-          onChange: changeEvent
-        }),
-        (0, import_vue.h)("span", {
-          class: ["vxe-checkbox--label", {
-            "is--disabled": isDisabled
-          }]
-        }, defaultSlot ? defaultSlot({}) : [
-          icon ? (0, import_vue.h)("span", {
-            class: "vxe-checkbox--button-icon"
-          }, [
-            (0, import_vue.h)("i", { class: icon })
-          ]) : (0, import_ui.renderEmptyElement)($xeCheckboxButton),
-          content ? (0, import_vue.h)("span", {
-            class: "vxe-checkbox--button-content"
-          }, (0, import_utils.getFuncText)(content)) : (0, import_ui.renderEmptyElement)($xeCheckboxButton)
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "label",
+        {
+          key: `${checkValue}`,
+          class: [
+            "vxe-checkbox vxe-checkbox--button",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--disabled": isDisabled
+            }
+          ],
+          title: props.title
+        },
+        [
+          (0, import_vue.h)("input", {
+            class: "vxe-checkbox--input",
+            type: "checkbox",
+            disabled: isDisabled,
+            checked: isChecked,
+            onChange: changeEvent
+          }),
+          (0, import_vue.h)(
+            "span",
+            {
+              class: [
+                "vxe-checkbox--label",
+                {
+                  "is--disabled": isDisabled
+                }
+              ]
+            },
+            defaultSlot ? defaultSlot({}) : [
+              icon ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-checkbox--button-icon"
+                },
+                [(0, import_vue.h)("i", { class: icon })]
+              ) : renderEmptyElement($xeCheckboxButton),
+              content ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-checkbox--button-content"
+                },
+                (0, import_utils.getFuncText)(content)
+              ) : renderEmptyElement($xeCheckboxButton)
+            ]
+          )
+        ]
+      );
     };
     (0, import_vue.onMounted)(() => {
       if (props.label !== null) {

package/lib/checkbox/src/checkbox.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, getIcon, renderEmptyElement } = import_core.VxeUI;
 const { warnLog } = (0, import_log.createComponentLog)("checkbox");
 var checkbox_default = (0, import_comp.defineVxeComponent)({
   name: "VxeCheckbox",
@@ -67,13 +68,10 @@ var checkbox_default = (0, import_comp.defineVxeComponent)({
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().checkbox.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().checkbox.size || getConfig().size
     }
   },
-  emits: [
-    "update:modelValue",
-    "change"
-  ],
+  emits: ["update:modelValue", "change"],
   setup(props, context) {
     const { slots, emit } = context;
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
@@ -88,7 +86,7 @@ var checkbox_default = (0, import_comp.defineVxeComponent)({
       reactData
     };
     let checkboxMethods = {};
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const computeCheckValue = (0, import_vue.computed)(() => {
       const { checkedValue, label } = props;
       return import_xe_utils.default.isUndefined(checkedValue) ? label : checkedValue;
@@ -136,7 +134,7 @@ var checkbox_default = (0, import_comp.defineVxeComponent)({
       }
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $checkbox: $xeCheckbox }, params));
+      emit(type, createEvent(evnt, { $checkbox: $xeCheckbox }, params));
     };
     checkboxMethods = {
       dispatchEvent
@@ -155,44 +153,66 @@ var checkbox_default = (0, import_comp.defineVxeComponent)({
         const isGroupReadonly = computeIsGroupReadonly.value;
         if (isGroupReadonly) {
           if (isChecked) {
-            return (0, import_vue.h)("label", {
-              class: ["vxe-checkbox vxe-checkbox--view", {
-                [`size--${vSize}`]: vSize,
-                "is--readonly": isGroupReadonly
-              }]
-            }, [
-              (0, import_vue.h)("span", {
-                class: "vxe-checkbox--label"
-              }, defaultSlot ? defaultSlot({}) : (0, import_utils.getFuncText)(content))
-            ]);
+            return (0, import_vue.h)(
+              "label",
+              {
+                class: [
+                  "vxe-checkbox vxe-checkbox--view",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    "is--readonly": isGroupReadonly
+                  }
+                ]
+              },
+              [
+                (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-checkbox--label"
+                  },
+                  defaultSlot ? defaultSlot({}) : (0, import_utils.getFuncText)(content)
+                )
+              ]
+            );
           }
-          return (0, import_ui.renderEmptyElement)($xeCheckbox);
+          return renderEmptyElement($xeCheckbox);
         }
       }
-      return (0, import_vue.h)("label", {
-        key: `${checkValue}`,
-        class: ["vxe-checkbox vxe-checkbox--default", {
-          [`size--${vSize}`]: vSize,
-          "is--indeterminate": indeterminate,
-          "is--disabled": isDisabled,
-          "is--checked": isChecked
-        }],
-        title: props.title
-      }, [
-        (0, import_vue.h)("input", {
-          class: "vxe-checkbox--input",
-          type: "checkbox",
-          disabled: isDisabled,
-          checked: isChecked,
-          onChange: changeEvent
-        }),
-        (0, import_vue.h)("span", {
-          class: ["vxe-checkbox--icon", indeterminate ? (0, import_ui.getIcon)().CHECKBOX_INDETERMINATE : isChecked ? (0, import_ui.getIcon)().CHECKBOX_CHECKED : isDisabled ? (0, import_ui.getIcon)().CHECKBOX_DISABLED_UNCHECKED : (0, import_ui.getIcon)().CHECKBOX_UNCHECKED]
-        }),
-        (0, import_vue.h)("span", {
-          class: "vxe-checkbox--label"
-        }, defaultSlot ? defaultSlot({}) : (0, import_utils.getFuncText)(content))
-      ]);
+      return (0, import_vue.h)(
+        "label",
+        {
+          key: `${checkValue}`,
+          class: [
+            "vxe-checkbox vxe-checkbox--default",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--indeterminate": indeterminate,
+              "is--disabled": isDisabled,
+              "is--checked": isChecked
+            }
+          ],
+          title: props.title
+        },
+        [
+          (0, import_vue.h)("input", {
+            class: "vxe-checkbox--input",
+            type: "checkbox",
+            disabled: isDisabled,
+            checked: isChecked,
+            onChange: changeEvent
+          }),
+          (0, import_vue.h)("span", {
+            class: ["vxe-checkbox--icon", indeterminate ? getIcon().CHECKBOX_INDETERMINATE : isChecked ? getIcon().CHECKBOX_CHECKED : isDisabled ? getIcon().CHECKBOX_DISABLED_UNCHECKED : getIcon().CHECKBOX_UNCHECKED]
+          }),
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-checkbox--label"
+            },
+            defaultSlot ? defaultSlot({}) : (0, import_utils.getFuncText)(content)
+          )
+        ]
+      );
     };
     (0, import_vue.onMounted)(() => {
       if (props.label !== null) {

package/lib/checkbox/src/group.js

@@ -33,10 +33,11 @@ __export(group_exports, {
 module.exports = __toCommonJS(group_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_xe_utils = __toESM(require("xe-utils"));
 var import_checkbox = __toESM(require("../../checkbox"));
 var import_checkbox_button = __toESM(require("../../checkbox-button"));
+const { getConfig, createEvent, useFns } = import_core.VxeUI;
 function createReactData() {
   return {};
 }
@@ -62,7 +63,7 @@ var group_default = (0, import_comp.defineVxeComponent)({
     },
     status: {
       type: String,
-      default: () => (0, import_ui.getConfig)().checkboxGroup.status
+      default: () => getConfig().checkboxGroup.status
     },
     max: {
       type: [String, Number],
@@ -70,15 +71,11 @@ var group_default = (0, import_comp.defineVxeComponent)({
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().checkboxGroup.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().checkboxGroup.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);
@@ -151,9 +148,9 @@ var group_default = (0, import_comp.defineVxeComponent)({
       reactData,
       getComputeMaps: () => computeMaps
     };
-    (0, import_ui.useSize)(props);
+    useFns.useSize(props);
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
+      emit(type, createEvent(evnt, { $checkboxGroup: $xeCheckboxGroup }, params));
     };
     const emitModel = (value) => {
       emit("update:modelValue", value);
@@ -222,26 +219,37 @@ var group_default = (0, import_comp.defineVxeComponent)({
       const isReadonly = computeIsReadonly.value;
       const isDisabled = computeIsDisabled.value;
       const btnComp = type === "button" ? import_checkbox_button.default : import_checkbox.default;
-      return (0, import_vue.h)("div", {
-        class: ["vxe-checkbox-group", `type--${type === "button" ? type : ""}`, {
-          [`theme--${status}`]: status,
-          "is--readonly": isReadonly,
-          "is--disabled": isDisabled
-        }]
-      }, 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-checkbox-group",
+            `type--${type === "button" ? type : ""}`,
+            {
+              [`theme--${status}`]: status,
+              "is--readonly": isReadonly,
+              "is--disabled": isDisabled
+            }
+          ]
+        },
+        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;

package/lib/collapse/src/collapse-pane.js

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(collapse_pane_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_util = require("./util");
+const { createEvent } = import_core.VxeUI;
 var collapse_pane_default = (0, import_comp.defineVxeComponent)({
   name: "VxeCollapsePane",
   props: {
@@ -74,7 +75,7 @@ var collapse_pane_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $collapsePane: $xeCollapsePane }, params));
+      emit(type, createEvent(evnt, { $collapsePane: $xeCollapsePane }, params));
     };
     const collapsePaneMethods = {
       dispatchEvent
@@ -82,22 +83,38 @@ var collapse_pane_default = (0, import_comp.defineVxeComponent)({
     const collapsePanePrivateMethods = {};
     Object.assign($xeCollapsePane, collapsePaneMethods, collapsePanePrivateMethods);
     const renderVN = () => {
-      return (0, import_vue.h)("div", {
-        ref: refElem
-      }, []);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem
+        },
+        []
+      );
     };
-    (0, import_vue.watch)(() => props.title, (val) => {
-      collapseConfig.title = val;
-    });
-    (0, import_vue.watch)(() => props.name, (val) => {
-      collapseConfig.name = val;
-    });
-    (0, import_vue.watch)(() => props.icon, (val) => {
-      collapseConfig.icon = val;
-    });
-    (0, import_vue.watch)(() => props.permissionCode, (val) => {
-      collapseConfig.permissionCode = val;
-    });
+    (0, import_vue.watch)(
+      () => props.title,
+      (val) => {
+        collapseConfig.title = val;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.name,
+      (val) => {
+        collapseConfig.name = val;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.icon,
+      (val) => {
+        collapseConfig.icon = val;
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.permissionCode,
+      (val) => {
+        collapseConfig.permissionCode = val;
+      }
+    );
     (0, import_vue.onMounted)(() => {
       const elem = refElem.value;
       if ($xeCollapse && elem) {