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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/common/float-button/float-button.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./float-button.css');
+
+"use strict";
+const FloatButton = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFloatButton",
+  props: {
+    enabledAlign: {
+      type: Boolean,
+      default: true
+    },
+    align: {
+      type: String,
+      default: "RIGHTEND"
+    }
+  },
+  emits: {
+    click: (_event, _currentTarget) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("float-button");
+    const {
+      zIndex
+    } = vue3Util.useUIStore();
+    const popoverZIndex = zIndex.increment();
+    const buttonRef = vue.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 vue.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 || [vue.createVNode("div", {
+      "class": this.ns.e("icon")
+    }, [iconSlot || vue.createVNode(vue.resolveComponent("van-icon"), {
+      "name": "setting-o"
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.e("text")
+    }, [textSlot])]]);
+  }
+});
+
+exports.FloatButton = FloatButton;

package/lib/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/lib/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/lib/common/index.cjs

@@ -15,15 +15,31 @@ var presetViewHeader = require('./preset-view-header/preset-view-header.cjs');
 var fullscreenHeader = require('./fullscreen-header/fullscreen-header.cjs');
 var buttonList = require('./button-list/button-list.cjs');
 var emojiSelect = require('./emoji-select/emoji-select.cjs');
-var mdCtrlSetting = require('./md-ctrl-setting/md-ctrl-setting.cjs');
 var previewImage = require('./preview-image/preview-image.cjs');
 var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
 var cropping = require('./cropping/cropping.cjs');
 var actionGroup = require('./action-group/action-group.cjs');
+var viewMessage = require('./view-message/view-message.cjs');
+var mdSortSetting = require('./md-sort-setting/md-sort-setting.cjs');
+var split = require('./split/split.cjs');
+var splitTrigger = require('./split-trigger/split-trigger.cjs');
+var mdAdvanedSearchform = require('./md-advaned-searchform/md-advaned-searchform.cjs');
+var addBtn = require('./add-btn/add-btn.cjs');
+var addMore = require('./add-more/add-more.cjs');
+var floatButton = require('./float-button/float-button.cjs');
+var infoItem = require('./info-item/info-item.cjs');
+var tabLayout = require('./tab-layout/tab-layout.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(addBtn.IBizAddBtn.name, addBtn.IBizAddBtn);
+    v.component(floatButton.FloatButton.name, floatButton.FloatButton);
+    v.component(infoItem.IBizInfoItem.name, infoItem.IBizInfoItem);
+    v.component(addMore.IBizAddMore.name, addMore.IBizAddMore);
+    v.component(mdAdvanedSearchform.IBizMdAdvanedSearchfrom.name, mdAdvanedSearchform.IBizMdAdvanedSearchfrom);
+    v.component(split.IBizSplit.name, split.IBizSplit);
+    v.component(splitTrigger.IBizSplitTrigger.name, splitTrigger.IBizSplitTrigger);
     v.component(actionGroup.IBizActionGroup.name, actionGroup.IBizActionGroup);
     v.component(dateRangePicker.IBizDateRangeCalendar.name, dateRangePicker.IBizDateRangeCalendar);
     v.component(vue3Util.IBizViewShell.name, vue3Util.IBizViewShell);
@@ -45,10 +61,12 @@ const IBizCommonComponents = {
     v.component(buttonList.IBizButtonList.name, buttonList.IBizButtonList);
     v.component(emojiSelect.IBizEmojiSelect.name, emojiSelect.IBizEmojiSelect);
     v.component(vue3Util.IBizBadge.name, vue3Util.IBizBadge);
-    v.component(mdCtrlSetting.IBizMdCtrlSetting.name, mdCtrlSetting.IBizMdCtrlSetting);
     v.component(previewImage.IBizPreviewImage.name, previewImage.IBizPreviewImage);
     v.component(cropping.IBizCropping.name, cropping.IBizCropping);
     v.component(vue3Util.IBizSignaturePad.name, vue3Util.IBizSignaturePad);
+    v.component(viewMessage.ViewMessage.name, viewMessage.ViewMessage);
+    v.component(mdSortSetting.IBizMdSortSetting.name, mdSortSetting.IBizMdSortSetting);
+    v.component(tabLayout.IBizTabLayout.name, tabLayout.IBizTabLayout);
   }
 };
 
@@ -64,5 +82,9 @@ exports.isKeepAlive = keepAlive.isKeepAlive;
 exports.queuePostRenderEffect = keepAlive.queuePostRenderEffect;
 exports.setTransitionHooks = keepAlive.setTransitionHooks;
 exports.IBizRow = row.IBizRow;
+exports.IBizMdSortSetting = mdSortSetting.IBizMdSortSetting;
+exports.IBizMdAdvanedSearchfrom = mdAdvanedSearchform.IBizMdAdvanedSearchfrom;
+exports.IBizAddBtn = addBtn.IBizAddBtn;
+exports.IBizAddMore = addMore.IBizAddMore;
 exports.IBizCommonComponents = IBizCommonComponents;
 exports.default = IBizCommonComponents;

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-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/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-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/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/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)}