@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.12

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -173,11 +173,10 @@ class AuthGuard {
     }
   }
   async initTheme(appModel) {
-    if (!appModel.appUIThemes) {
-      const module = await import('@ibiz-template/web-theme');
-      const theme = module.default || module;
-      AppHooks.useComponent.callSync(null, theme);
-    } else {
+    const module = await import('@ibiz-template/web-theme');
+    const theme = module.default || module;
+    AppHooks.useComponent.callSync(null, theme);
+    if (appModel.appUIThemes) {
       await this.loadTheme();
     }
   }

package/es/web-app/guard/auth-guard/dyna-auth-guard.mjs

@@ -48,11 +48,10 @@ class DynaAuthGuard extends AuthGuard {
         });
         i18n.global.mergeLocaleMessage(lang, data);
       }
-      if (!appModel.appUIThemes) {
-        const module = await import('@ibiz-template/web-theme');
-        const theme = module.default || module;
-        AppHooks.useComponent.callSync(null, theme);
-      } else {
+      const module = await import('@ibiz-template/web-theme');
+      const theme = module.default || module;
+      AppHooks.useComponent.callSync(null, theme);
+      if (appModel.appUIThemes) {
         await this.loadTheme();
       }
       if (app.model.title) {

package/es/web-app/router/index.mjs

@@ -1,4 +1,4 @@
-import { createWebHashHistory, createRouter } from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import { AppRedirectView } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./anchor-bar-list.css');
+
+"use strict";
+const IBizAnchorBarList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAnchorBarList",
+  props: {
+    anchorList: {
+      type: Array,
+      default: []
+    },
+    navBarStyle: {
+      type: String
+    },
+    navBarPos: {
+      type: String
+    },
+    selected: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["select"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("anchor-bar-list");
+    const select = vue.ref("");
+    const onSelect = (key) => {
+      emit("select", key);
+    };
+    const renderAnchorDefaultStyle = () => {
+      var _a, _b;
+      if (!select.value) {
+        select.value = (_b = (_a = props.anchorList) == null ? void 0 : _a[0]) == null ? void 0 : _b.id;
+      }
+      return props.anchorList.map((item) => {
+        return vue.createVNode("div", {
+          "class": [ns.e("item"), ns.is("selected", select.value === item.id)],
+          "title": item.title,
+          "onClick": () => onSelect(item.id)
+        }, [vue.createVNode("div", {
+          "class": ns.em("item", "title")
+        }, [item.title])]);
+      });
+    };
+    vue.watch(() => props.selected, (newVal) => {
+      select.value = newVal;
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      renderAnchorDefaultStyle
+    };
+  },
+  render() {
+    let content = null;
+    if (this.navBarStyle === "DEFAULT" || !this.navBarStyle) {
+      content = this.renderAnchorDefaultStyle();
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("usermode", this.navBarPos === "USER" || this.navBarPos === "USER2")]
+    }, [content]);
+  }
+});
+
+exports.IBizAnchorBarList = IBizAnchorBarList;

package/lib/common/anchor-container/anchor-bar-list/anchor-bar-list.css

@@ -0,0 +1 @@
+.ibiz-anchor-bar-list{--ibiz-anchor-bar-item-height:32px;--ibiz-anchor-bar-selected-icon-width:4px;position:relative}.ibiz-anchor-bar-list__item{height:var(--ibiz-anchor-bar-item-height);padding-left:var(--ibiz-spacing-base);overflow:hidden;font-size:var(--ibiz-font-size-header-6);line-height:var(--ibiz-anchor-bar-item-height);color:var(--ibiz-color-text-3);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list::before{position:absolute;top:0;left:0;width:var(--ibiz-anchor-bar-selected-icon-width);height:100%;content:"";background-color:var(--ibiz-color-fill-0)}.ibiz-anchor-bar-list.is-usermode{display:flex;align-items:center;width:100%;height:100%}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-size:var(--ibiz-font-size-header-6);color:var(--ibiz-color-text-3);cursor:pointer}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item--title{display:block;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected{position:relative;font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-primary-active)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item.is-selected::after{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-primary);border-radius:calc(var(--ibiz-anchor-bar-selected-icon-width)/ 2)}.ibiz-anchor-bar-list.is-usermode .ibiz-anchor-bar-list__item:hover{color:var(--ibiz-color-primary-hover)}.ibiz-anchor-bar-list.is-usermode::before{position:absolute;top:unset;bottom:0;left:0;width:100%;height:var(--ibiz-anchor-bar-selected-icon-width);content:"";background-color:var(--ibiz-color-fill-0)}

