@ibiz-template/vue3-components 0.5.7-alpha.3 → 0.5.7-alpha.5

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

@@ -24,6 +24,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const ns = vue3Util.useNamespace("user-message");
     const c = props.controller;
+    const noticeController = ibiz.hub.notice;
     const showPopover = vue.ref(false);
     const currentTab = vue.ref("notification");
     const sysImage = props.modelData.sysImage || {
@@ -37,6 +38,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       c,
+      noticeController,
       noticeNum,
       popoverRef,
       showPopover,
@@ -80,6 +82,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             "name": "notification"
           }, {
             default: () => [vue.createVNode(internalMessageTab.InternalMessageTab, {
+              "controller": this.noticeController.internalMessage,
               "showPopover": this.showPopover,
               "onHiddenPopover": this.hiddenPopover
             }, null)]
@@ -88,6 +91,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             "name": "async-action"
           }, {
             default: () => [vue.createVNode(asyncActionTab.AsyncActionTab, {
+              "controller": this.noticeController.asyncAction,
               "showPopover": this.showPopover,
               "onHiddenPopover": this.hiddenPopover
             }, null)]

package/lib/util/app-popover/app-popover-component.cjs

@@ -14,11 +14,15 @@ async function computePos(element, el, arrEl, opts) {
       element: arrEl
     }));
   }
