vxe-pc-ui 4.20.24 → 4.20.26

package/lib/password-input/src/password-input.js

@@ -34,10 +34,11 @@ module.exports = __toCommonJS(password_input_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_utils = require("../../ui/src/utils");
 var import_vn = require("../../ui/src/vn");
 var import_dom = require("../../ui/src/dom");
+const { getConfig, getIcon, getI18n, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 var password_input_default = (0, import_comp.defineVxeComponent)({
   name: "VxePasswordInput",
   props: {
@@ -49,7 +50,7 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
     name: String,
     clearable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().passwordInput.clearable
+      default: () => getConfig().passwordInput.clearable
     },
     readonly: Boolean,
     disabled: Boolean,
@@ -57,11 +58,11 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
     placeholder: String,
     floatContent: {
       type: String,
-      default: () => (0, import_ui.getConfig)().passwordInput.floatContent
+      default: () => getConfig().passwordInput.floatContent
     },
     floatAlign: {
       type: String,
-      default: () => (0, import_ui.getConfig)().passwordInput.floatAlign
+      default: () => getConfig().passwordInput.floatAlign
     },
     autoComplete: {
       type: String,
@@ -70,18 +71,18 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
     className: String,
     inputClassName: {
       type: String,
-      default: () => (0, import_ui.getConfig)().passwordInput.inputClassName
+      default: () => getConfig().passwordInput.inputClassName
     },
     width: [String, Number],
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().passwordInput.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().passwordInput.size || getConfig().size
     },
     prefixIcon: String,
     suffixIcon: String,
     controls: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().passwordInput.controls
+      default: () => getConfig().passwordInput.controls
     },
     editable: {
       type: Boolean,
@@ -90,25 +91,13 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
     // 已废弃
     autocomplete: String
   },
-  emits: [
-    "update:modelValue",
-    "input",
-    "change",
-    "click",
-    "focus",
-    "blur",
-    "clear",
-    "lazy-change",
-    "toggle-visible",
-    "prefix-click",
-    "suffix-click"
-  ],
+  emits: ["update:modelValue", "input", "change", "click", "focus", "blur", "clear", "lazy-change", "toggle-visible", "prefix-click", "suffix-click"],
   setup(props, context) {
     const { emit, slots } = 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)({
       showPwd: false,
       isActivated: false,
@@ -135,14 +124,14 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
       if (placeholder) {
         return (0, import_utils.getFuncText)(placeholder);
       }
-      const globalPlaceholder = (0, import_ui.getConfig)().passwordInput.placeholder;
+      const globalPlaceholder = getConfig().passwordInput.placeholder;
       if (globalPlaceholder) {
         return (0, import_utils.getFuncText)(globalPlaceholder);
       }
-      return (0, import_ui.getI18n)("vxe.base.pleaseInput");
+      return getI18n("vxe.base.pleaseInput");
     });
     const computeFormReadonly = (0, import_vue.computed)(() => {
-      if ((0, import_ui.getConfig)().inputReadonly === "obsolete") {
+      if (getConfig().inputReadonly === "obsolete") {
         if ($xeForm) {
           return $xeForm.props.readonly;
         }
@@ -196,7 +185,7 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
       return stys;
     });
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $passwordInput: $xePasswordInput }, params));
+      emit(type, createEvent(evnt, { $passwordInput: $xePasswordInput }, params));
     };
     const updateDomValue = () => {
       const domValue = computeDomValue.value;
@@ -310,30 +299,42 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
     Object.assign($xePasswordInput, passwordInputMethods);
     const renderPasswordIcon = () => {
       const { showPwd } = reactData;
-      return (0, import_vue.h)("div", {
-        class: "vxe-password-input--control-icon",
-        onClick: passwordToggleEvent
-      }, [
-        (0, import_vue.h)("i", {
-          class: ["vxe-password-input--password-icon", showPwd ? (0, import_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD : (0, import_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]
-        })
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-password-input--control-icon",
+          onClick: passwordToggleEvent
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: ["vxe-password-input--password-icon", showPwd ? getIcon().PASSWORD_INPUT_SHOW_PWD : getIcon().PASSWORD_INPUT_HIDE_PWD]
+          })
+        ]
+      );
     };
     const renderPrefixIcon = () => {
       const { prefixIcon } = props;
       const prefixSlot = slots.prefix;
-      return prefixSlot || prefixIcon ? (0, import_vue.h)("div", {
-        class: "vxe-password-input--prefix",
-        onClick: clickPrefixEvent
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-password-input--prefix-icon"
-        }, prefixSlot ? (0, import_vn.getSlotVNs)(prefixSlot({})) : [
-          (0, import_vue.h)("i", {
-            class: prefixIcon
-          })
-        ])
-      ]) : null;
+      return prefixSlot || prefixIcon ? (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-password-input--prefix",
+          onClick: clickPrefixEvent
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-password-input--prefix-icon"
+            },
+            prefixSlot ? (0, import_vn.getSlotVNs)(prefixSlot({})) : [
+              (0, import_vue.h)("i", {
+                class: prefixIcon
+              })
+            ]
+          )
+        ]
+      ) : null;
     };
     const renderSuffixIcon = () => {
       const { suffixIcon, controls } = props;
@@ -341,29 +342,44 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
       const isDisabled = computeIsDisabled.value;
       const isClearable = computeIsClearable.value;
       const suffixSlot = slots.suffix;
-      return isClearable || controls || suffixSlot || suffixIcon ? (0, import_vue.h)("div", {
-        class: ["vxe-password-input--suffix", {
-          "is--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
-        }]
-      }, [
-        isClearable ? (0, import_vue.h)("div", {
-          class: "vxe-password-input--clear-icon",
-          onClick: clearValueEvent
-        }, [
-          (0, import_vue.h)("i", {
-            class: (0, import_ui.getIcon)().INPUT_CLEAR
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xePasswordInput),
-        controls ? renderPasswordIcon() : (0, import_ui.renderEmptyElement)($xePasswordInput),
-        suffixSlot || suffixIcon ? (0, import_vue.h)("div", {
-          class: "vxe-password-input--suffix-icon",
-          onClick: clickSuffixEvent
-        }, suffixSlot ? (0, import_vn.getSlotVNs)(suffixSlot({})) : [
-          (0, import_vue.h)("i", {
-            class: suffixIcon
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xePasswordInput)
-      ]) : null;
+      return isClearable || controls || suffixSlot || suffixIcon ? (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-password-input--suffix",
+            {
+              "is--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
+            }
+          ]
+        },
+        [
+          isClearable ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-password-input--clear-icon",
+              onClick: clearValueEvent
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().INPUT_CLEAR
+              })
+            ]
+          ) : renderEmptyElement($xePasswordInput),
+          controls ? renderPasswordIcon() : renderEmptyElement($xePasswordInput),
+          suffixSlot || suffixIcon ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-password-input--suffix-icon",
+              onClick: clickSuffixEvent
+            },
+            suffixSlot ? (0, import_vn.getSlotVNs)(suffixSlot({})) : [
+              (0, import_vue.h)("i", {
+                class: suffixIcon
+              })
+            ]
+          ) : renderEmptyElement($xePasswordInput)
+        ]
+      ) : null;
     };
     const renderVN = () => {
       const { className, inputClassName, name, readonly, floatContent, autocomplete, autoComplete, maxLength, floatAlign } = props;
@@ -371,10 +387,14 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
       const isDisabled = computeIsDisabled.value;
       const formReadonly = computeFormReadonly.value;
       if (formReadonly) {
-        return (0, import_vue.h)("div", {
-          ref: refElem,
-          class: ["vxe-password-input--readonly", className]
-        }, (0, import_utils.getText)(inputValue));
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-password-input--readonly", className]
+          },
+          (0, import_utils.getText)(inputValue)
+        );
       }
       const currStyle = computeCurrStyle.value;
       const vSize = computeSize.value;