package/lib/common/anchor-container/anchor-container.cjs

@@ -0,0 +1,157 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var anchorBarList = require('./anchor-bar-list/anchor-bar-list.cjs');
+require('./anchor-container.css');
+
+"use strict";
+const IBizAnchorContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAnchorContainer",
+  components: {
+    IBizAnchorBarList: anchorBarList.IBizAnchorBarList
+  },
+  props: {
+    // 锚点列表，项值格式为{id:xx,text:xx}
+    anchorList: {
+      type: Array,
+      default: []
+    },
+    // 锚点目标元素
+    anchorTargetEle: {
+      type: Object,
+      required: true
+    },
+    // 锚点导航栏配置
+    navBarConfig: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("anchor-container");
+    const timer = vue.ref();
+    const isClick = vue.ref(false);
+    const selected = vue.ref("");
+    const {
+      navBarPos = "USER",
+      navBarSysCss,
+      navBarWidth,
+      navBarStyle,
+      navbarHeight
+    } = props.navBarConfig;
+    const onSelect = (key) => {
+      clearInterval(timer.value);
+      const el = document.querySelector("#".concat(key));
+      isClick.value = true;
+      selected.value = key;
+      if (el) {
+        el.scrollIntoView({
+          behavior: "smooth",
+          block: "start"
+        });
+        timer.value = setTimeout(() => {
+          isClick.value = false;
+        }, 1e3);
+      }
+    };
+    const handleScroll = () => {
+      if (isClick.value)
+        return;
+      let closestDistance = Infinity;
+      let tempSelect = "";
+      for (let i = 0; i < props.anchorList.length; i++) {
+        const childElement = document.querySelector("#".concat(props.anchorList[i].id));
+        if (childElement) {
+          const rect = childElement.getBoundingClientRect();
+          const parentRect = props.anchorTargetEle.$el.getBoundingClientRect();
+          const relativeTop = rect.top - parentRect.top;
+          const isInView = rect.bottom > parentRect.top && rect.top < parentRect.bottom;
+          if (isInView && relativeTop >= 0 && relativeTop < closestDistance) {
+            closestDistance = relativeTop;
+            tempSelect = props.anchorList[i].id;
+          }
+        }
+      }
+      selected.value = tempSelect;
+    };
+    const style = () => {
+      const tempStyle = {};
+      if (navBarWidth) {
+        if (navBarWidth === 1) {
+          Object.assign(tempStyle, {
+            width: "auto"
+          });
+        } else {
+          Object.assign(tempStyle, {
+            width: "".concat(navBarWidth, "px"),
+            minWidth: "".concat(navBarWidth, "px"),
+            maxWidth: "".concat(navBarWidth, "px")
+          });
+        }
+      }
+      if (navbarHeight) {
+        if (navbarHeight === 1) {
+          Object.assign(tempStyle, {
+            height: "auto"
+          });
+        } else {
+          Object.assign(tempStyle, {
+            height: "".concat(navbarHeight, "px"),
+            minHeight: "".concat(navbarHeight, "px")
+          });
+        }
+      }
+      return tempStyle;
+    };
+    const target = vue.watch(() => {
+      if (props.anchorTargetEle && props.anchorTargetEle.$el) {
+        return props.anchorTargetEle.$el;
+      }
+      return null;
+    }, (newVal) => {
+      if (newVal) {
+        newVal.addEventListener("scroll", handleScroll);
+        newVal.classList.add("no-slider");
+        target();
+      }
+    }, {
+      immediate: true
+    });
+    vue.onUnmounted(() => {
+      var _a, _b;
+      if ((_a = props.anchorTargetEle) == null ? void 0 : _a.$el) {
+        ((_b = props.anchorTargetEle) == null ? void 0 : _b.$el).removeEventListener("scroll", handleScroll);
+      }
+    });
+    return {
+      ns,
+      selected,
+      navBarPos,
+      navBarStyle,
+      navBarSysCss,
+      style,
+      onSelect
+    };
+  },
+  render() {
+    var _a, _b;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("".concat(this.navBarPos.toLowerCase()), true), this.ns.is("broadside", this.navBarPos !== "USER" && this.navBarPos !== "USER2"), this.ns.is("usermode", this.navBarPos === "USER" || this.navBarPos === "USER2"), this.ns.b("".concat(this.navBarStyle || "default").toLowerCase())]
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("anchor"), this.navBarSysCss],
+      "style": this.style()
+    }, [vue.createVNode(anchorBarList.IBizAnchorBarList, {
+      "anchorList": this.anchorList,
+      "navBarStyle": this.navBarStyle,
+      "navBarPos": this.navBarPos,
+      "selected": this.selected,
+      "onSelect": this.onSelect
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
+  }
+});
+
+exports.IBizAnchorContainer = IBizAnchorContainer;

