@ditari/bsui 5.0.2 → 5.0.4

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs

@@ -8,6 +8,8 @@ var pinia = require('pinia');
 var iconsVue = require('@ant-design/icons-vue');
 var store = require('@ditari/store');
 var css = require('@emotion/css');
+require('../../../tab/Tab.vue.cjs');
+var Tab_vue_vue_type_script_setup_true_lang = require('../../../tab/Tab.vue2.cjs');
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -64,7 +66,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     }
     return (_ctx, _cache) => {
-      const _component_Tab = vue.resolveComponent("Tab");
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
@@ -92,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(vue.unref(headerTabStyle))
             },
             [
-              vue.createVNode(_component_Tab)
+              vue.createVNode(Tab_vue_vue_type_script_setup_true_lang.default)
             ],
             2
             /* CLASS */

package/dist/cjs/components/layout/components/layout/HeaderLayout.vue2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\n// import Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst { layout } = storeToRefs(useAppStore());\r\nconst { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();\r\n\r\nfunction useStyle(): {\r\n  headerStyle: ComputedRef<string>;\r\n  headerTabStyle: ComputedRef<string>;\r\n  collapsedStyle: ComputedRef<string>;\r\n  rightStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const headerStyle = computed(\r\n    () => css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      background-color: ${token.value.colorBgContainer};\r\n      left: ${left.value};\r\n      height: ${layout.value.headerHeight}px;\r\n      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      display: flex;\r\n      align-items: flex-end;\r\n    `\r\n  );\r\n\r\n  const headerTabStyle = computed(\r\n    () => css`\r\n      flex: 1;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n    `\r\n  );\r\n\r\n  const collapsedStyle = computed(\r\n    () => css`\r\n      padding: 0 10px;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      height: 100%;\r\n    `\r\n  );\r\n\r\n  return {\r\n    headerStyle,\r\n    headerTabStyle,\r\n    collapsedStyle,\r\n    rightStyle\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"headerStyle\">\r\n    <div :class=\"collapsedStyle\" @click=\"layout.collapsed = !layout.collapsed\">\r\n      <menu-unfold-outlined v-if=\"layout.collapsed\" class=\"trigger\" />\r\n      <menu-fold-outlined v-else />\r\n    </div>\r\n    <div :class=\"headerTabStyle\">\r\n      <Tab />\r\n    </div>\r\n    <div :class=\"rightStyle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAC5C,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,UAAA,KAAe,QAAS,EAAA;AAE7E,IAAA,SAAS,QAKP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAAC,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,YAAc,GAAAD,YAAA;AAAA,QAClB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,wBAIgB,EAAA,KAAA,CAAM,MAAM,gBAAgB,CAAA;AAAA,YAAA,EACxC,KAAK,KAAK,CAAA;AAAA,cACR,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAiB,GAAAH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAiB,GAAAJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAa,GAAAL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,cAAAE,EAAAA,eAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,UAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderLayout.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/HeaderLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport Tab from \"../../../tab/Tab.vue\";\r\n\r\nconst { layout } = storeToRefs(useAppStore());\r\nconst { headerStyle, headerTabStyle, collapsedStyle, rightStyle } = useStyle();\r\n\r\nfunction useStyle(): {\r\n  headerStyle: ComputedRef<string>;\r\n  headerTabStyle: ComputedRef<string>;\r\n  collapsedStyle: ComputedRef<string>;\r\n  rightStyle: ComputedRef<string>;\r\n} {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const left = computed(\r\n    () =>\r\n      `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n  );\r\n\r\n  const headerStyle = computed(\r\n    () => css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      background-color: ${token.value.colorBgContainer};\r\n      left: ${left.value};\r\n      height: ${layout.value.headerHeight}px;\r\n      transition: left 0.4s cubic-bezier(0.22, 1.2, 0.36, 1);\r\n      display: flex;\r\n      align-items: flex-end;\r\n    `\r\n  );\r\n\r\n  const headerTabStyle = computed(\r\n    () => css`\r\n      flex: 1;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n    `\r\n  );\r\n\r\n  const collapsedStyle = computed(\r\n    () => css`\r\n      padding: 0 10px;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    `\r\n  );\r\n\r\n  const rightStyle = computed(\r\n    () => css`\r\n      height: 100%;\r\n    `\r\n  );\r\n\r\n  return {\r\n    headerStyle,\r\n    headerTabStyle,\r\n    collapsedStyle,\r\n    rightStyle\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"headerStyle\">\r\n    <div :class=\"collapsedStyle\" @click=\"layout.collapsed = !layout.collapsed\">\r\n      <menu-unfold-outlined v-if=\"layout.collapsed\" class=\"trigger\" />\r\n      <menu-fold-outlined v-else />\r\n    </div>\r\n    <div :class=\"headerTabStyle\">\r\n      <Tab />\r\n    </div>\r\n    <div :class=\"rightStyle\">\r\n      <slot></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","theme","computed","headerStyle","css","headerTabStyle","collapsedStyle","rightStyle"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAC5C,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,cAAgB,EAAA,UAAA,KAAe,QAAS,EAAA;AAE7E,IAAA,SAAS,QAKP,GAAA;AACA,MAAM,MAAA,EAAE,UAAa,GAAAC,kBAAA;AACrB,MAAM,MAAA,EAAE,KAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,QACX,MACE,CAAG,EAAA,MAAA,CAAO,KAAM,CAAA,SAAA,GAAY,OAAO,KAAM,CAAA,cAAA,GAAiB,MAAO,CAAA,KAAA,CAAM,SAAS,CAAA,EAAA;AAAA,OACpF;AAEA,MAAA,MAAMC,YAAc,GAAAD,YAAA;AAAA,QAClB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,wBAIgB,EAAA,KAAA,CAAM,MAAM,gBAAgB,CAAA;AAAA,YAAA,EACxC,KAAK,KAAK,CAAA;AAAA,cACR,EAAA,MAAA,CAAO,MAAM,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKvC;AAEA,MAAA,MAAMC,eAAiB,GAAAH,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAKR;AAEA,MAAA,MAAME,eAAiB,GAAAJ,YAAA;AAAA,QACrB,MAAME,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,OAQR;AAEA,MAAA,MAAMG,WAAa,GAAAL,YAAA;AAAA,QACjB,MAAME,OAAA;AAAA;AAAA,IAAA;AAAA,OAGR;AAEA,MAAO,OAAA;AAAA,QACL,WAAAD,EAAAA,YAAAA;AAAA,QACA,cAAAE,EAAAA,eAAAA;AAAA,QACA,cAAAC,EAAAA,eAAAA;AAAA,QACA,UAAAC,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/layout/ThemeApp.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ThemeApp_vue_vue_type_script_setup_true_lang = require('./ThemeApp.vue2.cjs');
+
+"use strict";
+
+exports.default = ThemeApp_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=ThemeApp.vue.cjs.map

