npm - @ibiz-template/vue3-components - Versions diffs - 0.6.1-alpha.1 → 0.6.1-alpha.3 - Mend

@ibiz-template/vue3-components 0.6.1-alpha.1 → 0.6.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/es/web-app/components/router-shell/router-shell.d.ts CHANGED Viewed

@@ -695,6 +695,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                                 counterId?: string | undefined;
                                 sysPFPluginId?: string | undefined;
                                 timer?: number | undefined;
+                                uniqueTag?: string | undefined;
+                                navigateContexts?: {
+                                    desc?: string | undefined;
+                                    key?: string | undefined;
+                                    value?: string | undefined;
+                                    rawValue?: boolean | undefined;
+                                    appId: string;
+                                    id?: string | undefined;
+                                    name?: string | undefined;
+                                    codeName?: string | undefined;
+                                    userParam?: Record<string, string> | undefined;
+                                    modelId?: string | undefined;
+                                    modelType?: string | undefined;
+                                }[] | undefined;
+                                navigateParams?: {
+                                    desc?: string | undefined;
+                                    key?: string | undefined;
+                                    value?: string | undefined;
+                                    rawValue?: boolean | undefined;
+                                    appId: string;
+                                    id?: string | undefined;
+                                    name?: string | undefined;
+                                    codeName?: string | undefined;
+                                    userParam?: Record<string, string> | undefined;
+                                    modelId?: string | undefined;
+                                    modelType?: string | undefined;
+                                }[] | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -1435,6 +1462,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                                     counterId?: string | undefined;
                                     sysPFPluginId?: string | undefined;
                                     timer?: number | undefined;
+                                    uniqueTag?: string | undefined;
+                                    navigateContexts?: {
+                                        desc?: string | undefined;
+                                        key?: string | undefined;
+                                        value?: string | undefined;
+                                        rawValue?: boolean | undefined;
+                                        appId: string;
+                                        id?: string | undefined;
+                                        name?: string | undefined;
+                                        codeName?: string | undefined;
+                                        userParam?: Record<string, string> | undefined;
+                                        modelId?: string | undefined;
+                                        modelType?: string | undefined;
+                                    }[] | undefined;
+                                    navigateParams?: {
+                                        desc?: string | undefined;
+                                        key?: string | undefined;
+                                        value?: string | undefined;
+                                        rawValue?: boolean | undefined;
+                                        appId: string;
+                                        id?: string | undefined;
+                                        name?: string | undefined;
+                                        codeName?: string | undefined;
+                                        userParam?: Record<string, string> | undefined;
+                                        modelId?: string | undefined;
+                                        modelType?: string | undefined;
+                                    }[] | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -2262,6 +2316,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                                 counterId?: string | undefined;
                                 sysPFPluginId?: string | undefined;
                                 timer?: number | undefined;
+                                uniqueTag?: string | undefined;
+                                navigateContexts?: {
+                                    desc?: string | undefined;
+                                    key?: string | undefined;
+                                    value?: string | undefined;
+                                    rawValue?: boolean | undefined;
+                                    appId: string;
+                                    id?: string | undefined;
+                                    name?: string | undefined;
+                                    codeName?: string | undefined;
+                                    userParam?: Record<string, string> | undefined;
+                                    modelId?: string | undefined;
+                                    modelType?: string | undefined;
+                                }[] | undefined;
+                                navigateParams?: {
+                                    desc?: string | undefined;
+                                    key?: string | undefined;
+                                    value?: string | undefined;
+                                    rawValue?: boolean | undefined;
+                                    appId: string;
+                                    id?: string | undefined;
+                                    name?: string | undefined;
+                                    codeName?: string | undefined;
+                                    userParam?: Record<string, string> | undefined;
+                                    modelId?: string | undefined;
+                                    modelType?: string | undefined;
+                                }[] | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -2762,6 +2843,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                         counterId?: string | undefined;
                         sysPFPluginId?: string | undefined;
                         timer?: number | undefined;
