@ibiz-template/vue3-components 0.7.1 → 0.7.2

package/es/editor/text-box/input/input.d.ts

@@ -26,7 +26,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     c: TextBoxEditorController;
     ns: import("@ibiz-template/core").Namespace;
     rows: import("vue").Ref<number>;
-    type: import("vue").ComputedRef<"string" | "text" | "password" | "textarea">;
+    type: import("vue").ComputedRef<"string" | "text" | "textarea" | "password">;
     currentVal: import("vue").Ref<string>;
     readonlyText: import("vue").ComputedRef<string>;
     handleChange: (val: string | number) => void;

package/es/index.mjs

@@ -98,6 +98,7 @@ export { SplitContainerController } from './panel-component/split-container/spli
 export { IBizSplitContainer } from './panel-component/split-container/index.mjs';
 export { IBizPanelIndexViewSearch } from './panel-component/panel-index-view-search/index.mjs';
 export { IBizIndexActions } from './panel-component/index-actions/index.mjs';
+export { IBizUserAction } from './panel-component/user-action/index.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
 export { LoginView } from './view/login-view/login-view.mjs';
 export { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';

package/es/panel-component/data-import/data-import-shell.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './data-import-shell.scss';
+export declare const DataImportShell: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    onDismiss: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/data-import/data-import-shell.mjs

@@ -0,0 +1,49 @@
+import { resolveComponent, h, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './data-import-shell.css';
+
+"use strict";
+const DataImportShell = /* @__PURE__ */ defineComponent({
+  name: "IBizDataImportShell",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(prop) {
+    const ns = useNamespace("data-import-shell");
+    const c = prop.controller;
+    const onDismiss = () => {
+      c.panel.view.closeView();
+    };
+    return {
+      ns,
+      c,
+      onDismiss
+    };
+  },
+  render() {
+    const {
+      deDataImport,
+      appDataEntity
+    } = this.c.panel.view.state;
+    const classNames = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass];
+    const importComponentName = deDataImport.enableCustomized ? "DataImport2" : "DataImport";
+    return h(resolveComponent(importComponentName), {
+      dismiss: this.onDismiss,
+      dataImport: deDataImport,
+      appDataEntity,
+      context: this.c.panel.context,
+      params: this.c.panel.params,
+      class: classNames
+    });
+  }
+});
+
+export { DataImportShell };

package/es/panel-component/data-import/data-import.provider.d.ts

@@ -0,0 +1,15 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+/**
+ * 用户信息适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class DataImportProvider
+ * @implements {EditorProvider}
+ */
+export declare class DataImportProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/data-import/data-import.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@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 DataImportProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDataImportShell");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { DataImportProvider };

package/es/panel-component/data-import/index.d.ts

@@ -0,0 +1,24 @@
+export declare const IBizDataImport: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    onDismiss: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizDataImport;

package/es/panel-component/data-import/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DataImportShell } from './data-import-shell.mjs';
+import { DataImportProvider } from './data-import.provider.mjs';
+
+"use strict";
+const IBizDataImport = withInstall(DataImportShell, function(v) {
+  v.component(DataImportShell.name, DataImportShell);
+  registerPanelItemProvider(
+    "RAWITEM_DATA_IMPORT",
+    () => new DataImportProvider()
+  );
+});
+
+export { IBizDataImport, IBizDataImport as default };

package/es/panel-component/index.d.ts

@@ -7,6 +7,7 @@ export * from './panel-tab-panel';
 export * from './split-container';
 export * from './panel-index-view-search';
 export * from './index-actions';
+export * from './user-action';
 export declare const IBizPanelComponents: {
     install: (v: App) => void;
 };

package/es/panel-component/index.mjs

@@ -20,6 +20,8 @@ import { IBizViewMessage } from './view-message/index.mjs';
 import { IBizPanelStaticCarousel } from './panel-static-carousel/index.mjs';
 import { IBizCoopPos } from './coop-pos/index.mjs';
 import { IBizViewMsgPos } from './view-msg-pos/index.mjs';
+import { IBizUserAction } from './user-action/index.mjs';
+import { IBizDataImport } from './data-import/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -65,7 +67,9 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerTabs);
     v.use(IBizCoopPos);
     v.use(IBizViewMsgPos);
+    v.use(IBizUserAction);
+    v.use(IBizDataImport);
   }
 };
 
-export { IBizAuthUserinfo, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizPanelComponents as default };
+export { IBizAuthUserinfo, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizUserAction, IBizPanelComponents as default };

package/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -91,7 +91,6 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("search"),
       "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
       "onInput": this.onInput,
