@ibiz-template/mob-vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

package/lib/common/info-item/info-item.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var ramda = require('ramda');
+require('./info-item.css');
+
+"use strict";
+const IBizInfoItem = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInfoItem",
+  props: {
+    /**
+     * @description 文本值
+     */
+    label: {
+      type: String
+    },
+    /**
+     * @description 计数器数值
+     */
+    badge: {
+      type: Number
+    },
+    /**
+     * @description 图标资源信息
+     */
+    icon: {
+      type: Object
+    },
+    /**
+     * @description 布局模式，vertical为垂直布局，horizontal为水平布局
+     */
+    layoutMode: {
+      type: String,
+      default: "horizontal"
+    },
+    /**
+     * @description 计数器是否浮动显示
+     */
+    badgeFloat: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("info-item");
+    const renderBadge = () => {
+      if (ramda.isNil(props.badge))
+        return null;
+      return vue.createVNode(vue.resolveComponent("iBizBadge"), {
+        "class": ns.e("badge"),
+        "value": props.badge
+      }, null);
+    };
+    const renderIcon = () => {
+      if (ramda.isNil(props.icon))
+        return null;
+      return vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": props.icon
+      }, null);
+    };
+    const renderLabel = () => {
+      if (ramda.isNil(props.label))
+        return null;
+      return vue.createVNode("span", {
+        "class": ns.e("label")
+      }, [props.label]);
+    };
+    const renderIconWrapper = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("icon-wrapper")
+      }, [renderIcon(), renderBadge()]);
+    };
+    return {
+      ns,
+      renderBadge,
+      renderIcon,
+      renderLabel,
+      renderIconWrapper
+    };
+  },
+  render() {
+    let content = [this.renderIcon(), this.renderLabel(), this.renderBadge()];
+    if (this.layoutMode === "vertical") {
+      content = [this.renderIconWrapper(), this.renderLabel()];
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("badge-float", this.badgeFloat), this.ns.is(this.layoutMode, !!this.layoutMode)]
+    }, [content]);
+  }
+});
+
+exports.IBizInfoItem = IBizInfoItem;

package/lib/common/info-item/info-item.css

@@ -0,0 +1 @@
+.ibiz-info-item{--ibiz-info-item-height-icon-line-height:1em;--ibiz-info-item-height-label-line-height:1em;--ibiz-info-item-spacing-label-margin:0 0 0 var(--ibiz-spacing-extra-tight);--ibiz-info-item-spacing-badge-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-info-item-spacing-vertical-icon-wrapper-margin:0 0 var(--ibiz-spacing-extra-tight) 0;--ibiz-info-item-font-icon-font-size:inherit;--ibiz-info-item-font-label-font-size:inherit;--ibiz-info-item-icon-size:1em;--ibiz-info-item-position-badge-top:0px;--ibiz-info-item-position-badge-left-offset:var(--ibiz-spacing-extra-tight);--ibiz-info-item-position-badge-left:calc(100% - var(--ibiz-info-item-position-badge-left-offset));--ibiz-info-item-transform-badge:translateY(-50%);position:relative;display:flex;align-items:center}.ibiz-info-item__icon.ibiz-icon,.ibiz-info-item__icon.ibiz-icon img,.ibiz-info-item__icon.ibiz-icon svg{display:inline-flex;align-items:center;width:var(--ibiz-info-item-icon-size);height:var(--ibiz-info-item-icon-size);font-size:var(--ibiz-info-item-font-icon-font-size);line-height:var(--ibiz-info-item-height-icon-line-height)}.ibiz-info-item__icon.ibiz-icon+.ibiz-info-item__label{margin:var(--ibiz-info-item-spacing-label-margin)}.ibiz-info-item__label{font-size:var(--ibiz-info-item-font-label-font-size);line-height:var(--ibiz-info-item-height-label-line-height)}.ibiz-info-item__label+.ibiz-info-item__badge{margin:var(--ibiz-info-item-spacing-badge-margin)}.ibiz-info-item.is-badge-float .ibiz-info-item__badge{position:absolute;top:var(--ibiz-info-item-position-badge-top);left:var(--ibiz-info-item-position-badge-left);margin:0;transform:var(--ibiz-info-item-transform-badge)}.ibiz-info-item.is-vertical{flex-direction:column}.ibiz-info-item.is-vertical .ibiz-info-item__icon-wrapper:has(.ibiz-icon){position:relative;display:flex;align-items:center;margin:var(--ibiz-info-item-spacing-vertical-icon-wrapper-margin)}

