@ditari/bsui 5.0.9 → 5.0.11

package/dist/css/index.css

@@ -1 +1 @@
-.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:30px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .close-btn{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .tab-item{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-right:30px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}.ant-pro-drawer-setting-handle{position:fixed;inset-block-start:240px;inset-inline-end:0;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;backdrop-filter:saturate(180%) blur(20px);cursor:pointer;pointer-events:auto}.ant-pro-drawer-setting-handle .icon{color:#fff}.ant-pro-drawer-setting-handle-icon-dark{color:#e5e0d8}.ant-pro-drawer-setting-theme-color{margin-top:16px;overflow:hidden}.ant-pro-drawer-setting-theme-color-block{float:left;width:20px;height:20px;margin-top:8px;margin-right:8px;font-weight:700;display:flex;color:#fff;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.ant-pro-drawer-setting-block-checkbox{display:flex;min-height:42px}.ant-pro-drawer-setting-block-checkbox-selectIcon{position:absolute;right:6px;bottom:4px;font-weight:700;font-size:14px;pointer-events:none}.ant-pro-drawer-setting-block-checkbox-item{position:relative;width:44px;height:36px;margin-right:16px;overflow:hidden;background-color:#f0f2f5;border-radius:4px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,.18);cursor:pointer}.ant-pro-drawer-setting-block-checkbox-item::before{position:absolute;top:0;left:0;width:33%;height:100%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item::after{position:absolute;top:0;left:0;width:100%;height:25%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-dark{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-dark::before{background-color:rgba(0,21,41,.65);content:""}.ant-pro-drawer-setting-block-checkbox-item-dark::after{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-light::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-light::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-inverted::before,.ant-pro-drawer-setting-block-checkbox-item-side::before{z-index:1;background-color:#001529;content:""}.ant-pro-drawer-setting-block-checkbox-item-inverted::after,.ant-pro-drawer-setting-block-checkbox-item-side::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-top::before{background-color:rgba(0,0,0,0);content:""}.ant-pro-drawer-setting-block-checkbox-item-top::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-item-mix::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-mix::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-theme-item{background:#2a2c2c;box-shadow:rgba(13,13,13,.18) 0px 1px 2.5px 0px}.ant-pro-drawer-setting-block-checkbox-theme-item-light::before,.ant-pro-drawer-setting-block-checkbox-theme-item-light::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-dark::before,.ant-pro-drawer-setting-block-checkbox-theme-item-dark::after{background-color:rgba(15,28,41,.65)}.ant-pro-drawer-setting-block-checkbox-theme-item-side::before,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::before{background-color:#0f1c29}.ant-pro-drawer-setting-block-checkbox-theme-item-side::after,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-mix::before{background-color:#242525}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;display:none}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}
+.d-tabs-nav{flex:1;overflow:hidden}.d-tabs-nav .ant-tabs-nav{margin-bottom:0 !important}.d-tabs-nav .ant-tabs-nav:before{border-bottom-width:0}.d-tabs-nav .ant-tabs-nav-operations{display:none !important}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{position:relative;transition:none !important;border:0;background:rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{margin-left:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:nth-last-child(2){margin-right:20px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{position:absolute;bottom:-1px;content:"";width:30px;height:30px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:before{left:-30px;clip-path:inset(50% -10px 0 50%)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:after{right:-30px;clip-path:inset(50% 50% 0 -10px)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-radius:10px 10px 0 0 !important;background:var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before,.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:after{z-index:10;box-shadow:0 0 0 30px var(--active-tab-color)}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:-1}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-hover-bg:before{content:"";width:100%;height:25px;border-radius:6px}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .close-btn{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) .tab-item{color:#fff}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.d-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-btn{display:flex;align-items:center}.d-tabs-nav .tab-close{position:absolute;top:0;right:0;bottom:0;padding:4px;display:flex;align-items:center;justify-content:center}.d-tabs-nav .tab-close .close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:20}.d-tabs-nav .tab-close .anticon{margin:0}.d-tabs-nav .tab-item{padding-right:30px}.d-tabs-nav .tab-dividers{position:absolute;z-index:0;height:14px;left:-2px}.d-tabs-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:var(--splitColor);border-radius:10px;transition:opacity .2s ease,background-color .3s}.search-popover-wrapper .ant-popover-inner{padding:0}.ant-pro-drawer-setting-handle{position:fixed;inset-block-start:240px;inset-inline-end:0;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:16px;text-align:center;backdrop-filter:saturate(180%) blur(20px);cursor:pointer;pointer-events:auto}.ant-pro-drawer-setting-handle .icon{color:#fff}.ant-pro-drawer-setting-handle-icon-dark{color:#e5e0d8}.ant-pro-drawer-setting-theme-color{margin-top:16px;overflow:hidden}.ant-pro-drawer-setting-theme-color-block{float:left;width:20px;height:20px;margin-top:8px;margin-right:8px;font-weight:700;display:flex;color:#fff;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.ant-pro-drawer-setting-block-checkbox{display:flex;min-height:42px}.ant-pro-drawer-setting-block-checkbox-selectIcon{position:absolute;right:6px;bottom:4px;font-weight:700;font-size:14px;pointer-events:none}.ant-pro-drawer-setting-block-checkbox-item{position:relative;width:44px;height:36px;margin-right:16px;overflow:hidden;background-color:#f0f2f5;border-radius:4px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,.18);cursor:pointer}.ant-pro-drawer-setting-block-checkbox-item::before{position:absolute;top:0;left:0;width:33%;height:100%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item::after{position:absolute;top:0;left:0;width:100%;height:25%;background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-dark{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-dark::before{background-color:rgba(0,21,41,.65);content:""}.ant-pro-drawer-setting-block-checkbox-item-dark::after{background-color:rgba(0,21,41,.85)}.ant-pro-drawer-setting-block-checkbox-item-light::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-light::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-inverted::before,.ant-pro-drawer-setting-block-checkbox-item-side::before{z-index:1;background-color:#001529;content:""}.ant-pro-drawer-setting-block-checkbox-item-inverted::after,.ant-pro-drawer-setting-block-checkbox-item-side::after{background-color:#fff}.ant-pro-drawer-setting-block-checkbox-item-top::before{background-color:rgba(0,0,0,0);content:""}.ant-pro-drawer-setting-block-checkbox-item-top::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-item-mix::before{background-color:#fff;content:""}.ant-pro-drawer-setting-block-checkbox-item-mix::after{background-color:#001529}.ant-pro-drawer-setting-block-checkbox-theme-item{background:#2a2c2c;box-shadow:rgba(13,13,13,.18) 0px 1px 2.5px 0px}.ant-pro-drawer-setting-block-checkbox-theme-item-light::before,.ant-pro-drawer-setting-block-checkbox-theme-item-light::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-dark::before,.ant-pro-drawer-setting-block-checkbox-theme-item-dark::after{background-color:rgba(15,28,41,.65)}.ant-pro-drawer-setting-block-checkbox-theme-item-side::before,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::before{background-color:#0f1c29}.ant-pro-drawer-setting-block-checkbox-theme-item-side::after,.ant-pro-drawer-setting-block-checkbox-theme-item-inverted::after{background-color:#242525}.ant-pro-drawer-setting-block-checkbox-theme-item-mix::before{background-color:#242525}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0 !important;display:none}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}

package/dist/esm/components/date/RangePicker.vue2.mjs

@@ -3,8 +3,6 @@ import dayjs from '../../_virtual/dayjs.min.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -20,28 +18,57 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RangePicker",
   props: {
     value: { type: Object, required: true, default: () => ({}) },
-    startField: { type: String, required: false, default: "startTime" },
-    endField: { type: String, required: false, default: "endTime" },
+    startField: { type: [String, Array], required: false, default: "startTime" },
+    endField: { type: [String, Array], required: false, default: "endTime" },
     format: { type: String, required: false, default: "YYYY-MM-DD" }
   },
   emits: ["update:value", "change"],
   setup(__props, { emit: __emit }) {
+    const normalizePath = (field) => {
+      return Array.isArray(field) ? field : [field];
+    };
+    const getNestedValue = (obj, field) => {
+      const path = normalizePath(field);
+      let current = obj;
+      for (const key of path) {
+        if (current && typeof current === "object" && key in current) {
+          current = current[key];
+        } else {
+          return void 0;
+        }
+      }
+      return current;
+    };
+    const setNestedValue = (obj, field, value) => {
+      const path = normalizePath(field);
+      const newObj = __spreadValues({}, obj);
+      let current = newObj;
+      for (let i = 0; i < path.length - 1; i++) {
+        const key = path[i];
+        if (!(key in current) || typeof current[key] !== "object" || current[key] === null) {
+          current[key] = {};
+        } else {
+          current[key] = __spreadValues({}, current[key]);
+        }
+        current = current[key];
+      }
+      current[path[path.length - 1]] = value;
+      return newObj;
+    };
     const props = __props;
     const emits = __emit;
     const innerValue = ref(null);
     watch(
       () => props.value,
       (newVal) => {
-        if (newVal[props.startField] && newVal[props.endField]) {
-          innerValue.value = [
-            dayjs(newVal[props.startField]),
-            dayjs(newVal[props.endField])
-          ];
+        const start = getNestedValue(newVal, props.startField);
+        const end = getNestedValue(newVal, props.endField);
+        if (start && end) {
+          innerValue.value = [dayjs(start), dayjs(end)];
         } else {
           innerValue.value = null;
         }
@@ -49,24 +76,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true, deep: true }
     );
     const handleChange = (dates) => {
+      var _a, _b;
+      let updatedValue = __spreadValues({}, props.value);
       if (dates && dates.length === 2) {
         const [startTime, endTime] = dates;
-        const formattedValue = __spreadProps(__spreadValues({}, props.value), {
-          // 保留原对象的所有属性
-          [props.startField]: startTime ? startTime.format(props.format) : null,
-          [props.endField]: endTime ? endTime.format(props.format) : null
-        });
-        emits("update:value", formattedValue);
-        emits("change", formattedValue);
+        updatedValue = setNestedValue(
+          updatedValue,
+          props.startField,
+          (_a = startTime == null ? void 0 : startTime.format(props.format)) != null ? _a : null
+        );
+        updatedValue = setNestedValue(
+          updatedValue,
+          props.endField,
+          (_b = endTime == null ? void 0 : endTime.format(props.format)) != null ? _b : null
+        );
       } else {
-        const formattedValue = __spreadProps(__spreadValues({}, props.value), {
-          // 保留原对象的所有属性
-          [props.startField]: null,
-          [props.endField]: null
-        });
-        emits("update:value", formattedValue);
-        emits("change", formattedValue);
+        updatedValue = setNestedValue(updatedValue, props.startField, null);
+        updatedValue = setNestedValue(updatedValue, props.endField, null);
       }
+      emits("update:value", updatedValue);
+      emits("change", updatedValue);
     };
     return (_ctx, _cache) => {
       const _component_a_range_picker = resolveComponent("a-range-picker");

package/dist/esm/components/date/RangePicker.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.vue2.mjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport type { RangeValue } from \"ant-design-vue/es/vc-picker/interface\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// 定义 props 类型\r\ninterface Props {\r\n  value: Record<string, unknown>; // 使用 any 以兼容任意字段\r\n  startField?: string;\r\n  endField?: string;\r\n  format?: string;\r\n}\r\n\r\nconst props = defineProps({\n  value: { type: Object, required: true, default: () => ({}) },\n  startField: { type: String, required: false, default: \"startTime\" },\n  endField: { type: String, required: false, default: \"endTime\" },\n  format: { type: String, required: false, default: \"YYYY-MM-DD\" }\n});\r\n\r\n// 定义 emits 类型\r\nconst emits = defineEmits([\"update:value\", \"change\"]);\r\n\r\n// 定义 innerValue 的类型为 RangeValue<Dayjs>\r\nconst innerValue = ref<RangeValue<Dayjs>>(null);\r\n\r\n// 监听外部 value 变化，更新内部值\r\nwatch(\r\n  () => props.value,\r\n  newVal => {\r\n    if (newVal[props.startField] && newVal[props.endField]) {\r\n      innerValue.value = [\r\n        dayjs(newVal[props.startField] as string),\r\n        dayjs(newVal[props.endField] as string)\r\n      ];\r\n    } else {\r\n      innerValue.value = null;\r\n    }\r\n  },\r\n  { immediate: true, deep: true }\r\n);\r\n\r\n// 处理日期变化\r\nconst handleChange = (dates: RangeValue<Dayjs>) => {\r\n  if (dates && dates.length === 2) {\r\n    const [startTime, endTime] = dates;\r\n\r\n    // 创建一个新对象，保留原 params 的其他属性\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: startTime ? startTime.format(props.format) : null,\r\n      [props.endField]: endTime ? endTime.format(props.format) : null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  } else {\r\n    // 如果日期为空，则清空 startField 和 endField\r\n    const formattedValue = {\r\n      ...props.value, // 保留原对象的所有属性\r\n      [props.startField]: null,\r\n      [props.endField]: null\r\n    };\r\n\r\n    emits(\"update:value\", formattedValue);\r\n    emits(\"change\", formattedValue);\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <a-range-picker\r\n    style=\"width: 100%\"\r\n    v-model:value=\"innerValue\"\r\n    :placeholder=\"['开始时间', '结束时间']\"\r\n    @change=\"handleChange\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAGd,IAAM,MAAA,UAAA,GAAa,IAAuB,IAAI,CAAA;AAG9C,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAA,IAAI,OAAO,KAAM,CAAA,UAAU,KAAK,MAAO,CAAA,KAAA,CAAM,QAAQ,CAAG,EAAA;AACtD,UAAA,UAAA,CAAW,KAAQ,GAAA;AAAA,YACjB,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,UAAU,CAAW,CAAA;AAAA,YACxC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,QAAQ,CAAW;AAAA,WACxC;AAAA,SACK,MAAA;AACL,UAAA,UAAA,CAAW,KAAQ,GAAA,IAAA;AAAA;AACrB,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK;AAAA,KAChC;AAGA,IAAM,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACjD,MAAI,IAAA,KAAA,IAAS,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC/B,QAAM,MAAA,CAAC,SAAW,EAAA,OAAO,CAAI,GAAA,KAAA;AAG7B,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,MAAM,UAAU,GAAG,YAAY,SAAU,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA,IAAA;AAAA,UACjE,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAQ,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAI,GAAA;AAAA,SAC7D,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA,OACzB,MAAA;AAEL,QAAM,MAAA,cAAA,GAAiB,aAClB,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAM,KADY,CAAA,EAAA;AAAA;AAAA,UAErB,CAAC,KAAM,CAAA,UAAU,GAAG,IAAA;AAAA,UACpB,CAAC,KAAM,CAAA,QAAQ,GAAG;AAAA,SACpB,CAAA;AAEA,QAAA,KAAA,CAAM,gBAAgB,cAAc,CAAA;AACpC,QAAA,KAAA,CAAM,UAAU,cAAc,CAAA;AAAA;AAChC,KACF;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RangePicker.vue2.mjs","sources":["../../../../src/components/date/RangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref, watch } from \"vue\";\r\n\r\nimport type { RangeValue } from \"ant-design-vue/es/vc-picker/interface\";\r\nimport type { Dayjs } from \"dayjs\";\r\nimport dayjs from \"dayjs\";\r\n\r\n// 工具函数：规范化路径\r\nconst normalizePath = (field: string | string[]): string[] => {\r\n  return Array.isArray(field) ? field : [field];\r\n};\r\n\r\n// 工具函数：获取嵌套值\r\nconst getNestedValue = <T extends Record<string, unknown>>(\r\n  obj: T,\r\n  field: string | string[]\r\n): string | null | undefined => {\r\n  const path = normalizePath(field);\r\n  let current: unknown = obj;\r\n\r\n  for (const key of path) {\r\n    if (current && typeof current === \"object\" && key in current) {\r\n      current = (current as Record<string, unknown>)[key];\r\n    } else {\r\n      return undefined;\r\n    }\r\n  }\r\n  return current as string | null | undefined;\r\n};\r\n\r\n// 工具函数：设置嵌套值\r\nconst setNestedValue = <T extends Record<string, unknown>>(\r\n  obj: T,\r\n  field: string | string[],\r\n  value: string | null\r\n): T => {\r\n  const path = normalizePath(field);\r\n  const newObj = { ...obj };\r\n  let current: Record<string, unknown> = newObj;\r\n\r\n  for (let i = 0; i < path.length - 1; i++) {\r\n    const key = path[i];\r\n    if (\r\n      !(key in current) ||\r\n      typeof current[key] !== \"object\" ||\r\n      current[key] === null\r\n    ) {\r\n      current[key] = {};\r\n    } else {\r\n      current[key] = { ...current[key] };\r\n    }\r\n    current = current[key] as Record<string, unknown>;\r\n  }\r\n\r\n  current[path[path.length - 1]] = value;\r\n  return newObj as T;\r\n};\r\n\r\n// 定义 props 类型\r\ninterface Props {\r\n  value: Record<string, unknown>;\r\n  startField?: string | string[];\r\n  endField?: string | string[];\r\n  format?: string;\r\n}\r\n\r\nconst props = defineProps({\n  value: { type: Object, required: true, default: () => ({}) },\n  startField: { type: [String, Array], required: false, default: \"startTime\" },\n  endField: { type: [String, Array], required: false, default: \"endTime\" },\n  format: { type: String, required: false, default: \"YYYY-MM-DD\" }\n});\r\n\r\n// 定义 emits 类型\r\nconst emits = defineEmits([\"update:value\", \"change\"]);\r\n\r\n// 内部值，用于日期选择器\r\nconst innerValue = ref<RangeValue<Dayjs>>(null);\r\n\r\n// 监听外部 value 变化，同步内部值\r\nwatch(\r\n  () => props.value,\r\n  newVal => {\r\n    const start = getNestedValue(newVal, props.startField);\r\n    const end = getNestedValue(newVal, props.endField);\r\n\r\n    if (start && end) {\r\n      innerValue.value = [dayjs(start), dayjs(end)];\r\n    } else {\r\n      innerValue.value = null;\r\n    }\r\n  },\r\n  { immediate: true, deep: true }\r\n);\r\n\r\n// 处理日期变化\r\nconst handleChange = (dates: RangeValue<Dayjs>) => {\r\n  let updatedValue = { ...props.value };\r\n\r\n  if (dates && dates.length === 2) {\r\n    const [startTime, endTime] = dates;\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.startField,\r\n      startTime?.format(props.format) ?? null\r\n    );\r\n    updatedValue = setNestedValue(\r\n      updatedValue,\r\n      props.endField,\r\n      endTime?.format(props.format) ?? null\r\n    );\r\n  } else {\r\n    updatedValue = setNestedValue(updatedValue, props.startField, null);\r\n    updatedValue = setNestedValue(updatedValue, props.endField, null);\r\n  }\r\n\r\n  emits(\"update:value\", updatedValue);\r\n  emits(\"change\", updatedValue);\r\n};\r\n</script>\r\n\r\n<template>\r\n  <a-range-picker\r\n    style=\"width: 100%\"\r\n    v-model:value=\"innerValue\"\r\n    :placeholder=\"['开始时间', '结束时间']\"\r\n    @change=\"handleChange\"\r\n  />\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/layout/components/layout/ThemeApp.vue2.mjs

@@ -6,31 +6,55 @@ import { useAppStore } from '@ditari/store';
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ThemeApp",
+  props: {
+    themeJson: { type: Object, required: false, default: () => ({}) }
+  },
   setup(__props) {
+    const props = __props;
     const { appTheme } = useTheme();
     function useTheme() {
-      const { modeConfig } = storeToRefs(useAppStore());
+      const { modeConfig, isCompact } = storeToRefs(useAppStore());
       const appTheme2 = ref({});
       watch(
         () => modeConfig.value.mode,
-        (val) => {
-          if (val === "os") {
-            const isDarkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
-            if (isDarkMode) {
-              appTheme2.value.algorithm = theme.darkAlgorithm;
-            } else {
-              appTheme2.value.algorithm = theme.defaultAlgorithm;
-            }
-          } else if (val === "light") {
-            appTheme2.value.algorithm = theme.defaultAlgorithm;
-          } else if (val === "dark") {
-            appTheme2.value.algorithm = theme.darkAlgorithm;
-          } else {
-            appTheme2.value.algorithm = theme.defaultAlgorithm;
-          }
+        () => {
+          handleTheme();
         },
         { immediate: true }
       );
+      watch(
+        () => isCompact.value,
+        () => {
+          handleTheme();
+        }
+      );
+      function handleTheme() {
+        const isDarkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+        switch (modeConfig.value.mode) {
+          case "light":
+            if (isCompact.value) {
+              appTheme2.value.algorithm = theme.compactAlgorithm;
+              appTheme2.value.token = {};
+            } else {
+              appTheme2.value.algorithm = theme.defaultAlgorithm;
+              appTheme2.value.token = {};
+            }
+            break;
+          case "dark":
+            if (isCompact.value) {
+              appTheme2.value.token = props.themeJson;
+            } else {
+              appTheme2.value.algorithm = theme.darkAlgorithm;
+              appTheme2.value.token = {};
+            }
+            break;
+          case "os":
+            if (isCompact.value && isDarkMode) {
+              appTheme2.value.token = props.themeJson;
+            }
+            break;
+        }
+      }
       return {
         appTheme: appTheme2
       };

package/dist/esm/components/layout/components/layout/ThemeApp.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeApp.vue2.mjs","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>>({});\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":["appTheme"],"mappings":";;;;;;;;;AAOA,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,QAAS,EAAA;AAE9B,IAAA,SAAS,QAAuC,GAAA;AAC9C,MAAA,MAAM,EAAE,UAAA,EAAe,GAAA,WAAA,CAAY,aAAa,CAAA;AAChD,MAAMA,MAAAA,SAAAA,GAAW,GAA6B,CAAA,EAAE,CAAA;AAEhD,MAAA,KAAA;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,cAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,aAAA;AAAA,aAC5B,MAAA;AACL,cAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,gBAAA;AAAA;AACnC,WACF,MAAA,IAAW,QAAQ,OAAS,EAAA;AAC1B,YAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,gBAAA;AAAA,WACnC,MAAA,IAAW,QAAQ,MAAQ,EAAA;AACzB,YAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,aAAA;AAAA,WAC5B,MAAA;AACL,YAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,gBAAA;AAAA;AACnC,SACF;AAAA,QACA,EAAE,WAAW,IAAK;AAAA,OACpB;AAEA,MAAO,OAAA;AAAA,QACL,QAAAA,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThemeApp.vue2.mjs","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 props = defineProps({\n  themeJson: { type: Object, required: false, default: () => ({}) }\n});\r\n\r\nconst { appTheme } = useTheme();\r\n\r\nfunction useTheme(): { appTheme: Ref<unknown> } {\r\n  const { modeConfig, isCompact } = storeToRefs(useAppStore());\r\n  const appTheme = ref<Record<string, unknown>>({});\r\n\r\n  watch(\r\n    () => modeConfig.value.mode,\r\n    () => {\r\n      handleTheme();\r\n    },\r\n    { immediate: true }\r\n  );\r\n\r\n  watch(\r\n    () => isCompact.value,\r\n    () => {\r\n      handleTheme();\r\n    }\r\n  );\r\n\r\n  function handleTheme() {\r\n    const isDarkMode =\r\n      window.matchMedia &&\r\n      window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\r\n    switch (modeConfig.value.mode) {\r\n      case \"light\":\r\n        if (isCompact.value) {\r\n          appTheme.value.algorithm = theme.compactAlgorithm;\r\n          appTheme.value.token = {};\r\n        } else {\r\n          appTheme.value.algorithm = theme.defaultAlgorithm;\r\n          appTheme.value.token = {};\r\n        }\r\n        break;\r\n      case \"dark\":\r\n        if (isCompact.value) {\r\n          appTheme.value.token = props.themeJson;\r\n        } else {\r\n          appTheme.value.algorithm = theme.darkAlgorithm;\r\n          appTheme.value.token = {};\r\n        }\r\n        break;\r\n      case \"os\":\r\n        if (isCompact.value && isDarkMode) {\r\n          appTheme.value.token = props.themeJson;\r\n        }\r\n        break;\r\n    }\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":["appTheme"],"mappings":";;;;;;;;;;;;AAOA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAM,MAAA,EAAE,QAAS,EAAA,GAAI,QAAS,EAAA;AAE9B,IAAA,SAAS,QAAuC,GAAA;AAC9C,MAAA,MAAM,EAAE,UAAY,EAAA,SAAA,EAAc,GAAA,WAAA,CAAY,aAAa,CAAA;AAC3D,MAAMA,MAAAA,SAAAA,GAAW,GAA6B,CAAA,EAAE,CAAA;AAEhD,MAAA,KAAA;AAAA,QACE,MAAM,WAAW,KAAM,CAAA,IAAA;AAAA,QACvB,MAAM;AACJ,UAAY,WAAA,EAAA;AAAA,SACd;AAAA,QACA,EAAE,WAAW,IAAK;AAAA,OACpB;AAEA,MAAA,KAAA;AAAA,QACE,MAAM,SAAU,CAAA,KAAA;AAAA,QAChB,MAAM;AACJ,UAAY,WAAA,EAAA;AAAA;AACd,OACF;AAEA,MAAA,SAAS,WAAc,GAAA;AACrB,QAAA,MAAM,aACJ,MAAO,CAAA,UAAA,IACP,MAAO,CAAA,UAAA,CAAW,8BAA8B,CAAE,CAAA,OAAA;AACpD,QAAQ,QAAA,UAAA,CAAW,MAAM,IAAM;AAAA,UAC7B,KAAK,OAAA;AACH,YAAA,IAAI,UAAU,KAAO,EAAA;AACnB,cAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,gBAAA;AACjC,cAAAA,SAAAA,CAAS,KAAM,CAAA,KAAA,GAAQ,EAAC;AAAA,aACnB,MAAA;AACL,cAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,gBAAA;AACjC,cAAAA,SAAAA,CAAS,KAAM,CAAA,KAAA,GAAQ,EAAC;AAAA;AAE1B,YAAA;AAAA,UACF,KAAK,MAAA;AACH,YAAA,IAAI,UAAU,KAAO,EAAA;AACnB,cAAAA,SAAAA,CAAS,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,SAAA;AAAA,aACxB,MAAA;AACL,cAAAA,SAAAA,CAAS,KAAM,CAAA,SAAA,GAAY,KAAM,CAAA,aAAA;AACjC,cAAAA,SAAAA,CAAS,KAAM,CAAA,KAAA,GAAQ,EAAC;AAAA;AAE1B,YAAA;AAAA,UACF,KAAK,IAAA;AACH,YAAI,IAAA,SAAA,CAAU,SAAS,UAAY,EAAA;AACjC,cAAAA,SAAAA,CAAS,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,SAAA;AAAA;AAE/B,YAAA;AAAA;AACJ;AAGF,MAAO,OAAA;AAAA,QACL,QAAAA,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;"}

package/dist/esm/components/layout/components/settings/SettingDrawer.mjs

@@ -25,7 +25,8 @@ var SettingDrawer = /* @__PURE__ */ defineComponent({
     } = useToken();
     const store = useAppStore();
     const {
-      modeConfig
+      modeConfig,
+      isCompact
     } = storeToRefs(store);
     const {
       btnStyle,
@@ -93,8 +94,15 @@ var SettingDrawer = /* @__PURE__ */ defineComponent({
               default: () => [_slot]
             })]
           }), createVNode(resolveComponent("a-form-item"), {
-            "label": "\u6A21\u5F0F"
-          }, null)]
+            "label": "\u7D27\u51D1"
+          }, {
+            default: () => [createVNode(resolveComponent("a-switch"), {
+              "checked": isCompact.value,
+              "onUpdate:checked": ($event) => isCompact.value = $event,
+              "checked-children": "\u5F00",
+              "un-checked-children": "\u5173"
+            }, null)]
+          })]
         })]
       })]);
     };

package/dist/esm/components/layout/components/settings/SettingDrawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.mjs","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","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":";;;;;;;;;;AASgD,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA;AAAA;AAEhD,oCAA+B,eAAA,CAAA;AAAA,EAC7BM,UAAY,EAAA;AAAA,mBACVC;AAAAA,GACF;AAAA,EACAC,KAAQ,GAAA;AACN,IAAMC,MAAAA,IAAAA,GAAOC,IAAI,KAAK,CAAA;AACtB,IAAM,MAAA;AAAA,MAAEC;AAAAA,KAAaC,GAAAA,KAAAA;AACrB,IAAM,MAAA;AAAA,MAAEC;AAAAA,QAA+CF,QAAS,EAAA;AAChE,IAAA,MAAMG,QAAQC,WAAY,EAAA;AAC1B,IAAM,MAAA;AAAA,MAAEC;AAAAA,KAAW,GAAIC,YAAYH,KAAK,CAAA;AAExC,IAAM,MAAA;AAAA,MAAEI,QAAAA;AAAAA,MAAUC,aAAAA;AAAAA,MAAeC,YAAAA;AAAAA,MAAcC;AAAAA,QAC7CC,QAAS,EAAA;AAEX,IAAA,SAASA,QAKP,GAAA;AACA,MAAMD,MAAAA,mBAAAA,GAAqBE,QAAS,CAAA,MAAMC,GAAK,CAAA,CAAA,CAAA;AAC/C,MAAMN,MAAAA,SAAAA,GAAWK,SACf,MAAMC,GAAAA;AAAAA,4BACgBX,EAAAA,KAAAA,CAAMY,MAAMC,YAAY,CAAA;AAAA,mCACjBb,EAAAA,KAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAOY,MAAME,YAAY,CAAA;AAAA,qCACvBd,EAAAA,KAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAOY,MAAME,YAAY,CAAA;AAAA,QAE1D,CAAA,CAAA;AAEA,MAAMR,MAAAA,cAAAA,GAAgBI,SACpB,MAAMC,GAAAA;AAAAA,UAAAA,EACFN,UAASO,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA,QAKpB,CAAA,CAAA;AAEA,MAAML,MAAAA,aAAAA,GAAeG,SACnB,MAAM;AAAA;AAAA,MAGR,CAAA,CAAA;AAEA,MAAO,OAAA;AAAA,QACLL,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,aAAAA,EAAAA,cAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,kBAAAA,EAAAA;AAAAA,OACF;AAAA;AAGF,IAAA,OAAO,MAAA;AAAA,MAAAO,IAAAA,KAAAA;AAAA,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,SACOR,kBAAmBI,CAAAA;AAAAA,OAAK,EAAA,CAAAI,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAEzB,CAAiCX,8BAAAA,EAAAA,QAAAA,CAASO,KAAK,CAAA,CAAA;AAAA,QAAE,SAAA,EAC/CK,MAAOrB,IAAAA,CAAKgB,KAAQ,GAAA;AAAA,OAAK,EAAAI,CAAAA,WAAAA,CAAAE,eAAA,EAAA;AAAA,QAAA,OAEV,EAAA;AAAA,OAAM,EAAAF,IAAAA,CAAAA,CAAAA,GAAAA,WAAAG,CAAAA,gBAAAA,CAAA,UAAA,CAAA,EAAA;AAAA,QAAA,QAERvB,IAAKgB,CAAAA,KAAAA;AAAAA,QAAK,eAAA,EAAAQ,CAAVxB,MAAAA,KAAAA,IAAAA,CAAKgB,KAAKQ,GAAAA,MAAAA;AAAAA,QAAA,WAAa,EAAA;AAAA,UAAEC,OAAS,EAAA;AAAA;AAAE,OAAC,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAA,CAAAN,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAElD,CAAkCV,+BAAAA,EAAAA,aAAAA,CAAcM,KAAK,CAAA,CAAA;AAAA,UAAE,SAAA,EACrDK,MAAOrB,IAAAA,CAAKgB,KAAQ,GAAA;AAAA,SAAM,EAAAI,CAAAA,WAAAA,CAAAO,aAAA,EAAA;AAAA,UAAA,OAEb,EAAA;AAAA,SAAM,EAAAP,IAAAA,CAAAA,CAAAA,GAAAA,WAAAG,CAAAA,gBAAAA,CAAA,QAAA,CAAA,EAAA,IAAA,EAAA;AAAA,UAAAG,SAAAA,MAAAN,CAAAA,WAAAG,CAAAA,gBAAAA,CAAA,aAAA,CAAA,EAAA;AAAA,YAAA,OAIR,EAAA;AAAA,WAAI,EAAA;AAAA,YAAAG,SAAAA,MAAAN,CAAAA,WAAAG,CAAAA,gBAAAA,CAAA,eAAA,CAAA,EAAA;AAAA,cAAA,OAAA,EAELhB,WAAWS,KAAMY,CAAAA,IAAAA;AAAAA,cAAI,gBAAAJ,EAAAA,CAAAA,MAAAA,KAArBjB,UAAWS,CAAAA,KAAAA,CAAMY,IAAIJ,GAAAA,MAAAA;AAAAA,cAAA,cAAA,EAAA;AAAA,aAAA,EAAAlC,OAAA6B,CAAAA,KAAAA,GAGnCZ,UAAWS,CAAAA,KAAAA,CAAMa,IAAKC,CAAAA,GAAAA,CAAIC,CAAIX,IAAAA,KAAAA,WAAAA,CAAAG,gBAAA,CAAA,gBAAA,CAAA,EAAA;AAAA,cAAA,SACNQ,IAAKf,CAAAA;AAAAA,aAAK,EAAA;AAAA,cAAAU,OAAAA,EAAAA,MAC9BK,CAAAA,IAAAA,CAAKC,KAAK;AAAA,aAEd,CAAA,CAAC,CAAA,GAAAb,KAAA,GAAA;AAAA,cAAAO,OAAAA,EAAAA,MAAA,CAAAP,KAAA;AAAA,aAAA,CAAA;AAAA,WAAAC,CAAAA,EAAAA,WAAAG,CAAAA,gBAAAA,CAAA,aAAA,CAAA,EAAA;AAAA,YAAA,OAGc,EAAA;AAAA,WAAI,EAAA,IAAA,CAAA;AAAA,SAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA;AAMpC,CAAC,CAAA;;;;"}
+{"version":3,"file":"SettingDrawer.mjs","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, isCompact } = 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          <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={\"紧凑\"}>\r\n              <a-switch\r\n                v-model:checked={isCompact.value}\r\n                checked-children=\"开\"\r\n                un-checked-children=\"关\"\r\n              ></a-switch>\r\n            </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","components","BlockCheckbox","setup","open","ref","useToken","theme","token","store","useAppStore","modeConfig","isCompact","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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"}

package/dist/esm/components/tab/Search.mjs

@@ -131,6 +131,7 @@ var Search = /* @__PURE__ */ defineComponent({
                 .hostname {
                   max-width: 180px;
                   overflow: hidden;
+                  white-space: nowrap;
                 }
 
                 .split {

package/dist/esm/components/tab/Search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Search.mjs","sources":["../../../../src/components/tab/Search.tsx"],"sourcesContent":["import { computed, ComputedRef, defineComponent, h, ref, watch } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { useMagicKeys, useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport {\r\n  CloseOutlined,\r\n  DownOutlined,\r\n  SearchOutlined,\r\n  UnorderedListOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport { type NavTabsState, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\nimport dayjs from \"dayjs\";\r\n\r\nexport default defineComponent({\r\n  name: \"Search\",\r\n  setup() {\r\n    const router = useRouter();\r\n\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n    const { getList, deleteTabs } = useNavTabStore();\r\n    // 用来监听 Ctrl + Shift + S\r\n    const keys = useMagicKeys();\r\n    const shiftCtrlA = keys[\"Shift+Ctrl+S\"];\r\n    const open = ref(false);\r\n    const { y } = useWindowScroll();\r\n\r\n    const navTabList = computed(() => {\r\n      return getList!.sort((a, b) => (b.openTime || 0) - (a.openTime || 0));\r\n    });\r\n\r\n    watch(shiftCtrlA, v => {\r\n      if (v) {\r\n        open.value = !open.value;\r\n      }\r\n    });\r\n    watch(\r\n      () => y.value,\r\n      val => {\r\n        if (val > 0) {\r\n          open.value = false;\r\n        }\r\n      }\r\n    );\r\n\r\n    const onCloseTab = (path: string) => {\r\n      deleteTabs(path);\r\n    };\r\n\r\n    const searchStyle = computed(\r\n      () => css`\r\n        padding: 10px;\r\n        border-bottom: 1px solid ${token.value.colorBorder};\r\n      `\r\n    );\r\n\r\n    const searchListStyle = computed(\r\n      () => css`\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        max-height: 400px;\r\n        overflow-y: overlay;\r\n        user-select: none;\r\n\r\n        /* 整个滚动条 */\r\n\r\n        ::-webkit-scrollbar {\r\n          width: 4px; /* 垂直滚动条的宽度 */\r\n          height: 4px; /* 水平滚动条的高度 */\r\n        }\r\n\r\n        /* 滚动条轨道 */\r\n\r\n        ::-webkit-scrollbar-track {\r\n          background: transparent; /* 轨道背景色 */\r\n          border-radius: 0; /* 轨道圆角 */\r\n        }\r\n\r\n        /* 滚动条滑块 */\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n          //background: #888; /* 滑块背景色 */\r\n          // border-radius: 6px; /* 滑块圆角 */\r\n          border: 3px solid ${token.value.colorPrimaryBorder}; /* 滑块边框 */\r\n        }\r\n\r\n        /* 滚动条滑块悬停效果 */\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n          background: red; /* 滑块悬停背景色 */\r\n        }\r\n\r\n        .search-title {\r\n          position: sticky;\r\n          top: 0;\r\n          padding: 10px;\r\n        }\r\n\r\n        ul {\r\n          margin: 0;\r\n          padding: 0;\r\n          list-style: none;\r\n\r\n          li {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 4px 10px;\r\n            width: 400px;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              background-color: ${token.value.colorBgLayout};\r\n\r\n              .close-wrapper {\r\n                display: block;\r\n              }\r\n            }\r\n\r\n            .icon {\r\n              width: 42px;\r\n              height: 42px;\r\n              border-radius: 10px;\r\n              background-color: ${token.value.colorPrimary};\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n            }\r\n\r\n            .content {\r\n              padding-left: 10px;\r\n\r\n              .time-ago {\r\n                display: flex;\r\n                align-items: center;\r\n                font-size: 12px;\r\n\r\n                .hostname {\r\n                  max-width: 180px;\r\n                  overflow: hidden;\r\n                }\r\n\r\n                .split {\r\n                  width: 4px;\r\n                  height: 4px;\r\n                  display: inline-block;\r\n                  background-color: ${token.value.colorPrimary};\r\n                  border-radius: 10px;\r\n                  margin: 0 6px;\r\n                }\r\n              }\r\n            }\r\n\r\n            .close-wrapper {\r\n              display: none;\r\n              flex: 1;\r\n              text-align: right;\r\n\r\n              .close-btn {\r\n                display: inline-block;\r\n                width: 22px;\r\n                height: 22px;\r\n                border-radius: 50%;\r\n                text-align: center;\r\n\r\n                &:hover {\r\n                  // background-color: ${token.value.colorBgLayout};\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `\r\n    );\r\n\r\n    function timeAgo(providedTime: number) {\r\n      const now = dayjs();\r\n      const diffInSeconds = now.diff(providedTime, \"second\"); // 计算时间差（秒）\r\n      const diffInMinutes = now.diff(providedTime, \"minute\"); // 计算时间差（分钟）\r\n      const diffInHours = now.diff(providedTime, \"hour\"); // 计算时间差（小时）\r\n\r\n      if (diffInMinutes < 1) {\r\n        return `${diffInSeconds} 秒前`;\r\n      } else if (diffInHours < 1) {\r\n        return `${diffInMinutes} 分钟前`;\r\n      } else {\r\n        return `${diffInHours} 小时前`;\r\n      }\r\n    }\r\n\r\n    const onJump = (item: NavTabsState) => {\r\n      if (item.fullPath) {\r\n        router.push(item.fullPath);\r\n      }\r\n      open.value = false;\r\n    };\r\n\r\n    return () => (\r\n      <div>\r\n        <a-popover\r\n          v-model:open={open.value}\r\n          placement={\"bottomRight\"}\r\n          trigger={\"click\"}\r\n          overlayClassName={\"search-popover-wrapper\"}\r\n        >\r\n          {{\r\n            default: () => (\r\n              <div>\r\n                <a-button\r\n                  style={{ borderRadius: \"10px\" }}\r\n                  icon={h(DownOutlined)}\r\n                  title={\"搜索标签页\"}\r\n                />\r\n              </div>\r\n            ),\r\n            content: () => (\r\n              <>\r\n                <div class={searchStyle.value}>\r\n                  <a-input placeholder={\"搜索标签页\"} bordered={false}>\r\n                    {{\r\n                      prefix: () => <SearchOutlined />,\r\n                      suffix: () => (\r\n                        <span style={{ color: \"rgba(0, 0, 0, 0.45)\" }}>\r\n                          Ctrl+Shift+S\r\n                        </span>\r\n                      )\r\n                    }}\r\n                  </a-input>\r\n                </div>\r\n                <div class={searchListStyle.value}>\r\n                  <span class={\"search-title\"}>打开的标签页</span>\r\n                  <ul>\r\n                    {navTabList.value.map(item => (\r\n                      <li onClick={() => onJump(item)}>\r\n                        <div class={\"icon\"}>\r\n                          <UnorderedListOutlined />\r\n                        </div>\r\n                        <div class={\"content\"}>\r\n                          <div class={\"title\"}>{item.meta?.title}</div>\r\n                          <div class={\"time-ago\"}>\r\n                            <span class={\"hostname\"}>\r\n                              {window.location.hostname + \"\" + item.path}\r\n                            </span>\r\n                            <span class={\"split\"}></span>\r\n                            <span class={\"time\"}>\r\n                              {timeAgo(item.openTime ?? 0)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                        <div class={\"close-wrapper\"}>\r\n                          <span\r\n                            class={\"close-btn\"}\r\n                            onClick={() => onCloseTab(item.fullPath || \"\")}\r\n                          >\r\n                            <CloseOutlined />\r\n                          </span>\r\n                        </div>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </>\r\n            )\r\n          }}\r\n        </a-popover>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","router","useRouter","useToken","theme","token","getList","deleteTabs","useNavTabStore","keys","useMagicKeys","shiftCtrlA","open","ref","y","useWindowScroll","navTabList","computed","sort","a","b","openTime","watch","v","value","val","onCloseTab","path","searchStyle","css","colorBorder","searchListStyle","colorPrimaryBorder","colorBgLayout","colorPrimary","timeAgo","providedTime","now","dayjs","diffInSeconds","diff","diffInMinutes","diffInHours","onJump","item","fullPath","push","_createVNode","_resolveComponent","$event","default","borderRadius","h","DownOutlined","content","_Fragment","prefix","SearchOutlined","suffix","color","_createTextVNode","map","onClick","UnorderedListOutlined","meta","title","window","location","hostname","CloseOutlined"],"mappings":"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"}
+{"version":3,"file":"Search.mjs","sources":["../../../../src/components/tab/Search.tsx"],"sourcesContent":["import { computed, ComputedRef, defineComponent, h, ref, watch } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { theme } from \"ant-design-vue\";\r\nimport { useMagicKeys, useWindowScroll } from \"@vueuse/core\";\r\n\r\nimport {\r\n  CloseOutlined,\r\n  DownOutlined,\r\n  SearchOutlined,\r\n  UnorderedListOutlined\r\n} from \"@ant-design/icons-vue\";\r\nimport { type NavTabsState, useNavTabStore } from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\nimport dayjs from \"dayjs\";\r\n\r\nexport default defineComponent({\r\n  name: \"Search\",\r\n  setup() {\r\n    const router = useRouter();\r\n\r\n    const { useToken } = theme;\r\n    const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n    const { getList, deleteTabs } = useNavTabStore();\r\n    // 用来监听 Ctrl + Shift + S\r\n    const keys = useMagicKeys();\r\n    const shiftCtrlA = keys[\"Shift+Ctrl+S\"];\r\n    const open = ref(false);\r\n    const { y } = useWindowScroll();\r\n\r\n    const navTabList = computed(() => {\r\n      return getList!.sort((a, b) => (b.openTime || 0) - (a.openTime || 0));\r\n    });\r\n\r\n    watch(shiftCtrlA, v => {\r\n      if (v) {\r\n        open.value = !open.value;\r\n      }\r\n    });\r\n    watch(\r\n      () => y.value,\r\n      val => {\r\n        if (val > 0) {\r\n          open.value = false;\r\n        }\r\n      }\r\n    );\r\n\r\n    const onCloseTab = (path: string) => {\r\n      deleteTabs(path);\r\n    };\r\n\r\n    const searchStyle = computed(\r\n      () => css`\r\n        padding: 10px;\r\n        border-bottom: 1px solid ${token.value.colorBorder};\r\n      `\r\n    );\r\n\r\n    const searchListStyle = computed(\r\n      () => css`\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        max-height: 400px;\r\n        overflow-y: overlay;\r\n        user-select: none;\r\n\r\n        /* 整个滚动条 */\r\n\r\n        ::-webkit-scrollbar {\r\n          width: 4px; /* 垂直滚动条的宽度 */\r\n          height: 4px; /* 水平滚动条的高度 */\r\n        }\r\n\r\n        /* 滚动条轨道 */\r\n\r\n        ::-webkit-scrollbar-track {\r\n          background: transparent; /* 轨道背景色 */\r\n          border-radius: 0; /* 轨道圆角 */\r\n        }\r\n\r\n        /* 滚动条滑块 */\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n          //background: #888; /* 滑块背景色 */\r\n          // border-radius: 6px; /* 滑块圆角 */\r\n          border: 3px solid ${token.value.colorPrimaryBorder}; /* 滑块边框 */\r\n        }\r\n\r\n        /* 滚动条滑块悬停效果 */\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n          background: red; /* 滑块悬停背景色 */\r\n        }\r\n\r\n        .search-title {\r\n          position: sticky;\r\n          top: 0;\r\n          padding: 10px;\r\n        }\r\n\r\n        ul {\r\n          margin: 0;\r\n          padding: 0;\r\n          list-style: none;\r\n\r\n          li {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 4px 10px;\r\n            width: 400px;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              background-color: ${token.value.colorBgLayout};\r\n\r\n              .close-wrapper {\r\n                display: block;\r\n              }\r\n            }\r\n\r\n            .icon {\r\n              width: 42px;\r\n              height: 42px;\r\n              border-radius: 10px;\r\n              background-color: ${token.value.colorPrimary};\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n            }\r\n\r\n            .content {\r\n              padding-left: 10px;\r\n\r\n              .time-ago {\r\n                display: flex;\r\n                align-items: center;\r\n                font-size: 12px;\r\n\r\n                .hostname {\r\n                  max-width: 180px;\r\n                  overflow: hidden;\r\n                  white-space: nowrap;\r\n                }\r\n\r\n                .split {\r\n                  width: 4px;\r\n                  height: 4px;\r\n                  display: inline-block;\r\n                  background-color: ${token.value.colorPrimary};\r\n                  border-radius: 10px;\r\n                  margin: 0 6px;\r\n                }\r\n              }\r\n            }\r\n\r\n            .close-wrapper {\r\n              display: none;\r\n              flex: 1;\r\n              text-align: right;\r\n\r\n              .close-btn {\r\n                display: inline-block;\r\n                width: 22px;\r\n                height: 22px;\r\n                border-radius: 50%;\r\n                text-align: center;\r\n\r\n                &:hover {\r\n                  // background-color: ${token.value.colorBgLayout};\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      `\r\n    );\r\n\r\n    function timeAgo(providedTime: number) {\r\n      const now = dayjs();\r\n      const diffInSeconds = now.diff(providedTime, \"second\"); // 计算时间差（秒）\r\n      const diffInMinutes = now.diff(providedTime, \"minute\"); // 计算时间差（分钟）\r\n      const diffInHours = now.diff(providedTime, \"hour\"); // 计算时间差（小时）\r\n\r\n      if (diffInMinutes < 1) {\r\n        return `${diffInSeconds} 秒前`;\r\n      } else if (diffInHours < 1) {\r\n        return `${diffInMinutes} 分钟前`;\r\n      } else {\r\n        return `${diffInHours} 小时前`;\r\n      }\r\n    }\r\n\r\n    const onJump = (item: NavTabsState) => {\r\n      if (item.fullPath) {\r\n        router.push(item.fullPath);\r\n      }\r\n      open.value = false;\r\n    };\r\n\r\n    return () => (\r\n      <div>\r\n        <a-popover\r\n          v-model:open={open.value}\r\n          placement={\"bottomRight\"}\r\n          trigger={\"click\"}\r\n          overlayClassName={\"search-popover-wrapper\"}\r\n        >\r\n          {{\r\n            default: () => (\r\n              <div>\r\n                <a-button\r\n                  style={{ borderRadius: \"10px\" }}\r\n                  icon={h(DownOutlined)}\r\n                  title={\"搜索标签页\"}\r\n                />\r\n              </div>\r\n            ),\r\n            content: () => (\r\n              <>\r\n                <div class={searchStyle.value}>\r\n                  <a-input placeholder={\"搜索标签页\"} bordered={false}>\r\n                    {{\r\n                      prefix: () => <SearchOutlined />,\r\n                      suffix: () => (\r\n                        <span style={{ color: \"rgba(0, 0, 0, 0.45)\" }}>\r\n                          Ctrl+Shift+S\r\n                        </span>\r\n                      )\r\n                    }}\r\n                  </a-input>\r\n                </div>\r\n                <div class={searchListStyle.value}>\r\n                  <span class={\"search-title\"}>打开的标签页</span>\r\n                  <ul>\r\n                    {navTabList.value.map(item => (\r\n                      <li onClick={() => onJump(item)}>\r\n                        <div class={\"icon\"}>\r\n                          <UnorderedListOutlined />\r\n                        </div>\r\n                        <div class={\"content\"}>\r\n                          <div class={\"title\"}>{item.meta?.title}</div>\r\n                          <div class={\"time-ago\"}>\r\n                            <span class={\"hostname\"}>\r\n                              {window.location.hostname + \"\" + item.path}\r\n                            </span>\r\n                            <span class={\"split\"}></span>\r\n                            <span class={\"time\"}>\r\n                              {timeAgo(item.openTime ?? 0)}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                        <div class={\"close-wrapper\"}>\r\n                          <span\r\n                            class={\"close-btn\"}\r\n                            onClick={() => onCloseTab(item.fullPath || \"\")}\r\n                          >\r\n                            <CloseOutlined />\r\n                          </span>\r\n                        </div>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              </>\r\n            )\r\n          }}\r\n        </a-popover>\r\n      </div>\r\n    );\r\n  }\r\n});\r\n"],"names":["name","setup","router","useRouter","useToken","theme","token","getList","deleteTabs","useNavTabStore","keys","useMagicKeys","shiftCtrlA","open","ref","y","useWindowScroll","navTabList","computed","sort","a","b","openTime","watch","v","value","val","onCloseTab","path","searchStyle","css","colorBorder","searchListStyle","colorPrimaryBorder","colorBgLayout","colorPrimary","timeAgo","providedTime","now","dayjs","diffInSeconds","diff","diffInMinutes","diffInHours","onJump","item","fullPath","push","_createVNode","_resolveComponent","$event","default","borderRadius","h","DownOutlined","content","_Fragment","prefix","SearchOutlined","suffix","color","_createTextVNode","map","onClick","UnorderedListOutlined","meta","title","window","location","hostname","CloseOutlined"],"mappings":"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"}

package/dist/esm/components/table/Table.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, computed, watch, nextTick, createVNode } from 'vue';
+import { defineComponent, ref, onMounted, computed, watch, nextTick, createVNode, mergeProps } from 'vue';
 import { Flex, Table, Pagination } from 'ant-design-vue';
 import { css } from '@emotion/css';
 import { merge } from 'lodash';
@@ -91,7 +91,8 @@ const DTable = /* @__PURE__ */ defineComponent({
   emits: ["update:keys"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const selectedRowKeys = ref(props.keys || []);
     const {
@@ -330,7 +331,7 @@ const DTable = /* @__PURE__ */ defineComponent({
       "vertical": true,
       "ref": tableRef
     }, {
-      default: () => [createVNode(Table, {
+      default: () => [createVNode(Table, mergeProps(attrs, {
         "loading": props.loading,
         "size": props.size,
         "bordered": props.bordered,
@@ -345,9 +346,9 @@ const DTable = /* @__PURE__ */ defineComponent({
           x: "100%",
           scrollToFirstRowOnChange: true
         }
-      }, tableSlots), createVNode("div", {
+      }), tableSlots), pagination.value && createVNode("div", {
         "class": [paginationStyle, "d-pagination"]
-      }, [pagination && createVNode(Pagination, {
+      }, [createVNode(Pagination, {
         "current": paginationConfig.value.current,
         "onUpdate:current": ($event) => paginationConfig.value.current = $event,
         "pageSize": paginationConfig.value.pageSize,