@ibiz-template/vue3-components 0.3.2 → 0.3.4

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts

@@ -1,7 +1,7 @@
 import { PropType, VNode } from 'vue';
 import { IPanelItem, IViewLayoutPanel } from '@ibiz/model-core';
 import './view-layout-panel.scss';
-import { IControlProvider, IPanelItemController, IPanelItemProvider, ViewLayoutPanelController } from '@ibiz-template/runtime';
+import { IController, IControlProvider, IPanelItemController, IPanelItemProvider, ViewLayoutPanelController } from '@ibiz-template/runtime';
 /**
  * 视图布局面板组件
  */
@@ -21,6 +21,9 @@ export declare const ViewLayoutPanelControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
     data: PropType<IData>;
 }, {
     c: ViewLayoutPanelController;
@@ -49,6 +52,9 @@ export declare const ViewLayoutPanelControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
     data: PropType<IData>;
 }>>, {
     params: IParams;

package/es/control/panel/view-layout-panel/view-layout-panel.mjs

@@ -25,12 +25,15 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
     provider: {
       type: Object
     },
+    container: {
+      type: Object
+    },
     data: Object
   },
   setup(props, {
     slots
   }) {
-    const c = useControlController((...args) => new ViewLayoutPanelController(...args));
+    const c = useControlController((...args) => new ViewLayoutPanelController(...args, props.container));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     watch(() => props.data, (newVal) => {
       if (newVal) {

package/es/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:0}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:0}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:nth-child(2){padding-left:0}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:0}
+.ibiz-control-tabexppanel .el-tabs .el-tabs__header{margin:0}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:0}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:0}.ibiz-control-tabexppanel .el-tabs.el-tabs--bottom,.ibiz-control-tabexppanel .el-tabs.el-tabs--top{padding-left:var(--ibiz-spacing-base)}

package/es/control/toolbar/toolbar.mjs

