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

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.cjs

@@ -23,9 +23,14 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const ns = vue3Util.useNamespace("form-tab-panel");
     vue3Util.useController(props.controller);
+    let counter = null;
+    const counterData = vue.reactive({});
+    const counterRefId = vue.ref("");
     const onTabClick = (tabIns, event) => {
       props.controller.onTabChange(tabIns.props.name);
       const pageC = props.controller.form.details[tabIns.props.name];
@@ -33,20 +38,51 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
         pageC.onClick(event);
       }
     };
+    vue.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;
+          });
+        }
+      }
+    });
+    vue.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 vue.createVNode("span", {
+        "class": [this.ns.b("tab-item-content"), ...c.labelClass]
+      }, [c.model.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": c.model.sysImage
+      }, null), c.model.showCaption && c.model.caption]);
+    };
     return vue.createVNode(vue.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;
@@ -63,15 +99,18 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => slot,
         label: () => {
-          return vue.createVNode("span", {
-            "class": c.labelClass
-          }, [c.model.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
-            "icon": c.model.sysImage
-          }, null), c.model.showCaption && c.model.caption]);
+          let _slot;
+          return c.model.counterId ? vue.createVNode(vue.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/lib/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/lib/control/gantt/gantt.cjs

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

package/lib/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/lib/control/search-bar/search-bar.cjs

@@ -29,9 +29,17 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     var _a;
     const c = vue3Util.useControlController((...args) => new runtime.SearchBarController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    let isSearch = false;
     const onSearch = () => {
+      isSearch = true;
       c.onSearch();
     };
+    const onClear = () => {
+      if (isSearch === true) {
+        isSearch = false;
+        c.onSearch();
+      }
+    };
     const onKeydown = (e) => {
       if (e.code === "Enter") {
         onSearch();
@@ -93,6 +101,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
       ns,
       cssVars,
       filterButtonRef,
+      onClear,
       onSearch,
       onKeydown,
       onGroupClick,
@@ -133,6 +142,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           "placeholder": this.c.placeHolder,
           "clearable": true,
           "onKeydown": this.onKeydown,
+          "onClear": this.onClear,
           "suffix-icon": vue.createVNode("ion-icon", {
             "onClick": this.onSearch,
             "class": this.ns.e("search-icon"),

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -42,17 +42,24 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     };
     const tabPosition = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
     const route = vueRouter.useRoute();
+    let expViewRoutePath = "";
+    if (c.routeDepth) {
+      expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+    }
     vue.watch(() => route.fullPath, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const depth = c.view.modal.routeDepth;
+        const depth = c.routeDepth;
         if (depth) {
-          const routePath = vue3Util.route2routePath(route);
-          const {
-            srfnav
-          } = routePath.pathNodes[depth - 1];
-          if (c.view.isActive && srfnav && c.state.activeName && c.state.activeName !== srfnav) {
-            c.state.activeName = srfnav;
-            c.handleTabChange();
+          const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+          if (currentRoutePath === expViewRoutePath) {
+            const routePath = vue3Util.route2routePath(route);
+            const {
+              srfnav
+            } = routePath.pathNodes[depth - 1];
+            if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+              c.state.activeName = srfnav;
+              c.handleTabChange();
+            }
           }
         }
       }

package/lib/editor/carousel/carousel-editor.controller.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class CarouselEditorController extends runtime.EditorController {
+}
+
+exports.CarouselEditorController = CarouselEditorController;

package/lib/editor/carousel/carousel-editor.provider.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var carouselEditor_controller = require('./carousel-editor.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CarouselEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizCarousel");
+    __publicField(this, "gridEditor", "IBizCarousel");
+  }
+  async createController(editorModel, parentController) {
+    const c = new carouselEditor_controller.CarouselEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+exports.CarouselEditorProvider = CarouselEditorProvider;

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-carousel.css');
+
+"use strict";
+const IBizCarousel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCarousel",
+  props: vue3Util.getDatePickerProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props) {
+    const ns = vue3Util.useNamespace("carousel");
+    const c = props.controller;
+    const editorModel = c.model;
+    const carouselData = vue.ref([]);
+    const isAuto = vue.ref(true);
+    const timeSpan = vue.ref(3e3);
+    const downloadUrl = vue.ref("");
+    vue.watch(() => props.value, (newVal) => {
+      if (typeof newVal === "string") {
+        carouselData.value = !newVal ? [] : JSON.parse(newVal);
+      }
+    }, {
+      immediate: true
+    });
+    vue.watch(() => props.data, (newVal) => {
+      if (newVal) {
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        downloadUrl.value = urls.downloadUrl;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    vue.watch(carouselData, (newVal) => {
+      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+        newVal.forEach((carousel) => {
+          carousel.imgUrl = carousel.imgUrl || downloadUrl.value.replace("%fileId%", carousel.id);
+        });
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      c,
+      editorModel,
+      downloadUrl,
+      carouselData,
+      isAuto,
+      timeSpan
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType)]
+    }, [vue.createVNode(vue.resolveComponent("iBizCarouselComponent"), {
+      "carouselData": this.carouselData,
+      "isAuto": this.isAuto,
+      "timeSpan": this.timeSpan
+    }, null)]);
+  }
+});
+
+exports.IBizCarousel = IBizCarousel;

package/lib/editor/carousel/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizCarousel = require('./ibiz-carousel/ibiz-carousel.cjs');
+var carouselEditor_controller = require('./carousel-editor.controller.cjs');
+var carouselEditor_provider = require('./carousel-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizCarousel = ibizCarousel.IBizCarousel;
+exports.CarouselEditorController = carouselEditor_controller.CarouselEditorController;
+exports.CarouselEditorProvider = carouselEditor_provider.CarouselEditorProvider;

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -200,6 +200,25 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const itemContent = (item) => {
+      var _a;
+      const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
+      const {
+        context,
+        params
+      } = this.c;
+      return panel ? vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": panel,
+        "context": context,
+        "params": params
+      }, null) : vue.createVNode("div", {
+        "class": this.ns.e("transfer-item"),
+        "onClick": () => {
+          this.onACSelect(item);
+        }
+      }, [item[this.c.textName]]);
+    };
     const editContent = this.c.noAC ? vue.createVNode(vue.resolveComponent("el-input"), {
       "ref": "editorRef",
       "class": [this.ns.b("input")],
@@ -252,12 +271,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         if (this.$slots.append) {
           return this.$slots.append({});
         }
-        return vue.createVNode("div", {
-          "class": this.ns.e("transfer-item"),
-          "onClick": () => {
-            this.onACSelect(item);
-          }
-        }, [item[this.c.textName]]);
+        return itemContent(item);
       },
       suffix: () => {
         if (this.c.noButton) {

package/lib/editor/index.cjs

@@ -30,6 +30,7 @@ require('./array/index.cjs');
 require('./cascader/index.cjs');
 require('./color-picker/index.cjs');
 require('./preset/index.cjs');
+require('./carousel/index.cjs');
 require('./user/ibiz-searchcond-edit/index.cjs');
 var span = require('./span/span/span.cjs');
 var spanLink = require('./span/span-link/span-link.cjs');
@@ -65,6 +66,7 @@ var ibizCascader = require('./cascader/ibiz-cascader/ibiz-cascader.cjs');
 var ibizColorPicker = require('./color-picker/ibiz-color-picker/ibiz-color-picker.cjs');
 var ibizPresetRawitem = require('./preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.cjs');
 var ibizSearchcondEdit = require('./user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs');
+var ibizCarousel = require('./carousel/ibiz-carousel/ibiz-carousel.cjs');
 var spanEditor_provider = require('./span/span-editor.provider.cjs');
 var textBoxEditor_provider = require('./text-box/text-box-editor.provider.cjs');
 var dropdownListEditor_provider = require('./dropdown-list/dropdown-list-editor.provider.cjs');
@@ -90,6 +92,7 @@ var arrayEditor_provider = require('./array/array-editor.provider.cjs');
 var cascaderEditor_provider = require('./cascader/cascader-editor.provider.cjs');
 var colorPickerEditor_provider = require('./color-picker/color-picker-editor.provider.cjs');
 var ibizSearchcondEdit_provider = require('./user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.cjs');
+var carouselEditor_provider = require('./carousel/carousel-editor.provider.cjs');
 
 "use strict";
 const IBizEditor = {
@@ -129,6 +132,7 @@ const IBizEditor = {
     v.component(ibizColorPicker.IBizColorPicker.name, ibizColorPicker.IBizColorPicker);
     v.component(ibizPresetRawitem.IBizPresetRawitem.name, ibizPresetRawitem.IBizPresetRawitem);
     v.component(ibizSearchcondEdit.IBizSearchCondEdit.name, ibizSearchcondEdit.IBizSearchCondEdit);
+    v.component(ibizCarousel.IBizCarousel.name, ibizCarousel.IBizCarousel);
     v.component(
       "IBizHtml",
       vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./html/wang-editor/wang-editor.cjs'); }))
@@ -367,6 +371,10 @@ const IBizEditor = {
       "AUTH_PASSWORD_PASSWORD",
       () => textBoxEditorProvider
     );
+    runtime.registerEditorProvider(
+      "FIELD_CAROUSEL_PICTURE",
+      () => new carouselEditor_provider.CarouselEditorProvider()
+    );
   }
 };
 

package/lib/panel-component/index.cjs

@@ -21,6 +21,7 @@ var index$7 = require('./index-actions/index.cjs');
 var index$f = require('./user-message/index.cjs');
 var index$g = require('./searchform-buttons/index.cjs');
 var index$h = require('./view-message/index.cjs');
+var index$i = require('./panel-static-carousel/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -61,6 +62,7 @@ const IBizPanelComponents = {
     v.use(index$g.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
     v.use(index$h.IBizViewMessage);
+    v.use(index$i.IBizPanelStaticCarousel);
   }
 };
 

package/lib/panel-component/panel-static-carousel/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var panelStaticCarousel = require('./panel-static-carousel.cjs');
+var panelStaticCarousel_provider = require('./panel-static-carousel.provider.cjs');
+
+"use strict";
+const IBizPanelStaticCarousel = vue3Util.withInstall(
+  panelStaticCarousel.PanelStaticCarousel,
+  function(v) {
+    v.component(panelStaticCarousel.PanelStaticCarousel.name, panelStaticCarousel.PanelStaticCarousel);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_STATIC_CAROUSEL",
+      () => new panelStaticCarousel_provider.PanelStaticCarouselProvider()
+    );
+  }
+);
+
+exports.IBizPanelStaticCarousel = IBizPanelStaticCarousel;
+exports.default = IBizPanelStaticCarousel;

package/lib/panel-component/panel-static-carousel/panel-static-carousel.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./panel-static-carousel.css');
+
+"use strict";
+const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelStaticCarousel",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    var _a;
+    const ns = vue3Util.useNamespace("panel-static-carousel");
+    const model = props.modelData;
+    const carouselData = vue.ref([]);
+    const isAuto = vue.ref(true);
+    const timeSpan = vue.ref(3e3);
+    const getSwipeConfig = (swipeData) => {
+      const autoPlay = swipeData.find((item) => Object.is(item.key, "autoplay"));
+      if (autoPlay) {
+        isAuto.value = !!Object.is(autoPlay.value, "1");
+      }
+      const span = swipeData.find((item) => Object.is(item.key, "timespan"));
+      if (span) {
+        timeSpan.value = Number(span.value) || 0;
+      }
+    };
+    if ((_a = model.rawItem) == null ? void 0 : _a.rawItemParams) {
+      let swipeData = [];
+      const imgData = model.rawItem.rawItemParams;
+      const configItem = imgData.findIndex((item) => Object.is(item.key, "autoplay"));
+      if (configItem > -1) {
+        swipeData = imgData.slice(0, -2);
+        getSwipeConfig(imgData.slice(-2));
+      } else {
+        swipeData = imgData;
+        getSwipeConfig(imgData);
+      }
+      carouselData.value = swipeData.map((item) => {
+        const {
+          id,
+          key,
+          sysImage
+        } = item;
+        return {
+          id,
+          name: key,
+          imgUrl: sysImage == null ? void 0 : sysImage.imagePath,
+          cssClass: sysImage == null ? void 0 : sysImage.cssClass,
+          linkPath: item.linkPath
+        };
+      });
+    }
+    return {
+      ns,
+      carouselData,
+      isAuto,
+      timeSpan
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCarouselComponent"), {
+      "carouselData": this.carouselData,
+      "isAuto": this.isAuto,
+      "timeSpan": this.timeSpan
+    }, null)]);
+  }
+});
+
+exports.PanelStaticCarousel = PanelStaticCarousel;