-  const options = await dom.computePosition(element, el, {
+  const config = {
     placement: opts.placement,
     strategy: "absolute",
     middleware: middlewareArr
-  });
+  };
+  if (opts.options) {
+    Object.assign(config, opts.options);
+  }
+  const options = await dom.computePosition(element, el, config);
   {
     const {
       x,

package/lib/util/index.cjs

@@ -8,6 +8,7 @@ var notificationUtil = require('./notification-util/notification-util.cjs');
 var openViewUtil = require('./open-view-util/open-view-util.cjs');
 var overlayController = require('./overlay-controller/overlay-controller.cjs');
 var usePagination = require('./pagination/use-pagination.cjs');
+var noticeUtil = require('./notice-util/notice-util.cjs');
 
 "use strict";
 
@@ -19,3 +20,4 @@ exports.NotificationUtil = notificationUtil.NotificationUtil;
 exports.OpenViewUtil = openViewUtil.OpenViewUtil;
 exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
+exports.NoticeUtil = noticeUtil.NoticeUtil;

package/lib/util/notice-util/notice-util.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var ElementPlus = require('element-plus');
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('../../common/index.cjs');
+var doingNotice = require('../../common/doing-notice/doing-notice.cjs');
+
+"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 NoticeUtil {
+  constructor() {
+    __publicField(this, "doingNotice");
+  }
+  async showAsyncAction(asyncAction) {
+    const ns = vue3Util.useNamespace("async-action-notice");
+    const porvider = await runtime.getAsyncActionProvider(asyncAction);
+    if (porvider.render) {
+      const ins = ElementPlus.ElNotification({
+        customClass: ns.b(),
+        message: porvider.render({
+          action: asyncAction,
+          onClose: () => {
+            ins.close();
+          }
+        }),
+        position: "bottom-right",
+        duration: 0
+      });
+    }
+  }
+  showDoingNotice(info) {
+    if (!this.doingNotice) {
+      const reactiveInfo = vue.reactive(info);
+      const ins = ElementPlus.ElNotification({
+        message: vue.h(doingNotice.DoingNotice, {
+          info: reactiveInfo
+        }),
+        onClose: () => {
+          this.closeDoingNotice();
+        },
+        position: "bottom-right",
+        duration: 0
+      });
+      this.doingNotice = { info: reactiveInfo, close: () => ins.close() };
+    } else {
+      Object.assign(this.doingNotice.info, info);
+    }
+  }
+  closeDoingNotice() {
+    if (this.doingNotice) {
+      this.doingNotice.close();
+      this.doingNotice = void 0;
+    }
+  }
+}
+
+exports.NoticeUtil = NoticeUtil;

package/lib/util/open-view-util/open-view-util.cjs

@@ -37,8 +37,8 @@ class OpenViewUtil {
    * @author lxm
    * @date 2022-09-12 01:09:06
    * @param {string} appViewId
-   * @param {(IContext | undefined)} [context]
-   * @param {(IParams | undefined)} [params]
+   * @param {(IContext)} [context]
+   * @param {(IParams)} [params]
    * @returns {*}  {Promise<IModalData>}
    */
   async modal(appViewId, context, params) {
@@ -57,7 +57,7 @@ class OpenViewUtil {
       opts
     );
   }
-  async popover(appViewId, event, context, params) {
+  async popover(appViewId, event, context, params, options = {}) {
     const appView = await ibiz.hub.config.view.get(appViewId);
     return vue3Util.openViewPopover(
       event,
@@ -66,7 +66,7 @@ class OpenViewUtil {
         params,
         viewId: appView.id
       },
-      { autoClose: true, placement: "bottom" }
+      { autoClose: true, placement: "bottom", ...options }
     );
   }
   /**
@@ -75,8 +75,8 @@ class OpenViewUtil {
    * @author lxm
    * @date 2022-09-15 15:09:50
    * @param {string} appViewId
-   * @param {(IContext | undefined)} [context]
-   * @param {(IParams | undefined)} [params]
+   * @param {(IContext)} [context]
+   * @param {(IParams)} [params]
    * @returns {*}  {Promise<IModalData>}
    */
   async drawer(appViewId, context, params) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.5.7-alpha.3",
+  "version": "0.5.7-alpha.5",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -27,12 +27,12 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.1",
-    "@ibiz-template/core": "^0.5.7-alpha.0",
-    "@ibiz-template/model-helper": "^0.5.7-alpha.3",
-    "@ibiz-template/runtime": "^0.5.7-alpha.3",
+    "@ibiz-template/core": "^0.5.7-alpha.5",
+    "@ibiz-template/model-helper": "^0.5.7-alpha.5",
+    "@ibiz-template/runtime": "^0.5.7-alpha.5",
     "@ibiz-template/theme": "^0.5.0",
-    "@ibiz-template/vue3-util": "^0.5.7-alpha.3",
-    "@ibiz/model-core": "^0.1.8",
+    "@ibiz-template/vue3-util": "^0.5.7-alpha.5",
+    "@ibiz/model-core": "^0.1.9",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",

package/dist/ibiz-markdown-editor-RaswfMqH.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core"],(function(e){"use strict";var t,a,o,n,l,r,i,s,u,c,d,h,v,m,b;return{setters:[function(e){t=e.defineComponent,a=e.ref,o=e.watch,n=e.onMounted,l=e.onUnmounted,r=e.createVNode,i=e.nextTick},function(e){s=e.getMarkDownProps,u=e.getEditorEmits,c=e.useNamespace,d=e.useUIStore},function(e){h=e.createUUID,v=e.getCookie},function(e){m=e.default},function(e){b=e.CoreConst}],execute:function(){e("default",t({name:"IBizMarkDown",props:s(),emits:u(),setup(e,{emit:t}){const r=c("markdown"),s=e.controller,u=a(""),f=a(null),g=h(),p=a({Authorization:"Bearer ".concat(v(b.TOKEN))}),w=a(""),k=a(""),{UIStore:y}=d(),x=a(y.theme),C=a("editOnly");let U=null,z=0;const M=a({});o((()=>e.data),(e=>{if(e&&s){const t=s.calcBaseUrl(e);w.value=t.uploadUrl,k.value=t.downloadUrl}}),{immediate:!0,deep:!0});const B=a(),O=(e,t)=>{const a=new FormData;a.append("file",e),ibiz.net.axios({url:w.value,method:"post",headers:p.value,data:a}).then((e=>{if(200===e.status&&e.data.fileid){const a=k.value.replace("%fileId%",e.data.fileid);t(a)}})).catch((e=>{ibiz.log.error("上传出错",e)}))},D=()=>{var e;return null==(e=f.value)?void 0:e.getMarkdown()},I=e=>{var t;null==(t=f.value)||t.setMarkdown(e,!1)};o((()=>e.value),((e,t)=>{e!==t&&(u.value=e||"")}),{immediate:!0}),o(u,((e,t)=>{const a=D();e!==t&&a!==e&&I(e)}));const V=e=>{t("change",D())},R=(e,t)=>({[e]:t});o((()=>y.theme),(e=>{var t;x.value=e,null==(t=f.value)||t.setTheme(x.value)}));return n((()=>{e.disabled&&(C.value="previewOnly"),i((()=>{f.value=new m({id:g,value:u.value,theme:x.value,fileUpload:O,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:C.value,codemirror:{autofocus:!1}},toolbars:{theme:x.value,toolbar:["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"],bubble:["bold","italic","underline","strikethrough","sub","sup","|","size","color"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:V,beforeImageMounted:R}})})),(()=>{if(window.ResizeObserver&&B.value){const e={width:"".concat(B.value.offsetWidth,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(e,{height:"".concat(s.parent.model.height,"px")}),M.value=r.cssVarBlock(e),U=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==z){const a={width:"".concat(e[0].contentRect.width,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(a,{height:"".concat(s.parent.model.height,"px")}),M.value=r.cssVarBlock(a),z=t}})),U.observe(B.value)}})()})),l((()=>{f.value=null,U&&U.disconnect()})),{ns:r,currentVal:u,id:g,editor:f,markDownBox:B,headers:p,theme:x,defaultModel:C,cssVars:M,getCherryHtml:()=>{var e;return null==(e=f.value)?void 0:e.getHtml()},getCherryContent:D,setCherryContent:I}},render(){return r("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[r("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}}));