+                        uniqueTag?: string | undefined;
+                        navigateContexts?: {
+                            desc?: string | undefined;
+                            key?: string | undefined;
+                            value?: string | undefined;
+                            rawValue?: boolean | undefined;
+                            appId: string;
+                            id?: string | undefined;
+                            name?: string | undefined;
+                            codeName?: string | undefined;
+                            userParam?: Record<string, string> | undefined;
+                            modelId?: string | undefined;
+                            modelType?: string | undefined;
+                        }[] | undefined;
+                        navigateParams?: {
+                            desc?: string | undefined;
+                            key?: string | undefined;
+                            value?: string | undefined;
+                            rawValue?: boolean | undefined;
+                            appId: string;
+                            id?: string | undefined;
+                            name?: string | undefined;
+                            codeName?: string | undefined;
+                            userParam?: Record<string, string> | undefined;
+                            modelId?: string | undefined;
+                            modelType?: string | undefined;
+                        }[] | undefined;
                         appId: string;
                         id?: string | undefined;
                         name?: string | undefined;
@@ -3413,6 +3521,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                                     counterId?: string | undefined;
                                     sysPFPluginId?: string | undefined;
                                     timer?: number | undefined;
+                                    uniqueTag?: string | undefined;
+                                    navigateContexts?: {
+                                        desc?: string | undefined;
+                                        key?: string | undefined;
+                                        value?: string | undefined;
+                                        rawValue?: boolean | undefined;
+                                        appId: string;
+                                        id?: string | undefined;
+                                        name?: string | undefined;
+                                        codeName?: string | undefined;
+                                        userParam?: Record<string, string> | undefined;
+                                        modelId?: string | undefined;
+                                        modelType?: string | undefined;
+                                    }[] | undefined;
+                                    navigateParams?: {
+                                        desc?: string | undefined;
+                                        key?: string | undefined;
+                                        value?: string | undefined;
+                                        rawValue?: boolean | undefined;
+                                        appId: string;
+                                        id?: string | undefined;
+                                        name?: string | undefined;
+                                        codeName?: string | undefined;
+                                        userParam?: Record<string, string> | undefined;
+                                        modelId?: string | undefined;
+                                        modelType?: string | undefined;
+                                    }[] | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -3816,6 +3951,33 @@ export declare const RouterShell: import("vue").DefineComponent<{
                     counterId?: string | undefined;
                     sysPFPluginId?: string | undefined;
                     timer?: number | undefined;
+                    uniqueTag?: string | undefined;
+                    navigateContexts?: {
+                        desc?: string | undefined;
+                        key?: string | undefined;
+                        value?: string | undefined;
+                        rawValue?: boolean | undefined;
+                        appId: string;
+                        id?: string | undefined;
+                        name?: string | undefined;
+                        codeName?: string | undefined;
+                        userParam?: Record<string, string> | undefined;
+                        modelId?: string | undefined;
+                        modelType?: string | undefined;
+                    }[] | undefined;
+                    navigateParams?: {
+                        desc?: string | undefined;
+                        key?: string | undefined;
+                        value?: string | undefined;
+                        rawValue?: boolean | undefined;
+                        appId: string;
+                        id?: string | undefined;
+                        name?: string | undefined;
+                        codeName?: string | undefined;
+                        userParam?: Record<string, string> | undefined;
+                        modelId?: string | undefined;
+                        modelType?: string | undefined;
+                    }[] | undefined;
                     appId: string;
                     id?: string | undefined;
                     name?: string | undefined;

package/lib/control/data-view/data-view.cjs CHANGED Viewed

@@ -115,7 +115,11 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       const findIndex = c.state.selectedData.findIndex((data) => {
         return data.srfkey === item.srfkey;
       });
-      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      let showActive = findIndex !== -1;
+      if (c.view.model.viewType === "DEDATAVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true) {
+        showActive = false;
+      }
+      const cardClass = [ns.b("item"), ns.is("active", showActive)];
       const cardStyle = {};
       if (c.model.cardWidth) {
         Object.assign(cardStyle, {

package/lib/control/form/form-detail/form-button/form-button.cjs CHANGED Viewed

@@ -42,7 +42,7 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       return null;
     }
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), this.ns.is("loading", this.controller.state.loading), this.modelData.detailStyle && this.ns.m(this.modelData.detailStyle.toLowerCase()), ...this.controller.containerClass]
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "sime": "small",
       "onClick": this.controller.onClick.bind(this.controller),
@@ -55,9 +55,9 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "class": this.ns.bm("content", "icon"),
         "icon": this.modelData.sysImage
-      }, null), vue.createVNode("span", {
+      }, null), this.modelData.showCaption ? vue.createVNode("span", {
         "class": this.ns.bm("content", "caption")
-      }, [this.modelData.showCaption ? this.captionText : null])])]
+      }, [this.captionText]) : null])]
     })]);
   }
 });

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs CHANGED Viewed