package/lib/panel-component/panel-static-carousel/panel-static-carousel.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelStaticCarouselProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelStaticCarousel");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelStaticCarouselProvider = PanelStaticCarouselProvider;

package/lib/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.cjs

@@ -86,14 +86,20 @@ const InternalMessageContainer = /* @__PURE__ */ vue.defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), vue.createVNode("div", {
       "class": this.ns.b("toolbar")
     }, [this.finalToolbarItems.map((item) => {
-      return vue.createVNode("ion-icon", {
+      return vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "class": this.ns.be("toolbar", "button"),
-        "name": item.icon,
+        "icon": {
+          imagePath: "svg/read.svg"
+        },
+        "baseDir": "iconfont",
         "title": item.tooltip,
         "onClick": (e) => this.onToolbarClick(e, item.key)
       }, null);
     })]), vue.createVNode("div", {
       "class": this.ns.e("unread-tag")
+    }, null), this.isClickable && vue.createVNode("ion-icon", {
+      "class": this.ns.e("click-tag"),
+      "name": "chevron-forward-outline"
     }, null)]);
   }
 });

package/lib/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.css

@@ -1 +1 @@
-.ibiz-internal-message-container{position:relative}.ibiz-internal-message-container--clickable{cursor:pointer}.ibiz-internal-message-container:hover .ibiz-internal-message-container-toolbar{display:block}.ibiz-internal-message-container__unread-tag{position:absolute;top:8px;right:8px;display:none;align-self:flex-start;width:10px;height:10px;background-color:var(--ibiz-color-danger);border-radius:50%}.ibiz-internal-message-container--unread .ibiz-internal-message-container__unread-tag{display:block}.ibiz-internal-message-container--unread:hover .ibiz-internal-message-container__unread-tag{display:none}.ibiz-internal-message-container-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-container-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-container-toolbar__button:hover{color:var(--ibiz-color-primary)}
+.ibiz-internal-message-container{position:relative}.ibiz-internal-message-container--clickable{cursor:pointer}.ibiz-internal-message-container:hover .ibiz-internal-message-container-toolbar{display:block}.ibiz-internal-message-container__unread-tag{position:absolute;top:8px;right:8px;display:none;align-self:flex-start;width:10px;height:10px;background-color:var(--ibiz-color-danger);border-radius:50%}.ibiz-internal-message-container__click-tag{position:absolute;top:50%;right:4px;font-size:18px;transform:translateY(-50%)}.ibiz-internal-message-container--unread .ibiz-internal-message-container__unread-tag{display:block}.ibiz-internal-message-container--unread:hover .ibiz-internal-message-container__unread-tag{display:none}.ibiz-internal-message-container-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-container-toolbar__button{margin-left:10px;cursor:pointer}.ibiz-internal-message-container-toolbar__button:hover{color:var(--ibiz-color-primary)}

