@ibiz-template/vue3-components 0.7.41-alpha.97 → 0.7.41-alpha.99

package/es/editor/upload/use/use-custom-upload.mjs

@@ -1,6 +1,8 @@
 import { RuntimeError } from '@ibiz-template/core';
 import { isString, isNil } from 'lodash-es';
 import { ref } from 'vue';
+import '../../../util/index.mjs';
+import { getRelativePathWithoutRoot } from '../../../util/path-util/path-util.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -45,7 +47,7 @@ function getBody(xhr) {
 }
 let fileId = 1;
 const genFileId = () => Date.now() + 36e5 + fileId++;
-function useCustomUpload(c, options) {
+function useCustomUpload(c, options, emit) {
   const customUpload = (option) => {
     if (typeof XMLHttpRequest === "undefined")
       throw new RuntimeError("XMLHttpRequest is undefined");
@@ -120,25 +122,72 @@ function useCustomUpload(c, options) {
   };
   const handleFolderSelect = (event) => {
     const target = event.target;
-    if (target.files && target.files.length > 0) {
-      const files = Array.from(target.files);
-      for (const file of files) {
-        const rawFile = file;
-        rawFile.uid = genFileId();
-        rawFile.path = file.webkitRelativePath;
+    if (!target.files || target.files.length === 0)
+      return;
+    let files = Array.from(target.files);
+    if (c.hiddenFileRegex) {
+      let regex = null;
+      try {
+        regex = new RegExp(c.hiddenFileRegex);
+      } catch (e) {
+        ibiz.log.warn("hiddenFileRegex invalid: ".concat(c.hiddenFileRegex));
+      }
+      if (regex) {
+        files = files.filter((file) => {
+          const rawFile = file;
+          const relativePathWithoutRoot = getRelativePathWithoutRoot(
+            rawFile.webkitRelativePath
+          );
+          return !regex.test(relativePathWithoutRoot);
+        });
+      }
+    }
+    const promises = [];
+    for (const file of files) {
+      const rawFile = file;
+      rawFile.uid = genFileId();
+      rawFile.path = file.webkitRelativePath;
+      if (options.addCacheCount) {
+        options.addCacheCount();
+      }
+      const promise = new Promise((resolve) => {
         const tempOption = {
           file: rawFile,
           filename: "file",
           method: "post",
-          ...options
+          ...options,
+          onSuccess: (response) => resolve({ status: "ok", data: response }),
+          onError: (error) => resolve({ status: "err", data: error, rawFile })
         };
-        if (options.addCacheCount) {
-          options.addCacheCount();
-        }
         customUpload(tempOption);
-      }
-      target.files = null;
+      });
+      promises.push(promise);
     }
+    emit == null ? void 0 : emit("customAction", { tag: "beforeUpload", data: [...files] });
+    Promise.all(promises).then((results) => {
+      var _a, _b;
+      const successes = [];
+      const errors = [];
+      for (const result of results) {
+        if (result.status === "ok") {
+          successes.push(result);
+        } else {
+          errors.push(result);
+        }
+      }
+      const totalCount = files.length;
+      if (options.drainCacheCount && totalCount > 1) {
+        options.drainCacheCount(totalCount - 1);
+      }
+      if (errors.length > 0) {
+        const firstError = errors[0];
+        (_a = options.onError) == null ? void 0 : _a.call(options, firstError.data, firstError.rawFile);
+      } else {
+        const successData = successes.map((item) => item.data);
+        (_b = options.onSuccess) == null ? void 0 : _b.call(options, successData);
+      }
+    });
+    target.files = null;
   };
   return { customUpload, folderInputRef, selectFolder, handleFolderSelect };
 }

package/es/editor/upload/use/use-iview-upload.mjs

@@ -1,8 +1,10 @@
 import { HttpError } from '@ibiz-template/core';
 import { ref, watch, computed } from 'vue';
+import '../../../util/index.mjs';
+import { getRelativePathWithoutRoot } from '../../../util/path-util/path-util.mjs';
 
 "use strict";
-function useIViewUpload(props, valueChange, c) {
+function useIViewUpload(props, valueChange, c, emit) {
   const files = ref([]);
   const uploadHeaders = ibiz.util.file.getUploadHeaders();
   const headers = ref({ ...uploadHeaders });
@@ -154,7 +156,15 @@ function useIViewUpload(props, valueChange, c) {
   const addCacheCount = () => {
     uploadCache.count += 1;
   };
+  const drainCacheCount = (n) => {
+    uploadCache.count -= n;
+    if (uploadCache.count <= 0) {
+      uploadCache.count = 0;
+      emitValue();
+    }
+  };
   const beforeUpload = (rawFile) => {
+    emit == null ? void 0 : emit("customAction", { tag: "beforeUpload", data: [rawFile] });
     if (rawFile.name.split(".").pop() === "svg") {
       const blobUrl = URL.createObjectURL(rawFile);
       svgBlob.set(rawFile.name, blobUrl);
@@ -170,6 +180,30 @@ function useIViewUpload(props, valueChange, c) {
     return true;
   };
   const onSuccess = (response) => {
+    let hiddenRegex = null;
+    if (c.hiddenFileRegex) {
+      try {
+        hiddenRegex = new RegExp(c.hiddenFileRegex);
+      } catch (e) {
+        ibiz.log.warn("hiddenFileRegex invalid: ".concat(c.hiddenFileRegex));
+      }
+    }
+    if (hiddenRegex && Array.isArray(response)) {
+      response = response.filter((file) => {
+        if (file.path && file.filename && file.path.indexOf(file.filename) > -1) {
+          const relativePathWithoutRoot2 = getRelativePathWithoutRoot(file.path);
+          return !hiddenRegex.test(relativePathWithoutRoot2);
+        }
+        const relativePathWithoutRoot = getRelativePathWithoutRoot(
+          "".concat(file.path, "/").concat(file.filename)
+        );
+        return !hiddenRegex.test(relativePathWithoutRoot);
+      });
+    }
+    emit == null ? void 0 : emit("customAction", {
+      tag: "onSuccess",
+      data: Array.isArray(response) ? response : [response]
+    });
     if (!response) {
       return;
     }
@@ -204,6 +238,10 @@ function useIViewUpload(props, valueChange, c) {
     }
   };
   const onError = (...args) => {
+    emit == null ? void 0 : emit("customAction", {
+      tag: "onError",
+      data: args
+    });
     const error = args[0];
     uploadCache.count -= 1;
     throw new HttpError({
@@ -211,6 +249,10 @@ function useIViewUpload(props, valueChange, c) {
     });
   };
   const onRemove = (file) => {
+    emit == null ? void 0 : emit("customAction", {
+      tag: "onRemove",
+      data: [file]
+    });
     if (props.disabled) {
       return;
     }
@@ -263,7 +305,8 @@ function useIViewUpload(props, valueChange, c) {
     onRemove,
     onSuccess,
     beforeUpload,
-    addCacheCount
+    addCacheCount,
+    drainCacheCount
   };
 }
 

package/es/index.mjs

@@ -186,6 +186,7 @@ export { splitPathToSegments, validateRouteSegments } from './util/user-route-ut
 export { PrintPreviewUtil } from './util/print-preview-util/print-preview-util.mjs';
 export { useContextMenu } from './util/context-menu/context-menu.mjs';
 export { QrcodeUtil } from './util/qrcode-util/qrcode-util.mjs';
+export { getRelativePathWithoutRoot } from './util/path-util/path-util.mjs';
 export { parseHtml } from './util/wang-editor-util/wang-editor-util.mjs';
 export { ArrowLeftBold, ArrowRightBold } from './util/icon/icon.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';

package/es/locale/index.mjs

@@ -47,12 +47,40 @@ class IBizI18n {
     __publicField(this, "langMap", /* @__PURE__ */ new Map());
     this.defaultLang = "zh-CN";
     this.html = document.querySelector("html");
-    const lang = localStorage.getItem("language") || navigator.language || this.defaultLang;
+    const rawLang = localStorage.getItem("language") || this.defaultLang;
+    const lang = this.normalizeLang(rawLang);
     i18n.global.locale.value = lang;
     this.html.setAttribute("lang", lang);
     this.langMap.set("en", () => import('./en/index.mjs'));
     this.langMap.set("zh-CN", () => import('./zh-CN/index.mjs'));
   }
+  /**
+   * 归一化语言标识，兼容不同操作系统/浏览器返回的格式差异
+   * 例如：en-US/en_US -> en，zh-Hans-CN/zh_CN -> zh-CN，zh-Hant-* -> zh-CN
+   *
+   * @author tony001
+   * @date 2026-06-02
+   * @protected
+   * @param {string} lang
+   * @return {*}  {string}
+   */
+  normalizeLang(lang) {
+    if (!lang) {
+      return this.defaultLang;
+    }
+    const tag = lang.replace(/_/g, "-");
+    const lower = tag.toLowerCase();
+    if (lower === "en" || lower.startsWith("en-")) {
+      return "en";
+    }
+    if (lower === "zh" || lower.startsWith("zh-hans") || lower === "zh-cn" || lower === "zh-sg") {
+      return "zh-CN";
+    }
+    if (lower.startsWith("zh-hant") || lower === "zh-tw" || lower === "zh-hk" || lower === "zh-mo") {
+      return "zh-CN";
+    }
+    return tag;
+  }
   /**
    * 初始化加载默认多语言文件
    *

package/es/panel-component/panel-button/panel-button.css

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button>span{pointer-events:none}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-panel-button-padding:var(--ibiz-spacing-tight);width:100%;padding:var(--ibiz-panel-button-padding);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button>span{pointer-events:none}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}

package/es/panel-component/panel-view-header/panel-view-header.css

@@ -1 +1 @@
-.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}.ibiz-panel-view-header .el-tabs__nav-wrap::after{display:none}
+.ibiz-panel-view-header{--ibiz-panel-view-header-height:64px;--ibiz-panel-view-header-border-color:var(--ibiz-color-border);--ibiz-panel-view-header-padding:0 var(--ibiz-spacing-base);width:auto;height:var(--ibiz-panel-view-header-height);border-bottom:1px solid var(--ibiz-panel-view-header-border-color)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:var(--ibiz-panel-view-header-padding)}.ibiz-panel-view-header .el-tabs__nav-wrap::after{display:none}

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +1 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:var(--ibiz-searchform-buttons-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-tight)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}
+.ibiz-searchform-buttons{--ibiz-control-searchform-button-height:40px;--ibiz-control-searchform-button-gap:var(--ibiz-spacing-tight);--ibiz-control-searchform-button-margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-tight);display:flex;gap:var(--ibiz-control-searchform-button-gap);align-items:center;height:var(--ibiz-control-searchform-button-height);margin:var(--ibiz-control-searchform-button-margin)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{--ibiz-control-searchform-button-filter-font-size:var(--ibiz-font-size-header-5);--ibiz-control-searchform-button-filter-gap:var(--ibiz-spacing-extra-tight);position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-control-searchform-button-filter-gap)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:50%;right:0;display:none;font-size:var(--ibiz-control-searchform-button-filter-font-size);transform:translateY(-50%)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,5 +1,5 @@
 import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
 import { ElMessageBox } from 'element-plus';
 import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
@@ -30,6 +30,10 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     var _a, _b;
     const ns = useNamespace("searchform-buttons");
     const c = prop.controller;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c.searchFrom);
     const isDesignPreview = ((_b = (_a = c.panel) == null ? void 0 : _a.context) == null ? void 0 : _b.srfrunmode) === "DESIGN";
     const onSearchButtonClick = () => {
       if (isDesignPreview) {
@@ -59,13 +63,16 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
       onSearchButtonClick,
       onResetButtonClick,
       saveFilterConfirm,
-      onAdvanceSearch
+      onAdvanceSearch,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     let _slot, _slot4;
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.semanticClass("button", this.controller.state), this.ns.m(this.modelData.id), ...this.controller.containerClass],
+      "style": this.semanticStyle("button", this.controller.state)
     }, [this.controller.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
       "onClick": this.onSearchButtonClick
     }, _isSlot(_slot = ibiz.i18n.t("app.search")) ? _slot : {

package/es/util/index.mjs

@@ -21,5 +21,6 @@ export { splitPathToSegments, validateRouteSegments } from './user-route-util/us
 export { PrintPreviewUtil } from './print-preview-util/print-preview-util.mjs';
 export { useContextMenu } from './context-menu/context-menu.mjs';
 export { QrcodeUtil } from './qrcode-util/qrcode-util.mjs';
+export { getRelativePathWithoutRoot } from './path-util/path-util.mjs';
 
 "use strict";

package/es/util/pagination/use-pagination.mjs

@@ -1,3 +1,4 @@
+import { useSemanticNode } from '@ibiz-template/vue3-util';
 import { GridRowState, ControlVO } from '@ibiz-template/runtime';
 import { chunk } from 'lodash-es';
 
@@ -41,7 +42,38 @@ function usePagination(c) {
   function onPageRefresh() {
     c.load();
   }
-  return { onPageChange, onPageSizeChange, onPageRefresh };
+  const { semanticClass, semanticStyle } = useSemanticNode(c);
+  const pageSemantic = {
+    refresh: {
+      class: semanticClass("pagination.refresh"),
+      style: semanticStyle("pagination.refresh")
+    },
+    description: {
+      class: semanticClass("pagination.description"),
+      style: semanticStyle("pagination.description")
+    },
+    item: {
+      class: semanticClass("pagination.item"),
+      style: semanticStyle("pagination.item")
+    },
+    prev: {
+      class: semanticClass("pagination.prev"),
+      style: semanticStyle("pagination.prev")
+    },
+    next: {
+      class: semanticClass("pagination.next"),
+      style: semanticStyle("pagination.next")
+    },
+    sizes: {
+      class: semanticClass("pagination.sizes"),
+      style: semanticStyle("pagination.sizes")
+    },
+    jump: {
+      class: semanticClass("pagination.jump"),
+      style: semanticStyle("pagination.jump")
+    }
+  };
+  return { pageSemantic, onPageChange, onPageSizeChange, onPageRefresh };
 }
 
 export { usePagination };

package/es/util/path-util/path-util.mjs

@@ -0,0 +1,14 @@
+"use strict";
+const getRelativePathWithoutRoot = (webkitRelativePath) => {
+  if (!webkitRelativePath) {
+    return "";
+  }
+  const pathParts = webkitRelativePath.split("/");
+  if (pathParts.length > 1) {
+    pathParts.shift();
+    return pathParts.join("/");
+  }
+  return webkitRelativePath;
+};
+
+export { getRelativePathWithoutRoot };

package/lib/common/high-light-code/high-light-code-util.cjs

@@ -76,7 +76,6 @@ const highlight = (src) => {
   src = normalizeFunctionBody(src);
   let result = "";
   let i = 0;
-  console.log(src);
   while (i < src.length) {
     if (src[i] === "/" && src[i + 1] === "/") {
       let j = i;

package/lib/common/map-chart/map-chart.cjs

@@ -33,6 +33,10 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("map-chart");
+    const {
+      semanticClass,
+      semanticStyle
+    } = vue3Util.useSemanticNode(props.controller);
     const options = vue.computed(() => {
       return ramda.mergeDeepWithKey((_key, x, z) => {
         return ramda.isNil(z) ? x : z;
@@ -199,6 +203,8 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       ns,
       chartRef,
       historyNames,
+      semanticClass,
+      semanticStyle,
       goBack
     };
   },
@@ -209,7 +215,8 @@ const IBizMapChart = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "class": this.ns.e("goback"),
+      "style": this.semanticStyle("goback"),
+      "class": [this.ns.e("goback"), this.semanticClass("goback")],
       "onClick": () => {
         this.goBack();
       }

package/lib/common/map-chart/map-chart.css

@@ -1 +1 @@
-.ibiz-map-chart{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}
+.ibiz-map-chart{--ibiz-control-map-goback-gap:6px;--ibiz-control-map-goback-size:100px;--ibiz-control-map-goback-text-color:var(--ibiz-color-link);--ibiz-control-map-goback-font-size:var(--ibiz-font-size-header-4);position:relative;min-width:300px;min-height:300px}.ibiz-map-chart__chart{width:100%;height:100%}.ibiz-map-chart__goback{position:absolute;top:60px;right:0;width:var(--ibiz-control-map-goback-size);height:var(--ibiz-control-map-goback-size);font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}

package/lib/common/map-chart-user/map-chart-user.cjs

@@ -33,6 +33,10 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("map-chart-user");
+    const {
+      semanticClass,
+      semanticStyle
+    } = vue3Util.useSemanticNode(props.controller);
     const c = props.controller;
     let option = mapChartUser_util.defaultOpts;
     const mapRef = vue.ref();
@@ -144,12 +148,14 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return {
-      ns,
       c,
+      ns,
       mapRef,
+      isFull,
       chartRef,
       historyNames,
-      isFull,
+      semanticClass,
+      semanticStyle,
       onBack,
       toggleFullScreen
     };
@@ -163,8 +169,9 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       "ref": "mapRef"
     }, [enabledFullScreen ? vue.createVNode(vue.resolveComponent("el-button"), {
       "type": "info",
-      "class": this.ns.e("fullscreen"),
       "onClick": this.toggleFullScreen,
+      "style": this.semanticStyle("fullscreen"),
+      "class": [this.ns.e("fullscreen"), this.semanticClass("fullscreen")],
       "title": this.isFull ? ibiz.i18n.t("app.cancelFullscreen") : ibiz.i18n.t("app.fullscreen")
     }, {
       default: () => [vue.createVNode("ion-icon", {
@@ -174,7 +181,8 @@ const IBizMapChartUser = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("chart"),
       "ref": "chartRef"
     }, null), this.historyNames.length > 1 && vue.createVNode("div", {
-      "class": this.ns.e("goback"),
+      "style": this.semanticStyle("goback"),
+      "class": [this.ns.e("goback"), this.semanticClass("goback")],
       "onClick": () => {
         this.onBack();
       }

package/lib/common/map-chart-user/map-chart-user.css

@@ -1 +1 @@
-.ibiz-map-chart-user{position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:100px;height:100px;font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-link);text-decoration:underline;letter-spacing:6px;cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight);white-space:pre}
+.ibiz-map-chart-user{--ibiz-control-map-goback-gap:6px;--ibiz-control-map-goback-size:100px;--ibiz-control-map-goback-text-color:var(--ibiz-color-link);--ibiz-control-map-goback-font-size:var(--ibiz-font-size-header-4);--ibiz-control-map-fullscreen-position:var(--ibiz-spacing-tight);position:relative;min-width:300px;min-height:300px}.ibiz-map-chart-user__chart{width:100%;height:100%}.ibiz-map-chart-user__goback{position:absolute;top:60px;right:0;width:var(--ibiz-control-map-goback-size);height:var(--ibiz-control-map-goback-size);font-size:var(--ibiz-control-map-goback-font-size);color:var(--ibiz-control-map-goback-text-color);text-decoration:underline;letter-spacing:var(--ibiz-control-map-goback-gap);cursor:pointer}.ibiz-map-chart-user__fullscreen{position:absolute;top:var(--ibiz-control-map-fullscreen-position);right:var(--ibiz-control-map-fullscreen-position);z-index:9}.ibiz-map-chart-user__popper{padding:var(--ibiz-spacing-tight);white-space:pre}

package/lib/common/pagination/pagination.cjs

@@ -33,6 +33,39 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
     mode: {
       type: String,
       default: "default"
+    },
+    semantic: {
+      type: Object,
+      default: () => ({
+        refresh: {
+          class: "",
+          style: ""
+        },
+        description: {
+          class: "",
+          style: ""
+        },
+        item: {
+          class: "",
+          style: ""
+        },
+        prev: {
+          class: "",
+          style: ""
+        },
+        next: {
+          class: "",
+          style: ""
+        },
+        sizes: {
+          class: "",
+          style: ""
+        },
+        jump: {
+          class: "",
+          style: ""
+        }
+      })
     }
   },
   emits: ["change", "pageSizeChange", "pageRefresh"],
@@ -110,7 +143,8 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
       onChange: this.inputChange
     }), {
       default: () => [vue.createVNode("span", {
-        "class": this.ns.b("btn")
+        "class": [this.ns.b("btn"), this.semantic.refresh.class],
+        "style": this.semantic.refresh.style
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "title": core.showTitle(ibiz.i18n.t("app.refresh")),
         "onClick": this.pageRefresh
@@ -118,7 +152,13 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
         default: () => [vue.createVNode("ion-icon", {
           "name": "refresh-outline"
         }, null)]
-      })]), ramda.isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C")]) : null, vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
+      })]), ramda.isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? vue.createVNode("span", {
+        "class": [this.ns.b("desc"), this.semantic.description.class],
+        "style": this.semantic.description.style
+      }, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C")]) : null, vue.createVNode("span", {
+        "class": [this.ns.b("desc"), this.semantic.description.class],
+        "style": this.semantic.description.style
+      }, [ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
     })]);
   }
 });

package/lib/common/pagination/pagination.css

@@ -1 +1 @@
-.ibiz-pagination{--ibiz-pagination-text-color:var(--ibiz-color-text-2);--ibiz-pagination-height:50px;--ibiz-pagination-padding:0 var(--ibiz-spacing-base-tight);display:flex;justify-content:flex-end;height:var(--ibiz-pagination-height);padding:var(--ibiz-pagination-padding)}.ibiz-pagination .el-pagination{overflow:auto;font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .ibiz-pagination-btn{margin-right:var(--ibiz-spacing-tight)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button ion-icon{width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium)}.ibiz-pagination .el-pagination .btn-next,.ibiz-pagination .el-pagination .btn-prev{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li{color:var(--ibiz-pagination-text-color);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pager li.is-active{color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-pagination .el-pagination .el-pagination__sizes{margin-left:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__sizes .el-select .el-input__wrapper{background-color:transparent}.ibiz-pagination .el-pagination .el-pagination__sizes .el-input__inner{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump{color:var(--ibiz-pagination-text-color)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor{border:1px solid var(--ibiz-color-border)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor .el-input__wrapper{background-color:transparent}.ibiz-pagination-simple .el-pager .number{display:none}.ibiz-pagination-simple .el-pager .number.is-active{display:block}.ibiz-pagination-simple .el-pager .more{display:none}
+.ibiz-pagination{--ibiz-pagination-font-size:var(--ibiz-font-size-regular);--ibiz-pagination-font-weight:var(--ibiz-font-weight-regular);--ibiz-pagination-color:var(--ibiz-color-text-2);--ibiz-pagination-height:50px;--ibiz-pagination-padding:0 var(--ibiz-spacing-base-tight);--ibiz-pagination-item-color:var(--ibiz-pagination-color);--ibiz-pagination-item-active-color:var(--ibiz-color-primary-text);--ibiz-pagination-item-active-bg-color:var(--ibiz-color-primary);--ibiz-pagination-item-gap:var(--ibiz-spacing-tight);--ibiz-pagination-item-border:1px solid var(--ibiz-color-border);--ibiz-pagination-item-icon-size:var(--ibiz-width-icon-medium);display:flex;justify-content:flex-end;height:var(--ibiz-pagination-height);padding:var(--ibiz-pagination-padding)}.ibiz-pagination .el-pagination{overflow:auto;font-size:var(--ibiz-pagination-font-size);font-weight:var(--ibiz-pagination-font-weight);color:var(--ibiz-pagination-color)}.ibiz-pagination .el-pagination .ibiz-pagination-btn{margin-right:var(--ibiz-pagination-item-gap)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button{color:var(--ibiz-pagination-item-color);border:var(--ibiz-pagination-item-border)}.ibiz-pagination .el-pagination .ibiz-pagination-btn .el-button ion-icon{width:var(--ibiz-pagination-item-icon-size);height:var(--ibiz-pagination-item-icon-size)}.ibiz-pagination .el-pagination .btn-next,.ibiz-pagination .el-pagination .btn-prev{border:var(--ibiz-pagination-item-border)}.ibiz-pagination .el-pagination .el-pager li{color:var(--ibiz-pagination-item-color);border:var(--ibiz-pagination-item-border)}.ibiz-pagination .el-pagination .el-pager li.is-active{color:var(--ibiz-pagination-item-active-color);background-color:var(--ibiz-pagination-item-active-bg-color)}.ibiz-pagination .el-pagination .el-pagination__sizes{margin-left:var(--ibiz-pagination-item-gap);border:var(--ibiz-pagination-item-border)}.ibiz-pagination .el-pagination .el-pagination__sizes .el-select .el-input__wrapper{background-color:transparent}.ibiz-pagination .el-pagination .el-pagination__sizes .el-input__inner{color:var(--ibiz-pagination-item-color)}.ibiz-pagination .el-pagination .el-pagination__jump{color:var(--ibiz-pagination-item-color)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor{border:var(--ibiz-pagination-item-border)}.ibiz-pagination .el-pagination .el-pagination__jump .el-pagination__editor .el-input__wrapper{background-color:transparent}.ibiz-pagination-simple .el-pager .number{display:none}.ibiz-pagination-simple .el-pager .number.is-active{display:block}.ibiz-pagination-simple .el-pager .more{display:none}

package/lib/common/rawitem/rawitem.cjs

@@ -271,6 +271,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       }
       if (this.rawItemType === "DIVIDER") {
         return vue.createVNode(vue.resolveComponent("el-divider"), {
+          "class": this.ns.e("divider"),
           "content-position": this.dividerParams.contentPosition
         }, {
           default: () => [vue.createVNode("span", {
@@ -280,6 +281,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       }
       if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
         return vue.createVNode(vue.resolveComponent("el-alert"), {
+          "class": this.ns.e("alert"),
           "title": this.alertParams.title,
           "type": this.alertParams.type,
           "show-icon": this.alertParams.showIcon,

package/lib/common/rawitem/rawitem.css

@@ -1 +1 @@
-.ibiz-rawitem{width:100%;height:100%;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-editor-default-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .el-alert{margin:var(--ibiz-spacing-extra-tight) 0}
+.ibiz-rawitem{--ibiz-rawitem-text-color:var(--ibiz-editor-default-text-color);--ibiz-rawitem-font-size:var(--ibiz-font-size-regular);--ibiz-rawitem-alert-margin:var(--ibiz-spacing-extra-tight) 0;--ibiz-rawitem-divider-margin:var(--ibiz-spacing-loose) 0;width:100%;height:100%;font-size:var(--ibiz-rawitem-font-size);color:var(--ibiz-rawitem-text-color)}.ibiz-rawitem .ibiz-icon{width:100%;height:100%}.ibiz-rawitem .el-alert{margin:var(--ibiz-rawitem-alert-margin)}.ibiz-rawitem .el-divider--horizontal{margin:var(--ibiz-rawitem-divider-margin)}

package/lib/common/sort-bar/sort-bar.cjs

@@ -11,6 +11,13 @@ const IBizSortBar = /* @__PURE__ */ vue.defineComponent({
     sortItems: {
       type: Array,
       required: true
+    },
+    semantic: {
+      type: Object,
+      default: () => ({
+        class: "",
+        style: ""
+      })
     }
   },
   emits: {
@@ -44,7 +51,8 @@ const IBizSortBar = /* @__PURE__ */ vue.defineComponent({
     }, [this.sortItems.length > 0 && this.sortItems.map((item) => {
       return vue.createVNode("div", {
         "onClick": () => this.onItemClick(item),
-        "class": [this.ns.b("item"), item.order === "asc" ? this.ns.bm("item", "asc") : "", item.order === "desc" ? this.ns.bm("item", "desc") : ""]
+        "class": [this.ns.b("item"), item.order === "asc" ? this.ns.bm("item", "asc") : "", item.order === "desc" ? this.ns.bm("item", "desc") : "", this.semantic.class],
+        "style": this.semantic.style
       }, [item.caption, vue.createVNode("div", {
         "class": this.ns.b("icon-wrapper")
       }, [vue.createVNode("i", {

package/lib/common/sort-bar/sort-bar.css

@@ -1 +1 @@
-.ibiz-sort-bar{--ibiz-sort-bar-icon-color:var(--ibiz-color-disabled-text);--ibiz-sort-bar-border-radius:var(--ibiz-border-radius-small);display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-sort-bar-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin-right:-1px;font-size:var(--ibiz-font-size-regular);line-height:1;color:var(--ibiz-color-text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--ibiz-color-bg-1);border:1px solid var(--ibiz-color-border)}.ibiz-sort-bar-item:first-child{border-top-left-radius:var(--ibiz-sort-bar-border-radius);border-bottom-left-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item:last-child{border-top-right-radius:var(--ibiz-sort-bar-border-radius);border-bottom-right-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item--asc .ibiz-sort-bar-icon-wrapper__icon-asc{border-bottom-color:var(--ibiz-color-primary)}.ibiz-sort-bar-item--desc .ibiz-sort-bar-icon-wrapper__icon-desc{border-top-color:var(--ibiz-color-primary)}.ibiz-sort-bar-icon-wrapper{position:relative;display:inline-block;width:10px;height:14px;margin-left:var(--ibiz-spacing-tight);vertical-align:middle}.ibiz-sort-bar-icon-wrapper__icon-asc{position:absolute;top:-5px;left:0;width:0;height:0;border:solid 5px transparent;border-bottom-color:var(--ibiz-sort-bar-icon-color)}.ibiz-sort-bar-icon-wrapper__icon-desc{position:absolute;bottom:-3px;left:0;width:0;height:0;border:solid 5px transparent;border-top-color:var(--ibiz-sort-bar-icon-color)}
+.ibiz-sort-bar{--ibiz-sort-bar-border-radius:var(--ibiz-border-radius-small);--ibiz-sort-bar-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-sort-bar-item-text-color:var(--ibiz-color-text-2);--ibiz-sort-bar-item-font-size:var(--ibiz-font-size-regular);--ibiz-sort-bar-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-sort-bar-item-bg-color:var(--ibiz-color-bg-1);--ibiz-sort-bar-item-active-color:var(--ibiz-color-primary);--ibiz-sort-bar-item-icon-color:var(--ibiz-color-disabled-text);--ibiz-sort-bar-item-border-color:var(--ibiz-control-dataview-border-color);--ibiz-sort-bar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-sort-bar-padding)}.ibiz-sort-bar-item{padding:var(--ibiz-sort-bar-item-padding);margin-right:-1px;font-size:var(--ibiz-sort-bar-item-font-size);font-weight:var(--ibiz-sort-bar-item-font-weight);line-height:1;color:var(--ibiz-sort-bar-item-text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--ibiz-sort-bar-item-bg-color);border:1px solid var(--ibiz-sort-bar-item-border-color)}.ibiz-sort-bar-item:first-child{border-top-left-radius:var(--ibiz-sort-bar-border-radius);border-bottom-left-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item:last-child{border-top-right-radius:var(--ibiz-sort-bar-border-radius);border-bottom-right-radius:var(--ibiz-sort-bar-border-radius)}.ibiz-sort-bar-item--asc .ibiz-sort-bar-icon-wrapper__icon-asc{border-bottom-color:var(--ibiz-sort-bar-item-active-color)}.ibiz-sort-bar-item--desc .ibiz-sort-bar-icon-wrapper__icon-desc{border-top-color:var(--ibiz-sort-bar-item-active-color)}.ibiz-sort-bar-icon-wrapper{position:relative;display:inline-block;width:10px;height:14px;margin-left:var(--ibiz-spacing-tight);vertical-align:middle}.ibiz-sort-bar-icon-wrapper__icon-asc{position:absolute;top:-5px;left:0;width:0;height:0;border:solid 5px transparent;border-bottom-color:var(--ibiz-sort-bar-item-icon-color)}.ibiz-sort-bar-icon-wrapper__icon-desc{position:absolute;bottom:-3px;left:0;width:0;height:0;border:solid 5px transparent;border-top-color:var(--ibiz-sort-bar-item-icon-color)}