@ibiz-template/vue3-components 0.7.31-alpha.0 → 0.7.37-alpha.5

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -199,11 +199,14 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     }), vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "popper-class": this.ns.b("dropdown")
     }, {
-      default: () => vue.createVNode("div", {
-        "class": [this.ns.b("more"), this.ns.is("selected", this.isActiveMore)]
-      }, [this.c.model.groupMoreText || ibiz.i18n.t("app.more"), vue.createVNode("ion-icon", {
-        "name": "chevron-down-outline"
-      }, null)]),
+      default: () => {
+        var _a2;
+        return vue.createVNode("div", {
+          "class": [this.ns.b("more"), this.ns.is("selected", this.isActiveMore)]
+        }, [this.isActiveMore ? (_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.caption : this.c.model.groupMoreText || ibiz.i18n.t("app.more"), vue.createVNode("ion-icon", {
+          "name": "chevron-down-outline"
+        }, null)]);
+      },
       dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
         default: () => [this.hiddenGroups.map((groupItem) => {
           return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {

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

@@ -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:var(--ibiz-spacing-tight)}.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.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)}
+.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:var(--ibiz-spacing-tight)}.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-primary-text)}.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.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.css

@@ -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-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;align-items:center}.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 .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;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 .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .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__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>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 .el-button>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 .el-button>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 .el-button>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>span{display:flex;align-items:center;justify-content:center;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-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 .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.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 .ibiz-control-toolbar-submenu-rawitem{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)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}.ibiz-control-toolbar-actions{display:flex;margin:var(--ibiz-control-toolbar-item-margin);white-space:normal;visibility:visible}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group{display:flex;white-space:normal}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button:nth-child(2):focus-visible{outline:0;outline-offset:0}.ibiz-control-toolbar-actions__item-deuiaction{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar-actions__item-deuiaction:first-child{margin-left:0}.ibiz-control-toolbar-actions__item-deuiaction:last-child{margin-right:0}.ibiz-control-toolbar-actions .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .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-actions .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-actions-dropdown-popper{--el-popover-padding:var(--ibiz-spacing-none);min-width:200px;--ibiz-control-toolbar-actions-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-toolbar-actions-dropdown-item-height:36px}.ibiz-control-toolbar-actions-dropdown-popper__dropdown-item{height:var(--ibiz-control-toolbar-actions-dropdown-item-height)}.ibiz-control-toolbar-actions-dropdown-popper.is-disabled{display:none}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item.is-disabled{background-color:transparent;opacity:.25}.ibiz-control-toolbar-actions-dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;display:block;width:100%;padding:var(--ibiz-control-toolbar-actions-popover-button-padding);margin:var(--ibiz-spacing-none);color:var(--ibiz-color-primary-text);text-align:left;background-color:transparent;border-radius:0}.ibiz-control-toolbar-actions-dropdown-popper .el-button:hover{color:var(--ibiz-color-primary-text);background-color:transparent}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .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-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}
+@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-color:var(--ibiz-color-primary-text);--ibiz-control-toolbar-item-bg-color:var(--ibiz-color-primary);--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-item-disabled-button:rgba(var(--ibiz-grey-4), 0.5);--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;align-items:center}.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.is-disabled{background-color:var(--ibiz-control-toolbar-item-disabled-button)}.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 .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-toolbar-item-color);background-color:var(--ibiz-control-toolbar-item-bg-color);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 .el-button{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .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__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-button>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 .el-button>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 .el-button>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 .el-button>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>span{display:flex;align-items:center;justify-content:center;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-color:var(--ibiz-color-primary-text);--ibiz-control-toolbar-item-bg-color:var(--ibiz-color-primary);--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-item-disabled-button:rgba(var(--ibiz-grey-4), 0.5);--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 .el-sub-menu.is-disabled .el-sub-menu__title{opacity:1}.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 .ibiz-control-toolbar-submenu-rawitem{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)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .el-button{justify-content:flex-start;width:100%;padding:0;--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent}.ibiz-control-toolbar-actions{display:flex;margin:var(--ibiz-control-toolbar-item-margin);white-space:normal;visibility:visible}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group{display:flex;white-space:normal}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions__extract-mode-itemx .el-button-group>.el-button:nth-child(2):focus-visible{outline:0;outline-offset:0}.ibiz-control-toolbar-actions__item-deuiaction{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar-actions__item-deuiaction:first-child{margin-left:0}.ibiz-control-toolbar-actions__item-deuiaction:last-child{margin-right:0}.ibiz-control-toolbar-actions .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .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-actions .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}.ibiz-control-toolbar-actions-dropdown-popper{--el-popover-padding:var(--ibiz-spacing-none);min-width:200px;--ibiz-control-toolbar-actions-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-control-toolbar-actions-dropdown-item-height:36px}.ibiz-control-toolbar-actions-dropdown-popper__dropdown-item{height:var(--ibiz-control-toolbar-actions-dropdown-item-height)}.ibiz-control-toolbar-actions-dropdown-popper.is-disabled{display:none}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-control-toolbar-actions-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item.is-disabled{background-color:transparent;opacity:.25}.ibiz-control-toolbar-actions-dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;display:block;width:100%;padding:var(--ibiz-control-toolbar-actions-popover-button-padding);margin:var(--ibiz-spacing-none);color:var(--ibiz-color-primary-text);text-align:left;background-color:transparent;border-radius:0}.ibiz-control-toolbar-actions-dropdown-popper .el-button:hover{color:var(--ibiz-color-primary-text);background-color:transparent}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .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-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon i{font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon img{display:inline-block;width:100%;height:100%}.ibiz-control-toolbar-actions-dropdown-popper .el-button>span .ibiz-toolbar-item-icon+.ibiz-toolbar-item-text{margin:var(--ibiz-control-toolbar-text-margin)}

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight)}.ibiz-control-treeview-tree{padding:0 var(--ibiz-spacing-base)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text-0);--ibiz-control-treeview-bg-color:transparent;--ibiz-control-treeview-disabled-color:var(--ibiz-color-disabled-text);--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-row-hover-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-treeview-row-select-color:var(--ibiz-color-text-0);--ibiz-control-treeview-row-select-bg-color:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-font-size:var(--ibiz-font-size-regular);--ibiz-control-treeview-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-treeview-node-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-width:var(--ibiz-spacing-base);--ibiz-control-treeview-node-icon-margin-right:var(--ibiz-spacing-tight);--ibiz-control-treeview-node-height:26px;--ibiz-control-treeview-context-menu-width:30px;--ibiz-control-treeview-context-menu-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-control-treeview-context-menu-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-quick-search-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight);--ibiz-control-treeview-tree-padding:0 var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-node-icon-width);height:var(--ibiz-control-treeview-node-icon-height);margin-right:var(--ibiz-control-treeview-node-icon-margin-right)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-control-treeview-disabled-color);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:var(--ibiz-control-treeview-context-menu-width);text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-control-treeview-context-menu-padding)}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-control-treeview-context-menu-item-padding)}.ibiz-control-treeview-quick-search{padding:var(--ibiz-control-treeview-quick-search-padding)}.ibiz-control-treeview-tree.el-tree{--el-tree-text-color:var(--ibiz-control-treeview-text-color);--el-tree-node-content-height:var(--ibiz-control-treeview-node-height);padding:var(--ibiz-control-treeview-tree-padding);background-color:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-tree.el-tree .el-tree-node__content:hover{color:var(--ibiz-control-treeview-row-hover-color);background-color:var(--ibiz-control-treeview-row-hover-bg-color)}.ibiz-control-treeview-tree.el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{color:var(--ibiz-control-treeview-row-select-color);background-color:var(--ibiz-control-treeview-row-select-bg-color)}

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.cjs

@@ -37,7 +37,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
       await c.setRowValue(props.row, val, name);
     };
     const useByShowMode = () => {
-      switch (ibiz.config.grid.editShowMode) {
+      switch (c.treeGrid.editShowMode) {
         case "cell":
           return cellEdit.useCellEdit(props, componentRef);
         case "row":
@@ -46,7 +46,7 @@ const TreeGridExEditColumn = /* @__PURE__ */ vue.defineComponent({
           return allEdit.useAllEdit(props, componentRef);
         default:
           throw new core.RuntimeError(ibiz.i18n.t("control.common.noSupportItem", {
-            name: ibiz.config.grid.editShowMode
+            name: c.treeGrid.editShowMode
           }));
       }
     };

package/lib/control/tree-grid-ex/tree-grid-ex.cjs

@@ -105,7 +105,7 @@ const TreeGridExControl = /* @__PURE__ */ vue.defineComponent({
     } = useRowEditPopover.useRowEditPopover(tableRef, c);
     const onRowClick = async (data, _column, event) => {
       const nodeData = c.getNodeData(data.id);
-      if (ibiz.config.grid.editShowMode === "row" && c.model.enableEdit) {
+      if (c.editShowMode === "row" && c.model.enableEdit) {
         const row = c.state.rows[nodeData._uuid];
         if (row && row.showRowEdit !== true) {
           await c.switchRowEdit(row, true);

package/lib/control/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height))}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;height:100%}.ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height));overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--ibiz-control-wizard-panel-footer-height);padding-right:var(--ibiz-padding)}

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var ramda = require('ramda');
 require('./ibiz-checkbox-list.css');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 function _isSlot(s) {
@@ -28,7 +29,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     const items = vue.ref([]);
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
-        items.value = _codeList;
+        items.value = c.handleCodeListAllItems(_codeList);
       });
     }, {
       immediate: true,
@@ -36,13 +37,14 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     });
     const currentMode = vue.computed(() => {
       if (codeList && codeList.orMode) {
-        return codeList.orMode.toLowerCase();
+        return codeList.orMode;
       }
-      return "str";
+      return "STR";
     });
