@xiaou66/u-web-ui 0.0.2 → 0.0.3

package/dist/index.d.ts

@@ -9,6 +9,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
 
 declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare const __VLS_component_3: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_4: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare type __VLS_Props = {
     name?: string;
     desc?: string;
@@ -44,10 +48,60 @@ declare function __VLS_template_2(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 头部插槽 - 用于显示页面头部内容 */
+        header?(): any;
+        /** 左侧插槽 - 用于显示左侧边栏内容 */
+        left?(): any;
+        /** 默认插槽 - 主要内容区域 */
+        default?(): any;
+    }> & {
+        /** 头部插槽 - 用于显示页面头部内容 */
+        header?(): any;
+        /** 左侧插槽 - 用于显示左侧边栏内容 */
+        left?(): any;
+        /** 默认插槽 - 主要内容区域 */
+        default?(): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Logo 插槽 - 用于显示网站 logo */
+        logo?(): any;
+        /** 操作区插槽 - 用于显示头部操作按钮 */
+        operations?(): any;
+        /** 左侧菜单插槽 - 用于自定义左侧菜单内容 */
+        left?(): any;
+        /** 默认插槽 - 主要内容区域 */
+        default?(): any;
+    }> & {
+        /** Logo 插槽 - 用于显示网站 logo */
+        logo?(): any;
+        /** 操作区插槽 - 用于显示头部操作按钮 */
+        operations?(): any;
+        /** 左侧菜单插槽 - 用于自定义左侧菜单内容 */
+        left?(): any;
+        /** 默认插槽 - 主要内容区域 */
+        default?(): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -60,10 +114,26 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
-export declare const LeftMenu: DefineComponent<LeftMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LeftMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 
-declare interface LeftMenuProps {
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const LeftMenu: DefineComponent<{}, {
+    changeCollapsed: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface MenuItem {
     title: string;
+    icon: string;
+    menu?: boolean;
 }
 
 export declare const SettingDivision: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
@@ -72,4 +142,8 @@ export declare const SettingGroup: __VLS_WithTemplateSlots_2<typeof __VLS_compon
 
 export declare const SettingItem: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+export declare const WebBaseLayout: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare const WebLayout: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
 export { }

package/dist/index.es.js

@@ -1,13 +1,63 @@
-import { defineComponent as d, createElementBlock as i, openBlock as c, toDisplayString as a, useCssVars as _, useAttrs as p, computed as v, mergeProps as m, toHandlers as f, createElementVNode as s, renderSlot as r, createTextVNode as $, createCommentVNode as g } from "vue";
-const L = /* @__PURE__ */ d({
+import { Menu as M, MenuItem as I, Icon as N, Button as V, Layout as W, Header as R, Aside as E, Content as H, HeadMenu as A } from "tdesign-vue-next";
+import { defineComponent as v, ref as k, onMounted as D, createBlock as p, openBlock as c, unref as C, withCtx as o, createElementBlock as m, Fragment as G, renderList as j, createTextVNode as y, toDisplayString as h, createVNode as r, normalizeClass as q, useCssVars as z, useAttrs as F, computed as O, mergeProps as P, toHandlers as T, createElementVNode as a, renderSlot as n, createCommentVNode as b, resolveComponent as J, createSlots as K } from "vue";
+import { useRouter as Q, useRoute as U } from "vue-router";
+const X = /* @__PURE__ */ v({
   __name: "LeftMenu",
-  props: {
-    title: {}
-  },
-  setup(n) {
-    return (e, o) => (c(), i("div", null, a(e.title), 1));
+  setup(u, { expose: e }) {
+    const s = k(document.documentElement.clientWidth <= 800);
+    function t() {
+      s.value = !s.value;
+    }
+    const l = Q(), $ = U(), i = k([]);
+    D(() => {
+      i.value = l.getRoutes().filter((d) => d.meta).filter((d) => d.meta.menu);
+    });
+    function B(d) {
+      l.push(d.path);
+    }
+    return e({
+      changeCollapsed: t
+    }), (d, pe) => {
+      const g = N, L = V, w = I, S = M;
+      return c(), p(S, {
+        value: C($).name,
+        collapsed: s.value,
+        width: ["180px", "60px"]
+      }, {
+        operations: o(() => [
+          r(L, {
+            variant: "text",
+            shape: "square",
+            onClick: t
+          }, {
+            icon: o(() => [
+              r(g, { name: "view-list" })
+            ]),
+            _: 1
+          })
+        ]),
+        default: o(() => [
+          (c(!0), m(G, null, j(i.value, (_) => (c(), p(w, {
+            key: _.name,
+            value: _.name,
+            onClick: (me) => B(_)
+          }, {
+            icon: o(() => [
+              r(g, {
+                class: q(_.meta.icon)
+              }, null, 8, ["class"])
+            ]),
+            default: o(() => [
+              y(" " + h(_.meta.title), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "onClick"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["value", "collapsed"]);
+    };
   }
-}), h = { class: "flex justify-between items-center" }, k = { class: "name u-fx u-gap5 u-fac" }, C = { class: "tips" }, y = /* @__PURE__ */ d({
+}), Y = { class: "flex justify-between items-center" }, Z = { class: "name u-fx u-gap5 u-fac" }, x = { class: "tips" }, ee = /* @__PURE__ */ v({
   __name: "SettingItem",
   props: {
     name: {},
@@ -17,67 +67,153 @@ const L = /* @__PURE__ */ d({
     minName: { type: Boolean },
     background: { default: "var(--u-bg-color-3)" }
   },
-  setup(n) {
-    _((t) => ({
+  setup(u) {
+    z((t) => ({
       "18a9d44a": t.background
     }));
-    const e = p(), o = v(() => "onClick" in e || "onClickCapture" in e);
-    return (t, u) => (c(), i("div", m({
-      class: ["setting-item", { "cursor-pointer": o.value }]
-    }, f({
-      ...o.value && { click: t.$attrs.onClick || t.$attrs.onClickCapture }
+    const e = F(), s = O(() => "onClick" in e || "onClickCapture" in e);
+    return (t, l) => (c(), m("div", P({
+      class: ["setting-item", { "cursor-pointer": s.value }]
+    }, T({
+      ...s.value && { click: t.$attrs.onClick || t.$attrs.onClickCapture }
     }, !0)), [
-      s("div", h, [
-        s("div", null, [
-          s("div", k, [
-            r(t.$slots, "name", {}, () => [
-              $(a(t.name), 1)
+      a("div", Y, [
+        a("div", null, [
+          a("div", Z, [
+            n(t.$slots, "name", {}, () => [
+              y(h(t.name), 1)
             ], !0)
           ]),
-          r(t.$slots, "desc", {}, () => [
-            s("div", C, a(t.desc), 1)
+          n(t.$slots, "desc", {}, () => [
+            a("div", x, h(t.desc), 1)
           ], !0)
         ]),
-        s("div", null, [
-          r(t.$slots, "default", {}, void 0, !0)
+        a("div", null, [
+          n(t.$slots, "default", {}, void 0, !0)
         ])
       ]),
-      s("div", null, [
-        r(t.$slots, "extra", {}, void 0, !0)
+      a("div", null, [
+        n(t.$slots, "extra", {}, void 0, !0)
       ])
     ], 16));
   }
-}), l = (n, e) => {
-  const o = n.__vccOpts || n;
-  for (const [t, u] of e)
-    o[t] = u;
-  return o;
-}, M = /* @__PURE__ */ l(y, [["__scopeId", "data-v-010b3e2d"]]), S = {}, b = { class: "division" };
-function B(n, e) {
-  return c(), i("div", b);
+}), f = (u, e) => {
+  const s = u.__vccOpts || u;
+  for (const [t, l] of e)
+    s[t] = l;
+  return s;
+}, $e = /* @__PURE__ */ f(ee, [["__scopeId", "data-v-010b3e2d"]]), te = {}, oe = { class: "division" };
+function ne(u, e) {
+  return c(), m("div", oe);
 }
-const j = /* @__PURE__ */ l(S, [["render", B], ["__scopeId", "data-v-466ca93d"]]), I = { class: "setting-item-group" }, N = { class: "header" }, V = { class: "title" }, D = { key: 0 }, E = /* @__PURE__ */ d({
+const ge = /* @__PURE__ */ f(te, [["render", ne], ["__scopeId", "data-v-466ca93d"]]), se = { class: "setting-item-group" }, ae = { class: "header" }, re = { class: "title" }, ce = { key: 0 }, le = /* @__PURE__ */ v({
   __name: "SettingGroup",
   props: {
     title: {}
   },
-  setup(n) {
-    return (e, o) => (c(), i("div", I, [
-      s("div", N, [
-        s("div", V, a(e.title), 1),
-        e.$slots.desc ? (c(), i("div", D, [
-          r(e.$slots, "desc", {}, void 0, !0)
-        ])) : g("", !0)
+  setup(u) {
+    return (e, s) => (c(), m("div", se, [
+      a("div", ae, [
+        a("div", re, h(e.title), 1),
+        e.$slots.desc ? (c(), m("div", ce, [
+          n(e.$slots, "desc", {}, void 0, !0)
+        ])) : b("", !0)
       ]),
-      s("div", null, [
-        r(e.$slots, "default", {}, void 0, !0)
+      a("div", null, [
+        n(e.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), w = /* @__PURE__ */ l(E, [["__scopeId", "data-v-610df7dd"]]);
+}), ke = /* @__PURE__ */ f(le, [["__scopeId", "data-v-610df7dd"]]), ue = /* @__PURE__ */ v({
+  __name: "WebBaseLayout",
+  setup(u) {
+    return (e, s) => {
+      const t = R, l = E, $ = H, i = W;
+      return c(), p(i, { class: "h-screen" }, {
+        default: o(() => [
+          e.$slots.header ? (c(), p(t, { key: 0 }, {
+            default: o(() => [
+              n(e.$slots, "header", {}, void 0, !0)
+            ]),
+            _: 3
+          })) : b("", !0),
+          r(i, { class: "min-h-0" }, {
+            default: o(() => [
+              r(l, { width: "auto" }, {
+                default: o(() => [
+                  n(e.$slots, "left", {}, void 0, !0)
+                ]),
+                _: 3
+              }),
+              r(i, { class: "min-h-0 u-main-content" }, {
+                default: o(() => [
+                  r($, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
+                    default: o(() => [
+                      n(e.$slots, "default", {}, void 0, !0)
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+}), ie = /* @__PURE__ */ f(ue, [["__scopeId", "data-v-257ccd76"]]), de = { class: "u-main-content-inner" }, _e = /* @__PURE__ */ v({
+  __name: "WebLayout",
+  setup(u) {
+    return (e, s) => {
+      const t = A, l = J("router-view");
+      return c(), p(ie, null, {
+        header: o(() => [
+          r(t, {
+            value: "item1",
+            height: "60px"
+          }, K({ _: 2 }, [
+            e.$slots.logo ? {
+              name: "logo",
+              fn: o(() => [
+                n(e.$slots, "logo", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.operations ? {
+              name: "operations",
+              fn: o(() => [
+                n(e.$slots, "operations", {}, void 0, !0)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1024)
+        ]),
+        left: o(() => [
+          n(e.$slots, "left", {}, () => [
+            r(C(X))
+          ], !0)
+        ]),
+        default: o(() => [
+          n(e.$slots, "default", {}, () => [
+            a("div", de, [
+              r(l)
+            ])
+          ], !0)
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Ce = /* @__PURE__ */ f(_e, [["__scopeId", "data-v-e8a61684"]]);
 export {
-  L as LeftMenu,
-  j as SettingDivision,
-  w as SettingGroup,
-  M as SettingItem
+  X as LeftMenu,
+  ge as SettingDivision,
+  ke as SettingGroup,
+  $e as SettingItem,
+  ie as WebBaseLayout,
+  Ce as WebLayout
 };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/Menu/LeftMenu/LeftMenu.vue","../src/Setting/SettingItem/SettingItem.vue","../src/Setting/SettingDivision/SettingDivision.vue","../src/Setting/SettingGroup/SettingGroup.vue","../src/layout/WebLayout/WebBaseLayout.vue","../src/layout/WebLayout/WebLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref } from 'vue'\nimport { type RouteRecord, useRoute, useRouter } from 'vue-router'\nimport type { MenuItem } from \"../Menu\";\nimport type {LeftMenuInstance} from \"./LeftMenu\";\n\nconst collapsed = ref(document.documentElement.clientWidth <= 800)\n\nfunction changeCollapsed() {\n  collapsed.value = !collapsed.value\n}\n\nconst router = useRouter()\nconst route = useRoute();\ntype MenuRouterItem = (RouteRecord & { meta?: MenuItem });\nconst menuRouterList = ref<MenuRouterItem[]>([])\nonMounted(() => {\n  menuRouterList.value = router.getRoutes().filter(item => item.meta)\n    .filter((item) => item.meta.menu) as MenuRouterItem[];\n})\n\nfunction go(item: RouteRecord) {\n  router.push(item.path)\n}\n\ndefineExpose<LeftMenuInstance>({\n  changeCollapsed\n});\n</script>\n\n<template>\n  <t-menu :value=\"route.name\"\n          :collapsed=\"collapsed\"\n          :width=\"['180px', '60px']\">\n    <template #operations>\n      <t-button variant=\"text\" shape=\"square\"\n                @click=\"changeCollapsed\">\n        <template #icon><t-icon name=\"view-list\" /></template>\n      </t-button>\n    </template>\n    <t-menu-item v-for=\"(menuItem) in menuRouterList\"\n                 :key=\"menuItem.name\"\n                 :value=\"menuItem.name\" @click=go(menuItem)>\n      <template #icon>\n        <t-icon :class=\"menuItem.meta.icon\"></t-icon>\n      </template>\n      {{menuItem.meta.title}}\n    </t-menu-item>\n  </t-menu>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nwithDefaults(defineProps<{\n  name?: string;\n  desc?: string;\n  click?: boolean;\n  vip?: boolean;\n  minName?: boolean;\n  background?: string;\n}>(), {\n  background: 'var(--u-bg-color-3)'\n});\n\nconst attrs = useAttrs();\n// 检测是否绑定了 click 事件\nconst hasClick = computed(() => {\n  return 'onClick' in attrs || 'onClickCapture' in attrs\n});\n</script>\n<template>\n  <div class=\"setting-item\"\n       :class=\"{ 'cursor-pointer': hasClick }\"\n       v-on=\"{\n          ...(hasClick && { click: $attrs.onClick || $attrs.onClickCapture })\n        }\">\n    <div class=\"flex justify-between items-center\">\n      <div>\n        <div class=\"name u-fx u-gap5 u-fac\">\n          <slot name=\"name\">\n            {{ name }}\n          </slot>\n        </div>\n        <slot name=\"desc\">\n          <div class=\"tips\">{{ desc }}</div>\n        </slot>\n      </div>\n      <div>\n        <slot name=\"default\"></slot>\n      </div>\n    </div>\n    <div>\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n.setting-item {\n  background: v-bind(background);\n  padding: 15px 10px;\n  transition: all 280ms linear;\n  user-select: none;\n  &:hover {\n    background: var(--u-hover-bg-color);\n  }\n  .name {\n    --at-apply: text-4 font-bold mb-1;\n  }\n  .tips {\n    font-size: 12px;\n    color: var(--u-text-tips-color);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n  <div class=\"division\"></div>\n</template>\n\n<style scoped lang=\"less\">\n.division {\n  border-bottom: 1px dashed var(--u-color-neutral-2);\n}\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  title?: string;\n}>()\n</script>\n\n<template>\n  <div class=\"setting-item-group\">\n    <div class=\"header\">\n      <div class=\"title\">\n        {{ title }}\n      </div>\n      <div v-if=\"$slots.desc\">\n        <slot name=\"desc\" />\n      </div>\n    </div>\n    <div>\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n.setting-item-group {\n  > div:last-child {\n    border-radius: 6px;\n    overflow: hidden;\n    transition: all 260ms linear;\n    &:hover {\n      box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;\n    }\n  }\n  .header, .title {\n    --at-apply: mb-2;\n  }\n  .title {\n    --at-apply: text-xl pl-2;\n    font-weight: 600;\n    border-left: 2px solid rgb(var(--u-blue-7));\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n\n// 定义插槽类型，提供智能提示\ndefineSlots<{\n  /** 头部插槽 - 用于显示页面头部内容 */\n  header?(): any\n  /** 左侧插槽 - 用于显示左侧边栏内容 */\n  left?(): any\n  /** 默认插槽 - 主要内容区域 */\n  default?(): any\n}>()\n\n</script>\n\n<template>\n  <t-layout class=\"h-screen\">\n    <t-header v-if=\"$slots.header\">\n      <slot name=\"header\"></slot>\n    </t-header>\n    <t-layout class=\"min-h-0\">\n      <t-aside width=\"auto\">\n        <slot name=\"left\"></slot>\n      </t-aside>\n      <t-layout class=\"min-h-0 u-main-content\">\n        <t-content class=\"xl:p-4 ut:p-2 p-1 h-full overflow-hidden\">\n          <slot name=\"default\"></slot>\n        </t-content>\n      </t-layout>\n    </t-layout>\n  </t-layout>\n</template>\n\n<style scoped lang=\"less\">\n.u-main-content {\n  background: var(--u-bg-color);\n}\n</style>\n","<script setup lang=\"ts\">\nimport WebBaseLayout from './WebBaseLayout.vue'\nimport { LeftMenu } from '../../Menu'\n\n// 定义插槽类型，提供智能提示\ndefineSlots<{\n  /** Logo 插槽 - 用于显示网站 logo */\n  logo?(): any\n  /** 操作区插槽 - 用于显示头部操作按钮 */\n  operations?(): any\n  /** 左侧菜单插槽 - 用于自定义左侧菜单内容 */\n  left?(): any\n  /** 默认插槽 - 主要内容区域 */\n  default?(): any\n}>()\n\n</script>\n\n<template>\n  <WebBaseLayout>\n    <template #header>\n      <t-head-menu value=\"item1\" height=\"60px\">\n        <template v-if=\"$slots.logo\" #logo>\n          <slot name=\"logo\"></slot>\n        </template>\n        <template v-if=\"$slots.operations\" #operations>\n          <slot name=\"operations\"></slot>\n        </template>\n      </t-head-menu>\n    </template>\n    <template #left>\n      <slot name=\"left\">\n        <LeftMenu />\n      </slot>\n    </template>\n    <slot name=\"default\">\n      <div class=\"u-main-content-inner\">\n        <router-view />\n      </div>\n    </slot>\n  </WebBaseLayout>\n</template>\n\n<style scoped lang=\"less\">\n.u-main-content-inner {\n  --at-apply: h-full rounded-lg;\n  background-color: var(--u-bg-color);\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 4px;\n}\n</style>\n"],"names":["collapsed","ref","changeCollapsed","router","useRouter","route","useRoute","menuRouterList","onMounted","item","go","__expose","_createBlock","_component_t_menu","_unref","_createVNode","_component_t_button","_component_t_icon","_createElementBlock","_Fragment","_renderList","menuItem","_component_t_menu_item","$event","_normalizeClass","_createTextVNode","_toDisplayString","attrs","useAttrs","hasClick","computed","_openBlock","_mergeProps","_toHandlers","$attrs","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","name","_hoisted_3","desc","title","$slots","_hoisted_4","_component_t_layout","_component_t_header","_component_t_aside","_component_t_content","WebBaseLayout","_component_t_head_menu","LeftMenu","_component_router_view"],"mappings":"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"}

package/dist/u-web-ui.css

@@ -1 +1 @@
-body[arco-theme=dark]{--u-bg-color: #26272A}:root{--u-bg-color: #F4F4F4;--u-bg-color-2: #ffffff;--u-bg-color-3: #ffffff;--u-blue-7: 13, 66, 210;--u-blue-6: 22, 93, 255;--u-blue-5: 64, 128, 255;--u-wechat-color: #2BA471;--u-hover-bg-color: #F7F8FA;--u-text-tips-color: #8A939F;--u-color-neutral-1: #F7F8FA;--u-color-neutral-2: #F2F3F5;--u-color-neutral-3: #E5E6EC;--u-shadow-sm: rgba(0, 0, 0, .1) 0px 1px 2px 0px}*,*:before,*:after{padding:0;box-sizing:border-box;margin:0;font-weight:400}*,:before,:after{--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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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: }::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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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: }:root{--u-blue-1: 240, 248, 255;--u-blue-2: 224, 242, 254;--u-blue-3: 186, 230, 253;--u-blue-4: 125, 211, 252;--u-blue-5: 56, 189, 248;--u-blue-6: 14, 165, 233;--u-blue-7: 2, 132, 199;--u-blue-8: 3, 105, 161;--u-blue-9: 12, 74, 110;--u-hover-bg-color: #f5f5f5;--u-text-tips-color: #999;--u-color-neutral-2: #e5e5e5}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.hidden{display:none}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.pl-2{padding-left:.5rem}.text-4{font-size:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.setting-item[data-v-010b3e2d]{background:var(--18a9d44a);padding:15px 10px;transition:all .28s linear;-webkit-user-select:none;user-select:none}.setting-item[data-v-010b3e2d]:hover{background:var(--u-hover-bg-color)}.setting-item .name[data-v-010b3e2d]{margin-bottom:.25rem;font-size:1rem;font-weight:700}.setting-item .tips[data-v-010b3e2d]{font-size:12px;color:var(--u-text-tips-color)}.division[data-v-466ca93d]{border-bottom:1px dashed var(--u-color-neutral-2)}.setting-item-group>div[data-v-610df7dd]:last-child{border-radius:6px;overflow:hidden;transition:all .26s linear}.setting-item-group>div[data-v-610df7dd]:last-child:hover{box-shadow:#0000000a 0 3px 5px}.setting-item-group .header[data-v-610df7dd],.setting-item-group .title[data-v-610df7dd]{margin-bottom:.5rem}.setting-item-group .title[data-v-610df7dd]{padding-left:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;border-left:2px solid rgb(var(--u-blue-7))}
+body[arco-theme=dark]{--u-bg-color: #26272A}:root{--u-bg-color: #F4F4F4;--u-bg-color-2: #ffffff;--u-bg-color-3: #ffffff;--u-blue-7: 13, 66, 210;--u-blue-6: 22, 93, 255;--u-blue-5: 64, 128, 255;--u-wechat-color: #2BA471;--u-hover-bg-color: #F7F8FA;--u-text-tips-color: #8A939F;--u-color-neutral-1: #F7F8FA;--u-color-neutral-2: #F2F3F5;--u-color-neutral-3: #E5E6EC;--u-shadow-sm: rgba(0, 0, 0, .1) 0px 1px 2px 0px}*,*:before,*:after{padding:0;box-sizing:border-box;margin:0;font-weight:400}*,:before,:after{--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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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: }::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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--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: }:root{--u-blue-1: 240, 248, 255;--u-blue-2: 224, 242, 254;--u-blue-3: 186, 230, 253;--u-blue-4: 125, 211, 252;--u-blue-5: 56, 189, 248;--u-blue-6: 14, 165, 233;--u-blue-7: 2, 132, 199;--u-blue-8: 3, 105, 161;--u-blue-9: 12, 74, 110;--u-hover-bg-color: #f5f5f5;--u-text-tips-color: #999;--u-color-neutral-2: #e5e5e5}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.hidden{display:none}.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-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.p-1{padding:.25rem}.pl-2{padding-left:.5rem}.text-4{font-size:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 800px){.ut\:p-2{padding:.5rem}}@media (min-width: 1280px){.xl\:p-4{padding:1rem}}.setting-item[data-v-010b3e2d]{background:var(--18a9d44a);padding:15px 10px;transition:all .28s linear;-webkit-user-select:none;user-select:none}.setting-item[data-v-010b3e2d]:hover{background:var(--u-hover-bg-color)}.setting-item .name[data-v-010b3e2d]{margin-bottom:.25rem;font-size:1rem;font-weight:700}.setting-item .tips[data-v-010b3e2d]{font-size:12px;color:var(--u-text-tips-color)}.division[data-v-466ca93d]{border-bottom:1px dashed var(--u-color-neutral-2)}.setting-item-group>div[data-v-610df7dd]:last-child{border-radius:6px;overflow:hidden;transition:all .26s linear}.setting-item-group>div[data-v-610df7dd]:last-child:hover{box-shadow:#0000000a 0 3px 5px}.setting-item-group .header[data-v-610df7dd],.setting-item-group .title[data-v-610df7dd]{margin-bottom:.5rem}.setting-item-group .title[data-v-610df7dd]{padding-left:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;border-left:2px solid rgb(var(--u-blue-7))}.u-main-content[data-v-257ccd76]{background:var(--u-bg-color)}.u-main-content-inner[data-v-e8a61684]{height:100%;border-radius:.5rem;background-color:var(--u-bg-color);overflow-y:auto;overflow-x:hidden;padding:4px}

package/package.json

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