package/lib/common/anchor-container/anchor-container.css

@@ -0,0 +1 @@
+.ibiz-anchor-container{--ibiz-anchor-container-default-width:200px;--ibiz-anchor-container-min-height:60px;display:flex;gap:var(--ibiz-spacing-tight);width:100%;height:100%;padding:var(--ibiz-spacing-tight)}.ibiz-anchor-container__content{width:100%;height:100%;overflow:auto}.ibiz-anchor-container__content .no-slider{overflow:auto}.ibiz-anchor-container__content .no-slider::-webkit-scrollbar{background-color:transparent}.ibiz-anchor-container__content .no-slider::-webkit-scrollbar-thumb{background-color:transparent}.ibiz-anchor-container__content .no-slider::-webkit-scrollbar-track{background-color:transparent}.ibiz-anchor-container.is-broadside .ibiz-anchor-container__anchor{width:var(--ibiz-anchor-container-default-width);margin:var(--ibiz-spacing-base) var(--ibiz-spacing-tight);overflow:auto}.ibiz-anchor-container.is-topleft .ibiz-anchor-container__anchor{align-self:start}.ibiz-anchor-container.is-topright{flex-direction:row-reverse}.ibiz-anchor-container.is-topright .ibiz-anchor-container__anchor{align-self:start}.ibiz-anchor-container.is-middleleft .ibiz-anchor-container__anchor{align-self:center}.ibiz-anchor-container.is-middleright{flex-direction:row-reverse}.ibiz-anchor-container.is-middleright .ibiz-anchor-container__anchor{align-self:center}.ibiz-anchor-container.is-bottomleft .ibiz-anchor-container__anchor{align-self:end}.ibiz-anchor-container.is-bottomright{flex-direction:row-reverse}.ibiz-anchor-container.is-bottomright .ibiz-anchor-container__anchor{align-self:end}.ibiz-anchor-container.is-usermode{flex-direction:column}.ibiz-anchor-container.is-usermode .ibiz-anchor-container__anchor{display:flex;align-items:center;width:100%;min-height:var(--ibiz-anchor-container-min-height);padding:0 var(--ibiz-spacing-base);overflow:auto}.ibiz-anchor-container.is-user2{flex-direction:column-reverse}

