@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.40-alpha.9

package/lib/control/form/form-detail/form-rawitem/form-rawitem.cjs

@@ -8,6 +8,9 @@ var runtime = require('@ibiz-template/runtime');
 require('./form-rawitem.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const FormRawItem = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFormRawItem",
   props: {
@@ -21,6 +24,7 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("form-raw-item");
     const c = props.controller;
     const content = vue.ref("");
@@ -30,6 +34,125 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const isDesignPreview = ((_a = c.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
+    const renderPreviewContent = () => {
+      var _a2;
+      let _slot;
+      const contentType = (_a2 = props.modelData.rawItem) == null ? void 0 : _a2.contentType;
+      switch (contentType) {
+        case "RAW": {
+          const caption = props.modelData.rawItem.caption || "";
+          return vue.createVNode("div", {
+            "class": ns.be("preview-content", "raw")
+          }, [caption]);
+        }
+        case "HTML": {
+          const rawItemContent = props.modelData.rawItem.content || "";
+          return vue.createVNode("div", {
+            "class": ns.be("preview-content", "html"),
+            "innerHTML": rawItemContent
+          }, null);
+        }
+        case "IMAGE":
+          return vue.createVNode("div", {
+            "class": ns.be("preview-content", "image")
+          }, [vue.createVNode("svg", {
+            "width": "56px",
+            "height": "56px",
+            "viewBox": "0 0 56 56",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [vue.createVNode("g", {
+            "stroke": "none",
+            "stroke-width": "1",
+            "fill": "none",
+            "fill-rule": "evenodd"
+          }, [vue.createVNode("g", {
+            "transform": "translate(4.000000, 0.000000)",
+            "fill": "#8c8c8c",
+            "fill-rule": "nonzero"
+          }, [vue.createVNode("rect", {
+            "opacity": "0",
+            "x": "0",
+            "y": "0",
+            "width": "48",
+            "height": "48"
+          }, null), vue.createVNode("path", {
+            "d": "M43.5,7.5 L4.5,7.5 C3.6703125,7.5 3,8.1703125 3,9 L3,39 C3,39.8296875 3.6703125,40.5 4.5,40.5 L43.5,40.5 C44.3296875,40.5 45,39.8296875 45,39 L45,9 C45,8.1703125 44.3296875,7.5 43.5,7.5 Z M15.84375,14.25 C17.4984375,14.25 18.84375,15.5953125 18.84375,17.25 C18.84375,18.9046875 17.4984375,20.25 15.84375,20.25 C14.1890625,20.25 12.84375,18.9046875 12.84375,17.25 C12.84375,15.5953125 14.1890625,14.25 15.84375,14.25 Z M39.9328125,34.7390625 C39.8671875,34.7953125 39.778125,34.828125 39.6890625,34.828125 L8.30625,34.828125 C8.1,34.828125 7.93125,34.659375 7.93125,34.453125 C7.93125,34.3640625 7.9640625,34.2796875 8.0203125,34.209375 L16.003125,24.740625 C16.134375,24.58125 16.3734375,24.5625 16.5328125,24.69375 C16.546875,24.7078125 16.565625,24.721875 16.5796875,24.740625 L21.2390625,30.271875 L28.65,21.4828125 C28.78125,21.3234375 29.0203125,21.3046875 29.1796875,21.4359375 C29.19375,21.45 29.2125,21.4640625 29.2265625,21.4828125 L39.9890625,34.2140625 C40.1109375,34.36875 40.0921875,34.6078125 39.9328125,34.7390625 Z"
+          }, null)])])])]);
+        case "VIDEO":
+          return vue.createVNode("div", {
+            "class": ns.be("preview-content", "video")
+          }, [vue.createVNode("svg", {
+            "width": "56px",
+            "height": "56px",
+            "viewBox": "0 0 56 56",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [vue.createVNode("g", {
+            "stroke": "none",
+            "stroke-width": "1",
+            "fill": "none",
+            "fill-rule": "evenodd"
+          }, [vue.createVNode("g", {
+            "transform": "translate(4.000000, 4.000000)",
+            "fill-rule": "nonzero"
+          }, [vue.createVNode("rect", {
+            "opacity": "0",
+            "x": "0",
+            "y": "0",
+            "width": "48",
+            "height": "48"
+          }, null), vue.createVNode("rect", {
+            "stroke-width": "2",
+            "x": "5",
+            "y": "5",
+            "width": "38",
+            "height": "38",
+            "rx": "2",
+            "stroke": "#1890FF"
+          }, null), vue.createVNode("path", {
+            "d": "M19.842,16.7706563 L30.3061875,22.4005313 C31.4090625,22.993875 31.822125,24.369 31.2287812,25.4717812 C30.9959833,25.9045408 30.6289074,26.2499678 30.1828125,26.4560625 L19.7187188,31.290375 C18.5818125,31.8156563 17.2343438,31.3198125 16.7090625,30.1828125 C16.571335,29.8846905 16.5,29.560211 16.5,29.2318125 L16.5,18.767625 C16.5,17.5153125 17.5153125,16.5 18.767625,16.5 C19.142625,16.5 19.5118125,16.593 19.842,16.7706563 Z",
+            "fill": "#1890FF"
+          }, null)])])])]);
+        case "PLACEHOLDER":
+          return null;
+        case "DIVIDER":
+          return vue.createVNode(vue.resolveComponent("el-divider"), {
+            "class": ns.be("preview-content", "divider")
+          }, _isSlot(_slot = ibiz.i18n.t("control.form.formRawItem.dividerText")) ? _slot : {
+            default: () => [_slot]
+          });
+        case "INFO":
+          return vue.createVNode(vue.resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "info"),
+            "title": ibiz.i18n.t("control.form.formRawItem.infoText"),
+            "type": "info",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        case "WARNING":
+          return vue.createVNode(vue.resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "warning"),
+            "title": ibiz.i18n.t("control.form.formRawItem.warningText"),
+            "type": "warning",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        case "ERROR":
+          return vue.createVNode(vue.resolveComponent("el-alert"), {
+            "class": ns.be("preview-content", "error"),
+            "title": ibiz.i18n.t("control.form.formRawItem.errorText"),
+            "type": "error",
+            "closable": false,
+            "show-icon": true
+          }, null);
+        default:
+          return vue.createVNode("div", {
+            "class": ns.be("preview-content", "default")
+          }, [ibiz.i18n.t("control.form.formRawItem.defaultText")]);
+      }
+    };
     vue.watch(() => c.data, async (newVal) => {
       if (newVal) {
         const rawItemModel = c.model.rawItem;
@@ -60,7 +183,9 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       content,
-      showFormDefaultContent
+      showFormDefaultContent,
+      isDesignPreview,
+      renderPreviewContent
     };
   },
   render() {
@@ -68,6 +193,13 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
     if (!this.controller.state.visible) {
       return null;
     }
+    if (this.isDesignPreview) {
+      return vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, [this.renderPreviewContent()])]);
+    }
     return vue.createVNode(vue.resolveComponent("iBizRawItem"), {
       "class": [
         this.ns.b(),

package/lib/control/form/form-detail/form-rawitem/form-rawitem.css

@@ -1 +1 @@
-.ibiz-form-raw-item{--ibiz-form-rawitem-line-height:var(--ibiz-height-control-default);--ibiz-form-rawitem-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-rawitem-font-size:var(--ibiz-font-size-regular);width:100%;height:100%}.ibiz-form-raw-item.is-form-text{padding:var(--ibiz-form-rawitem-padding);font-size:var(--ibiz-form-rawitem-font-size);line-height:var(--ibiz-form-rawitem-line-height)}.ibiz-form-raw-item.is-show-default{padding:var(--ibiz-spacing-none) 11px}
+.ibiz-form-raw-item{--ibiz-form-rawitem-line-height:var(--ibiz-height-control-default);--ibiz-form-rawitem-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-rawitem-font-size:var(--ibiz-font-size-regular);width:100%;height:100%}.ibiz-form-raw-item.is-form-text{padding:var(--ibiz-form-rawitem-padding);font-size:var(--ibiz-form-rawitem-font-size);line-height:var(--ibiz-form-rawitem-line-height)}.ibiz-form-raw-item.is-show-default{padding:var(--ibiz-spacing-none) 11px}.ibiz-form-raw-item-preview-content{display:flex;align-items:center}.ibiz-form-raw-item-preview-content__image{display:flex}.ibiz-form-raw-item-preview-content__video{display:flex}

package/lib/control/form/search-form/search-form.cjs

@@ -28,14 +28,34 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
       type: Boolean,
       required: false
     },
+    data: {
+      type: Object,
+      required: false
+    },
     loadDefault: {
       type: Boolean,
       default: true
     }
   },
-  setup() {
+  setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.SearchFormController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    if (props.isSimple) {
+      c.evt.on("onMounted", () => {
+        c.setSimpleData(props.data || {});
+      });
+      vue.watch(() => props.data, (newVal) => {
+        const changeVal = newVal || {};
+        const find = Object.keys(c.data).find((key) => {
+          return changeVal[key] !== c.data[key];
+        });
+        if (find) {
+          c.setSimpleData(changeVal);
+        }
+      }, {
+        deep: true
+      });
+    }
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);
       keys.forEach((key) => {

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

@@ -59,9 +59,8 @@ function useITableEvent(c) {
         if (classList.includes("el-popper") || classList.includes("el-scrollbar") || classList.includes("el-table__row"))
           return;
         const editingRow = c.state.rows.find((item) => item.showRowEdit);
-        if (editingRow) {
+        if (editingRow)
           await c.switchRowEdit(editingRow);
-        }
       });
     }
     const timer = setInterval(() => {
@@ -77,9 +76,8 @@ function useITableEvent(c) {
         const callback = async () => {
           if (c.editShowMode === "row") {
             const editingRow = c.state.rows.find((item) => item.showRowEdit);
-            if (editingRow) {
+            if (editingRow)
               await c.switchRowEdit(editingRow);
-            }
           }
         };
         const { cleanup } = keydownUtil.useFocusByEnter(tableEl, querySelect, callback);
@@ -106,9 +104,8 @@ function useITableEvent(c) {
     if (data.srfuf === runtime.Srfuf.CREATE) {
       if (c.editShowMode === "row") {
         const row = c.findRowState(data);
-        if (row) {
+        if (row)
           await c.switchRowEdit(row);
-        }
       }
       return;
     }
@@ -234,9 +231,10 @@ function useITableEvent(c) {
       return;
     }
     c.setSort(fieldName, order1);
-    c.load({
-      isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
-    });
+    if (c.model.sortMode !== "LOCAL")
+      c.load({
+        isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+      });
   }
   function handleRowClassName({ row }) {
     let activeClassName = "";
@@ -277,16 +275,23 @@ function useITableEvent(c) {
   vue.watch(
     () => c.state.sortQuery,
     (newVal) => {
+      var _a, _b;
       if (newVal) {
         const prop = c.state.sortQuery.split(",")[0];
         const sortDir = c.state.sortQuery.split(",")[1];
-        if (prop && sortDir) {
+        const column = (_a = c.model.degridColumns) == null ? void 0 : _a.find((_column) => {
+          var _a2;
+          return ((_a2 = _column.codeName) == null ? void 0 : _a2.toLowerCase()) === prop.toLowerCase();
+        });
+        if (column && sortDir) {
           const order = sortDir === "desc" ? "descending" : "ascending";
           const sortTable = () => {
             if (tableRef.value) {
               vue.nextTick(() => {
+                if (newVal !== c.state.sortQuery)
+                  return;
                 isGridUISort = true;
-                tableRef.value.sort(prop, order);
+                tableRef.value.sort(column.codeName, order);
               });
             } else {
               setTimeout(sortTable, 500);
@@ -294,6 +299,8 @@ function useITableEvent(c) {
           };
           sortTable();
         }
+      } else {
+        (_b = tableRef.value) == null ? void 0 : _b.clearSort();
       }
     }
   );

package/lib/control/grid/grid/grid.cjs

@@ -147,7 +147,15 @@ function renderColumn(c, model, renderColumns, index) {
     [widthName]: tempWidth
   }, {
     "fixed": columnState.fixed,
-    "sortable": model.enableSort ? "custom" : false,
+    "sortable": model.enableSort ? c.model.sortMode === "LOCAL" || "custom" : false,
+    "sortMethod": (a, b) => {
+      const fieldName = model.id.toLowerCase();
+      if (a[fieldName] < b[fieldName] || !a[fieldName])
+        return -1;
+      if (a[fieldName] > b[fieldName] || !b[fieldName])
+        return 1;
+      return 0;
+    },
     "align": ((_b = model.align) == null ? void 0 : _b.toLowerCase()) || "center"
   }), {
     default: ({

package/lib/control/grid/grid-column/grid-field-column/grid-field-column.css

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-link);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-link-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-text-container{min-width:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column-toolbar-container{flex-shrink:0}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script{max-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding));line-height:calc(var(--ibiz-control-grid-content-row-height) - 2 * var(--ibiz-grid-field-column-cell-padding))}.ibiz-grid-field-column--ellipsis .ibiz-grid-field-column__script *{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column.is-has-action{justify-content:space-between}.ibiz-grid-field-column-text-container{display:inline-flex;flex-grow:1;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);height:100%}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item:not(.ibiz-action-toolbar__item--level-250){display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__separator{display:none}.ibiz-grid-field-column-toolbar-container .ibiz-action-toolbar__item.is-group{display:inline-flex;opacity:0}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__item{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr:hover .ibiz-action-toolbar__separator{display:inline-flex;opacity:1}.el-table .el-table__body-wrapper tr .ibiz-action-toolbar__item.is-expand{display:inline-flex;opacity:1}

package/lib/control/list/list.cjs

@@ -116,6 +116,39 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         c.state.isLoaded = true;
       }
     });
+    const scrollToTop = () => {
+      var _a;
+      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
+    c.evt.on("onScrollToTop", () => {
+      scrollToTop();
+    });
+    const onCollapseData = () => {
+      isCollapse.value = true;
+      scrollToTop();
+    };
+    const onExpandData = () => {
+      isCollapse.value = false;
+    };
+    const isSelected = (item) => {
+      let selected = !!c.state.selectedData.find((data) => data.srfkey === item.srfkey);
+      if (c.view.model.viewType === "DELISTVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true)
+        selected = false;
+      return selected;
+    };
+    const toggleSelection = (item) => {
+      const selected = c.state.selectedData;
+      const index = selected.findIndex((data) => data.srfkey === item.srfkey);
+      if (index === -1) {
+        selected.push(item);
+      } else {
+        selected.splice(index, 1);
+      }
+      c.setSelection(selected);
+    };
     vue.watch(() => props.data, () => {
       if (props.isSimple) {
         initSimpleData();
@@ -128,28 +161,20 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         context,
         params
       } = c;
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
       return vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-        "class": itemClass,
         "data": item,
-        "modelData": modelData,
-        "context": context,
         "params": params,
+        "context": context,
+        "class": ns.b("item"),
+        "modelData": modelData,
         "onClick": () => c.onRowClick(item),
         "onDblclick": () => c.onDbRowClick(item)
       }, null);
     };
     const renderDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
       return vue.createVNode("div", {
-        "class": itemClass,
         "key": item.srfkey,
+        "class": ns.b("item"),
         "onClick": () => c.onRowClick(item),
         "onDblclick": () => c.onDbRowClick(item)
       }, ["".concat(lodashEs.isNil(item.srfmajortext) ? "" : item.srfmajortext)]);
@@ -166,8 +191,27 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         }, null);
       }
     };
-    const renderGroup = (group) => {
+    const renderListItems = (items) => {
       const panel = props.modelData.itemLayoutPanel;
+      return items.map((item) => {
+        const cardStyle = ns.cssVarBlock({
+          "item-bg-color": "".concat(item.bgcolor || ""),
+          "text-color": "".concat(item.fontcolor || ""),
+          "hover-bg-color": "".concat(item.hovercolor || ""),
+          "active-bg-color": "".concat(item.activecolor || "")
+        });
+        return vue.createVNode("div", {
+          "style": cardStyle,
+          "class": [ns.b("scroll-item"), ns.is("active", isSelected(item))]
+        }, [c.model.controlStyle === "EXTVIEW2" && !c.state.singleSelect && vue.createVNode(vue.resolveComponent("el-checkbox"), {
+          "size": "large",
+          "class": ns.be("scroll-item", "checkbox"),
+          "modelValue": isSelected(item),
+          "onChange": () => toggleSelection(item)
+        }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
+      });
+    };
+    const renderGroup = (group) => {
       return vue.createVNode(vue.resolveComponent("el-collapse-item"), {
         "class": ns.be("group-content", "item"),
         "name": group.key
@@ -181,70 +225,35 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
             "class": ns.be("group-content", "item-action")
           }, [renderGroupAction(group)])]);
         },
-        default: () => group.children.length > 0 ? group.children.map((item) => {
-          return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
-        }) : vue.createVNode("div", {
+        default: () => group.children.length > 0 ? renderListItems(group.children) : vue.createVNode("div", {
           "class": ns.bem("group-content", "item", "empty")
         }, [ibiz.i18n.t("app.noData")])
       });
     };
-    const scrollToTop = () => {
-      var _a;
-      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-    };
-    c.evt.on("onScrollToTop", () => {
-      scrollToTop();
-    });
-    const onCollapseData = () => {
-      isCollapse.value = true;
-      scrollToTop();
-    };
-    const onExpandData = () => {
-      isCollapse.value = false;
-    };
     const renderListContent = () => {
       if (c.model.enableGroup && !c.state.isSimple) {
         return vue.createVNode(vue.resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
-          "class": [ns.b("group-content"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")]
+          "class": [ns.b("content"), ns.b("group-content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")]
         }, {
           default: () => {
             var _a;
             return [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
               return vue.createVNode("div", {
-                "class": [ns.b("scroll-item")]
+                "class": [ns.b("group")]
               }, [renderGroup(group)]);
             })];
           }
         });
       }
-      const panel = props.modelData.itemLayoutPanel;
-      let tempItems = c.state.items;
-      if (isCollapse.value) {
-        tempItems = c.state.items.slice(0, c.state.size);
-      }
       return vue.withDirectives(vue.createVNode("div", {
         "class": [ns.b("scroll"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
-      }, [tempItems.map((item) => {
-        const cardStyle = ns.cssVarBlock({
-          "item-bg-color": "".concat(item.bgcolor || ""),
-          "text-color": "".concat(item.fontcolor || ""),
-          "hover-bg-color": "".concat(item.hovercolor || ""),
-          "active-bg-color": "".concat(item.activecolor || "")
-        });
-        return vue.createVNode("div", {
-          "class": [ns.b("scroll-item")],
-          "style": cardStyle
-        }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
-      })]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }, [renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items)]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const upIcon = () => {
       return vue.createVNode("div", {
@@ -281,9 +290,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
         return item.name === "".concat(c.model.name, "_quicktoolbar");
       });
-      if (!ctrlModel) {
+      if (!ctrlModel)
         return;
-      }
       return vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -295,9 +303,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
         return item.name === "".concat(c.model.name, "_batchtoolbar");
       });
-      if (!ctrlModel) {
+      if (!ctrlModel)
         return;
-      }
       return vue.createVNode("div", {
         "class": ns.b("batchtoolbar")
       }, [vue.createVNode(vue.resolveComponent("iBizToolbarControl"), {
@@ -310,9 +317,8 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       const {
         isLoaded
       } = c.state;
-      if (!isLoaded) {
+      if (!isLoaded)
         return;
-      }
       const noDataSlots = {
         default: () => renderQuickToolBar()
       };

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-control-list-scroll-item:last-of-type{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}
+.ibiz-control-list-item{flex-grow:1;cursor:pointer;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-control-list-scroll-item:last-of-type{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}

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

@@ -2,8 +2,10 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./export-excel.css');
 var core = require('@ibiz-template/core');
+require('../../../util/index.cjs');
+require('./export-excel.css');
+var buttonUtil = require('../../../util/button-util/button-util.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -67,6 +69,7 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(vue.resolveComponent("el-button"), {
           "title": core.showTitle(this.item.tooltip),
           "size": this.$props.size,
+          "type": buttonUtil.convertBtnType(this.item.buttonStyle),
           "class": this.ns.b("submenu-button")
         }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
           default: () => [_slot]
@@ -132,17 +135,18 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
         })];
       }
     }) : vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "trigger": "click",
       "size": this.$props.size,
       "onCommand": this.onCommand,
-      "popper-class": this.ns.b(),
-      "trigger": "click"
+      "popper-class": this.ns.b()
     }, {
       default: () => {
         let _slot6;
         return vue.createVNode(vue.resolveComponent("el-button"), {
-          "title": core.showTitle(this.item.tooltip),
           "size": this.$props.size,
-          "class": this.ns.e("button")
+          "class": this.ns.e("button"),
+          "title": core.showTitle(this.item.tooltip),
+          "type": buttonUtil.convertBtnType(this.item.buttonStyle)
         }, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {
           default: () => [_slot6]
         });

package/lib/control/toolbar/short-cut-button/short-cut-button.cjs

@@ -2,8 +2,10 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./short-cut-button.css');
 var core = require('@ibiz-template/core');
+require('../../../util/index.cjs');
+require('./short-cut-button.css');
+var buttonUtil = require('../../../util/button-util/button-util.cjs');
 
 "use strict";
 const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
@@ -54,8 +56,7 @@ const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "title": core.showTitle(this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip),
       "size": this.size,
-      "text": Object.is(this.buttonType, "inverse"),
-      "type": this.buttonType,
+      "type": buttonUtil.convertBtnType(this.item.buttonStyle),
       "loading": this.buttonState.loading,
       "disabled": this.buttonState.disabled,
       "onClick": this.onClick