@xiaou66/u-web-ui 0.0.13 → 0.0.14

package/dist/components/switch/SwitchEnable/SwitchEnable.d.ts

@@ -1,9 +1,18 @@
 import { SwitchProps } from 'tdesign-vue-next';
 /**
  * SwitchEnable 组件的 Props 类型
- * 继承 TDesign Switch 的所有 props，但排除 value（因为我们使用 v-model）
+ * 继承 TDesign Switch 的所有 props，包括 value 用于 v-model
  */
-export type SwitchEnableProps = Omit<SwitchProps, 'value'>;
+export interface SwitchEnableProps extends SwitchProps {
+    /**
+     * 开关的值，支持 v-model:value
+     */
+    value?: boolean;
+    /**
+     * 自定义颜色
+     */
+    color?: 'green';
+}
 /**
  * SwitchEnable 组件的 Emits 类型
  */
@@ -17,13 +26,4 @@ export interface SwitchEnableEmits {
         e: Event;
     }];
 }
-/**
- * SwitchEnable 组件的 v-model 类型
- */
-export interface SwitchEnableModel {
-    /**
-     * 开关的值，支持 v-model:value
-     */
-    value: boolean;
-}
 //# sourceMappingURL=SwitchEnable.d.ts.map

package/dist/components/switch/SwitchEnable/SwitchEnable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchEnable.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE;QAAE,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;CACf"}
+{"version":3,"file":"SwitchEnable.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE;QAAE,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;CACjD"}

package/dist/components/switch/SwitchEnable/SwitchEnable.vue.d.ts

@@ -14,6 +14,9 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
         e: Event;
     }) => any) | undefined;
     "onUpdate:value"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}>, {
+    size: "small" | "medium" | "large";
+    color: "green";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=SwitchEnable.vue.d.ts.map

package/dist/components/switch/SwitchEnable/SwitchEnable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchEnable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.vue"],"names":[],"mappings":";AA6CA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAA;AAS1E,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA0BrC,KAAK,iBAAiB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,WAAW,CAAC;;;;;;;;;;;;AAgEhB,wBAOG"}
+{"version":3,"file":"SwitchEnable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchEnable/SwitchEnable.vue"],"names":[],"mappings":";AAyDA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAA;AAS1E,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA+BrC,KAAK,iBAAiB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;AAqEhB,wBAQG"}

package/dist/components/switch/SwitchPlus/SwitchPlus.d.ts

@@ -0,0 +1,119 @@
+/**
+ * SwitchPlus 组件的 Props 类型
+ * 注意：modelValue 通过 defineModel 定义，不在 Props 中
+ */
+export interface SwitchPlusProps {
+    /**
+     * @zh 默认选中状态（非受控状态）
+     * @en Default selected state (uncontrolled state)
+     */
+    defaultChecked?: boolean;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled?: boolean;
+    /**
+     * @zh 是否为加载中状态
+     * @en Whether it is loading state
+     */
+    loading?: boolean;
+    /**
+     * @zh 开关的类型
+     * @en Type of switch
+     * @values 'circle', 'round', 'line'
+     */
+    type?: 'circle' | 'round' | 'line';
+    /**
+     * @zh 开关的大小
+     * @en Size of switch
+     * @defaultValue 'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * @zh 选中时的值
+     * @en Value when checked
+     */
+    checkedValue?: string | number | boolean;
+    /**
+     * @zh 未选中时的值
+     * @en Value when unchecked
+     */
+    uncheckedValue?: string | number | boolean;
+    /**
+     * @zh 选中时的开关颜色
+     * @en The color of the switch when checked
+     */
+    checkedColor?: string;
+    /**
+     * @zh 未选中时的开关颜色
+     * @en The color of the switch when unchecked
+     */
+    uncheckedColor?: string;
+    /**
+     * @zh switch 状态改变前的钩子， 返回 false 或者返回 Promise 且被 reject 则停止切换。
+     * @en before-change hook before the switch state changes. If false is returned or a Promise is returned and then is rejected, will stop switching
+     */
+    beforeChange?: (newValue: string | number | boolean) => Promise<boolean | void> | boolean | void;
+    /**
+     * @zh 打开状态时的文案（`type='line'`和`size='small'`时不生效）
+     * @en Copywriting when opened (not effective when `type='line'` and `size='small'`)
+     */
+    checkedText?: string;
+    /**
+     * @zh 关闭状态时的文案（`type='line'`和`size='small'`时不生效）
+     * @en Copywriting when closed (not effective when `type='line'` and `size='small'`)
+     */
+    uncheckedText?: string;
+}
+/**
+ * SwitchPlus 组件的 Emits 类型
+ * 注意：update:modelValue 由 defineModel 自动处理，不需要手动定义
+ */
+export interface SwitchPlusEmits {
+    /**
+     * @zh 值改变时触发
+     * @en Trigger when the value changes
+     * @param { boolean | string | number } value
+     * @param {Event} ev
+     */
+    'change': [value: boolean | string | number, ev: Event];
+    /**
+     * @zh 组件获得焦点时触发
+     * @en Triggered when the component gets focus
+     * @property {FocusEvent} ev
+     */
+    'focus': [ev: FocusEvent];
+    /**
+     * @zh 组件失去焦点时触发
+     * @en Fired when the component loses focus
+     * @property {FocusEvent} ev
+     */
+    'blur': [ev: FocusEvent];
+}
+/**
+ * SwitchPlus 组件的插槽类型
+ */
+export interface SwitchPlusSlots {
+    /**
+     * @zh 打开状态时的文案（`type='line'`和`size='small'`时不生效）
+     * @en Copywriting when opened (not effective when `type='line'` and `size='small'`)
+     */
+    checked?(): any;
+    /**
+     * @zh 关闭状态时的文案（`type='line'`和`size='small'`时不生效）
+     * @en Copywriting when closed (not effective when `type='line'` and `size='small'`)
+     */
+    unchecked?(): any;
+    /**
+     * @zh 打开状态时，按钮上的图标
+     * @en The icon on the button when opened
+     */
+    'checked-icon'?(): any;
+    /**
+     * @zh 关闭状态时，按钮上的图标
+     * @en The icon on the button when closed
+     */
+    'unchecked-icon'?(): any;
+}
+//# sourceMappingURL=SwitchPlus.d.ts.map

