@ibiz-template/vue3-components 0.2.18-dev.2 → 0.3.0

package/lib/panel-component/user-message/async-action-preview/async-action-preview.css

@@ -0,0 +1 @@
+.ibiz-async-action-preview{height:100%;display:flex;flex-flow:column nowrap;padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview__title{font-size:18px;font-weight:700}.ibiz-async-action-preview .el-form-item{margin:0}.ibiz-async-action-preview .el-form-item__content,.ibiz-async-action-preview .el-form-item__label{font-weight:700}.ibiz-async-action-preview-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:var(--ibiz-spacing-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-time{padding:var(--ibiz-spacing-tight)}.ibiz-async-action-preview-count{padding:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:space-between;height:48px}.ibiz-async-action-preview-detail{flex-grow:1;overflow:auto;border-top:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item{display:flex;align-items:center;justify-content:space-between;height:72px;padding:12px var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-async-action-preview-detail-item__index{margin-right:16px;height:40px;font-size:20px;text-align:center;line-height:40px;width:40px;border-radius:0;background-color:var(--ibiz-color-primary);color:var(--ibiz-color-primary-text)}.ibiz-async-action-preview-detail-item__error{height:100%;flex-grow:1;text-align:left;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between}.ibiz-async-action-preview-detail-item__error-reason{color:var(--ibiz-color-text-1)}

package/lib/panel-component/user-message/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var asyncAction = require('./async-action/async-action.cjs');
+var asyncAction_provider = require('./async-action/async-action.provider.cjs');
+var userMessage = require('./user-message.cjs');
+var userMessage_provider = require('./user-message.provider.cjs');
+
+"use strict";
+const IBizUserMessage = vue3Util.withInstall(userMessage.UserMessage, function(v) {
+  v.component(userMessage.UserMessage.name, userMessage.UserMessage);
+  v.component(asyncAction.AsyncAction.name, asyncAction.AsyncAction);
+  runtime.registerAsyncActionProvider("DEIMPORTDATA2", () => new asyncAction_provider.AsyncActionProvider());
+  runtime.registerPanelItemProvider(
+    "RAWITEM_USERMESSAGE",
+    () => new userMessage_provider.UserMessageProvider()
+  );
+});
+
+exports.IBizUserMessage = IBizUserMessage;
+exports.default = IBizUserMessage;

package/lib/panel-component/user-message/user-message.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./user-message.css');
+
+"use strict";
+const UserMessage = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizUserMessage",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("user-message");
+    const c = props.controller;
+    const showPopover = vue.ref(false);
+    const currentTab = vue.ref("notification");
+    const sysImage = props.modelData.sysImage || {
+      imagePath: "svg/message.svg"
+    };
+    const {
+      appStore
+    } = vue3Util.useAppStore();
+    const showHistoryLength = vue.ref(0);
+    const actualMsgs = vue.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 popoverRef = vue.ref();
+    const onMsgClick = (_msg) => {
+      popoverRef.value.hide();
+    };
+    return {
+      ns,
+      c,
+      popoverRef,
+      showPopover,
+      sysImage,
+      currentTab,
+      appStore,
+      actualMsgs,
+      onMsgClick,
+      hiddenHistory,
+      showMoreHistory
+    };
+  },
+  render() {
+    const restLength = this.appStore.allAsyncActions.length - this.actualMsgs.length;
+    const loadMoreText = this.actualMsgs.length === 0 ? `\u67E5\u770B\u5386\u53F2\uFF08${restLength}\uFF09` : `\u52A0\u8F7D\u66F4\u591A\uFF08${restLength}\uFF09`;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [vue.createVNode(vue.resolveComponent("el-popover"), {
+      "ref": "popoverRef",
+      "popper-class": this.ns.b("popover"),
+      "placement": "bottom",
+      "trigger": "click",
+      "modelValue": this.showPopover,
+      "onUpdate:modelValue": ($event) => this.showPopover = $event,
+      "onHide": this.hiddenHistory
+    }, {
+      reference: () => {
+        return vue.createVNode(vue.resolveComponent("i-biz-icon"), {
+          "class": [this.ns.e("image")],
+          "icon": this.sysImage
+        }, null);
+      },
+      default: () => {
+        return vue.createVNode(vue.resolveComponent("el-tabs"), {
+          "class": this.ns.b("popover-content"),
+          "modelValue": this.currentTab,
+          "onUpdate:modelValue": ($event) => this.currentTab = $event
+        }, {
+          default: () => [vue.createVNode(vue.resolveComponent("el-tab-pane"), {
+            "label": "\u901A\u77E5",
+            "name": "notification"
+          }, {
+            default: () => [this.actualMsgs.length > 0 && this.actualMsgs.map((msg) => {
+              const provider = runtime.getAsyncActionProvider(msg.actiontype);
+              if (provider) {
+                return vue.h(vue.resolveComponent(provider.component), {
+                  class: this.ns.e("notification-item"),
+                  onClick: (event) => {
+                    this.onMsgClick(msg);
+                    provider.onClick(msg, event);
+                  },
+                  message: msg
+                });
+              }
+              return vue.createVNode("div", {
+                "class": this.ns.e("notification-item")
+              }, [vue.createTextVNode("\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B"), msg.actiontype, vue.createTextVNode("\u6682\u672A\u652F\u6301")]);
+            }), this.actualMsgs.length === 0 && vue.createVNode("div", {
+              "class": this.ns.e("nodata")
+            }, [vue.createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && vue.createVNode("div", {
+              "class": this.ns.e("load-more"),
+              "onClick": this.showMoreHistory
+            }, [loadMoreText])]
+          })]
+        });
+      }
+    })]);
+  }
+});
+
+exports.UserMessage = UserMessage;

package/lib/panel-component/user-message/user-message.css

@@ -0,0 +1 @@
+.ibiz-user-message{--ibiz-user-message-load-more-height:30px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__notification-item{height:60px}.ibiz-user-message__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-user-message-load-more-height))}.ibiz-user-message__load-more{height:var(--ibiz-user-message-load-more-height);line-height:var(--ibiz-user-message-load-more-height);text-align:center}.ibiz-user-message__load-more:hover{cursor:pointer;color:var(--ibiz-color-primary-hover)}.ibiz-user-message-popover{width:500px!important;height:500px!important;--ibiz-user-message-load-more-height:30px}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}