package/lib/common/button-list/button-list.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./button-list.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const IBizButtonList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizButtonList",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    buttonsState: {
+      type: Object,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    click: (_e, _actionId) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("button-list");
+    const dropdown = vue.ref();
+    const {
+      uiactionGroup,
+      actionGroupExtractMode
+    } = props.model;
+    const firstIndex = vue.computed(() => {
+      var _a;
+      const index = (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.findIndex((item) => props.buttonsState[item.id].visible);
+      return index === void 0 ? -1 : index;
+    });
+    const buttonStyle = vue.computed(() => {
+      const {
+        itemStyle,
+        detailStyle
+      } = props.model;
+      return itemStyle || detailStyle || "DEFAULT";
+    });
+    const trigger = vue.computed(() => {
+      return actionGroupExtractMode === "ITEMX" && buttonStyle.value === "STYLE2" ? "hover" : "click";
+    });
+    const handleClick = (e, item) => {
+      var _a, _b;
+      e.stopPropagation();
+      (_b = (_a = dropdown.value) == null ? void 0 : _a.handleClose) == null ? void 0 : _b.call(_a);
+      emit("click", e, item.uiactionId);
+    };
+    const handleMoreClick = (e, item) => {
+      if (trigger.value === "hover") {
+        emit("click", e, item.uiactionId);
+      }
+    };
+    const renderButton = (item, disabled = false) => {
+      var _a, _b;
+      if (props.buttonsState[item.id].visible) {
+        return vue.createVNode(vue.resolveComponent("el-button"), {
+          "class": [ns.e("item"), ns.em("item", "".concat((_a = item.id) == null ? void 0 : _a.toLowerCase())), "".concat(((_b = item.sysCss) == null ? void 0 : _b.cssName) || "")],
+          "title": item.tooltip || item.caption,
+          "disabled": props.buttonsState[item.id].disabled || disabled,
+          "onClick": (event) => handleClick(event, item)
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": ns.e("button-content")
+          }, [item.showIcon && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+            "icon": item.sysImage,
+            "class": ns.em("button-content", "icon")
+          }, null), item.showCaption && vue.createVNode("span", {
+            "class": ns.em("button-content", "caption")
+          }, [item.caption])])]
+        });
+      }
+      return null;
+    };
+    const renderActions = () => {
+      var _a;
+      return vue.createVNode("div", {
+        "class": ns.e("content")
+      }, [(_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.map((item) => renderButton(item))]);
+    };
+    const renderDropdown = () => {
+      const {
+        id,
+        caption,
+        sysImage
+      } = props.model;
+      return vue.createVNode(vue.resolveComponent("el-dropdown"), {
+        "ref": dropdown,
+        "trigger": trigger.value,
+        "class": [ns.e("dropdown"), ns.em("dropdown", "".concat(buttonStyle.value.toLowerCase()))],
+        "popper-class": [ns.e("dropdown-popper"), ns.em("dropdown-popper", "".concat(buttonStyle.value.toLowerCase())), ns.em("dropdown-popper", "".concat(id == null ? void 0 : id.toLowerCase()))],
+        "popper-options": {
+          modifiers: [{
+            name: "offset",
+            options: {
+              offset: [0, 4]
+            }
+          }]
+        }
+      }, {
+        default: () => {
+          const item = uiactionGroup.uiactionGroupDetails[firstIndex.value];
+          return vue.createVNode(vue.resolveComponent("el-button-group"), null, {
+            default: () => [actionGroupExtractMode === "ITEMX" && item && renderButton(item, props.disabled), (actionGroupExtractMode !== "ITEMX" || item) && vue.createVNode(vue.resolveComponent("el-button"), {
+              "disabled": props.disabled,
+              "class": ns.e("more-button"),
+              "title": actionGroupExtractMode !== "ITEMX" ? caption || ibiz.i18n.t("app.more") : ibiz.i18n.t("app.more"),
+              "onClick": (event) => handleMoreClick(event, item)
+            }, {
+              default: () => [vue.createVNode("div", {
+                "class": ns.e("button-content")
+              }, [actionGroupExtractMode === "ITEMS" ? [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "class": ns.em("button-content", "icon"),
+                "icon": sysImage
+              }, null), caption ? vue.createVNode("span", {
+                "class": ns.em("button-content", "caption")
+              }, [caption]) : null] : vue.createVNode("ion-icon", {
+                "name": "chevron-down-outline",
+                "class": ns.em("button-content", "more")
+              }, null)])]
+            })]
+          });
+        },
+        dropdown: () => vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
+          default: () => {
+            var _a;
+            return [(_a = uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.map((item, index) => {
+              if (props.buttonsState[item.id].visible && (actionGroupExtractMode !== "ITEMX" || index !== firstIndex.value)) {
+                let _slot;
+                return vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, _isSlot(_slot = renderButton(item)) ? _slot : {
+                  default: () => [_slot]
+                });
+              }
+              return null;
+            })];
+          }
+        })
+      });
+    };
+    return {
+      ns,
+      buttonStyle,
+      renderDropdown,
+      renderActions
+    };
+  },
+  render() {
+    var _a;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.model.id), this.ns.m(this.buttonStyle.toLowerCase()), this.ns.m((_a = this.model.actionGroupExtractMode) == null ? void 0 : _a.toLowerCase())],
+      "style": this.model.cssStyle
+    }, [this.model.actionGroupExtractMode === "ITEM" ? this.renderActions() : this.renderDropdown()]);
+  }
+});
+
+exports.IBizButtonList = IBizButtonList;

package/lib/common/button-list/button-list.css

@@ -0,0 +1 @@
+.ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__button-content{display:flex;align-items:center}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);font-size:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{width:100%;display:flex;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{padding-left:0;padding-right:0;width:32px}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular)}.ibiz-button-list__dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item{padding:var(--ibiz-spacing-none)}.ibiz-button-list__dropdown-popper .el-button{--el-button-active-bg-color:transparent;--el-button-hover-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;width:100%;display:block;text-align:left;border-radius:0;padding:var(--ibiz-button-list-popover-button-padding);margin:var(--ibiz-button-list-popover-button-margin);font-size:var(--ibiz-button-list-popover-button-font-size)}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}

