vxe-pc-ui 4.20.24 → 4.20.26

package/lib/form/src/render.js

@@ -36,7 +36,7 @@ __export(render_exports, {
 });
 module.exports = __toCommonJS(render_exports);
 var import_vue = require("vue");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_utils = require("../../ui/src/utils");
 var import_dom = require("../../ui/src/dom");
 var import_vn = require("../../ui/src/vn");
@@ -44,25 +44,34 @@ var import_util = require("./util");
 var import_tooltip = __toESM(require("../../tooltip"));
 var import_icon = __toESM(require("../../icon"));
 var import_xe_utils = __toESM(require("xe-utils"));
+const { getIcon, getI18n, formats, renderer, renderEmptyElement } = import_core.VxeUI;
 function renderPrefixIcon(titlePrefix) {
-  return (0, import_vue.h)("span", {
-    class: "vxe-form--item-title-tip-prefix"
-  }, [
-    (0, import_vue.h)(import_icon.default, {
-      class: titlePrefix.icon || (0, import_ui.getIcon)().FORM_PREFIX,
-      status: titlePrefix.iconStatus
-    })
-  ]);
+  return (0, import_vue.h)(
+    "span",
+    {
+      class: "vxe-form--item-title-tip-prefix"
+    },
+    [
+      (0, import_vue.h)(import_icon.default, {
+        class: titlePrefix.icon || getIcon().FORM_PREFIX,
+        status: titlePrefix.iconStatus
+      })
+    ]
+  );
 }
 function renderSuffixIcon(titleSuffix) {
-  return (0, import_vue.h)("span", {
-    class: "vxe-form--item-title-tip-suffix"
-  }, [
-    (0, import_vue.h)(import_icon.default, {
-      class: titleSuffix.icon || (0, import_ui.getIcon)().FORM_SUFFIX,
-      status: titleSuffix.iconStatus
-    })
-  ]);
+  return (0, import_vue.h)(
+    "span",
+    {
+      class: "vxe-form--item-title-tip-suffix"
+    },
+    [
+      (0, import_vue.h)(import_icon.default, {
+        class: titleSuffix.icon || getIcon().FORM_SUFFIX,
+        status: titleSuffix.iconStatus
+      })
+    ]
+  );
 }
 function getItemClass($xeForm, item, isGroup) {
   const formProps = $xeForm.props;
@@ -75,7 +84,7 @@ function getItemClass($xeForm, item, isGroup) {
   const vSize = computeSize.value;
   const validOpts = computeValidOpts.value;
   const { showErrorMessage, showMessage, showErrorBackground, showErrorIcon } = validOpts;
-  const compConf = (0, import_utils.isEnableConf)(itemRender) ? import_ui.renderer.get(itemRender.name) : null;
+  const compConf = (0, import_utils.isEnableConf)(itemRender) ? renderer.get(itemRender.name) : null;
   const itemClassName = compConf ? compConf.formItemClassName || compConf.itemClassName : "";
   const span = item.span || allSpan;
   const itemPadding = import_xe_utils.default.eqNull(padding) ? allPadding : padding;
@@ -129,7 +138,7 @@ function getItemContentClass($xeForm, item, isGroup) {
   const { data, readonly, disabled, align: allAlign, verticalAlign: allVerticalAlign } = formProps;
   const { field, itemRender, contentClassName, children } = item;
   const hasGroup = children && children.length > 0;
-  const compConf = (0, import_utils.isEnableConf)(itemRender) ? import_ui.renderer.get(itemRender.name) : null;
+  const compConf = (0, import_utils.isEnableConf)(itemRender) ? renderer.get(itemRender.name) : null;
   const itemContentClassName = compConf ? compConf.formItemContentClassName || compConf.itemContentClassName : "";
   const align = hasGroup ? item.align : import_xe_utils.default.eqNull(item.align) ? allAlign : item.align;
   const verticalAlign = hasGroup ? item.verticalAlign : import_xe_utils.default.eqNull(item.verticalAlign) ? allVerticalAlign : item.verticalAlign;
@@ -150,7 +159,7 @@ function renderTitle($xeForm, item, isGroup) {
   const { slots, title, field, itemRender, titleOverflow, vertical, showTitle, titleClassName, titleStyle, titlePrefix, titleSuffix, children, showContent } = item;
   const { computeTooltipOpts } = $xeForm.getComputeMaps();
   const tooltipOpts = computeTooltipOpts.value;
-  const compConf = (0, import_utils.isEnableConf)(itemRender) ? import_ui.renderer.get(itemRender.name) : null;
+  const compConf = (0, import_utils.isEnableConf)(itemRender) ? renderer.get(itemRender.name) : null;
   const itemTitleClassName = compConf ? compConf.formItemTitleClassName || compConf.itemTitleClassName : "";
   const itemTitleStyle = compConf ? compConf.formItemTitleStyle || compConf.itemTitleStyle : null;
   const itemVertical = import_xe_utils.default.eqNull(vertical) ? allVertical : vertical;
@@ -170,50 +179,70 @@ function renderTitle($xeForm, item, isGroup) {
   const titVNs = [];
   if (prefixSlot) {
     titVNs.push(
-      (0, import_vue.h)("span", {
-        key: "pt",
-        class: "vxe-form--item-title-prefix"
-      }, $xeForm.callSlot(prefixSlot, params))
+      (0, import_vue.h)(
+        "span",
+        {
+          key: "pt",
+          class: "vxe-form--item-title-prefix"
+        },
+        $xeForm.callSlot(prefixSlot, params)
+      )
     );
   }
   if (titlePrefix) {
     titVNs.push(
-      titlePrefix.content || titlePrefix.message ? (0, import_vue.h)(import_tooltip.default, {
-        key: "pm",
-        ...tooltipOpts,
-        ...titlePrefix,
-        content: (0, import_utils.getFuncText)(titlePrefix.content || titlePrefix.message)
-      }, {
-        default: () => renderPrefixIcon(titlePrefix)
-      }) : renderPrefixIcon(titlePrefix)
+      titlePrefix.content || titlePrefix.message ? (0, import_vue.h)(
+        import_tooltip.default,
+        {
+          key: "pm",
+          ...tooltipOpts,
+          ...titlePrefix,
+          content: (0, import_utils.getFuncText)(titlePrefix.content || titlePrefix.message)
+        },
+        {
+          default: () => renderPrefixIcon(titlePrefix)
+        }
+      ) : renderPrefixIcon(titlePrefix)
     );
   }
   const rftTitle = compConf ? compConf.renderFormItemTitle || compConf.renderItemTitle : null;
   titVNs.push(
-    (0, import_vue.h)("span", {
-      key: "pl",
-      class: "vxe-form--item-title-label"
-    }, titleSlot ? $xeForm.callSlot(titleSlot, params) : rftTitle ? (0, import_vn.getSlotVNs)(rftTitle(itemRender, params)) : (0, import_utils.getFuncText)(item.title))
+    (0, import_vue.h)(
+      "span",
+      {
+        key: "pl",
+        class: "vxe-form--item-title-label"
+      },
+      titleSlot ? $xeForm.callSlot(titleSlot, params) : rftTitle ? (0, import_vn.getSlotVNs)(rftTitle(itemRender, params)) : (0, import_utils.getFuncText)(item.title)
+    )
   );
   const fixVNs = [];
   if (titleSuffix) {
     fixVNs.push(
-      titleSuffix.content || titleSuffix.message ? (0, import_vue.h)(import_tooltip.default, {
-        key: "sm",
-        ...tooltipOpts,
-        ...titleSuffix,
-        content: (0, import_utils.getFuncText)(titleSuffix.content || titleSuffix.message)
-      }, {
-        default: () => renderSuffixIcon(titleSuffix)
-      }) : renderSuffixIcon(titleSuffix)
+      titleSuffix.content || titleSuffix.message ? (0, import_vue.h)(
+        import_tooltip.default,
+        {
+          key: "sm",
+          ...tooltipOpts,
+          ...titleSuffix,
+          content: (0, import_utils.getFuncText)(titleSuffix.content || titleSuffix.message)
+        },
+        {
+          default: () => renderSuffixIcon(titleSuffix)
+        }
+      ) : renderSuffixIcon(titleSuffix)
     );
   }
   if (suffixSlot) {
     fixVNs.push(
-      (0, import_vue.h)("span", {
-        key: "st",
-        class: "vxe-form--item-title-suffix"
-      }, $xeForm.callSlot(suffixSlot, params))
+      (0, import_vue.h)(
+        "span",
+        {
+          key: "st",
+          class: "vxe-form--item-title-suffix"
+        },
+        $xeForm.callSlot(suffixSlot, params)
+      )
     );
   }
   const ons = ovTooltip ? {
@@ -222,35 +251,43 @@ function renderTitle($xeForm, item, isGroup) {
     },
     onMouseleave: $xeForm.handleTitleTipLeaveEvent
   } : {};
-  const itStyle = Object.assign(
-    {},
-    import_xe_utils.default.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle,
-    import_xe_utils.default.isFunction(titleStyle) ? titleStyle(params) : titleStyle
-  );
+  const itStyle = Object.assign({}, import_xe_utils.default.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, import_xe_utils.default.isFunction(titleStyle) ? titleStyle(params) : titleStyle);
   if (titleWidth && titleWidth !== "auto" && showContent !== false) {
     itStyle.width = (0, import_dom.toCssUnit)(titleWidth);
   }
-  return isTitle ? (0, import_vue.h)("div", {
-    class: [
-      isGroup || hasGroup ? "vxe-form--group-title" : "",
-      "vxe-form--item-title",
-      titleAlign ? `align--${titleAlign}` : "",
-      hasEllipsis ? "is--ellipsis" : "",
-      itemTitleClassName ? import_xe_utils.default.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName : "",
-      titleClassName ? import_xe_utils.default.isFunction(titleClassName) ? titleClassName(params) : titleClassName : ""
-    ],
-    style: itStyle,
-    itemid: item.id,
-    title: ovTitle ? (0, import_utils.getFuncText)(title) : null,
-    ...ons
-  }, [
-    (0, import_vue.h)("div", {
-      class: "vxe-form--item-title-content"
-    }, titVNs),
-    (0, import_vue.h)("div", {
-      class: "vxe-form--item-title-postfix"
-    }, fixVNs)
-  ]) : (0, import_ui.renderEmptyElement)($xeForm);
+  return isTitle ? (0, import_vue.h)(
+    "div",
+    {
+      class: [
+        isGroup || hasGroup ? "vxe-form--group-title" : "",
+        "vxe-form--item-title",
+        titleAlign ? `align--${titleAlign}` : "",
+        hasEllipsis ? "is--ellipsis" : "",
+        itemTitleClassName ? import_xe_utils.default.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName : "",
+        titleClassName ? import_xe_utils.default.isFunction(titleClassName) ? titleClassName(params) : titleClassName : ""
+      ],
+      style: itStyle,
+      itemid: item.id,
+      title: ovTitle ? (0, import_utils.getFuncText)(title) : null,
+      ...ons
+    },
+    [
+      (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-form--item-title-content"
+        },
+        titVNs
+      ),
+      (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-form--item-title-postfix"
+        },
+        fixVNs
+      )
+    ]
+  ) : renderEmptyElement($xeForm);
 }
 function renderItemErrorIcon($xeForm, item) {
   const { computeValidOpts } = $xeForm.getComputeMaps();
@@ -258,33 +295,52 @@ function renderItemErrorIcon($xeForm, item) {
   const { showErrorIcon, errorIcon } = validOpts;
   const { errRule, showIconMsg } = item;
   if (!showErrorIcon) {
-    return (0, import_ui.renderEmptyElement)($xeForm);
+    return renderEmptyElement($xeForm);
   }
-  return (0, import_vue.h)("div", {
-    key: "emi",
-    class: ["vxe-form-item--valid-error-icon-wrapper", {
-      "is--show": showIconMsg,
-      "is--hide": !showIconMsg
-    }]
-  }, [
-    (0, import_vue.h)("span", {
-      class: "vxe-form-item--valid-error-icon-btn",
-      onClick(evnt) {
-        $xeForm.handleValidIconEvent(evnt, { item });
-      }
-    }, [
-      (0, import_vue.h)("i", {
-        class: errorIcon || (0, import_ui.getIcon)().FORM_VALID_ERROR_ICON
-      })
-    ]),
-    (0, import_vue.h)("div", {
-      class: "vxe-form-item--valid-error-icon-msg-tip"
-    }, errRule ? [
-      (0, import_vue.h)("div", {
-        class: `vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-${validOpts.theme || "normal"}`
-      }, errRule.content || errRule.message)
-    ] : [])
-  ]);
+  return (0, import_vue.h)(
+    "div",
+    {
+      key: "emi",
+      class: [
+        "vxe-form-item--valid-error-icon-wrapper",
+        {
+          "is--show": showIconMsg,
+          "is--hide": !showIconMsg
+        }
+      ]
+    },
+    [
+      (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-form-item--valid-error-icon-btn",
+          onClick(evnt) {
+            $xeForm.handleValidIconEvent(evnt, { item });
+          }
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: errorIcon || getIcon().FORM_VALID_ERROR_ICON
+          })
+        ]
+      ),
+      (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-form-item--valid-error-icon-msg-tip"
+        },
+        errRule ? [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: `vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-${validOpts.theme || "normal"}`
+            },
+            errRule.content || errRule.message
+          )
+        ] : []
+      )
+    ]
+  );
 }
 function renderItemContent($xeForm, item) {
   const formProps = $xeForm.props;
@@ -301,7 +357,7 @@ function renderItemContent($xeForm, item) {
   const collapseOpts = computeCollapseOpts.value;
   const validOpts = computeValidOpts.value;
   const { showErrorMessage, showMessage } = validOpts;
-  const compConf = (0, import_utils.isEnableConf)(itemRender) ? import_ui.renderer.get(itemRender.name) : null;
+  const compConf = (0, import_utils.isEnableConf)(itemRender) ? renderer.get(itemRender.name) : null;
   const itemValue = import_xe_utils.default.get(data, field);
   const params = { data, disabled, readonly, field, property: field, item, itemValue, $form: $xeForm, $grid: $xeGrid };
   let contentVNs = [];
@@ -330,11 +386,11 @@ function renderItemContent($xeForm, item) {
         }
       }
       if (import_xe_utils.default.isString(formatter)) {
-        const gFormatOpts = import_ui.formats.get(formatter);
+        const gFormatOpts = formats.get(formatter);
         const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
         itemLabel = fiFormatMethod ? fiFormatMethod(params) : "";
       } else if (import_xe_utils.default.isArray(formatter)) {
-        const gFormatOpts = import_ui.formats.get(formatter[0]);
+        const gFormatOpts = formats.get(formatter[0]);
         const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
         itemLabel = fiFormatMethod ? fiFormatMethod(params, ...formatter.slice(1)) : "";
       } else {
@@ -349,42 +405,66 @@ function renderItemContent($xeForm, item) {
   }
   if (collapseNode) {
     contentVNs.push(
-      (0, import_vue.h)("div", {
-        class: "vxe-form--item-trigger-node",
-        onClick: $xeForm.toggleCollapseEvent
-      }, [
-        (0, import_vue.h)("span", {
-          class: "vxe-form--item-trigger-text"
-        }, collapseAll ? collapseOpts.unfoldButtonText || (0, import_ui.getI18n)("vxe.form.unfolding") : collapseOpts.foldButtonText || (0, import_ui.getI18n)("vxe.form.folding")),
-        (0, import_vue.h)("i", {
-          class: ["vxe-form--item-trigger-icon", collapseAll ? collapseOpts.foldIcon || (0, import_ui.getIcon)().FORM_FOLDING : collapseOpts.unfoldIcon || (0, import_ui.getIcon)().FORM_UNFOLDING]
-        })
-      ])
+      (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-form--item-trigger-node",
+          onClick: $xeForm.toggleCollapseEvent
+        },
+        [
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-form--item-trigger-text"
+            },
+            collapseAll ? collapseOpts.unfoldButtonText || getI18n("vxe.form.unfolding") : collapseOpts.foldButtonText || getI18n("vxe.form.folding")
+          ),
+          (0, import_vue.h)("i", {
+            class: ["vxe-form--item-trigger-icon", collapseAll ? collapseOpts.foldIcon || getIcon().FORM_FOLDING : collapseOpts.unfoldIcon || getIcon().FORM_UNFOLDING]
+          })
+        ]
+      )
     );
   }
   if (errRule && (import_xe_utils.default.isBoolean(showErrorMessage) ? showErrorMessage : showMessage)) {
     const validParams = { ...params, rule: errRule };
     contentVNs.push(
-      (0, import_vue.h)("div", {
-        class: "vxe-form-item--valid-error-tip",
-        style: errRule.maxWidth ? {
-          width: (0, import_dom.toCssUnit)(errRule.maxWidth)
-        } : null
-      }, [
-        (0, import_vue.h)("div", {
-          class: `vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-${validOpts.theme || "normal"}`
-        }, [
-          validSlot ? $xeForm.callSlot(validSlot, validParams) : [
-            (0, import_vue.h)("span", {
-              class: "vxe-form--item--valid-error-msg"
-            }, errRule.content || errRule.message)
-          ]
-        ])
-      ])
+      (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-form-item--valid-error-tip",
+          style: errRule.maxWidth ? {
+            width: (0, import_dom.toCssUnit)(errRule.maxWidth)
+          } : null
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: `vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-${validOpts.theme || "normal"}`
+            },
+            [
+              validSlot ? $xeForm.callSlot(validSlot, validParams) : [
+                (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-form--item--valid-error-msg"
+                  },
+                  errRule.content || errRule.message
+                )
+              ]
+            ]
+          )
+        ]
+      )
     );
   }