package/dist/cjs/components/layout/components/layout/ThemeApp.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeApp.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/components/layout/components/layout/ThemeApp.vue2.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
+var store = require('@ditari/store');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ThemeApp",
+  setup(__props) {
+    const { appTheme } = useTheme();
+    function useTheme() {
+      const { modeConfig } = pinia.storeToRefs(store.useAppStore());
+      const appTheme2 = vue.ref({ algorithm: "" });
+      vue.watch(
+        () => modeConfig.value.mode,
+        (val) => {
+          if (val === "os") {
+            const isDarkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+            if (isDarkMode) {
+              appTheme2.value.algorithm = antDesignVue.theme.darkAlgorithm;
+            } else {
+              appTheme2.value.algorithm = antDesignVue.theme.defaultAlgorithm;
+            }
+          } else if (val === "light") {
+            appTheme2.value.algorithm = antDesignVue.theme.defaultAlgorithm;
+          } else if (val === "dark") {
+            appTheme2.value.algorithm = antDesignVue.theme.darkAlgorithm;
+          } else {
+            appTheme2.value.algorithm = antDesignVue.theme.defaultAlgorithm;
+          }
+        },
+        { immediate: true }
+      );
+      return {
+        appTheme: appTheme2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_a_config_provider = vue.resolveComponent("a-config-provider");
+      return vue.openBlock(), vue.createBlock(_component_a_config_provider, { theme: vue.unref(appTheme) }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["theme"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=ThemeApp.vue2.cjs.map

package/dist/cjs/components/layout/components/layout/ThemeApp.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeApp.vue2.cjs","sources":["../../../../../../src/components/layout/components/layout/ThemeApp.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { Ref, ref, watch } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useAppStore } from \"@ditari/store\";\r\n\r\nconst { appTheme } = useTheme();\r\n\r\nfunction useTheme(): { appTheme: Ref<unknown> } {\r\n  const { modeConfig } = storeToRefs(useAppStore());\r\n  const appTheme = ref<Record<string, unknown>>({ algorithm: \"\" });\r\n\r\n  watch(\r\n    () => modeConfig.value.mode,\r\n    (val: string) => {\r\n      if (val === \"os\") {\r\n        const isDarkMode =\r\n          window.matchMedia &&\r\n          window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\r\n        if (isDarkMode) {\r\n          appTheme.value.algorithm = theme.darkAlgorithm;\r\n        } else {\r\n          appTheme.value.algorithm = theme.defaultAlgorithm;\r\n        }\r\n      } else if (val === \"light\") {\r\n        appTheme.value.algorithm = theme.defaultAlgorithm;\r\n      } else if (val === \"dark\") {\r\n        appTheme.value.algorithm = theme.darkAlgorithm;\r\n      } else {\r\n        appTheme.value.algorithm = theme.defaultAlgorithm;\r\n      }\r\n    },\r\n    { immediate: true }\r\n  );\r\n\r\n  return {\r\n    appTheme\r\n  };\r\n}\r\n</script>\r\n\r\n<template>\r\n  <a-config-provider :theme=\"appTheme\">\r\n    <slot></slot>\r\n  </a-config-provider>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","appTheme","ref","watch","theme"],"mappings":";;;;;;;;;;;;;AAOA,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,QAAS,EAAA;AAE9B,IAAA,SAAS,QAAuC,GAAA;AAC9C,MAAA,MAAM,EAAE,UAAA,EAAe,GAAAA,iBAAA,CAAYC,mBAAa,CAAA;AAChD,MAAA,MAAMC,SAAW,GAAAC,OAAA,CAA6B,EAAE,SAAA,EAAW,IAAI,CAAA;AAE/D,MAAAC,SAAA;AAAA,QACE,MAAM,WAAW,KAAM,CAAA,IAAA;AAAA,QACvB,CAAC,GAAgB,KAAA;AACf,UAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,YAAA,MAAM,aACJ,MAAO,CAAA,UAAA,IACP,MAAO,CAAA,UAAA,CAAW,8BAA8B,CAAE,CAAA,OAAA;AACpD,YAAA,IAAI,UAAY,EAAA;AACd,cAAAF,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAYG,kBAAM,CAAA,aAAA;AAAA,aAC5B,MAAA;AACL,cAAAH,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAYG,kBAAM,CAAA,gBAAA;AAAA;AACnC,WACF,MAAA,IAAW,QAAQ,OAAS,EAAA;AAC1B,YAAAH,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAYG,kBAAM,CAAA,gBAAA;AAAA,WACnC,MAAA,IAAW,QAAQ,MAAQ,EAAA;AACzB,YAAAH,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAYG,kBAAM,CAAA,aAAA;AAAA,WAC5B,MAAA;AACL,YAAAH,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAYG,kBAAM,CAAA,gBAAA;AAAA;AACnC,SACF;AAAA,QACA,EAAE,WAAW,IAAK;AAAA,OACpB;AAEA,MAAO,OAAA;AAAA,QACL,QAAAH,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/menu/Menu.cjs

@@ -9,6 +9,26 @@ var store = require('@ditari/store');
 var css = require('@emotion/css');
 
 "use strict";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var DMenu = /* @__PURE__ */ vue.defineComponent({
   name: "DMenu",
   setup() {
@@ -44,6 +64,9 @@ var DMenu = /* @__PURE__ */ vue.defineComponent({
       };
     }
     function useMenu() {
+      const {
+        layout
+      } = pinia.storeToRefs(store.useAppStore());
       const {
         openKeys: openKeys2,
         selectedKeys: selectedKeys2,
@@ -51,32 +74,59 @@ var DMenu = /* @__PURE__ */ vue.defineComponent({
       } = pinia.storeToRefs(store.useMenuStore());
       const route = vueRouter.useRoute();
       const router = vueRouter.useRouter();
-      vue.watch(() => route.fullPath, (val) => {
-        const flag = selectedKeys2.value.some((item) => item === val);
+      vue.watch(() => route.fullPath, (path) => __async(this, null, function* () {
+        const flag = selectedKeys2.value.some((item) => item === path);
         if (!flag) {
-          const rs = _findMatchedMenuKey(val, data2.value);
-          openKeys2.value = [rs];
-          selectedKeys2.value = [rs];
+          const rs = _findMatchedMenuKey(path, data2.value);
+          if (rs) {
+            if (!layout.value.collapsed) {
+              if (rs == null ? void 0 : rs.parentKey) {
+                openKeys2.value = [rs.parentKey];
+              } else {
+                openKeys2.value = [rs.matchedKey];
+              }
+            }
+            selectedKeys2.value = [rs.matchedKey];
+          }
+        }
+      }));
+      vue.watch(() => layout.value.collapsed, (val) => {
+        const path = selectedKeys2.value[0];
+        const rs = _findMatchedMenuKey(path, data2.value);
+        if (val) {
+          openKeys2.value = [];
+        } else {
+          if (rs == null ? void 0 : rs.parentKey) {
+            openKeys2.value = [rs.parentKey];
+          } else {
+            openKeys2.value = [rs.matchedKey];
+          }
         }
       });
-      const _findMatchedMenuKey = (path, menuItems) => {
+      const _findMatchedMenuKey = (path, menuItems, parentKey = "") => {
         for (const item of menuItems) {
           if (item.key === path) {
-            return item.key;
+            return {
+              matchedKey: item.key,
+              parentKey
+            };
           }
           if (item.children && item.children.length > 0) {
-            const matchedKey = _findMatchedMenuKey(path, item.children);
-            if (matchedKey) {
-              return matchedKey;
+            const result = _findMatchedMenuKey(path, item.children, item.key);
+            if (result) {
+              return result;
             }
           }
           const match = path.match(/^\/[^/]+/);
           const basePath = match ? match[0] : "";
           if (item.key.startsWith(basePath)) {
-            return item.key;
+            return {
+              matchedKey: item.key,
+              parentKey
+            };
           }
         }
-        return "";
+        return null;
       };
       const onClick2 = ({
         key,
@@ -108,6 +158,7 @@ var DMenu = /* @__PURE__ */ vue.defineComponent({
       "onUpdate:selected-keys": ($event) => selectedKeys.value = $event,
       "items": data.value,
       "mode": "inline",
+      "triggerSubMenuAction": "hover",
       "onClick": onClick
     }, null)]);
   }

package/dist/cjs/components/layout/components/menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useMenuStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  setup() {\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, data, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            /* Webkit 浏览器 */\r\n\r\n            ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { openKeys, selectedKeys, data } = storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        val => {\r\n          const flag = selectedKeys.value.some((item: string) => item === val);\r\n          if (!flag) {\r\n            // TODO 这里有点问题，后续再改进\r\n            const rs = _findMatchedMenuKey(val, data.value as never);\r\n            openKeys.value = [rs];\r\n            selectedKeys.value = [rs];\r\n          }\r\n        }\r\n      );\r\n\r\n      // 匹配菜单项的函数（支持嵌套 children）\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children: [] }[]\r\n      ): string => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.key === path) {\r\n            return item.key;\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const matchedKey = _findMatchedMenuKey(path, item.children);\r\n            if (matchedKey) {\r\n              return matchedKey;\r\n            }\r\n          }\r\n\r\n          // 匹配以 basePath 开头的菜单项\r\n          const match = path.match(/^\\/[^/]+/); // 匹配以 / 开头，后面不包含 / 的部分\r\n          const basePath = match ? match[0] : \"\"; // 提取基础路径，如 /user\r\n          if (item.key.startsWith(basePath)) {\r\n            return item.key;\r\n          }\r\n        }\r\n\r\n        // 默认返回空\r\n        return \"\";\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath\r\n      }: {\r\n        item: string;\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        openKeys.value = keyPath;\r\n        selectedKeys.value = [key];\r\n\r\n        // 判断目标路由和当前路由是否相等;\r\n        // 不相等的时候再跳转\r\n        if (route.path !== key) {\r\n          router.push(key).then(r => {\r\n            if (r) {\r\n              console.warn(r);\r\n            }\r\n          });\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={data.value}\r\n          mode=\"inline\"\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","setup","menuWrapperStyle","useStyle","openKeys","selectedKeys","data","onClick","useMenu","computed","css","storeToRefs","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","val","flag","value","some","item","rs","_findMatchedMenuKey","path","menuItems","key","children","length","matchedKey","match","basePath","startsWith","keyPath","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { useAppStore, useMenuStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n  name: \"DMenu\",\r\n  setup() {\r\n    const { menuWrapperStyle } = useStyle();\r\n    const { openKeys, selectedKeys, data, onClick } = useMenu();\r\n\r\n    function useStyle() {\r\n      const menuWrapperStyle = computed(\r\n        () => css`\r\n          flex: 1;\r\n          overflow: hidden;\r\n\r\n          .ant-menu {\r\n            height: 100%;\r\n            overflow: scroll;\r\n            -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n            scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n            /* Webkit 浏览器 */\r\n\r\n            ::-webkit-scrollbar {\r\n              display: none;\r\n            }\r\n          }\r\n        `\r\n      );\r\n      return {\r\n        menuWrapperStyle\r\n      };\r\n    }\r\n\r\n    function useMenu() {\r\n      const { layout } = storeToRefs(useAppStore());\r\n      const { openKeys, selectedKeys, data } = storeToRefs(useMenuStore());\r\n      const route = useRoute();\r\n      const router = useRouter();\r\n\r\n      /**\r\n       * 在标签切换的时候，路由会变化，需要动态关联左侧菜单的选中状态\r\n       */\r\n      watch(\r\n        () => route.fullPath,\r\n        async path => {\r\n          const flag = selectedKeys.value.some((item: string) => item === path);\r\n          if (!flag) {\r\n            const rs = _findMatchedMenuKey(path, data.value as never);\r\n            if (rs) {\r\n              if (!layout.value.collapsed) {\r\n                if (rs?.parentKey) {\r\n                  openKeys.value = [rs.parentKey];\r\n                } else {\r\n                  openKeys.value = [rs!.matchedKey];\r\n                }\r\n              }\r\n              selectedKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      watch(\r\n        () => layout.value.collapsed,\r\n        val => {\r\n          const path = selectedKeys.value[0];\r\n          const rs = _findMatchedMenuKey(path, data.value as never);\r\n          if (val) {\r\n            openKeys.value = [];\r\n          } else {\r\n            if (rs?.parentKey) {\r\n              openKeys.value = [rs.parentKey];\r\n            } else {\r\n              openKeys.value = [rs!.matchedKey];\r\n            }\r\n          }\r\n        }\r\n      );\r\n\r\n      // 匹配菜单项的函数（支持嵌套 children）\r\n      const _findMatchedMenuKey = (\r\n        path: string,\r\n        menuItems: { key: string; children: [] }[],\r\n        parentKey: string = \"\"\r\n      ): { matchedKey: string; parentKey: string } | null => {\r\n        // 遍历菜单项\r\n        for (const item of menuItems) {\r\n          // 完全匹配\r\n          if (item.key === path) {\r\n            return { matchedKey: item.key, parentKey };\r\n          }\r\n\r\n          // 如果当前菜单项有 children，递归查找\r\n          if (item.children && item.children.length > 0) {\r\n            const result = _findMatchedMenuKey(path, item.children, item.key);\r\n            if (result) {\r\n              return result;\r\n            }\r\n          }\r\n\r\n          // 匹配以 basePath 开头的菜单项\r\n          const match = path.match(/^\\/[^/]+/); // 匹配以 / 开头，后面不包含 / 的部分\r\n          const basePath = match ? match[0] : \"\"; // 提取基础路径，如 /user\r\n          if (item.key.startsWith(basePath)) {\r\n            return { matchedKey: item.key, parentKey };\r\n          }\r\n        }\r\n\r\n        // 如果没有找到匹配的菜单项，返回 null\r\n        return null;\r\n      };\r\n\r\n      const onClick = ({\r\n        key,\r\n        keyPath\r\n      }: {\r\n        item: string;\r\n        key: string;\r\n        keyPath: string[];\r\n      }) => {\r\n        openKeys.value = keyPath;\r\n        selectedKeys.value = [key];\r\n\r\n        // 判断目标路由和当前路由是否相等;\r\n        // 不相等的时候再跳转\r\n        if (route.path !== key) {\r\n          router.push(key).then(r => {\r\n            if (r) {\r\n              console.warn(r);\r\n            }\r\n          });\r\n        }\r\n      };\r\n\r\n      return {\r\n        openKeys,\r\n        selectedKeys,\r\n        data,\r\n        onClick\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={menuWrapperStyle.value}>\r\n        <a-menu\r\n          v-model:open-keys={openKeys.value}\r\n          v-model:selected-keys={selectedKeys.value}\r\n          items={data.value}\r\n          mode=\"inline\"\r\n          triggerSubMenuAction={\"hover\"}\r\n          onClick={onClick}\r\n        ></a-menu>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["defineComponent","name","setup","menuWrapperStyle","useStyle","openKeys","selectedKeys","data","onClick","useMenu","computed","css","layout","storeToRefs","useAppStore","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","value","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","match","basePath","startsWith","keyPath","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}

package/dist/cjs/components/layout/components/settings/BlockCheckbox.vue.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BlockCheckbox_vue_vue_type_script_setup_true_lang = require('./BlockCheckbox.vue2.cjs');
+
+"use strict";
+
+exports.default = BlockCheckbox_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=BlockCheckbox.vue.cjs.map

package/dist/cjs/components/layout/components/settings/BlockCheckbox.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/components/layout/components/settings/BlockCheckbox.vue2.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconsVue = require('@ant-design/icons-vue');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "BlockCheckbox",
+  props: {
+    themes: { type: String, required: false },
+    isDark: { type: Boolean, required: false },
+    checked: { type: Boolean, required: false },
+    t: { type: Function, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const prefixCls = vue.shallowRef("ant-pro-drawer-setting-block-checkbox");
+    const cls = vue.computed(() => {
+      return {
+        [`${prefixCls.value}-item`]: true,
+        [`${prefixCls.value}-theme-item`]: props.isDark,
+        // [`${prefixCls.value}-item-${props.theme}`]: !!props.theme,
+        [`${prefixCls.value}-theme-item-${props.themes}`]: props.isDark
+      };
+    });
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = vue.resolveComponent("a-tooltip");
+      return vue.openBlock(), vue.createBlock(_component_a_tooltip, null, {
+        title: vue.withCtx(() => [
+          vue.createCommentVNode('      {{ t?.(`app.setting.pagestyle.${theme}` ?? "") }}')
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(cls.value)
+            },
+            [
+              vue.withDirectives(vue.createVNode(vue.unref(iconsVue.CheckOutlined), {
+                class: vue.normalizeClass(`${prefixCls.value}-selectIcon`)
+              }, null, 8, ["class"]), [
+                [vue.vShow, __props.checked]
+              ])
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=BlockCheckbox.vue2.cjs.map

package/dist/cjs/components/layout/components/settings/BlockCheckbox.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCheckbox.vue2.cjs","sources":["../../../../../../src/components/layout/components/settings/BlockCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, shallowRef } from \"vue\";\n\nimport { CheckOutlined } from \"@ant-design/icons-vue\";\n\nconst props = defineProps({\n  themes: { type: String, required: false },\n  isDark: { type: Boolean, required: false },\n  checked: { type: Boolean, required: false },\n  t: { type: Function, required: false }\n});\nconst prefixCls = shallowRef(\"ant-pro-drawer-setting-block-checkbox\");\n\nconst cls = computed(() => {\n  return {\n    [`${prefixCls.value}-item`]: true,\n    [`${prefixCls.value}-theme-item`]: props.isDark,\n    // [`${prefixCls.value}-item-${props.theme}`]: !!props.theme,\n    [`${prefixCls.value}-theme-item-${props.themes}`]: props.isDark\n  };\n});\n</script>\n\n<template>\n  <a-tooltip>\n    <template #title>\n      <!--      {{ t?.(`app.setting.pagestyle.${theme}` ?? \"\") }}-->\n    </template>\n    <div :class=\"cls\">\n      <CheckOutlined v-show=\"checked\" :class=\"`${prefixCls}-selectIcon`\" />\n    </div>\n  </a-tooltip>\n</template>\n"],"names":["shallowRef","computed"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAMd,IAAM,MAAA,SAAA,GAAYA,eAAW,uCAAuC,CAAA;AAEpE,IAAM,MAAA,GAAA,GAAMC,aAAS,MAAM;AACzB,MAAO,OAAA;AAAA,QACL,CAAC,CAAA,EAAG,SAAU,CAAA,KAAK,OAAO,GAAG,IAAA;AAAA,QAC7B,CAAC,CAAG,EAAA,SAAA,CAAU,KAAK,CAAA,WAAA,CAAa,GAAG,KAAM,CAAA,MAAA;AAAA;AAAA,QAEzC,CAAC,GAAG,SAAU,CAAA,KAAK,eAAe,KAAM,CAAA,MAAM,CAAE,CAAA,GAAG,KAAM,CAAA;AAAA,OAC3D;AAAA,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/layout/components/settings/SettingDrawer.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var pinia = require('pinia');
+var iconsVue = require('@ant-design/icons-vue');
+var store = require('@ditari/store');
+var css = require('@emotion/css');
+require('./BlockCheckbox.vue.cjs');
+var BlockCheckbox_vue_vue_type_script_setup_true_lang = require('./BlockCheckbox.vue2.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var SettingDrawer = /* @__PURE__ */ vue.defineComponent({
+  components: {
+    BlockCheckbox: BlockCheckbox_vue_vue_type_script_setup_true_lang.default
+  },
+  setup() {
+    const open = vue.ref(false);
+    const {
+      useToken
+    } = antDesignVue.theme;
+    const {
+      token
+    } = useToken();
+    const store$1 = store.useAppStore();
+    const {
+      modeConfig
+    } = pinia.storeToRefs(store$1);
+    const {
+      btnStyle,
+      closeBtnStyle,
+      dividerStyle,
+      settingDrawerStyle
+    } = useStyle();
+    function useStyle() {
+      const settingDrawerStyle2 = vue.computed(() => css.css``);
+      const btnStyle2 = vue.computed(() => css.css`
+          background-color: ${token.value.colorPrimary};
+          border-end-start-radius: ${token == null ? void 0 : token.value.borderRadius}px;
+          border-start-start-radius: ${token == null ? void 0 : token.value.borderRadius}px;
+        `);
+      const closeBtnStyle2 = vue.computed(() => css.css`
+          ${btnStyle2.value};
+          position: absolute;
+          top: 240px;
+          right: 378px;
+        `);
+      const dividerStyle2 = vue.computed(() => `
+        border-color: #7cb305;
+      `);
+      return {
+        btnStyle: btnStyle2,
+        closeBtnStyle: closeBtnStyle2,
+        dividerStyle: dividerStyle2,
+        settingDrawerStyle: settingDrawerStyle2
+      };
+    }
+    return () => {
+      let _slot;
+      return vue.createVNode("div", {
+        "class": settingDrawerStyle.value
+      }, [vue.createVNode("div", {
+        "class": `ant-pro-drawer-setting-handle ${btnStyle.value}`,
+        "onClick": () => open.value = true
+      }, [vue.createVNode(iconsVue.SettingOutlined, {
+        "class": "icon"
+      }, null)]), vue.createVNode(vue.resolveComponent("a-drawer"), {
+        "open": open.value,
+        "onUpdate:open": ($event) => open.value = $event,
+        "bodyStyle": {
+          padding: 0
+        }
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": `ant-pro-drawer-setting-handle  ${closeBtnStyle.value}`,
+          "onClick": () => open.value = false
+        }, [vue.createVNode(iconsVue.CloseOutlined, {
+          "class": "icon"
+        }, null)]), vue.createVNode(vue.resolveComponent("a-form"), null, {
+          default: () => [vue.createVNode(vue.resolveComponent("a-form-item"), {
+            "label": "\u6A21\u5F0F"
+          }, {
+            default: () => [vue.createVNode(vue.resolveComponent("a-radio-group"), {
+              "value": modeConfig.value.mode,
+              "onUpdate:value": ($event) => modeConfig.value.mode = $event,
+              "button-style": "solid"
+            }, _isSlot(_slot = modeConfig.value.list.map((item) => vue.createVNode(vue.resolveComponent("a-radio-button"), {
+              "value": item.value
+            }, {
+              default: () => [item.label]
+            }))) ? _slot : {
+              default: () => [_slot]
+            })]
+          }), vue.createVNode(vue.resolveComponent("a-form-item"), {
+            "label": "\u6A21\u5F0F"
+          }, null)]
+        })]
+      })]);
+    };
+  }
+});
+
+exports.default = SettingDrawer;
+//# sourceMappingURL=SettingDrawer.cjs.map

package/dist/cjs/components/layout/components/settings/SettingDrawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingDrawer.cjs","sources":["../../../../../../src/components/layout/components/settings/SettingDrawer.tsx"],"sourcesContent":["import { computed, type ComputedRef, defineComponent, ref } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport { CloseOutlined, SettingOutlined } from \"@ant-design/icons-vue\";\r\nimport { useAppStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nimport BlockCheckbox from \"./BlockCheckbox.vue\";\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    BlockCheckbox\r\n  },\r\n  setup() {\r\n    const open = ref(false);\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n    const store = useAppStore();\r\n    const { modeConfig } = storeToRefs(store);\r\n\r\n    const { btnStyle, closeBtnStyle, dividerStyle, settingDrawerStyle } =\r\n      useStyle();\r\n\r\n    function useStyle(): {\r\n      btnStyle: ComputedRef<string>;\r\n      closeBtnStyle: ComputedRef<string>;\r\n      dividerStyle: ComputedRef<string>;\r\n      settingDrawerStyle: ComputedRef<string>;\r\n    } {\r\n      const settingDrawerStyle = computed(() => css``);\r\n      const btnStyle = computed(\r\n        () => css`\r\n          background-color: ${token.value.colorPrimary};\r\n          border-end-start-radius: ${token?.value.borderRadius}px;\r\n          border-start-start-radius: ${token?.value.borderRadius}px;\r\n        `\r\n      );\r\n\r\n      const closeBtnStyle = computed(\r\n        () => css`\r\n          ${btnStyle.value};\r\n          position: absolute;\r\n          top: 240px;\r\n          right: 378px;\r\n        `\r\n      );\r\n\r\n      const dividerStyle = computed(\r\n        () => `\r\n        border-color: #7cb305;\r\n      `\r\n      );\r\n\r\n      return {\r\n        btnStyle,\r\n        closeBtnStyle,\r\n        dividerStyle,\r\n        settingDrawerStyle\r\n      };\r\n    }\r\n\r\n    return () => (\r\n      <div class={settingDrawerStyle.value}>\r\n        <div\r\n          class={`ant-pro-drawer-setting-handle ${btnStyle.value}`}\r\n          onClick={() => (open.value = true)}\r\n        >\r\n          <SettingOutlined class={\"icon\"} />\r\n        </div>\r\n        <a-drawer v-model:open={open.value} bodyStyle={{ padding: 0 }}>\r\n          <div\r\n            class={`ant-pro-drawer-setting-handle  ${closeBtnStyle.value}`}\r\n            onClick={() => (open.value = false)}\r\n          >\r\n            <CloseOutlined class={\"icon\"} />\r\n          </div>\r\n\r\n          <a-form>\r\n            <a-form-item label={\"模式\"}>\r\n              <a-radio-group\r\n                v-model:value={modeConfig.value.mode}\r\n                button-style=\"solid\"\r\n              >\r\n                {modeConfig.value.list.map(item => (\r\n                  <a-radio-button value={item.value}>\r\n                    {item.label}\r\n                  </a-radio-button>\r\n                ))}\r\n              </a-radio-group>\r\n            </a-form-item>\r\n            <a-form-item label={\"模式\"}></a-form-item>\r\n          </a-form>\r\n        </a-drawer>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","components","BlockCheckbox","setup","open","ref","useToken","theme","token","store","useAppStore","modeConfig","storeToRefs","btnStyle","closeBtnStyle","dividerStyle","settingDrawerStyle","useStyle","computed","css","value","colorPrimary","borderRadius","_slot","_createVNode","onClick","SettingOutlined","_resolveComponent","$event","padding","default","CloseOutlined","mode","list","map","item","label"],"mappings":"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"}