@ibiz-template/vue3-components 0.6.2-dev.0 → 0.6.3

package/es/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0)}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item .ibiz-icon{margin-right:3px}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:6px}.ibiz-action-toolbar__separator{margin:0}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 4px 0 0;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-spacing-extra-tight) 0;margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:3px;font-size:14px}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:0 4px 0 0;--ibiz-action-toolbar-separator-height:20px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:8px 0;--ibiz-action-toolbar-popover-button-padding:8px 20px;--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:40px;display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:0;font-size:14px;color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:6px}.ibiz-action-toolbar__separator{margin:0}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/es/common/action-toolbar/action-toolbar.mjs

@@ -100,9 +100,13 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
           }, {
-            default: () => [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+            default: () => [createVNode("div", {
+              "class": this.ns.em("item", "icon")
+            }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
               "icon": detail.sysImage
-            }, null), detail.showCaption ? detail.caption : ""]
+            }, null)]), createVNode("div", {
+              "class": this.ns.em("item", "label")
+            }, [detail.showCaption ? detail.caption : ""])]
           })];
         }
         return null;

package/es/common/carousel/carousel.css

@@ -0,0 +1 @@
+.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%}

package/es/common/carousel/carousel.d.ts

@@ -0,0 +1,133 @@
+import { Ref } from 'vue';
+import './carousel.scss';
+export declare const IBizCarouselComponent: import("vue").DefineComponent<{
+    carouselData: {
+        type: {
+            (arrayLength: number): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            (...items: {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][]): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            new (arrayLength: number): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            new (...items: {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][]): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    isAuto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timeSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    swipeData: Ref<IData[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    carouselData: {
+        type: {
+            (arrayLength: number): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            (...items: {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][]): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            new (arrayLength: number): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            new (...items: {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][]): {
+                id?: string | undefined;
+                name?: string | undefined;
+                imgUrl?: string | undefined;
+                linkPath?: string | undefined;
+                cssClass?: string | undefined;
+            }[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    isAuto: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    timeSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    isAuto: boolean;
+    timeSpan: number;
+}, {}>;

package/es/common/carousel/carousel.mjs

@@ -0,0 +1,78 @@
+import { isVNode, ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './carousel.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizCarouselComponent = /* @__PURE__ */ defineComponent({
+  name: "IBizCarouselComponent",
+  props: {
+    carouselData: {
+      type: Array,
+      required: true
+    },
+    isAuto: {
+      type: Boolean,
+      default: true
+    },
+    timeSpan: {
+      type: Number,
+      default: 3e3
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("carousel-component");
+    const swipeData = ref([]);
+    watch(() => props.carouselData, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        swipeData.value = newVal;
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      swipeData
+    };
+  },
+  render() {
+    let _slot;
+    const renderPic = (item) => {
+      if (item.cssClass) {
+        if (item.cssClass.indexOf("fa-") !== -1) {
+          return createVNode("i", {
+            "class": [item.cssClass]
+          }, null);
+        }
+        return createVNode("ion-icon", {
+          "name": item.cssClass
+        }, null);
+      }
+      if (item.imgUrl) {
+        return createVNode("img", {
+          "src": item.imgUrl,
+          "alt": item.name
+        }, null);
+      }
+    };
+    return createVNode("div", null, [createVNode(resolveComponent("el-carousel"), {
+      "class": this.ns.b(),
+      "autoplay": this.isAuto,
+      "interval": this.timeSpan
+    }, _isSlot(_slot = this.swipeData.map((item) => {
+      return createVNode(resolveComponent("el-carousel-item"), {
+        "key": item.id
+      }, {
+        default: () => [item.linkPath ? createVNode("a", {
+          "href": item.linkPath
+        }, [renderPic(item)]) : renderPic(item)]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+export { IBizCarouselComponent };

package/es/common/index.mjs

@@ -17,6 +17,7 @@ import { DataImport2Table } from './data-import2-table/data-import2-table.mjs';
 import { DataImport2Select } from './data-import2-select/data-import2-select.mjs';
 import { IBizGridSetting } from './grid-setting/grid-setting.mjs';
 import { DoingNotice } from './doing-notice/doing-notice.mjs';
+import { IBizCarouselComponent } from './carousel/carousel.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -51,6 +52,7 @@ const IBizCommonComponents = {
       })
     );
     v.component(IBizBadge.name, IBizBadge);
+    v.component(IBizCarouselComponent.name, IBizCarouselComponent);
   }
 };
 

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;margin-right:var(--ibiz-spacing-base-tight);border-radius:50%}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-footer{display:flex;justify-content:flex-end}.ibiz-control-calendar-footer>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;margin-right:var(--ibiz-spacing-base-tight);border-radius:50%}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:wrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height)}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-legend{display:flex;justify-content:flex-end;width:100%}.ibiz-control-calendar-legend>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}

package/es/control/calendar/calendar.mjs

@@ -105,6 +105,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         "class": itemClass,
         "key": item.deData.srfkey,
         "style": style,
+        "title": item.tips || item.text,
         "onClick": () => this.c.onRowClick(item),
         "onDblclick": () => this.c.onDbRowClick(item)
       }, [item.text]);
@@ -128,7 +129,6 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       return renderCalendarList(items);
     };
     const renderElCalender = () => {
-      var _a;
       return createVNode("div", {
         "class": this.ns.b("content")
       }, [createVNode(resolveComponent("el-calendar"), {
@@ -139,8 +139,11 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         header: ({
           date
         }) => {
+          var _a;
           let _slot, _slot2, _slot3, _slot4, _slot5;
-          return [createVNode("span", null, [date]), createVNode("div", {
+          return [createVNode("span", {
+            "class": this.ns.b("content-title")
+          }, [date]), createVNode("div", {
             "class": this.ns.b("content-header")
           }, [createVNode(resolveComponent("el-date-picker"), {
             "modelValue": this.c.state.selectedDate,
@@ -183,6 +186,22 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
             }, _isSlot(_slot5 = ibiz.i18n.t("control.calendar.nextYear")) ? _slot5 : {
               default: () => [_slot5]
             })]
+          })]), createVNode("div", {
+            "class": this.ns.b("legend")
+          }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+            let label = calendarItem.name;
+            if (calendarItem.nameLanguageRes) {
+              label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
+            }
+            return createVNode("div", {
+              "class": this.ns.e("calendar-item")
+            }, [createVNode("div", {
+              "class": this.ns.e("icon"),
+              "style": {
+                background: calendarItem.bkcolor,
+                color: calendarItem.color
+              }
+            }, null), label]);
           })])];
         },
         "date-cell": ({
@@ -199,23 +218,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("items")
           }, [renderCalendarItems(date)])]);
         }
-      }), createVNode("div", {
-        "class": this.ns.b("footer")
-      }, [(_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
-        let label = calendarItem.name;
-        if (calendarItem.nameLanguageRes) {
-          label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
-        }
-        return createVNode("div", {
-          "class": this.ns.e("calendar-item")
-        }, [createVNode("div", {
-          "class": this.ns.e("icon"),
-          "style": {
-            background: calendarItem.bkcolor,
-            color: calendarItem.color
-          }
-        }, null), label]);
-      })])]);
+      })]);
     };
     const renderNoData = () => {
       const {

package/es/control/caption-bar/caption-bar.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { ICaptionBar } from '@ibiz/model-core';
-import './caption-bar.scss';
 import { CaptionBarController, IControlProvider } from '@ibiz-template/runtime';
+import './caption-bar.scss';
 export declare const CaptionBarControl: import("vue").DefineComponent<{
     modelData: {
         type: PropType<ICaptionBar>;

package/es/control/caption-bar/caption-bar.mjs

@@ -1,7 +1,7 @@
 import { onActivated, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './caption-bar.css';
 import { CaptionBarController } from '@ibiz-template/runtime';
+import './caption-bar.css';
 
 "use strict";
 const CaptionBarControl = /* @__PURE__ */ defineComponent({
@@ -26,14 +26,9 @@ const CaptionBarControl = /* @__PURE__ */ defineComponent({
   setup() {
     const c = useControlController((...args) => new CaptionBarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
-    const modalMode = c.view.modal.mode;
-    if (modalMode === "ROUTE") {
-      ibiz.util.setBrowserTitle(c.state.caption);
-    }
+    c.setBrowserTabTitle();
     onActivated(() => {
-      if (modalMode === "ROUTE") {
-        ibiz.util.setBrowserTitle(c.state.caption);
-      }
+      c.setBrowserTabTitle();
     });
     return {
       c,

package/es/control/chart/chart.css

@@ -1 +1 @@
-.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}
+.ibiz-control-chart{width:100%;height:100%}.ibiz-control-chart__chart{width:100%;height:100%}.ibiz-control-chart__chart.is-no-data{display:none}.ibiz-control-chart__empty{display:none;height:100%}.ibiz-control-chart__empty.is-no-data{display:flex}

package/es/control/chart/chart.mjs

@@ -50,9 +50,12 @@ const ChartControl = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [createVNode("div", {
+      default: () => [createVNode(resolveComponent("el-empty"), {
+        "class": [this.ns.e("empty"), this.ns.is("no-data", this.c.state.items.length === 0)],
+        "description": "\u6682\u65E0\u6570\u636E"
+      }, null), createVNode("div", {
         "ref": "chartRef",
-        "class": this.ns.e("chart")
+        "class": [this.ns.e("chart"), this.ns.is("no-data", this.c.state.items.length === 0)]
       }, [ibiz.i18n.t("control.chart.chartPlaceholder")])]
     });
   }

package/es/control/dashboard/dashboard.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, h, ref, reactive, defineComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, h, getCurrentInstance, ref, reactive, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './dashboard.css';
 import { DashboardController } from '@ibiz-template/runtime';
@@ -56,6 +56,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new DashboardController(...args));
+    const vue = getCurrentInstance().proxy;
     const customModelDatas = ref([]);
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onCreated", () => {
@@ -66,6 +67,7 @@ const DashboardControl = /* @__PURE__ */ defineComponent({
     const handleCustomModelChange = async (args) => {
       customModelDatas.value = args.model;
       await c.initPortlets(customModelDatas.value);
+      vue.$forceUpdate();
     };
     return {
       c,

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -119,6 +119,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                         [x: symbol]: any;
                         srfsessionid: string;
                         srfappid: string;
+                        srfsimple?: boolean | undefined;
                     };
                     readonly params: IParams;
                     childNames: string[];
@@ -3061,6 +3062,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     [x: symbol]: any;
                     srfsessionid: string;
                     srfappid: string;
+                    srfsimple?: boolean | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -7108,6 +7110,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 [x: symbol]: any;
                 srfsessionid: string;
                 srfappid: string;
+                srfsimple?: boolean | undefined;
             };
             readonly params: IParams;
             childNames: string[];
@@ -7147,6 +7150,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     [x: symbol]: any;
                     srfsessionid: string;
                     srfappid: string;
+                    srfsimple?: boolean | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -11210,6 +11214,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     [x: symbol]: any;
                     srfsessionid: string;
                     srfappid: string;
+                    srfsimple?: boolean | undefined;
                 };
                 readonly params: IParams;
                 childNames: string[];
@@ -14148,6 +14153,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 [x: symbol]: any;
                 srfsessionid: string;
                 srfappid: string;
+                srfsimple?: boolean | undefined;
             };
             readonly params: IParams;
             childNames: string[];
@@ -18478,6 +18484,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             [x: symbol]: any;
             srfsessionid: string;
             srfappid: string;
+            srfsimple?: boolean | undefined;
         };
         readonly params: IParams;
         childNames: string[];

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}
+.ibiz-form-tab-panel{width:100%;height:100%;--ibiz-form-tab-panel-font-size:var(--ibiz-font-size-header-4);--ibiz-form-tab-panel-header-border-color:var(--ibiz-color-border);--ibiz-form-tab-panel-text-color:var(--ibiz-color-text-2);--ibiz-form-tab-panel-bg-color:transparent;--ibiz-form-tab-panel-hover-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-hover-bg-color:transparent;--ibiz-form-tab-panel-active-text-color:var(--ibiz-color-primary);--ibiz-form-tab-panel-active-bg-color:transparent;--ibiz-form-tab-panel-active-border-color:var(--ibiz-color-primary)}.ibiz-form-tab-panel>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-tab-panel-font-size);color:var(--ibiz-form-tab-panel-text-color);background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-tab-panel-hover-text-color);background-color:var(--ibiz-form-tab-panel-hover-bg-color)}.ibiz-form-tab-panel>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-tab-panel-active-text-color);background-color:var(--ibiz-form-tab-panel-active-bg-color)}.ibiz-form-tab-panel .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-tab-panel-header-border-color)}.ibiz-form-tab-panel .el-tabs__active-bar{background-color:var(--ibiz-form-tab-panel-active-border-color)}.ibiz-form-tab-panel__badge .el-badge__content{padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);background-color:var(--ibiz-color-danger)}

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.d.ts