+    const calcOrMode = runtime.useCalcOrMode(currentMode.value, c.model.valueType);
     const fn = (data) => {
       if (data) {
-        items.value = data;
+        items.value = c.handleCodeListAllItems(data);
       }
     };
     vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
@@ -54,67 +56,36 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
       useInFocusAndBlur,
       useInValueChange
     } = vue3Util.useAutoFocusBlur(props, emit);
+    const {
+      getSelection,
+      getSelectionValue
+    } = runtime.useCodeListSelection(c.allItemsValue);
     const selectArray = vue.computed({
       get() {
         if (!ramda.isNil(props.value)) {
-          if (Object.is(currentMode.value, "num") && items) {
-            const selectsArray = [];
-            const num = typeof props.value === "string" ? parseInt(props.value, 10) : props.value;
-            items.value.forEach((item) => {
-              if ((num & item.value) === item.value) {
-                selectsArray.push(item.value);
-              }
-            });
-            return selectsArray;
-          }
-          if (Object.is(currentMode.value, "str")) {
-            const strVal = props.value;
-            if (strVal !== "") {
-              if (codeList) {
-                const selects = c.model.valueType === "SIMPLES" ? strVal : strVal.split(valueSeparator);
-                if (codeList.codeItemValueNumber) {
-                  for (let i = 0, len = selects.length; i < len; i++) {
-                    selects[i] = Number(selects[i]);
-                  }
-                }
-                return selects;
-              }
-              return strVal.split(",");
+          const {
+            getSelectArray
+          } = calcOrMode;
+          const selectsArray = getSelectArray(props.value, codeList, items.value, valueSeparator, codeList == null ? void 0 : codeList.codeItemValueNumber);
+          if (selectsArray) {
+            if (c.allItems) {
+              return getSelection([], selectsArray, items.value, items.value);
             }
+            return selectsArray;
           }
         }
         return [];
       },
       set(val) {
-        let value = null;
-        if (Object.is(currentMode.value, "num")) {
-          let temp = 0;
-          val.forEach((item) => {
-            const numVal = typeof item === "string" ? parseInt(item, 10) : item;
-            temp |= numVal;
-          });
-          if (c.model.valueType === "SIMPLES") {
-            value = [temp];
-          } else if (c.model.valueType === "SIMPLE") {
-            value = temp;
-          }
-        } else if (Object.is(currentMode.value, "str")) {
-          const _datas = [];
-          if (items.value.length > 0) {
-            items.value.forEach((_item) => {
-              const index = val.findIndex((_key) => Object.is(_item.value, _key));
-              if (index === -1) {
-                return;
-              }
-              _datas.push(_item.value);
-            });
-            if (c.model.valueType === "SIMPLES") {
-              value = _datas;
-            } else if (c.model.valueType === "SIMPLE") {
-              value = _datas.join(valueSeparator);
-            }
-          }
+        if (c.allItems) {
+          const selection = getSelection(selectArray.value, val, items.value, items.value);
+          val = getSelectionValue(selection);
         }
+        let value = null;
+        const {
+          setSelectArray
+        } = calcOrMode;
+        value = setSelectArray(val, items.value, valueSeparator);
         emit("change", value);
         useInValueChange();
       }

package/lib/editor/date-range-select/date-range-select-picker/components/quarter-range-select/quarter-range-select.cjs

@@ -0,0 +1,339 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./quarter-range-select.css');
+
+"use strict";
+var quarterRangeSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "BIQuarterRangeSelect",
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change", "visibleChange"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("bi-quarter-range-select");
+    const leftYear = vue.ref();
+    const rightYear = vue.ref();
+    const startQuarter = vue.ref();
+    const endQuarter = vue.ref();
+    const hoverItem = vue.ref();
+    const visible = vue.ref(false);
+    const quarterItems = ["Q1", "Q2", "Q3", "Q4"];
+    const computedDate = (year, index, mode) => {
+      let month = index * 3;
+      if (mode === "START") {
+        month -= 2;
+      }
+      const tempDate = new Date("".concat(year, "-").concat(month));
+      if (mode === "START") {
+        tempDate.setDate(1);
+        tempDate.setHours(0, 0, 0, 0);
+      } else {
+        const big = [1, 3, 5, 7, 8, 10, 12];
+        if (big.includes(month)) {
+          tempDate.setDate(31);
+        } else {
+          tempDate.setDate(30);
+        }
+        tempDate.setHours(23, 59, 59, 0);
+      }
+      return tempDate;
+    };
+    const init = () => {
+      leftYear.value = (/* @__PURE__ */ new Date()).getFullYear();
+      rightYear.value = (/* @__PURE__ */ new Date()).getFullYear() + 1;
+      startQuarter.value = null;
+      endQuarter.value = null;
+    };
+    vue.watch(() => props.value, (newVal) => {
+      if (newVal && Array.isArray(newVal) && newVal.length > 0) {
+        const startDate = new Date(newVal[0]);
+        const endDate = new Date(newVal[1]);
+        leftYear.value = startDate.getFullYear();
+        const tempEnd = endDate.getFullYear();
+        if (leftYear.value === tempEnd) {
+          rightYear.value = leftYear.value + 1;
+        } else {
+          rightYear.value = tempEnd;
+        }
+        const startIndex = Math.ceil((startDate.getMonth() + 1) / 3);
+        const endIndex = Math.ceil((endDate.getMonth() + 1) / 3);
+        startQuarter.value = computedDate(leftYear.value, startIndex, "START");
+        endQuarter.value = computedDate(tempEnd, endIndex, "END");
+      } else {
+        init();
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const onReduce = (tag) => {
+      if (tag === "left") {
+        leftYear.value -= 1;
+      } else {
+        rightYear.value -= 1;
+      }
+    };
+    const onAdd = (tag) => {
+      if (tag === "left") {
+        leftYear.value += 1;
+      } else {
+        rightYear.value += 1;
+      }
+    };
+    const renderLeftIcon = (tag) => {
+      if (tag === "right" && leftYear.value === rightYear.value) {
+        return vue.createVNode("div", null, null);
+      }
+      return vue.createVNode("svg", {
+        "onClick": () => onReduce(tag),
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [vue.createVNode("g", {
+        "id": "aav1.icon\u56FE\u6807/5.navigation/angle-double-left",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M7.984 7l4.75 4.762-.832.817-3.924-3.924-3.99 3.99-.825-.836L7.973 7l.005.006L7.984 7zm0-4l4.75 4.762-.832.817-3.924-3.924-3.99 3.99-.825-.836L7.973 3l.005.006L7.984 3z",
+        "id": "aav\u5F62\u72B6\u7ED3\u5408",
+        "transform": "rotate(-90 7.949 7.822)"
+      }, null)])]);
+    };
+    const renderRightIcon = (tag) => {
+      if (tag === "left" && leftYear.value === rightYear.value) {
+        return vue.createVNode("div", null, null);
+      }
+      return vue.createVNode("svg", {
+        "onClick": () => onAdd(tag),
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "focusable": "false",
+        "fill": "currentColor"
+      }, [vue.createVNode("g", {
+        "id": "aaw1.icon\u56FE\u6807/5.navigation/angle-double-right",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M7.984 7.3l4.75 4.762-.832.817-3.924-3.924-3.99 3.99-.825-.836L7.973 7.3l.005.006.006-.006zm0-4l4.75 4.762-.832.817-3.924-3.924-3.99 3.99-.825-.836L7.973 3.3l.005.006.006-.006z",
+        "id": "aaw\u5F62\u72B6\u7ED3\u5408",
+        "transform": "rotate(90 7.949 8.122)"
+      }, null)])]);
+    };
+    const emitFunc = () => {
+      emit("change", [startQuarter.value.toLocaleDateString(), endQuarter.value.toLocaleDateString()]);
+      visible.value = false;
+    };
+    const onItemClick = (year, index) => {
+      if (startQuarter.value && endQuarter.value) {
+        startQuarter.value = null;
+        endQuarter.value = null;
+      }
+      if (!startQuarter.value) {
+        startQuarter.value = computedDate(year, index, "START");
+      } else {
+        const tempStartYear = startQuarter.value.getFullYear();
+        const tempStartMonth = startQuarter.value.getMonth() + 1;
+        const tempStartQuarter = Math.ceil(tempStartMonth / 3);
+        if (year > tempStartYear) {
+          endQuarter.value = computedDate(year, index, "END");
+        } else if (year < tempStartYear) {
+          endQuarter.value = computedDate(tempStartYear, tempStartQuarter, "END");
+          startQuarter.value = computedDate(year, index, "START");
+        } else if (index >= tempStartQuarter) {
+          endQuarter.value = computedDate(year, index, "END");
+        } else {
+          endQuarter.value = computedDate(tempStartYear, tempStartQuarter, "END");
+          startQuarter.value = computedDate(year, index, "START");
+        }
+        emitFunc();
+      }
+    };
+    const computedSelectArea = (year, index) => {
+      if (leftYear.value && rightYear.value && startQuarter.value && endQuarter.value) {
+        const tempStartYear = startQuarter.value.getFullYear();
+        const tempEndYear = endQuarter.value.getFullYear();
+        const tempStartMonth = startQuarter.value.getMonth() + 1;
+        const tempEndMonth = endQuarter.value.getMonth() + 1;
+        const tempStartQuarter = Math.ceil(tempStartMonth / 3);
+        const tempEndQuarter = Math.ceil(tempEndMonth / 3);
+        if (year > tempStartYear && year < tempEndYear) {
+          return true;
+        }
+        if (year === tempStartYear && year < tempEndYear && index >= tempStartQuarter) {
+          return true;
+        }
+        if (year === tempEndYear && year > tempStartYear && index <= tempEndQuarter) {
+          return true;
+        }
+        if (year === tempStartYear && year === tempEndYear && index <= tempEndQuarter && index >= tempStartQuarter) {
+          return true;
+        }
+      }
+      return false;
+    };
+    const computedHoverSelectArea = (year, index) => {
+      if (leftYear.value && rightYear.value && startQuarter.value && !endQuarter.value && hoverItem.value) {
+        const tempHoverYear = hoverItem.value.getFullYear();
+        const tempHoverMonth = hoverItem.value.getMonth() + 1;
+        const tempHoverQuarter = Math.ceil(tempHoverMonth / 3);
+        let tempStart = startQuarter.value;
+        let tempEnd = hoverItem.value;
+        const startDateYear = startQuarter.value.getFullYear();
+        const startDateMonth = startQuarter.value.getMonth() + 1;
+        const startDateQuarter = Math.ceil(startDateMonth / 3);
+        if (tempHoverYear <= startDateYear && tempHoverQuarter <= startDateQuarter) {
+          tempEnd = startQuarter.value;
+          tempStart = hoverItem.value;
+        }
+        const tempStartYear = tempStart.getFullYear();
+        const tempEndYear = tempEnd.getFullYear();
+        const tempStartMonth = tempStart.getMonth() + 1;
+        const tempEndMonth = tempEnd.getMonth() + 1;
+        const tempStartQuarter = Math.ceil(tempStartMonth / 3);
+        const tempEndQuarter = Math.ceil(tempEndMonth / 3);
+        if (year > tempStartYear && year < tempEndYear) {
+          return true;
+        }
+        if (year === tempStartYear && year < tempEndYear && index >= tempStartQuarter) {
+          return true;
+        }
+        if (year === tempEndYear && year > tempStartYear && index <= tempEndQuarter) {
+          return true;
+        }
+        if (tempHoverYear <= startDateYear && tempHoverQuarter < startDateQuarter && year === tempHoverYear && index >= tempHoverQuarter && index <= startDateQuarter) {
+          return true;
+        }
+        if (tempHoverYear >= startDateYear && tempHoverQuarter > startDateQuarter && year === tempHoverYear && index <= tempHoverQuarter && index >= startDateQuarter) {
+          return true;
+        }
+      }
+      return false;
+    };
+    const computedSelected = (year, index) => {
+      if (startQuarter.value) {
+        const tempStartYear = startQuarter.value.getFullYear();
+        const tempStartMonth = startQuarter.value.getMonth() + 1;
+        const tempStartQuarter = Math.ceil(tempStartMonth / 3);
+        if (year === tempStartYear && tempStartQuarter === index) {
+          return true;
+        }
+      }
+      if (endQuarter.value) {
+        const tempEndYear = endQuarter.value.getFullYear();
+        const tempEndMonth = endQuarter.value.getMonth() + 1;
+        const tempEndQuarter = Math.ceil(tempEndMonth / 3);
+        if (year === tempEndYear && tempEndQuarter === index) {
+          return true;
+        }
+      }
+      return false;
+    };
+    const computedHover = (year, index) => {
+      if (hoverItem.value) {
+        return hoverItem.value.getTime() === computedDate(year, index, "START").getTime();
+      }
+      return false;
+    };
+    const computedCurQuarter = (year, index) => {
+      const curDate = computedDate(year, index, "START");
+      const toDay = /* @__PURE__ */ new Date();
+      const tempStartMonth = curDate.getMonth() + 1;
+      const tempStartQuarter = Math.ceil(tempStartMonth / 3);
+      const toYear = toDay.getFullYear();
+      const tempToDayMonth = toDay.getMonth() + 1;
+      const tempToDayQuarter = Math.ceil(tempToDayMonth / 3);
+      return year === toYear && tempStartQuarter === tempToDayQuarter;
+    };
+    const onMouseHover = (year, index) => {
+      hoverItem.value = computedDate(year, index, "START");
+    };
+    const onMouseleave = () => {
+      hoverItem.value = null;
+    };
+    const renderSelect = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("date-panel")
+      }, [vue.createVNode("div", {
+        "class": ns.em("date-panel", "left")
+      }, [vue.createVNode("div", {
+        "class": ns.em("date-panel", "left-header")
+      }, [renderLeftIcon("left"), vue.createVNode("span", null, [leftYear.value, ibiz.i18n.t("editor.dateRangeSelect.year")]), renderRightIcon("left")]), vue.createVNode("div", {
+        "class": ns.em("date-panel", "left-content")
+      }, [quarterItems.map((item, index) => {
+        return vue.createVNode("div", {
+          "class": [ns.em("date-panel", "left-item"), ns.is("include", computedSelectArea(leftYear.value, index + 1)), ns.is("selected", computedSelected(leftYear.value, index + 1)), ns.is("hoverinclude", computedHoverSelectArea(leftYear.value, index + 1)), ns.is("curquarter", computedCurQuarter(leftYear.value, index + 1)), ns.is("hover", computedHover(leftYear.value, index + 1))],
+          "onClick": () => onItemClick(leftYear.value, index + 1),
+          "onMouseenter": () => onMouseHover(leftYear.value, index + 1),
+          "onMouseleave": () => onMouseleave()
+        }, [item]);
+      })])]), vue.createVNode("div", {
+        "class": ns.em("date-panel", "right")
+      }, [vue.createVNode("div", {
+        "class": ns.em("date-panel", "right-header")
+      }, [renderLeftIcon("right"), vue.createVNode("span", null, [rightYear.value, ibiz.i18n.t("editor.dateRangeSelect.year")]), renderRightIcon("right")]), vue.createVNode("div", {
+        "class": ns.em("date-panel", "right-content")
+      }, [quarterItems.map((item, index) => {
+        return vue.createVNode("div", {
+          "class": [ns.em("date-panel", "right-item"), ns.is("selected", computedSelected(rightYear.value, index + 1)), ns.is("include", computedSelectArea(rightYear.value, index + 1)), ns.is("hoverinclude", computedHoverSelectArea(rightYear.value, index + 1)), ns.is("curquarter", computedCurQuarter(rightYear.value, index + 1)), ns.is("hover", computedHover(rightYear.value, index + 1))],
+          "onClick": () => onItemClick(rightYear.value, index + 1),
+          "onMouseenter": () => onMouseHover(rightYear.value, index + 1),
+          "onMouseleave": () => onMouseleave()
+        }, [item]);
+      })])])]);
+    };
+    const handleClose = () => {
+      visible.value = false;
+    };
+    const handleOpen = () => {
+      visible.value = true;
+    };
+    const visibleChange = (_visible) => {
+      emit("visibleChange", _visible);
+    };
+    return {
+      ns,
+      renderSelect,
+      visible,
+      handleClose,
+      handleOpen,
+      visibleChange
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("el-popover"), {
+      "visible": this.visible,
+      "onUpdate:visible": ($event) => this.visible = $event,
+      "trigger": "click",
+      "width": 600,
+      "popper-class": this.ns.b("quarter-pop"),
+      "placement": "right",
+      "onAfterEnter": () => this.visibleChange(true),
+      "onAfterLeave": () => this.visibleChange(false)
+    }, {
+      default: () => {
+        return this.renderSelect();
+      },
+      reference: () => {
+        return vue.createVNode("div", null, null);
+      }
+    })]);
+  }
+});
+
+exports.default = quarterRangeSelect;