package/dist/components/switch/SwitchPlus/SwitchPlus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlus.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchPlus/SwitchPlus.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,KAChC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAC9C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;IACxD;;;;OAIG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;IAC1B;;;;OAIG;IACH,MAAM,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,IAAI,GAAG,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,IAAI,GAAG,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,IAAI,GAAG,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,IAAI,GAAG,CAAC;CAC1B"}

package/dist/components/switch/SwitchPlus/SwitchPlus.vue.d.ts

@@ -0,0 +1,40 @@
+import { SwitchPlusProps, SwitchPlusSlots } from './SwitchPlus';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = SwitchPlusProps;
+type __VLS_PublicProps = {
+    'value'?: string | number | boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<SwitchPlusSlots> & SwitchPlusSlots;
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    blur: (ev: FocusEvent) => any;
+    change: (value: string | number | boolean, ev: Event) => any;
+    focus: (ev: FocusEvent) => any;
+    "update:value": (value: string | number | boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium";
+    type: "circle" | "round" | "line";
+    disabled: boolean;
+    loading: boolean;
+    defaultChecked: boolean;
+    checkedValue: string | number | boolean;
+    uncheckedValue: string | number | boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SwitchPlus.vue.d.ts.map

package/dist/components/switch/SwitchPlus/SwitchPlus.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlus.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchPlus/SwitchPlus.vue"],"names":[],"mappings":";AA6LA,OAAO,KAAK,EAAE,eAAe,EAAmB,eAAe,EAAE,MAAM,cAAc,CAAC;AAatF,KAAK,WAAW,GAAG,eAAe,CAAC;AA6InC,KAAK,iBAAiB,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACnC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkFT,OAAO,IAA6B;;;;EAKjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;2FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/switch/SwitchPlus/SwitchPlusEnable.vue.d.ts

@@ -0,0 +1,22 @@
+import { SwitchPlusProps } from './SwitchPlus';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = SwitchPlusProps;
+type __VLS_PublicProps = {
+    'value'?: string | number | boolean;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (value: string | number | boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:value"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium";
+    type: "circle" | "round" | "line";
+    disabled: boolean;
+    loading: boolean;
+    defaultChecked: boolean;
+    checkedValue: string | number | boolean;
+    uncheckedValue: string | number | boolean;
+    checkedColor: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;
+//# sourceMappingURL=SwitchPlusEnable.vue.d.ts.map

package/dist/components/switch/SwitchPlus/SwitchPlusEnable.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPlusEnable.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchPlus/SwitchPlusEnable.vue"],"names":[],"mappings":";AA4CA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AASnD,KAAK,WAAW,GAAG,eAAe,CAAC;AA2BnC,KAAK,iBAAiB,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACnC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;AA0EhB,wBASG"}

package/dist/components/switch/SwitchPlus/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SwitchPlus } from './SwitchPlus.vue';
+export { default as SwitchPlusEnable } from './SwitchPlusEnable.vue';
+export * from './SwitchPlus';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/SwitchPlus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchPlus/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAA;AACjB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,cAAc,cAAc,CAAC"}

package/dist/components/switch/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SwitchEnable';
+export * from './SwitchPlus';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/index.es.js

@@ -1,18 +1,18 @@
 import { Aside as e, Avatar as t, Button as n, Content as r, Divider as i, HeadMenu as a, Header as o, Icon as s, Layout as c, Menu as l, MenuItem as u, Submenu as d, Switch as f } from "tdesign-vue-next";
-import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, getCurrentInstance as w, getCurrentScope as T, inject as E, mergeModels as D, mergeProps as O, nextTick as k, normalizeClass as A, normalizeStyle as j, onMounted as M, onScopeDispose as N, onUnmounted as P, openBlock as F, provide as I, reactive as L, ref as R, renderList as z, renderSlot as B, resolveComponent as V, resolveDynamicComponent as ee, toDisplayString as H, toHandlers as U, toRefs as W, toValue as G, unref as K, useAttrs as te, useModel as ne, useTemplateRef as re, watch as ie, withCtx as q, withModifiers as J } from "vue";
+import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, getCurrentInstance as w, getCurrentScope as T, inject as E, mergeModels as D, mergeProps as O, nextTick as k, normalizeClass as A, normalizeStyle as j, onMounted as M, onScopeDispose as N, onUnmounted as P, openBlock as F, provide as I, reactive as L, ref as R, renderList as z, renderSlot as B, resolveComponent as V, resolveDynamicComponent as ee, toDisplayString as H, toHandlers as U, toRefs as W, toValue as G, unref as K, useAttrs as te, useModel as q, useSlots as ne, useTemplateRef as re, watch as ie, withCtx as J, withModifiers as Y } from "vue";
 import { useRoute as ae, useRouter as oe } from "vue-router";
 const se = "u-web";
-function Y(...e) {
+function X(...e) {
 	return se + "-" + e.join("-");
 }
-function X(...e) {
+function Z(...e) {
 	let t = e.join("-");
-	return (...e) => Y(t, ...e);
+	return (...e) => X(t, ...e);
 }
 function ce(e) {
 	return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-const Z = "on", le = [
+const Q = "on", le = [
 	"Capture",
 	"Passive",
 	"Once"
@@ -23,9 +23,9 @@ function de(...e) {
 	if (!t) return !1;
 	let { attrs: n = {}, vnode: r } = t;
 	if (!r) return !1;
-	let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith(Z)), ...Object.keys(i).filter((e) => e.startsWith(Z))];
+	let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith(Q)), ...Object.keys(i).filter((e) => e.startsWith(Q))];
 	for (let t of e) {
-		let e = t.startsWith(Z) ? t : `${Z}${ce(t)}`;
+		let e = t.startsWith(Q) ? t : `${Q}${ce(t)}`;
 		if (a.includes(e)) return !0;
 		for (let t of a) if (t.startsWith(e)) {
 			let n = t.slice(e.length);
@@ -34,22 +34,31 @@ function de(...e) {
 	}
 	return !1;
 }
-var fe = /* @__PURE__ */ C({
+function fe(e) {
+	return typeof e == "function";
+}
+function pe(e) {
+	return e === null;
+}
+function me(e) {
+	return e === void 0;
+}
+var he = /* @__PURE__ */ C({
 	__name: "WebBaseLayout",
 	setup(t) {
 		return (t, n) => {
 			let i = o, a = e, s = r, l = c;
 			return F(), g(l, { class: "h-screen" }, {
-				default: q(() => [t.$slots.header ? (F(), g(i, { key: 0 }, {
-					default: q(() => [B(t.$slots, "header")]),
+				default: J(() => [t.$slots.header ? (F(), g(i, { key: 0 }, {
+					default: J(() => [B(t.$slots, "header")]),
 					_: 3
 				})) : _("", !0), S(l, { class: "min-h-0" }, {
-					default: q(() => [S(a, { width: "auto" }, {
-						default: q(() => [B(t.$slots, "left")]),
+					default: J(() => [S(a, { width: "auto" }, {
+						default: J(() => [B(t.$slots, "left")]),
 						_: 3
-					}), S(l, { class: A(["min-h-0", [K(Y)("main-content")]]) }, {
-						default: q(() => [S(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
-							default: q(() => [B(t.$slots, "default")]),
+					}), S(l, { class: A(["min-h-0", [K(X)("main-content")]]) }, {
+						default: J(() => [S(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
+							default: J(() => [B(t.$slots, "default")]),
 							_: 3
 						})]),
 						_: 3
@@ -60,71 +69,71 @@ var fe = /* @__PURE__ */ C({
 			});
 		};
 	}
-}), pe = fe;
-let Q = /* @__PURE__ */ function(e) {
+}), ge = he;
+let _e = /* @__PURE__ */ function(e) {
 	return e.Refresh = "u:leftMenu:refresh", e;
 }({});
-const me = { refresh: () => {
-	window.dispatchEvent(new CustomEvent(Q.Refresh));
+const ve = { refresh: () => {
+	window.dispatchEvent(new CustomEvent(_e.Refresh));
 } };
-function he(e) {
+function ye(e) {
 	return T() ? (N(e), !0) : !1;
 }
 const $ = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ge = Object.prototype.toString, _e = (e) => ge.call(e) === "[object Object]";
-function ve(e) {
+const be = Object.prototype.toString, xe = (e) => be.call(e) === "[object Object]";
+function Se(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function ye(e) {
+function Ce(e) {
 	let t = /* @__PURE__ */ Object.create(null);
 	return (n) => {
 		let r = t[n];
 		return r || (t[n] = e(n));
 	};
 }
-const be = /\B([A-Z])/g;
-ye((e) => e.replace(be, "-$1").toLowerCase());
-const xe = /-(\w)/g;
-ye((e) => e.replace(xe, (e, t) => t ? t.toUpperCase() : ""));
-function Se(e, t, n) {
+const we = /\B([A-Z])/g;
+Ce((e) => e.replace(we, "-$1").toLowerCase());
+const Te = /-(\w)/g;
+Ce((e) => e.replace(Te, (e, t) => t ? t.toUpperCase() : ""));
+function Ee(e, t, n) {
 	return ie(e, t, {
 		...n,
 		immediate: !0
 	});
 }
-const Ce = $ ? window : void 0;
+const De = $ ? window : void 0;
 $ && window.document, $ && window.navigator, $ && window.location;
-function we(e) {
+function Oe(e) {
 	var t;
 	let n = G(e);
 	return (t = n?.$el) ?? n;
 }
-function Te(...e) {
+function ke(...e) {
 	let t = [], n = () => {
 		t.forEach((e) => e()), t.length = 0;
 	}, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = h(() => {
-		let t = ve(G(e[0])).filter((e) => e != null);
+		let t = Se(G(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
-	}), a = Se(() => {
+	}), a = Ee(() => {
 		var t, n;
 		return [
-			(n = (t = i.value)?.map((e) => we(e))) ?? [Ce].filter((e) => e != null),
-			ve(G(i.value ? e[1] : e[0])),
-			ve(K(i.value ? e[2] : e[1])),
+			(n = (t = i.value)?.map((e) => Oe(e))) ?? [De].filter((e) => e != null),
+			Se(G(i.value ? e[1] : e[0])),
+			Se(K(i.value ? e[2] : e[1])),
 			G(i.value ? e[3] : e[2])
 		];
 	}, ([e, i, a, o]) => {
 		if (n(), !e?.length || !i?.length || !a?.length) return;
-		let s = _e(o) ? { ...o } : o;
+		let s = xe(o) ? { ...o } : o;
 		t.push(...e.flatMap((e) => i.flatMap((t) => a.map((n) => r(e, t, n, s)))));
 	}, { flush: "post" }), o = () => {
 		a(), n();
 	};
-	return he(n), o;
+	return ye(n), o;
 }
 Symbol("vueuse-ssr-width");
-var Ee = /* @__PURE__ */ C({
+var Ae = /* @__PURE__ */ C({
 	__name: "LeftMenu",
 	props: /* @__PURE__ */ D({
 		hideOperations: {
@@ -145,7 +154,7 @@ var Ee = /* @__PURE__ */ C({
 	}),
 	emits: ["update:collapsed"],
 	setup(e, { expose: t }) {
-		let r = e, i = ne(e, "collapsed");
+		let r = e, i = q(e, "collapsed");
 		function a() {
 			i.value = !i.value;
 		}
@@ -165,7 +174,7 @@ var Ee = /* @__PURE__ */ C({
 		function y(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
-		return r.refreshEventListener && Te(document, Q.Refresh, h), t({
+		return r.refreshEventListener && ke(document, _e.Refresh, h), t({
 			changeCollapsed: a,
 			refreshRouter: h
 		}), (e, t) => {
@@ -176,19 +185,19 @@ var Ee = /* @__PURE__ */ C({
 				"onUpdate:collapsed": t[0] ||= (e) => i.value = e,
 				width: ["180px", "52px"]
 			}, b({
-				default: q(() => [(F(!0), v(p, null, z(f.value, (e) => (F(), v(p, { key: String(e.name) }, [y(e).length > 0 ? (F(), g(h, {
+				default: J(() => [(F(!0), v(p, null, z(f.value, (e) => (F(), v(p, { key: String(e.name) }, [y(e).length > 0 ? (F(), g(h, {
 					key: 0,
 					value: String(e.name)
 				}, {
-					icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
-					title: q(() => [x(H(e.meta.title), 1)]),
-					default: q(() => [(F(!0), v(p, null, z(y(e), (e) => (F(), g(m, {
+					icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
+					title: J(() => [x(H(e.meta.title), 1)]),
+					default: J(() => [(F(!0), v(p, null, z(y(e), (e) => (F(), g(m, {
 						key: String(e.name),
 						value: String(e.name),
 						onClick: (t) => _(e)
 					}, {
-						icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
-						default: q(() => [x(" " + H(e.meta.title), 1)]),
+						icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
+						default: J(() => [x(" " + H(e.meta.title), 1)]),
 						_: 2
 					}, 1032, ["value", "onClick"]))), 128))]),
 					_: 2
@@ -197,30 +206,30 @@ var Ee = /* @__PURE__ */ C({
 					value: String(e.name),
 					onClick: (t) => _(e)
 				}, {
-					icon: q(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
-					default: q(() => [x(" " + H(e.meta.title), 1)]),
+					icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
+					default: J(() => [x(" " + H(e.meta.title), 1)]),
 					_: 2
 				}, 1032, ["value", "onClick"]))], 64))), 128))]),
 				_: 2
 			}, [e.hideOperations ? void 0 : {
 				name: "operations",
-				fn: q(() => [S(o, {
+				fn: J(() => [S(o, {
 					variant: "text",
 					shape: "square",
 					onClick: a
 				}, {
-					icon: q(() => [S(r, { name: "view-list" })]),
+					icon: J(() => [S(r, { name: "view-list" })]),
 					_: 1
 				})]),
 				key: "0"
 			}, e.$slots.logo ? {
 				name: "logo",
-				fn: q(() => [B(e.$slots, "logo")]),
+				fn: J(() => [B(e.$slots, "logo")]),
 				key: "1"
 			} : void 0]), 1032, ["value", "collapsed"]);
 		};
 	}
-}), De = Ee, Oe = /* @__PURE__ */ C({
+}), je = Ae, Me = /* @__PURE__ */ C({
 	__name: "ContextMenu",
 	props: { hideOnSelect: {
 		type: Boolean,
@@ -228,7 +237,7 @@ var Ee = /* @__PURE__ */ C({
 	} },
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu"), a = R(), o = R(), s = R(!1), c = L({
+		let n = e, r = t, i = Z("context-menu"), a = R(), o = R(), s = R(!1), c = L({
 			left: "0px",
 			top: "0px"
 		}), l = (e) => {
@@ -265,7 +274,7 @@ var Ee = /* @__PURE__ */ C({
 				ref_key: "triggerRef",
 				ref: a,
 				class: A(K(i)("trigger")),
-				onContextmenu: J(l, ["prevent"])
+				onContextmenu: Y(l, ["prevent"])
 			}, [B(e.$slots, "default")], 34),
 			(F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
 				key: 0,
@@ -273,17 +282,17 @@ var Ee = /* @__PURE__ */ C({
 				ref: o,
 				class: A(K(i)("menu")),
 				style: j(c),
-				onContextmenu: t[0] ||= J(() => {}, ["prevent"])
+				onContextmenu: t[0] ||= Y(() => {}, ["prevent"])
 			}, [B(e.$slots, "content")], 38)) : _("", !0)])),
 			(F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
 				key: 0,
 				class: A(K(i)("mask")),
 				onClick: d,
-				onContextmenu: J(d, ["prevent"])
+				onContextmenu: Y(d, ["prevent"])
 			}, null, 34)) : _("", !0)]))
 		], 64));
 	}
-}), ke = Oe, Ae = /* @__PURE__ */ C({
+}), Ne = Me, Pe = /* @__PURE__ */ C({
 	__name: "ContextMenuItem",
 	props: {
 		label: {},
@@ -300,7 +309,7 @@ var Ee = /* @__PURE__ */ C({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu", "item"), a = E("handleSelect", null), o = (e) => {
+		let n = e, r = t, i = Z("context-menu", "item"), a = E("handleSelect", null), o = (e) => {
 			if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), a) a(n.value, e);
 			else {
 				let t = new CustomEvent("context-menu-select", {
@@ -321,28 +330,28 @@ var Ee = /* @__PURE__ */ C({
 				[K(i)("danger")]: e.danger
 			}]),
 			onClick: o,
-			onContextmenu: J(s, ["prevent", "stop"])
+			onContextmenu: Y(s, ["prevent", "stop"])
 		}, [e.icon ? (F(), v("span", {
 			key: 0,
 			class: A([K(i)("icon"), e.icon])
 		}, H(e.icon), 3)) : _("", !0), y("span", { class: A(K(i)("label")) }, H(e.label), 3)], 34));
 	}
-}), je = Ae, Me = /* @__PURE__ */ C({
+}), Fe = Pe, Ie = /* @__PURE__ */ C({
 	__name: "ContextMenuGroup",
 	props: { title: {} },
 	setup(e) {
-		let t = X("context-menu", "group");
+		let t = Z("context-menu", "group");
 		return (e, n) => (F(), v("div", { class: A(K(t)()) }, [e.title ? (F(), v("div", {
 			key: 0,
 			class: A(K(t)("title"))
 		}, H(e.title), 3)) : _("", !0), B(e.$slots, "default")], 2));
 	}
-}), Ne = Me, Pe = /* @__PURE__ */ C({
+}), Le = Ie, Re = /* @__PURE__ */ C({
 	__name: "ContextMenuDivider",
 	setup(e) {
-		return (e, t) => (F(), v("div", { class: A(K(Y)("context-menu-divider")) }, null, 2));
+		return (e, t) => (F(), v("div", { class: A(K(X)("context-menu-divider")) }, null, 2));
 	}
-}), Fe = Pe, Ie = /* @__PURE__ */ C({
+}), ze = Re, Be = /* @__PURE__ */ C({
 	__name: "ContextMenuSubmenu",
 	props: {
 		label: {},
@@ -354,7 +363,7 @@ var Ee = /* @__PURE__ */ C({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu", "item"), a = X("context-menu", "submenu"), o = X("context-menu", "menu"), s = R(), c = R(), l = R(!1), u = L({
+		let n = e, r = t, i = Z("context-menu", "item"), a = Z("context-menu", "submenu"), o = Z("context-menu", "menu"), s = R(), c = R(), l = R(!1), u = L({
 			left: "0px",
 			top: "0px"
 		}), d = E("handleSelect", null), f = null, p = null, m = !1, h = !1, g = () => {
@@ -431,7 +440,7 @@ var Ee = /* @__PURE__ */ C({
 					[K(a)("active")]: l.value
 				}
 			]),
-			onContextmenu: J(z, ["prevent", "stop"]),
+			onContextmenu: Y(z, ["prevent", "stop"]),
 			onMouseenter: C,
 			onMouseleave: w,
 			onClick: ee
@@ -448,38 +457,38 @@ var Ee = /* @__PURE__ */ C({
 				ref: c,
 				class: A([K(o)(), K(a)("popup")]),
 				style: j(u),
-				onContextmenu: J(V, ["prevent", "stop"]),
+				onContextmenu: Y(V, ["prevent", "stop"]),
 				onMouseenter: T,
 				onMouseleave: D,
 				onContextMenuSelect: N
 			}, [B(e.$slots, "default")], 38)) : _("", !0)
 		], 34));
 	}
-}), Le = Ie, Re = /* @__PURE__ */ C({
+}), Ve = Be, He = /* @__PURE__ */ C({
 	__name: "WebLayout",
 	setup(e) {
 		return (e, t) => {
 			let n = a, r = V("router-view");
-			return F(), g(pe, null, {
-				header: q(() => [S(n, {
+			return F(), g(ge, null, {
+				header: J(() => [S(n, {
 					value: "item1",
 					height: "60px"
 				}, b({ _: 2 }, [e.$slots.logo ? {
 					name: "logo",
-					fn: q(() => [B(e.$slots, "logo")]),
+					fn: J(() => [B(e.$slots, "logo")]),
 					key: "0"
 				} : void 0, e.$slots.operations ? {
 					name: "operations",
-					fn: q(() => [B(e.$slots, "operations")]),
+					fn: J(() => [B(e.$slots, "operations")]),
 					key: "1"
 				} : void 0]), 1024)]),
-				left: q(() => [B(e.$slots, "left", {}, () => [S(K(De))])]),
-				default: q(() => [B(e.$slots, "default", {}, () => [y("div", { class: A([K(Y)("main-content-inner")]) }, [S(r)], 2)])]),
+				left: J(() => [B(e.$slots, "left", {}, () => [S(K(je))])]),
+				default: J(() => [B(e.$slots, "default", {}, () => [y("div", { class: A([K(X)("main-content-inner")]) }, [S(r)], 2)])]),
 				_: 3
 			});
 		};
 	}
-}), ze = Re, Be = /* @__PURE__ */ C({
+}), Ue = He, We = /* @__PURE__ */ C({
 	__name: "SplitPanel",
 	props: {
 		component: { default: "div" },
@@ -500,7 +509,7 @@ var Ee = /* @__PURE__ */ C({
 		"update:size"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = W(n), l = R(0), u = R(), d = R(), f = Y("split-panel"), p = Y("split-trigger"), m = R(o.value);
+		let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = W(n), l = R(0), u = R(), d = R(), f = X("split-panel"), p = X("split-trigger"), m = R(o.value);
 		ie(a, (e) => {
 			e !== void 0 && (m.value = e);
 		}, { immediate: !0 });
@@ -610,7 +619,7 @@ var Ee = /* @__PURE__ */ C({
 			ref: u,
 			class: A(C.value)
 		}, {
-			default: q(() => [
+			default: J(() => [
 				y("div", {
 					class: A([`${K(f)}-pane`, `${K(f)}-pane-first`]),
 					style: j(T.value)
@@ -631,18 +640,18 @@ var Ee = /* @__PURE__ */ C({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Ve = Be, He = /* @__PURE__ */ C({
+}), Ge = We, Ke = /* @__PURE__ */ C({
 	__name: "UtoolsBaseLayout",
 	setup(t) {
 		return (t, n) => {
 			let i = e, a = r, o = c;
 			return F(), g(o, { class: "h-screen min-h-0" }, {
-				default: q(() => [S(i, { width: "auto" }, {
-					default: q(() => [B(t.$slots, "left")]),
+				default: J(() => [S(i, { width: "auto" }, {
+					default: J(() => [B(t.$slots, "left")]),
 					_: 3
-				}), S(o, { class: A(["min-h-0", [K(Y)("utools", "main-content")]]) }, {
-					default: q(() => [S(a, { class: "h-full" }, {
-						default: q(() => [B(t.$slots, "default")]),
+				}), S(o, { class: A(["min-h-0", [K(X)("utools", "main-content")]]) }, {
+					default: J(() => [S(a, { class: "h-full" }, {
+						default: J(() => [B(t.$slots, "default")]),
 						_: 3
 					})]),
 					_: 3
@@ -651,12 +660,12 @@ var Ee = /* @__PURE__ */ C({
 			});
 		};
 	}
-}), Ue = He;
-const We = { class: "utools" }, Ge = { class: "title" }, Ke = { class: "flex justify-end h-full pr-3" }, qe = { class: "content" }, Je = { class: "content-inner" }, Ye = {
+}), qe = Ke;
+const Je = { class: "utools" }, Ye = { class: "title" }, Xe = { class: "flex justify-end h-full pr-3" }, Ze = { class: "content" }, Qe = { class: "content-inner" }, $e = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 };
-var Xe = /* @__PURE__ */ C({
+var et = /* @__PURE__ */ C({
 	__name: "UtoolsLayout",
 	props: {
 		avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
@@ -668,11 +677,11 @@ var Xe = /* @__PURE__ */ C({
 		let n = re("leftMenuRef"), r = R(!0);
 		return (e, i) => {
 			let a = t, o = V("router-view");
-			return F(), v("div", We, [S(Ue, null, {
-				left: q(() => [y("div", { class: A(K(Y)("utools", "left-menu")) }, [y("div", {
-					class: A(["flex items-center justify-center", K(Y)("utools", "left-menu", "collapse")]),
+			return F(), v("div", Je, [S(qe, null, {
+				left: J(() => [y("div", { class: A(K(X)("utools", "left-menu")) }, [y("div", {
+					class: A(["flex items-center justify-center", K(X)("utools", "left-menu", "collapse")]),
 					onClick: i[0] ||= (e) => n.value?.changeCollapsed()
-				}, [y("div", { class: A(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), S(K(De), O({
+				}, [y("div", { class: A(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), S(K(je), O({
 					ref_key: "leftMenuRef",
 					ref: n
 				}, {
@@ -683,19 +692,19 @@ var Xe = /* @__PURE__ */ C({
 					"onUpdate:collapsed": i[1] ||= (e) => r.value = e,
 					hideOperations: ""
 				}), {
-					logo: q(() => [S(a, { image: e.avatar }, null, 8, ["image"]), y("div", Ge, H(e.title), 1)]),
+					logo: J(() => [S(a, { image: e.avatar }, null, 8, ["image"]), y("div", Ye, H(e.title), 1)]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
-				default: q(() => [y("div", { class: A(K(Y)("utools", "content-wrapper")) }, [
-					y("div", Ke, [B(e.$slots, "header-tips")]),
-					y("div", qe, [y("div", Je, [S(o)])]),
-					B(e.$slots, "footer", {}, () => [y("div", Ye, " © " + H((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
+				default: J(() => [y("div", { class: A(K(X)("utools", "content-wrapper")) }, [
+					y("div", Xe, [B(e.$slots, "header-tips")]),
+					y("div", Ze, [y("div", Qe, [S(o)])]),
+					B(e.$slots, "footer", {}, () => [y("div", $e, " © " + H((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
 			})]);
 		};
 	}
-}), Ze = Xe, Qe = /* @__PURE__ */ C({
+}), tt = et, nt = /* @__PURE__ */ C({
 	__name: "PageHeader",
 	props: {
 		title: { default: "" },
@@ -704,7 +713,7 @@ var Xe = /* @__PURE__ */ C({
 	},
 	emits: ["back"],
 	setup(e) {
-		let t = e, r = X("page-header"), a = h(() => {
+		let t = e, r = Z("page-header"), a = h(() => {
 			let e = [r()];
 			return t.size !== "default" && e.push(r(t.size)), e;
 		}), o = h(() => de("onBack"));
@@ -717,7 +726,7 @@ var Xe = /* @__PURE__ */ C({
 					variant: "text",
 					onClick: t[0] ||= (t) => e.$emit("back")
 				}, {
-					icon: q(() => [S(c, { class: "i-u-left" })]),
+					icon: J(() => [S(c, { class: "i-u-left" })]),
 					_: 1
 				}, 8, ["class"])]) : _("", !0),
 				y("div", { class: A(K(r)("title")) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2),
@@ -732,9 +741,9 @@ var Xe = /* @__PURE__ */ C({
 			}, [B(e.$slots, "extra")], 2)) : _("", !0)], 2);
 		};
 	}
-}), $e = Qe;
-const et = { class: "flex justify-between items-center" };
-var tt = /* @__PURE__ */ C({
+}), rt = nt;
+const it = { class: "flex justify-between items-center" };
+var at = /* @__PURE__ */ C({
 	__name: "SettingItem",
 	props: {
 		title: {},
@@ -747,37 +756,39 @@ var tt = /* @__PURE__ */ C({
 	setup(e) {
 		let t = te(), n = h(() => "onClick" in t || "onClickCapture" in t), r = h(() => {
 			let e = [];
-			return e.push(Y("setting-item")), n.value && e.push("cursor-pointer"), e;
+			return e.push(X("setting-item")), n.value && e.push("cursor-pointer"), e;
 		});
-		return (e, t) => (F(), v("div", O({ class: r.value }, U({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [y("div", et, [y("div", null, [y("div", { class: A(["u-fx u-gap5 u-fac", K(Y)("setting-item-title")]) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2), B(e.$slots, "desc", {}, () => [y("div", { class: A(K(Y)("setting-item-desc")) }, H(e.desc), 3)])]), y("div", null, [B(e.$slots, "default")])]), y("div", null, [B(e.$slots, "extra")])], 16));
+		return (e, t) => (F(), v("div", O({ class: r.value }, U({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [y("div", it, [y("div", null, [y("div", { class: A(["u-fx u-gap5 u-fac", K(X)("setting-item-title")]) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2), B(e.$slots, "desc", {}, () => [y("div", { class: A(K(X)("setting-item-desc")) }, H(e.desc), 3)])]), y("div", null, [B(e.$slots, "default")])]), y("div", null, [B(e.$slots, "extra")])], 16));
 	}
-}), nt = tt, rt = /* @__PURE__ */ C({
+}), ot = at, st = /* @__PURE__ */ C({
 	__name: "SettingDivision",
 	setup(e) {
-		return (e, t) => (F(), v("div", { class: A(K(Y)("setting-division")) }, null, 2));
+		return (e, t) => (F(), v("div", { class: A(K(X)("setting-division")) }, null, 2));
 	}
-}), it = rt;
-const at = { key: 0 };
-var ot = /* @__PURE__ */ C({
+}), ct = st;
+const lt = { key: 0 };
+var ut = /* @__PURE__ */ C({
 	__name: "SettingGroup",
 	props: { title: {} },
 	setup(e) {
-		return (e, t) => (F(), v("div", { class: A([K(Y)("setting-group")]) }, [y("div", { class: A(K(Y)("setting-group-header")) }, [y("div", { class: A(K(Y)("setting-group-title")) }, H(e.title), 3), e.$slots.desc ? (F(), v("div", at, [B(e.$slots, "desc")])) : _("", !0)], 2), y("div", null, [B(e.$slots, "default")])], 2));
+		return (e, t) => (F(), v("div", { class: A([K(X)("setting-group")]) }, [y("div", { class: A(K(X)("setting-group-header")) }, [y("div", { class: A(K(X)("setting-group-title")) }, H(e.title), 3), e.$slots.desc ? (F(), v("div", lt, [B(e.$slots, "desc")])) : _("", !0)], 2), y("div", null, [B(e.$slots, "default")])], 2));
 	}
-}), st = ot, ct = /* @__PURE__ */ C({
+}), dt = ut, ft = /* @__PURE__ */ C({
 	name: "SwitchEnable",
 	inheritAttrs: !1,
 	__name: "SwitchEnable",
 	props: /* @__PURE__ */ D({
-		beforeChange: { type: Function },
+		value: { type: Boolean },
+		color: { default: "green" },
+		beforeChange: {},
 		customValue: {},
 		disabled: { type: Boolean },
 		label: {},
 		loading: { type: Boolean },
-		size: {},
+		size: { default: "large" },
 		defaultValue: {},
 		modelValue: {},
-		onChange: { type: Function }
+		onChange: {}
 	}, {
 		value: {
 			type: Boolean,
@@ -787,9 +798,9 @@ var ot = /* @__PURE__ */ C({
 	}),
 	emits: /* @__PURE__ */ D(["change"], ["update:value"]),
 	setup(e, { emit: t }) {
-		let n = ne(e, "value"), r = t, i = (e, t) => {
+		let n = e, r = t, i = q(e, "value"), a = (e, t) => {
 			r("change", e, t);
-		}, a = (e, t) => t.value ? S("span", {
+		}, o = (e, t) => t.value ? S("span", {
 			class: "i-u-check",
 			style: "width: 10px; height: 10px;"
 		}, null) : S("span", {
@@ -798,13 +809,209 @@ var ot = /* @__PURE__ */ C({
 		}, null);
 		return (e, t) => {
 			let r = f;
-			return F(), g(r, O({ size: "large" }, e.$attrs, {
-				value: n.value,
-				"onUpdate:value": t[0] ||= (e) => n.value = e,
-				onChange: i,
-				label: a
-			}), null, 16, ["value"]);
+			return F(), g(r, O({ class: ["u-web-switch", { "u-web-switch-green": n.color === "green" }] }, {
+				...n,
+				value: void 0
+			}, {
+				modelValue: i.value,
+				"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
+				onChange: a,
+				label: o
+			}), null, 16, ["class", "modelValue"]);
 		};
 	}
-}), lt = ct;
-export { ke as ContextMenu, Fe as ContextMenuDivider, Ne as ContextMenuGroup, je as ContextMenuItem, Le as ContextMenuSubmenu, De as LeftMenu, me as LeftMenuEventDispatch, Q as LeftMenuEvents, $e as PageHeader, it as SettingDivision, st as SettingGroup, nt as SettingItem, Ve as SplitPanel, lt as SwitchEnable, Ue as UtoolsBaseLayout, Ze as UtoolsLayout, pe as WebBaseLayout, ze as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, de as isEventExist };
+}), pt = ft;
+const mt = ["aria-checked", "disabled"];
+var ht = /* @__PURE__ */ C({
+	name: "SwitchPlus",
+	__name: "SwitchPlus",
+	props: /* @__PURE__ */ D({
+		defaultChecked: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "circle" },
+		size: { default: "medium" },
+		checkedValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !0
+		},
+		uncheckedValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !1
+		},
+		checkedColor: {},
+		uncheckedColor: {},
+		beforeChange: {},
+		checkedText: {},
+		uncheckedText: {}
+	}, {
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !1
+		},
+		valueModifiers: {}
+	}),
+	emits: /* @__PURE__ */ D([
+		"change",
+		"focus",
+		"blur"
+	], ["update:value"]),
+	setup(e, { emit: t }) {
+		let n = q(e, "value"), r = e, i = t, a = ne(), { size: o } = W(r), s = Z("switch-plus"), c = s(), l = h(() => r.disabled), u = h(() => r.size);
+		n.value === !1 && r.defaultChecked && (n.value = r.checkedValue);
+		let d = h(() => n.value === r.checkedValue), f = R(!1), m = h(() => f.value || r.loading), g = (e, t) => {
+			let a = e ? r.checkedValue : r.uncheckedValue;
+			n.value = a, i("change", a, t);
+		}, b = async (e) => {
+			if (m.value || l.value) return;
+			let t = !d.value, n = t ? r.checkedValue : r.uncheckedValue, i = r.beforeChange;
+			if (fe(i)) {
+				f.value = !0;
+				try {
+					let r = await i(n);
+					(r ?? !0) && g(t, e);
+				} finally {
+					f.value = !1;
+				}
+			} else g(t, e);
+		}, S = (e) => {
+			i("focus", e);
+		}, C = (e) => {
+			i("blur", e);
+		};
+		ie(n, (e) => {
+			(me(e) || pe(e)) && (e.value = r.uncheckedValue);
+		});
+		let w = h(() => [
+			c,
+			`${c}-type-${r.type}`,
+			{
+				[`${c}-small`]: u.value === "small",
+				[`${c}-checked`]: d.value,
+				[`${c}-disabled`]: l.value,
+				[`${c}-loading`]: m.value,
+				[`${c}-custom-color`]: r.type === "line" && (r.checkedColor || r.uncheckedColor)
+			}
+		]), T = h(() => {
+			if (d.value && r.checkedColor) return r.type === "line" ? { "--custom-color": r.checkedColor } : { backgroundColor: r.checkedColor };
+			if (!d.value && r.uncheckedColor) return r.type === "line" ? { "--custom-color": r.uncheckedColor } : { backgroundColor: r.uncheckedColor };
+		}), E = h(() => {
+			if (!m.value) {
+				if (d.value && r.checkedColor) return { color: r.checkedColor };
+				if (!d.value && r.uncheckedColor) return { color: r.uncheckedColor };
+			}
+		});
+		return (e, t) => (F(), v("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": d.value,
+			class: A(w.value),
+			style: j(T.value),
+			disabled: l.value || m.value,
+			onClick: b,
+			onFocus: S,
+			onBlur: C
+		}, [y("span", {
+			class: A(`${K(c)}-handle`),
+			style: j(E.value)
+		}, [y("span", { class: A(`${K(c)}-handle-icon`) }, [m.value ? (F(), v("span", {
+			key: 0,
+			class: A(["i-u-loading", `${K(c)}-loading-icon`])
+		}, null, 2)) : (F(), v(p, { key: 1 }, [d.value ? B(e.$slots, "checked-icon", { key: 0 }) : B(e.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), e.type !== "line" && K(o) !== "small" && (K(a).checked || e.checkedText || K(a).unchecked || e.uncheckedText) ? (F(), v(p, { key: 0 }, [y("span", { class: A(`${K(c)}-text-holder`) }, [d.value ? B(e.$slots, "checked", { key: 0 }, () => [x(H(e.checkedText), 1)]) : B(e.$slots, "unchecked", { key: 1 }, () => [x(H(e.uncheckedText), 1)])], 2), y("span", { class: A(`${K(c)}-text`) }, [d.value ? B(e.$slots, "checked", { key: 0 }, () => [x(H(e.checkedText), 1)]) : B(e.$slots, "unchecked", { key: 1 }, () => [x(H(e.uncheckedText), 1)])], 2)], 64)) : _("", !0)], 46, mt));
+	}
+}), gt = ht, _t = /* @__PURE__ */ C({
+	__name: "SwitchPlusEnable",
+	props: /* @__PURE__ */ D({
+		defaultChecked: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "circle" },
+		size: { default: "medium" },
+		checkedValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !0
+		},
+		uncheckedValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !1
+		},
+		checkedColor: { default: "#10b981" },
+		uncheckedColor: {},
+		beforeChange: {},
+		checkedText: {},
+		uncheckedText: {}
+	}, {
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !1
+		},
+		valueModifiers: {}
+	}),
+	emits: ["update:value"],
+	setup(e) {
+		let t = q(e, "value");
+		return (e, n) => (F(), g(gt, O({
+			value: t.value,
+			"onUpdate:value": n[0] ||= (e) => t.value = e
+		}, e.$props), {
+			"checked-icon": J(() => n[1] ||= [y("span", {
+				style: {
+					width: "14px",
+					height: "14px"
+				},
+				class: "i-u-checkSmall"
+			}, null, -1)]),
+			"unchecked-icon": J(() => n[2] ||= [y("span", {
+				style: {
+					width: "14px",
+					height: "14px"
+				},
+				class: "i-u-closeSmall"
+			}, null, -1)]),
+			_: 1
+		}, 16, ["value"]));
+	}
+}), vt = _t;
+export { Ne as ContextMenu, ze as ContextMenuDivider, Le as ContextMenuGroup, Fe as ContextMenuItem, Ve as ContextMenuSubmenu, je as LeftMenu, ve as LeftMenuEventDispatch, _e as LeftMenuEvents, rt as PageHeader, ct as SettingDivision, dt as SettingGroup, ot as SettingItem, Ge as SplitPanel, pt as SwitchEnable, gt as SwitchPlus, vt as SwitchPlusEnable, qe as UtoolsBaseLayout, tt as UtoolsLayout, ge as WebBaseLayout, Ue as WebLayout, Z as getBuildCurrentClassPrefix, X as getClassPrefix, de as isEventExist, fe as isFunction, pe as isNull, me as isUndefined };

package/dist/u-web-ui.css

@@ -1,2 +1,2 @@
-:root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 11L16.875 37L5 25.1818' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L40 40' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 40L40 8' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;width:100%;height:100%;min-height:100vh;display:grid;overflow:hidden}.u-web-utools-content-wrapper .content{padding:4px}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}
+:root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 11L16.875 37L5 25.1818' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-checkSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 24L20 34L40 14' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L40 40' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 40L40 8' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-closeSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L34 34' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 34L34 14' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.blur{--un-blur:blur(8px);filter:var(--un-blur)var(--un-brightness)var(--un-contrast)var(--un-drop-shadow)var(--un-grayscale)var(--un-hue-rotate)var(--un-invert)var(--un-saturate)var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;width:100%;height:100%;min-height:100vh;display:grid;overflow:hidden}.u-web-utools-content-wrapper .content{padding:4px}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.u-web-switch-green{transition:background-color .2s linear}.u-web-switch-green.t-is-checked{background-color:rgba(var(--green-5))}.u-web-switch-green.t-is-checked:hover{background-color:rgba(var(--green-6))}@keyframes switch-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.switch-slide-text-enter-from{left:-100%!important}.switch-slide-text-enter-to{left:8px!important}.switch-slide-text-enter-active{transition:left .2s}.switch-slide-text-leave-from{left:100%!important}.switch-slide-text-leave-to{left:30px!important}.switch-slide-text-leave-active{transition:left .2s}.u-web-switch-plus{box-sizing:border-box;vertical-align:middle;background-color:rgb(var(--gray-4));cursor:pointer;border:none;border-radius:14px;outline:none;min-width:44px;height:28px;padding:0;line-height:28px;transition:background-color .2s;position:relative;overflow:hidden}.u-web-switch-plus-handle{width:20px;height:20px;color:rgb(var(--gray-6));background-color:var(--u-bg-color-3);box-shadow:var(--u-shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;left:4px}.u-web-switch-plus-checked{background-color:rgb(var(--blue-5))}.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5));left:calc(100% - 24px)}.u-web-switch-plus[disabled] .u-web-switch-plus-handle,.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--gray-5))}.u-web-switch-plus-text-holder{opacity:0;margin:0 8px 0 30px;font-size:12px}.u-web-switch-plus-text{color:rgb(var(--gray-6));font-size:12px;position:absolute;top:0;left:30px}.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 30px 0 8px}.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3);left:8px}.u-web-switch-plus[disabled]{background-color:rgb(var(--gray-3));cursor:not-allowed}.u-web-switch-plus[disabled] .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus[disabled].u-web-switch-plus-checked{background-color:rgb(var(--gray-4))}.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus-loading{background-color:rgb(var(--gray-4))}.u-web-switch-plus-loading .u-web-switch-plus-handle,.u-web-switch-plus-loading .u-web-switch-plus-text{color:rgb(var(--gray-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:rgb(var(--blue-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3)}.u-web-switch-plus-loading-icon{animation:1s linear infinite switch-loading-spin;display:inline-block}.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-3px}.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:14px;height:14px;top:3px;left:3px}.u-web-switch-plus-small .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.66667)}.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 17px)}.u-web-switch-plus-type-round{border-radius:var(--u-radius-small);min-width:44px}.u-web-switch-plus-type-round .u-web-switch-plus-handle{border-radius:2px}.u-web-switch-plus-type-round.u-web-switch-plus-small{border-radius:2px;min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-round.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:1px}.u-web-switch-plus-type-line{min-width:44px;overflow:unset;background-color:#0000}.u-web-switch-plus-type-line:after{background-color:rgb(var(--gray-4));content:"";border-radius:2px;width:100%;height:4px;transition:background-color .2s;display:block}.u-web-switch-plus-type-line .u-web-switch-plus-handle{background-color:var(--u-bg-color-3);width:18px;height:18px;box-shadow:var(--u-shadow-sm);border-radius:9px;top:5px;left:0}.u-web-switch-plus-type-line.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color{--custom-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color:after{background-color:var(--custom-color)}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color.u-web-switch-plus-checked{--custom-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 18px)}.u-web-switch-plus-type-line[disabled]{cursor:not-allowed;background-color:#0000}.u-web-switch-plus-type-line[disabled]:after{background-color:rgb(var(--gray-3))}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-6))}.u-web-switch-plus-type-line.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:12px;height:12px;top:4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle-icon{transform:translate(-50%,-50%)scale(1)}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 16px)}
 /*$vite$:1*/

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './cssUtils';
 export * from './vueUtils';
+export * from './typeUtils';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/utils/typeUtils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 检查值是否为函数
+ * @param value 要检查的值
+ * @returns 是否为函数
+ */
+export declare function isFunction(value: any): value is Function;
+/**
+ * 检查值是否为 null
+ * @param value 要检查的值
+ * @returns 是否为 null
+ */
+export declare function isNull(value: any): value is null;
+/**
+ * 检查值是否为 undefined
+ * @param value 要检查的值
+ * @returns 是否为 undefined
+ */
+export declare function isUndefined(value: any): value is undefined;
+//# sourceMappingURL=typeUtils.d.ts.map

package/dist/utils/typeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../src/utils/typeUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,QAAQ,CAExD;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,IAAI,CAEhD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,SAAS,CAE1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiaou66/u-web-ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "web-ui",
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",