@@ -14,6 +14,7 @@ export declare const FormTabPanel: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onTabClick: (tabIns: IData, event: MouseEvent) => void;
+    counterData: IData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormTabPanel>;

package/es/control/form/form-detail/form-tab-panel/form-tab-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, reactive, ref, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import './form-tab-panel.css';
 import { FormTabPanelController } from '@ibiz-template/runtime';
@@ -19,9 +19,14 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const ns = useNamespace("form-tab-panel");
     useController(props.controller);
+    let counter = null;
+    const counterData = reactive({});
+    const counterRefId = ref("");
     const onTabClick = (tabIns, event) => {
       props.controller.onTabChange(tabIns.props.name);
       const pageC = props.controller.form.details[tabIns.props.name];
@@ -29,20 +34,51 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
         pageC.onClick(event);
       }
     };
+    onMounted(() => {
+      var _a, _b;
+      const defaultSlots = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      for (let i = 0; i < defaultSlots.length; i++) {
+        const slot = defaultSlots[i];
+        const pagePropsC = (_b = slot.props) == null ? void 0 : _b.controller;
+        if (pagePropsC && pagePropsC.model && pagePropsC.model.appCounterRefId) {
+          counterRefId.value = pagePropsC.model.appCounterRefId;
+          break;
+        }
+      }
+      if (counterRefId.value) {
+        counter = props.controller.getCounter(counterRefId.value);
+        if (counter) {
+          counter.onChange((data) => {
+            counterData.value = data;
+          });
+        }
+      }
+    });
+    onUnmounted(() => {
+      counter == null ? void 0 : counter.destroy();
+    });
     return {
       ns,
-      onTabClick
+      onTabClick,
+      counterData
     };
   },
   render() {
     var _a, _b;
-    let _slot;
+    let _slot2;
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const renderItemText = (c) => {
+      return createVNode("span", {
+        "class": [this.ns.b("tab-item-content"), ...c.labelClass]
+      }, [c.model.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": c.model.sysImage
+      }, null), c.model.showCaption && c.model.caption]);
+    };
     return createVNode(resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
       "model-value": this.controller.state.activeTab,
       "onTabClick": this.onTabClick
-    }, _isSlot(_slot = defaultSlots.map((slot) => {
+    }, _isSlot(_slot2 = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {
         return slot;
@@ -59,15 +95,18 @@ const FormTabPanel = /* @__PURE__ */ defineComponent({
       }, {
         default: () => slot,
         label: () => {
-          return createVNode("span", {
-            "class": c.labelClass
-          }, [c.model.sysImage && createVNode(resolveComponent("iBizIcon"), {
-            "icon": c.model.sysImage
-          }, null), c.model.showCaption && c.model.caption]);
+          let _slot;
+          return c.model.counterId ? createVNode(resolveComponent("el-badge"), {
+            "class": this.ns.e("badge"),
+            "value": this.counterData.value[c.model.counterId],
+            "hidden": !this.counterData.value[c.model.counterId] || this.counterData.value[c.model.counterId] === 0
+          }, _isSlot(_slot = renderItemText(c)) ? _slot : {
+            default: () => [_slot]
+          }) : renderItemText(c);
         }
       });
-    })) ? _slot : {
-      default: () => [_slot]
+    })) ? _slot2 : {
+      default: () => [_slot2]
     });
   }
 });