-  return (0, import_vue.h)("div", {
-    key: "ct",
-    class: "vxe-form--item-inner"
-  }, contentVNs);
+  return (0, import_vue.h)(
+    "div",
+    {
+      key: "ct",
+      class: "vxe-form--item-inner"
+    },
+    contentVNs
+  );
 }

package/lib/form/src/util.js

@@ -39,10 +39,11 @@ __export(util_exports, {
 });
 module.exports = __toCommonJS(util_exports);
 var import_vue = require("vue");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_itemInfo = require("./itemInfo");
 var import_utils = require("../../ui/src/utils");
+const { renderer } = import_core.VxeUI;
 function isFormItem(item) {
   return item instanceof import_itemInfo.ItemInfo;
 }
@@ -67,7 +68,7 @@ function isActiveItem($xeForm, formItem) {
   if (visible === false) {
     return visible;
   }
-  const compConf = (0, import_utils.isEnableConf)(itemRender) ? import_ui.renderer.get(itemRender.name) : null;
+  const compConf = (0, import_utils.isEnableConf)(itemRender) ? renderer.get(itemRender.name) : null;
   const fiVisibleMethod = compConf ? compConf.formItemVisibleMethod || compConf.itemVisibleMethod : null;
   if (!visibleMethod && fiVisibleMethod) {
     visibleMethod = fiVisibleMethod;
@@ -81,9 +82,12 @@ function isActiveItem($xeForm, formItem) {
 }
 function watchItem(props, formItem) {
   Object.keys(props).forEach((name) => {
-    (0, import_vue.watch)(() => props[name], (value) => {
-      formItem.update(name, value);
-    });
+    (0, import_vue.watch)(
+      () => props[name],
+      (value) => {
+        formItem.update(name, value);
+      }
+    );
   });
 }
 function assembleItem($xeForm, el, formItem, formGroup) {

package/lib/icon/src/icon.js

@@ -33,8 +33,9 @@ __export(icon_exports, {
 module.exports = __toCommonJS(icon_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"));
+const { getConfig, createEvent, useFns } = import_core.VxeUI;
 var icon_default = (0, import_comp.defineVxeComponent)({
   name: "VxeIcon",
   props: {
@@ -44,26 +45,24 @@ var icon_default = (0, import_comp.defineVxeComponent)({
     status: String,
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().icon.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().icon.size || getConfig().size
     }
   },
-  emits: [
-    "click"
-  ],
+  emits: ["click"],
   setup(props, context) {
     const { emit } = context;
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const $xeIcon = {
       xID,
       props,
       context
     };
     const clickEvent = (evnt) => {
-      emit("click", (0, import_ui.createEvent)(evnt, {}));
+      emit("click", createEvent(evnt, {}));
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $icon: $xeIcon }, params));
+      emit(type, createEvent(evnt, { $icon: $xeIcon }, params));
     };
     const iconMethods = {
       dispatchEvent
@@ -74,11 +73,16 @@ var icon_default = (0, import_comp.defineVxeComponent)({
       const { name, roll, status, className } = props;
       const vSize = computeSize.value;
       return (0, import_vue.h)("i", {
-        class: ["vxe-icon", `vxe-icon-${name}`, `${className || ""}`, {
-          [`size--${vSize}`]: vSize,
-          [`theme--${status}`]: status,
-          roll
-        }],
+        class: [
+          "vxe-icon",
+          `vxe-icon-${name}`,
+          `${className || ""}`,
+          {
+            [`size--${vSize}`]: vSize,
+            [`theme--${status}`]: status,
+            roll
+          }
+        ],
         onClick: clickEvent
       });
     };