@@ -157,9 +157,15 @@ const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
           }, [$index + 1])];
         }
       }), this.formItems.length > 0 && this.formItems.map((item) => {
+        const width = item.labelWidth;
+        let columnWidth = "";
+        if (typeof width === "number") {
+          columnWidth = "".concat(width, "px");
+        }
         return vue.createVNode(vue.resolveComponent("el-table-column"), {
           "label": item.caption,
           "prop": item.id,
+          "width": columnWidth,
           "align": "center"
         }, {
           default: (opts) => {

package/lib/control/grid/grid/grid-control.util.cjs CHANGED Viewed

@@ -7,6 +7,7 @@ var vue = require('vue');
 function useITableEvent(c) {
   const tableRef = vue.ref();
   let forbidChange = false;
+  let isGridUISort = false;
   async function onRowClick(data, _column, _event) {
     if (ibiz.config.grid.editShowMode === "row" && c.model.enableRowEdit) {
       const row = c.findRowState(data);
@@ -50,6 +51,10 @@ function useITableEvent(c) {
     }
   );
   function onSortChange(opts) {
+    if (isGridUISort) {
+      isGridUISort = false;
+      return;
+    }
     const { prop, order } = opts;
     const fieldName = c.fieldColumns[prop].model.appDEFieldId;
     let order1;
@@ -109,6 +114,7 @@ function useITableEvent(c) {
           const sortTable = () => {
             if (tableRef.value) {
               vue.nextTick(() => {
+                isGridUISort = true;
                 tableRef.value.sort(prop, order);
               });
             } else {

package/lib/control/toolbar/export-excel/export-excel.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>+{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:~~14px;pointer~~-~~events:none~~}.ibiz-export-excel__button ~~i,.~~ibiz-~~export~~-~~excel__button img~~{display:~~inline~~-~~block~~;~~max~~-width:var(--ibiz-~~width~~-icon-~~medium~~);~~max-~~height:var(--ibiz-~~width~~-icon-~~medium~~);~~margin~~:0 var(--ibiz-~~spacing~~-~~extra~~-~~tight~~) 0 0}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button i{~~margin~~:0 var(--ibiz-~~spacing~~-~~extra~~-~~tight~~) 0 0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}
1	+ .ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>+{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel__button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-export-excel-submenu-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/lib/control/toolbar/toolbar.cjs CHANGED Viewed

@@ -13,13 +13,18 @@ function _isSlot(s) {
 const btnContent = (item) => {
   const image = item.sysImage;
   const result = [];
+  const ns = vue3Util.useNamespace("toolbar-item");
   if (item.showIcon && image) {
-    result.push(vue.createVNode(vue.resolveComponent("iBizIcon"), {
+    result.push(vue.createVNode("span", {
+      "class": ns.b("icon")
+    }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
       "icon": image
-    }, null));
+    }, null)]));
   }
   if (item.showCaption && item.caption) {
-    result.push(item.caption);
+    result.push(vue.createVNode("span", {
+      "class": ns.b("text")
+    }, [item.caption]));
   }
   return result;
 };

package/lib/control/toolbar/toolbar.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-~~margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-~~max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;display:flex}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)~~;pointer-events:none~~}.ibiz-control-toolbar__item .el-button .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height);~~margin~~:~~var(--~~ibiz-control-toolbar-icon~~-margin);~~font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:~~inline~~-~~block~~;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-~~margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-~~max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-icon{~~margin~~:var(--ibiz-control-toolbar-icon-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}
1	+ @charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);display:flex}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__item .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-bottom:none;border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;justify-content:center;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;--ibiz-control-toolbar-text-margin:0 0 0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}

package/lib/editor/span/span/span.cjs CHANGED Viewed

@@ -6,10 +6,10 @@ require('./span.css');
 var ramda = require('ramda');
 var core = require('@ibiz-template/core');
 var dayjs = require('dayjs');
-var customParseFormat = require('../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.cjs');
+var customParseFormat = require('dayjs/plugin/customParseFormat');
 "use strict";
-dayjs.extend(customParseFormat.default);
+dayjs.extend(customParseFormat);
 function isValidDateFormat(dateStr, format) {
   if (dateStr === format) {
     return false;

package/lib/panel-component/panel-button/panel-button.cjs CHANGED Viewed

@@ -93,13 +93,14 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       tooltip,
       handleButtonClick,
       buttonCssStyle,
-      tempStyle
+      tempStyle,
+      itemStyle
     };
   },
   render() {
     if (this.state.visible) {
       return vue.createVNode("div", {
-        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass],
+        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), this.itemStyle && this.ns.m(this.itemStyle.toLowerCase()), ...this.controller.containerClass],
         "style": this.tempStyle
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,

package/lib/panel-component/user-message/user-message.cjs CHANGED Viewed

@@ -42,6 +42,9 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     vue.onUnmounted(() => {
       noticeController.evt.off("totalChange", onNumChange);
     });
+    const onBatchReadClick = () => {
+      noticeController.internalMessage.batchMarkRead();
+    };
     return {
       ns,
       c,
@@ -51,7 +54,8 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
       showPopover,
       sysImage,
       currentTab,
-      hiddenPopover
+      hiddenPopover,
+      onBatchReadClick
     };
   },
   render() {
@@ -80,7 +84,9 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
         });
       },
       default: () => {
-        return vue.createVNode(vue.resolveComponent("el-tabs"), {
+        return vue.createVNode("div", {
+          "class": this.ns.b("popover-content-box")
+        }, [vue.createVNode(vue.resolveComponent("el-tabs"), {
           "class": this.ns.b("popover-content"),
           "modelValue": this.currentTab,
           "onUpdate:modelValue": ($event) => this.currentTab = $event
@@ -104,7 +110,14 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
               "onHiddenPopover": this.hiddenPopover
             }, null)]
           })]
-        });
+        }), vue.createVNode("div", {
+          "class": this.ns.b("popover-icons")
+        }, [vue.createVNode("ion-icon", {
+          "class": this.ns.b("popover-icons-read"),
+          "name": "checkmark-done-outline",
+          "title": "\u5168\u90E8\u5DF2\u8BFB",
+          "onClick": this.onBatchReadClick
+        }, null)])]);
       }
     })]);
   }

