@ibiz-template/vue3-components 0.7.0 → 0.7.2

package/lib/panel-component/data-import/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var dataImportShell = require('./data-import-shell.cjs');
+var dataImport_provider = require('./data-import.provider.cjs');
+
+"use strict";
+const IBizDataImport = vue3Util.withInstall(dataImportShell.DataImportShell, function(v) {
+  v.component(dataImportShell.DataImportShell.name, dataImportShell.DataImportShell);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_DATA_IMPORT",
+    () => new dataImport_provider.DataImportProvider()
+  );
+});
+
+exports.IBizDataImport = IBizDataImport;
+exports.default = IBizDataImport;

package/lib/panel-component/index.cjs

@@ -5,25 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue3Util = require('@ibiz-template/vue3-util');
 var index = require('./auth-userinfo/index.cjs');
 var index$1 = require('./nav-pos-index/index.cjs');
-var index$8 = require('./nav-tabs/index.cjs');
+var index$9 = require('./nav-tabs/index.cjs');
 var index$2 = require('./panel-button/index.cjs');
 var index$3 = require('./panel-app-title/index.cjs');
-var index$9 = require('./panel-app-header/index.cjs');
-var index$a = require('./panel-view-header/index.cjs');
-var index$b = require('./panel-exp-header/index.cjs');
-var index$c = require('./panel-view-content/index.cjs');
+var index$a = require('./panel-app-header/index.cjs');
+var index$b = require('./panel-view-header/index.cjs');
+var index$c = require('./panel-exp-header/index.cjs');
+var index$d = require('./panel-view-content/index.cjs');
 var index$4 = require('./panel-tab-panel/index.cjs');
 var index$5 = require('./split-container/index.cjs');
 var index$6 = require('./panel-index-view-search/index.cjs');
-var index$d = require('./panel-app-login-view/index.cjs');
-var index$e = require('./panel-remember-me/index.cjs');
+var index$e = require('./panel-app-login-view/index.cjs');
+var index$f = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
-var index$f = require('./user-message/index.cjs');
-var index$g = require('./searchform-buttons/index.cjs');
-var index$h = require('./view-message/index.cjs');
-var index$i = require('./panel-static-carousel/index.cjs');
-var index$j = require('./coop-pos/index.cjs');
-var index$k = require('./view-msg-pos/index.cjs');
+var index$g = require('./user-message/index.cjs');
+var index$h = require('./searchform-buttons/index.cjs');
+var index$i = require('./view-message/index.cjs');
+var index$j = require('./panel-static-carousel/index.cjs');
+var index$k = require('./coop-pos/index.cjs');
+var index$l = require('./view-msg-pos/index.cjs');
+var index$8 = require('./user-action/index.cjs');
+var index$m = require('./data-import/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');
@@ -38,37 +40,39 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizScrollContainer);
     v.use(index.IBizAuthUserinfo);
     v.use(index$1.IBizNavPosIndex);
-    v.use(index$8.IBizNavTabs);
+    v.use(index$9.IBizNavTabs);
     v.use(index$2.IBizPanelButton);
     v.use(vue3Util.IBizNavPos);
     v.use(index$3.IBizPanelAppTitle);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
     v.use(vue3Util.IBizPanelField);
-    v.use(index$9.IBizPanelAppHeader);
-    v.use(index$a.IBizPanelViewHeader);
-    v.use(index$b.IBizPanelExpHeader);
+    v.use(index$a.IBizPanelAppHeader);
+    v.use(index$b.IBizPanelViewHeader);
+    v.use(index$c.IBizPanelExpHeader);
     v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$c.IBizPanelViewContent);
+    v.use(index$d.IBizPanelViewContent);
     v.use(vue3Util.IBizGridContainer);
     v.use(index$4.IBizPanelTabPanel);
     v.use(vue3Util.IBizPanelTabPage);
     v.use(index$5.IBizSplitContainer);
     v.use(index$6.IBizPanelIndexViewSearch);