@@ -385,50 +405,70 @@ var password_input_default = (0, import_comp.defineVxeComponent)({
       const prefix = renderPrefixIcon();
       const suffix = renderSuffixIcon();
       const floatSlot = slots.float;
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-password-input", floatContent ? `fla--${floatAlign || "center"}` : "", className, {
-          [`size--${vSize}`]: vSize,
-          "is--prefix": !!prefix,
-          "is--suffix": !!suffix,
-          "is--readonly": readonly,
-          "is--disabled": isDisabled,
-          "is--active": isActivated,
-          "show--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
-        }],
-        style: currStyle,
-        spellcheck: false
-      }, [
-        prefix || (0, import_ui.renderEmptyElement)($xePasswordInput),
-        (0, import_vue.h)("div", {
-          class: "vxe-password-input--wrapper"
-        }, [
-          (0, import_vue.h)("input", {
-            ref: refInputTarget,
-            class: "vxe-password-input--inner" + (inputClassName ? " " + inputClassName : ""),
-            name,
-            type: inputType,
-            placeholder: inpPlaceholder,
-            readonly: inputReadonly,
-            disabled: isDisabled,
-            autocomplete: autocomplete || autoComplete,
-            maxlength: maxLength,
-            onClick: clickEvent,
-            onInput: inputEvent,
-            onChange: changeEvent,
-            onFocus: focusEvent,
-            onBlur: blurEvent
-          }),
-          floatContent || floatSlot ? (0, import_vue.h)("span", {
-            class: "vxe-password-input--float-wrapper"
-          }, floatSlot ? floatSlot({}) : (0, import_utils.getText)(floatContent)) : (0, import_ui.renderEmptyElement)($xePasswordInput)
-        ]),
-        suffix || (0, import_ui.renderEmptyElement)($xePasswordInput)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-password-input",
+            floatContent ? `fla--${floatAlign || "center"}` : "",
+            className,
+            {
+              [`size--${vSize}`]: vSize,
+              "is--prefix": !!prefix,
+              "is--suffix": !!suffix,
+              "is--readonly": readonly,
+              "is--disabled": isDisabled,
+              "is--active": isActivated,
+              "show--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
+            }
+          ],
+          style: currStyle,
+          spellcheck: false
+        },
+        [
+          prefix || renderEmptyElement($xePasswordInput),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-password-input--wrapper"
+            },
+            [
+              (0, import_vue.h)("input", {
+                ref: refInputTarget,
+                class: "vxe-password-input--inner" + (inputClassName ? " " + inputClassName : ""),
+                name,
+                type: inputType,
+                placeholder: inpPlaceholder,
+                readonly: inputReadonly,
+                disabled: isDisabled,
+                autocomplete: autocomplete || autoComplete,
+                maxlength: maxLength,
+                onClick: clickEvent,
+                onInput: inputEvent,
+                onChange: changeEvent,
+                onFocus: focusEvent,
+                onBlur: blurEvent
+              }),
+              floatContent || floatSlot ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-password-input--float-wrapper"
+                },
+                floatSlot ? floatSlot({}) : (0, import_utils.getText)(floatContent)
+              ) : renderEmptyElement($xePasswordInput)
+            ]
+          ),
+          suffix || renderEmptyElement($xePasswordInput)
+        ]
+      );
     };
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      reactData.inputValue = val;
-    });
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        reactData.inputValue = val;
+      }
+    );
     const rDvFlag = (0, import_vue.ref)(0);
     (0, import_vue.watch)(computeFormReadonly, () => {
       rDvFlag.value++;

package/lib/print/src/page-break.js

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(page_break_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 page_break_default = (0, import_comp.defineVxeComponent)({
   name: "VxePrintPageBreak",
   props: {},
@@ -63,7 +64,7 @@ var page_break_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $print: $xePrint }, params));
+      emit(type, createEvent(evnt, { $print: $xePrint }, params));
     };
     const printPageBreakMethods = {
       dispatchEvent