@ibiz-template/vue3-components 0.7.41-alpha.1 → 0.7.41-alpha.11

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -40,9 +40,15 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
+      if (editorModel.editorParams.valueseparator) {
+        valueSeparator = editorModel.editorParams.valueseparator;
+      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }
+      if (editorModel.editorParams.rangeseparator) {
+        rangeSeparator = editorModel.editorParams.rangeseparator;
+      }
     }
     const refFormItem = vue.ref([]);
     const editorItems = editorModel.editorItems;
@@ -193,7 +199,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("default-separator")
     }, [this.rangeSeparator]), vue.createVNode("div", {
       "class": this.ns.b("default-max")
-    }, [this.maxValue])] : ibiz.config.common.emptyText]);
+    }, [this.maxValue])] : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "componentRef"

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -26,9 +26,15 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.renderMode) {
         renderMode = editorModel.editorParams.renderMode;
       }
+      if (editorModel.editorParams.rendermode) {
+        renderMode = editorModel.editorParams.rendermode;
+      }
       if (editorModel.editorParams.isBtnRoundCorner) {
         isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isBtnRoundCorner);
       }
+      if (editorModel.editorParams.isbtnroundcorner) {
+        isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isbtnroundcorner);
+      }
     }
     const {
       useInFocusAndBlur,

package/lib/editor/radio-button-list/radio-button-list.controller.cjs

@@ -21,11 +21,14 @@ class RadioButtonListEditorController extends runtime.CodeListEditorController {
     __publicField(this, "rowNumber");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
       this.rowNumber = Number(this.editorParams.rowNumber);
     }
+    if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
+      this.rowNumber = Number(this.editorParams.rownumber);
+    }
   }
 }
 

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

@@ -32,6 +32,9 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.showText) {
         showText = c.toBoolean(editorModel.editorParams.showText);
       }
+      if (editorModel.editorParams.showtext) {
+        showText = c.toBoolean(editorModel.editorParams.showtext);
+      }
       if (editorModel.editorParams.maxvalue) {
         max = lodashEs.toNumber(editorModel.editorParams.maxvalue);
       }

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

@@ -58,6 +58,8 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
               }
             });
           }
+          ibiz.log.debug("\u6A21\u677F\u5185\u5BB9\uFF1A", template);
+          ibiz.log.debug("\u6A21\u677F\u7F16\u8BD1\u5BF9\u8C61\uFF1A", obj);
           content.value = await ibiz.util.hbs.render(template, obj);
         }
       }

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

@@ -59,6 +59,9 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.showText) {
         showText = c.toBoolean(editorModel.editorParams.showText);
       }
+      if (editorModel.editorParams.showtext) {
+        showText = c.toBoolean(editorModel.editorParams.showtext);
+      }
       if (editorModel.editorParams.format) {
         format = editorModel.editorParams.format;
       }
@@ -68,12 +71,21 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.textItem) {
         textItem = editorModel.editorParams.textItem;
       }
+      if (editorModel.editorParams.textitem) {
+        textItem = editorModel.editorParams.textitem;
+      }
       if (editorModel.editorParams.pieBg) {
         pieBg = editorModel.editorParams.pieBg;
       }
+      if (editorModel.editorParams.piebg) {
+        pieBg = editorModel.editorParams.piebg;
+      }
       if (editorModel.editorParams.piePercentBg) {
         piePercentBg = editorModel.editorParams.piePercentBg;
       }
+      if (editorModel.editorParams.piepercentbg) {
+        piePercentBg = editorModel.editorParams.piepercentbg;
+      }
     }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -165,11 +177,11 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
     const textVal = vue.computed(() => {
       if (textItem) {
         const data = props.data || {};
-        return ibiz.util.text.format("".concat(data[textItem]), format);
+        return ibiz.util.text.format("".concat(data[textItem] != null ? data[textItem] : ""), format);
       }
       const tempCurVal = Number(currentVal.value);
       const value = Number(tempCurVal / max);
-      const formatValue = ibiz.util.text.format("".concat(value), format);
+      const formatValue = ibiz.util.text.format("".concat(value != null ? value : ""), format);
       return formatValue;
     });
     const handleChange = (currentValue) => {

package/lib/editor/span/span/span.cjs

@@ -22,7 +22,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("span");
     const c = props.controller;
     const text = vue.ref("");
@@ -33,7 +33,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       unitName
     } = c.parent;
     const spanTitle = vue.ref("");
-    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ((_b = c.editorParams) == null ? void 0 : _b.textseparator) || ",";
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (ramda.isNil(newVal)) {
@@ -160,9 +160,12 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = ibiz.config.common.emptyText;
+      content = vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null);
     }
-    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.editorParams.overflowmode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return vue.createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef",

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

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
 var lodashEs = require('lodash-es');
 require('./ibiz-stepper.css');
 
