@opentiny/tiny-engine-toolbar-theme-switch 2.6.0 → 2.7.0-alpha.0

package/dist/index.js

@@ -1,18 +1,25 @@
 import "./style.css";
-import { resolveComponent as _, createElementBlock as p, openBlock as d, createVNode as f, withCtx as b, createElementVNode as A, Fragment as V, renderList as x, normalizeClass as B, toDisplayString as G, createCommentVNode as H, computed as m, ref as M, reactive as N } from "vue";
-import { ToolbarBase as O, setGlobalMonacoEditorTheme as R } from "@opentiny/tiny-engine-common";
-import { TinyPopover as U, TinyRadioGroup as F } from "@opentiny/vue";
-import { getMetaApi as S, META_SERVICE as v, defineService as P, getMergeRegistry as j, getMergeMeta as z } from "@opentiny/tiny-engine-meta-register";
-const q = (o, t) => {
-  const s = o.__vccOpts || o;
-  for (const [e, h] of t)
-    s[e] = h;
-  return s;
-}, J = {
+import { getMetaApi as m, META_SERVICE as c, callEntry as T, getMergeMeta as y, defineService as D } from "@opentiny/tiny-engine-meta-register";
+import { resolveComponent as G, createElementBlock as L, openBlock as V, createVNode as H, withCtx as N, createElementVNode as O, Fragment as P, renderList as R, normalizeClass as j, toDisplayString as z, createCommentVNode as q, computed as C, ref as U, reactive as J } from "vue";
+import { ToolbarBase as B, setGlobalMonacoEditorTheme as x } from "@opentiny/tiny-engine-common";
+import { TinyPopover as K, TinyRadioGroup as Q } from "@opentiny/vue";
+const W = {
+  id: "engine.toolbars.themeSwitch",
+  type: "toolbars",
+  title: "themeSwitch",
+  options: {
+    renderType: "icon"
+  }
+}, X = (o, t) => {
+  const n = o.__vccOpts || o;
+  for (const [e, g] of t)
+    n[e] = g;
+  return n;
+}, Y = {
   components: {
-    ToolbarBase: O,
-    TinyRadioGroup: F,
-    TinyPopover: U
+    ToolbarBase: B,
+    TinyRadioGroup: Q,
+    TinyPopover: K
   },
   props: {
     options: {
@@ -25,43 +32,131 @@ const q = (o, t) => {
     }
   },
   setup(o) {
-    const { getThemeData: t, getThemeState: s, themeChange: e, getTheme: h } = S(v.ThemeSwitch), l = s(), r = t(), c = "collapse", u = m(() => {
-      const n = { ...o.options };
-      return o.position === c && (n.renderType = ""), n;
-    }), a = m(() => r.value.map((n) => ({ ...n, label: n.type }))), E = m(() => o.position === c ? "" : l.themeLabel), D = m(() => o.position === c ? "" : l.themeIcon), y = M(!1), w = m(() => {
-      const n = r.value.filter((L) => ["light", "dark"].includes(L.type)) || [];
-      return r.value.length === n.length;
-    }), I = () => {
-      const n = h(l.theme).oppositeTheme;
-      e(n);
-    };
+    const {
+      getThemeData: t,
+      getThemeState: n,
+      themeChange: e,
+      getTheme: g
+    } = m(c.ThemeSwitch), r = n(), l = t(), h = "collapse", b = C(() => {
+      const s = {
+        ...o.options
+      };
+      return o.position === h && (s.renderType = ""), s;
+    }), a = C(() => l.value.map((s) => ({
+      ...s,
+      label: s.type
+    }))), _ = C(() => o.position === h ? "" : r.themeLabel), A = C(() => o.position === h ? "" : r.themeIcon), u = U(!1), S = C(() => {
+      const s = l.value.filter((F) => ["light", "dark"].includes(F.type)) || [];
+      return l.value.length === s.length;
+    }), w = T(() => {
+      const s = g(r.theme).oppositeTheme;
+      e(s);
+    }, {
+      metaData: {
+        id: "engine.toolbars.themeSwitch.Main.toChangeTheme"
+      },
+      ctx: () => ({
+        props: o,
+        getThemeData: t,
+        getThemeState: n,
+        themeChange: e,
+        getTheme: g,
+        state: r,
+        THEME_DATA: l,
+        COLLAPSE: h,
+        optionsData: b,
+        radioThemeList: a,
+        baseContent: _,
+        baseIcon: A,
+        showpopover: u,
+        themeShowType: S,
+        toChangeTheme: w,
+        changeThemeType: M,
+        themeItemChange: k,
+        ToolbarBase: B,
+        getMetaApi: m,
+        META_SERVICE: c
+      })
+    }), M = T(() => {
+      o.position !== h && (S.value ? w() : u.value = !0);
+    }, {
+      metaData: {
+        id: "engine.toolbars.themeSwitch.Main.changeThemeType"
+      },
+      ctx: () => ({
+        props: o,
+        getThemeData: t,
+        getThemeState: n,
+        themeChange: e,
+        getTheme: g,
+        state: r,
+        THEME_DATA: l,
+        COLLAPSE: h,
+        optionsData: b,
+        radioThemeList: a,
+        baseContent: _,
+        baseIcon: A,
+        showpopover: u,
+        themeShowType: S,
+        toChangeTheme: w,
+        changeThemeType: M,
+        themeItemChange: k,
+        ToolbarBase: B,
+        getMetaApi: m,
+        META_SERVICE: c
+      })
+    }), k = T((s) => {
+      e(s), u.value = !1;
+    }, {
+      metaData: {
+        id: "engine.toolbars.themeSwitch.Main.themeItemChange"
+      },
+      ctx: () => ({
+        props: o,
+        getThemeData: t,
+        getThemeState: n,
+        themeChange: e,
+        getTheme: g,
+        state: r,
+        THEME_DATA: l,
+        COLLAPSE: h,
+        optionsData: b,
+        radioThemeList: a,
+        baseContent: _,
+        baseIcon: A,
+        showpopover: u,
+        themeShowType: S,
+        toChangeTheme: w,
+        changeThemeType: M,
+        themeItemChange: k,
+        ToolbarBase: B,
+        getMetaApi: m,
+        META_SERVICE: c
+      })
+    });
     return {
-      THEME_DATA: r,
-      state: l,
-      optionsData: u,
+      THEME_DATA: l,
+      state: r,
+      optionsData: b,
       radioThemeList: a,
-      baseContent: E,
-      baseIcon: D,
-      toChangeTheme: I,
+      baseContent: _,
+      baseIcon: A,
+      toChangeTheme: w,
       themeChange: e,
-      showpopover: y,
-      themeShowType: w,
-      themeItemChange: (n) => {
-        e(n), y.value = !1;
-      },
-      changeThemeType: () => {
-        o.position !== c && (w.value ? I() : y.value = !0);
-      }
+      showpopover: u,
+      themeShowType: S,
+      themeItemChange: k,
+      changeThemeType: M
     };
   }
-}, K = { class: "toolbar-theme-switch" }, Q = { class: "theme-list" }, W = ["onClick"], X = {
+}, Z = { class: "toolbar-theme-switch" }, $ = { class: "theme-list" }, ee = ["onClick"], te = {
   key: 0,
   class: "toolbar-theme-switch-radio"
 };
-function Y(o, t, s, e, h, l) {
-  const r = _("tiny-radio-group"), c = _("toolbar-base"), u = _("tiny-popover");
-  return d(), p("div", K, [
-    f(u, {
+function oe(o, t, n, e, g, r) {
+  const l = G("tiny-radio-group"), h = G("toolbar-base"), b = G("tiny-popover");
+  return V(), L("div", Z, [
+    H(b, {
       width: "130",
       trigger: "manual",
       modelValue: e.showpopover,
@@ -69,17 +164,17 @@ function Y(o, t, s, e, h, l) {
       "visible-arrow": !1,
       "popper-class": "theme-popover"
     }, {
-      reference: b(() => [
-        f(c, {
+      reference: N(() => [
+        H(h, {
           content: e.baseContent,
           icon: e.baseIcon,
           options: e.optionsData,
           onClickApi: e.changeThemeType
         }, {
-          default: b(() => [
-            s.position === "collapse" ? (d(), p("div", X, [
-              t[2] || (t[2] = A("div", { class: "toolbar-theme-switch-radio-title" }, "主题", -1)),
-              f(r, {
+          default: N(() => [
+            n.position === "collapse" ? (V(), L("div", te, [
+              t[2] || (t[2] = O("div", { class: "toolbar-theme-switch-radio-title" }, "主题", -1)),
+              H(l, {
                 modelValue: e.state.theme,
                 "onUpdate:modelValue": t[0] || (t[0] = (a) => e.state.theme = a),
                 options: e.radioThemeList,
@@ -87,63 +182,129 @@ function Y(o, t, s, e, h, l) {
                 class: "theme-radio-group",
                 onChange: e.themeChange
               }, null, 8, ["modelValue", "options", "vertical", "onChange"])
-            ])) : H("", !0)
+            ])) : q("", !0)
           ]),
           _: 1
         }, 8, ["content", "icon", "options", "onClickApi"])
       ]),
-      default: b(() => [
-        A("div", Q, [
-          (d(!0), p(V, null, x(e.THEME_DATA, (a) => (d(), p("div", {
+      default: N(() => [
+        O("div", $, [
+          (V(!0), L(P, null, R(e.THEME_DATA, (a) => (V(), L("div", {
             key: a.type,
-            class: B(["theme-item", { active: e.state.theme === a.type }]),
-            onClick: (E) => e.themeItemChange(a.type)
-          }, G(a.text), 11, W))), 128))
+            class: j(["theme-item", { active: e.state.theme === a.type }]),
+            onClick: (_) => e.themeItemChange(a.type)
+          }, z(a.text), 11, ee))), 128))
         ])
       ]),
       _: 1
     }, 8, ["modelValue"])
   ]);
 }
-const Z = /* @__PURE__ */ q(J, [["render", Y], ["__scopeId", "data-v-e0cba3bc"]]), $ = {
-  id: "engine.toolbars.themeSwitch",
-  type: "toolbars",
-  title: "themeSwitch",
-  options: {
-    renderType: "icon"
-  }
-}, T = M([]);
-let C = null;
-const i = N({
+const ne = /* @__PURE__ */ X(Y, [["render", oe], ["__scopeId", "data-v-02f0b8b7"]]), p = U([]);
+let v = null;
+const i = J({
   theme: "",
   themeLabel: "",
   themeIcon: ""
-}), ee = () => T, te = () => i, g = (o) => T.value.find((t) => o === t.type) || C, k = (o) => {
+}), E = T(() => p, {
+  metaData: {
+    id: "engine.toolbars.themeSwitch.composable-index.getThemeData"
+  },
+  ctx: () => ({
+    defineService: D,
+    getMetaApi: m,
+    getMergeMeta: y,
+    META_SERVICE: c,
+    setGlobalMonacoEditorTheme: x,
+    THEME_DATA: p,
+    DEFAULT_THEME: v,
+    themeState: i,
+    getThemeData: E,
+    getThemeState: I,
+    getTheme: d,
+    themeChange: f
+  })
+}), I = T(() => i, {
+  metaData: {
+    id: "engine.toolbars.themeSwitch.composable-index.getThemeState"
+  },
+  ctx: () => ({
+    defineService: D,
+    getMetaApi: m,
+    getMergeMeta: y,
+    META_SERVICE: c,
+    setGlobalMonacoEditorTheme: x,
+    THEME_DATA: p,
+    DEFAULT_THEME: v,
+    themeState: i,
+    getThemeData: E,
+    getThemeState: I,
+    getTheme: d,
+    themeChange: f
+  })
+}), d = T((o) => p.value.find((t) => o === t.type) || v, {
+  metaData: {
+    id: "engine.toolbars.themeSwitch.composable-index.getTheme"
+  },
+  ctx: () => ({
+    defineService: D,
+    getMetaApi: m,
+    getMergeMeta: y,
+    META_SERVICE: c,
+    setGlobalMonacoEditorTheme: x,
+    THEME_DATA: p,
+    DEFAULT_THEME: v,
+    themeState: i,
+    getThemeData: E,
+    getThemeState: I,
+    getTheme: d,
+    themeChange: f
+  })
+}), f = T((o) => {
   var e;
-  i.theme = g(o).type, i.themeLabel = g(i.theme).text, i.themeIcon = g(i.theme).icon, document.documentElement.setAttribute("data-theme", i.theme);
-  const t = S(v.GlobalService).getBaseInfo().id, s = (e = i.theme) != null && e.includes("dark") ? "vs-dark" : "vs";
-  localStorage.setItem(`tiny-engine-theme-${t}`, i.theme), R(s);
-}, le = P({
-  id: v.ThemeSwitch,
+  i.theme = d(o).type, i.themeLabel = d(i.theme).text, i.themeIcon = d(i.theme).icon, document.documentElement.setAttribute("data-theme", i.theme);
+  const t = m(c.GlobalService).getBaseInfo().id, n = (e = i.theme) != null && e.includes("dark") ? "vs-dark" : "vs";
+  localStorage.setItem(`tiny-engine-theme-${t}`, i.theme), x(n);
+}, {
+  metaData: {
+    id: "engine.toolbars.themeSwitch.composable-index.themeChange"
+  },
+  ctx: () => ({
+    defineService: D,
+    getMetaApi: m,
+    getMergeMeta: y,
+    META_SERVICE: c,
+    setGlobalMonacoEditorTheme: x,
+    THEME_DATA: p,
+    DEFAULT_THEME: v,
+    themeState: i,
+    getThemeData: E,
+    getThemeState: I,
+    getTheme: d,
+    themeChange: f
+  })
+}), le = D({
+  id: c.ThemeSwitch,
   type: "MetaService",
   init: () => {
-    const o = S(v.GlobalService).getBaseInfo().id;
-    T.value = j("themes"), C = T.value[0];
-    const t = localStorage.getItem(`tiny-engine-theme-${o}`) || z("engine.config").theme || C.type;
-    k(t);
+    var n;
+    const o = m(c.GlobalService).getBaseInfo().id;
+    p.value = ((n = y("engine.config")) == null ? void 0 : n.themesList) || [], v = p.value[0];
+    const t = localStorage.getItem(`tiny-engine-theme-${o}`) || y("engine.config").theme || v.type;
+    f(t);
   },
   apis: () => ({
-    getThemeData: ee,
-    getThemeState: te,
-    getTheme: g,
-    themeChange: k
+    getThemeData: E,
+    getThemeState: I,
+    getTheme: d,
+    themeChange: f
   })
-}), me = {
-  ...$,
-  entry: Z
+}), he = {
+  ...W,
+  entry: ne
 };
 export {
   le as ThemeSwitchService,
-  me as default
+  he as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Main.vue","../meta.js","../src/composable/index.ts","../index.ts"],"sourcesContent":["<template>\n  <div class=\"toolbar-theme-switch\">\n    <tiny-popover\n      width=\"130\"\n      trigger=\"manual\"\n      v-model=\"showpopover\"\n      :visible-arrow=\"false\"\n      popper-class=\"theme-popover\"\n    >\n      <div class=\"theme-list\">\n        <div\n          v-for=\"item in THEME_DATA\"\n          :key=\"item.type\"\n          :class=\"['theme-item', { active: state.theme === item.type }]\"\n          @click=\"themeItemChange(item.type)\"\n        >\n          {{ item.text }}\n        </div>\n      </div>\n      <template #reference>\n        <toolbar-base :content=\"baseContent\" :icon=\"baseIcon\" :options=\"optionsData\" @click-api=\"changeThemeType\">\n          <template v-if=\"position === 'collapse'\">\n            <div class=\"toolbar-theme-switch-radio\">\n              <div class=\"toolbar-theme-switch-radio-title\">主题</div>\n              <tiny-radio-group\n                v-model=\"state.theme\"\n                :options=\"radioThemeList\"\n                :vertical=\"themeShowType ? false : true\"\n                class=\"theme-radio-group\"\n                @change=\"themeChange\"\n              >\n              </tiny-radio-group>\n            </div>\n          </template>\n        </toolbar-base>\n      </template>\n    </tiny-popover>\n  </div>\n</template>\n\n<script>\nimport { computed, ref } from 'vue'\nimport { ToolbarBase } from '@opentiny/tiny-engine-common'\nimport { TinyRadioGroup, TinyPopover } from '@opentiny/vue'\nimport { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'\n\nexport default {\n  components: {\n    ToolbarBase,\n    TinyRadioGroup,\n    TinyPopover\n  },\n  props: {\n    options: {\n      type: Object,\n      default: () => ({})\n    },\n    position: {\n      type: String,\n      default: 'right'\n    }\n  },\n  setup(props) {\n    const { getThemeData, getThemeState, themeChange, getTheme } = getMetaApi(META_SERVICE.ThemeSwitch)\n    const state = getThemeState()\n    const THEME_DATA = getThemeData()\n    const COLLAPSE = 'collapse'\n    const optionsData = computed(() => {\n      const options = { ...props.options }\n      if (props.position === COLLAPSE) {\n        options.renderType = ''\n      }\n\n      return options\n    })\n    const radioThemeList = computed(() => {\n      return THEME_DATA.value.map((item) => ({ ...item, label: item.type }))\n    })\n    const baseContent = computed(() => (props.position === COLLAPSE ? '' : state.themeLabel))\n    const baseIcon = computed(() => (props.position === COLLAPSE ? '' : state.themeIcon))\n    const showpopover = ref(false)\n\n    const themeShowType = computed(() => {\n      const filterList = THEME_DATA.value.filter((item) => ['light', 'dark'].includes(item.type)) || []\n      return THEME_DATA.value.length === filterList.length\n    })\n\n    const toChangeTheme = () => {\n      const theme = getTheme(state.theme).oppositeTheme\n      themeChange(theme)\n    }\n\n    const changeThemeType = () => {\n      if (props.position === COLLAPSE) {\n        return\n      }\n      if (themeShowType.value) {\n        toChangeTheme()\n      } else {\n        showpopover.value = true\n      }\n    }\n\n    const themeItemChange = (theme) => {\n      themeChange(theme)\n      showpopover.value = false\n    }\n\n    return {\n      THEME_DATA,\n      state,\n      optionsData,\n      radioThemeList,\n      baseContent,\n      baseIcon,\n      toChangeTheme,\n      themeChange,\n      showpopover,\n      themeShowType,\n      themeItemChange,\n      changeThemeType\n    }\n  }\n}\n</script>\n<style lang=\"less\" scoped>\n.theme-list {\n  .theme-item {\n    padding: 4px 16px;\n    margin: 0 -16px;\n    &:hover {\n      background-color: var(--te-toolbar-theme-popover-list-item-bg-color-hover);\n    }\n  }\n  .active {\n    background-color: var(--te-toolbar-theme-popover-list-item-bg-color-active);\n  }\n}\n</style>\n","export default {\n  id: 'engine.toolbars.themeSwitch',\n  type: 'toolbars',\n  title: 'themeSwitch',\n  options: {\n    renderType: 'icon'\n  }\n}\n","import { reactive, ref } from 'vue'\nimport {\n  defineService,\n  getMetaApi,\n  getMergeMeta,\n  META_SERVICE,\n  getMergeRegistry\n} from '@opentiny/tiny-engine-meta-register'\nimport { setGlobalMonacoEditorTheme } from '@opentiny/tiny-engine-common'\n\nconst THEME_DATA = ref<any[]>([])\n\nlet DEFAULT_THEME: any = null\n\nconst themeState = reactive({\n  theme: '',\n  themeLabel: '',\n  themeIcon: ''\n})\n\nconst getThemeData = () => THEME_DATA\nconst getThemeState = () => themeState\n\nconst getTheme = (theme: string) => {\n  return THEME_DATA.value.find((item) => theme === item.type) || DEFAULT_THEME\n}\n\nconst themeChange = (theme: string) => {\n  themeState.theme = getTheme(theme).type\n  themeState.themeLabel = getTheme(themeState.theme).text\n  themeState.themeIcon = getTheme(themeState.theme).icon\n  document.documentElement.setAttribute('data-theme', themeState.theme)\n\n  const appId = getMetaApi(META_SERVICE.GlobalService).getBaseInfo().id\n  const editorTheme = themeState.theme?.includes('dark') ? 'vs-dark' : 'vs'\n  localStorage.setItem(`tiny-engine-theme-${appId}`, themeState.theme)\n  setGlobalMonacoEditorTheme(editorTheme)\n}\n\nexport default defineService({\n  id: META_SERVICE.ThemeSwitch,\n  type: 'MetaService',\n  init: () => {\n    const appId = getMetaApi(META_SERVICE.GlobalService).getBaseInfo().id\n    THEME_DATA.value = getMergeRegistry('themes')\n    DEFAULT_THEME = THEME_DATA.value[0]\n    const theme =\n      localStorage.getItem(`tiny-engine-theme-${appId}`) || getMergeMeta('engine.config').theme || DEFAULT_THEME.type\n    themeChange(theme)\n  },\n  apis: () => ({\n    getThemeData,\n    getThemeState,\n    getTheme,\n    themeChange\n  })\n})\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport { default as ThemeSwitchService } from './src/composable'\nimport './src/styles/vars.less'\n\nexport default {\n  ...metaData,\n  entry\n}\n\nexport { ThemeSwitchService }\n"],"names":["_sfc_main","ToolbarBase","TinyRadioGroup","TinyPopover","props","getThemeData","getThemeState","themeChange","getTheme","getMetaApi","META_SERVICE","state","THEME_DATA","COLLAPSE","optionsData","computed","options","radioThemeList","item","baseContent","baseIcon","showpopover","ref","themeShowType","filterList","toChangeTheme","theme","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_tiny_popover","$setup","$event","_component_toolbar_base","$props","_hoisted_4","_cache","_createElementVNode","_component_tiny_radio_group","_Fragment","_renderList","_toDisplayString","_hoisted_3","metaData","DEFAULT_THEME","themeState","reactive","appId","editorTheme","_a","setGlobalMonacoEditorTheme","index$1","defineService","getMergeRegistry","getMergeMeta","index","entry"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../meta.js","../index.ts"],"sourcesContent":["export default {\n  id: 'engine.toolbars.themeSwitch',\n  type: 'toolbars',\n  title: 'themeSwitch',\n  options: {\n    renderType: 'icon'\n  }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport { default as ThemeSwitchService } from './src/composable'\nimport './src/styles/vars.less'\n\nexport default {\n  ...metaData,\n  entry\n}\n\nexport { ThemeSwitchService }\n"],"names":["metaData","index","entry"],"mappings":";;;;;AAAA,MAAeA,IAAA;AAAA,EACb,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,IACP,YAAY;AAAA,EAChB;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICUeC,KAAA;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}

package/dist/style.css

@@ -1 +1 @@
-.theme-list .theme-item[data-v-e0cba3bc]{padding:4px 16px;margin:0 -16px}.theme-list .theme-item[data-v-e0cba3bc]:hover{background-color:var(--te-toolbar-theme-popover-list-item-bg-color-hover)}.theme-list .active[data-v-e0cba3bc]{background-color:var(--te-toolbar-theme-popover-list-item-bg-color-active)}.toolbar-theme-switch{--te-toolbar-theme-switch-radio-title: var(--te-common-text-secondary)}.theme-list{--te-toolbar-theme-popover-list-item-bg-color-hover: var(--te-common-bg-container);--te-toolbar-theme-popover-list-item-bg-color-active: var(--te-common-bg-container)}
+.theme-list .theme-item[data-v-02f0b8b7]{padding:4px 16px;margin:0 -16px}.theme-list .theme-item[data-v-02f0b8b7]:hover{background-color:var(--te-toolbar-theme-popover-list-item-bg-color-hover)}.theme-list .active[data-v-02f0b8b7]{background-color:var(--te-toolbar-theme-popover-list-item-bg-color-active)}.toolbar-theme-switch{--te-toolbar-theme-switch-radio-title: var(--te-common-text-secondary)}.theme-list{--te-toolbar-theme-popover-list-item-bg-color-hover: var(--te-common-bg-container);--te-toolbar-theme-popover-list-item-bg-color-active: var(--te-common-bg-container)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-theme-switch",
-  "version": "2.6.0",
+  "version": "2.7.0-alpha.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.6.0",
-    "@opentiny/tiny-engine-meta-register": "2.6.0",
-    "@opentiny/tiny-engine-utils": "2.6.0"
+    "@opentiny/tiny-engine-common": "2.7.0-alpha.0",
+    "@opentiny/tiny-engine-meta-register": "2.7.0-alpha.0",
+    "@opentiny/tiny-engine-utils": "2.7.0-alpha.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.6.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.7.0-alpha.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +39,5 @@
     "@opentiny/vue": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "f3035326111f06f5e9b99da2ee75c4089d5c49e8"
+  "gitHead": "d5cbb9c02048aa7d8f8c88ac77e09d4654398d86"
 }