package/es/control/form/form-detail/form-tab-panel/index.d.ts

@@ -10,6 +10,7 @@ export declare const IBizFormTabPanel: import("@ibiz-template/vue3-util").TypeWi
 }, {
     ns: import("@ibiz-template/core").Namespace;
     onTabClick: (tabIns: IData, event: MouseEvent) => void;
+    counterData: IData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormTabPanel>;

package/es/control/gantt/gantt.css

@@ -1 +1 @@
-.ibiz-control-gantt{height:100%;width:100%}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{height:100%;padding:0 12px;border-radius:4px}.ibiz-control-gantt__slider--container-title .icon{margin-right:6px}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{font-size:16px;font-weight:400;margin:8px}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:4px;color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{flex-grow:1;display:flex;flex-direction:column;align-items:center}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-text-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.ibiz-control-gantt{width:100%;height:100%}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row{cursor:pointer}.ibiz-control-gantt .xg-root .xg-table-body .xg-table-row .xg-table-cell:not(:first-child)>div{padding:0}.ibiz-control-gantt .xg-root .xg-table-cell>div{width:100%}.ibiz-control-gantt .xg-root .xg-table-cell>div .cell{height:100%}.ibiz-control-gantt--empty .xg-table-body{height:calc(100% - 86px)!important}.ibiz-control-gantt__slider{height:100%;padding:0 12px;cursor:pointer;border-radius:4px}.ibiz-control-gantt__slider--container-title .icon{margin-right:6px}.ibiz-control-gantt__slider--container-title .number{display:flex;align-items:center}.ibiz-control-gantt__slider--container-title .caption{margin:8px;font-size:16px;font-weight:400}.ibiz-control-gantt__slider--container-content{display:flex;justify-content:space-between}.ibiz-control-gantt__slider--container-content .caption{margin:4px;color:var(--ibiz-color-disabled-text)}.ibiz-control-gantt__slider--container-content .detail{display:flex;flex-direction:column;flex-grow:1;align-items:center}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column--ellipsis .ibiz-tree-grid-ex-field-column-text-container{min-width:0}.ibiz-control-gantt .ibiz-tree-grid-ex-field-column-toolbar-container{flex-shrink:0}.ibiz-control-gantt .ibiz-tree-grid-ex-edit-column__editor{min-height:32px}

package/es/control/gantt/gantt.mjs

@@ -266,7 +266,6 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "label": caption,
         "prop": codeName,
         "width": width && width > 30 ? width : 30,
-        "ellipsis": true,
         "center": (align == null ? void 0 : align.toLowerCase()) === "center"
       }, {
         title: ({
@@ -357,6 +356,8 @@ const GanttControl = /* @__PURE__ */ defineComponent({
                 "style": {
                   background: sliderColor.value[row._nodeId]
                 },
+                "onClick": (evt) => onNodeClick(row, evt),
+                "onDblclick": () => onNodeDbClick(row),
                 "onContextmenu": (evt) => onNodeContextmenu(row, evt)
               }, null);
             },