@das-fed/upf-ui 6.4.0-dev.247 → 6.4.0-dev.249

package/packages/components/tree-select/src/hooks/use-tree-select.d.ts

@@ -43,6 +43,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -111,6 +115,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -172,6 +180,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -179,7 +191,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -246,6 +258,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
             readonly inputAttrs?: any;
             readonly showSelectAll?: boolean | undefined;
+            readonly optionPaging?: boolean | undefined;
+            readonly optionPageSize?: number | undefined;
+            readonly optionPagingDebug?: boolean | undefined;
+            readonly largeSelectionCollapseThreshold?: number | undefined;
             readonly onBlur?: ((val: any) => any) | undefined;
             readonly onChange?: ((currValue: any, options: any) => any) | undefined;
             readonly onFocus?: ((val: any) => any) | undefined;
@@ -314,6 +330,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             maxTagsLength: number;
             isExterControlCount: boolean;
             showSelectAll: boolean;
+            optionPaging: boolean;
+            optionPageSize: number;
+            optionPagingDebug: boolean;
+            largeSelectionCollapseThreshold: number;
         }, {}, string, {}, {
             VNodes: (_: any, { attrs }: Omit<{
                 attrs: {
@@ -375,6 +395,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         maxTagsLength: number;
         isExterControlCount: boolean;
         showSelectAll: boolean;
+        optionPaging: boolean;
+        optionPageSize: number;
+        optionPagingDebug: boolean;
+        largeSelectionCollapseThreshold: number;
     }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
@@ -382,7 +406,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll")> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "mode" | "error" | "disabled" | "width" | "open" | "placeholder" | "modelValue" | "isView" | "fieldNames" | "borderType" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "showArrow" | "getPopupContainer" | "teleported" | "isTooltip" | "preserveLabelWhenMissing" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount" | "showSelectAll" | "optionPaging" | "optionPageSize" | "optionPagingDebug" | "largeSelectionCollapseThreshold")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {

package/packages/components/tree-table/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree-table/style.css';
 import { defineComponent as he, mergeModels as ee, ref as U, useModel as re, computed as V, watch as le, openBlock as K, createElementBlock as $, normalizeClass as ie, normalizeStyle as j, createElementVNode as N, toDisplayString as x, renderSlot as I, createCommentVNode as w, Fragment as G, renderList as J, createBlock as Q, unref as E, withCtx as F, createTextVNode as S, withDirectives as M, createVNode as W, vShow as H } from "vue";
 import { withInstall as ke } from "@das-fed/upf-utils/with-install/index";
 import { DasTree as ve } from "@das-fed/upf-ui/packages/components/tree/index";
@@ -7,7 +6,9 @@ import { DasCheckbox as X } from "@das-fed/upf-ui/packages/components/checkbox/i
 import { vOverlay as te } from "@das-fed/upf-ui/packages/components/overlay/index";
 import { DasEmpty as be } from "@das-fed/upf-ui/packages/components/empty/index";
 import { DasSpin as ge } from "@das-fed/upf-ui/packages/components/spin/index";
-import { treeFind as me, flatTree as ae } from "@das-fed/upf-utils/common-tools";
+import { treeFind as me, flatTree as ae } from "@das-fed/upf-utils/common-tools"
+import '@das-fed/upf-ui/packages/components/tree-table/style.css';
+;
 const Ce = (t, R, c, i, b, A, v) => ({ linkCheck: (T, k, g, y, L) => {
   let u = null;
   if (g ? u = (n) => {

package/packages/components/tree-v2/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree-v2/style.css';
 import { defineComponent as fn, computed as ae, openBlock as Y, createElementBlock as se, normalizeStyle as sn, createElementVNode as Ze, renderSlot as be, shallowReactive as Yl, shallowRef as kd, createBlock as Je, resolveDynamicComponent as xa, useCssVars as Pd, useAttrs as Xl, ref as Z, onMounted as Tn, onBeforeMount as Ld, unref as P, mergeProps as Cr, withCtx as Ke, createVNode as Ht, normalizeClass as vt, Fragment as it, createTextVNode as ht, toDisplayString as tt, createCommentVNode as ne, nextTick as Ie, Teleport as Md, getCurrentScope as Nd, onScopeDispose as jd, getCurrentInstance as ql, watch as rt, createSlots as hr, withDirectives as at, onBeforeUnmount as Zl, onUnmounted as zd, pushScopeId as Rd, popScopeId as Bd, withScopeId as Fd, markRaw as Hd, resolveComponent as Kd, resolveDirective as Vd, renderList as qr, toHandlers as Ud, isRef as Wd, withModifiers as Pn, vShow as Gd } from "vue";
 import { withInstall as Jl } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as Wi, t as dt, setI18nRule as Yd } from "@das-fed/upf-web/packages/i18n/index";
@@ -18,7 +17,9 @@ import { arrUnique as yr, treeFind as rf } from "@das-fed/upf-utils/common-tools
 import "element-plus/es/components/loading/style/css";
 import { DomWatcher as of } from "@das-fed/upf-utils/dom-watcher";
 import { DasMessage as af } from "@das-fed/upf-ui/packages/components/message/index";
-import { SizeWatcher as sf } from "@das-fed/upf-utils/size-watcher";
+import { SizeWatcher as sf } from "@das-fed/upf-utils/size-watcher"
+import '@das-fed/upf-ui/packages/components/tree-v2/style.css';
+;
 const lf = ["innerHTML"], cf = /* @__PURE__ */ fn({
   __name: "base-icon",
   props: {

package/packages/components/tree-v2/style.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.das-icon{--color: inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit;font-style:normal}.das-icon svg{height:1em!important;width:1em!important}.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--v65704ba4);-webkit-line-clamp:var(--v65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}/*! 
+@charset "UTF-8";.das-icon{--color: inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;fill:currentColor;color:var(--color);font-size:inherit;font-style:normal}.das-icon svg{height:1em!important;width:1em!important}.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--v65704ba4);-webkit-line-clamp:var(--v65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}/*! 
 * OverlayScrollbars
 * Version: 2.6.1
 * 

package/packages/components/upload/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/upload/style.css';
 import { withInstall as G } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as K, t as g, setI18nRule as P } from "@das-fed/upf-web/packages/i18n/index";
 import { useAttrs as q, computed as $, defineComponent as H, openBlock as u, createElementBlock as v, Fragment as J, createVNode as h, unref as t, mergeProps as O, isRef as A, withCtx as m, renderSlot as V, createElementVNode as p, withDirectives as b, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as M, vShow as B } from "vue";
@@ -12,7 +11,9 @@ import { DasAutoRegisterIcon as ee } from "@das-fed/upf-ui/packages/components/i
 import { DasMessage as te } from "@das-fed/upf-ui/packages/components/message/index";
 import { getFileExtension as oe } from "@das-fed/upf-utils/common-tools";
 import { useModelValue as x } from "@das-fed/upf-utils/vue";
-import "@das-fed/upf-ui/packages/global/theme";
+import "@das-fed/upf-ui/packages/global/theme"
+import '@das-fed/upf-ui/packages/components/upload/style.css';
+;
 const ae = (e) => {
   const o = ["B", "KB", "M", "G"];
   let c = 0;

package/packages/components/virtual-tree/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/virtual-tree/style.css';
 import { defineComponent as k, openBlock as d, createElementBlock as f, createElementVNode as v, renderSlot as x, createTextVNode as H, toDisplayString as B, createStaticVNode as A, ref as u, useAttrs as P, watch as h, h as y, normalizeClass as J, createVNode as K, unref as $, mergeProps as L, withCtx as g, createBlock as T, computed as m, onMounted as W, onBeforeUnmount as U, normalizeStyle as j, Fragment as E, createCommentVNode as D, createSlots as q, nextTick as G } from "vue";
 import { withInstall as Q } from "@das-fed/upf-utils/with-install/index";
 import { ElTreeV2 as X } from "element-plus";
@@ -10,7 +9,9 @@ import { DasIconLoad as te } from "@das-fed/upf-ui/packages/icons/load/index";
 import "@das-fed/upf-ui/packages/components/icon/index";
 import { DasIconCaretRight as ae } from "@das-fed/upf-ui/packages/icons/caret-right/index";
 import { SizeWatcher as ne } from "@das-fed/upf-utils/size-watcher";
-import { flatTree as z } from "@das-fed/upf-utils/common-tools";
+import { flatTree as z } from "@das-fed/upf-utils/common-tools"
+import '@das-fed/upf-ui/packages/components/virtual-tree/style.css';
+;
 const se = { class: "tree-empty-block" }, ie = { class: "tree-empty-text" }, oe = /* @__PURE__ */ k({
   __name: "empty",
   props: {

package/packages/components/watermark/index.js

@@ -1,8 +1,9 @@
-import '@das-fed/upf-ui/packages/components/watermark/style.css';
 import { defineComponent as n, openBlock as s, createBlock as c, unref as m, mergeProps as p, withCtx as l, renderSlot as _ } from "vue";
 import { ElWatermark as d } from "element-plus";
 import "element-plus/es/components/watermark/style/css";
-import { withInstall as f } from "@das-fed/upf-utils/with-install/index";
+import { withInstall as f } from "@das-fed/upf-utils/with-install/index"
+import '@das-fed/upf-ui/packages/components/watermark/style.css';
+;
 const i = /* @__PURE__ */ n({
   __name: "index",
   setup(e) {

package/packages/global/style/index.js

@@ -1,4 +1,4 @@
-import '@das-fed/upf-ui/packages/global/style/style.css';
+import '@das-fed/upf-ui/packages/global/style/style.css';
 const e = {};
 export {
   e as default

package/packages/global/theme/index.d.ts

@@ -9,7 +9,9 @@ declare global {
         __MFRAME_UPF_UI_THEME_OPTIONS__?: {
             enabled?: boolean;
             presetName?: string;
+            storageKey?: string;
             setThemeAttributes?: boolean;
+            useStoredTheme?: boolean;
         };
     }
 }

package/packages/global/theme/index.js

@@ -1,19 +1,21 @@
-import { ensureDefaultThemeStyle as t } from "@das-fed/upf-utils/theme";
-const i = () => {
-  var e, _;
+import { ensureDefaultThemeStyle as r } from "@das-fed/upf-utils/theme";
+const n = () => {
+  var _, e, t, i;
   typeof window > "u" || (window.__UPF_UI_USED__ = !0, window.__UPF_UI_THEME__ = {
     ...window.__UPF_UI_THEME__ || {},
-    ensureDefaultThemeStyle: t
-  }, window.__MFRAME_AUTO_UPF_UI_THEME__ && t({
+    ensureDefaultThemeStyle: r
+  }, window.__MFRAME_AUTO_UPF_UI_THEME__ && r({
     includeBridges: !0,
     includeElementAndDasUiBridges: !0,
-    presetName: (e = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : e.presetName,
-    setThemeAttributes: (_ = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : _.setThemeAttributes
+    presetName: (_ = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : _.presetName,
+    storageKey: (e = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : e.storageKey,
+    setThemeAttributes: (t = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : t.setThemeAttributes,
+    useStoredTheme: (i = window.__MFRAME_UPF_UI_THEME_OPTIONS__) == null ? void 0 : i.useStoredTheme
   }));
 };
-i();
-const r = {};
+n();
+const U = {};
 export {
-  r as default,
-  i as registerUpfUiThemeRuntime
+  U as default,
+  n as registerUpfUiThemeRuntime
 };

package/presets/theme-cjb.css

@@ -1,21 +1,26 @@
 :root {
-  --upf-brand-primary: #ffffff;
-  --upf-brand-secondary: #f2f6ff;
   --upf-color-primary: #5582f3;
   --upf-color-primary-bg: #ebf1fe;
   --upf-color-success: #52c41a;
   --upf-color-warning: #faad14;
   --upf-color-error: #ff4d4f;
   --upf-color-info: #1890ff;
-  --upf-text-primary: #212121;
-  --upf-text-secondary: #666666;
   --upf-text-disabled: #B2B2B2;
-  --upf-text-placeholder: #bfbfbf;
   --upf-bg-primary: #ffffff;
   --upf-bg-secondary: #F2F2F2;
   --upf-bg-elevated: #ffffff;
-  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-border-color: #D9D9D9;
+  --upf-nav-border-color: rgba(235, 239, 245, 1);
+  --upf-tab-bg: #ffffff;
+  --upf-tab-text: #666666;
+  --upf-tab-active-bg: #ffffff;
+  --upf-border-radius: 4px;
+  --upf-brand-primary: #ffffff;
+  --upf-brand-secondary: #f2f6ff;
+  --upf-text-primary: #212121;
+  --upf-text-secondary: #666666;
+  --upf-text-placeholder: #bfbfbf;
+  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-divider-color: #ebeff5;
   --upf-nav-bg: #ffffff;
   --upf-nav-text: #212121;
@@ -28,12 +33,8 @@
   --upf-menu-active-bg: #f2f6ff;
   --upf-menu-active-text: #5582f3;
   --upf-menu-submenu-bg: #ffffff;
-  --upf-tab-bg: #ffffff;
-  --upf-tab-text: #666666;
   --upf-tab-hover-bg: #f2f6ff;
-  --upf-tab-active-bg: #ffffff;
   --upf-tab-active-text: #5582f3;
-  --upf-border-radius: 4px;
   --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.12);
   --upf-button-primary: #5582f3;
@@ -218,6 +219,8 @@
   --das-user-manage-white: #ffffff;
   --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
   --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
+  --das-layout-micro-container-bg-color: #e2e7ef;
+  --das-layout-breadcrumb-bg-color: #ffffff;
   --das-ui-font-size-sm: 12px;
   --das-ui-font-size-md: 14px;
   --das-ui-font-size-lg: 16px;
@@ -268,7 +271,7 @@
   --das-ui-upload-border-color: #D9D9D9;
   --das-ui-upload-bgcolor: #F2F2F2;
   --das-ui-search-form-tip-color: #666666;
-  --das-ui-layout-header-menu-border-color: #D9D9D9;
+  --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-header-menu-background-color: #ffffff;
   --das-ui-layout-header-menu-color: #212121;
   --das-ui-layout-header-menu-hover-background-color: #f2f6ff;

package/presets/theme-default.css

@@ -1,21 +1,26 @@
 :root {
-  --upf-brand-primary: #0e5fd8;
-  --upf-brand-secondary: #3579de;
   --upf-color-primary: #5582f3;
   --upf-color-primary-bg: #ebf1fe;
   --upf-color-success: #52c41a;
   --upf-color-warning: #faad14;
   --upf-color-error: #ff4d4f;
   --upf-color-info: #1890ff;
-  --upf-text-primary: #231815;
-  --upf-text-secondary: #666666;
   --upf-text-disabled: #B2B2B2;
-  --upf-text-placeholder: #bfbfbf;
   --upf-bg-primary: #ffffff;
   --upf-bg-secondary: #F2F2F2;
   --upf-bg-elevated: #ffffff;
-  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-border-color: #D9D9D9;
+  --upf-nav-border-color: rgba(235, 239, 245, 1);
+  --upf-tab-bg: #ffffff;
+  --upf-tab-text: #666666;
+  --upf-tab-active-bg: #ffffff;
+  --upf-border-radius: 4px;
+  --upf-brand-primary: #0e5fd8;
+  --upf-brand-secondary: #3579de;
+  --upf-text-primary: #231815;
+  --upf-text-secondary: #666666;
+  --upf-text-placeholder: #bfbfbf;
+  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-divider-color: #ebeff5;
   --upf-nav-bg: #0e5fd8;
   --upf-nav-text: #ffffff;
@@ -28,12 +33,8 @@
   --upf-menu-active-bg: #eef3fe;
   --upf-menu-active-text: #5582f3;
   --upf-menu-submenu-bg: #ffffff;
-  --upf-tab-bg: #ffffff;
-  --upf-tab-text: #666666;
   --upf-tab-hover-bg: #eef3fe;
-  --upf-tab-active-bg: #ffffff;
   --upf-tab-active-text: #5582f3;
-  --upf-border-radius: 4px;
   --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.15);
   --upf-button-primary: #5582f3;
@@ -218,6 +219,8 @@
   --das-user-manage-white: #ffffff;
   --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
   --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
+  --das-layout-micro-container-bg-color: #e2e7ef;
+  --das-layout-breadcrumb-bg-color: #ffffff;
   --das-ui-font-size-sm: 12px;
   --das-ui-font-size-md: 14px;
   --das-ui-font-size-lg: 16px;
@@ -268,7 +271,7 @@
   --das-ui-upload-border-color: #D9D9D9;
   --das-ui-upload-bgcolor: #F2F2F2;
   --das-ui-search-form-tip-color: #666666;
-  --das-ui-layout-header-menu-border-color: #D9D9D9;
+  --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-header-menu-background-color: #0e5fd8;
   --das-ui-layout-header-menu-color: #ffffff;
   --das-ui-layout-header-menu-hover-background-color: #3579de;

package/presets/theme-dkh.css

@@ -1,21 +1,26 @@
 :root {
-  --upf-brand-primary: #eb0e1b;
-  --upf-brand-secondary: #f15760;
   --upf-color-primary: #e63946;
   --upf-color-primary-bg: #fce8ea;
   --upf-color-success: #52c41a;
   --upf-color-warning: #faad14;
   --upf-color-error: #ff4d4f;
   --upf-color-info: #1890ff;
-  --upf-text-primary: #231815;
-  --upf-text-secondary: #666666;
   --upf-text-disabled: #B2B2B2;
-  --upf-text-placeholder: #bfbfbf;
   --upf-bg-primary: #ffffff;
   --upf-bg-secondary: #F2F2F2;
   --upf-bg-elevated: #ffffff;
-  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-border-color: #D9D9D9;
+  --upf-nav-border-color: rgba(235, 239, 245, 1);
+  --upf-tab-bg: #ffffff;
+  --upf-tab-text: #666666;
+  --upf-tab-active-bg: #ffffff;
+  --upf-border-radius: 4px;
+  --upf-brand-primary: #eb0e1b;
+  --upf-brand-secondary: #f15760;
+  --upf-text-primary: #231815;
+  --upf-text-secondary: #666666;
+  --upf-text-placeholder: #bfbfbf;
+  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-divider-color: #ebeff5;
   --upf-nav-bg: #eb0e1b;
   --upf-nav-text: #ffffff;
@@ -28,12 +33,8 @@
   --upf-menu-active-bg: #fce8ea;
   --upf-menu-active-text: #e63946;
   --upf-menu-submenu-bg: #ffffff;
-  --upf-tab-bg: #ffffff;
-  --upf-tab-text: #666666;
   --upf-tab-hover-bg: #fce8ea;
-  --upf-tab-active-bg: #ffffff;
   --upf-tab-active-text: #e63946;
-  --upf-border-radius: 4px;
   --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.12);
   --upf-button-primary: #e63946;
@@ -218,6 +219,8 @@
   --das-user-manage-white: #ffffff;
   --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
   --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
+  --das-layout-micro-container-bg-color: #e2e7ef;
+  --das-layout-breadcrumb-bg-color: #ffffff;
   --das-ui-font-size-sm: 12px;
   --das-ui-font-size-md: 14px;
   --das-ui-font-size-lg: 16px;
@@ -268,7 +271,7 @@
   --das-ui-upload-border-color: #D9D9D9;
   --das-ui-upload-bgcolor: #F2F2F2;
   --das-ui-search-form-tip-color: #666666;
-  --das-ui-layout-header-menu-border-color: #D9D9D9;
+  --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-header-menu-background-color: #eb0e1b;
   --das-ui-layout-header-menu-color: #ffffff;
   --das-ui-layout-header-menu-hover-background-color: rgba(255, 255, 255, 0.3);

package/presets/theme-ssl.css

@@ -1,22 +1,27 @@
 :root {
-  --upf-brand-primary: #1f2346;
-  --upf-brand-secondary: #2d3158;
   --upf-color-primary: #5582f3;
   --upf-color-primary-bg: #ebf1fe;
   --upf-color-success: #52c41a;
   --upf-color-warning: #faad14;
   --upf-color-error: #ff4d4f;
   --upf-color-info: #1890ff;
-  --upf-text-primary: #231815;
-  --upf-text-secondary: #666666;
   --upf-text-disabled: #B2B2B2;
-  --upf-text-placeholder: #b8c0cc;
   --upf-bg-primary: #ffffff;
   --upf-bg-secondary: #F2F2F2;
   --upf-bg-elevated: #ffffff;
-  --upf-bg-mask: rgba(15, 23, 42, 0.45);
   --upf-border-color: #D9D9D9;
-  --upf-divider-color: #ebeff5;
+  --upf-nav-border-color: rgba(235, 239, 245, 0.1);
+  --upf-tab-bg: #ffffff;
+  --upf-tab-text: #666666;
+  --upf-tab-active-bg: #ffffff;
+  --upf-border-radius: 4px;
+  --upf-brand-primary: #1f2346;
+  --upf-brand-secondary: #2d3158;
+  --upf-text-primary: #231815;
+  --upf-text-secondary: #666666;
+  --upf-text-placeholder: #b8c0cc;
+  --upf-bg-mask: rgba(15, 23, 42, 0.45);
+  --upf-divider-color: rgba(235, 239, 245, 1);
   --upf-nav-bg: #1f2346;
   --upf-nav-text: #ffffff;
   --upf-nav-hover-bg: rgba(255, 255, 255, 0.16);
@@ -28,12 +33,8 @@
   --upf-menu-active-bg: #2d3158;
   --upf-menu-active-text: #ffffff;
   --upf-menu-submenu-bg: #171b36;
-  --upf-tab-bg: #ffffff;
-  --upf-tab-text: #666666;
   --upf-tab-hover-bg: #f2f6ff;
-  --upf-tab-active-bg: #ffffff;
   --upf-tab-active-text: #5582f3;
-  --upf-border-radius: 4px;
   --upf-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
   --upf-box-shadow-elevated: 0 10px 28px rgba(35, 41, 75, 0.12);
   --upf-button-primary: #5582f3;
@@ -53,7 +54,7 @@
   --upf-loading-color-1: #1890ff;
   --upf-loading-color-2: #2d3158;
   --upf-loading-color-3: #52c41a;
-  --upf-loading-color-6: #ebeff5;
+  --upf-loading-color-6: rgba(235, 239, 245, 1);
   --upf-message-close: #666666;
   --upf-notification-description-text: #666666;
   --upf-notification-close: #666666;
@@ -130,8 +131,8 @@
   --el-text-color-placeholder: #b8c0cc;
   --el-text-color-disabled: #B2B2B2;
   --el-border-color: #D9D9D9;
-  --el-border-color-light: #ebeff5;
-  --el-border-color-lighter: #ebeff5;
+  --el-border-color-light: rgba(235, 239, 245, 1);
+  --el-border-color-lighter: rgba(235, 239, 245, 1);
   --el-fill-color-blank: #ffffff;
   --el-bg-color: #ffffff;
   --el-bg-color-page: #F2F2F2;
@@ -165,7 +166,7 @@
   --das-ui-tag-list-border-active-color: #5582f3;
   --das-ui-tag-dark-temporary-color: #666666;
   --das-ui-split-panel-color-primary: #5582f3;
-  --das-ui-split-panel-color-line: #ebeff5;
+  --das-ui-split-panel-color-line: rgba(235, 239, 245, 1);
   --das-ui-split-panel-color-btn: #666666;
   --das-ui-tree-table-highlight-color: #5582f3;
   --das-ui-tree-table-header-color: #231815;
@@ -181,7 +182,7 @@
   --das-ui-spin-logo-3-color: #52c41a;
   --das-ui-spin-logo-4-color: #435ead;
   --das-ui-spin-logo-5-color: #5582f3;
-  --das-ui-spin-logo-6-color: #ebeff5;
+  --das-ui-spin-logo-6-color: rgba(235, 239, 245, 1);
   --das-ui-special-range-picker-close-btn: #B2B2B2;
   --das-ui-special-range-picker-close-btn-hover: #666666;
   --das-ui-special-range-picker-color-primary: #5582f3;
@@ -191,7 +192,7 @@
   --das-ui-special-range-picker-header-bgcolor: #F2F2F2;
   --das-ui-special-range-picker-in-range: #f1f5fe;
   --das-ui-special-range-picker-new-range: #e7eefd;
-  --das-ui-special-range-picker-disabled: #ebeff5;
+  --das-ui-special-range-picker-disabled: rgba(235, 239, 245, 1);
   --das-ui-special-range-picker-error: #ff4d4f;
   --das-ui-special-range-picker-overlay-error-bg-color: #ffe6e6;
   --das-ui-special-range-picker-box-shadow-5: rgb(0 0 0 / 5%);
@@ -218,6 +219,8 @@
   --das-user-manage-white: #ffffff;
   --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
   --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
+  --das-layout-micro-container-bg-color: #e2e7ef;
+  --das-layout-breadcrumb-bg-color: #ffffff;
   --das-ui-font-size-sm: 12px;
   --das-ui-font-size-md: 14px;
   --das-ui-font-size-lg: 16px;
@@ -268,7 +271,7 @@
   --das-ui-upload-border-color: #D9D9D9;
   --das-ui-upload-bgcolor: #F2F2F2;
   --das-ui-search-form-tip-color: #666666;
-  --das-ui-layout-header-menu-border-color: #D9D9D9;
+  --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 0.1);
   --das-ui-layout-header-menu-background-color: #1f2346;
   --das-ui-layout-header-menu-color: #ffffff;
   --das-ui-layout-header-menu-hover-background-color: rgba(255, 255, 255, 0.16);
@@ -290,7 +293,7 @@
   --das-ui-layout-aside--item-active-background-color: #2d3158;
   --das-ui-layout-aside-item-hover-color: #ffffff;
   --das-ui-layout-aside-item-hover-background-color: #2d3158;
-  --das-ui-layout-aside-submenu-title-border-color: #ebeff5;
+  --das-ui-layout-aside-submenu-title-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-aside-submenu-vertical-background-color: #171b36;
   --das-ui-layout-aside-submenu-vertical-item-hover-background-color: #2d3158;
   --das-ui-layout-aside-submenu-background-color: #171b36;
@@ -301,14 +304,14 @@
   --das-ui-layout-aside-submenu-item-active-background-color: #2d3158;
   --das-ui-layout-aside-collapse-icon-bg-color: #B2B2B2;
   --das-ui-layout-aside-collapse-icon-hover-bg-color: #ffffff;
-  --das-ui-layout-aside-divise-border-color: #ebeff5;
+  --das-ui-layout-aside-divise-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-aside-menu-expired-color: #B2B2B2;
   --das-ui-layout-aside-menu-top-left-icon-color: #5582f3;
   --das-ui-layout-aside-menu-top-right-icon-color: #666666;
   --upf-primary: #5582f3;
   --upf-text: #231815;
   --upf-surface: #ffffff;
-  --upf-divider: #ebeff5;
+  --upf-divider: rgba(235, 239, 245, 1);
   --upf-nav-item-hover-bg: rgba(255, 255, 255, 0.16);
   --upf-nav-item-active-bg: #5582f3;
   --upf-menu-item-hover-bg: #2d3158;

package/theme-default.css

@@ -1,21 +1,26 @@
 :root {
-  --upf-brand-primary: #0e5fd8;
-  --upf-brand-secondary: #3579de;
   --upf-color-primary: #5582f3;
   --upf-color-primary-bg: #ebf1fe;
   --upf-color-success: #52c41a;
   --upf-color-warning: #faad14;
   --upf-color-error: #ff4d4f;
   --upf-color-info: #1890ff;
-  --upf-text-primary: #231815;
-  --upf-text-secondary: #666666;
   --upf-text-disabled: #B2B2B2;
-  --upf-text-placeholder: #bfbfbf;
   --upf-bg-primary: #ffffff;
   --upf-bg-secondary: #F2F2F2;
   --upf-bg-elevated: #ffffff;
-  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-border-color: #D9D9D9;
+  --upf-nav-border-color: rgba(235, 239, 245, 1);
+  --upf-tab-bg: #ffffff;
+  --upf-tab-text: #666666;
+  --upf-tab-active-bg: #ffffff;
+  --upf-border-radius: 4px;
+  --upf-brand-primary: #0e5fd8;
+  --upf-brand-secondary: #3579de;
+  --upf-text-primary: #231815;
+  --upf-text-secondary: #666666;
+  --upf-text-placeholder: #bfbfbf;
+  --upf-bg-mask: rgba(0, 0, 0, 0.45);
   --upf-divider-color: #ebeff5;
   --upf-nav-bg: #0e5fd8;
   --upf-nav-text: #ffffff;
@@ -28,12 +33,8 @@
   --upf-menu-active-bg: #eef3fe;
   --upf-menu-active-text: #5582f3;
   --upf-menu-submenu-bg: #ffffff;
-  --upf-tab-bg: #ffffff;
-  --upf-tab-text: #666666;
   --upf-tab-hover-bg: #eef3fe;
-  --upf-tab-active-bg: #ffffff;
   --upf-tab-active-text: #5582f3;
-  --upf-border-radius: 4px;
   --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.15);
   --upf-button-primary: #5582f3;
@@ -218,6 +219,8 @@
   --das-user-manage-white: #ffffff;
   --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
   --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
+  --das-layout-micro-container-bg-color: #e2e7ef;
+  --das-layout-breadcrumb-bg-color: #ffffff;
   --das-ui-font-size-sm: 12px;
   --das-ui-font-size-md: 14px;
   --das-ui-font-size-lg: 16px;
@@ -268,7 +271,7 @@
   --das-ui-upload-border-color: #D9D9D9;
   --das-ui-upload-bgcolor: #F2F2F2;
   --das-ui-search-form-tip-color: #666666;
-  --das-ui-layout-header-menu-border-color: #D9D9D9;
+  --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
   --das-ui-layout-header-menu-background-color: #0e5fd8;
   --das-ui-layout-header-menu-color: #ffffff;
   --das-ui-layout-header-menu-hover-background-color: #3579de;