-    v.use(index$d.IBizPanelAppLoginView);
-    v.use(index$e.IBizPanelRememberMe);
+    v.use(index$e.IBizPanelAppLoginView);
+    v.use(index$f.IBizPanelRememberMe);
     v.use(index$7.IBizIndexActions);
     v.use(vue3Util.IBizPanelContainerGroup);
-    v.use(index$f.IBizUserMessage);
+    v.use(index$g.IBizUserMessage);
     v.use(vue3Util.IBizPanelContainerImage);
-    v.use(index$g.IBizSearchFormButtons);
+    v.use(index$h.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
-    v.use(index$h.IBizViewMessage);
-    v.use(index$i.IBizPanelStaticCarousel);
+    v.use(index$i.IBizViewMessage);
+    v.use(index$j.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
-    v.use(index$j.IBizCoopPos);
-    v.use(index$k.IBizViewMsgPos);
+    v.use(index$k.IBizCoopPos);
+    v.use(index$l.IBizViewMsgPos);
+    v.use(index$8.IBizUserAction);
+    v.use(index$m.IBizDataImport);
   }
 };
 
@@ -80,6 +84,7 @@ exports.IBizPanelTabPanel = index$4.IBizPanelTabPanel;
 exports.IBizSplitContainer = index$5.IBizSplitContainer;
 exports.IBizPanelIndexViewSearch = index$6.IBizPanelIndexViewSearch;
 exports.IBizIndexActions = index$7.IBizIndexActions;
+exports.IBizUserAction = index$8.IBizUserAction;
 exports.NavPosIndexState = navPosIndex_state.NavPosIndexState;
 exports.NavPosIndexController = navPosIndex_controller.NavPosIndexController;
 exports.PanelButtonController = panelButton_controller.PanelButtonController;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.cjs

@@ -60,11 +60,16 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
           tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
           await ibiz.commands.execute(runtime.AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, {
             ...tempParam,
-            query: query.value
+            srfquery: query.value
           }, {});
         }
       }
     };