package/lib/panel-component/user-message/user-message.css CHANGED Viewed

	@@ -1 +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{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}
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}

package/lib/view-engine/gantt-view.engine.cjs CHANGED Viewed

@@ -7,6 +7,34 @@ class GanttViewEngine extends runtime.MDViewEngine {
   get gantt() {
     return this.view.getController("gantt");
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.NEW_ROW) {
+      this.gantt.newRow(args);
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.TOGGLE_ROW_EDIT) {
+      this.gantt.toggleRowEdit();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.SAVE_ROW) {
+      this.gantt.save(args.data[0]);
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.SAVE) {
+      this.gantt.saveAll();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  async onCreated() {
+    super.onCreated();
+    const { model } = this.view;
+    if (!this.view.slotProps.gantt) {
+      this.view.slotProps.gantt = {};
+    }
+    this.view.slotProps.gantt.mdctrlActiveMode = model.mdctrlActiveMode;
+  }
 }
 exports.GanttViewEngine = GanttViewEngine;

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

@@ -116,8 +116,14 @@ class OptViewEngine extends runtime.ViewEngineBase {
    * @memberof OptViewEngine
    */
   async confirm() {
-    await this.form.save();
-    this.view.closeView({ ok: true, data: this.getData() });
+    this.view.state.isClosing = true;
+    try {
+      await this.form.save();
+      await this.view.closeView({ ok: true, data: this.getData() });
+    } catch (error) {
+      this.view.state.isClosing = false;
+      throw error;
+    }
   }
   /**
    * 取消

package/lib/view-engine/pickup-tree-view.engine.cjs CHANGED Viewed

@@ -20,6 +20,13 @@ class PickupTreeViewEngine extends treeView_engine.TreeViewEngine {
      * @memberof PickupViewEngine
      */
     __publicField(this, "selectData", []);
+    /**
+     * 通过srfkey选中数据
+     * @author lxm
+     * @date 2024-02-21 09:17:23
+     * @type {boolean}
+     */
+    __publicField(this, "selectBySrfkey", false);
   }
   /**
    * 创建完成
@@ -46,6 +53,8 @@ class PickupTreeViewEngine extends treeView_engine.TreeViewEngine {
         if (item.srfnodeid) {
           const keys = this.calcExpandKeys(item.srfnodeid);
           keys.forEach((key) => set.add(key));
+        } else {
+          this.selectBySrfkey = true;
         }
       });
       this.view.slotProps.tree.defaultExpandedKeys = Array.from(set);
@@ -91,7 +100,14 @@ class PickupTreeViewEngine extends treeView_engine.TreeViewEngine {
     });
     this.xdataControl.evt.on("onLoadSuccess", () => {
       forbiddenSelectionChange = true;
-      this.xdataControl.setSelection(this.selectData);
+      let selectData = this.selectData;
+      if (this.selectBySrfkey) {
+        const srfkeys = this.selectData.map((item) => item.srfkey);
+        selectData = this.tree.state.items.filter((item) => {
+          return srfkeys.includes(item.srfkey);
+        });
+      }
+      this.xdataControl.setSelection(selectData);
       forbiddenSelectionChange = false;
     });
     if (!this.view.state.noLoadDefault && model.loadDefault) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.6.1-alpha.1",
+  "version": "0.6.1-alpha.3",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -16,6 +16,9 @@
     "dev": "ibiz-temp build -w",
     "lint": "vue-tsc --noEmit && eslint 'src/**/*.tsx' 'src/**/*.ts'",
     "build": "ibiz-temp build -c && vue-tsc --declaration --emitDeclarationOnly",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
     "prepublish": "npm run build",
     "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
     "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
@@ -27,14 +30,14 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.3-alpha.23",
-    "@ibiz-template/core": "^0.6.0",
-    "@ibiz-template/devtool": "0.0.1-alpha.2",
-    "@ibiz-template/model-helper": "^0.6.1-alpha.0",
-    "@ibiz-template/runtime": "^0.6.1-alpha.0",
+    "@ibiz-template/core": "0.6.1-alpha.3",
+    "@ibiz-template/devtool": "0.0.1-dev.4",
+    "@ibiz-template/model-helper": "0.6.1-alpha.3",
+    "@ibiz-template/runtime": "0.6.1-alpha.3",
     "@ibiz-template/theme": "^0.6.0",
-    "@ibiz-template/vue3-util": "^0.6.1-alpha.0",
-    "@ibiz-template/web-theme": "^1.1.9",
-    "@ibiz/model-core": "^0.1.11",
+    "@ibiz-template/vue3-util": "0.6.1-alpha.3",
+    "@ibiz-template/web-theme": "^1.1.10",
+    "@ibiz/model-core": "^0.1.12",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -69,8 +72,15 @@
     "@types/nprogress": "^0.2.3",
     "@types/qs": "^6.9.11",
     "@types/ramda": "^0.29.10",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitest/browser": "^1.3.0",
+    "@vitest/coverage-v8": "^1.3.0",
+    "@vitest/ui": "^1.3.0",
+    "@vue/test-utils": "^2.4.4",
     "husky": "^8.0.3",
     "lint-staged": "^15.2.0",
+    "playwright": "^1.41.2",
     "stylelint": "15.11.0",
     "stylelint-config-ali": "1.1.0",
     "stylelint-config-prettier": "9.0.5",
@@ -80,6 +90,7 @@
     "stylelint-scss": "5.3.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
+    "vitest": "^1.3.0",
     "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {
@@ -100,7 +111,7 @@
     "echarts": "^5.4.3",
     "element-plus": "^2.3.12",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.41.0",
+    "monaco-editor": "^0.45.0",
     "pinia": "^2.1.6",
     "qs": "^6.11.2",
     "qx-util": "^0.4.8",