-      "onChange": this.onSearch,
       "onKeyup": this.onEnter
     }, {
       prefix: () => {

package/es/panel-component/user-action/index.d.ts

@@ -0,0 +1,25 @@
+export declare const IBizUserAction: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    onClick: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizUserAction;

package/es/panel-component/user-action/index.mjs

@@ -0,0 +1,14 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { UserAction } from './user-action.mjs';
+import { UserActionProvider } from './user-action-provider.mjs';
+
+"use strict";
+const IBizUserAction = withInstall(UserAction, function(v) {
+  v.component(UserAction.name, UserAction);
+  registerPanelItemProvider("RAWITEM_SETTING", () => new UserActionProvider());
+  registerPanelItemProvider("RAWITEM_HELPER", () => new UserActionProvider());
+  registerPanelItemProvider("RAWITEM_CUSTOM", () => new UserActionProvider());
+});
+
+export { IBizUserAction, IBizUserAction as default };

package/es/panel-component/user-action/user-action-provider.d.ts

@@ -0,0 +1,6 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+export declare class UserActionProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/user-action/user-action-provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@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 PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { UserActionProvider };

package/es/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/es/panel-component/user-action/user-action.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+import './user-action.scss';
+export declare const UserAction: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    onClick: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/user-action/user-action.mjs

@@ -0,0 +1,74 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { AppFuncCommand } from '@ibiz-template/runtime';
+import './user-action.css';
+
+"use strict";
+const UserAction = /* @__PURE__ */ defineComponent({
+  name: "IBizUserAction",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = 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(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, tempParam, {});
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      sysImage,
+      onClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.onClick,
+      "title": this.modelData.caption
+    }, [createVNode(resolveComponent("i-biz-icon"), {
+      "class": [this.ns.e("image")],
+      "icon": this.sysImage
+    }, null)]);
+  }
+});
+
+export { UserAction };

package/es/view-engine/app-data-upload-view.engine.d.ts

@@ -0,0 +1,13 @@
+import { IAppDataUploadViewState, IViewEvent, ViewController, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppView } from '@ibiz/model-core';
+/**
+ * 应用数据上传视图引擎
+ * @author lxm
+ * @date 2024-04-15 04:03:03
+ * @export
+ * @class AppDataUploadViewEngine
+ * @extends {ViewEngineBase}
+ */
+export declare class AppDataUploadViewEngine extends ViewEngineBase {
+    protected view: ViewController<IAppView, IAppDataUploadViewState, IViewEvent>;
+}

package/es/view-engine/app-data-upload-view.engine.mjs

@@ -0,0 +1,7 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class AppDataUploadViewEngine extends ViewEngineBase {
+}
+
+export { AppDataUploadViewEngine };

package/es/view-engine/index-view.engine.mjs

