@ibiz-template/vue3-components 0.6.4 → 0.6.6

package/es/common/data-import/data-import.d.ts

@@ -14,6 +14,14 @@ export declare const DataImport: import("vue").DefineComponent<{
         type: PropType<IAppDEDataImport>;
         required: false;
     };
+    context: {
+        type: PropType<IContext>;
+        required: false;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: false;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onLinkClick: () => Promise<void>;
@@ -40,4 +48,12 @@ export declare const DataImport: import("vue").DefineComponent<{
         type: PropType<IAppDEDataImport>;
         required: false;
     };
+    context: {
+        type: PropType<IContext>;
+        required: false;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: false;
+    };
 }>>, {}, {}>;

package/es/common/data-import/data-import.mjs

@@ -21,6 +21,14 @@ const DataImport = /* @__PURE__ */ defineComponent({
     dataImport: {
       type: Object,
       required: false
+    },
+    context: {
+      type: Object,
+      required: false
+    },
+    params: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -47,14 +55,14 @@ const DataImport = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       try {
         if (ibiz.env.enableMqtt) {
-          asyncImportData(selectedFile, props.appDataEntity, props.dataImport);
+          asyncImportData(selectedFile, props.appDataEntity, props.dataImport, props.context);
           ibiz.notification.info({
             desc: ibiz.i18n.t("component.dataImport.startImport")
           });
           onCancelButtonClick();
           return;
         }
-        result = await importData(selectedFile, props.appDataEntity, props.dataImport);
+        result = await importData(selectedFile, props.appDataEntity, props.dataImport, props.context);
         ibiz.mc.command.send({
           srfdecodename: props.appDataEntity.codeName
         }, "OBJECTCREATED");

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -92,6 +92,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? createVNode("div", null, [createVNode(resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
+      "title": "\u95E8\u6237\u5B9A\u5236",
       "onClick": this.openDesign
     }, {
       default: () => [createVNode("ion-icon", {

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.css

@@ -1 +1 @@
-.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-icon-width:20px;--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{width:100%;height:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}
+.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-icon-width:20px;--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}

package/es/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.mjs

@@ -67,6 +67,9 @@ const AppMenuPortletControl = /* @__PURE__ */ defineComponent({
       if (!state.visible) {
         return null;
       }
+      if (!item.appMenuItems) {
+        return renderItem(item);
+      }
       return createVNode(resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,

package/es/control/drbar/drbar.d.ts

@@ -36,6 +36,7 @@ export declare const DRBarControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     handleSelect: (key: string) => void;
     renderMenuItems: (item: IDRBarItemsState) => VNode | undefined;
+    defaultActive: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEDRBar>;

package/es/control/drbar/drbar.mjs

@@ -1,6 +1,6 @@
-import { isVNode, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import { useRouter } from 'vue-router';
+import { isVNode, reactive, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
+import { useRouter, useRoute } from 'vue-router';
 import { DRBarController } from './drbar.controller.mjs';
 import './drbar.css';
 
@@ -55,6 +55,35 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
     const handleSelect = (key) => {
       c.handleSelectChange(key);
     };
+    const route = useRoute();
+    const defaultActive = ref("");
+    let expViewRoutePath = "";
+    if (c.routeDepth) {
+      expViewRoutePath = getNestedRoutePath(route, c.routeDepth);
+    }
+    watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const depth = c.routeDepth;
+        if (depth) {
+          const currentRoutePath = getNestedRoutePath(route, c.routeDepth);
+          if (currentRoutePath === expViewRoutePath) {
+            const routePath = route2routePath(route);
+            const {
+              srfnav
+            } = routePath.pathNodes[depth - 1];
+            if (srfnav && c.state.selectedItem && c.state.selectedItem !== srfnav) {
+              c.handleSelectChange(srfnav);
+              defaultActive.value = srfnav;
+            } else if (srfnav === void 0 && c.state.defaultItem && c.state.selectedItem !== c.state.defaultItem) {
+              c.handleSelectChange(c.state.defaultItem);
+              defaultActive.value = "";
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     const renderMenuItems = (item) => {
       if (item.children) {
         let subtitle = "";
@@ -98,7 +127,8 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       handleSelect,
-      renderMenuItems
+      renderMenuItems,
+      defaultActive
     };
   },
   render() {
@@ -115,7 +145,7 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
       default: () => [isCreated && !!defaultItem && createVNode(resolveComponent("el-menu"), {
         "class": this.ns.e("menu"),
         "mode": this.showMode,
-        "default-active": defaultItem,
+        "default-active": this.defaultActive || defaultItem,
         "onSelect": this.handleSelect
       }, _isSlot(_slot = drBarItems.map((item) => {
         return this.renderMenuItems(item);

package/es/control/drbar/index.d.ts

@@ -34,6 +34,7 @@ export declare const IBizDRBarControl: import("@ibiz-template/vue3-util").TypeWi
     renderMenuItems: (item: import("@ibiz-template/runtime").IDRBarItemsState) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | undefined;
+    defaultActive: import("vue").Ref<string>;
 }, 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").IDEDRBar>;

package/es/control/drtab/drtab.mjs

@@ -1,6 +1,7 @@
-import { isVNode, reactive, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import { useRouter } from 'vue-router';
+import { isVNode, reactive, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
+import { useRouter, useRoute } from 'vue-router';
+import { hasSubRoute } from '@ibiz-template/runtime';
 import { isNil } from 'ramda';
 import { DRTabController } from './drtab.controller.mjs';
 import './drtab.css';
@@ -44,6 +45,32 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     const handleTabChange = () => {
       c.handleTabChange();
     };
+    const route = useRoute();
+    let expViewRoutePath = "";
+    if (c.routeDepth) {
+      expViewRoutePath = getNestedRoutePath(route, c.routeDepth);
+    }
+    watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const depth = c.routeDepth;
+        if (depth) {
+          const currentRoutePath = getNestedRoutePath(route, c.routeDepth);
+          if (currentRoutePath === expViewRoutePath) {
+            const routePath = route2routePath(route);
+            const {
+              srfnav
+            } = routePath.pathNodes[depth - 1];
+            if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+              c.state.activeName = srfnav;
+              const isRoutePushed = !!c.routeDepth && hasSubRoute(c.routeDepth);
+              c.handleTabChange(isRoutePushed);
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     return {
       c,
       ns,

package/es/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{height:100%}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{margin:var(--ibiz-spacing-base) 0;cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/es/editor/raw/ibiz-raw/ibiz-raw.mjs

@@ -35,7 +35,7 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.value, async (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        if (typeof newVal === "string" || typeof newVal === "number") {
+        if (typeof newVal === "string" || typeof newVal === "number" || !newVal) {
           content.value = newVal;
         }
         if (template && newVal) {

package/es/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:block}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

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

@@ -38,6 +38,8 @@ export declare const IBizInput: import("vue").DefineComponent<{
     shouldAutoComplete: import("vue").ComputedRef<"on" | "new-password">;
     isEditable: import("vue").Ref<boolean>;
     setEditable: (flag: boolean) => void;
+    showLimit: import("vue").Ref<boolean>;
+    isAuto: import("vue").Ref<boolean>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;

package/es/editor/text-box/input/input.mjs

@@ -20,10 +20,20 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const editorModel = c.model;
     const isEditable = ref(false);
     const editorRef = ref();
+    const showLimit = ref(true);
+    const isAuto = ref(false);
     const rows = ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams) {
+      if (c.editorParams.SHOWLIMIT === "false") {
+        showLimit.value = false;
+      }
+      if (c.editorParams.ISAUTO === "true") {
+        isAuto.value = true;
+      }
+    }
     const type = computed(() => {
       switch (editorModel.editorType) {
         case "TEXTBOX":
@@ -223,6 +233,8 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       shouldAutoComplete,
       isEditable,
       setEditable,
+      showLimit,
+      isAuto,
       showFormDefaultContent
     };
   },
@@ -265,9 +277,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "type": this.type,
         "rows": this.rows,
         "resize": "none",
+        "autosize": this.isAuto,
         "maxlength": this.c.model.maxLength,
         "minlength": this.c.model.minLength,
-        "show-word-limit": this.c.model.showMaxLength,
+        "show-word-limit": this.showLimit && this.c.model.showMaxLength,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,

package/es/panel-component/user-message/user-message.css

@@ -1 +1 @@
-.ibiz-user-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__badge .el-badge__content{top:4px;right:calc(7px + var(--el-badge-size)/ 2);border-width:0}.ibiz-user-message-popover{width:500px!important;height:500px!important}.ibiz-user-message-popover.el-popover{padding-top:2px;padding-bottom:0}.ibiz-user-message-popover-content-box{position:relative;height:100%}.ibiz-user-message-popover-icons{position:absolute;top:10px;right:0}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read{cursor:pointer}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read:hover{color:var(--ibiz-color-primary)}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}.ibiz-user-message-notice{padding:var(--ibiz-spacing-tight)}.ibiz-user-message-notice .el-notification__group{margin:0}
+.ibiz-user-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__badge .el-badge__content{top:4px;right:calc(7px + var(--el-badge-size)/ 2);border-width:0}.ibiz-user-message-popover{width:500px!important;height:500px!important}.ibiz-user-message-popover.el-popover{padding-top:2px;padding-bottom:0}.ibiz-user-message-popover-content-box{position:relative;height:100%}.ibiz-user-message-popover-icons{position:absolute;top:10px;right:0}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read{cursor:pointer}.ibiz-user-message-popover-icons .ibiz-user-message-popover-icons-read:hover{color:var(--ibiz-color-primary)}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}.ibiz-user-message-notice{padding:var(--ibiz-spacing-tight);padding-right:var(--ibiz-spacing-base-loose)}.ibiz-user-message-notice .el-notification__group{max-width:100%;margin:0}.ibiz-user-message-notice .notice-card__content{width:calc(100% - 46px)}.ibiz-user-message-notice .notice-card__object-name{max-width:100%!important;white-space:normal!important}

package/es/web-app/guard/auth-guard/auth-guard.d.ts

@@ -85,4 +85,11 @@ export declare class AuthGuard {
      */
     initEnvironment(app: IApplication): Promise<void>;
     throw401(): void;
+    /**
+     * 根据refreshToken获取新token
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2024-03-05 11:38:20
+     */
+    refreshToken(): Promise<void>;
 }

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -1,6 +1,7 @@
-import { RuntimeError, HttpError } from '@ibiz-template/core';
+import { RuntimeError, HttpError, CoreConst } from '@ibiz-template/core';
 import { mergeDeepRight } from 'ramda';
 import { AppHooks } from '@ibiz-template/vue3-util';
+import { getCookie, setCookie } from 'qx-util';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -105,6 +106,7 @@ class AuthGuard {
     if (ibiz.env.isSaaSMode === true) {
       await this.loadOrgData();
     }
+    await this.refreshToken();
     await this.loadAppData();
     await this.initModel();
     await ibiz.auth.extendLogin();
@@ -213,6 +215,34 @@ class AuthGuard {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     });
   }
+  /**
+   * 根据refreshToken获取新token
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2024-03-05 11:38:20
+   */
+  async refreshToken() {
+    const remember = getCookie(CoreConst.TOKEN_REMEMBER);
+    const token = getCookie(CoreConst.TOKEN);
+    const refreshToken = getCookie(CoreConst.REFRESH_TOKEN);
+    const cacheDay = remember ? 7 : 0;
+    if (!token && refreshToken != null && refreshToken !== "") {
+      const res = await ibiz.net.get("/uaa/refresh_token/".concat(refreshToken));
+      if (res.ok) {
+        setCookie(CoreConst.TOKEN, res.data.token, cacheDay, true);
+        const expiredDate = (/* @__PURE__ */ new Date()).getTime() + (res.data.expirein || 7199) * 1e3;
+        setCookie(CoreConst.TOKEN_EXPIRES, "".concat(expiredDate), cacheDay, true);
+        if (res.data.refresh_token) {
+          setCookie(
+            CoreConst.REFRESH_TOKEN,
+            res.data.refresh_token,
+            cacheDay,
+            true
+          );
+        }
+      }
+    }
+  }
 }
 
 export { AuthGuard };

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

@@ -23,6 +23,14 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
     dataImport: {
       type: Object,
       required: false
+    },
+    context: {
+      type: Object,
+      required: false
+    },
+    params: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -49,14 +57,14 @@ const DataImport = /* @__PURE__ */ vue.defineComponent({
       isLoading.value = true;
       try {
         if (ibiz.env.enableMqtt) {
-          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport);
+          runtime.asyncImportData(selectedFile, props.appDataEntity, props.dataImport, props.context);
           ibiz.notification.info({
             desc: ibiz.i18n.t("component.dataImport.startImport")
           });
           onCancelButtonClick();
           return;
         }
-        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport);
+        result = await runtime.importData(selectedFile, props.appDataEntity, props.dataImport, props.context);
         ibiz.mc.command.send({
           srfdecodename: props.appDataEntity.codeName
         }, "OBJECTCREATED");

package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs

@@ -94,6 +94,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
+      "title": "\u95E8\u6237\u5B9A\u5236",
       "onClick": this.openDesign
     }, {
       default: () => [vue.createVNode("ion-icon", {

package/lib/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.cjs

@@ -69,6 +69,9 @@ const AppMenuPortletControl = /* @__PURE__ */ vue.defineComponent({
       if (!state.visible) {
         return null;
       }
+      if (!item.appMenuItems) {
+        return renderItem(item);
+      }
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
         "class": ns.b("group"),
         "name": item.id,

package/lib/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.css

@@ -1 +1 @@
-.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-icon-width:20px;--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{width:100%;height:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}
+.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-icon-width:20px;--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}

package/lib/control/drbar/drbar.cjs

@@ -57,6 +57,35 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     const handleSelect = (key) => {
       c.handleSelectChange(key);
     };
+    const route = vueRouter.useRoute();
+    const defaultActive = vue.ref("");
+    let expViewRoutePath = "";
+    if (c.routeDepth) {
+      expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+    }
+    vue.watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const depth = c.routeDepth;
+        if (depth) {
+          const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+          if (currentRoutePath === expViewRoutePath) {
+            const routePath = vue3Util.route2routePath(route);
+            const {
+              srfnav
+            } = routePath.pathNodes[depth - 1];
+            if (srfnav && c.state.selectedItem && c.state.selectedItem !== srfnav) {
+              c.handleSelectChange(srfnav);
+              defaultActive.value = srfnav;
+            } else if (srfnav === void 0 && c.state.defaultItem && c.state.selectedItem !== c.state.defaultItem) {
+              c.handleSelectChange(c.state.defaultItem);
+              defaultActive.value = "";
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     const renderMenuItems = (item) => {
       if (item.children) {
         let subtitle = "";
@@ -100,7 +129,8 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       handleSelect,
-      renderMenuItems
+      renderMenuItems,
+      defaultActive
     };
   },
   render() {
@@ -117,7 +147,7 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
       default: () => [isCreated && !!defaultItem && vue.createVNode(vue.resolveComponent("el-menu"), {
         "class": this.ns.e("menu"),
         "mode": this.showMode,
-        "default-active": defaultItem,
+        "default-active": this.defaultActive || defaultItem,
         "onSelect": this.handleSelect
       }, _isSlot(_slot = drBarItems.map((item) => {
         return this.renderMenuItems(item);

package/lib/control/drtab/drtab.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var vueRouter = require('vue-router');
+var runtime = require('@ibiz-template/runtime');
 var ramda = require('ramda');
 var drtab_controller = require('./drtab.controller.cjs');
 require('./drtab.css');
@@ -46,6 +47,32 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
     const handleTabChange = () => {
       c.handleTabChange();
     };
+    const route = vueRouter.useRoute();
+    let expViewRoutePath = "";
+    if (c.routeDepth) {
+      expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+    }
+    vue.watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const depth = c.routeDepth;
+        if (depth) {
+          const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+          if (currentRoutePath === expViewRoutePath) {
+            const routePath = vue3Util.route2routePath(route);
+            const {
+              srfnav
+            } = routePath.pathNodes[depth - 1];
+            if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+              c.state.activeName = srfnav;
+              const isRoutePushed = !!c.routeDepth && runtime.hasSubRoute(c.routeDepth);
+              c.handleTabChange(isRoutePushed);
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     return {
       c,
       ns,

package/lib/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{height:100%}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{margin:var(--ibiz-spacing-base) 0;cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -37,7 +37,7 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.value, async (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        if (typeof newVal === "string" || typeof newVal === "number") {
+        if (typeof newVal === "string" || typeof newVal === "number" || !newVal) {
           content.value = newVal;
         }
         if (template && newVal) {

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

@@ -22,10 +22,20 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const editorModel = c.model;
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const showLimit = vue.ref(true);
+    const isAuto = vue.ref(false);
     const rows = vue.ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
+    if (c.editorParams) {
+      if (c.editorParams.SHOWLIMIT === "false") {
+        showLimit.value = false;
+      }
+      if (c.editorParams.ISAUTO === "true") {
+        isAuto.value = true;
+      }
+    }
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
         case "TEXTBOX":
@@ -225,6 +235,8 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       shouldAutoComplete,
       isEditable,
       setEditable,
+      showLimit,
+      isAuto,
       showFormDefaultContent
     };
   },
@@ -267,9 +279,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         "type": this.type,
         "rows": this.rows,
         "resize": "none",
+        "autosize": this.isAuto,
         "maxlength": this.c.model.maxLength,
         "minlength": this.c.model.minLength,
-        "show-word-limit": this.c.model.showMaxLength,
+        "show-word-limit": this.showLimit && this.c.model.showMaxLength,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,