@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.4

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var rightSideMenu_controller = require('./right-side-menu.controller.cjs');
+require('./right-side-menu.css');
+
+"use strict";
+const RightSideMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRightSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 右侧侧菜单控制器
+     */
+    controller: {
+      type: rightSideMenu_controller.RightSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("right-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "RIGHT",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+exports.RightSideMenu = RightSideMenu;

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.controller.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var extendMenuBase_controller = require('../extend-menu-base/extend-menu-base.controller.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 RightSideMenuController extends extendMenuBase_controller.ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "rightsidemenu");
+  }
+}
+
+exports.RightSideMenuController = RightSideMenuController;

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.css

@@ -0,0 +1 @@
+.ibiz-right-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/right-side-menu/right-side-menu.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var rightSideMenu_controller = require('./right-side-menu.controller.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 RightSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizRightSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new rightSideMenu_controller.RightSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.RightSideMenuProvider = RightSideMenuProvider;

package/lib/panel-component/app-extend-menu/top-side-menu/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var topSideMenu = require('./top-side-menu.cjs');
+var topSideMenu_provider = require('./top-side-menu.provider.cjs');
+
+"use strict";
+var IBizTopSideMenu = {
+  install(app) {
+    app.component(topSideMenu.TopSideMenu.name, topSideMenu.TopSideMenu);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_TOP_SIDE_MENU",
+      () => new topSideMenu_provider.TopSideMenuProvider()
+    );
+  }
+};
+
+exports.default = IBizTopSideMenu;

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var topSideMenu_controller = require('./top-side-menu.controller.cjs');
+require('./top-side-menu.css');
+
+"use strict";
+const TopSideMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizTopSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+      type: topSideMenu_controller.TopSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("top-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "TOP",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+exports.TopSideMenu = TopSideMenu;

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.controller.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var extendMenuBase_controller = require('../extend-menu-base/extend-menu-base.controller.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 TopSideMenuController extends extendMenuBase_controller.ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "topsidemenu");
+  }
+}
+
+exports.TopSideMenuController = TopSideMenuController;

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.css

@@ -0,0 +1 @@
+.ibiz-top-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/top-side-menu/top-side-menu.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var topSideMenu_controller = require('./top-side-menu.controller.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 TopSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizTopSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new topSideMenu_controller.TopSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.TopSideMenuProvider = TopSideMenuProvider;

package/lib/panel-component/index.cjs

@@ -34,6 +34,7 @@ var index$b = require('./auth-sso/index.cjs');
 var index$a = require('./index-blank-placeholder/index.cjs');
 var index$9 = require('./global-search/index.cjs');
 var index$u = require('./app-switch/index.cjs');
+var index$v = require('./app-extend-menu/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -92,6 +93,7 @@ const IBizPanelComponents = {
     v.use(index$t.IBizPanelButtonList);
     v.use(vue3Util.IBizAuthWxmpQrcode);
     v.use(index$u.IBizAppSwitch);
+    v.use(index$v.default);
   }
 };
 

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

@@ -60,7 +60,7 @@ class IndexViewEngine extends runtime.ViewEngineBase {
         );
       }
     }
-    if (window.innerWidth <= 1200) {
+    if (window.innerWidth <= 1200 || ibiz.config.appMenu.defaultCollapse) {
       this.toggleCollapse();
     }
   }

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