@@ -86,6 +86,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         const actionId = item.uiactionId;
         if (actionId === "exportexcel") {
           return createVNode(IBizExportExcel, {
+            "class": [ns.e("item"), ns.e("item-deuiaction")],
             "item": item,
             "btnContent": btnContent,
             "size": btnSize.value,

package/es/panel-component/index.mjs

@@ -17,6 +17,7 @@ import { IBizPanelRememberMe } from './panel-remember-me/index.mjs';
 import { IBizIndexActions } from './index-actions/index.mjs';
 import { IBizPanelContainerGroup } from './panel-container-group/index.mjs';
 import { IBizUserMessage } from './user-message/index.mjs';
+import { IBizSearchFormButtons } from './searchform-buttons/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';
@@ -54,6 +55,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerGroup);
     v.use(IBizUserMessage);
     v.use(IBizPanelContainerImage);
+    v.use(IBizSearchFormButtons);
   }
 };
 

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -94,15 +94,11 @@ class NavPosIndexController extends PanelItemController {
     currentKey,
     fullPath
   }) {
-    if (currentKey === "") {
-      return;
-    }
     const isCurrentKeyChange = this.state.currentKey !== currentKey;
     if (isCurrentKeyChange) {
       if (this.state.cacheKeys.includes(currentKey) && this.router && this.router.currentRoute.value.matched.length === this.routeDepth + 1) {
         const lastFullPath = this.state.navViewMsgs[currentKey].fullPath;
         if (lastFullPath !== fullPath) {
-          console.log("redirect to lastFullPath", lastFullPath);
           setTimeout(() => {
             this.router.push({ path: lastFullPath });
           }, 0);
@@ -114,6 +110,9 @@ class NavPosIndexController extends PanelItemController {
         this.navTabs.state.currentKey = currentKey;
       }
     }
+    if (currentKey === "") {
+      return;
+    }
     const index = this.state.operateSort.indexOf(currentKey);
     if (index !== -1) {
       this.state.operateSort.splice(index, 1);

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

@@ -0,0 +1,25 @@
+export declare const IBizSearchFormButtons: 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("./searchform-buttons.controller").SearchFormButtonsController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("./searchform-buttons.controller").SearchFormButtonsController;
+    onSearchButtonClick: () => void;
+    onResetButtonClick: () => 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("./searchform-buttons.controller").SearchFormButtonsController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizSearchFormButtons;

package/es/panel-component/searchform-buttons/index.mjs

@@ -0,0 +1,18 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { SearchFormButtons } from './searchform-buttons.mjs';
+import { SearchFormButtonsProvider } from './searchform-buttons.provider.mjs';
+
+"use strict";
+const IBizSearchFormButtons = withInstall(
+  SearchFormButtons,
+  function(v) {
+    v.component(SearchFormButtons.name, SearchFormButtons);
+    registerPanelItemProvider(
+      "RAWITEM_SEARCHFORM_BUTTONS",
+      () => new SearchFormButtonsProvider()
+    );
+  }
+);
+
+export { IBizSearchFormButtons, IBizSearchFormButtons as default };

package/es/panel-component/searchform-buttons/searchform-buttons.controller.d.ts

@@ -0,0 +1,38 @@
+import { ISearchFormController, PanelItemController } from '@ibiz-template/runtime';
+/**
+ * 搜索表单按钮控制器
+ * @author lxm
+ * @date 2023-11-21 02:18:14
+ * @export
+ * @class SearchFormButtonsController
+ * @extends {PanelItemController}
+ */
+export declare class SearchFormButtonsController extends PanelItemController {
+    /**
+     * 搜索按钮样式
+     * @author lxm
+     * @date 2023-11-21 03:25:31
+     * @type {(string | 'DEFAULT' | 'NONE' | 'SEARCHONLY' | 'USER' | 'USER2')}
+     */
+    get searchButtonStyle(): string;
+    /**
+     * 搜索表单控制器
+     * @author lxm
+     * @date 2023-11-21 04:32:58
+     * @type {ISearchFormController}
+     */
+    searchFrom: ISearchFormController;
+    protected onInit(): Promise<void>;
+    /**
+     * 点击搜索按钮
+     * @author lxm
+     * @date 2023-11-21 04:31:55
+     */
+    onSearchButtonClick(): void;
+    /**
+     * 点击重置按钮
+     * @author lxm
+     * @date 2023-11-21 04:32:09
+     */
+    onResetButtonClick(): void;
+}

package/es/panel-component/searchform-buttons/searchform-buttons.controller.mjs

@@ -0,0 +1,67 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { PanelItemController, UIActionUtil } 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 SearchFormButtonsController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 搜索表单控制器
+     * @author lxm
+     * @date 2023-11-21 04:32:58
+     * @type {ISearchFormController}
+     */
+    __publicField(this, "searchFrom");
+  }
+  /**
+   * 搜索按钮样式
+   * @author lxm
+   * @date 2023-11-21 03:25:31
+   * @type {(string | 'DEFAULT' | 'NONE' | 'SEARCHONLY' | 'USER' | 'USER2')}
+   */
+  get searchButtonStyle() {
+    return this.searchFrom.model.searchButtonStyle || "DEFAULT";
+  }
+  async onInit() {
+    await super.onInit();
+    const searchFrom = this.panel.container;
+    if (!searchFrom) {
+      throw new RuntimeError("\u5F53\u524D\u89C6\u56FE\u91CC\u6CA1\u6709\u627E\u5230\u53EBsearchform\u7684\u641C\u7D22\u8868\u5355");
+    }
+    this.searchFrom = searchFrom;
+  }
+  /**
+   * 点击搜索按钮
+   * @author lxm
+   * @date 2023-11-21 04:31:55
+   */
+  onSearchButtonClick() {
+    UIActionUtil.execAndResolved("search", {
+      context: this.panel.context,
+      params: this.panel.params,
+      data: [],
+      view: this.panel.view
+    });
+  }
+  /**
+   * 点击重置按钮
+   * @author lxm
+   * @date 2023-11-21 04:32:09
+   */
+  onResetButtonClick() {
+    UIActionUtil.execAndResolved("reset", {
+      context: this.panel.context,
+      params: this.panel.params,
+      data: [],
+      view: this.panel.view
+    });
+  }
+}
+
+export { SearchFormButtonsController };

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -0,0 +1 @@
+.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}

package/es/panel-component/searchform-buttons/searchform-buttons.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import './searchform-buttons.scss';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { SearchFormButtonsController } from './searchform-buttons.controller';
+export declare const SearchFormButtons: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof SearchFormButtonsController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SearchFormButtonsController;
+    onSearchButtonClick: () => void;
+    onResetButtonClick: () => 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 SearchFormButtonsController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -0,0 +1,63 @@
+import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './searchform-buttons.css';
+import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
+
+"use strict";
+const SearchFormButtons = /* @__PURE__ */ defineComponent({
+  name: "IBizSearchFormButtons",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: SearchFormButtonsController,
+      required: true
+    }
+  },
+  setup(prop) {
+    const ns = useNamespace("searchform-buttons");
+    const c = prop.controller;
+    const onSearchButtonClick = () => {
+      c.onSearchButtonClick();
+    };
+    const onResetButtonClick = () => {
+      c.onResetButtonClick();
+    };
+    return {
+      ns,
+      c,
+      onSearchButtonClick,
+      onResetButtonClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [this.controller.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
+      "onClick": this.onSearchButtonClick
+    }, {
+      default: () => [createTextVNode("\u641C\u7D22")]
+    }) : createVNode(resolveComponent("el-dropdown"), {
+      "split-button": true,
+      "type": "primary",
+      "onClick": this.onSearchButtonClick
+    }, {
+      default: () => createVNode("span", {
+        "class": this.ns.b("label")
+      }, [createTextVNode("\u641C\u7D22")]),
+      dropdown: () => {
+        return createVNode(resolveComponent("el-dropdown-menu"), null, {
+          default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.onResetButtonClick
+          }, {
+            default: () => [createTextVNode("\u91CD\u7F6E")]
+          })]
+        });
+      }
+    })]);
+  }
+});
+
+export { SearchFormButtons };