@@ -77,7 +78,7 @@ const IBizStepper = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = "".concat(this.currentVal);
+      content = qxUtil.isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
     } else {
       content = [vue.createVNode(vue.resolveComponent("el-input-number"), vue.mergeProps({
         "ref": "inputRef",

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

@@ -29,6 +29,9 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.dicData) {
         dicData = c.toObj(editorModel.editorParams.dicData);
       }
+      if (editorModel.editorParams.dicdata) {
+        dicData = c.toObj(editorModel.editorParams.dicdata);
+      }
     }
     if (dicData && Array.isArray(dicData)) {
       const inactiveResult = dicData.find((item) => {

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -45,7 +45,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
         minimumFractionDigits: decimalPlaces,
         maximumFractionDigits: decimalPlaces
       };
-      return num.toLocaleString("en-US", options);
+      return num == null ? void 0 : num.toLocaleString("en-US", options);
     };
     const convertToNumber = (str) => {
       const stringWithoutCommas = str.replace(/,/g, "");
@@ -205,7 +205,10 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": this.ns.b("form-default-content")
-      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : ibiz.config.common.emptyText]);
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null)]);
     };
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]

package/lib/editor/text-box/input/input.cjs

@@ -33,10 +33,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       rows.value = 10;
     }
     if (c.editorParams) {
-      if (c.editorParams.SHOWLIMIT === "false") {
+      if (c.editorParams.SHOWLIMIT === "false" || c.editorParams.showlimit === "false") {
         showLimit.value = false;
       }
-      if (c.editorParams.ISAUTO === "true") {
+      if (c.editorParams.ISAUTO === "true" || c.editorParams.isauto === "true") {
         isAuto.value = true;
       }
     }
@@ -314,13 +314,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = core.getAppCookie(core.CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({
@@ -509,7 +503,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "style": {

package/lib/editor/upload/ibiz-image-cropping/ibiz-image-cropping.cjs

@@ -13,7 +13,7 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("image-cropping-upload");
     const c = props.controller;
     const {
@@ -45,11 +45,21 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
         cropareaWidth: Number(c.editorParams.cropWidth)
       });
     }
-    if ((_b = c.editorParams) == null ? void 0 : _b.cropHeight) {
+    if ((_b = c.editorParams) == null ? void 0 : _b.cropwidth) {
+      Object.assign(cropRect, {
+        cropareaWidth: Number(c.editorParams.cropwidth)
+      });
+    }
+    if ((_c = c.editorParams) == null ? void 0 : _c.cropHeight) {
       Object.assign(cropRect, {
         cropareaHeight: Number(c.editorParams.cropHeight)
       });
     }
+    if ((_d = c.editorParams) == null ? void 0 : _d.cropheight) {
+      Object.assign(cropRect, {
+        cropareaHeight: Number(c.editorParams.cropheight)
+      });
+    }
     const tempFileList = vue.ref();
     const cropVisible = vue.ref(false);
     const onDialogVisibleChange = (value) => {

package/lib/editor/upload/ibiz-image-preview/ibiz-image-preview.cjs

@@ -10,10 +10,13 @@ const IBizImagePreview = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getUploadProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("image-preview");
     const c = props.controller;
-    const result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    let result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    if ((_b = c.editorParams) == null ? void 0 : _b.stoppropagation) {
+      result = c.editorParams.stoppropagation !== "false";
+    }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

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

@@ -72,14 +72,24 @@ class UploadEditorController extends runtime.EditorController {
         size,
         uploadParams,
         exportParams,
-        autoPreview
+        autoPreview,
+        isdrag,
+        uploadparams,
+        exportparams,
+        autopreview
       } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
+      if (isdrag) {
+        this.isDrag = Boolean(isdrag);
+      }
       if (autoPreview) {
         this.autoPreview = autoPreview;
       }
+      if (autopreview) {
+        this.autoPreview = autopreview;
+      }
       if (multiple) {
         this.multiple = Boolean(multiple);
       }
@@ -99,6 +109,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (uploadparams) {
+        try {
+          this.uploadParams = JSON.parse(uploadparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            uploadparams,
+            ibiz.i18n.t("editor.upload.uploadJsonFormatErr")
+          );
+        }
+      }
       if (exportParams) {
         try {
           this.exportParams = JSON.parse(exportParams);
@@ -109,6 +129,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (exportparams) {
+        try {
+          this.exportParams = JSON.parse(exportparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            exportparams,
+            ibiz.i18n.t("editor.upload.exportJsonFormatErr")
+          );
+        }
+      }
     }
   }
 }

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -6,9 +6,8 @@ var vue = require('vue');
 "use strict";
 function useIViewUpload(props, valueChange, c) {
   const files = vue.ref([]);
-  const headers = vue.ref({
-    ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
-  });
+  const uploadHeaders = ibiz.util.file.getUploadHeaders();
+  const headers = vue.ref({ ...uploadHeaders });
   const uploadUrl = vue.ref("");
   const downloadUrl = vue.ref("");
   const uploadCache = {
@@ -28,11 +27,18 @@ function useIViewUpload(props, valueChange, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
+        const editorParams = { ...c.editorParams };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        if (editorParams.exportparams) {
+          editorParams.exportParams = JSON.parse(editorParams.exportparams);
+        }
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
           newVal,
-          c.editorParams
+          editorParams
         );
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;

package/lib/locale/en/index.cjs

@@ -434,6 +434,11 @@ var index = {
       hideControl: "Column selection"
     },
     kanban: {
+      lane: "Lane",
+      collapsed: "Collapsed",
+      expand: "Expand",
+      allCollapsed: "All collapsed",
+      allExpand: "All expand",
       selectAll: "Select all",
       selectedDataCount: "Selected <span>{length}</span> pieces of data",
       natchOperation: "Batch operation"

package/lib/locale/zh-CN/index.cjs

@@ -430,6 +430,11 @@ var index = {
       hideControl: "\u5217\u9009\u62E9"
     },
     kanban: {
+      lane: "\u6CF3\u9053",
+      collapsed: "\u6298\u53E0",
+      expand: "\u5C55\u5F00",
+      allCollapsed: "\u5168\u90E8\u6536\u8D77",
+      allExpand: "\u5168\u90E8\u5C55\u5F00",
       selectAll: "\u5168\u9009",
       selectedDataCount: "\u5DF2\u9009\u62E9<span>{length}</span>\u6761\u6570\u636E",
       natchOperation: "\u6279\u91CF\u64CD\u4F5C"

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var bottomSideMenu_controller = require('./bottom-side-menu.controller.cjs');
+require('./bottom-side-menu.css');
+
+"use strict";
+const BottomSideMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizBottomSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 底部菜单控制器
+     */
+    controller: {
+      type: bottomSideMenu_controller.BottomSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("bottom-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "BOTTOM",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+exports.BottomSideMenu = BottomSideMenu;

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.controller.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var extendMenuBase_controller = require('../extend-menu-base/extend-menu-base.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 BottomSideMenuController extends extendMenuBase_controller.ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "bottomsidemenu");
+  }
+}
+
+exports.BottomSideMenuController = BottomSideMenuController;

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.css

@@ -0,0 +1 @@
+.ibiz-bottom-side-menu{width:100%;height:100%}.ibiz-col--self-align>.ibiz-bottom-side-menu{width:100%;height:100%}

package/lib/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var bottomSideMenu_controller = require('./bottom-side-menu.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 BottomSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizBottomSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new bottomSideMenu_controller.BottomSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.BottomSideMenuProvider = BottomSideMenuProvider;

package/lib/panel-component/app-extend-menu/bottom-side-menu/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var bottomSideMenu = require('./bottom-side-menu.cjs');
+var bottomSideMenu_provider = require('./bottom-side-menu.provider.cjs');
+
+"use strict";
+var IBizBottomSideMenu = {
+  install(app) {
+    app.component(bottomSideMenu.BottomSideMenu.name, bottomSideMenu.BottomSideMenu);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_BOTTOM_SIDE_MENU",
+      () => new bottomSideMenu_provider.BottomSideMenuProvider()
+    );
+  }
+};
+
+exports.default = IBizBottomSideMenu;

package/lib/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./common-extend-menu.css');
+var extendButtonMenu = require('../extend-button-menu/extend-button-menu.cjs');
+
+"use strict";
+const CommonExtendMenu = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCommonExtendMenu",
+  components: {
+    ExtendButtonMenu: extendButtonMenu.ExtendButtonMenu
+  },
+  props: {
+    /**
+     * @description 绘制模式，'BUTTON' | 'MENU': 按钮态(仅识别一层) | 常规菜单态
+     */
+    renderMode: {
+      type: String,
+      required: true
+    },
+    /**
+     * @description 菜单项数据
+     */
+    items: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单项权限数据
+     */
+    menuItemsState: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单项适配器集合
+     */
+    providers: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 菜单方向
+     */
+    position: {
+      type: String,
+      required: true
+    },
+    /**
+     * @description 菜单布局模式,现阶段仅需识别FLEX（flex布局）和BORDER（边缘布局）
+     */
+    layoutMode: {
+      type: String,
+      default: "FLEX"
+    },
+    /**
+     * @description 菜单布局容器模型（按钮形态才识别）
+     */
+    layout: {
+      type: Object
+    }
+  },
+  emits: {
+    /**
+     * @description 项点击事件
+     */
+    menuItemClick: (item, event) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("common-extend-menu");
+    const handleMenuItemClick = (menuItem, event) => {
+      if (!menuItem || (menuItem == null ? void 0 : menuItem.itemType) === "RAWITEM") {
+        return;
+      }
+      emit("menuItemClick", menuItem, event);
+    };
+    return {
+      ns,
+      handleMenuItemClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(extendButtonMenu.ExtendButtonMenu, {
+      "items": this.items,
+      "menuItemsState": this.menuItemsState,
+      "providers": this.providers,
+      "position": this.position,
+      "layoutMode": this.layoutMode,
+      "layout": this.layout,
+      "onMenuItemClick": this.handleMenuItemClick
+    }, null)]);
+  }
+});
+
+exports.CommonExtendMenu = CommonExtendMenu;

package/lib/panel-component/app-extend-menu/extend-menu-base/common-extend-menu/common-extend-menu.css

@@ -0,0 +1 @@
+.ibiz-common-extend-menu{width:100%;height:100%}