package/lib/common/custom-theme/custom-theme.controller.cjs

@@ -41,10 +41,9 @@ class CustomThemeController {
         color: "#557da5"
       },
       {
-        codeName: "studio_dark",
+        codeName: "dark",
         label: "\u6697\u8272",
-        labelLang: "studio_dark",
-        color: "#37373d"
+        color: "#1c1c1c"
       }
     ]);
     this.model = customThemeModel.predefineThemeVars;

package/lib/common/index.cjs

@@ -30,6 +30,8 @@ var quickEdit = require('./quick-edit/quick-edit.cjs');
 var fullscreenToolbar = require('./fullscreen-toolbar/fullscreen-toolbar.cjs');
 var pqlEditor = require('./pql-editor/pql-editor.cjs');
 var customFilterCondition = require('./custom-filter-condition/custom-filter-condition.cjs');
+var anchorContainer = require('./anchor-container/anchor-container.cjs');
+var buttonList = require('./button-list/button-list.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -73,6 +75,8 @@ const IBizCommonComponents = {
     v.component(fullscreenToolbar.IBizFullscreenToolbar.name, fullscreenToolbar.IBizFullscreenToolbar);
     v.component(pqlEditor.IBizPqlEditor.name, pqlEditor.IBizPqlEditor);
     v.component(customFilterCondition.IBizCustomFilterCondition.name, customFilterCondition.IBizCustomFilterCondition);
+    v.component(anchorContainer.IBizAnchorContainer.name, anchorContainer.IBizAnchorContainer);
+    v.component(buttonList.IBizButtonList.name, buttonList.IBizButtonList);
   }
 };
 

package/lib/common/pagination/pagination.cjs

@@ -25,6 +25,10 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
     totalPages: {
       type: Number || void 0,
       required: false
+    },
+    popperClass: {
+      type: String,
+      required: false
     }
   },
   emits: ["change", "pageSizeChange", "pageRefresh"],