+    const onEnter = (event) => {
+      if (event.key === "Enter") {
+        onSearch();
+      }
+    };
     return {
       ns,
       classArr,
@@ -73,7 +78,8 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       onSearch,
       c,
       query,
-      menuAlign
+      menuAlign,
+      onEnter
     };
   },
   render() {
@@ -87,7 +93,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("search"),
       "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
       "onInput": this.onInput,
-      "onChange": this.onSearch
+      "onKeyup": this.onEnter
     }, {
       prefix: () => {
         return vue.createVNode("ion-icon", {

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var userAction = require('./user-action.cjs');
+var userActionProvider = require('./user-action-provider.cjs');
+
+"use strict";
+const IBizUserAction = vue3Util.withInstall(userAction.UserAction, function(v) {
+  v.component(userAction.UserAction.name, userAction.UserAction);
+  runtime.registerPanelItemProvider("RAWITEM_SETTING", () => new userActionProvider.UserActionProvider());
+  runtime.registerPanelItemProvider("RAWITEM_HELPER", () => new userActionProvider.UserActionProvider());
+  runtime.registerPanelItemProvider("RAWITEM_CUSTOM", () => new userActionProvider.UserActionProvider());
+});
+
+exports.IBizUserAction = IBizUserAction;
+exports.default = IBizUserAction;

package/lib/panel-component/user-action/user-action-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 UserActionProvider {
+  constructor() {
+    __publicField(this, "component", "IBizUserAction");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.UserActionProvider = UserActionProvider;

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

@@ -0,0 +1,76 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+require('./user-action.css');
+
+"use strict";
+const UserAction = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizUserAction",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("user-action");
+    const c = props.controller;
+    const imgConfig = {
+      SETTING: {
+        imagePath: "svg/setting.svg"
+      },
+      HELPER: {
+        imagePath: "svg/helper.svg"
+      },
+      CUSTOM: {
+        imagePath: "svg/custom-workbench.svg"
+      }
+    };
+    let sysImage = props.modelData.sysImage;
+    if (!sysImage && props.modelData && props.modelData.rawItem) {
+      const predefinedType = props.modelData.rawItem.predefinedType;
+      if (predefinedType) {
+        sysImage = imgConfig[predefinedType];
+      }
+    }
+    const onClick = async () => {
+      const id = props.modelData.id;
+      const menuC = c.panel.view.getController("appmenu");
+      if (menuC) {
+        const targetMenu = menuC.allAppMenuItems.find((item) => {
+          return item.id === id;
+        });
+        if (targetMenu) {
+          const tempContext = c.panel.context.clone();
+          const tempParam = c.panel.params;
+          tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
+          await ibiz.commands.execute(runtime.AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {});
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      sysImage,
+      onClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.onClick,
+      "title": this.modelData.caption
+    }, [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
+      "class": [this.ns.e("image")],
+      "icon": this.sysImage
+    }, null)]);
+  }
+});
+
+exports.UserAction = UserAction;

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

@@ -0,0 +1 @@
+.ibiz-user-action{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-action__image{display:flex;place-items:center center;justify-content:center;width:28px;height:28px;margin-bottom:6px;cursor:pointer}

package/lib/view-engine/app-data-upload-view.engine.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class AppDataUploadViewEngine extends runtime.ViewEngineBase {
+}
+
+exports.AppDataUploadViewEngine = AppDataUploadViewEngine;

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

@@ -32,6 +32,18 @@ class IndexViewEngine extends runtime.ViewEngineBase {
   }
   async onMounted() {
     await super.onMounted();
+    if (!this.isExistAndInLayout("appmenu")) {
+      const { model, context, params } = this.view;
+      const { defAppViewId } = model;
+      if (defAppViewId) {
+        ibiz.commands.execute(
+          runtime.OpenAppViewCommand.TAG,
+          defAppViewId,
+          context,
+          params
+        );
+      }
+    }
     if (window.innerWidth <= 1200) {
       this.toggleCollapse();
     }

package/lib/view-engine/index.cjs

@@ -46,6 +46,7 @@ var ganttView_engine = require('./gantt-view.engine.cjs');
 var deIndexViewEngine = require('./de-index-view-engine.cjs');
 var subAppRefView_engine = require('./sub-app-ref-view.engine.cjs');
 var tabSearchView_engine = require('./tab-search-view.engine.cjs');
+var appDataUploadView_engine = require('./app-data-upload-view.engine.cjs');
 
 "use strict";
 const IBizViewEngine = {
@@ -238,6 +239,10 @@ const IBizViewEngine = {
       "VIEW_DESUBAPPREFVIEW",
       (c) => new subAppRefView_engine.SubAppRefViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_APPDATAUPLOADVIEW",
+      (c) => new appDataUploadView_engine.AppDataUploadViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_GridView9",
       (c) => new gridView_engine.GridViewEngine(c)

package/lib/view-engine/tab-search-view.engine.cjs

@@ -62,6 +62,11 @@ class TabSearchViewEngine extends tabExpView_engine.TabExpViewEngine {
         this.calcViewParams();
       });
     }
+    if (this.tabExpPanel) {
+      this.tabExpPanel.evt.on("onTabChange", () => {
+        this.calcViewParams();
+      });
+    }
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "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.1",
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.46",
-    "@ibiz-template/core": "0.7.0",
+    "@ibiz-template/core": "0.7.2",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.0",
-    "@ibiz-template/runtime": "0.7.0",
+    "@ibiz-template/model-helper": "0.7.2",
+    "@ibiz-template/runtime": "0.7.2",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.0",
-    "@ibiz-template/web-theme": "^1.1.15",
+    "@ibiz-template/vue3-util": "0.7.2",
+    "@ibiz-template/web-theme": "^1.1.16",
     "@ibiz/model-core": "^0.1.20",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",