package/lib/common/md-advaned-searchform/md-advaned-searchform.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./md-advaned-searchform.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizMdAdvanedSearchfrom = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMdAdvanedSearchfrom",
+  props: {
+    modal: {
+      type: Object
+    },
+    /**
+     * @description 搜索表单模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 部件适配器
+     */
+    provider: {
+      type: Object
+    },
+    /**
+     * @description 应用上下文对象
+     */
+    context: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * @description 搜索表单控制器
+     */
+    controller: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("md-advaned-searchform");
+    const c = props.controller;
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.details);
+      keys.forEach((key) => {
+        const detail = c.details[key];
+        detail.state = vue.reactive(detail.state);
+      });
+    });
+    const onCancel = () => {
+      c.reset();
+      props.modal.dismiss();
+    };
+    const onConfirm = () => {
+      c.onSearchButtonClick();
+      props.modal.dismiss();
+    };
+    return {
+      c,
+      ns,
+      onCancel,
+      onConfirm
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("iBizFormControl"), {
+      "class": this.ns.e("searchform"),
+      "controller": this.c
+    }, null), vue.createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [vue.createVNode(vue.resolveComponent("van-button"), {
+      "onClick": this.onCancel
+    }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot : {
+      default: () => [_slot]
+    }), vue.createVNode(vue.resolveComponent("van-button"), {
+      "type": "primary",
+      "class": this.ns.e("confirm"),
+      "onClick": this.onConfirm
+    }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.search")) ? _slot2 : {
+      default: () => [_slot2]
+    })])]);
+  }
+});
+
+exports.IBizMdAdvanedSearchfrom = IBizMdAdvanedSearchfrom;

package/lib/common/md-advaned-searchform/md-advaned-searchform.css

@@ -0,0 +1 @@
+.ibiz-md-advaned-searchform{--ibiz-md-advaned-searchform-content-padding:var(--ibiz-spacing-base);--ibiz-md-advaned-searchform-footer-padding:var(--ibiz-spacing-base);--ibiz-md-advaned-searchform-footer-item-padding:var(--ibiz-spacing-base);--ibiz-md-advaned-searchform-footer-item-gap:var(--ibiz-spacing-base-tight);--ibiz-md-advaned-searchform-footer-group-padding:0 var(--ibiz-spacing-base);--ibiz-md-advaned-searchform-footer-more-color:var(--ibiz-color-link);--ibiz-md-advaned-searchform-footer-item-shadow:var(--ibiz-shadow-elevated);--ibiz-md-advaned-searchform-footer-item-border-radius:var(--ibiz-border-radius-small);--ibiz-md-advaned-searchform-footer-reset-color:var(--ibiz-color-text);--ibiz-md-advaned-searchform-footer-reset-bg-color:transparent;--ibiz-md-advaned-searchform-footer-confirm-color:var(--ibiz-color-default);--ibiz-md-advaned-searchform-footer-confirm-bg-color:var(--ibiz-color-primary);width:100%;height:100%;display:flex;flex-direction:column}.ibiz-md-advaned-searchform__searchform{flex:1;overflow:auto;padding:var(--ibiz-md-advaned-searchform-content-padding)}.ibiz-md-advaned-searchform__searchform.ibiz-control-searchform{background-color:var(--ibiz-control-search-form-bg-color)}.ibiz-md-advaned-searchform__footer{flex:none;padding:var(--ibiz-spacing-base);display:flex;justify-content:space-between}.ibiz-md-advaned-searchform__footer .van-button{width:48%}

package/lib/common/md-sort-setting/md-sort-setting.cjs