@@ -48,7 +52,8 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       emit("pageRefresh");
     };
     const inputChange = (event) => {
-      event.stopPropagation();
+      var _a;
+      (_a = event.stopPropagation) == null ? void 0 : _a.call(event);
     };
     const calcTotalPages = vue.computed(() => {
       return Math.ceil(props.total / props.size);
@@ -74,6 +79,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       "page-count": !ramda.isNil(this.totalPages) && this.calcTotalPages === this.totalPages ? this.calcTotalPages : this.totalPages,
       "current-page": this.curPage,
       "page-size": this.size,
+      "popper-class": this.popperClass,
       "page-sizes": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
     }, {
       "onUpdate:currentPage": this.onPageChange,

package/lib/common/pql-editor/pql-editor.module.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var editor = require('@wangeditor/editor');
-require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.cjs');
+require('../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.cjs');
 var index = require('./utils/index.cjs');
-var h = require('../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.cjs');
+var h = require('../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.cjs');
 
 "use strict";
 const pqlType = [

package/lib/common/pql-editor/utils/index.cjs

@@ -186,7 +186,7 @@ const generateCustomCond = (items, fields) => {
       const { key, operator, value } = item;
       const symbol = (_a = filterModeMap.get(operator == null ? void 0 : operator.value)) == null ? void 0 : _a.sqlOP;
       const valueText = value == null ? void 0 : value.filter((_v) => _v.type || _v.text).map((_v) => {
-        var _a2, _b2, _c, _d;
+        var _a2, _b2, _c, _d, _e, _f;
         if (_v.type) {
           return "$".concat(JSON.stringify({
             value: (_v == null ? void 0 : _v.value) || "",
@@ -198,9 +198,12 @@ const generateCustomCond = (items, fields) => {
           return "'%".concat(((_b2 = _v.text) == null ? void 0 : _b2.trim()) || "", "%'");
         }
         if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
-          return ((_c = _v.text) == null ? void 0 : _c.trim().replace(/^\[/, "(").replace(/\]$/, ")")) || "";
+          if (((_c = _v.text) == null ? void 0 : _c.startsWith("[")) && _v.text.endsWith("]")) {
+            return "(".concat((_d = _v.text) == null ? void 0 : _d.trim().slice(1, -1).split(",").map((e) => "'".concat(e.trim(), "'")).join(","), ")");
+          }
+          return ((_e = _v.text) == null ? void 0 : _e.trim().replace(/^\[/, "(").replace(/\]$/, ")")) || "";
         }
-        return ((_d = _v.text) == null ? void 0 : _d.trim()) || "";
+        return "'".concat((_f = _v.text) == null ? void 0 : _f.trim(), "'") || "";
       }).join("").replace(/\s+/g, " ");
       const valueStr = value ? "  ".concat(valueText) : "";
       cond += "$".concat(JSON.stringify({
@@ -288,7 +291,7 @@ const parseCustomCond = (cond) => {
 const pqlItemsToPqlNodes = async (items) => {
   const nodes = [];
   items.forEach((item) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (item.type === "condition") {
       const { key, operator, value } = item;
       nodes.push({
@@ -304,35 +307,42 @@ const pqlItemsToPqlNodes = async (items) => {
       if (!(value == null ? void 0 : value.type)) {
         if ((operator == null ? void 0 : operator.value) && InOPs.includes(operator.value)) {
           if ((value == null ? void 0 : value.value) && /^\(.*?\)$/.test(value.value)) {
-            const valueText = value.value.slice(1, value.value.length - 1).trim();
-            let splitArr = valueText.split(/\},\s*/g);
-            splitArr = splitArr.map(
-              (text, i) => i === splitArr.length - 1 ? text : "".concat(text, "}")
-            );
-            if (splitArr.length && splitArr.every((text) => /^\$/.test(text))) {
-              nodes.push({
-                text: "["
-              });
-              splitArr.forEach((text, i) => {
-                let valueObj;
-                try {
-                  valueObj = JSON.parse(text.slice(1));
-                } catch (err) {
-                  valueObj = { caption: text, value: text };
-                }
+            const valueText = value.value.slice(1, -1).trim();
+            if (valueText.startsWith("${") && valueText.endsWith("}")) {
+              let splitArr = valueText.split(/\},\s*/g);
+              splitArr = splitArr.map(
+                (text, i) => i === splitArr.length - 1 ? text : "".concat(text, "}")
+              );
+              if (splitArr.length && splitArr.every((text) => /^\$/.test(text))) {
                 nodes.push({
-                  type: "pql-field-value",
-                  label: valueObj == null ? void 0 : valueObj.caption,
-                  value: valueObj == null ? void 0 : valueObj.value
+                  text: "["
                 });
-                if (i !== splitArr.length - 1) {
+                splitArr.forEach((text, i) => {
+                  let valueObj;
+                  try {
+                    valueObj = JSON.parse(text.slice(1));
+                  } catch (err) {
+                    valueObj = { caption: text, value: text };
+                  }
                   nodes.push({
-                    text: ","
+                    type: "pql-field-value",
+                    label: valueObj == null ? void 0 : valueObj.caption,
+                    value: valueObj == null ? void 0 : valueObj.value
                   });
-                }
-              });
+                  if (i !== splitArr.length - 1) {
+                    nodes.push({
+                      text: ","
+                    });
+                  }
+                });
+                nodes.push({
+                  text: "]"
+                });
+                return;
+              }
+            } else {
               nodes.push({
-                text: "]"
+                text: "[".concat(valueText.replace(/'/g, ""), "]")
               });
               return;
             }
@@ -341,13 +351,13 @@ const pqlItemsToPqlNodes = async (items) => {
         if ((operator == null ? void 0 : operator.value) === runtime.ValueOP.LIKE) {
           if ((value == null ? void 0 : value.value) && value.value.startsWith("'%") && value.value.endsWith("%'")) {
             nodes.push({
-              text: value.value.slice(2, value.value.length - 2)
+              text: value.value.slice(2, -2)
             });
             return;
           }
         }
         nodes.push({
-          text: value == null ? void 0 : value.value
+          text: (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.slice(1, -1)
         });
       } else {
         nodes.push({
@@ -360,8 +370,8 @@ const pqlItemsToPqlNodes = async (items) => {
     if (item.type === "connection") {
       nodes.push({
         type: "pql-field-connection",
-        label: (_a = item.value) == null ? void 0 : _a.label,
-        value: (_b = item.value) == null ? void 0 : _b.value
+        label: (_b = item.value) == null ? void 0 : _b.label,
+        value: (_c = item.value) == null ? void 0 : _c.value
       });
     }
   });