fantasia-ui 0.2.48 → 0.2.49

package/dist/fantasia-ui.es.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, provide, onMounted, readonly, onBeforeUnmount, reactive, toRefs, createStaticVNode, render, h } from "vue";
-import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, Warning, CloseOutline } from "@vicons/ionicons5";
+import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, CloseOutline, Warning } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
@@ -4435,8 +4435,184 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
-const _hoisted_1$2 = { class: "f-message__content" };
+const _hoisted_1$2 = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2$1 = { class: "f-dialog__title" };
+const _hoisted_3$1 = { class: "f-dialog__body" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 2,
+  class: "f-dialog__footer"
+};
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                          createVNode(FIcon, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$1, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$1, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b88b4e96"]]);
+const _hoisted_1$1 = { class: "f-message__content" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
   props: {
     type: { default: "info" },
@@ -4515,7 +4691,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_1$2, toDisplayString(_ctx.message), 1),
+            createElementVNode("span", _hoisted_1$1, toDisplayString(_ctx.message), 1),
             _ctx.closable ? (openBlock(), createElementBlock("button", {
               key: 1,
               type: "button",
@@ -4537,86 +4713,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
-const GAP$1 = 16;
-const BASE_OFFSET$1 = 20;
-let seed$1 = 0;
-const instances = [];
-const normalizeOptions$1 = (options) => {
-  return typeof options === "string" ? { message: options } : options;
-};
-const repositionAll = () => {
-  let offset = BASE_OFFSET$1;
-  instances.forEach((item) => {
-    const vm = item.vnode.component;
-    if (vm) {
-      vm.props.offset = offset;
-    }
-    offset += item.height + GAP$1;
-  });
-};
-const removeInstance$1 = (id) => {
-  const index = instances.findIndex((item) => item.id === id);
-  if (index === -1) return;
-  const { container } = instances[index];
-  render(null, container);
-  container.remove();
-  instances.splice(index, 1);
-  repositionAll();
-};
-const createInstance$1 = (options) => {
-  var _a;
-  const id = seed$1++;
-  const container = document.createElement("div");
-  const offset = instances.length === 0 ? BASE_OFFSET$1 : (() => {
-    var _a2;
-    const last = instances[instances.length - 1];
-    return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1;
-  })();
-  const vnode = createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
-    offset,
-    onClose: () => {
-      var _a2;
-      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
-    },
-    onDestroy: () => {
-      removeInstance$1(id);
-    }
-  }));
-  render(vnode, container);
-  document.body.appendChild(container);
-  const el = vnode.el;
-  const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
-  instances.push({ id, vnode, container, height });
-  return {
-    id,
-    close: () => {
-      var _a2, _b, _c;
-      (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
-    }
-  };
-};
-const FMessage = (options) => {
-  return createInstance$1(normalizeOptions$1(options));
-};
-const withType$1 = (type) => (options) => createInstance$1(__spreadProps(__spreadValues({}, normalizeOptions$1(options)), { type }));
-FMessage.info = withType$1("info");
-FMessage.success = withType$1("success");
-FMessage.warning = withType$1("warning");
-FMessage.failed = withType$1("failed");
-FMessage.closeAll = () => {
-  [...instances].forEach((item) => {
-    var _a, _b, _c;
-    (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
-  });
-};
-const _hoisted_1$1 = { class: "f-notification__body" };
-const _hoisted_2$1 = {
+const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-97556afa"]]);
+const _hoisted_1 = { class: "f-notification__body" };
+const _hoisted_2 = {
   key: 0,
   class: "f-notification__title"
 };
-const _hoisted_3$1 = { class: "f-notification__content" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_3 = { class: "f-notification__content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FNotification",
   props: {
     type: { default: "info" },
@@ -4702,9 +4806,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_1$1, [
-              _ctx.title ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-              createElementVNode("p", _hoisted_3$1, toDisplayString(_ctx.message), 1)
+            createElementVNode("div", _hoisted_1, [
+              _ctx.title ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+              createElementVNode("p", _hoisted_3, toDisplayString(_ctx.message), 1)
             ]),
             _ctx.closable ? (openBlock(), createElementBlock("button", {
               key: 1,
@@ -4727,7 +4831,79 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a7315d6"]]);
+const GAP$1 = 16;
+const BASE_OFFSET$1 = 20;
+let seed$1 = 0;
+const instances = [];
+const normalizeOptions$1 = (options) => {
+  return typeof options === "string" ? { message: options } : options;
+};
+const repositionAll = () => {
+  let offset = BASE_OFFSET$1;
+  instances.forEach((item) => {
+    const vm = item.vnode.component;
+    if (vm) {
+      vm.props.offset = offset;
+    }
+    offset += item.height + GAP$1;
+  });
+};
+const removeInstance$1 = (id) => {
+  const index = instances.findIndex((item) => item.id === id);
+  if (index === -1) return;
+  const { container } = instances[index];
+  render(null, container);
+  container.remove();
+  instances.splice(index, 1);
+  repositionAll();
+};
+const createInstance$1 = (options) => {
+  var _a;
+  const id = seed$1++;
+  const container = document.createElement("div");
+  const offset = instances.length === 0 ? BASE_OFFSET$1 : (() => {
+    var _a2;
+    const last = instances[instances.length - 1];
+    return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1;
+  })();
+  const vnode = createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
+    offset,
+    onClose: () => {
+      var _a2;
+      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+    },
+    onDestroy: () => {
+      removeInstance$1(id);
+    }
+  }));
+  render(vnode, container);
+  document.body.appendChild(container);
+  const el = vnode.el;
+  const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
+  instances.push({ id, vnode, container, height });
+  return {
+    id,
+    close: () => {
+      var _a2, _b, _c;
+      (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+    }
+  };
+};
+const FMessage = (options) => {
+  return createInstance$1(normalizeOptions$1(options));
+};
+const withType$1 = (type) => (options) => createInstance$1(__spreadProps(__spreadValues({}, normalizeOptions$1(options)), { type }));
+FMessage.info = withType$1("info");
+FMessage.success = withType$1("success");
+FMessage.warning = withType$1("warning");
+FMessage.failed = withType$1("failed");
+FMessage.closeAll = () => {
+  [...instances].forEach((item) => {
+    var _a, _b, _c;
+    (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+  });
+};
 const GAP = 16;
 const BASE_OFFSET = 20;
 let seed = 0;
@@ -4816,182 +4992,6 @@ FNotification.closeAll = (position) => {
     });
   });
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "f-dialog__icon"
-};
-const _hoisted_2 = { class: "f-dialog__title" };
-const _hoisted_3 = { class: "f-dialog__body" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-  key: 2,
-  class: "f-dialog__footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FDialog",
-  props: /* @__PURE__ */ mergeModels({
-    title: { default: "提示" },
-    content: {},
-    width: { default: "500px" },
-    type: { default: "default" },
-    confirmText: { default: "确定" },
-    cancelText: { default: "取消" },
-    showCancel: { type: Boolean, default: true },
-    showClose: { type: Boolean, default: true },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnEsc: { type: Boolean, default: true },
-    center: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    destroyOnClose: { type: Boolean, default: false },
-    beforeClose: {}
-  }, {
-    "modelValue": __spreadValues({ type: Boolean }, { required: true }),
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const visible = useModel(__props, "modelValue");
-    const handleClose = () => {
-      visible.value = false;
-      emit("close");
-    };
-    const handleConfirm = () => {
-      emit("confirm");
-      if (props.beforeClose) {
-        props.beforeClose(() => {
-          visible.value = false;
-        });
-      } else {
-        visible.value = false;
-      }
-    };
-    const handleCancel = () => {
-      emit("cancel");
-      handleClose();
-    };
-    const handleOverlayClick = (e) => {
-      if (props.closeOnClickModal && e.target === e.currentTarget) {
-        handleClose();
-      }
-    };
-    const handleKeydown = (e) => {
-      if (props.closeOnEsc && e.key === "Escape") {
-        handleClose();
-      }
-    };
-    onMounted(() => {
-      if (props.closeOnEsc) {
-        window.addEventListener("keydown", handleKeydown);
-      }
-      emit("open");
-    });
-    onBeforeUnmount(() => {
-      if (props.closeOnEsc) {
-        window.removeEventListener("keydown", handleKeydown);
-      }
-    });
-    const iconMap = {
-      info: InformationCircleOutline,
-      success: CheckmarkCircleOutline,
-      warning: WarningOutline,
-      failed: AlertCircleOutline,
-      primary: InformationCircleOutline,
-      default: InformationCircleOutline
-    };
-    const hasIcon = computed(() => props.type && props.type !== "default");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createVNode(Transition, { name: "f-dialog-fade" }, {
-          default: withCtx(() => [
-            visible.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "f-dialog-overlay",
-              onClick: handleOverlayClick
-            }, [
-              createVNode(Transition, { name: "f-dialog-zoom" }, {
-                default: withCtx(() => [
-                  visible.value ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: normalizeClass(["f-dialog", [
-                      `f-dialog--${_ctx.type}`,
-                      {
-                        "is-center": _ctx.center,
-                        "is-fullscreen": _ctx.fullscreen
-                      }
-                    ]]),
-                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
-                  }, [
-                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                      key: 0,
-                      type: "button",
-                      class: "f-dialog__close",
-                      onClick: handleClose
-                    }, [
-                      createVNode(FIcon, null, {
-                        default: withCtx(() => [
-                          createVNode(unref(CloseOutline))
-                        ]),
-                        _: 1
-                      })
-                    ])) : createCommentVNode("", true),
-                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
-                    }, [
-                      renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                          createVNode(FIcon, null, {
-                            default: withCtx(() => [
-                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
-                            ]),
-                            _: 1
-                          })
-                        ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2, toDisplayString(_ctx.title), 1)
-                      ], true)
-                    ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3, [
-                      renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
-                      ], true)
-                    ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                      renderSlot(_ctx.$slots, "footer", {}, () => [
-                        _ctx.showCancel ? (openBlock(), createBlock(FButton, {
-                          key: 0,
-                          onClick: handleCancel
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
-                          ]),
-                          _: 1
-                        })) : createCommentVNode("", true),
-                        createVNode(FButton, {
-                          type: "primary",
-                          onClick: handleConfirm
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
-                          ]),
-                          _: 1
-                        })
-                      ], true)
-                    ])) : createCommentVNode("", true)
-                  ], 6)) : createCommentVNode("", true)
-                ]),
-                _: 3
-              })
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })
-      ]);
-    };
-  }
-});
-const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b88b4e96"]]);
 const showDialog = (options) => {
   return new Promise((resolve) => {
     const container = document.createElement("div");
@@ -5089,6 +5089,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FColorPicker: _sfc_main$b,
   FContainer,
   FDialog,
+  FDialogComponent: FDialogComp,
   FDivider,
   FDropdown,
   FEditor,
@@ -5104,7 +5105,9 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FMarquee,
   FMask,
   FMessage,
+  FMessageComponent: FMessageComp,
   FNotification,
+  FNotificationComponent: FNotificationComp,
   FPagination,
   FProgress,
   FRadio,
@@ -5149,6 +5152,7 @@ export {
   _sfc_main$b as FColorPicker,
   FContainer,
   FDialog,
+  FDialogComp as FDialogComponent,
   FDivider,
   FDropdown,
   FEditor,
@@ -5164,7 +5168,9 @@ export {
   FMarquee,
   FMask,
   FMessage,
+  FMessageComp as FMessageComponent,
   FNotification,
+  FNotificationComp as FNotificationComponent,
   FPagination,
   FProgress,
   FRadio,