package/es/panel-component/searchform-buttons/searchform-buttons.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 SearchFormButtonsProvider
+ * @implements {EditorProvider}
+ */
+export declare class SearchFormButtonsProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/searchform-buttons/searchform-buttons.provider.mjs

@@ -0,0 +1,21 @@
+import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
+
+"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 SearchFormButtonsProvider {
+  constructor() {
+    __publicField(this, "component", "IBizSearchFormButtons");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new SearchFormButtonsController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { SearchFormButtonsProvider };

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

@@ -16,6 +16,10 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     appDataEntity: {
       type: Object,
       required: true
+    },
+    dataImport: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -25,6 +29,7 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
       state: "ready",
       message: ""
     });
+    const errorMessage = vue.ref("");
     const isLoading = vue.ref(false);
     const onCancelButtonClick = () => {
       props.dismiss();
@@ -34,20 +39,21 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
       if (!obj.files) {
         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);
+          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport);
           ibiz.notification.info({
             desc: "\u5F00\u59CB\u5BFC\u5165\uFF0C\u8BE6\u7EC6\u8FDB\u5EA6\u548C\u7ED3\u679C\u8BF7\u770B\u5E94\u7528\u901A\u77E5"
           });
           onCancelButtonClick();
           return;
         }
-        result = await runtime.importData(selectedFile, props.appDataEntity);
+        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport);
         ibiz.mc.command.send({
           srfdecodename: props.appDataEntity.codeName
         }, "OBJECTCREATED");
@@ -61,18 +67,25 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
         const errorNum = total - success;
         message.value.state = _message ? "error" : "over";
         message.value.message = _message || `\u5171\u8BA1\u5BFC\u5165\u6570\u636E ${totalNum} \u6761\uFF0C\u9519\u8BEF[${errorNum}]\uFF0C\u6210\u529F[${successNum}]`;
