@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/lib/control/calendar/calendar.cjs

@@ -16,29 +16,52 @@ function _isSlot(s) {
 const CalendarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizCalendarControl",
   props: {
+    /**
+     * @description 日历模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 部件激活模式，值为0：表示无激活,1：表示单击激活,2：表示双击激活
+     */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
+    /**
+     * @description  是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 是否默认加载
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
@@ -50,6 +73,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
     const calendarRef = vue.ref();
     const curPopover = vue.ref();
     const showDateRange = vue.ref(c.controlParams.showmode === "daterange");
+    const showDateList = vue.ref(c.controlParams.showmode === "expand");
     const popoverValue = vue.ref("");
     const selectDate = (tag) => {
       if (!calendarRef.value)
@@ -282,6 +306,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       curPopover,
       calendarRef,
       showDateRange,
+      showDateList,
       popoverValue,
       selectDate,
       calcItemStyle,
@@ -351,7 +376,7 @@ const CalendarControl = /* @__PURE__ */ vue.defineComponent({
       return panel ? renderPanelItem(item, panel, date) : renderDefaultItem(item, date);
     };
     const renderCalendarList = (items, date) => {
-      if (items.length > 1 && !this.showDateRange) {
+      if (items.length > 1 && !this.showDateRange && !this.showDateList) {
         return [renderCalendarItem(items[0], date), vue.createVNode(vue.resolveComponent("el-popover"), {
           "trigger": "click",
           "ref": (el) => {

package/lib/control/calendar/components/calendar-daily/calendar-daily.cjs

@@ -137,11 +137,15 @@ const CalendarDaily = /* @__PURE__ */ vue.defineComponent({
         const eventBoxStyle = {
           top: "".concat(event.styleTop, "px"),
           left: "".concat(event.styleLeft),
-          height: "".concat(event.height, "px"),
+          height: typeof event.height === "number" ? "".concat(event.height, "px") : event.height,
           width: "".concat(event.width),
-          "min-height": "".concat(event.height, "px"),
           "z-index": event.zIndex
         };
+        if (typeof event.height === "number") {
+          Object.assign(eventBoxStyle, {
+            "min-height": "".concat(event.height, "px")
+          });
+        }
         const eventContentStyle = {
           background: event.bkColorFade,
           "border-left": "3px solid ".concat(event.bkColor),

package/lib/control/calendar/components/calendar-daily/use-calendar-daily.cjs

@@ -128,7 +128,7 @@ const useCalendarDaily = (props, emit) => {
       height = Math.floor(difference / (1e3 * 60));
     }
     if (height < 3) {
-      height = 3;
+      height = "auto";
     }
     return height;
   };

package/lib/control/calendar/components/calendar-week/calendar-week.cjs

@@ -214,11 +214,16 @@ const CalendarWeek = /* @__PURE__ */ vue.defineComponent({
         const eventBoxStyle = {
           top: "".concat(event.styleTop, "px"),
           left: "".concat(event.styleLeft),
-          height: "".concat(event.height, "px"),
+          height: typeof event.height === "number" ? "".concat(event.height, "px") : event.height,
           width: "".concat(event.width),
           "min-height": "".concat(event.height && event.height > 30 ? event.height : 30, "px"),
           "z-index": event.zIndex
         };
+        if (typeof event.height === "number") {
+          Object.assign(eventBoxStyle, {
+            "min-height": "".concat(event.height, "px")
+          });
+        }
         const eventContentStyle = {
           background: event.bkColorFade,
           "border-left": "3px solid ".concat(event.bkColor),

package/lib/control/caption-bar/caption-bar.cjs

@@ -9,18 +9,31 @@ require('./caption-bar.css');
 const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizCaptionBarControl",
   props: {
+    /**
+     * @description 标题栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }

package/lib/control/chart/chart.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var echarts = require('echarts');
 var qxUtil = require('qx-util');
+var lodashEs = require('lodash-es');
 var runtime = require('@ibiz-template/runtime');
 require('./chart.css');
 
@@ -16,33 +17,59 @@ function _isSlot(s) {
 const ChartControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizChartControl",
   props: {
+    /**
+     * @description 图表模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description 部件激活模式，值为0：表示无激活,1：表示单击激活,2：表示双击激活
+     */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
     },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
@@ -142,7 +169,15 @@ const ChartControl = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.observe(chartRef.value);
       }
       setHeight();
-      const drillDetails = (_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDETAIL;
+      let drillDetails = ((_b = (_a = props.modelData.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.ENABLEDRILLDETAIL) || c.controlParams.enabledrilldetail;
+      if (!lodashEs.isArray(drillDetails)) {
+        try {
+          drillDetails = JSON.parse(drillDetails);
+        } catch (error) {
+          ibiz.log.error(error);
+          drillDetails = void 0;
+        }
+      }
       if (drillDetails == null ? void 0 : drillDetails.length) {
         chart.on("click", (params) => {
           const serieModel = c.computedClickSerieModel(params);

package/lib/control/context-menu/context-menu.cjs

@@ -13,41 +13,62 @@ function _isSlot(s) {
 const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizContextMenuControl",
   props: {
+    /**
+     * @description 上下文菜单模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
-    // 模式
+    /**
+     * @description 模式，值为dropdown:下拉模式，buttons:按钮组模式
+     * @default buttons
+     */
     mode: {
       type: String,
       default: "buttons"
     },
-    // 分组的行为级别
+    /**
+     * @description 分组的行为级别
+     * @default [50]
+     */
     groupLevelKeys: {
       type: Object,
       // eslint-disable-next-line vue/require-valid-default-prop
       default: [50]
     },
-    // 节点数据
+    /**
+     * @description 节点数据
+     */
     nodeData: {
       type: Object,
       required: true
     },
-    // 节点模型
+    /**
+     * @description 节点模型
+     */
     nodeModel: {
       type: Object,
       required: true
     },
-    // 行为回调，和action-click事件互斥，二者只有一个生效，actionCallBack优先级大于行为回调
-    // 二者区别在于：行为回调为同步执行（主要解决pop打开视图位置异常），action-click为异步执行（不关心执行是否完成）
+    /**
+     * @description 点击菜单项时的回调函数，存在此参数时不抛出action-click事件
+     */
     actionCallBack: {
       type: Function
     }

package/lib/control/dashboard/dashboard.cjs

@@ -45,18 +45,31 @@ function renderPortletByType(model, c, opts) {
 const DashboardControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDashboardControl",
   props: {
+    /**
+     * @description 看板模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }

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

@@ -15,45 +15,66 @@ function _isSlot(s) {
 const DataViewControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDataViewControl",
   props: {
+    /**
+     * @description 数据视图（卡片）模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
     /**
-     * 部件行数据默认激活模式
-     * - 0 不激活
-     * - 1 单击激活
-     * - 2 双击激活(默认值)
-     *
-     * @type {(number | 0 | 1 | 2)}
+     * @description 部件行数据默认激活模式，值为0:不激活，值为1：单击激活，值为2：双击激活
      */
     mdctrlActiveMode: {
       type: Number,
       default: void 0
     },
+    /**
+     * @description 是否单选
+     */
     singleSelect: {
       type: Boolean,
       default: void 0
     },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
     isSimple: {
       type: Boolean,
       required: false
     },
+    /**
+     * @description 简单模式下传入的数据
+     */
     data: {
       type: Array,
       required: false
     },
+    /**
+     * @description 是否默认加载数据
+     * @default true
+     */
     loadDefault: {
       type: Boolean,
       default: true
@@ -77,7 +98,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     });
     const cardStyle = vue.computed(() => {
       var _a, _b;
-      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || "default";
+      return ((_b = (_a = c.model.controlParam) == null ? void 0 : _a.ctrlParams) == null ? void 0 : _b.CARDSTYLE) || c.controlParams.cardstyle || "default";
     });
     const showCollapseOrExpandIcon = vue.computed(() => {
       return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
@@ -381,63 +402,104 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       }
       return icon;
     };
+    const renderNavIcon = () => {
+      const {
+        enableNavView,
+        showNavIcon,
+        showNavView
+      } = c.state;
+      if (enableNavView && showNavIcon)
+        return !showNavView ? vue.createVNode("ion-icon", {
+          "name": "eye-outline",
+          "class": ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
+          "onClick": () => c.onShowNavViewChange()
+        }, null) : vue.createVNode("ion-icon", {
+          "name": "eye-off-outline",
+          "class": ns.e("nav-icon"),
+          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
+          "onClick": () => c.onShowNavViewChange()
+        }, null);
+    };
+    const renderSortBar = () => {
+      if (!c.state.noSort)
+        return vue.createVNode(vue.resolveComponent("iBizSortBar"), {
+          "onSortChange": (item, order) => {
+            c.setSort(item.key, order);
+            c.load({
+              isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+            });
+          },
+          "sortItems": c.state.sortItems
+        }, null);
+    };
+    const renderContent = () => {
+      return [c.state.items.length > 0 ? renderHasData() : renderNoData(), renderNavIcon(), renderCollapseExpandIcon()];
+    };
+    const renderPagingBar = () => {
+      if (c.state.enablePagingBar && c.model.pagingMode === 1)
+        return vue.createVNode(vue.resolveComponent("iBizPagination"), {
+          "class": ns.e("pagination"),
+          "total": c.state.total,
+          "curPage": c.state.curPage,
+          "size": c.state.size,
+          "totalPages": c.state.totalPages,
+          "onChange": onPageChange,
+          "onPageSizeChange": onPageSizeChange,
+          "onPageRefresh": onPageRefresh
+        }, null);
+    };
+    const renderSearchBar = () => {
+      const searchbar = runtime.getControl(c.view.model, "searchbar");
+      if (!searchbar)
+        return;
+      const id = searchbar.name || searchbar.id;
+      const provider = c.view.providers[id];
+      return vue.h(vue.resolveComponent((provider == null ? void 0 : provider.component) || "IBizControlShell"), {
+        context: c.view.context,
+        params: c.view.params,
+        modelData: searchbar,
+        ...c.view.slotProps[id] || {},
+        provider
+      });
+    };
+    const renderDefaultStyle = () => {
+      if (c.state.isCreated)
+        return [renderSortBar(), ...renderContent(), renderPagingBar()];
+    };
+    const renderUserStyle = () => {
+      return {
+        sortbar: () => renderSortBar(),
+        searchbar: () => renderSearchBar(),
+        dataview: () => vue.createVNode("div", {
+          "class": ns.e("layout-content")
+        }, [renderContent()]),
+        pagingbar: () => renderPagingBar()
+      };
+    };
+    const renderLayoutByStyle = () => {
+      if (cardStyle.value === "userstyle")
+        return renderUserStyle();
+      return renderDefaultStyle();
+    };
     return {
       c,
       ns,
       classNames,
       infiniteScroll,
-      renderHasData,
-      renderNoData,
-      onPageChange,
-      onPageRefresh,
-      onPageSizeChange,
-      renderCollapseExpandIcon
+      renderLayoutByStyle
     };
   },
   render() {
-    const {
-      items,
-      isCreated
-    } = this.c.state;
-    let content = null;
-    if (isCreated) {
-      content = [this.c.state.noSort ? null : vue.createVNode(vue.resolveComponent("iBizSortBar"), {
-        "onSortChange": (item, order) => {
-          this.c.setSort(item.key, order);
-          this.c.load({
-            isInitialLoad: this.c.model.pagingMode === 2 || this.c.model.pagingMode === 3
-          });
-        },
-        "sortItems": this.c.state.sortItems
-      }, null), items.length > 0 ? this.renderHasData() : this.renderNoData(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? vue.createVNode(vue.resolveComponent("iBizPagination"), {
-        "class": this.ns.e("pagination"),
-        "total": this.c.state.total,
-        "curPage": this.c.state.curPage,
-        "size": this.c.state.size,
-        "totalPages": this.c.state.totalPages,
-        "onChange": this.onPageChange,
-        "onPageSizeChange": this.onPageSizeChange,
-        "onPageRefresh": this.onPageRefresh
-      }, null) : null];
-    }
+    let _slot2;
     return vue.createVNode(vue.resolveComponent("iBizControlNavigation"), {
       "controller": this.c
     }, {
       default: () => [vue.createVNode(vue.resolveComponent("iBizControlBase"), {
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
-      }, {
-        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
-          "class": this.ns.e("nav-icon"),
-          "title": ibiz.i18n.t("component.controlNavigation.showNav"),
-          "name": "eye-outline",
-          "onClick": () => this.c.onShowNavViewChange()
-        }, null) : vue.createVNode("ion-icon", {
-          "class": this.ns.e("nav-icon"),
-          "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
-          "name": "eye-off-outline",
-          "onClick": () => this.c.onShowNavViewChange()
-        }, null) : null, this.renderCollapseExpandIcon()]
+      }, _isSlot(_slot2 = this.renderLayoutByStyle()) ? _slot2 : {
+        default: () => [_slot2]
       })]
     });
   }

package/lib/control/drbar/drbar.cjs

@@ -10,29 +10,52 @@ require('./drbar.css');
 const DRBarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDrBarControl",
   props: {
+    /**
+     * @description 数据关系栏模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     },
+    /**
+     * @description  导航数据
+     */
     srfnav: {
       type: String,
       required: false
     },
+    /**
+     * @description  指定el-menu的菜单展示模式（mode）参数
+     * @default vertical
+     */
     showMode: {
       type: String,
       default: "vertical"
     },
+    /**
+     * @description  隐藏编辑项
+     */
     hideEditItem: {
       type: Boolean,
       default: void 0

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.39_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.40_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {