@ibiz-template/mob-vue3-components 0.7.41-alpha.19-lts.1 → 0.7.41-alpha.21

package/es/common/date-range-picker/date-range-picker.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, resolveComponent, mergeProps, ref, watch, computed, nextTick, onMounted, createTextVNode } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useFilterAttribute, useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
 import './date-range-picker.css';
 import { RangePicker } from './components/range-picker/range-picker.mjs';
@@ -297,7 +297,7 @@ const IBizDateRangeCalendar = /* @__PURE__ */ defineComponent({
       "max-date": this.maxDate,
       "onSelect": this.onSelect,
       "onConfirm": this.onConfirm
-    }, this.$attrs), {
+    }, useFilterAttribute(this.$attrs)), {
       title: () => {
         return createVNode("div", {
           "class": this.ns.e("custom-header")

package/es/common/emoji-select/components/categories/categories.css

@@ -1 +1 @@
-.ibiz-emoji-categories{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-height-control-large);padding:0 var(--ibiz-spacing-base-loose);margin-bottom:var(--ibiz-spacing-tight);overflow-x:auto}.ibiz-emoji-categories__category{display:flex;align-items:center;min-width:var(--ibiz-font-size-header-4);height:100%;font-size:var(--ibiz-font-size-header-4);cursor:pointer}.ibiz-emoji-categories__category--svg{line-height:var(--ibiz-font-size-header-6)}.ibiz-emoji-categories__category--svg svg{fill:var(--ibiz-color-text-3)}.ibiz-emoji-categories__category.is-active,.ibiz-emoji-categories__category:hover{position:relative}.ibiz-emoji-categories__category.is-active::after,.ibiz-emoji-categories__category:hover::after{position:absolute;bottom:0;display:block;width:100%;content:"";border-top:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover{color:var(--ibiz-color-primary)}.ibiz-emoji-categories__category:hover svg{fill:var(--ibiz-color-primary)}
+.ibiz-emoji-categories{--ibiz-emoji-categories-color-hover-color:var(--ibiz-color-primary);--ibiz-emoji-categories-color-category-color:var(--ibiz-color-text-1);--ibiz-emoji-categories-spacing-padding:0 var(--ibiz-spacing-base-loose);--ibiz-emoji-categories-spacing-margin-bottom:var(--ibiz-spacing-tight);--ibiz-emoji-categories-font-category-fontSize:var(--ibiz-font-size-header-4);--ibiz-emoji-categories-font-category-lineHeight:var(--ibiz-font-size-header-6);--ibiz-emoji-categories-width-category-min-width:var(--ibiz-font-size-header-4);--ibiz-emoji-categories-height-category:var(--ibiz-height-control-large);--ibiz-emoji-categories-border-category-border-top:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:var(--ibiz-emoji-categories-height-category);padding:var(--ibiz-emoji-categories-spacing-padding);margin-bottom:var(--ibiz-emoji-categories-spacing-margin-bottom);overflow-x:auto}.ibiz-emoji-categories__category{display:flex;align-items:center;min-width:var(--ibiz-emoji-categories-width-category-min-width);height:100%;font-size:var(--ibiz-emoji-categories-font-category-fontSize);cursor:pointer}.ibiz-emoji-categories__category--svg{line-height:var(--ibiz-emoji-categories-font-category-lineHeight)}.ibiz-emoji-categories__category--svg svg{fill:var(--ibiz-emoji-categories-color-category-color)}.ibiz-emoji-categories__category.is-active,.ibiz-emoji-categories__category:hover{position:relative}.ibiz-emoji-categories__category.is-active::after,.ibiz-emoji-categories__category:hover::after{position:absolute;bottom:0;display:block;width:100%;content:"";border-top:var(--ibiz-emoji-categories-border-category-border-top)}.ibiz-emoji-categories__category:hover{color:var(--ibiz-emoji-categories-color-hover-color)}.ibiz-emoji-categories__category:hover svg{fill:var(--ibiz-emoji-categories-color-hover-color)}

package/es/common/emoji-select/components/category-label/category-label.css

@@ -1 +1 @@
-.ibiz-emoji-category-label{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3);text-transform:uppercase}
+.ibiz-emoji-category-label{--ibiz-emoji-category-label-color-text:var(--ibiz-color-text-1);--ibiz-emoji-category-label-font-fontSize:var(--ibiz-font-size-regular);--ibiz-emoji-category-label-spacing-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);padding:var(--ibiz-emoji-category-label-spacing-padding);font-size:var(--ibiz-emoji-category-label-font-fontSize);color:var(--ibiz-emoji-category-label-color-text);text-transform:uppercase}

package/es/common/emoji-select/components/emoji-item/emoji-item.css

@@ -1 +1 @@
-.ibiz-emoji-item{box-sizing:content-box;display:flex;align-items:center;justify-self:center;padding:var(--ibiz-spacing-tight);overflow:hidden;cursor:pointer}.ibiz-emoji-item.is-border:hover{background:var(--ibiz-color-bg-0);border-radius:var(--ibiz-border-radius-small)}
+.ibiz-emoji-item{--ibiz-emoji-item-color-bg-color:var(--ibiz-color-bg-0);--ibiz-emoji-item-spacing-padding:var(--ibiz-spacing-tight);--ibiz-emoji-item-radius-border-radius:var(--ibiz-border-radius-small);box-sizing:content-box;display:flex;align-items:center;justify-self:center;padding:var(--ibiz-emoji-item-spacing-padding);overflow:hidden;cursor:pointer}.ibiz-emoji-item.is-border:hover{background:var(--ibiz-emoji-item-color-bg-color);border-radius:var(--ibiz-emoji-item-radius-border-radius)}

package/es/common/emoji-select/components/emoji-list/emoji-list.css

@@ -1 +1 @@
-.ibiz-emoji-list{display:block;width:100%;max-width:100%;padding-top:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-bg-0)}.ibiz-emoji-list ::-webkit-scrollbar{width:0;margin-right:0;overflow:hidden;border-radius:0}.ibiz-emoji-list__container{height:100%;max-height:27vh;padding:0 var(--ibiz-spacing-super-tight);overflow-y:scroll}.ibiz-emoji-list--grid-emojis{display:grid;justify-items:center}
+.ibiz-emoji-list{--ibiz-emoji-list-color-bg-color:var(--ibiz-color-bg-0);--ibiz-emoji-list-spacing-padding-top:var(--ibiz-spacing-tight);--ibiz-emoji-list-spacing-container-padding:0 var(--ibiz-spacing-super-tight);--ibiz-emoji-list-height-container-max-height:27vh;display:block;width:100%;max-width:100%;padding-top:var(--ibiz-emoji-list-spacing-padding-top);background-color:var(--ibiz-emoji-list-color-bg-color)}.ibiz-emoji-list ::-webkit-scrollbar{width:0;margin-right:0;overflow:hidden;border-radius:0}.ibiz-emoji-list__container{height:100%;max-height:var(--ibiz-emoji-list-height-container-max-height);padding:var(--ibiz-emoji-list-spacing-container-padding);overflow-y:scroll}.ibiz-emoji-list--grid-emojis{display:grid;justify-items:center}

package/es/common/emoji-select/emoji-select.css

@@ -1 +1 @@
-.ibiz-emoji-select{display:inline-flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;font-size:var(--ibiz-font-size-regular);-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.ibiz-emoji-select{--ibiz-emoji-select-font-emoji-select-fontSize:var(--ibiz-font-size-regular);display:inline-flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;font-size:var(--ibiz-emoji-select-font-emoji-select-fontSize);-webkit-user-select:none;-moz-user-select:none;user-select:none}

package/es/common/float-button/float-button.css

@@ -0,0 +1 @@
+.ibiz-float-button{--ibiz-float-button-color-bg:var(--ibiz-color-bg-1);--ibiz-float-button-color-text:var(--ibiz-color-primary);--ibiz-float-button-color-box-shadow:var(--ibiz-shadow-elevated);--ibiz-float-button-width:var(--ibiz-height-control-large);--ibiz-float-button-height:var(--ibiz-height-control-large);--ibiz-float-button-spacing-padding:unset;--ibiz-float-button-spacing-left-padding:0 var(--ibiz-spacing-super-tight) 0 0;--ibiz-float-button-spacing-right-padding:0 0 0 var(--ibiz-spacing-super-tight);--ibiz-float-button-radius-circle:unset;--ibiz-float-button-radius-left-circle:0 calc(var(--ibiz-height-control-large) / 2) calc(var(--ibiz-height-control-large) / 2) 0;--ibiz-float-button-radius-right-circle:calc(var(--ibiz-height-control-large) / 2) 0 0 calc(var(--ibiz-height-control-large) / 2);--ibiz-float-button-font-text-font-size:var(--ibiz-font-size-header-3);--ibiz-float-button-position:fixed;--ibiz-float-button-position-left:unset;--ibiz-float-button-position-right:unset;--ibiz-float-button-position-top:unset;--ibiz-float-button-position-bottom:unset;--ibiz-float-button-position-base-offset:0px;--ibiz-float-button-position-top-offset:1.25rem;--ibiz-float-button-position-bottom-offset:1.875rem;--ibiz-float-button-position-start-top:calc(var(--ibiz-float-button-position-top-offset) + var(--ibiz-height-control-large));--ibiz-float-button-position-end-bottom:calc(var(--ibiz-float-button-position-bottom-offset) + var(--van-back-top-bottom));--ibiz-float-button-transform:unset;--ibiz-float-button-border:none;--ibiz-float-button-z-index:1;position:var(--ibiz-float-button-position);left:var(--ibiz-float-button-position-left);right:var(--ibiz-float-button-position-right);top:var(--ibiz-float-button-position-top);bottom:var(--ibiz-float-button-position-bottom);border:none;display:flex;align-items:center;justify-content:center;width:var(--ibiz-float-button-width);height:var(--ibiz-float-button-height);background-color:var(--ibiz-float-button-color-bg);border-radius:var(--ibiz-float-button-radius-circle);padding:var(--ibiz-float-button-spacing-padding);box-shadow:var(--ibiz-float-button-color-box-shadow);transform:var(--ibiz-float-button-transform);color:var(--ibiz-float-button-color-text);font-size:var(--ibiz-float-button-font-text-font-size);z-index:var(--ibiz-float-button-z-index)}.ibiz-float-button__icon{display:flex;align-items:center}.ibiz-float-button.is-leftstart{--ibiz-float-button-position-top:var(--ibiz-float-button-position-start-top);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-left{--ibiz-float-button-position-left:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:50%;--ibiz-float-button-transform:translateY(-50%);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-leftend{--ibiz-float-button-position-left:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-bottom:var(--ibiz-float-button-position-end-bottom);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-left-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-left-padding)}.ibiz-float-button.is-rightstart{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:var(--ibiz-float-button-position-start-top);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}.ibiz-float-button.is-right{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-top:50%;--ibiz-float-button-transform:translateY(-50%);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}.ibiz-float-button.is-rightend{--ibiz-float-button-position-right:var(--ibiz-float-button-position-base-offset);--ibiz-float-button-position-bottom:var(--ibiz-float-button-position-end-bottom);--ibiz-float-button-radius-circle:var(--ibiz-float-button-radius-right-circle);--ibiz-float-button-spacing-padding:var(--ibiz-float-button-spacing-right-padding)}

package/es/common/float-button/float-button.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, createVNode, resolveComponent, ref } from 'vue';
+import { useNamespace, useUIStore } from '@ibiz-template/vue3-util';
+import './float-button.css';
+
+"use strict";
+const FloatButton = /* @__PURE__ */ defineComponent({
+  name: "IBizFloatButton",
+  props: {
+    enabledAlign: {
+      type: Boolean,
+      default: true
+    },
+    align: {
+      type: String,
+      default: "RIGHTEND"
+    }
+  },
+  emits: {
+    click: (_event, _currentTarget) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("float-button");
+    const {
+      zIndex
+    } = useUIStore();
+    const popoverZIndex = zIndex.increment();
+    const buttonRef = ref();
+    const handleClick = (_event) => {
+      emit("click", _event, buttonRef.value);
+    };
+    return {
+      ns,
+      popoverZIndex,
+      buttonRef,
+      handleClick
+    };
+  },
+  render() {
+    var _a, _b, _c, _d, _e, _f;
+    const align = this.align.toLocaleLowerCase();
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    const iconSlot = (_d = (_c = this.$slots).icon) == null ? void 0 : _d.call(_c);
+    const textSlot = (_f = (_e = this.$slots).text) == null ? void 0 : _f.call(_e);
+    return createVNode("button", {
+      "ref": "buttonRef",
+      "class": [this.ns.b(), this.ns.is(align, !!align), align ? this.ns.bm("customized", align) : ""],
+      "style": {
+        [this.ns.cssVarBlockName("z-index")]: this.popoverZIndex
+      },
+      "onClick": this.handleClick
+    }, [defaultSlot || [createVNode("div", {
+      "class": this.ns.e("icon")
+    }, [iconSlot || createVNode(resolveComponent("van-icon"), {
+      "name": "setting-o"
+    }, null)]), createVNode("div", {
+      "class": this.ns.e("text")
+    }, [textSlot])]]);
+  }
+});
+
+export { FloatButton };

package/es/common/fullscreen-header/fullscreen-header.css

@@ -1 +1 @@
-.ibiz-fullscreen-header{--ibiz-fullscreen-header-height:2.75rem;--ibiz-fullscreen-header-font-size:var(--ibiz-font-size-header-5);--ibiz-fullscreen-header-font-weight:var(--ibiz-font-weight-bold);height:var(--ibiz-fullscreen-header-height);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;font-size:var(--ibiz-fullscreen-header-font-size);font-weight:var(--ibiz-fullscreen-header-font-weight)}.ibiz-fullscreen-header__close{position:absolute;right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-header-1);height:100%;display:flex;align-items:center}.ibiz-full-screen{position:fixed;top:0;left:0;height:100vh;width:100vw;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}
+.ibiz-fullscreen-header{--ibiz-fullscreen-header-spacing-full-screen-spacing:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);--ibiz-fullscreen-header-width-full-screen:100vw;--ibiz-fullscreen-header-height-full-screen:100vh;--ibiz-fullscreen-header-height-fullscreen-header:2.75rem;--ibiz-fullscreen-header-font-fullscreen-header-fontSize:var(--ibiz-font-size-header-5);--ibiz-fullscreen-header-font-fullscreen-header-fontWeight:var(--ibiz-font-weight-bold);height:var(--ibiz-fullscreen-header-height-fullscreen-header);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;font-size:var(--ibiz-fullscreen-header-font-fullscreen-header-fontSize);font-weight:var(--ibiz-fullscreen-header-font-fullscreen-header-fontWeight)}.ibiz-fullscreen-header__close{position:absolute;right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-header-1);height:100%;display:flex;align-items:center}.ibiz-full-screen{position:fixed;top:0;left:0;height:var(--ibiz-fullscreen-header-height-full-screen);width:var(--ibiz-fullscreen-header-width-full-screen);padding:var(--ibiz-fullscreen-header-spacing-full-screen-spacing)}

package/es/common/index.mjs

@@ -12,15 +12,31 @@ import { IBizPresetViewHeader } from './preset-view-header/preset-view-header.mj
 import { IBizFullscreenHeader } from './fullscreen-header/fullscreen-header.mjs';
 import { IBizButtonList } from './button-list/button-list.mjs';
 import { IBizEmojiSelect } from './emoji-select/emoji-select.mjs';
-import { IBizMdCtrlSetting } from './md-ctrl-setting/md-ctrl-setting.mjs';
 import { IBizPreviewImage } from './preview-image/preview-image.mjs';
 import { IBizDateRangeCalendar } from './date-range-picker/date-range-picker.mjs';
 import { IBizCropping } from './cropping/cropping.mjs';
 import { IBizActionGroup } from './action-group/action-group.mjs';
+import { ViewMessage } from './view-message/view-message.mjs';
+import { IBizMdSortSetting } from './md-sort-setting/md-sort-setting.mjs';
+import { IBizSplit } from './split/split.mjs';
+import { IBizSplitTrigger } from './split-trigger/split-trigger.mjs';
+import { IBizMdAdvanedSearchfrom } from './md-advaned-searchform/md-advaned-searchform.mjs';
+import { IBizAddBtn } from './add-btn/add-btn.mjs';
+import { IBizAddMore } from './add-more/add-more.mjs';
+import { FloatButton } from './float-button/float-button.mjs';
+import { IBizInfoItem } from './info-item/info-item.mjs';
+import { IBizTabLayout } from './tab-layout/tab-layout.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(IBizAddBtn.name, IBizAddBtn);
+    v.component(FloatButton.name, FloatButton);
+    v.component(IBizInfoItem.name, IBizInfoItem);
+    v.component(IBizAddMore.name, IBizAddMore);
+    v.component(IBizMdAdvanedSearchfrom.name, IBizMdAdvanedSearchfrom);
+    v.component(IBizSplit.name, IBizSplit);
+    v.component(IBizSplitTrigger.name, IBizSplitTrigger);
     v.component(IBizActionGroup.name, IBizActionGroup);
     v.component(IBizDateRangeCalendar.name, IBizDateRangeCalendar);
     v.component(IBizViewShell.name, IBizViewShell);
@@ -42,11 +58,13 @@ const IBizCommonComponents = {
     v.component(IBizButtonList.name, IBizButtonList);
     v.component(IBizEmojiSelect.name, IBizEmojiSelect);
     v.component(IBizBadge.name, IBizBadge);
-    v.component(IBizMdCtrlSetting.name, IBizMdCtrlSetting);
     v.component(IBizPreviewImage.name, IBizPreviewImage);
     v.component(IBizCropping.name, IBizCropping);
     v.component(IBizSignaturePad.name, IBizSignaturePad);
+    v.component(ViewMessage.name, ViewMessage);
+    v.component(IBizMdSortSetting.name, IBizMdSortSetting);
+    v.component(IBizTabLayout.name, IBizTabLayout);
   }
 };
 
-export { IBizCol, IBizCommonComponents, IBizKeepAlive, IBizRow, IBizCommonComponents as default };
+export { IBizAddBtn, IBizAddMore, IBizCol, IBizCommonComponents, IBizKeepAlive, IBizMdAdvanedSearchfrom, IBizMdSortSetting, IBizRow, IBizCommonComponents as default };

package/es/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/es/common/info-item/info-item.mjs

@@ -0,0 +1,92 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import './info-item.css';
+
+"use strict";
+const IBizInfoItem = /* @__PURE__ */ 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 = useNamespace("info-item");
+    const renderBadge = () => {
+      if (isNil(props.badge))
+        return null;
+      return createVNode(resolveComponent("iBizBadge"), {
+        "class": ns.e("badge"),
+        "value": props.badge
+      }, null);
+    };
+    const renderIcon = () => {
+      if (isNil(props.icon))
+        return null;
+      return createVNode(resolveComponent("iBizIcon"), {
+        "class": ns.e("icon"),
+        "icon": props.icon
+      }, null);
+    };
+    const renderLabel = () => {
+      if (isNil(props.label))
+        return null;
+      return createVNode("span", {
+        "class": ns.e("label")
+      }, [props.label]);
+    };
+    const renderIconWrapper = () => {
+      return 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 createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("badge-float", this.badgeFloat), this.ns.is(this.layoutMode, !!this.layoutMode)]
+    }, [content]);
+  }
+});
+
+export { IBizInfoItem };

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

@@ -0,0 +1 @@
+.ibiz-md-advaned-searchform{--ibiz-md-advaned-searchform-spacing-content-padding:var(--ibiz-spacing-base);--ibiz-md-advaned-searchform-spacing-footer-padding:var(--ibiz-spacing-base);width:100%;height:100%;display:flex;flex-direction:column}.ibiz-md-advaned-searchform__searchform{flex:1;overflow:auto;padding:var(--ibiz-md-advaned-searchform-spacing-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-md-advaned-searchform-spacing-footer-padding);display:flex;justify-content:space-between}.ibiz-md-advaned-searchform__footer .van-button{width:48%}

package/es/common/md-advaned-searchform/md-advaned-searchform.mjs

@@ -0,0 +1,98 @@
+import { isVNode, defineComponent, createVNode, resolveComponent, reactive } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './md-advaned-searchform.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizMdAdvanedSearchfrom = /* @__PURE__ */ 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 = 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 = 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 createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizFormControl"), {
+      "class": this.ns.e("searchform"),
+      "controller": this.c
+    }, null), createVNode("div", {
+      "class": this.ns.e("footer")
+    }, [createVNode(resolveComponent("van-button"), {
+      "onClick": this.onCancel
+    }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot : {
+      default: () => [_slot]
+    }), createVNode(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]
+    })])]);
+  }
+});
+
+export { IBizMdAdvanedSearchfrom };

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

@@ -0,0 +1 @@
+.ibiz-md-sort-setting__content{--ibiz-md-sort-setting-color-active-bg-color:var(--ibiz-color-primary-light-default);--ibiz-md-sort-setting-color-active-color:var(--ibiz-color-primary);--ibiz-md-sort-setting-color-close-icon-color:var(--ibiz-color-text-3);--ibiz-md-sort-setting-color-border-color:var(--ibiz-color-border);--ibiz-md-sort-setting-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-md-sort-setting-spacing-list-item-check-padding:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-md-sort-setting-spacing-list-item-margin:var(--ibiz-spacing-tight) 0;--ibiz-md-sort-setting-spacing-tabs-padding:0 var(--ibiz-spacing-base);--ibiz-md-sort-setting-spacing-bottom-btn-padding:0 var(--ibiz-spacing-tight) var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-md-sort-setting-spacing-tabs-margin:0 0 var(--ibiz-spacing-tight) 0;--ibiz-md-sort-setting-height-tab-min-height:var(--ibiz-height-control-large);--ibiz-md-sort-setting-height-list-item-height:var(--ibiz-height-control-default);--ibiz-md-sort-setting-height-header-min-height:var(--ibiz-height-control-default);--ibiz-md-sort-setting-font-tab-fontWeight:var(--ibiz-font-weight-regular);--ibiz-md-sort-setting-font-close-icon-fontSize:var(--ibiz-font-size-header-3);--ibiz-md-sort-setting-font-header-fontSize:var(--ibiz-font-size-header-6);--ibiz-md-sort-setting-font-van-tab-fontSize:var(--ibiz-font-size-regular);--ibiz-md-sort-setting-radius-tab-desc-border-radius:0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0;--ibiz-md-sort-setting-radius-tab-asc-border-radius:var(--ibiz-border-radius-small) 0 0 var(--ibiz-border-radius-small);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-height-header-min-height);padding:var(--ibiz-md-sort-setting-spacing-header-padding);font-size:var(--ibiz-md-sort-setting-font-header-fontSize)}.ibiz-md-sort-setting__content--tabs{flex:1;padding:var(--ibiz-md-sort-setting-spacing-tabs-padding);margin:var(--ibiz-md-sort-setting-spacing-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-height-tab-min-height);border:1px solid var(--ibiz-md-sort-setting-color-border-color);font-size:var(--ibiz-md-sort-setting-font-van-tab-fontSize)}.ibiz-md-sort-setting__content--tabs .van-tab--line:nth-child(1){border-right:none;border-radius:var(--ibiz-md-sort-setting-radius-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-color-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-radius-tab-desc-border-radius)}.ibiz-md-sort-setting__content--tabs .van-tab--line.van-tab--active{font-weight:var(--ibiz-md-sort-setting-font-tab-fontWeight);color:var(--ibiz-md-sort-setting-color-active-color);background-color:var(--ibiz-md-sort-setting-color-active-bg-color);border-color:var(--ibiz-md-sort-setting-color-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-spacing-bottom-btn-padding)}.ibiz-md-sort-setting__content--icon{font-size:var(--ibiz-md-sort-setting-font-close-icon-fontSize);color:var(--ibiz-md-sort-setting-color-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-height-list-item-height);margin:var(--ibiz-md-sort-setting-spacing-list-item-margin);overflow:hidden;font-size:var(--ibiz-md-sort-setting-font-van-tab-fontSize)}.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-spacing-list-item-check-padding);color:var(--ibiz-md-sort-setting-color-active-color)}.ibiz-md-sort-setting__list-item.is-check svg{fill:var(--ibiz-md-sort-setting-color-active-color)}

package/es/common/md-sort-setting/md-sort-setting.mjs

@@ -0,0 +1,168 @@
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, onUnmounted } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './md-sort-setting.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizMdSortSetting = /* @__PURE__ */ defineComponent({
+  name: "IBizMdSortSetting",
+  props: {
+    listItems: {
+      type: Array,
+      default: () => []
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    sort: {
+      type: Object
+    },
+    modal: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const ns = 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 = ref("asc");
+    const selectedKey = 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();
+    };
+    onUnmounted(() => {
+      selectedKey.value = "";
+      currentPage.value = "asc";
+    });
+    const renderListItem = (item) => {
+      const isCheck = selectedKey.value === item.value;
+      return createVNode("div", {
+        "class": [ns.e("list-item"), ns.is("check", isCheck)],
+        "onClick": () => onItemClick(item)
+      }, [createVNode("span", {
+        "class": ns.em("list-item", "text")
+      }, [item.label]), isCheck && createVNode("span", {
+        "class": ns.em("list-item", "icon")
+      }, [createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em"
+      }, [createVNode("g", {
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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 createVNode(resolveComponent("van-list"), null, {
+        default: () => {
+          return listItems.map((item) => {
+            return createVNode(resolveComponent("van-cell"), null, {
+              default: () => {
+                return renderListItem(item);
+              }
+            });
+          });
+        }
+      });
+    };
+    return {
+      ns,
+      currentPage,
+      sortData,
+      onClose,
+      onTabChange,
+      renderList,
+      onConfirm
+    };
+  },
+  render() {
+    let _slot;
+    return createVNode("div", {
+      "class": this.ns.e("content")
+    }, [createVNode("div", {
+      "class": this.ns.em("content", "header")
+    }, [createVNode("div", {
+      "class": this.ns.em("content", "title")
+    }, [ibiz.i18n.t("component.mdSortSetting.sort")]), createVNode(resolveComponent("van-icon"), {
+      "name": "cross",
+      "class": this.ns.em("content", "icon"),
+      "onClick": this.onClose,
+      "title": ibiz.i18n.t("app.close")
+    }, null)]), createVNode(resolveComponent("van-tabs"), {
+      "class": this.ns.em("content", "tabs"),
+      "active": this.currentPage,
+      "onChange": this.onTabChange
+    }, {
+      default: () => {
+        return this.sortData.map((item) => {
+          return createVNode(resolveComponent("van-tab"), {
+            "class": this.ns.em("content", "tab-item"),
+            "name": item.order
+          }, {
+            default: () => this.renderList(this.listItems),
+            title: () => {
+              return createVNode("div", null, [item.text]);
+            }
+          });
+        });
+      }
+    }), createVNode("div", {
+      "class": this.ns.em("content", "bottom")
+    }, [createVNode(resolveComponent("van-button"), {
+      "type": "primary",
+      "block": true,
+      "onClick": this.onConfirm
+    }, _isSlot(_slot = ibiz.i18n.t("component.mdSortSetting.confirm")) ? _slot : {
+      default: () => [_slot]
+    })])]);
+  }
+});
+
+export { IBizMdSortSetting };

package/es/common/preset-view-back/preset-view-back.css

@@ -1 +1 @@
-.ibiz-preset-view-back{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-preset-view-back{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-width-back-width);height:var(--ibiz-panel-component-view-header-height-back-height);padding:var(--ibiz-panel-component-view-header-spacing-back-padding);font-size:var(--ibiz-panel-component-view-header-font-back-fontSize)}.ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-width-back-width)}

package/es/common/preset-view-back/preset-view-back.mjs

@@ -21,13 +21,14 @@ const IBizPresetViewBack = /* @__PURE__ */ defineComponent({
       viewStack
     } = useViewStack();
     const backButtonVisible = 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.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/es/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-spacing-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-spacing-view-message-padding)}