package/lib/panel-component/user-message/user-message.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class UserMessageProvider {
+  constructor() {
+    __publicField(this, "component", "IBizUserMessage");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.UserMessageProvider = UserMessageProvider;

package/lib/util/overlay-controller/overlay-controller.cjs

@@ -8,6 +8,9 @@ var appDrawerComponent = require('../app-drawer/app-drawer-component.cjs');
 var appFloatWindowComponent = require('../app-float-window/app-float-window-component.cjs');
 
 "use strict";
+function resolveComponentOrStr(component) {
+  return lodashEs.isString(component) ? vue.resolveComponent(component) : component;
+}
 class OverlayController {
   popover(element, component, props, opts) {
     const popover = this.createPopover(component, props, opts);
@@ -16,7 +19,7 @@ class OverlayController {
   }
   createPopover(component, props, opts) {
     return appPopoverComponent.createPopover(
-      lodashEs.isFunction(component) ? component : () => vue.h(vue.resolveComponent(component), { ...props }),
+      lodashEs.isFunction(component) ? component : () => vue.h(resolveComponentOrStr(component), { ...props }),
       opts
     );
   }
@@ -27,7 +30,7 @@ class OverlayController {
   }
   createDrawer(component, props, opts) {
     return appDrawerComponent.createDrawer(
-      lodashEs.isFunction(component) ? component : () => vue.h(vue.resolveComponent(component), { ...props }),
+      lodashEs.isFunction(component) ? component : () => vue.h(resolveComponentOrStr(component), { ...props }),
       opts
     );
   }
@@ -38,7 +41,7 @@ class OverlayController {
   }
   createModal(component, props, opts) {
     return appModalComponent.createModal(
-      lodashEs.isFunction(component) ? component : () => vue.h(vue.resolveComponent(component), { ...props }),
+      lodashEs.isFunction(component) ? component : () => vue.h(resolveComponentOrStr(component), { ...props }),
       opts
     );
   }
@@ -49,7 +52,7 @@ class OverlayController {
   }
   createFloatWindow(component, props, opts) {
     return appFloatWindowComponent.createFloatWindow(
-      lodashEs.isFunction(component) ? component : () => vue.h(vue.resolveComponent(component), { ...props }),
+      lodashEs.isFunction(component) ? component : () => vue.h(resolveComponentOrStr(component), { ...props }),
       opts
     );
   }

package/lib/view-engine/tree-exp-view.engine.cjs

@@ -27,12 +27,13 @@ class TreeExpViewEngine extends expView_engine.ExpViewEngine {
   }
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
   async call(key, args) {
+    var _a;
     if (key === runtime.SysUIActionTag.REFRESH_ALL) {
       await this.tree.refresh();
       return null;
     }
     if (key === runtime.SysUIActionTag.REFRESH) {
-      if (args.data[0]) {
+      if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
         await this.tree.refreshNodeChildren(args.data[0], false);
       } else {
         await this.tree.refresh();

package/lib/view-engine/tree-view.engine.cjs

@@ -15,12 +15,13 @@ class TreeViewEngine extends runtime.MDViewEngine {
   }
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
   async call(key, args) {
+    var _a;
     if (key === runtime.SysUIActionTag.REFRESH_ALL) {
       await this.tree.refresh();
       return null;
     }
     if (key === runtime.SysUIActionTag.REFRESH) {
-      if (args.data[0]) {
+      if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
         await this.tree.refreshNodeChildren(args.data[0], false);
       } else {
         await this.tree.refresh();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.2.18-dev.2",
+  "version": "0.3.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -25,11 +25,11 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
-    "@ibiz-template/core": "^0.2.18-dev.1",
-    "@ibiz-template/model-helper": "^0.2.18-dev.2",
-    "@ibiz-template/runtime": "^0.2.18-dev.2",
-    "@ibiz-template/theme": "^0.2.13",
-    "@ibiz-template/vue3-util": "^0.2.18-dev.2",
+    "@ibiz-template/core": "^0.3.0",
+    "@ibiz-template/model-helper": "^0.3.0",
+    "@ibiz-template/runtime": "^0.3.0",
+    "@ibiz-template/theme": "^0.3.0",
+    "@ibiz-template/vue3-util": "^0.3.0",
     "@ibiz/model-core": "^0.0.20",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.4.0",
@@ -71,11 +71,11 @@
   },
   "peerDependencies": {
     "@floating-ui/dom": "^1.5.1",
-    "@ibiz-template/core": "^0.2.6",
-    "@ibiz-template/model-helper": "^0.2.8",
-    "@ibiz-template/runtime": "^0.2.8",
-    "@ibiz-template/theme": "^0.2.0",
-    "@ibiz-template/vue3-util": "^0.2.8",
+    "@ibiz-template/core": "^0.3.0",
+    "@ibiz-template/model-helper": "^0.3.0",
+    "@ibiz-template/runtime": "^0.3.0",
+    "@ibiz-template/theme": "^0.3.0",
+    "@ibiz-template/vue3-util": "^0.3.0",
     "@ibiz/model-core": "^0.0.20",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",