@ibiz-template/vue3-components 0.5.4 → 0.5.7-alpha.0

package/es/common/action-toolbar/action-toolbar.mjs

@@ -115,7 +115,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       }, {
         icon: () => createVNode("ion-icon", {
           "class": this.ns.e("icon"),
-          "name": "ellipsis-vertical-outline"
+          "name": "ellipsis-vertical-outline",
+          "title": ibiz.i18n.t("component.actionToolbar.more")
         }, null)
       }), createVNode(resolveComponent("el-popover"), {
         "placement": "bottom-start",

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -19,6 +19,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     const isShowAll = ref(true);
     const isEditable = ref(false);
     const editorRef = ref();
+    const isSearched = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -42,8 +43,24 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    watch(() => props.value, (newVal) => {
+    const onSearch = async (query, cb) => {
+      if (c.model.appDataEntityId) {
+        const trimQuery = query.trim();
+        const res = await c.getServiceData(trimQuery, props.data);
+        if (res) {
+          items.value = res.data;
+          isSearched.value = true;
+          if (cb && cb instanceof Function) {
+            cb(items.value);
+          }
+        }
+      }
+    };
+    watch(() => props.value, async (newVal, oldVal) => {
       if (newVal || newVal === null) {
+        if (!isSearched.value && oldVal === void 0) {
+          await onSearch("");
+        }
         if (newVal === null) {
           curValue.value = "";
         }
@@ -71,19 +88,6 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       isShowAll.value = true;
       setEditable(false);
     };
-    const onSearch = async (query, cb) => {
-      if (c.model.appDataEntityId) {
-        const trimQuery = query.trim();
-        const res = await c.getServiceData(trimQuery, props.data);
-        if (res) {
-          items.value = res.data;
-          if (cb && cb instanceof Function) {
-            cb(items.value);
-          }
-        }
-      }
-    };
-    onSearch("");
     const onClear = () => {
       const dataItems = c.dataItems;
       if (dataItems.length > 0) {

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -1,8 +1,8 @@
 import { ref, watch, nextTick, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
 import './monaco-editor.css';
 import { getCodeProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
-import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
-import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
+import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
+import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 
 "use strict";
 const IBizCode = /* @__PURE__ */ defineComponent({
@@ -38,7 +38,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       nextTick(() => {
         loader.config({
           paths: {
-            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.44.0/min/vs")
+            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
           }
         });
         loader.init().then((loaderMonaco) => {

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.css

@@ -1 +1 @@
-.ibiz-picker-link{height:100%;line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}
+.ibiz-picker-link{height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-color-link);cursor:pointer}.ibiz-picker-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-picker-link--disabled{cursor:not-allowed}.ibiz-picker-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-link a{display:inline-block;height:100%}

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -41,6 +41,8 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onVisibleChange: (visible: boolean) => Promise<void>;
+    isLoading: Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,5 +1,5 @@
-import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace, useClickOutside } from '@ibiz-template/vue3-util';
 import './ibiz-dropdown.css';
 
 "use strict";
@@ -23,6 +23,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const isEditable = ref(false);
     const editorRef = ref();
     const editorItems = c.model.editorItems;
+    const isLoading = ref(false);
+    let editorState = "";
+    let funcs;
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -60,7 +63,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       });
       return list;
     };
-    c.loadCodeList(props.data).then((codeList) => {
+    const loadCodeList = async () => {
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
       items.value = codeList;
       for (let i = 0; i < items.value.length; i++) {
@@ -71,6 +76,16 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           break;
         }
       }
+      isLoading.value = false;
+    };
+    watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal || newVal === null) {
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+      }
+    }, {
+      immediate: true
     });
     const setEditable = (flag) => {
       if (flag) {
@@ -144,10 +159,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       });
     }
     const onFocus = (e) => {
+      editorState = "focus";
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
+      editorState = "blur";
       emit("blur", e);
       setEditable(false);
     };
@@ -163,6 +180,28 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.text === text);
     };
+    const onVisibleChange = async (visible) => {
+      if (visible && !isLoadedCodeList.value) {
+        await loadCodeList();
+        if (hasChildren.value && editorRef.value && editorState !== "outside") {
+          nextTick(() => {
+            editorRef.value.focus();
+          });
+        }
+      }
+    };
+    onMounted(() => {
+      if (editorRef.value) {
+        funcs = useClickOutside(editorRef, async (_evt) => {
+          editorState = "outside";
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (funcs && funcs.stop) {
+        funcs.stop();
+      }
+    });
     return {
       ns,
       c,
@@ -180,7 +219,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       getCodeListItem,
       isEditable,
       setEditable,
-      showFormDefaultContent
+      showFormDefaultContent,
+      onVisibleChange,
+      isLoading
     };
   },
   render() {
@@ -199,8 +240,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "multiple": this.c.multiple,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
+      "loading": this.isLoading,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
+      "onVisibleChange": this.onVisibleChange,
       "props": {
         class: this.customNodeClass
       }
@@ -215,9 +258,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       "multiple": this.c.multiple,
       "placeholder": this.c.placeHolder ? this.c.placeHolder : " ",
       "disabled": this.disabled,
+      "loading": this.isLoading,
       "onBlur": this.onBlur,
       "onFocus": this.onFocus,
-      "onKeyup": this.handleKeyUp
+      "onKeyup": this.handleKeyUp,
+      "onVisibleChange": this.onVisibleChange
     }, _isSlot(_slot = this.items.map((item) => {
       return createVNode(resolveComponent("el-option"), {
         "key": item.value,

package/es/locale/en/index.d.ts

@@ -99,6 +99,9 @@ declare const _default: {
         gridSetting: {
             hideControl: string;
         };
+        actionToolbar: {
+            more: string;
+        };
     };
     editor: {};
 };

package/es/locale/en/index.mjs

@@ -102,7 +102,10 @@ var index = {
       noSupportVideo: "Your browser does not support video tags"
     },
     gridSetting: {
-      hideControl: "Table Column Hide Control"
+      hideControl: "Column selection"
+    },
+    actionToolbar: {
+      more: "More"
     }
   },
   // 编辑器

package/es/locale/zh-CN/index.d.ts

@@ -99,6 +99,9 @@ declare const _default: {
         gridSetting: {
             hideControl: string;
         };
+        actionToolbar: {
+            more: string;
+        };
     };
     editor: {};
 };

package/es/locale/zh-CN/index.mjs

@@ -102,7 +102,10 @@ var index = {
       noSupportVideo: "\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E"
     },
     gridSetting: {
-      hideControl: "\u8868\u683C\u5217\u9690\u85CF\u63A7\u5236"
+      hideControl: "\u5217\u9009\u62E9"
+    },
+    actionToolbar: {
+      more: "\u66F4\u591A"
     }
   },
   // 编辑器

package/es/panel-component/user-message/async-action/{async-action.mjs → async-action/async-action.mjs}

@@ -2,7 +2,6 @@ import { computed, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './async-action.css';
 import { isObject, isString } from 'lodash-es';
-import { isNil } from 'ramda';
 
 "use strict";
 const stateTexts = {
@@ -46,7 +45,7 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
       return props.message.actionstate;
     });
     const progressText = computed(() => {
-      return isNil(props.message.completionrate) ? "" : "(".concat(props.message.completionrate, "%)");
+      return !props.message.completionrate ? "" : "(".concat(props.message.completionrate, "%)");
     });
     return {
       ns,
@@ -85,7 +84,7 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
       "type": stateType[this.actionstate]
     }, {
       default: () => [stateTexts[this.actionstate]]
-    })]), this.actionstate === 20 && this.message.completionrate && createVNode("div", {
+    })]), this.actionstate === 20 && !!this.message.completionrate && createVNode("div", {
       "class": this.ns.b("loading-warp")
     }, [createVNode("div", {
       "class": this.ns.be("loading-warp", "inner"),

package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.css

@@ -0,0 +1 @@
+.ibiz-async-action-tab{--ibiz-async-action-tab-load-more-height:30px;width:100%;height:100%}.ibiz-async-action-tab__item{min-height:60px;padding:6px 0}.ibiz-async-action-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-async-action-tab-load-more-height))}.ibiz-async-action-tab__load-more{height:var(--ibiz-async-action-tab-load-more-height);line-height:var(--ibiz-async-action-tab-load-more-height);text-align:center}.ibiz-async-action-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}

package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.d.ts

@@ -0,0 +1,92 @@
+import './async-action-tab.scss';
+export declare const AsyncActionTab: import("vue").DefineComponent<{
+    showPopover: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    appStore: {
+        allAsyncActions: {
+            asyncacitonid: string;
+            asyncacitonname: string;
+            fulltopictag: string;
+            srfdcid: string;
+            dcsystemid: string;
+            actiontype: string;
+            actionstate: 10 | 20 | 30 | 40;
+            actionresult?: unknown;
+            stepinfo?: string | undefined;
+            completionrate?: number | undefined;
+            asyncresultdownloadurl?: string | undefined;
+            actionparam?: unknown;
+            actionparam2?: unknown;
+            actionparam3?: unknown;
+            actionparam4?: unknown;
+            begintime: string;
+            endtime: string;
+            createman: string;
+            createdate: string;
+            updateman: string;
+            updatedate: string;
+        }[];
+        recentAsyncActions: {
+            asyncacitonid: string;
+            asyncacitonname: string;
+            fulltopictag: string;
+            srfdcid: string;
+            dcsystemid: string;
+            actiontype: string;
+            actionstate: 10 | 20 | 30 | 40;
+            actionresult?: unknown;
+            stepinfo?: string | undefined;
+            completionrate?: number | undefined;
+            asyncresultdownloadurl?: string | undefined;
+            actionparam?: unknown;
+            actionparam2?: unknown;
+            actionparam3?: unknown;
+            actionparam4?: unknown;
+            begintime: string;
+            endtime: string;
+            createman: string;
+            createdate: string;
+            updateman: string;
+            updatedate: string;
+        }[];
+    };
+    actualMsgs: import("vue").ComputedRef<{
+        asyncacitonid: string;
+        asyncacitonname: string;
+        fulltopictag: string;
+        srfdcid: string;
+        dcsystemid: string;
+        actiontype: string;
+        actionstate: 10 | 20 | 30 | 40;
+        actionresult?: unknown;
+        stepinfo?: string | undefined;
+        completionrate?: number | undefined;
+        asyncresultdownloadurl?: string | undefined;
+        actionparam?: unknown;
+        actionparam2?: unknown;
+        actionparam3?: unknown;
+        actionparam4?: unknown;
+        begintime: string;
+        endtime: string;
+        createman: string;
+        createdate: string;
+        updateman: string;
+        updatedate: string;
+    }[]>;
+    hiddenPopover: () => void;
+    hiddenHistory: () => void;
+    showMoreHistory: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hiddenPopover: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPopover: {
+        type: BooleanConstructor;
+        required: true;
+    };
+}>> & {
+    onHiddenPopover?: (() => any) | undefined;
+}, {}, {}>;

package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.mjs

@@ -0,0 +1,91 @@
+import { ref, computed, watch, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace, useAppStore } from '@ibiz-template/vue3-util';
+import { getAsyncActionProvider } from '@ibiz-template/runtime';
+import './async-action-tab.css';
+
+"use strict";
+const AsyncActionTab = /* @__PURE__ */ defineComponent({
+  name: "IBizAsyncActionTab",
+  props: {
+    showPopover: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: {
+    hiddenPopover: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("async-action-tab");
+    const {
+      appStore
+    } = useAppStore();
+    const showHistoryLength = ref(0);
+    const actualMsgs = computed(() => {
+      const showLength = appStore.recentAsyncActions.length + showHistoryLength.value;
+      return appStore.allAsyncActions.filter((_, index) => {
+        return index < showLength;
+      });
+    });
+    const hiddenHistory = () => {
+      showHistoryLength.value = 0;
+    };
+    const showMoreHistory = () => {
+      showHistoryLength.value += 10;
+    };
+    const hiddenPopover = () => {
+      emit("hiddenPopover");
+    };
+    watch(() => props.showPopover, (newVal, oldVal) => {
+      if (newVal !== oldVal && newVal === false) {
+        hiddenHistory();
+      }
+    });
+    return {
+      ns,
+      appStore,
+      actualMsgs,
+      hiddenPopover,
+      hiddenHistory,
+      showMoreHistory
+    };
+  },
+  render() {
+    const restLength = this.appStore.allAsyncActions.length - this.actualMsgs.length;
+    const loadMoreText = this.actualMsgs.length === 0 ? "\u67E5\u770B\u5386\u53F2\uFF08".concat(restLength, "\uFF09") : "\u52A0\u8F7D\u66F4\u591A\uFF08".concat(restLength, "\uFF09");
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [this.actualMsgs.length > 0 && this.actualMsgs.map((msg) => {
+      let provider;
+      try {
+        provider = getAsyncActionProvider(msg.actiontype);
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+      if (provider) {
+        return h(resolveComponent(provider.component), {
+          class: this.ns.e("item"),
+          onClick: (event) => {
+            const isClose = provider.onClick(msg, event);
+            if (isClose) {
+              this.hiddenPopover();
+            }
+          },
+          message: msg
+        });
+      }
+      return createVNode("div", {
+        "class": this.ns.e("item")
+      }, ["\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B".concat(msg.actiontype, "\u6682\u672A\u652F\u6301")]);
+    }), this.actualMsgs.length === 0 && createVNode("div", {
+      "class": this.ns.e("nodata")
+    }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
+      "class": this.ns.e("load-more"),
+      "onClick": this.showMoreHistory
+    }, [loadMoreText])]);
+  }
+});
+
+export { AsyncActionTab };

package/es/panel-component/user-message/async-action/index.d.ts

@@ -0,0 +1,3 @@
+export { AsyncAction } from './async-action/async-action';
+export { AsyncActionTab } from './async-action-tab/async-action-tab';
+export { AsyncActionProvider } from './async-action/async-action.provider';

package/es/panel-component/user-message/async-action/index.mjs

@@ -0,0 +1,5 @@
+export { AsyncAction } from './async-action/async-action.mjs';
+export { AsyncActionTab } from './async-action-tab/async-action-tab.mjs';
+export { AsyncActionProvider } from './async-action/async-action.provider.mjs';
+
+"use strict";

package/es/panel-component/user-message/index.d.ts

@@ -10,86 +10,14 @@ export declare const IBizUserMessage: import("@ibiz-template/vue3-util").TypeWit
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    noticeNum: import("vue").Ref<number>;
     popoverRef: import("vue").Ref<any>;
     showPopover: import("vue").Ref<boolean>;
     sysImage: import("@ibiz/model-core").ISysImage | {
         imagePath: string;
     };
     currentTab: import("vue").Ref<string>;
-    appStore: {
-        allAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-        recentAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-    };
-    actualMsgs: import("vue").ComputedRef<{
-        asyncacitonid: string;
-        asyncacitonname: string;
-        fulltopictag: string;
-        srfdcid: string;
-        dcsystemid: string;
-        actiontype: string;
-        actionstate: 10 | 20 | 30 | 40;
-        actionresult?: unknown;
-        stepinfo?: string | undefined;
-        completionrate?: number | undefined;
-        asyncresultdownloadurl?: string | undefined;
-        actionparam?: unknown;
-        actionparam2?: unknown;
-        actionparam3?: unknown;
-        actionparam4?: unknown;
-        begintime: string;
-        endtime: string;
-        createman: string;
-        createdate: string;
-        updateman: string;
-        updatedate: string;
-    }[]>;
     hiddenPopover: () => void;
-    hiddenHistory: () => void;
-    showMoreHistory: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/user-message/index.mjs

@@ -1,16 +1,25 @@
-import { registerAsyncActionProvider, registerPanelItemProvider } from '@ibiz-template/runtime';
+import { registerAsyncActionProvider, registerInternalMessageProvider, registerPanelItemProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
-import { AsyncAction } from './async-action/async-action.mjs';
-import { AsyncActionProvider } from './async-action/async-action.provider.mjs';
+import './async-action/index.mjs';
 import { UserMessage } from './user-message.mjs';
 import { UserMessageProvider } from './user-message.provider.mjs';
+import './internal-message/index.mjs';
+import { AsyncAction } from './async-action/async-action/async-action.mjs';
+import { InternalMessageDefault } from './internal-message/internal-message-default/internal-message-default.mjs';
+import { AsyncActionProvider } from './async-action/async-action/async-action.provider.mjs';
+import { InternalMessageDefaultProvider } from './internal-message/internal-message-default/internal-message-default.provider.mjs';
 
 "use strict";
 const IBizUserMessage = withInstall(UserMessage, function(v) {
   v.component(UserMessage.name, UserMessage);
   v.component(AsyncAction.name, AsyncAction);
+  v.component(InternalMessageDefault.name, InternalMessageDefault);
   registerAsyncActionProvider("DEIMPORTDATA2", () => new AsyncActionProvider());
   registerAsyncActionProvider("DEFAULT", () => new AsyncActionProvider());
+  registerInternalMessageProvider(
+    "DEFAULT",
+    () => new InternalMessageDefaultProvider()
+  );
   registerPanelItemProvider(
     "RAWITEM_USERMESSAGE",
     () => new UserMessageProvider()

package/es/panel-component/user-message/internal-message/index.d.ts

@@ -0,0 +1,3 @@
+export { InternalMessageTab } from './internal-message-tab/internal-message-tab';
+export { InternalMessageDefaultProvider } from './internal-message-default/internal-message-default.provider';
+export { InternalMessageDefault } from './internal-message-default/internal-message-default';

package/es/panel-component/user-message/internal-message/index.mjs

@@ -0,0 +1,5 @@
+export { InternalMessageTab } from './internal-message-tab/internal-message-tab.mjs';
+export { InternalMessageDefaultProvider } from './internal-message-default/internal-message-default.provider.mjs';
+export { InternalMessageDefault } from './internal-message-default/internal-message-default.mjs';
+
+"use strict";

package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.css

@@ -0,0 +1 @@
+.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-internal-message--clickable{cursor:pointer}.ibiz-internal-message:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-internal-message__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:8px}.ibiz-internal-message__status{margin-right:8px}.ibiz-internal-message:hover .ibiz-internal-message-toolbar{display:block}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}.ibiz-internal-message-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-toolbar__button:hover{color:var(--ibiz-color-primary)}

package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import { IInternalMessage } from '@ibiz-template/core';
+import './internal-message-default.scss';
+export declare const InternalMessageDefault: import("vue").DefineComponent<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    clickable: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+}>>, {}, {}>;