package/lib/panel-component/user-message/internal-message/common/internal-message-default/internal-message-default.provider.cjs

@@ -3,6 +3,7 @@
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var vue = require('vue');
+var vueRouter = require('vue-router');
 var internalMessageDefault = require('./internal-message-default.cjs');
 
 "use strict";
@@ -15,6 +16,7 @@ var __publicField = (obj, key, value) => {
 class InternalMessageDefaultProvider {
   constructor() {
     __publicField(this, "component", internalMessageDefault.InternalMessageDefault);
+    __publicField(this, "router", vueRouter.useRouter());
   }
   render(props) {
     return vue.h(this.component, {
@@ -26,7 +28,12 @@ class InternalMessageDefaultProvider {
     await ibiz.hub.notice.internalMessage.markRead(message);
     const redirectUrl = ibiz.env.isMob ? message.mobile_url : message.url;
     if (redirectUrl) {
-      this.openRedirectView(message, redirectUrl);
+      if (redirectUrl.startsWith("view://")) {
+        this.openRedirectView(message, redirectUrl);
+      } else if (redirectUrl.startsWith("route://")) {
+        const routeUrl = "/".concat(redirectUrl.split("route://")[1]);
+        this.router.push(routeUrl);
+      }
       return true;
     }
     return false;

package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.cjs

@@ -25,11 +25,13 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("internal-message-tab");
     const hiddenPopover = () => {
       emit("hiddenPopover");
     };
     const c = props.controller;
+    const unreadOnlyTag = "".concat((_a = ibiz.appData) == null ? void 0 : _a.context.srfsystemid, "-unreadOnly");
     const hasNotice = vue.ref(false);
     ibiz.mc.command.internalMessage.on(async (msg) => {
       ibiz.log.debug("mqtt internalMessage: ", msg);
@@ -70,7 +72,24 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
     };
     const switchChange = () => {
       c.toggleUnReadOnly();
+      localStorage.setItem(unreadOnlyTag, c.unreadOnly.toString());
     };
+    const initUnreadOnly = () => {
+      const unreadOnlyStr = localStorage.getItem(unreadOnlyTag);
+      if (unreadOnlyStr) {
+        if (unreadOnlyStr === "true") {
+          state.unreadOnly = true;
+          c.unreadOnly = true;
+        } else {
+          state.unreadOnly = false;
+          c.unreadOnly = false;
+        }
+      }
+    };
+    vue.onMounted(() => {
+      initUnreadOnly();
+      c.load();
+    });
     return {
       ns,
       allItems,