@@ -174,6 +174,14 @@ class OptViewEngine extends runtime.ViewEngineBase {
   load() {
     return this.form.load();
   }
+  /**
+   * @description 刷新
+   * @returns {*}  {Promise<void>}
+   * @memberof OptViewEngine
+   */
+  async refresh() {
+    await this.form.refresh();
+  }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
     if (key === runtime.SysUIActionTag.CANCEL) {
@@ -191,6 +199,10 @@ class OptViewEngine extends runtime.ViewEngineBase {
     if (key === runtime.ViewCallTag.VALIDATE) {
       return this.form.validate();
     }
+    if (key === runtime.SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
     return super.call(key, args);
   }
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.2",
+  "version": "0.7.41-alpha.4",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -36,12 +36,12 @@
     "@ibiz-template-plugin/data-view": "0.0.4",
     "@ibiz-template/core": "0.7.41-alpha.2",
     "@ibiz-template/devtool": "0.0.11",
-    "@ibiz-template/model-helper": "0.7.41-alpha.2",
-    "@ibiz-template/runtime": "0.7.41-alpha.2",
+    "@ibiz-template/model-helper": "0.7.41-alpha.4",
+    "@ibiz-template/runtime": "0.7.41-alpha.4",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.2",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.4",
     "@ibiz-template/web-theme": "3.4.0",
-    "@ibiz/model-core": "^0.1.76",
+    "@ibiz/model-core": "^0.1.77",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -106,7 +106,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.76",
+    "@ibiz/model-core": "^0.1.77",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",

package/dist/chart-GgAfcR6o.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","lodash-es","@ibiz-template/runtime"],(function(e){"use strict";var t,i,a,l,r,n,o,s,d,c,h,u,m,p,v,f,g,w;return{setters:[function(e){t=e.defineComponent,i=e.ref,a=e.watch,l=e.onMounted,r=e.onBeforeUnmount,n=e.createVNode,o=e.resolveComponent,s=e.nextTick,d=e.isVNode},function(e){c=e.useControlController,h=e.useNamespace,u=e.hasEmptyPanelRenderer,m=e.IBizCustomRender},function(e){p=e.init},function(e){v=e.createUUID},function(e){f=e.isArray},function(e){g=e.ChartController,w=e.ControlVO}],execute:function(){function b(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}e("default",t({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}},emits:["drillDetail"],setup(e,{emit:t}){const d=c(((...e)=>new g(...e))),D=h("control-".concat(d.model.controlType.toLowerCase())),y=i(),z=i(0),C=v(),L=i(!1),x=i({}),P=i();let R;const S=()=>{e.data&&(d.state.items=e.data.map((e=>new w(e))),d.afterLoad({},d.state.items))};d.evt.on("onCreated",(async()=>{e.isSimple&&(S(),d.state.isSimple=!0,d.state.isLoaded=!0)})),a((()=>e.data),(()=>{e.isSimple&&S()}),{deep:!0});const B=async()=>{await s();const e=document.getElementById(C);e&&("bottom"===d.state.gridPosition||"top"===d.state.gridPosition?z.value=e.offsetHeight/2-8:z.value=e.offsetHeight-16)},E=()=>{L.value=!1},N=()=>{L.value||d.changeTooltipState(!0)};let O;l((()=>{var t,i;const a=p(y.value);d.initChart(a),window.addEventListener("resize",B),window.addEventListener("pointerdown",E),window.addEventListener("click",N),y.value&&ResizeObserver&&(O=new ResizeObserver((()=>{d.resizeChart()})),O.observe(y.value)),B();let l=(null==(i=null==(t=e.modelData.controlParam)?void 0:t.ctrlParams)?void 0:i.ENABLEDRILLDETAIL)||d.controlParams.enabledrilldetail;if(!f(l))try{l=JSON.parse(l)}catch(e){ibiz.log.error(e),l=void 0}(null==l?void 0:l.length)&&a.on("click",(e=>{const t=d.computedClickSerieModel(e);if(!t||ibiz.fullscreenUtil.isFullScreen)return;const i=l.find((e=>e.name===t.valueField));i&&i.isDrill&&(R=e,(e=>{if(e.event){const t=e.event.event,{offsetX:i,offsetY:a}=e.event,{clientWidth:l}=t.target;x.value=i+160>l?{top:"".concat(a-20,"px"),left:"".concat(i-160,"px")}:{top:"".concat(a,"px"),left:"".concat(i+16,"px")}}})(e),a.dispatchAction({type:"hideTip"}),d.changeTooltipState(!1),L.value=!0)}))}));a((()=>d.state.showGrid),(()=>{B()}),{immediate:!0});return r((()=>{window.removeEventListener("resize",B),window.removeEventListener("pointerdown",E),window.removeEventListener("click",N),null==O||O.disconnect()})),{c:d,ns:D,chartRef:y,uuid:C,showCheck:L,drillDetailPos:x,drillDetailRef:P,openDrillDetail:e=>{e.stopPropagation(),e.preventDefault(),L.value=!1,d.changeTooltipState(!0);const i=d.computedDrillDetailParam(R);t("drillDetail",i)},renderGrid:()=>{let e;return n(o("el-table"),{ref:"tableRef",data:d.state.gridData||[],border:!0,style:{width:"100%"},"max-height":z.value,"header-row-class-name":D.e("grid-header")},b(e=d.state.gridHeaders.map((e=>n(o("el-table-column"),{prop:e.id,align:"center",label:e.name},null))))?e:{default:()=>[e]})},renderNoData:()=>{if(0===d.state.items.length){const e={};return u(d)&&Object.assign(e,{customRender:()=>n(m,{controller:d},null)}),n(o("iBizNoData"),{text:d.model.emptyText,emptyTextLanguageRes:d.model.emptyTextLanguageRes,hideNoDataImage:d.state.hideNoDataImage},b(e)?e:{default:()=>[e]})}}}},render(){return n(o("iBizControlBase"),{controller:this.c},{default:()=>[n("div",{id:this.uuid,class:this.ns.b("chart-container")},[this.renderNoData(),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.showCheck?n("div",{ref:"drillDetailRef",class:this.ns.e("drill-detail"),style:this.drillDetailPos,onPointerdown:this.openDrillDetail},[n("div",{class:this.ns.em("drill-detail","item")},[n("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",height:"1em",width:"1em",focusable:"false",fill:"currentColor"},[n("g",{id:"aspnormal/preview","stroke-width":"1","fill-rule":"evenodd"},[n("path",{d:"M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",id:"asp合并形状"},null)])]),n("div",{class:this.ns.em("drill-detail","item-text")},[ibiz.i18n.t("control.chart.drillDetail")])])]):null]),this.c.state.showGrid?n("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));