package/lib/editor/date-range-select/date-range-select-picker/components/quarter-range-select/quarter-range-select.css

@@ -0,0 +1 @@
+.ibiz-bi-quarter-range-select__date-panel{display:flex;height:80px}.ibiz-bi-quarter-range-select__date-panel--left{flex:1}.ibiz-bi-quarter-range-select__date-panel--left-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--ibiz-spacing-base-loose);color:var(--ibiz-color-primary-light-active);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-bi-quarter-range-select__date-panel--left-header svg{color:var(--ibiz-color-black);cursor:pointer}.ibiz-bi-quarter-range-select__date-panel--left-header svg:hover{color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-content{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-bi-quarter-range-select__date-panel--left-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ibiz-height-control-default);height:var(--ibiz-height-control-default);margin-left:0;margin-left:var(--ibiz-spacing-loose);cursor:pointer;border-radius:var(--ibiz-border-radius-small)}.ibiz-bi-quarter-range-select__date-panel--left-item::before{position:absolute;right:var(--ibiz-height-control-default);display:inline-block;width:var(--ibiz-spacing-loose);height:100%;content:""}.ibiz-bi-quarter-range-select__date-panel--left-item.is-include{background:var(--ibiz-color-secondary-light-default)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-selected.is-curquarter{color:var(--ibiz-color-primary-text)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hoverinclude{background:var(--ibiz-color-secondary-light-default)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hoverinclude.is-include{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hoverinclude.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hoverinclude.is-hover{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hoverinclude.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hover{color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-hover.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-curquarter{font-weight:700;color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--left-item.is-curquarter{font-weight:700;color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right{flex:1}.ibiz-bi-quarter-range-select__date-panel--right-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--ibiz-spacing-base-loose);color:var(--ibiz-color-primary-light-active);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-bi-quarter-range-select__date-panel--right-header svg{color:var(--ibiz-color-black);cursor:pointer}.ibiz-bi-quarter-range-select__date-panel--right-header svg:hover{color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-content{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose)}.ibiz-bi-quarter-range-select__date-panel--right-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ibiz-height-control-default);height:var(--ibiz-height-control-default);margin-left:var(--ibiz-spacing-loose);cursor:pointer;border-radius:var(--ibiz-border-radius-small)}.ibiz-bi-quarter-range-select__date-panel--right-item::before{position:absolute;right:var(--ibiz-height-control-default);display:inline-block;width:var(--ibiz-spacing-loose);height:100%;content:""}.ibiz-bi-quarter-range-select__date-panel--right-item.is-include{background:var(--ibiz-color-secondary-light-default)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-selected.is-curquarter{color:var(--ibiz-color-primary-text)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hoverinclude{background:var(--ibiz-color-secondary-light-default)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hoverinclude.is-include{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hoverinclude.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hoverinclude.is-hover{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hoverinclude.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hover{color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-hover.is-selected{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-curquarter{font-weight:700;color:var(--ibiz-color-primary)}.ibiz-bi-quarter-range-select__date-panel--right-item.is-curquarter{font-weight:700;color:var(--ibiz-color-primary)}