@@ -0,0 +1,170 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./md-sort-setting.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizMdSortSetting = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMdSortSetting",
+  props: {
+    listItems: {
+      type: Array,
+      default: () => []
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    sort: {
+      type: Object
+    },
+    modal: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("md-sort-setting");
+    const sortData = [{
+      text: ibiz.i18n.t("component.mdSortSetting.asc"),
+      order: "asc"
+    }, {
+      text: ibiz.i18n.t("component.mdSortSetting.desc"),
+      order: "desc"
+    }];
+    const currentPage = vue.ref("asc");
+    const selectedKey = vue.ref("");
+    const initData = () => {
+      if (props.sort) {
+        const {
+          key,
+          order
+        } = props.sort;
+        selectedKey.value = key;
+        currentPage.value = order;
+        return;
+      }
+      selectedKey.value = "";
+      currentPage.value = "asc";
+    };
+    initData();
+    const onTabChange = (order) => {
+      currentPage.value = order;
+    };
+    const onItemClick = (item) => {
+      const isCheck = selectedKey.value === item.value;
+      let key = item.value || "";
+      if (isCheck) {
+        key = "";
+      }
+      selectedKey.value = key;
+    };
+    const onConfirm = () => {
+      var _a;
+      (_a = props.modal) == null ? void 0 : _a.dismiss({
+        ok: true,
+        data: [{
+          key: selectedKey.value || "",
+          order: currentPage.value
+        }]
+      });
+    };
+    const onClose = () => {
+      var _a;
+      (_a = props.modal) == null ? void 0 : _a.dismiss();
+    };
+    vue.onUnmounted(() => {
+      selectedKey.value = "";
+      currentPage.value = "asc";
+    });
+    const renderListItem = (item) => {
+      const isCheck = selectedKey.value === item.value;
+      return vue.createVNode("div", {
+        "class": [ns.e("list-item"), ns.is("check", isCheck)],
+        "onClick": () => onItemClick(item)
+      }, [vue.createVNode("span", {
+        "class": ns.em("list-item", "text")
+      }, [item.label]), isCheck && vue.createVNode("span", {
+        "class": ns.em("list-item", "icon")
+      }, [vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em"
+      }, [vue.createVNode("g", {
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M6.012 11.201L1.313 6.832l-.817.879 5.54 5.15 9.304-9.163-.842-.855z"
+      }, null)])])])]);
+    };
+    const renderList = (listItems) => {
+      return vue.createVNode(vue.resolveComponent("van-list"), null, {
+        default: () => {
+          return listItems.map((item) => {
+            return vue.createVNode(vue.resolveComponent("van-cell"), null, {
+              default: () => {
+                return renderListItem(item);
+              }
+            });
+          });
+        }
+      });
+    };
+    return {
+      ns,
+      currentPage,
+      sortData,
+      onClose,
+      onTabChange,
+      renderList,
+      onConfirm
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "header")
+    }, [vue.createVNode("div", {
+      "class": this.ns.em("content", "title")
+    }, [ibiz.i18n.t("component.mdSortSetting.sort")]), vue.createVNode(vue.resolveComponent("van-icon"), {
+      "name": "cross",
+      "class": this.ns.em("content", "icon"),
+      "onClick": this.onClose,
+      "title": ibiz.i18n.t("app.close")
+    }, null)]), vue.createVNode(vue.resolveComponent("van-tabs"), {
+      "class": this.ns.em("content", "tabs"),
+      "active": this.currentPage,
+      "onChange": this.onTabChange
+    }, {
+      default: () => {
+        return this.sortData.map((item) => {
+          return vue.createVNode(vue.resolveComponent("van-tab"), {
+            "class": this.ns.em("content", "tab-item"),
+            "name": item.order
+          }, {
+            default: () => this.renderList(this.listItems),
+            title: () => {
+              return vue.createVNode("div", null, [item.text]);
+            }
+          });
+        });
+      }
+    }), vue.createVNode("div", {
+      "class": this.ns.em("content", "bottom")
+    }, [vue.createVNode(vue.resolveComponent("van-button"), {
+      "type": "primary",
+      "block": true,
+      "onClick": this.onConfirm
+    }, _isSlot(_slot = ibiz.i18n.t("component.mdSortSetting.confirm")) ? _slot : {
+      default: () => [_slot]
+    })])]);
+  }
+});
+
+exports.IBizMdSortSetting = IBizMdSortSetting;