+      } catch (error) {
+        if (error instanceof Error) {
+          errorMessage.value = error.message;
+        }
       } finally {
         isLoading.value = false;
       }
     };
     const onLinkClick = async () => {
-      var _a;
-      const templateUrl = `${props.appDataEntity.codeName2.toLowerCase()}/importtemplate`;
+      var _a, _b;
+      let templateUrl = `${props.appDataEntity.codeName2.toLowerCase()}/importtemplate`;
+      if ((_a = props.dataImport) == null ? void 0 : _a.codeName) {
+        templateUrl += `?srfimporttag=${props.dataImport.codeName}`;
+      }
       const res = await ibiz.net.request(templateUrl, {
         responseType: "blob"
       });
       if (res.status === 200) {
-        let fileName = ((_a = res.headers["content-disposition"].split(";").find((str) => str.indexOf("filename=") !== -1)) == null ? void 0 : _a.slice(9)) || "";
+        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"
@@ -98,7 +111,8 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
       onFileChange,
       inputUpLoad,
       isLoading,
-      message
+      message,
+      errorMessage
     };
   },
   render() {
@@ -126,7 +140,9 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.be("message", "title")
     }, [vue.createTextVNode("\u5BFC\u5165\u7ED3\u679C")]), vue.createVNode("div", {
       "class": [this.ns.be("message", "content"), this.ns.is("error", this.message.state === "error")]
-    }, [this.message.message])]), vue.createVNode("div", {
+    }, [this.message.message])]), this.errorMessage && vue.createVNode("div", {
+      "class": this.ns.b("error-message")
+    }, [this.errorMessage]), vue.createVNode("div", {
       "class": this.ns.e("template-container")
     }, [vue.createVNode("div", {
       "class": this.ns.e("template-description")

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

@@ -1 +1 @@
-.ibiz-data-import{display:flex;flex-flow:column nowrap;width:544px;height:368px;padding:20px;background:var(--ibiz-color-bg-1)}.ibiz-data-import__caption{margin-bottom:16px;font-size:var(--ibiz-font-size-large);font-weight:600;color:var(--ibiz-text-color)}.ibiz-data-import__template-container{padding:16px 12px 0;margin-bottom:16px}.ibiz-data-import__template-link{color:#57a3fd;cursor:pointer}.ibiz-data-import__link-icon{height:19px;margin-right:2px;vertical-align:bottom}.ibiz-data-import__button-bar{margin-right:20px;text-align:right}.ibiz-data-import__button-bar .ivu-btn{margin-left:8px}.ibiz-data-import-upload{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex-grow:1;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-upload__img{width:50px;height:50px;margin-bottom:20px}.ibiz-data-import-message{display:flex;flex-flow:column nowrap;flex-grow:1;padding:8px 16px;overflow:auto;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-message__title{font-size:var(--ibiz-font-size-medium);font-weight:600}.ibiz-data-import-message__content{padding-left:16px}.ibiz-data-import-message__content.is-error{color:var(--ibiz-color-danger)}
+.ibiz-data-import{display:flex;flex-flow:column nowrap;width:544px;height:368px;padding:20px;background:var(--ibiz-color-bg-1)}.ibiz-data-import__caption{margin-bottom:16px;font-size:var(--ibiz-font-size-large);font-weight:600;color:var(--ibiz-text-color)}.ibiz-data-import__template-container{padding:16px 12px 0;margin-bottom:16px}.ibiz-data-import__template-link{color:#57a3fd;cursor:pointer}.ibiz-data-import__link-icon{height:19px;margin-right:2px;vertical-align:bottom}.ibiz-data-import__button-bar{margin-right:20px;text-align:right}.ibiz-data-import__button-bar .ivu-btn{margin-left:8px}.ibiz-data-import-upload{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex-grow:1;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-upload__img{width:50px;height:50px;margin-bottom:20px}.ibiz-data-import-message{display:flex;flex-flow:column nowrap;flex-grow:1;padding:8px 16px;overflow:auto;cursor:pointer;background:var(--ibiz-color-bg-1);border:1px dashed var(--ibiz-color-border);border-radius:4px}.ibiz-data-import-message__title{font-size:var(--ibiz-font-size-medium);font-weight:600}.ibiz-data-import-message__content{padding-left:16px}.ibiz-data-import-message__content.is-error{color:var(--ibiz-color-danger)}.ibiz-data-import-error-message{padding:var(--ibiz-spacing-base) var(--ibiz-spacing-base-tight) 0;color:var(--ibiz-color-danger)}