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

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

@@ -51,12 +51,39 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
         detail.state = vue.reactive(detail.state);
       });
     });
+    const renderSearch = () => {
+      let _slot;
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": ns.e("search"),
+        "type": "primary",
+        "size": "small",
+        "onClick": () => c.onSearchButtonClick()
+      }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderReset = () => {
+      let _slot2;
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": ns.e("reset"),
+        "onClick": () => c.reset(),
+        "size": "small"
+      }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
+    const renderAllBtns = () => {
+      return [renderSearch(), renderReset()];
+    };
     return {
       c,
-      ns
+      ns,
+      renderSearch,
+      renderAllBtns
     };
   },
   render() {
+    var _a;
     const {
       state
     } = this.c;
@@ -64,26 +91,18 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
       return;
     }
     return vue.createVNode(vue.resolveComponent("iBizFormControl"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), this.ns.e((_a = this.c.model.searchButtonPos) == null ? void 0 : _a.toLowerCase())],
       "controller": this.c,
       "nativeOnkeyup": (e) => this.c.onKeyUp(e)
     }, {
       ...this.$slots,
       searchFooter: () => {
-        let _slot, _slot2;
+        if (this.c.model.searchButtonStyle === "NONE") {
+          return null;
+        }
         return vue.createVNode("div", {
-          "class": this.ns.b("buttons")
-        }, [vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "search"),
-          "onClick": () => this.c.onSearchButtonClick()
-        }, _isSlot(_slot = ibiz.i18n.t("control.form.searchForm.search")) ? _slot : {
-          default: () => [_slot]
-        }), vue.createVNode(vue.resolveComponent("van-button"), {
-          "class": this.ns.be("buttons", "reset"),
-          "onClick": () => this.c.reset()
-        }, _isSlot(_slot2 = ibiz.i18n.t("control.form.searchForm.reset")) ? _slot2 : {
-          default: () => [_slot2]
-        })]);
+          "class": this.ns.e("buttons")
+        }, [this.c.model.searchButtonStyle === "SEARCHONLY" ? this.renderSearch() : this.renderAllBtns()]);
       }
     });
   }

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

@@ -1 +1 @@
-.ibiz-control-searchform-buttons{--ibiz-control-search-form-buttons-padding:1rem 1rem 1rem;--ibiz-control-search-form-buttons-btn-margin:0 0 0 0.625rem;--ibiz-control-search-form-buttons-search-btn-bg-color:var(--ibiz-color-primary);--ibiz-control-search-form-buttons-search-btn-color:var(--ibiz-color-bg-1);display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-buttons-padding)}.ibiz-control-searchform-buttons__search{height:1.875rem;color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__search:hover{color:var(--ibiz-control-search-form-buttons-search-btn-color);background-color:var(--ibiz-control-search-form-buttons-search-btn-bg-color)}.ibiz-control-searchform-buttons__reset{height:1.875rem;margin:var(--ibiz-control-search-form-buttons-btn-margin)}.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-margin:1rem 0 0 1.5rem;margin:var(--ibiz-control-search-form-buttons-margin);background-color:var(--ibiz-control-search-form-buttons-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:calc(var(--ibiz-padding)/ 2)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform .ibiz-form-item-container{padding-bottom:calc(var(--ibiz-padding-right)/ 2)}
+.ibiz-control-searchform{--ibiz-control-search-form-bg-color:transparent;--ibiz-control-search-form-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-search-form-right-gap:0;--ibiz-control-search-form-color-searchform-bottom:var(--ibiz-color-border);--ibiz-control-search-form-spacing-right-buttons-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) var(--ibiz-spacing-tight) 0;--ibiz-control-search-form-btn-margin:0 0 0 var(--ibiz-spacing-tight);--ibiz-control-search-form-spacing-right-form-padding:var(--ibiz-spacing-base) 0;--ibiz-control-search-form-form-page-item-padding-top:calc(var(--ibiz-spacing-base) / 2);border-bottom:1px solid var(--ibiz-control-search-form-color-searchform-bottom);background-color:var(--ibiz-control-search-form-bg-color)}.ibiz-control-searchform .ibiz-form-page-item{padding-top:var(--ibiz-control-search-form-form-page-item-padding-top)}.ibiz-control-searchform .ibiz-form-page-item-child{margin-bottom:0}.ibiz-control-searchform__buttons{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-control-search-form-padding)}.ibiz-control-searchform__reset{margin:var(--ibiz-control-search-form-btn-margin)}.ibiz-control-searchform__right{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-control-search-form-spacing-right-form-padding);gap:var(--ibiz-control-search-form-right-gap)}.ibiz-control-searchform__right .ibiz-control-searchform__buttons{flex-shrink:0;padding:var(--ibiz-control-search-form-spacing-right-buttons-padding)}

