@ibiz-template/vue3-components 0.7.28-alpha.0 → 0.7.28

package/lib/editor/text-box/input/input.cjs

@@ -75,6 +75,11 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       }
       return "";
     });
+    const onEmit = (val, eventName = "blur") => {
+      if (eventName === c.triggerMode) {
+        emit("change", val);
+      }
+    };
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -87,7 +92,13 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     let blurCacheValue;
     const handleChange = (val) => {
       if (blurCacheValue !== val) {
-        emit("change", val);
+        onEmit(val);
+      }
+      blurCacheValue = void 0;
+    };
+    const handleInput = (val) => {
+      if (blurCacheValue !== val) {
+        onEmit(val, "input");
       }
       blurCacheValue = void 0;
     };
@@ -100,7 +111,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const onBlur = (event) => {
       blurCacheValue = event.target.value;
       if (blurCacheValue != props.value) {
-        emit("change", blurCacheValue);
+        onEmit(blurCacheValue);
       }
       emit("blur", event);
       setEditable(false);
@@ -239,6 +250,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       currentVal,
       readonlyText,
       handleChange,
+      handleInput,
       handleKeyUp,
       onBlur,
       onFocus,
@@ -306,6 +318,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         "minlength": this.c.model.minLength,
         "show-word-limit": this.showLimit && this.c.model.showMaxLength,
         "onChange": this.handleChange,
+        "onInput": this.handleInput,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -5,6 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-searchcond-edit.css');
 var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
@@ -167,7 +168,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
       }, this.$attrs), null), vue.createVNode(vue.resolveComponent("el-button"), {
         "ref": "filterButtonRef",
         "type": "primary",
-        "title": ibiz.env.enableTitle ? ibiz.i18n.t("app.edit") : void 0,
+        "title": core.showTitle(ibiz.i18n.t("app.edit")),
         "class": this.ns.b("filter"),
         "onClick": () => this.triggerFilter()
       }, {

package/lib/index.cjs

@@ -126,6 +126,7 @@ var usePagination = require('./util/pagination/use-pagination.cjs');
 var noticeUtil = require('./util/notice-util/notice-util.cjs');
 var renderUtil = require('./util/render-util/render-util.cjs');
 var appUtil = require('./util/app-util/app-util.cjs');
+var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
 var index$18 = require('./web-app/router/index.cjs');
@@ -258,6 +259,7 @@ exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
+exports.parseHtml = wangEditorUtil.parseHtml;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
 exports.AppRouter = index$18.AppRouter;

package/lib/panel-component/auth-captcha/auth-captcha.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var authCaptcha_controller = require('./auth-captcha.controller.cjs');
 require('./auth-captcha.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
@@ -57,7 +58,7 @@ const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
       "src": this.c.state.image,
       "class": this.ns.e("image"),
       "onClick": this.onClick,
-      "title": "\u70B9\u51FB\u56FE\u7247\u5237\u65B0"
+      "title": core.showTitle("\u70B9\u51FB\u56FE\u7247\u5237\u65B0")
     }, {
       error: () => {
         return vue.createVNode("div", {

package/lib/panel-component/panel-button/panel-button.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var panelButton_controller = require('./panel-button.controller.cjs');
 require('./panel-button.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const PanelButton = /* @__PURE__ */ vue.defineComponent({
@@ -105,7 +106,7 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
-        "title": ibiz.env.enableTitle ? this.tooltip : void 0,
+        "title": core.showTitle(this.tooltip),
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/lib/panel-component/short-cut/short-cut.cjs

@@ -103,7 +103,7 @@ const ShortCut = /* @__PURE__ */ vue.defineComponent({
           if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
             return vue.createVNode("div", {
               "class": [ns.e("item"), ns.e("draggable-item")],
-              "title": element.caption,
+              "title": core.showTitle(element.caption),
               "onClick": () => onClick(element)
             }, [vue.createVNode("svg", {
               "viewBox": "0 0 16 16",

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

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./user-action.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const UserAction = /* @__PURE__ */ vue.defineComponent({
@@ -76,7 +77,7 @@ const UserAction = /* @__PURE__ */ vue.defineComponent({
   render() {
     return vue.createVNode("div", {
       "class": this.ns.b(),
-      "title": this.modelData.caption
+      "title": core.showTitle(this.modelData.caption)
     }, [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
       "class": [this.ns.e("image")],
       "icon": this.sysImage,

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./async-action.css');
 var lodashEs = require('lodash-es');
@@ -93,7 +94,7 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": this.ns.e("caption")
     }, [asyncacitonname]), this.showErrorInfo && vue.createVNode("div", {
-      "title": this.action.actionresult,
+      "title": core.showTitle(this.action.actionresult),
       "class": this.ns.e("error-info")
     }, [this.action.actionresult]), this.actionstate === 20 ? vue.createVNode("div", {
       "class": this.ns.e("progress")

package/lib/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./internal-message-container.css');
 
@@ -92,7 +93,7 @@ const InternalMessageContainer = /* @__PURE__ */ vue.defineComponent({
           imagePath: "svg/read.svg"
         },
         "baseDir": "iconfont",
-        "title": item.tooltip,
+        "title": core.showTitle(item.tooltip),
         "onClick": (e) => this.onToolbarClick(e, item.key)
       }, null);
     })]), vue.createVNode("div", {

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

@@ -3,6 +3,8 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./internal-message-html.css');
+require('../../../../util/index.cjs');
+var wangEditorUtil = require('../../../../util/wang-editor-util/wang-editor-util.cjs');
 
 "use strict";
 const InternalMessageHTML = /* @__PURE__ */ vue.defineComponent({
@@ -20,10 +22,14 @@ const InternalMessageHTML = /* @__PURE__ */ vue.defineComponent({
   emits: {
     close: () => true
   },
-  setup() {
+  setup(props) {
     const ns = vue3Util.useNamespace("internal-message-html");
+    const msgContent = vue.computed(() => {
+      return wangEditorUtil.parseHtml(props.message.content);
+    });
     return {
-      ns
+      ns,
+      msgContent
     };
   },
   render() {
@@ -35,7 +41,7 @@ const InternalMessageHTML = /* @__PURE__ */ vue.defineComponent({
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.e("content"),
-        "innerHTML": this.message.content
+        "innerHTML": this.msgContent
       }, null)]
     });
   }

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

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./user-message.css');
+var core = require('@ibiz-template/core');
 var asyncActionTab = require('./async-action/async-action-tab/async-action-tab.cjs');
 require('./internal-message/index.cjs');
 require('./internal-message/common/index.cjs');
@@ -86,7 +87,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
-      "title": ibiz.i18n.t("panelComponent.userMessage.notice"),
+      "title": core.showTitle(ibiz.i18n.t("panelComponent.userMessage.notice")),
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [vue.createVNode(vue.resolveComponent("el-popover"), {
       "ref": "popoverRef",
@@ -144,7 +145,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             imagePath: "svg/read.svg"
           },
           "baseDir": "iconfont",
-          "title": ibiz.i18n.t("panelComponent.userMessage.allRead"),
+          "title": core.showTitle(ibiz.i18n.t("panelComponent.userMessage.allRead")),
           "onClick": this.onBatchReadClick
         }, null)])]);
       }

package/lib/util/index.cjs

@@ -11,6 +11,7 @@ var usePagination = require('./pagination/use-pagination.cjs');
 var noticeUtil = require('./notice-util/notice-util.cjs');
 var renderUtil = require('./render-util/render-util.cjs');
 var appUtil = require('./app-util/app-util.cjs');
+var wangEditorUtil = require('./wang-editor-util/wang-editor-util.cjs');
 
 "use strict";
 
@@ -25,3 +26,4 @@ exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
+exports.parseHtml = wangEditorUtil.parseHtml;

package/lib/util/notification-util/notification-util.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var ElementPlus = require('element-plus');
+var wangEditorUtil = require('../wang-editor-util/wang-editor-util.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -51,9 +52,10 @@ class NotificationUtil {
    */
   handleNotice(params, noticeType) {
     const duration = params.duration ? params.duration * 1e3 : 4500;
+    const msgContent = params.desc ? wangEditorUtil.parseHtml(params.desc) : params.desc;
     ElementPlus.ElNotification({
       title: params.title,
-      message: params.desc,
+      message: msgContent,
       dangerouslyUseHTMLString: !!params.isHtmlDesc,
       type: noticeType,
       position: params.position || "top-right",

package/lib/util/wang-editor-util/wang-editor-util.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+"use strict";
+function parseHtml(str) {
+  return str.replaceAll(
+    /<span data-w-e-type="emoji" class='emoji'>(.+?)<\/span>/g,
+    (x, emoji) => {
+      const tempVal = decodeURIComponent(atob(emoji));
+      return "<span data-w-e-type=\"emoji\" class='emoji'>".concat(tempVal, "</span>");
+    }
+  );
+}
+
+exports.parseHtml = parseHtml;

package/lib/web-app/create-vue-app.cjs

@@ -18,6 +18,14 @@ function createVueApp(rootComponent, rootProps) {
     app.use(plugin);
   };
   vue3Util.AppHooks.useComponent.tap(installPlugin);
+  const importBIReport = () => import('@ibiz-template-plugin/bi-report');
+  importBIReport().then((value) => {
+    const biReport = value.default;
+    vue3Util.AppHooks.useComponent.callSync(null, biReport);
+    vue3Util.AppHooks.createApp.tap((_, _app) => {
+      _app.use(biReport);
+    });
+  });
   if (rootProps) {
     const oldUnMounted = rootProps.unmounted;
     rootProps.unmounted = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.28-alpha.0",
+  "version": "0.7.28",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,13 +30,13 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.6",
-    "@ibiz-template-plugin/bi-report": "0.0.6",
-    "@ibiz-template/core": "0.7.28-alpha.0",
+    "@ibiz-template-plugin/bi-report": "0.0.8",
+    "@ibiz-template/core": "0.7.28",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.28-alpha.0",
-    "@ibiz-template/runtime": "0.7.28-alpha.0",
+    "@ibiz-template/model-helper": "0.7.28",
+    "@ibiz-template/runtime": "0.7.28",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.28-alpha.0",
+    "@ibiz-template/vue3-util": "0.7.28",
     "@ibiz-template/web-theme": "^1.1.18",
     "@ibiz/model-core": "^0.1.42",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/dist/chart-HuCq_rW2.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(t){"use strict";var e,i,s,r,a,n,o,d,c,l,h,u,m,p;return{setters:[function(t){e=t.defineComponent,i=t.ref,s=t.watch,r=t.onMounted,a=t.onBeforeUnmount,n=t.createVNode,o=t.resolveComponent,d=t.nextTick,c=t.isVNode},function(t){l=t.useControlController,h=t.useNamespace},function(t){u=t.init},function(t){m=t.createUUID},function(t){p=t.ChartController}],execute:function(){t("default",e({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},setup(t){const e=l(((...t)=>new p(...t))),f=h("control-".concat(e.model.controlType.toLowerCase())),g=i(),v=i(0),b=m(),y=()=>{t.data&&(e.state.items=t.data,e.afterLoad({},e.state.items))};e.evt.on("onCreated",(async()=>{t.isSimple&&(y(),e.state.isSimple=!0,e.state.isLoaded=!0)})),s((()=>t.data),(()=>{t.isSimple&&y()}),{deep:!0});const w=async()=>{await d();const t=document.getElementById(b);t&&("bottom"===e.state.gridPosition||"top"===e.state.gridPosition?v.value=t.offsetHeight/2-8:v.value=t.offsetHeight-16)};r((()=>{const t=u(g.value);e.initChart(t),window.addEventListener("resize",w),w()})),s((()=>e.state.showGrid),(()=>{w()}),{immediate:!0});return a((()=>{window.removeEventListener("resize",w)})),{c:e,ns:f,chartRef:g,uuid:b,renderGrid:()=>{let t;return n(o("el-table"),{ref:"tableRef",data:e.state.gridData||[],border:!0,style:{width:"100%"},"max-height":v.value,"header-row-class-name":f.e("grid-header")},"function"==typeof(i=t=e.state.gridHeaders.map((t=>n(o("el-table-column"),{prop:t.id,align:"center",label:t.name},null))))||"[object Object]"===Object.prototype.toString.call(i)&&!c(i)?t:{default:()=>[t]});var i}}},render(){return n(o("iBizControlBase"),{controller:this.c},{default:()=>[n("div",{id:this.uuid,class:this.ns.b("chart-container")},[n(o("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:ibiz.i18n.t("control.common.currentNoData")},null),n("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[n("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[n("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]),this.c.state.showGrid?n("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));