package/lib/common/md-sort-setting/md-sort-setting.css

@@ -0,0 +1 @@
+.ibiz-md-sort-setting__content{--ibiz-md-sort-setting-font-size:var(--ibiz-font-size-regular);--ibiz-md-sort-setting-active-bg-color:var(--ibiz-color-primary-light-default);--ibiz-md-sort-setting-active-color:var(--ibiz-color-primary);--ibiz-md-sort-setting-border-color:var(--ibiz-color-border);--ibiz-md-sort-setting-header-font-size:var(--ibiz-font-size-header-6);--ibiz-md-sort-setting-header-min-height:var(--ibiz-height-control-default);--ibiz-md-sort-setting-header-padding:var(--ibiz-spacing-base);--ibiz-md-sort-setting-tabs-padding:0 var(--ibiz-spacing-base);--ibiz-md-sort-setting-tabs-margin:0 0 var(--ibiz-spacing-tight) 0;--ibiz-md-sort-setting-tab-min-height:var(--ibiz-height-control-large);--ibiz-md-sort-setting-tab-font-weight:var(--ibiz-font-weight-regular);--ibiz-md-sort-setting-tab-asc-border-radius:var(--ibiz-border-radius-small) 0 0 var(--ibiz-border-radius-small);--ibiz-md-sort-setting-tab-desc-border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0;--ibiz-md-sort-setting-bottom-btn-padding:0 var(--ibiz-spacing-tight) var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-md-sort-setting-close-icon-font-size:var(--ibiz-font-size-header-3);--ibiz-md-sort-setting-close-icon-color:var(--ibiz-color-text-3);--ibiz-md-sort-setting-list-item-height:var(--ibiz-height-control-default);--ibiz-md-sort-setting-list-item-margin:var(--ibiz-spacing-tight) 0;--ibiz-md-sort-setting-list-item-check-padding:0 var(--ibiz-spacing-extra-tight) 0 0;display:flex;flex-direction:column;height:100%}.ibiz-md-sort-setting__content--header{display:flex;align-items:center;justify-content:space-between;min-height:var(--ibiz-md-sort-setting-header-min-height);padding:var(--ibiz-md-sort-setting-header-padding);font-size:var(--ibiz-md-sort-setting-header-font-size)}.ibiz-md-sort-setting__content--tabs{flex:1;padding:var(--ibiz-md-sort-setting-tabs-padding);margin:var(--ibiz-md-sort-setting-tabs-margin);overflow:hidden}.ibiz-md-sort-setting__content--tabs .van-tabs__line{display:none}.ibiz-md-sort-setting__content--tabs .van-tab--line{min-height:var(--ibiz-md-sort-setting-tab-min-height);border:1px solid var(--ibiz-md-sort-setting-border-color);font-size:var(--ibiz-md-sort-setting-font-size)}.ibiz-md-sort-setting__content--tabs .van-tab--line:nth-child(1){border-right:none;border-radius:var(--ibiz-md-sort-setting-tab-asc-border-radius)}.ibiz-md-sort-setting__content--tabs .van-tab--line:nth-child(1).van-tab--active{border:1px solid var(--ibiz-md-sort-setting-active-color)}.ibiz-md-sort-setting__content--tabs .van-tab--line:nth-child(1).van-tab--active+.van-tab--line{border-left:none}.ibiz-md-sort-setting__content--tabs .van-tab--line:nth-child(2){border-radius:var(--ibiz-md-sort-setting-tab-desc-border-radius)}.ibiz-md-sort-setting__content--tabs .van-tab--line.van-tab--active{font-weight:var(--ibiz-md-sort-setting-tab-font-weight);color:var(--ibiz-md-sort-setting-active-color);background-color:var(--ibiz-md-sort-setting-active-bg-color);border-color:var(--ibiz-md-sort-setting-active-color)}.ibiz-md-sort-setting__content--tabs .van-tabs__content{height:100%;overflow-y:auto}.ibiz-md-sort-setting__content--tabs .van-tabs__content .van-cell::after{right:0;left:0}.ibiz-md-sort-setting__content--bottom{padding:var(--ibiz-md-sort-setting-bottom-btn-padding)}.ibiz-md-sort-setting__content--icon{font-size:var(--ibiz-md-sort-setting-close-icon-font-size);color:var(--ibiz-md-sort-setting-close-icon-color);cursor:pointer}.ibiz-md-sort-setting__list-item{display:flex;align-items:center;justify-content:space-between;height:var(--ibiz-md-sort-setting-list-item-height);margin:var(--ibiz-md-sort-setting-list-item-margin);overflow:hidden;font-size:var(--ibiz-md-sort-setting-font-size)}.ibiz-md-sort-setting__list-item--icon{display:inline-flex;align-items:center}.ibiz-md-sort-setting__list-item--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-md-sort-setting__list-item.is-check{padding:var(--ibiz-md-sort-setting-list-item-check-padding);color:var(--ibiz-md-sort-setting-active-color)}.ibiz-md-sort-setting__list-item.is-check svg{fill:var(--ibiz-md-sort-setting-active-color)}

package/lib/common/preset-view-back/preset-view-back.cjs

@@ -23,13 +23,14 @@ const IBizPresetViewBack = /* @__PURE__ */ vue.defineComponent({
       viewStack: viewStack$1
     } = viewStack.useViewStack();
     const backButtonVisible = vue.ref(false);
-    const initButtonVisible = () => {
+    if (Object.prototype.hasOwnProperty.call(props.view.params, "srfmobshowpresetback")) {
+      if (props.view.params.srfmobshowpresetback === "true" || props.view.params.srfmobshowpresetback === true) {
+        backButtonVisible.value = true;
+      }
+    } else if (ibiz.config.view.mobShowPresetBack) {
       if (props.view.modal.viewUsage === 1 && viewStack$1.cacheKeys.length > 1 && route.meta.home || props.view.modal.viewUsage === 2) {
         backButtonVisible.value = true;
       }
-    };
-    if (ibiz.config.view.mobShowPresetBack) {
-      initButtonVisible();
     }
     const goBack = () => {
       props.view.modal.dismiss();

package/lib/common/rawitem/rawitem.cjs

@@ -44,7 +44,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         rawItemContent.value = rawItem.content;
       }
     } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
-      rawItemContent.value = props.content || rawItem.rawContent;
+      rawItemContent.value = props.content || (rawItem == null ? void 0 : rawItem.rawContent) || (rawItem == null ? void 0 : rawItem.rawItemParams);
     } else if (contentType === "IMAGE" && sysImage) {
       rawItemContent.value = sysImage;
     }
@@ -64,15 +64,35 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       contentPosition: "center",
       html: ""
     });
+    const messageTypeIcon = {
+      WARNING: "warning-o",
+      ERROR: "close",
+      INFO: "info-o"
+    };
     const alertParams = vue.ref({
-      type: "info",
       title: "",
-      closeabled: true,
-      showIcon: false,
+      closeabled: false,
+      showIcon: true,
       class: "",
+      wrapable: true,
+      // 是否多行展示
       "left-icon": ""
     });
     const rawItemText = vue.ref("");
+    const getParamsValue = (key) => {
+      let value;
+      const params = rawItem == null ? void 0 : rawItem.rawItemParams;
+      if (!params) {
+        ibiz.log.error(`\u672A\u914D\u7F6E\u89C6\u9891\u64AD\u653E\u53C2\u6570:${key}}`);
+        return void 0;
+      }
+      params.forEach((item) => {
+        if (item.key === key) {
+          value = item.value;
+        }
+      });
+      return value;
+    };
     const convertValue = () => {
       if (rawItemType.value === "IMAGE") {
         if (typeof props.content === "string") {
@@ -104,11 +124,32 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
           let rawConfig = {};
           try {
             if (typeof rawItemContent.value === "string") {
+              if (["INFO", "WARNING", "ERROR"].includes(rawItemType.value)) {
+                alertParams.value.class = rawItemType.value.toLocaleLowerCase();
+                alertParams.value.title = rawItemContent.value;
+                alertParams.value["left-icon"] = messageTypeIcon[rawItemType.value];
+              }
               const func = new Function(`return (${rawItemContent.value});`);
               rawConfig = func();
               switch (rawItemType.value) {
                 case "VIDEO":
                   Object.assign(playerParams.value, rawConfig);
+                  if (rawItem == null ? void 0 : rawItem.rawItemParams) {
+                    const tempConfig = {
+                      path: getParamsValue("path"),
+                      autoplay: getParamsValue("autoplay"),
+                      mute: getParamsValue("mute"),
+                      replay: getParamsValue("replay"),
+                      showcontrols: getParamsValue("showcontrols")
+                    };
+                    Object.keys(tempConfig).forEach((key) => {
+                      if (tempConfig[key] !== void 0) {
+                        Object.assign(playerParams.value, {
+                          [key]: tempConfig[key]
+                        });
+                      }
+                    });
+                  }
                   break;
                 case "DIVIDER":
                   Object.assign(dividerParams.value, rawConfig);
@@ -116,17 +157,19 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
                 case "INFO":
                 case "WARNING":
                 case "ERROR":
-                  alertParams.value.class = rawItemType.value.toLocaleLowerCase();
-                  if (rawItemType.value === "ERROR") {
-                    alertParams.value["left-icon"] = "close";
-                  } else {
-                    alertParams.value["left-icon"] = rawItemType.value.toLocaleLowerCase();
-                  }
                   Object.assign(alertParams.value, rawConfig);
                   break;
                 default:
                   break;
               }
+            } else if (rawItemType.value === "VIDEO") {
+              Object.assign(playerParams.value, {
+                path: getParamsValue("path"),
+                autoplay: getParamsValue("autoplay"),
+                mute: getParamsValue("mute"),
+                replay: getParamsValue("replay"),
+                showcontrols: getParamsValue("showcontrols")
+              });
             }
           } catch (e) {
             ibiz.log.error(ibiz.i18n.t("component.rawItem.errorConfig", {
@@ -156,6 +199,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
     const renderContent = () => {
       if (this.rawItemType === "IMAGE") {
         return vue.createVNode(vue.resolveComponent("i-biz-icon"), {
@@ -249,6 +293,8 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
           "text": this.alertParams.title,
           "show-icon": this.alertParams.showIcon,
           "class": this.alertParams.class,
+          "type": this.rawItemType.toLowerCase(),
+          "wrapable": this.alertParams.wrapable,
           "left-icon": this.alertParams.showIcon ? this.alertParams["left-icon"] : "",
           "mode": this.alertParams.closeabled ? "closeable" : ""
         }, {
@@ -267,7 +313,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       return null;
     };
     return vue.createVNode("div", {
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.ns.m((_a = this.rawItemType) == null ? void 0 : _a.toLocaleLowerCase())]
     }, [renderContent()]);
   }
 });

package/lib/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .van-notice-bar.info{--van-notice-bar-text-color:var(--ibiz-color-primary);--van-notice-bar-background:var(--ibiz-color-primary-light-default)}.ibiz-rawitem .van-notice-bar.warning{--van-notice-bar-text-color:var(--ibiz-color-warning)}.ibiz-rawitem .van-notice-bar.error{--van-notice-bar-text-color:var(--ibiz-color-danger);--van-notice-bar-background:var(--ibiz-color-danger-light-default)}
+.ibiz-rawitem{--ibiz-rawitem-color-rawitem-color:var(--ibiz-editor-default-text-color);--ibiz-rawitem-font-rawitem-fontSize:var(--ibiz-editor-default-font-size);--ibiz-rawitem-view-message-padding:var(--ibiz-view-message-padding);width:100%;height:100%;font-size:var(--ibiz-rawitem-font-rawitem-fontSize);color:var(--ibiz-rawitem-color-rawitem-color)}.ibiz-rawitem__video video{width:100%}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem.ibiz-rawitem--error,.ibiz-rawitem.ibiz-rawitem--info,.ibiz-rawitem.ibiz-rawitem--warning{padding:var(--ibiz-rawitem-view-message-padding)}