@@ -1,4 +1,4 @@
-import { ViewEngineBase, ViewCallTag } from '@ibiz-template/runtime';
+import { ViewEngineBase, OpenAppViewCommand, ViewCallTag } from '@ibiz-template/runtime';
 
 "use strict";
 class IndexViewEngine extends ViewEngineBase {
@@ -30,6 +30,18 @@ class IndexViewEngine extends ViewEngineBase {
   }
   async onMounted() {
     await super.onMounted();
+    if (!this.isExistAndInLayout("appmenu")) {
+      const { model, context, params } = this.view;
+      const { defAppViewId } = model;
+      if (defAppViewId) {
+        ibiz.commands.execute(
+          OpenAppViewCommand.TAG,
+          defAppViewId,
+          context,
+          params
+        );
+      }
+    }
     if (window.innerWidth <= 1200) {
       this.toggleCollapse();
     }

package/es/view-engine/index.mjs

@@ -44,6 +44,7 @@ import { GanttViewEngine } from './gantt-view.engine.mjs';
 import { DEIndexViewEngine } from './de-index-view-engine.mjs';
 import { SubAppRefViewEngine } from './sub-app-ref-view.engine.mjs';
 import { TabSearchViewEngine } from './tab-search-view.engine.mjs';
+import { AppDataUploadViewEngine } from './app-data-upload-view.engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -236,6 +237,10 @@ const IBizViewEngine = {
       "VIEW_DESUBAPPREFVIEW",
       (c) => new SubAppRefViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_APPDATAUPLOADVIEW",
+      (c) => new AppDataUploadViewEngine(c)
+    );
     ibiz.engine.register(
       "VIEW_GridView9",
       (c) => new GridViewEngine(c)

package/lib/common/data-import/data-import.cjs

@@ -35,7 +35,6 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("data-import");
-    const inputUpLoad = vue.ref();
     const message = vue.ref({
       state: "ready",
       message: ""
@@ -45,86 +44,50 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     const onCancelButtonClick = () => {
       props.dismiss();
     };
-    const onFileChange = async ($event) => {
-      const obj = $event.target;
-      if (!obj.files) {
+    const onLinkClick = async () => {
+      runtime.downloadImportTemplate(props.appDataEntity, props.dataImport);
+    };
+    const selectFile = async () => {
+      isLoading.value = true;
+      const result = await runtime.selectAndImport({
+        appDataEntity: props.appDataEntity,
+        dataImport: props.dataImport,
+        context: props.context
+      });
+      if (result.cancel) {
+        isLoading.value = false;
         return;
       }
-      errorMessage.value = "";
-      const selectedFile = obj.files[0];
-      obj.value = null;
-      let result;
-      isLoading.value = true;
-      try {
-        if (ibiz.env.enableMqtt) {
-          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-          ibiz.notification.info({
-            desc: ibiz.i18n.t("component.dataImport.startImport")
+      if (!result.isAsync) {
+        if (result.errorMessage) {
+          errorMessage.value = result.errorMessage;
+        } else {
+          const {
+            success,
+            total,
+            message: _message
+          } = result;
+          const totalNum = total ? Number(total) : 0;
+          const successNum = success ? Number(success) : 0;
+          const errorNum = total - success;
+          message.value.state = _message ? "error" : "over";
+          message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
+            totalNum,
+            successNum,
+            errorNum
           });
-          onCancelButtonClick();
-          return;
-        }
-        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport, props.context);
-        ibiz.mc.command.send({
-          srfdecodename: props.appDataEntity.codeName
-        }, "OBJECTCREATED", "DATAIMPORT");
-        const {
-          success,
-          total,
-          message: _message
-        } = result;
-        const totalNum = total ? Number(total) : 0;
-        const successNum = success ? Number(success) : 0;
-        const errorNum = total - success;
-        message.value.state = _message ? "error" : "over";
-        message.value.message = _message || ibiz.i18n.t("component.dataImport.importSuccess", {
-          totalNum,
-          successNum,
-          errorNum
-        });
-      } catch (error) {
-        if (error instanceof Error) {
-          errorMessage.value = error.message;
         }
-      } finally {
-        isLoading.value = false;
       }
-    };
-    const onLinkClick = async () => {
-      var _a, _b;
-      let templateUrl = "".concat(props.appDataEntity.codeName2.toLowerCase(), "/importtemplate");
-      if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
-        templateUrl += "?srfimporttag=".concat(props.dataImport.codeName);
+      isLoading.value = false;
+      if (result.isAsync) {
+        onCancelButtonClick();
       }
-      const res = await ibiz.net.request(templateUrl, {
-        responseType: "blob"
-      });
-      if (res.status === 200) {
-        let fileName = ((_b = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _b.slice(9)) || "";
-        fileName = decodeURIComponent(fileName);
-        const blob = new Blob([res.data], {
-          type: "application/vnd.ms-excel"
-        });
-        const elink = document.createElement("a");
-        elink.download = fileName;
-        elink.style.display = "none";
-        elink.href = URL.createObjectURL(blob);
-        document.body.appendChild(elink);
-        elink.click();
-        URL.revokeObjectURL(elink.href);
-        document.body.removeChild(elink);
-      }
-    };
-    const selectFile = () => {
-      inputUpLoad.value.click();
     };
     return {
       ns,
       onLinkClick,
       selectFile,
       onCancelButtonClick,
-      onFileChange,
-      inputUpLoad,
       isLoading,
       message,
       errorMessage
@@ -134,13 +97,7 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     let _slot, _slot2;
     return vue.withDirectives(vue.createVNode("div", {
       "class": this.ns.b()
-    }, [vue.createVNode("input", {
-      "ref": "inputUpLoad",
-      "type": "file",
-      "style": "display: none",
-      "accept": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      "onChange": this.onFileChange
-    }, null), vue.createVNode("div", {
+    }, [vue.createVNode("div", {
       "class": this.ns.e("caption")
     }, [ibiz.i18n.t("component.dataImport.importData")]), this.message.state === "ready" ? vue.createVNode("div", {
       "class": this.ns.b("upload"),

package/lib/control/form/form/form.cjs

@@ -43,16 +43,11 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const detailId = detail.id;
-      const detailProps = {
-        modelData: detail,
-        controller: c.details[detailId],
-        key: detail.id,
-        attrs: renderAttrs(detail)
-      };
       if (slots[detailId]) {
         return vue.renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
+          model: detail,
+          data: c.state.data,
+          value: c.state.data[detailId]
         });
       }
       const childSlots = {};
@@ -75,7 +70,10 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
       }
       const component = vue.resolveComponent(provider.component);
       return vue.h(component, {
-        ...detailProps
+        modelData: detail,
+        controller: c.details[detailId],
+        key: detail.id,
+        attrs: renderAttrs(detail)
       }, childSlots);
     };
     const FormDetail = (_props) => {