package/lib/control/index.cjs

@@ -15,11 +15,11 @@ var index$n = require('./drtab/index.cjs');
 var index$o = require('./tree/index.cjs');
 var index$p = require('./data-view/index.cjs');
 var index$q = require('./dashboard/index.cjs');
-var index$v = require('./chart/index.cjs');
-var index$w = require('./calendar/index.cjs');
-var index$x = require('./wizard-panel/index.cjs');
-var index$y = require('./tree-exp-bar/index.cjs');
-var index$z = require('./drbar/index.cjs');
+var index$z = require('./chart/index.cjs');
+var index$A = require('./calendar/index.cjs');
+var index$B = require('./wizard-panel/index.cjs');
+var index$C = require('./tree-exp-bar/index.cjs');
+var index$D = require('./drbar/index.cjs');
 var mdCtrl_provider = require('./list/md-ctrl/md-ctrl.provider.cjs');
 var appMenu_provider = require('./app-menu/app-menu.provider.cjs');
 var searchForm_provider = require('./form/search-form/search-form.provider.cjs');
@@ -63,7 +63,6 @@ var drtab_controller = require('./drtab/drtab.controller.cjs');
 var tree_provider = require('./tree/tree.provider.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
 var dashboard_provider = require('./dashboard/dashboard.provider.cjs');
-var portletPart_state = require('./dashboard/portlet/portlet-part/portlet-part.state.cjs');
 var containerPortlet_provider = require('./dashboard/portlet/container-portlet/container-portlet.provider.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
 var index$r = require('./dashboard/portlet/container-portlet/index.cjs');
@@ -75,6 +74,14 @@ var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
 var index$t = require('./dashboard/portlet/view-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
 var index$u = require('./dashboard/portlet/list-portlet/index.cjs');
+var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
+var index$v = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
+var index$w = require('./dashboard/portlet/chart-portlet/index.cjs');
+var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
+var index$x = require('./dashboard/portlet/html-portlet/index.cjs');
+var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
+var index$y = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var calendar_provider = require('./calendar/calendar.provider.cjs');
 
 "use strict";
@@ -93,11 +100,11 @@ exports.IBizDRTabControl = index$n.IBizDRTabControl;
 exports.IBizTreeControl = index$o.IBizTreeControl;
 exports.IBizDataViewControl = index$p.IBizDataViewControl;
 exports.IBizDashboardControl = index$q.IBizDashboardControl;
-exports.IBizChartControl = index$v.IBizChartControl;
-exports.IBizCalendarControl = index$w.IBizCalendarControl;
-exports.IBizWizardPanelControl = index$x.IBizWizardPanelControl;
-exports.IBizTreeExpBarControl = index$y.IBizTreeExpBarControl;
-exports.IBizDRBarControl = index$z.IBizDRBarControl;
+exports.IBizChartControl = index$z.IBizChartControl;
+exports.IBizCalendarControl = index$A.IBizCalendarControl;
+exports.IBizWizardPanelControl = index$B.IBizWizardPanelControl;
+exports.IBizTreeExpBarControl = index$C.IBizTreeExpBarControl;
+exports.IBizDRBarControl = index$D.IBizDRBarControl;
 exports.MDCtrlProvider = mdCtrl_provider.MDCtrlProvider;
 exports.AppMenuProvider = appMenu_provider.AppMenuProvider;
 exports.SearchFormProvider = searchForm_provider.SearchFormProvider;
@@ -141,7 +148,6 @@ exports.DRTabController = drtab_controller.DRTabController;
 exports.TreeProvider = tree_provider.TreeProvider;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
 exports.DashboardProvider = dashboard_provider.DashboardProvider;
-exports.PortletPartState = portletPart_state.PortletPartState;
 exports.ContainerPortletProvider = containerPortlet_provider.ContainerPortletProvider;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
 exports.IBizContainerPortlet = index$r.IBizContainerPortlet;
@@ -153,4 +159,12 @@ exports.ViewPortlet = viewPortlet.ViewPortlet;
 exports.IBizViewPortlet = index$t.IBizViewPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
 exports.IBizListPortlet = index$u.IBizListPortlet;
+exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
+exports.IBizRawItemPortlet = index$v.IBizRawItemPortlet;
+exports.ChartPortlet = chartPortlet.ChartPortlet;
+exports.IBizChartPortlet = index$w.IBizChartPortlet;
+exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
+exports.IBizHtmlPortlet = index$x.IBizHtmlPortlet;
+exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
+exports.IBizActionBarPortlet = index$y.IBizActionBarPortlet;
 exports.CalendarProvider = calendar_provider.CalendarProvider;

package/lib/control/list/list/list.cjs

@@ -3,8 +3,9 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
-var listRenderUtil = require('../list-render-util.cjs');
 require('./list.css');
+require('../../../util/index.cjs');
+var listRenderUtil = require('../../../util/list-util/list-render-util.cjs');
 
 "use strict";
 function _isSlot(s) {

package/lib/control/list/md-ctrl/md-ctrl.cjs

@@ -2,19 +2,19 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var lodashEs = require('lodash-es');
 var runtime = require('@ibiz-template/runtime');
-var listRenderUtil = require('../list-render-util.cjs');
 require('../../../util/index.cjs');
 require('./md-ctrl.css');
+var listRenderUtil = require('../../../util/list-util/list-render-util.cjs');
 var usePagination = require('../../../util/pagination/use-pagination.cjs');
+var buttonUtil = require('../../../util/button-util/button-util.cjs');
 
 "use strict";
 const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizMDCtrlControl",
   props: {
     /**
-     * @description 移动端多数据模型数据
+     * @description 移动端多数据部件模型数据
      */
     modelData: {
       type: Object,
@@ -65,7 +65,8 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       required: false
     },
     /**
-     * @description 模式，值为LIST：列表模式呈现加载数据，值为SELECT：呈现数据时显示勾选图标
+     * @description 选择模式，值为SELECT时，列表项显示勾选图标
+     * @default 'LIST'
      */
     mode: {
       type: String,
@@ -78,76 +79,42 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    /**
+     * @description 是否是简单模式，即直接传入数据，不加载数据
+     */
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * @description 简单模式下传入的数据
+     */
+    data: {
+      type: Array,
+      required: false
     }
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.MDCtrlController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const {
+      enableLoadMore,
       renderItem,
       renderNoData,
-      renderLoadMore
+      renderAddItem,
+      renderScrollList,
+      renderGroup
     } = listRenderUtil.useListRender(props, c, ns);
-    const isUpdating = vue.ref(false);
-    const isLodeMoreDisabled = vue.computed(() => {
-      if (c.model.enablePagingBar === true) {
-        return true;
-      }
-      if (c.model.pagingMode !== 2) {
-        return true;
-      }
-      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
-    });
     const {
       onPageChange
     } = usePagination.usePagination(c);
-    const delistItems = vue.computed(() => {
-      var _a;
-      const data = [];
-      (_a = c.model.delistItems) == null ? void 0 : _a.forEach((item) => {
-        var _a2, _b;
-        if (item.enableSort) {
-          data.push({
-            value: item.id,
-            label: ibiz.i18n.t(((_a2 = item == null ? void 0 : item.capLanguageRes) == null ? void 0 : _a2.lanResTag) || "", item.caption || ((_b = item == null ? void 0 : item.capLanguageRes) == null ? void 0 : _b.defaultContent))
-          });
-        }
-      });
-      return data;
-    });
-    const sortVal = vue.computed(() => {
-      if (c.state.sortQuery) {
-        const [key, order] = c.state.sortQuery.split(",");
-        return {
-          key,
-          order
-        };
-      }
-      return null;
-    });
-    const onSortChange = (sort) => {
-      c.setSort(sort.key, sort.order);
-      c.load({
-        isInitialLoad: true
-      });
-    };
-    const debounceLoadMore = lodashEs.debounce(async () => {
-      c.loadMore();
-    }, 500);
-    const onLoadMore = () => {
-      debounceLoadMore();
-    };
-    c.evt.on("onLoadSuccess", () => {
-      isUpdating.value = true;
-      window.requestAnimationFrame(() => {
-        isUpdating.value = false;
-      });
-    });
-    const showCollapseOrExpandIcon = vue.computed(() => {
-      return !c.model.enableGroup && c.model.pagingMode === 3;
-    });
     const leftSlidingActionGroup = c.model.deuiactionGroup;
     const rightSlidingActionGroup = c.model.deuiactionGroup2;
+    const btnType = (item) => {
+      const _type = buttonUtil.convertBtnType(item);
+      return _type === "default" ? "primary" : _type;
+    };
     const renderSlidingActionGroup = (group, data) => {
       const groupDetails = runtime.getAllUIActionItems(group.uiactionGroupDetails);
       if (!groupDetails || groupDetails.length === 0)
@@ -156,10 +123,11 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       const btnContainer = row.uaColStates[group.id];
       return groupDetails.map((detail) => {
         const btn = btnContainer == null ? void 0 : btnContainer[detail.id];
+        const _type = btnType(detail);
         if (btn == null ? void 0 : btn.visible)
           return vue.createVNode(vue.resolveComponent("van-button"), {
             "square": true,
-            "type": "primary",
+            "type": _type,
             "text": detail.caption,
             "disabled": btn.disabled || btn.loading,
             "onClick": (e) => c.onActionClick(detail, row, e)
@@ -184,57 +152,42 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
       return renderItem(data);
     };
     const renderDefault = () => {
-      return c.state.items.map((item) => {
+      const result = [];
+      result.push(...c.state.items.map((item) => {
         return renderDefaultItem(item);
-      });
+      }));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
-    const renderGroup = () => {
-      return c.state.groups.map((group) => {
-        return vue.createVNode("div", {
-          "title": group.caption
-        }, [vue.createVNode("div", {
-          "class": ns.b("group-caption")
-        }, [vue.createTextVNode(" "), group.caption]), group.children.map((item) => {
-          return renderDefaultItem(item.data);
-        })]);
+    const renderGroupChildren = (children) => {
+      return children.map((item) => {
+        return renderDefaultItem(item.data);
       });
     };
     const renderMDContent = () => {
-      return vue.createVNode(vue.resolveComponent("van-list"), {
-        "class": [ns.e("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
-        "loading": c.state.isLoading,
-        "finished": isLodeMoreDisabled.value || c.state.isLoading || isUpdating.value,
-        "immediate-check": false,
-        "onLoad": () => onLoadMore()
-      }, {
-        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
-      });
+      const slots = c.enableGroup ? renderGroup({
+        children: renderGroupChildren
+      }) : renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
+      enableLoadMore,
       renderMDContent,
       renderNoData,
-      showCollapseOrExpandIcon,
-      onPageChange,
-      renderLoadMore,
-      sortVal,
-      delistItems,
-      onSortChange
+      onPageChange
     };
   },
   render() {
-    const enablePagingBar = this.c.model.enablePagingBar && this.c.model.pagingMode === 1;
+    const enablePagingBar = this.c.model.enablePagingBar;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.is("enable-page", enablePagingBar || this.showCollapseOrExpandIcon)]
+      "class": [this.ns.is("enable-page", enablePagingBar || this.c.model.pagingMode === 3), this.ns.is("hidden-finished", enablePagingBar || this.c.enableGroup || this.enableLoadMore)]
     }, {
-      default: () => [this.delistItems.length > 0 && vue.createVNode(vue.resolveComponent("iBizMdCtrlSetting"), {
-        "class": this.ns.e("setting"),
-        "listItems": this.delistItems,
-        "sort": this.sortVal,
-        "onSortChange": this.onSortChange
-      }, null), this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
+      default: () => [this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData()), enablePagingBar ? vue.createVNode(vue.resolveComponent("van-pagination"), {
         "class": this.ns.e("pagination"),
         "total-items": this.c.state.total,
         "model-value": this.c.state.curPage,
@@ -242,7 +195,7 @@ const MDCtrlControl = /* @__PURE__ */ vue.defineComponent({
         "page-count": this.c.state.totalPages,
         "force-ellipses": true,
         "onChange": this.onPageChange
-      }, null) : null, this.showCollapseOrExpandIcon && this.renderLoadMore()]
+      }, null) : null]
     });
   }
 });

package/lib/control/list/md-ctrl/md-ctrl.css

@@ -1 +1 @@
-.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height)}.ibiz-control-mobmdctrl .ibiz-panel-container{--ibiz-panel-scroll:hidden}.ibiz-control-mobmdctrl{--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-mobmdctrl__content{width:100%;height:99%}.ibiz-control-mobmdctrl__content .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl__content.is-show-underLine .ibiz-control-mobmdctrl-item+.ibiz-control-mobmdctrl-item::before{position:relative;top:-.875rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__content.is-show-underLine .ibiz-control-mobmdctrl-item.van-cell::before{display:none}.ibiz-control-mobmdctrl__content.is-show-underLine .van-swipe-cell+.van-swipe-cell .van-swipe-cell__wrapper::before{position:relative;top:.0625rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__setting{position:absolute;right:var(--ibiz-spacing-tight);z-index:1}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{height:calc(100% - var(--ibiz-control-mobmdctrl-pagination-height))}.ibiz-control-mobmdctrl .van-cell__right-icon{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit}.ibiz-control-mobmdctrl .van-cell::after{width:100%}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);background-color:var(--ibiz-control-mobmdctrl-item-bg-color);color:var(--ibiz-control-mobmdctrl-item-font-color)}.ibiz-control-mobmdctrl-item:hover{background-color:var(--ibiz-control-mobmdctrl-item-hover-color)}.ibiz-control-mobmdctrl-item.is-active{background-color:var(--ibiz-control-mobmdctrl-item-active-color)}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.ibiz-control-mobmdctrl-item{padding:.875rem 0}.ibiz-control-mobmdctrl-item.ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);padding:var(--ibiz-control-mobmdctrl-group-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}.ibiz-control-mobmdctrl-select-item{display:flex;gap:var(--ibiz-control-mobmdctrl-select-item-gap);padding-bottom:var(--ibiz-control-mobmdctrl-select-item-padding-bottom);margin:var(--ibiz-control-mobmdctrl-select-item-margin);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-mobmdctrl-select-item>.van-checkbox{padding:var(--ibiz-control-mobmdctrl-select-item-check-padding)}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-color-text:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-color-active-bg:var(--ibiz-color-primary-light-default);--ibiz-control-mobmdctrl-color-group-bg:var(--ibiz-color-bg-0);--ibiz-control-mobmdctrl-color-group-text:var(--ibiz-color-text-1);--ibiz-control-mobmdctrl-width-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-height-img:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-spacing-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-spacing-img-padding:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-checkbox-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-spacing-border-padding:var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-radius-img:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-font-fontSize:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-font-group-fontSize:var(--ibiz-font-size-header-6);--ibiz-control-mobmdctrl-font-group-lineHeight:var(--ibiz-height-control-default);height:100%;position:relative}.ibiz-control-mobmdctrl__content{width:100%;height:100%;overflow-y:auto}.ibiz-control-mobmdctrl__content.is-show-under-line .van-hairline--bottom:after{left:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2);right:calc(-50% + var(--ibiz-control-mobmdctrl-spacing-border-padding) * 2)}.ibiz-control-mobmdctrl__content .ibiz-add-more{padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl.is-enable-page{display:flex;flex-direction:column}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{flex:auto;height:0}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__pagination{flex:none}.ibiz-control-mobmdctrl.is-hidden-finished .van-list__finished-text{display:none}.ibiz-control-mobmdctrl__anchor .van-index-anchor{padding:0}.ibiz-control-mobmdctrl-item__right{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-item.ibiz-control-mobmdctrl-item{color:var(--ibiz-control-mobmdctrl-color-text);height:auto;font-size:var(--ibiz-control-mobmdctrl-font-fontSize);padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-item.is-active.ibiz-control-mobmdctrl-item{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-image{width:var(--ibiz-control-mobmdctrl-width-img);height:var(--ibiz-control-mobmdctrl-height-img);margin-right:var(--ibiz-control-mobmdctrl-spacing-img-padding);border-radius:var(--ibiz-control-mobmdctrl-radius-img)}.ibiz-control-mobmdctrl-group__container{width:100%;height:auto}.ibiz-control-mobmdctrl-group__caption{padding:var(--ibiz-control-mobmdctrl-spacing-group-padding);font-size:var(--ibiz-control-mobmdctrl-font-group-fontSize);line-height:var(--ibiz-control-mobmdctrl-font-group-lineHeight);color:var(--ibiz-control-mobmdctrl-color-group-text);background-color:var(--ibiz-control-mobmdctrl-color-group-bg)}.ibiz-control-mobmdctrl-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-control-mobmdctrl-spacing-item-padding)}.ibiz-control-mobmdctrl-select-item__left{margin-right:var(--ibiz-control-mobmdctrl-spacing-checkbox-gap)}.ibiz-control-mobmdctrl-select-item.is-active{background-color:var(--ibiz-control-mobmdctrl-color-active-bg)}.ibiz-control-mobmdctrl-select-item .ibiz-control-mobmdctrl-item{flex:1;padding:0;width:auto}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}.ibiz-control-mobmdctrl-quicktoolbar{width:100%;display:flex;align-items:center;justify-content:center}

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -3,8 +3,9 @@
 var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./filter-tree.css');
 var qxUtil = require('qx-util');
+var ramda = require('ramda');
+require('./filter-tree.css');
 
 "use strict";
 function _isSlot(s) {
@@ -261,7 +262,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       showPopup.value = false;
     };
     const onEditItem = () => {
-      if (copyNode.value && copyNode.value.value) {
+      if (copyNode.value && !ramda.isNil(copyNode.value.value)) {
         Object.assign(editNode.value, copyNode.value);
       }
       closePopup();
@@ -278,7 +279,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       closePopup();
     };
     const onAddItem = () => {
-      if (!UiFilterNodes.value.length || !addNode.value || !addNode.value.value) {
+      if (!UiFilterNodes.value.length || !addNode.value || ramda.isNil(addNode.value.value)) {
         return;
       }
       const children = UiFilterNodes.value[0].children;
@@ -294,12 +295,6 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       });
       closePopup();
     };
-    vue.onMounted(() => {
-      const bol = hasFilter();
-      if (!bol) {
-        addItem();
-      }
-    });
     const onFilterItemClick = (event, item, index, root) => {
       event.stopPropagation();
       editNode.value = item;